@statistikzh/leu 0.6.0 → 0.7.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@statistikzh/leu",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -42,24 +42,24 @@
           "js": {
             "properties": [
               {
-                "name": "headingLevel",
+                "name": "heading-level",
                 "description": "The heading level of the accordion title. Must be between 1 and 6.",
-                "type": "number"
+                "value": { "type": "number" }
+              },
+              {
+                "name": "label-prefix",
+                "description": "The prefix of the accordion label. e.g. \"01\"",
+                "value": { "type": "string" }
               },
               {
                 "name": "open",
                 "description": "The expanded state of the accordion.",
-                "type": "boolean"
+                "value": { "type": "boolean" }
               },
               {
                 "name": "label",
                 "description": "The label (title) of the accordion.",
-                "type": "string"
-              },
-              {
-                "name": "labelPrefix",
-                "description": "The prefix of the accordion label. e.g. \"01\"",
-                "type": "string"
+                "value": { "type": "string" }
               }
             ],
             "events": []
@@ -88,23 +88,20 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "_handleResize" },
-              { "name": "_closeDropdown" },
               {
                 "name": "items",
                 "description": "Object array with { label, href }",
-                "type": "Array"
+                "value": { "type": "Array" }
               },
               {
                 "name": "inverted",
-                "description": "will be used on dark Background",
-                "type": "boolean"
+                "description": "invert color on dark background",
+                "value": { "type": "boolean" }
               },
-              { "name": "resizeObserver" },
-              { "name": "_hiddenItems", "type": "number" },
-              { "name": "_showBackOnly", "type": "null" },
-              { "name": "_isRecalculating", "type": "boolean" },
-              { "name": "_isDropdownOpen", "type": "boolean" }
+              { "name": "_hiddenItems", "value": {} },
+              { "name": "_showBackOnly", "value": {} },
+              { "name": "_isRecalculating", "value": {} },
+              { "name": "_isDropdownOpen", "value": {} }
             ],
             "events": []
           }
@@ -186,32 +183,35 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "label", "type": "string" },
-              { "name": "size", "type": "string" },
-              { "name": "variant", "type": "string" },
-              { "name": "type", "type": "\"button\" | \"submit\" | \"reset\"" },
-              { "name": "componentRole", "type": "string" },
-              { "name": "disabled", "type": "boolean" },
+              { "name": "label", "value": { "type": "string" } },
+              { "name": "size", "value": { "type": "string" } },
+              { "name": "variant", "value": { "type": "string" } },
+              {
+                "name": "type",
+                "value": { "type": "\"button\" | \"submit\" | \"reset\"" }
+              },
+              { "name": "componentRole", "value": { "type": "string" } },
+              { "name": "disabled", "value": { "type": "boolean" } },
               {
                 "name": "round",
                 "description": "Only taken into account if no Label and an Icon is set",
-                "type": "boolean"
+                "value": { "type": "boolean" }
               },
-              { "name": "active", "type": "boolean" },
+              { "name": "active", "value": { "type": "boolean" } },
               {
                 "name": "inverted",
                 "description": "will be used on dark Background",
-                "type": "boolean"
-              },
-              {
-                "name": "fluid",
-                "description": "Alters the shape of the button to be full width of its parent container",
-                "type": "boolean"
+                "value": { "type": "boolean" }
               },
               {
                 "name": "expanded",
                 "description": "Only taken into account if variant is \"ghost\"",
-                "type": "(\"true\" | \"false\" | undefined)"
+                "value": { "type": "(\"true\" | \"false\" | undefined)" }
+              },
+              {
+                "name": "fluid",
+                "description": "Alters the shape of the button to be full width of its parent container",
+                "value": { "type": "boolean" }
               }
             ],
             "events": []
