@vueland/ui 0.0.2 → 0.0.3

package/dist/components/CSelect/CSelect.js

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, shallowRef, resolveComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, toDisplayString, createVNode, Fragment, renderList, createTextVNode, createElementVNode, normalizeProps, guardReactiveProps, toHandlers, mergeModels } from 'vue';
+import { defineComponent, useModel, shallowRef, computed, unref, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createElementBlock, toDisplayString, createVNode, Fragment, renderList, createTextVNode, createElementVNode, normalizeProps, guardReactiveProps, toHandlers, mergeModels } from 'vue';
 import { useNormalizedItems } from '../../composables/use-normalized-items.js';
 import { useSelectedChips } from '../../composables/use-selected-chips.js';
 import _sfc_main$1 from '../CInput/CInput.js';
@@ -31,6 +31,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const inputRef = shallowRef();
     const menuRef = shallowRef();
+    const menuListRef = shallowRef();
+    const ariaControls = computed(() => {
+      var _a;
+      return (_a = unref(menuListRef)) == null ? void 0 : _a.listId;
+    });
+    const ariaActiveDescendant = computed(() => {
+      var _a;
+      return (_a = unref(menuListRef)) == null ? void 0 : _a.activeDescendant;
+    });
     const normalizedItems = useNormalizedItems(props);
     const {
       chips: selectedItems,
@@ -41,8 +50,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       Tab: () => {
         unref(inputRef).blur();
         unref(menuRef).close();
+      },
+      ArrowDown: () => {
+        var _a;
+        return (_a = unref(menuListRef)) == null ? void 0 : _a.navigateDown();
+      },
+      ArrowUp: () => {
+        var _a;
+        return (_a = unref(menuListRef)) == null ? void 0 : _a.navigateUp();
       }
-    });
+    }, { prevent: ["ArrowDown", "ArrowUp"] });
     function onBlur() {
       unref(inputRef).blur();
     }
@@ -62,14 +79,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ref: inputRef,
         "model-value": model.value,
         "validate-on": "blur",
-        kind: "listbox"
+        role: "combobox",
+        "aria-controls": ariaControls.value,
+        "aria-activedescendant": ariaActiveDescendant.value
       }), {
         field: withCtx((field) => [
           createVNode(unref(_sfc_main$2), {
             id: `${field.uid}-menu`,
             ref_key: "menuRef",
             ref: menuRef,
-            bottom: "",
+            align: "bottom",
             "open-on-focus": "",
             "close-on-click-outside": "",
             "close-on-content-click": !__props.multiple,
@@ -143,7 +162,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 items: unref(normalizedItems)
               }, () => [
                 createVNode(_component_c_list, {
-                  ref: "menuListRef",
+                  ref_key: "menuListRef",
+                  ref: menuListRef,
                   modelValue: model.value,
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
                   role: "listbox",
@@ -215,7 +235,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["model-value"]);
+      }, 16, ["model-value", "aria-controls", "aria-activedescendant"]);
     };
   }
 });

package/dist/components/CTextField/CTextField.js

@@ -31,7 +31,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "inputRef",
         ref: inputRef,
         "model-value": model.value
-      }, _ctx.$attrs, { kind: "input" }), {
+      }, _ctx.$attrs), {
         field: withCtx(({ focus, blur, focused, preset, attrs, uid, label, clearable, readonly, disabled, hasError }) => [
           createElementVNode("div", _hoisted_1, [
             createVNode(unref(_sfc_main$2), mergeProps({

package/dist/components/CTooltip/CTooltip.js

@@ -1,32 +1,36 @@
-import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot } from 'vue';
+import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import _sfc_main$1 from '../CMenu/CMenu.js';
+import { useId } from '../../composables/use-id.js';
 
-const _hoisted_1 = { class: "c-tooltip" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "CTooltip" },
   __name: "CTooltip",
   setup(__props) {
     const attrs = useAttrs();
+    const tooltipId = useId(void 0, { prefix: "c-tooltip" });
     const width = computed(() => {
       var _a;
       return (_a = attrs.width) != null ? _a : "auto";
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(_ctx.$attrs, { width: width.value }), {
+      return openBlock(), createBlock(unref(_sfc_main$1), mergeProps(_ctx.$attrs, {
+        id: unref(tooltipId),
+        width: width.value,
+        class: "c-tooltip",
+        role: "tooltip"
+      }), {
         activator: withCtx(({ on, activator }) => [
           renderSlot(_ctx.$slots, "activator", {
-            activator,
+            activator: { ...activator, "aria-describedby": unref(tooltipId) },
             on
           })
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "default")
-          ])
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["width"]);
+      }, 16, ["id", "width"]);
     };
   }
 });

package/dist/components/CTooltip/index.js

@@ -1,5 +1,5 @@
 import _sfc_main from './CTooltip.js';
 
+const CTooltip = _sfc_main;
 
-
-export { _sfc_main as default };
+export { CTooltip };

package/dist/components/CTooltip/index2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './CTooltip.js';
+
+
+
+export { _sfc_main as default };