@lion/ui 0.0.2 → 0.0.4

package/custom-elements.json

@@ -7500,7 +7500,7 @@
       "declarations": [
         {
           "kind": "mixin",
-          "description": "",
+          "description": "All intricacies involved in managing light dom can be delegated to SlotMixin. Amongst others, it automatically:\n- mediates between light dom provided by the user ('public slots') and light dom provided by the component author ('private slots').\n- allows to hook into the reactive update loop of LitElement (rerendering on property changes)\n- respects the scoped registry belonging to the shadow root.\n\nBe sure to read all details about SlotMixin in the [SlotMixin documentation](docs/fundamentals/systems/core/SlotMixin.md)",
           "name": "SlotMixin",
           "members": [
             {
@@ -7514,17 +7514,73 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "slotName",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "updated",
+              "parameters": [
+                {
+                  "name": "changedProperties",
+                  "type": {
+                    "text": "PropertyValues"
+                  }
+                }
+              ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`"
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
+              "parameters": [
+                {
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected"
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -7549,11 +7605,44 @@
               },
               "privacy": "protected"
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()"
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()"
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()"
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)"
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()"
             }
           ],
           "parameters": [
@@ -8702,7 +8791,12 @@
                     "text": "PropertyValues"
                   }
                 }
-              ]
+              ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
             },
             {
               "kind": "method",
@@ -9252,12 +9346,31 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "slotName",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
+              "parameters": [
+                {
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
@@ -9267,6 +9380,42 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -9299,11 +9448,56 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -10153,9 +10347,10 @@
                   }
                 }
               ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`",
               "inheritedFrom": {
-                "name": "FormControlMixin",
-                "module": "components/form-core/src/FormControlMixin.js"
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
               }
             },
             {
@@ -11159,12 +11354,31 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "slotName",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
+              "parameters": [
+                {
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
@@ -11174,6 +11388,42 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -11206,11 +11456,56 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -11668,9 +11963,10 @@
                   }
                 }
               ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`",
               "inheritedFrom": {
-                "name": "FormControlMixin",
-                "module": "components/form-core/src/FormControlMixin.js"
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
               }
             },
             {
@@ -12351,12 +12647,31 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "slotName",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
+              "parameters": [
+                {
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
@@ -12366,6 +12681,42 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -12398,11 +12749,56 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -13528,9 +13924,10 @@
                   }
                 }
               ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`",
               "inheritedFrom": {
-                "name": "FormControlMixin",
-                "module": "components/form-core/src/FormControlMixin.js"
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
               }
             },
             {
@@ -14524,12 +14921,31 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "slotName",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
+              "parameters": [
+                {
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
@@ -14539,6 +14955,42 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -14571,11 +15023,56 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -21321,12 +21818,6 @@
               "name": "_onPhoneNumberUtilReady",
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "_scheduleLightDomRender",
-              "description": "This allows to hook into the update hook",
-              "privacy": "protected"
-            },
             {
               "kind": "method",
               "name": "__calculateActiveRegion",
@@ -22500,12 +22991,6 @@
               ],
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "__renderDropdown",
-              "description": "Abstract away rendering to light dom, so that we can rerender when needed",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "__syncRegionWithDropdown",
@@ -22523,6 +23008,12 @@
               "description": "Prepares data for options, like \"Greece (Ελλάδα)\", where \"Greece\" is `nameForLocale` and\n\"Ελλάδα\" `nameForRegion`.\nThis should be run on change of:\n- allowedRegions\n- _phoneUtil loaded\n- locale",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_repropagationCondition",
+              "description": "Usually, we don't use composition in regular LionFields (non choice-groups). Here we use a LionSelect(Rich) inside.\nWe don't want to repropagate any children, since an Application Developer is not concerned with these internals (see repropate logic in FormControlMixin)\nAlso, we don't want to give (wrong) info to InteractionStateMixin, that will set the wrong interaction states based on child info.\nTODO: Make \"this._repropagationRole !== 'child'\" the default for FormControlMixin\n(so that FormControls used within are never repropagated for LionFields)",
+              "privacy": "protected"
+            },
             {
               "kind": "field",
               "name": "preferredRegions",
@@ -22554,13 +23045,6 @@
               "privacy": "protected",
               "default": "''"
             },
-            {
-              "kind": "field",
-              "name": "__dropdownRenderParent",
-              "type": {
-                "text": "HTMLDivElement"
-              }
-            },
             {
               "kind": "field",
               "name": "__regionMetaList",
@@ -22854,21 +23338,6 @@
                 "module": "dist-types/components/input-tel/src/LionInputTel.d.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "_scheduleLightDomRender",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "This allows to hook into the update hook",
-              "inheritedFrom": {
-                "name": "LionInputTel",
-                "module": "dist-types/components/input-tel/src/LionInputTel.d.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "__calculateActiveRegion",
@@ -23310,9 +23779,10 @@
                   }
                 }
               ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`",
               "inheritedFrom": {
-                "name": "InteractionStateMixin",
-                "module": "components/form-core/src/InteractionStateMixin.js"
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
               }
             },
             {
@@ -24549,12 +25019,31 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "slotName",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
+              "parameters": [
+                {
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
@@ -24564,6 +25053,42 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -24596,11 +25121,56 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -26799,8 +27369,217 @@
     {
       "kind": "javascript-module",
       "path": "components/localize/types/LocalizeMixinTypes.ts",
-      "declarations": [],
-      "exports": []
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LocalizeMixinHost",
+          "members": [
+            {
+              "kind": "field",
+              "name": "localizeNamespaces",
+              "type": {
+                "text": "StringToFunctionMap[]"
+              },
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "waitForLocalizeNamespaces",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "localizeNamespacesLoaded",
+              "type": {
+                "text": "Promise<Object> | undefined"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "onLocaleReady",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onLocaleChanged",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "newLocale",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "oldLocale",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onLocaleUpdated",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "msgLit",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "keys",
+                  "type": {
+                    "text": "string | string[]"
+                  }
+                },
+                {
+                  "name": "variables",
+                  "optional": true,
+                  "type": {
+                    "text": "msgVariables"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "msgOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "__boundLocalizeOnLocaleChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "args",
+                  "type": {
+                    "text": "Object[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "__boundLocalizeOnLocaleChanging",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "args",
+                  "type": {
+                    "text": "Object[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "__getUniqueNamespaces",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__localizeOnLocaleChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "__localizeMessageSync",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "__localizeStartLoadingNamespaces",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__localizeOnLocaleChanging",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LocalizeMixinHost",
+          "declaration": {
+            "name": "LocalizeMixinHost",
+            "module": "components/localize/types/LocalizeMixinTypes.ts"
+          }
+        }
+      ]
     },
     {
       "kind": "javascript-module",
@@ -33168,6 +33947,7 @@
                   }
                 }
               ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`",
               "inheritedFrom": {
                 "name": "FormControlMixin",
                 "module": "components/form-core/src/FormControlMixin.js"
@@ -34475,12 +35255,31 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "slotName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
+              "parameters": [
+                {
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
@@ -34490,6 +35289,42 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -34522,11 +35357,56 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
               "inheritedFrom": {
                 "name": "FormControlMixin",
                 "module": "components/form-core/src/FormControlMixin.js"
@@ -34702,6 +35582,7 @@
                   }
                 }
               ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`",
               "inheritedFrom": {
                 "name": "FormControlMixin",
                 "module": "components/form-core/src/FormControlMixin.js"
@@ -36613,12 +37494,31 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
+              "parameters": [
+                {
+                  "name": "slotName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
@@ -36628,6 +37528,42 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -36660,11 +37596,56 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
               "inheritedFrom": {
                 "name": "FormControlMixin",
                 "module": "components/form-core/src/FormControlMixin.js"
@@ -37167,9 +38148,10 @@
                   }
                 }
               ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`",
               "inheritedFrom": {
-                "name": "FormControlMixin",
-                "module": "components/form-core/src/FormControlMixin.js"
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
               }
             },
             {
@@ -38483,12 +39465,31 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "slotName",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
+              "parameters": [
+                {
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
@@ -38498,6 +39499,42 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -38530,11 +39567,56 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -40666,9 +41748,10 @@
                   }
                 }
               ],
+              "description": "Here we rerender slots defined with a `SlotRerenderObject`",
               "inheritedFrom": {
-                "name": "FormControlMixin",
-                "module": "components/form-core/src/FormControlMixin.js"
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
               }
             },
             {
@@ -41630,12 +42713,31 @@
             },
             {
               "kind": "method",
-              "name": "__renderAsNodes",
+              "name": "__rerenderSlot",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "slotName",
                   "type": {
-                    "text": "TemplateResult"
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__renderTemplateInScopedContext",
+              "parameters": [
+                {
+                  "name": "{ template, slotName, shouldRerender }"
+                },
+                {
+                  "name": "opts",
+                  "type": {
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
                   }
                 }
               ],
@@ -41645,6 +42747,42 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "__appendNodesForOneTimeRender",
+              "parameters": [
+                {
+                  "name": "{ nodes, renderParent = this, slotName }"
+                },
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "@param {Node[]} options.nodes\n     * @param {Element} [options.renderParent] It's recommended to create a render target in light dom (like <div slot=myslot>),\n     * which can be used as a render target for most\n     * @param {string} options.slotName For the first render, it's best to use slotName\n     "
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "__initSlots",
+              "parameters": [
+                {
+                  "name": "slotNames",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ],
+              "description": "Here we look what's inside our `get slots`.\nRerenderable slots get scheduled and \"one time slots\" get rendered once on connected",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_connectSlotMixin",
@@ -41677,11 +42815,56 @@
                 "module": "components/core/src/SlotMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "__scopedRenderRoots",
+              "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
+              "privacy": "private",
+              "type": {
+                "text": "Map<string, HTMLDivElement>"
+              },
+              "default": "new Map()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsThatNeedRerender",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "__slotsProvidedByUserOnFirstConnected",
+              "description": "Those are slots that should not be touched by SlotMixin",
+              "privacy": "private",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
+              "inheritedFrom": {
+                "name": "SlotMixin",
+                "module": "components/core/src/SlotMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "__privateSlots",
+              "description": "Those are slots that should be touched by SlotMixin\nThe opposite of __slotsProvidedByUserOnFirstConnected,\nalso taking into account undefined (a.k.a. conditional) slots",
               "privacy": "private",
-              "default": "new Set(null)",
+              "type": {
+                "text": "Set<string>"
+              },
+              "default": "new Set()",
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -57082,17 +58265,6 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "_scheduleLightDomRender",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "This allows to hook into the update hook"
-            },
             {
               "kind": "field",
               "name": "__calculateActiveRegion",
@@ -58402,7 +59574,7 @@
               "kind": "field",
               "name": "slots",
               "type": {
-                "text": "{\n        prefix: () => HTMLDivElement;\n        input: () => HTMLInputElement;\n    }"
+                "text": "{\n        prefix: () => {\n            template: import(\"lit-html\").TemplateResult<1>;\n            afterRender: () => void;\n        };\n        input: () => HTMLInputElement;\n    }"
               }
             },
             {
@@ -58438,13 +59610,6 @@
               "privacy": "protected",
               "description": "Group label for preferred countries, when preferredCountries are shown"
             },
-            {
-              "kind": "field",
-              "name": "__dropdownRenderParent",
-              "type": {
-                "text": "HTMLDivElement"
-              }
-            },
             {
               "kind": "field",
               "name": "__regionMetaList",
@@ -58520,18 +59685,23 @@
               ],
               "description": "Used for Required validation and computation of interaction states.\nWe need to override this, because we prefill the input with the region code (like +31), but for proper UX,\nwe don't consider this as having interaction state `prefilled`"
             },
-            {
-              "kind": "field",
-              "name": "__renderDropdown",
-              "privacy": "private",
-              "description": "Abstract away rendering to light dom, so that we can rerender when needed"
-            },
             {
               "kind": "field",
               "name": "__createRegionMeta",
               "privacy": "private",
               "description": "Prepares data for options, like \"Greece (Ελλάδα)\", where \"Greece\" is `nameForLocale` and\n\"Ελλάδα\" `nameForRegion`.\nThis should be run on change of:\n- allowedRegions\n- _phoneUtil loaded\n- locale"
             },
+            {
+              "kind": "method",
+              "name": "_repropagationCondition",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Usually, we don't use composition in regular LionFields (non choice-groups). Here we use a LionSelect(Rich) inside.\nWe don't want to repropagate any children, since an Application Developer is not concerned with these internals (see repropate logic in FormControlMixin)\nAlso, we don't want to give (wrong) info to InteractionStateMixin, that will set the wrong interaction states based on child info.\nTODO: Make \"this._repropagationRole !== 'child'\" the default for FormControlMixin\n(so that FormControls used within are never repropagated for LionFields)"
+            },
             {
               "kind": "field",
               "name": "localizeNamespaces",
@@ -58821,21 +59991,6 @@
                 "module": "dist-types/components/input-tel/src/LionInputTel.d.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "_scheduleLightDomRender",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "This allows to hook into the update hook",
-              "inheritedFrom": {
-                "name": "LionInputTel",
-                "module": "dist-types/components/input-tel/src/LionInputTel.d.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "__calculateActiveRegion",
@@ -60463,7 +61618,7 @@
           "kind": "variable",
           "name": "LocalizeMixin",
           "type": {
-            "text": "<T extends import(\"@open-wc/dedupe-mixin\").Constructor<import(\"lit\").LitElement>>(superclass: T) => T & import(\"@open-wc/dedupe-mixin\").Constructor<{\n    localizeNamespacesLoaded: Promise<Object> | undefined;\n    performUpdate(): Promise<void>;\n    onLocaleReady(): void;\n    onLocaleChanged(newLocale: string, oldLocale: string): void;\n    onLocaleUpdated(): void;\n    connectedCallback(): void;\n    disconnectedCallback(): void;\n    msgLit(keys: string | string[], variables?: import(\"../types/LocalizeMixinTypes.js\").msgVariables | undefined, options?: import(\"../types/LocalizeMixinTypes.js\").msgOptions | undefined): void;\n    __boundLocalizeOnLocaleChanged(...args: Object[]): void;\n    __boundLocalizeOnLocaleChanging(...args: Object[]): void;\n    __getUniqueNamespaces(): string[];\n    __localizeOnLocaleChanged(event: CustomEvent<any>): void;\n    __localizeMessageSync: boolean;\n    __localizeStartLoadingNamespaces(): void;\n    __localizeOnLocaleChanging(): void;\n}> & Pick<{\n    new (): {\n        localizeNamespacesLoaded: Promise<Object> | undefined;\n        performUpdate(): Promise<void>;\n        onLocaleReady(): void;\n        onLocaleChanged(newLocale: string, oldLocale: string): void;\n        onLocaleUpdated(): void;\n        connectedCallback(): void;\n        disconnectedCallback(): void;\n        msgLit(keys: string | string[], variables?: import(\"../types/LocalizeMixinTypes.js\").msgVariables | undefined, options?: import(\"../types/LocalizeMixinTypes.js\").msgOptions | undefined): void;\n        __boundLocalizeOnLocaleChanged(...args: Object[]): void;\n        __boundLocalizeOnLocaleChanging(...args: Object[]): void;\n        __getUniqueNamespaces(): string[];\n        __localizeOnLocaleChanged(event: CustomEvent<any>): void;\n        __localizeMessageSync: boolean;\n        __localizeStartLoadingNamespaces(): void;\n        __localizeOnLocaleChanging(): void;\n    };\n    readonly localizeNamespaces: import(\"../types/LocalizeMixinTypes.js\").StringToFunctionMap[];\n    readonly waitForLocalizeNamespaces: boolean;\n}, \"prototype\" | \"localizeNamespaces\" | \"waitForLocalizeNamespaces\"> & Pick<typeof import(\"lit\").LitElement, \"prototype\" | \"_$litElement$\" | \"enabledWarnings\" | \"enableWarning\" | \"disableWarning\" | \"addInitializer\" | \"_initializers\" | \"elementProperties\" | \"properties\" | \"elementStyles\" | \"styles\" | \"observedAttributes\" | \"createProperty\" | \"getPropertyOptions\" | \"shadowRootOptions\">"
+            "text": "<T extends import(\"@open-wc/dedupe-mixin\").Constructor<import(\"lit\").LitElement>>(superclass: T) => T & import(\"@open-wc/dedupe-mixin\").Constructor<import(\"../types/LocalizeMixinTypes.js\").LocalizeMixinHost> & Pick<typeof import(\"../types/LocalizeMixinTypes.js\").LocalizeMixinHost, \"prototype\" | \"localizeNamespaces\" | \"waitForLocalizeNamespaces\"> & Pick<typeof import(\"lit\").LitElement, \"prototype\" | \"_$litElement$\" | \"enabledWarnings\" | \"enableWarning\" | \"disableWarning\" | \"addInitializer\" | \"_initializers\" | \"elementProperties\" | \"properties\" | \"elementStyles\" | \"styles\" | \"observedAttributes\" | \"createProperty\" | \"getPropertyOptions\" | \"shadowRootOptions\">"
           }
         }
       ],
@@ -60761,8 +61916,155 @@
     {
       "kind": "javascript-module",
       "path": "dist-types/components/localize/types/LocalizeMixinTypes.d.ts",
-      "declarations": [],
-      "exports": []
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LocalizeMixinHost",
+          "members": [
+            {
+              "kind": "field",
+              "name": "localizeNamespaces",
+              "type": {
+                "text": "StringToFunctionMap[]"
+              },
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "waitForLocalizeNamespaces",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "localizeNamespacesLoaded",
+              "type": {
+                "text": "Promise<Object> | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onLocaleReady",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onLocaleChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "newLocale",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "oldLocale",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onLocaleUpdated",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "msgLit",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "keys",
+                  "type": {
+                    "text": "string | string[]"
+                  }
+                },
+                {
+                  "name": "variables",
+                  "optional": true,
+                  "type": {
+                    "text": "msgVariables"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "msgOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "__boundLocalizeOnLocaleChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__boundLocalizeOnLocaleChanging",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__getUniqueNamespaces",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__localizeOnLocaleChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__localizeMessageSync",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__localizeStartLoadingNamespaces",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "__localizeOnLocaleChanging",
+              "privacy": "private"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LocalizeMixinHost",
+          "declaration": {
+            "name": "LocalizeMixinHost",
+            "module": "dist-types/components/localize/types/LocalizeMixinTypes.d.ts"
+          }
+        }
+      ]
     },
     {
       "kind": "javascript-module",