@@ -226,23 +226,24 @@
           "events": [
             {
               "name": "input",
-              "type": "CustomEvent",
               "description": "When the value of the group changes by clicking a button"
             }
           ],
           "js": {
             "properties": [
+              { "name": "getButtonValue", "value": {} },
               {
                 "name": "value",
                 "description": "The value of the currenty selected (active) button",
-                "type": "string"
+                "value": { "type": "string" }
               },
-              { "name": "_items", "type": "array" }
+              { "name": "_handleSlotChange", "value": {} },
+              { "name": "_handleButtonClick", "value": {} },
+              { "name": "_items", "value": { "type": "array" } }
             ],
             "events": [
               {
                 "name": "input",
-                "type": "CustomEvent",
                 "description": "When the value of the group changes by clicking a button"
               }
             ]
@@ -270,10 +271,10 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "checked", "type": "boolean" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "name", "type": "string" },
-              { "name": "value", "type": "string" }
+              { "name": "checked", "value": { "type": "boolean" } },
+              { "name": "disabled", "value": { "type": "boolean" } },
+              { "name": "value", "value": { "type": "string" } },
+              { "name": "name", "value": { "type": "string" } }
             ],
             "events": []
           }
@@ -292,10 +293,8 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "value" },
-              { "name": "orientation", "type": "string" },
-              { "name": "items", "type": "array" },
-              { "name": "label", "type": "string" }
+              { "name": "orientation", "value": { "type": "string" } },
+              { "name": "label", "value": { "type": "string" } }
             ],
             "events": []
           }
@@ -331,14 +330,13 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "value" },
-              { "name": "inverted", "type": "boolean" },
-              { "name": "headingLevel", "type": "number" },
-              { "name": "label", "type": "string" },
+              { "name": "inverted", "value": { "type": "boolean" } },
               {
-                "name": "selectionMode",
-                "type": "\"single\" | \"multiple\" | \"none\""
-              }
+                "name": "selection-mode",
+                "value": { "type": "\"single\" | \"multiple\" | \"none\"" }
+              },
+              { "name": "heading-level", "value": { "type": "number" } },
+              { "name": "label", "value": { "type": "string" } }
             ],
             "events": []
           }
@@ -348,6 +346,7 @@
           "description": "\n---\n\n\n### **Slots:**\n - _default_ - The content of the chip",
           "doc-url": "",
           "attributes": [
+            { "name": "", "value": { "type": "string" } },
             {
               "name": "size",
               "description": "The size of the chip",
@@ -366,13 +365,14 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "inverted", "type": "boolean" },
+              { "name": "", "value": {} },
               {
                 "name": "size",
                 "description": "The size of the chip",
-                "type": "keyof typeof SIZES"
+                "value": { "type": "keyof typeof SIZES" }
               },
-              { "name": "href", "type": "string" }
+              { "name": "href", "value": { "type": "string" } },
+              { "name": "inverted", "value": { "type": "boolean" } }
             ],
             "events": []
           }
