vueless 0.0.514 → 0.0.516

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.514",
+  "version": "0.0.516",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -3900,24 +3900,28 @@
           "attributes": [
             {
               "name": "label",
+              "required": false,
               "description": "Badge label.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "options",
+              "required": false,
               "description": "Options list.",
+              "enum": [
+                "UnknownObject"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "array"
-              },
-              "default": "[]"
+                "type": "Array"
+              }
             },
             {
               "name": "labelKey",
+              "required": false,
               "description": "Label key in the item object of options.",
               "value": {
                 "kind": "expression",
@@ -3927,6 +3931,7 @@
             },
             {
               "name": "variant",
+              "required": false,
               "description": "Badge variant.",
               "enum": [
                 "primary",
@@ -3935,12 +3940,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "primary"
             },
             {
               "name": "color",
+              "required": false,
               "description": "Badge color.",
               "enum": [
                 "brand",
@@ -3967,12 +3973,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "brand"
             },
             {
               "name": "size",
+              "required": false,
               "description": "Badge size.",
               "enum": [
                 "sm",
@@ -3981,12 +3988,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "md"
             },
             {
               "name": "round",
+              "required": false,
               "description": "Set badge corners rounded.",
               "value": {
                 "kind": "expression",
@@ -3996,6 +4004,7 @@
             },
             {
               "name": "noIcon",
+              "required": false,
               "description": "Hide dropdown icon.",
               "value": {
                 "kind": "expression",
@@ -4005,6 +4014,7 @@
             },
             {
               "name": "yPosition",
+              "required": false,
               "description": "The position of dropdown list on the y-axis.",
               "enum": [
                 "top",
@@ -4012,12 +4022,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "bottom"
             },
             {
               "name": "xPosition",
+              "required": false,
               "description": "The position of dropdown list on the x-axis.",
               "enum": [
                 "left",
@@ -4025,30 +4036,34 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "left"
             },
             {
               "name": "id",
+              "required": false,
               "description": "Unique element id.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "config",
+              "required": false,
               "description": "Component config object.",
+              "enum": [
+                "TSTypeQuery"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "object"
-              },
-              "default": "{}"
+                "type": "Partial"
+              }
             },
             {
               "name": "dataTest",
+              "required": false,
               "description": "Data-test attribute for automated testing.",
               "value": {
                 "kind": "expression",
@@ -4120,24 +4135,28 @@
           "attributes": [
             {
               "name": "label",
+              "required": false,
               "description": "Button label.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "options",
+              "required": false,
               "description": "Options list.",
+              "enum": [
+                "UnknownObject"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "array"
-              },
-              "default": "[]"
+                "type": "Array"
+              }
             },
             {
               "name": "labelKey",
+              "required": false,
               "description": "Label key in the item object of options.",
               "value": {
                 "kind": "expression",
@@ -4147,6 +4166,7 @@
             },
             {
               "name": "variant",
+              "required": false,
               "description": "Button variant.",
               "enum": [
                 "primary",
@@ -4155,12 +4175,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "primary"
             },
             {
               "name": "filled",
+              "required": false,
               "description": "Fill the background for thirdary variant.",
               "value": {
                 "kind": "expression",
@@ -4170,6 +4191,7 @@
             },
             {
               "name": "color",
+              "required": false,
               "description": "Button color.",
               "enum": [
                 "brand",
@@ -4196,12 +4218,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "brand"
             },
             {
               "name": "size",
+              "required": false,
               "description": "Button size.",
               "enum": [
                 "2xs",
@@ -4213,12 +4236,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "md"
             },
             {
               "name": "round",
+              "required": false,
               "description": "Set button corners rounded.",
               "value": {
                 "kind": "expression",
@@ -4228,6 +4252,7 @@
             },
             {
               "name": "square",
+              "required": false,
               "description": "Set the same paddings for the button.",
               "value": {
                 "kind": "expression",
@@ -4237,6 +4262,7 @@
             },
             {
               "name": "disabled",
+              "required": false,
               "description": "Disable the link.",
               "value": {
                 "kind": "expression",
@@ -4246,6 +4272,7 @@
             },
             {
               "name": "noIcon",
+              "required": false,
               "description": "Hide dropdown icon.",
               "value": {
                 "kind": "expression",
@@ -4255,6 +4282,7 @@
             },
             {
               "name": "yPosition",
+              "required": false,
               "description": "The position of dropdown list on the y-axis.",
               "enum": [
                 "top",
@@ -4262,12 +4290,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "bottom"
             },
             {
               "name": "xPosition",
+              "required": false,
               "description": "The position of dropdown list on the x-axis.",
               "enum": [
                 "left",
@@ -4275,30 +4304,34 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "left"
             },
             {
               "name": "id",
+              "required": false,
               "description": "Unique element id.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "config",
+              "required": false,
               "description": "Component config object.",
+              "enum": [
+                "TSTypeQuery"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "object"
-              },
-              "default": "{}"
+                "type": "Partial"
+              }
             },
             {
               "name": "dataTest",
+              "required": false,
               "description": "Data-test attribute for automated testing.",
               "value": {
                 "kind": "expression",
@@ -4371,24 +4404,28 @@
           "attributes": [
             {
               "name": "label",
+              "required": false,
               "description": "Link label.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "options",
+              "required": false,
               "description": "Options list.",
+              "enum": [
+                "UnknownObject"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "array"
-              },
-              "default": "[]"
+                "type": "Array"
+              }
             },
             {
               "name": "labelKey",
+              "required": false,
               "description": "Label key in the item object of options.",
               "value": {
                 "kind": "expression",
@@ -4398,6 +4435,7 @@
             },
             {
               "name": "color",
+              "required": false,
               "description": "Link color.",
               "enum": [
                 "brand",
@@ -4424,12 +4462,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "brand"
             },
             {
               "name": "size",
+              "required": false,
               "description": "Link size.",
               "enum": [
                 "sm",
@@ -4438,12 +4477,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "md"
             },
             {
               "name": "underlined",
+              "required": false,
               "description": "Add underline.",
               "value": {
                 "kind": "expression",
@@ -4452,6 +4492,7 @@
             },
             {
               "name": "dashed",
+              "required": false,
               "description": "Set dashed underline style.",
               "value": {
                 "kind": "expression",
@@ -4461,6 +4502,7 @@
             },
             {
               "name": "disabled",
+              "required": false,
               "description": "Disable the link.",
               "value": {
                 "kind": "expression",
@@ -4470,6 +4512,7 @@
             },
             {
               "name": "noRing",
+              "required": false,
               "description": "Hide focus ring.",
               "value": {
                 "kind": "expression",
@@ -4479,6 +4522,7 @@
             },
             {
               "name": "noIcon",
+              "required": false,
               "description": "Hide dropdown icon.",
               "value": {
                 "kind": "expression",
@@ -4488,6 +4532,7 @@
             },
             {
               "name": "yPosition",
+              "required": false,
               "description": "The position of dropdown list on the y-axis.",
               "enum": [
                 "top",
@@ -4495,12 +4540,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "bottom"
             },
             {
               "name": "xPosition",
+              "required": false,
               "description": "The position of dropdown list on the x-axis.",
               "enum": [
                 "left",
@@ -4508,30 +4554,34 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "left"
             },
             {
               "name": "id",
+              "required": false,
               "description": "Unique element id.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "config",
+              "required": false,
               "description": "Component config object.",
+              "enum": [
+                "TSTypeQuery"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "object"
-              },
-              "default": "{}"
+                "type": "Partial"
+              }
             },
             {
               "name": "dataTest",
+              "required": false,
               "description": "Data-test attribute for automated testing.",
               "value": {
                 "kind": "expression",
@@ -4604,15 +4654,19 @@
           "attributes": [
             {
               "name": "options",
-              "description": "List options.",
+              "required": false,
+              "description": "List of options.",
+              "enum": [
+                "UnknownObject"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "array"
-              },
-              "default": "[]"
+                "type": "Array"
+              }
             },
             {
               "name": "labelKey",
+              "required": false,
               "description": "Label key in the item object of options.",
               "value": {
                 "kind": "expression",
@@ -4622,6 +4676,7 @@
             },
             {
               "name": "valueKey",
+              "required": false,
               "description": "Value key in the item object of options.",
               "value": {
                 "kind": "expression",
@@ -4631,6 +4686,7 @@
             },
             {
               "name": "addOption",
+              "required": false,
               "description": "Show add option button.",
               "value": {
                 "kind": "expression",
@@ -4640,6 +4696,7 @@
             },
             {
               "name": "disabled",
+              "required": false,
               "description": "Disable the list.",
               "value": {
                 "kind": "expression",
@@ -4649,6 +4706,7 @@
             },
             {
               "name": "size",
+              "required": false,
               "description": "List size.",
               "enum": [
                 "sm",
@@ -4657,12 +4715,13 @@
               ],
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "union"
               },
               "default": "md"
             },
             {
               "name": "visibleOptions",
+              "required": false,
               "description": "Number of options to show without a scroll.",
               "value": {
                 "kind": "expression",
@@ -4671,21 +4730,24 @@
             },
             {
               "name": "id",
+              "required": false,
               "description": "Unique element id.",
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "\"\""
+              }
             },
             {
               "name": "config",
+              "required": false,
               "description": "Component config object.",
+              "enum": [
+                "TSTypeQuery"
+              ],
               "value": {
                 "kind": "expression",
-                "type": "object"
-              },
-              "default": "{}"
+                "type": "Partial"
+              }
             }
           ],
           "events": [

package/ui.dropdown-list/usePointer.js

@@ -1,86 +0,0 @@
-import { ref, computed, toValue } from "vue";
-
-export default function usePointer(options, optionElements, listWrapperElement) {
-  const pointer = ref(null);
-  const pointerDirty = ref(false);
-
-  const activeElementHeight = computed(() => {
-    const isGroupLabel = toValue(optionElements).at(pointer.value).dataset.groupLabel;
-    const groupIndex = 2;
-
-    if (isGroupLabel) {
-      return toValue(optionElements)
-        .at(pointer.value - groupIndex)
-        .getBoundingClientRect().height;
-    }
-
-    return toValue(optionElements).at(pointer.value).getBoundingClientRect().height;
-  });
-
-  const pointerPosition = computed(() => {
-    return pointer.value * activeElementHeight.value || 0;
-  });
-
-  function scrollWrapperToElement() {
-    const visibleElements =
-      listWrapperElement.value.getBoundingClientRect().height / activeElementHeight.value;
-    const currentElement = visibleElements - 1;
-    const currentPointerPosition =
-      pointerPosition.value - currentElement * activeElementHeight.value;
-
-    if (listWrapperElement.value.scrollTop <= currentPointerPosition) {
-      listWrapperElement.value.scrollTop = currentPointerPosition;
-    }
-  }
-
-  function pointerForward() {
-    if (pointer.value < options.length - 1) {
-      pointer.value++;
-
-      const isGroup = options[pointer.value].isSubGroup || options[pointer.value].groupLabel;
-
-      if (listWrapperElement) scrollWrapperToElement();
-
-      if (options[pointer.value] && isGroup) {
-        pointerForward();
-      }
-    }
-
-    pointerDirty.value = true;
-  }
-
-  function pointerBackward() {
-    if (pointer.value > 0) {
-      pointer.value--;
-
-      const isGroup = options[pointer.value].isSubGroup || options[pointer.value].groupLabel;
-
-      if (listWrapperElement && listWrapperElement.value.scrollTop >= pointerPosition.value) {
-        listWrapperElement.value.scrollTop = pointerPosition.value;
-      }
-
-      if (options[pointer.value] && isGroup) {
-        pointerBackward();
-      }
-    } else {
-      if (options[pointer.value] && options[0].groupLabel) {
-        pointerForward();
-      }
-    }
-
-    pointerDirty.value = true;
-  }
-
-  function pointerSet(index) {
-    pointer.value = index;
-    pointerDirty.value = true;
-  }
-
-  function pointerReset() {
-    pointer.value = 0;
-
-    if (listWrapperElement) listWrapperElement.value.scrollTop = 0;
-  }
-
-  return { pointer, pointerDirty, pointerSet, pointerReset, pointerBackward, pointerForward };
-}