@@ -382,6 +382,7 @@
           "description": "\n---\n\n\n### **Events:**\n - **remove** - Dispatched when the user clicks on the chip\n\n### **Slots:**\n - _default_ - The content of the chip",
           "doc-url": "",
           "attributes": [
+            { "name": "", "value": { "type": "string" } },
             {
               "name": "inverted",
               "value": { "type": "boolean", "default": "false" }
@@ -395,7 +396,10 @@
             }
           ],
           "js": {
-            "properties": [{ "name": "inverted", "type": "boolean" }],
+            "properties": [
+              { "name": "", "value": {} },
+              { "name": "inverted", "value": { "type": "boolean" } }
+            ],
             "events": [
               {
                 "name": "remove",
@@ -406,9 +410,10 @@
         },
         {
           "name": "leu-chip-selectable",
-          "description": "A chip component that can be selected.\n---\n\n\n### **Events:**\n - **input**\n\n### **Slots:**\n - _default_ - The content of the chip",
+          "description": "A chip component that can be selected.\n---\n\n\n### **Events:**\n - **input** - undefined\n\n### **Slots:**\n - _default_ - The content of the chip",
           "doc-url": "",
           "attributes": [
+            { "name": "", "value": { "type": "string" } },
             {
               "name": "size",
               "description": "The size of the chip. Not supported for radio variant.",
@@ -423,34 +428,48 @@
               }
             },
             {
-              "name": "selected",
+              "name": "checked",
+              "description": "Whether the chip is selected.",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "value", "value": { "type": "string" } },
+            {
+              "name": "value",
+              "description": "The value of the chip.",
+              "value": { "type": "string" }
+            },
             {
               "name": "inverted",
               "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [{ "name": "", "description": "The content of the chip" }],
-          "events": [{ "name": "input", "type": "CustomEvent" }],
+          "events": [{ "name": "input" }],
           "js": {
             "properties": [
+              { "name": "", "value": {} },
               {
                 "name": "size",
                 "description": "The size of the chip. Not supported for radio variant.",
-                "type": "keyof typeof SIZES"
+                "value": { "type": "keyof typeof SIZES" }
               },
               {
                 "name": "variant",
-                "description": "The variant of the chip. Has an effect not only on the visual appearance but also on the behavior.\n- `toggle`: The chip behaves like a toggle button.\n- `radio`: The chip behaves like a radio button.",
-                "type": "keyof typeof VARIANTS"
+                "description": "`toggle` or `radio`. Determines if only one or multiple chips can be selected.",
+                "value": { "type": "keyof typeof VARIANTS" }
+              },
+              {
+                "name": "checked",
+                "description": "Whether the chip is selected.",
+                "value": { "type": "boolean" }
+              },
+              {
+                "name": "value",
+                "description": "The value of the chip.",
+                "value": { "type": "string" }
               },
-              { "name": "selected", "type": "boolean" },
-              { "name": "value", "type": "string" },
-              { "name": "inverted", "type": "boolean" }
+              { "name": "inverted", "value": { "type": "boolean" } }
             ],
-            "events": [{ "name": "input", "type": "CustomEvent" }]
+            "events": [{ "name": "input" }]
           }
         },
         {
@@ -470,16 +489,8 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "hasSlotController" },
-              { "name": "_documentClickHandler" },
-              { "name": "_menuItemClickHandler" },
-              {
-                "name": "_keyDownMenuHandler",
-                "description": "Close the dropdown when the user presses the Escape or the Tab key.\nNavigating the menu with the arrow keys is handled by the menu itself."
-              },
-              { "name": "label", "type": "string" },
-              { "name": "expanded", "type": "boolean" },
-              { "name": "_toggleRef", "type": "Ref<HTMLButtonElement>" }
+              { "name": "label", "value": { "type": "string" } },
+              { "name": "expanded", "value": { "type": "boolean" } }
             ],
             "events": []
           }
@@ -501,7 +512,7 @@
               {
                 "name": "name",
                 "description": "The name of the icon to display.",
-                "type": "IconPathName | \"\""
+                "value": { "type": "IconPathName" }
               }
             ],
             "events": []
@@ -530,7 +541,7 @@
             {
               "name": "value",
               "description": "The value of the input element.",
-              "value": { "type": "string" }
+              "value": { "type": "string", "default": "\"\"" }
             },
             {
               "name": "name",
@@ -560,7 +571,7 @@
             {
               "name": "size",
               "description": "The size of the input element.",
-              "value": { "type": "string", "default": "\"regular\"" }
+              "value": { "type": "string" }
             },
             {
               "name": "icon",
@@ -620,12 +631,10 @@
           "events": [
             {
               "name": "input",
-              "type": "CustomEvent",
               "description": "Dispatched when the value of the input element changes."
             },
             {
               "name": "change",
-              "type": "CustomEvent",
               "description": "Dispatched when the value of the input element changes and the input element loses focus."
             }
           ],
@@ -634,114 +643,112 @@
               {
                 "name": "disabled",
                 "description": "Disables the input element.",
-                "type": "boolean"
+                "value": { "type": "boolean" }
               },
               {
                 "name": "required",
                 "description": "Marks the input element as required.",
-                "type": "boolean"
+                "value": { "type": "boolean" }
               },
               {
                 "name": "clearable",
                 "description": "Adds a button to clear the input element.",
-                "type": "boolean"
-              },
-              {
-                "name": "size",
-                "description": "The size of the input element.",
-                "type": "\"small\" | \"regular\""
-              },
-              {
-                "name": "type",
-                "description": "The type of the input element.",
-                "type": "string"
-              },
-              { "name": "_validity", "type": "null" },
-              {
-                "name": "validationMessages",
-                "description": "Custom validation messages. The key is the name of the validity state and the value is the message.",
-                "type": "object"
-              },
-              {
-                "name": "novalidate",
-                "description": "Disables the browser's validation.",
-                "type": "boolean"
+                "value": { "type": "boolean" }
               },
               {
                 "name": "value",
                 "description": "The value of the input element.",
-                "type": "string"
+                "value": { "type": "string" }
               },
               {
                 "name": "name",
                 "description": "The name of the input element.",
-                "type": "string"
-              },
-              {
-                "name": "label",
-                "description": "The label of the input element.",
-                "type": "string"
+                "value": { "type": "string" }
               },
               {
                 "name": "error",
                 "description": "A custom error that is completely independent of the validity state. Useful for displaying server side errors.",
-                "type": "string"
+                "value": { "type": "string" }
               },
               {
-                "name": "icon",
-                "description": "The icon that is displayed at the end of the input element.",
-                "type": "string"
+                "name": "label",
+                "description": "The label of the input element.",
+                "value": { "type": "string" }
               },
               {
                 "name": "prefix",
                 "description": "A prefix that relates to the value of the input (e.g. CHF).",
-                "type": "string"
+                "value": { "type": "string" }
               },
               {
                 "name": "suffix",
                 "description": "A suffix that relates to the value of the input (e.g. mm).",
-                "type": "string"
+                "value": { "type": "string" }
+              },
+              {
+                "name": "size",
+                "description": "The size of the input element.",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "icon",
+                "description": "The icon that is displayed at the end of the input element.",
+                "value": { "type": "string" }
               },
               {
                 "name": "pattern",
                 "description": "A regular expression that the value is checked against.",
-                "type": "string"
+                "value": { "type": "string" }
+              },
+              {
+                "name": "type",
+                "description": "The type of the input element.",
+                "value": { "type": "string" }
               },
               {
                 "name": "min",
                 "description": "The minimum value of the input element.",
-                "type": "string"
+                "value": { "type": "string" }
               },
               {
                 "name": "max",
                 "description": "The maximum value of the input element.",
-                "type": "string"
+                "value": { "type": "string" }
+              },
+              {
+                "name": "maxlength",
+                "description": "The maximum length of the input element.",
+                "value": { "type": "string" }
               },
               {
                 "name": "minlength",
                 "description": "The minimum length of the input element.",
-                "type": "string"
+                "value": { "type": "string" }
               },
               {
-                "name": "maxlength",
-                "description": "The maximum length of the input element.",
-                "type": "string"
+                "name": "validationMessages",
+                "description": "Custom validation messages. The key is the name of the validity state and the value is the message.",
+                "value": { "type": "object" }
+              },
+              {
+                "name": "novalidate",
+                "description": "Disables the browser's validation.",
+                "value": { "type": "boolean" }
               },
               {
                 "name": "step",
                 "description": "The step value of the input element.",
-                "type": "string"
-              }
+                "value": { "type": "string" }
+              },
+              { "name": "_validity", "value": { "type": "null" } }
             ],
             "events": [
               {
                 "name": "input",
-                "type": "CustomEvent",
                 "description": "Dispatched when the value of the input element changes."
               },
               {
                 "name": "change",
-                "type": "CustomEvent",
                 "description": "Dispatched when the value of the input element changes and the input element loses focus."
               }
             ]
@@ -764,9 +771,8 @@
               {
                 "name": "selects",
                 "description": "This has only an effect when the role is 'menu'. It defines which role the menu items will get. Default is 'none'.",
-                "type": "SelectsType"
-              },
-              { "name": "value" }
+                "value": { "type": "SelectsType" }
+              }
             ],
             "events": []
           }
@@ -816,32 +822,32 @@
               {
                 "name": "active",
                 "description": "Defines if the item is selected or checked",
-                "type": "boolean"
+                "value": { "type": "boolean" }
               },
               {
                 "name": "disabled",
                 "description": "Disables the underlying button or link",
-                "type": "boolean"
+                "value": { "type": "boolean" }
               },
               {
-                "name": "value",
-                "description": "The value of the item. It must not contain commas. See `getValue()`",
-                "type": "string"
+                "name": "tabbable",
+                "description": "If the item should be focusable. Will be reflected as `tabindex` to the underlying button or link",
+                "value": { "type": "boolean" }
               },
               {
                 "name": "href",
                 "description": "The href of the underlying link",
-                "type": "string"
+                "value": { "type": "string" }
               },
               {
-                "name": "tabbable",
-                "description": "If the item should be focusable. Will be reflected as `tabindex` to the underlying button or link",
-                "type": "boolean"
+                "name": "value",
+                "description": "The value of the item. It must not contain commas. See `getValue()`",
+                "value": { "type": "string" }
               },
               {
                 "name": "componentRole",
                 "description": "The role of the item. This will be reflected as `role` to the underlying button or link. Default is `'menuitem'.`",
-                "type": "MenuItemRole"
+                "value": { "type": "MenuItemRole" }
               }
             ],
             "events": []
@@ -849,7 +855,7 @@
         },
         {
           "name": "leu-pagination",
-          "description": "\n---\n\n\n### **Events:**\n - **leu:pagechange**",
+          "description": "\n---\n\n\n### **Events:**\n - **leu:pagechange** - undefined",
           "doc-url": "",
           "attributes": [
             { "name": "defaultPage", "value": { "type": "number" } },
@@ -863,23 +869,15 @@
             },
             { "name": "_page", "value": { "type": "string" } }
           ],
-          "events": [{ "name": "leu:pagechange", "type": "CustomEvent" }],
+          "events": [{ "name": "leu:pagechange" }],
           "js": {
             "properties": [
-              { "name": "page" },
-              { "name": "startIndex" },
-              { "name": "endIndex" },
-              { "name": "_maxPage" },
-              { "name": "numOfItems", "type": "Number" },
-              { "name": "itemsPerPage", "type": "Number" },
-              { "name": "defaultPage", "type": "number" },
-              {
-                "name": "_page",
-                "description": "Internal page state that contains an\nalready clamped page number. Should only\nbe accessed through the `page` getter and\nsetter.",
-                "type": "Number"
-              }
+              { "name": "defaultPage", "value": { "type": "number" } },
+              { "name": "itemsPerPage", "value": { "type": "Number" } },
+              { "name": "numOfItems", "value": { "type": "Number" } },
+              { "name": "_page", "value": {} }
             ],
-            "events": [{ "name": "leu:pagechange", "type": "CustomEvent" }]
+            "events": [{ "name": "leu:pagechange" }]
           }
         },
         {
@@ -936,24 +934,21 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "popupEl" },
-              { "name": "anchorEl", "type": "null" },
-              { "name": "cleanup" },
-              { "name": "flip", "type": "boolean" },
-              { "name": "shift", "type": "boolean" },
-              { "name": "active", "type": "boolean" },
-              { "name": "placement", "type": "Placement" },
+              { "name": "anchor", "value": { "type": "string | HTMLElement" } },
+              { "name": "active", "value": { "type": "boolean" } },
+              { "name": "placement", "value": { "type": "Placement" } },
+              { "name": "flip", "value": { "type": "boolean" } },
+              { "name": "shift", "value": { "type": "boolean" } },
+              { "name": "shiftPadding", "value": { "type": "number" } },
               {
                 "name": "matchSize",
-                "type": "\"width\" | \"height\" | \"both\""
+                "value": { "type": "\"width\" | \"height\" | \"both\"" }
               },
               {
                 "name": "autoSize",
-                "type": "\"width\" | \"height\" | \"both\""
+                "value": { "type": "\"width\" | \"height\" | \"both\"" }
               },
-              { "name": "shiftPadding", "type": "number" },
-              { "name": "autoSizePadding", "type": "number" },
-              { "name": "anchor", "type": "string | HTMLElement" }
+              { "name": "autoSizePadding", "value": { "type": "number" } }
             ],
             "events": []
           }
@@ -980,10 +975,10 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "checked", "type": "boolean" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "name", "type": "string" },
-              { "name": "value", "type": "string" }
+              { "name": "checked", "value": { "type": "boolean" } },
+              { "name": "disabled", "value": { "type": "boolean" } },
+              { "name": "value", "value": { "type": "string" } },
+              { "name": "name", "value": { "type": "string" } }
             ],
             "events": []
           }
@@ -1002,14 +997,8 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "value" },
-              { "name": "handleFocusIn" },
-              { "name": "handleKeyDown" },
-              { "name": "handleInput" },
-              { "name": "orientation", "type": "string" },
-              { "name": "_currentIndex", "type": "number" },
-              { "name": "items", "type": "array" },
-              { "name": "label", "type": "string" }
+              { "name": "orientation", "value": { "type": "string" } },
+              { "name": "label", "value": { "type": "string" } }
             ],
             "events": []
           }
@@ -1023,10 +1012,7 @@
           ],
           "events": [],
           "js": {
-            "properties": [
-              { "name": "scroll" },
-              { "name": "_showButton", "type": "boolean" }
-            ],
+            "properties": [{ "name": "_showButton", "value": {} }],
             "events": []
           }
         },
@@ -1093,51 +1079,48 @@
           "js": {
             "properties": [
               {
-                "name": "open",
-                "description": "The expanded state of the popup",
-                "type": "boolean"
+                "name": "value",
+                "description": "List of selected values. If they're set from outside the component, the select element tries to find all the options with the given values and selects them.",
+                "value": { "type": "array" }
               },
               {
-                "name": "disabled",
-                "description": "If the select should be disabled",
-                "type": "boolean"
+                "name": "name",
+                "description": "Reflects to the name attribute of the hidden input field that would be used in a form",
+                "value": { "type": "string" }
               },
               {
-                "name": "multiple",
-                "description": "Allow multiple selections",
-                "type": "boolean"
+                "name": "open",
+                "description": "The expanded state of the popup",
+                "value": { "type": "boolean" }
               },
               {
-                "name": "clearable",
-                "description": "Show a clearable button to reset the value",
-                "type": "boolean"
+                "name": "label",
+                "description": "The label of the select",
+                "value": { "type": "string" }
               },
               {
-                "name": "filterable",
-                "description": "Show an input field to filter the options inside the popup",
-                "type": "boolean"
+                "name": "clearable",
+                "description": "Show a clearable button to reset the value",
+                "value": { "type": "boolean" }
               },
               {
-                "name": "value",
-                "description": "List of selected values. If they're set from outside the component, the select element tries to find all the options with the given values and selects them.",
-                "type": "array"
+                "name": "disabled",
+                "description": "If the select should be disabled",
+                "value": { "type": "boolean" }
               },
               {
-                "name": "label",
-                "description": "The label of the select",
-                "type": "string"
+                "name": "filterable",
+                "description": "Show an input field to filter the options inside the popup",
+                "value": { "type": "boolean" }
               },
               {
-                "name": "name",
-                "description": "Reflects to the name attribute of the hidden input field that would be used in a form",
-                "type": "string"
+                "name": "multiple",
+                "description": "Allow multiple selections",
+                "value": { "type": "boolean" }
               },
-              { "name": "_optionFilterRef", "type": "Ref<LeuInput>" },
-              { "name": "_toggleButtonRef", "type": "Ref<HTMLButtonElement>" },
-              { "name": "_menuRef", "type": "Ref<LeuMenu>" },
-              { "name": "_optionFilter", "type": "string" },
-              { "name": "_hasFilterResults", "type": "boolean" },
-              { "name": "_displayValue", "type": "string" }
+              { "name": "_optionFilter", "value": {} },
+              { "name": "_hasFilterResults", "value": {} },
+              { "name": "_displayValue", "value": {} }
             ],
             "events": []
           }
@@ -1179,20 +1162,16 @@
           "events": [],
           "js": {
             "properties": [
-              { "name": "_columns" },
-              { "name": "_sortedData" },
-              { "name": "_data" },
-              { "name": "columns", "type": "array" },
-              { "name": "data", "type": "array" },
-              { "name": "firstColumnSticky", "type": "boolean" },
-              { "name": "itemsPerPage", "type": "number" },
-              { "name": "sortIndex", "type": "number" },
-              { "name": "sortOrderAsc", "type": "boolean" },
-              { "name": "width", "type": "number" },
-              { "name": "_resizeObserver" },
-              { "name": "_shadowLeft", "type": "boolean" },
-              { "name": "_shadowRight", "type": "boolean" },
-              { "name": "_page", "type": "number" }
+              { "name": "columns", "value": { "type": "array" } },
+              { "name": "data", "value": { "type": "array" } },
+              { "name": "firstColumnSticky", "value": { "type": "boolean" } },
+              { "name": "itemsPerPage", "value": { "type": "number" } },
+              { "name": "sortIndex", "value": { "type": "number" } },
+              { "name": "sortOrderAsc", "value": { "type": "boolean" } },
+              { "name": "width", "value": { "type": "number" } },
+              { "name": "_shadowLeft", "value": {} },
+              { "name": "_shadowRight", "value": {} },
+              { "name": "_page", "value": {} }
             ],
             "events": []
           }