npm - @vizejs/ui - Versions diffs - 0.429.1 → 0.430.1 - Mend

@vizejs/ui 0.429.1 → 0.430.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (323) hide show

package/registry/files/families/overlays/tour/tour-prev.vue CHANGED Viewed

@@ -55,7 +55,7 @@ function onClick(event: MouseEvent): void {
   <button
     type="button"
     :disabled="controlDisabled"
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="tour-prev"
     part="prev"
     :data-state="context.state.value"

package/registry/files/families/selection/cascader/cascader-column.vue CHANGED Viewed

@@ -56,7 +56,7 @@ cascaderColumnContext.provide({ level: computed(() => level) });
     :data-level="level"
     :data-loading="loading ? 'true' : undefined"
   >
-    <slot :level="level" :loading="loading" />
+    <slot :level :loading />
   </div>
 </template>

package/registry/files/families/selection/cascader/cascader-content.vue CHANGED Viewed

@@ -211,7 +211,7 @@ defineExpose({ element });
               :id="context.contentId.value"
               ref="element"
               v-bind="contentBindings"
-              :aria-label="ariaLabel"
+              :aria-label
               data-vize-ui="cascader-content"
               part="content"
               :hidden="context.open.value ? undefined : true"

package/registry/files/families/selection/cascader/cascader-item.vue CHANGED Viewed

@@ -64,7 +64,7 @@ const interactiveProps = computed(() => ({
     :aria-expanded="branch ? (expanded ? 'true' : 'false') : undefined"
     :aria-disabled="disabled ? 'true' : undefined"
     :aria-busy="loading ? 'true' : undefined"
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="cascader-item"
     part="item"
     :data-state="state"

package/registry/files/families/selection/cascader/cascader-trigger.vue CHANGED Viewed

@@ -67,9 +67,9 @@ defineExpose({ element, focus: (options?: FocusOptions) => element.value?.focus(
     :aria-expanded="context.open.value ? 'true' : 'false'"
     :aria-controls="context.open.value ? context.columnIds.value.join(' ') : undefined"
     :aria-activedescendant="context.activeDescendant.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-required="context.required.value ? 'true' : undefined"
     data-vize-ui="cascader-trigger"
     part="trigger"

package/registry/files/families/selection/checkbox/checkbox-control.vue CHANGED Viewed

@@ -111,7 +111,7 @@ defineExpose({ element, checked, focus, reset: state.reset, setChecked: state.se
     type="checkbox"
     :checked
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-checked="indeterminate ? 'mixed' : checked"
     data-vize-ui="checkbox"
     :data-state="visualState"

package/registry/files/families/selection/checkbox-group/checkbox-group-item.vue CHANGED Viewed

@@ -88,8 +88,8 @@ function onChange(event: Event): void {
     :checked
     :disabled="itemDisabled"
     :required="nativeRequired"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-describedby="context.ariaDescribedby.value"
     :aria-invalid="context.ariaInvalid.value"
     :aria-errormessage="

package/registry/files/families/selection/checkbox-group/checkbox-group-select-all.vue CHANGED Viewed

@@ -64,8 +64,8 @@ function onChange(event: Event): void {
     :checked="state === 'checked'"
     :disabled="context.selectAllDisabled.value"
     :aria-checked="state === 'indeterminate' ? 'mixed' : state === 'checked' ? 'true' : 'false'"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     part="select-all"
     data-vize-ui="checkbox-group-select-all"
     :data-state="state"

package/registry/files/families/selection/checkbox-group/checkbox-group.vue CHANGED Viewed

@@ -379,13 +379,13 @@ defineExpose(exposed);
   <div
     ref="root"
     role="group"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-disabled="disabled ? 'true' : undefined"
     part="root"
     data-vize-ui="checkbox-group"
-    :data-state="dataState"
+    :data-state
     :data-orientation="orientation"
     :data-disabled="disabled ? 'true' : undefined"
     :data-invalid="ariaInvalidValue === undefined ? undefined : 'true'"

package/registry/files/families/selection/combobox/combobox-create-item.vue CHANGED Viewed

@@ -63,7 +63,7 @@ onUnmounted(() => {
     part="create-item"
     :data-highlighted="active ? 'true' : undefined"
   >
-    <slot v-if="visible" :query="context.query.value" :active="active" />
+    <slot v-if="visible" :query="context.query.value" :active />
   </div>
 </template>

package/registry/files/families/selection/combobox/combobox-input.vue CHANGED Viewed

@@ -113,9 +113,9 @@ defineExpose({ element, focus });
     :aria-expanded="context.open.value ? 'true' : 'false'"
     :aria-controls="context.open.value ? context.listboxId.value : undefined"
     :aria-activedescendant="context.activeDescendant.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-required="context.required.value ? 'true' : undefined"
     :aria-invalid="context.invalid.value ? 'true' : undefined"
     :aria-errormessage="context.invalid.value ? ariaErrormessage : undefined"

package/registry/files/families/selection/combobox/combobox-trigger.vue CHANGED Viewed

@@ -48,7 +48,7 @@ defineExpose({ element });
     type="button"
     tabindex="-1"
     :disabled="context.disabled.value"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-expanded="context.open.value ? 'true' : 'false'"
     :aria-controls="context.open.value ? context.listboxId.value : undefined"
     data-vize-ui="combobox-trigger"

package/registry/files/families/selection/emoji-picker/emoji-picker-grid.vue CHANGED Viewed

@@ -68,7 +68,7 @@ function onKeydown(event: KeyboardEvent): void {
     :id="context.gridId.value"
     ref="element"
     v-bind="interactiveProps"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-rowcount="context.totalRows.value"
     :aria-colcount="context.columns.value"
     :aria-activedescendant="activeId"

package/registry/files/families/selection/emoji-picker/emoji-picker-search.vue CHANGED Viewed

@@ -46,7 +46,7 @@ const handlers = computed(() => ({
     type="search"
     :value="context.search.value"
     :placeholder
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.gridId.value"
     autocomplete="off"
     data-vize-ui="emoji-picker-search"

package/registry/files/families/selection/emoji-picker/emoji-picker-skin-tone.vue CHANGED Viewed

@@ -79,7 +79,7 @@ function onKeydown(event: KeyboardEvent): void {
   <div
     ref="element"
     v-bind="groupProps"
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="emoji-picker-skin-tone"
     part="skin-tone"
     :data-skin-tone="context.skinTone.value"

package/registry/files/families/selection/listbox/listbox-item.vue CHANGED Viewed

@@ -184,9 +184,9 @@ defineExpose(exposed);
     ref="element"
     :aria-selected="selected ? 'true' : 'false'"
     :aria-disabled="itemDisabled ? 'true' : undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="listbox-item"
     part="item"
     :data-state="itemState"

package/registry/files/families/selection/listbox/listbox.vue CHANGED Viewed

@@ -316,9 +316,9 @@ defineExpose(exposed);
     :id="context.id.value"
     ref="element"
     :aria-activedescendant="listboxActiveDescendant"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-orientation="orientationState"
     :aria-multiselectable="selectionModeState === 'multiple' ? 'true' : undefined"
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
@@ -334,7 +334,7 @@ defineExpose(exposed);
     :data-orientation="orientationState"
     :data-selection-mode="selectionModeState"
     :data-selection-count="selectionCount"
-    :data-value="dataValue"
+    :data-value
   >
     <slot v-bind="slotState" />
     <slot v-if="registry.items.value.length === 0" name="empty" v-bind="slotState" />

package/registry/files/families/selection/listbox-grid/listbox-grid-item.vue CHANGED Viewed

@@ -121,7 +121,7 @@ defineExpose({ element, selected, active });
     v-bind="interactiveProps"
     :aria-selected="selected ? 'true' : 'false'"
     :aria-disabled="itemDisabled ? 'true' : undefined"
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="listbox-grid-item"
     part="item"
     :data-state="state"

package/registry/files/families/selection/listbox-grid/listbox-grid.vue CHANGED Viewed

@@ -286,9 +286,9 @@ defineExpose(exposed);
     :aria-multiselectable="multipleState ? 'true' : undefined"
     :aria-disabled="disabledState ? 'true' : undefined"
     :aria-required="required ? 'true' : undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="listbox-grid"
     part="root"
     :data-state="state"

package/registry/files/families/selection/native-select/native-select.vue CHANGED Viewed

@@ -228,9 +228,9 @@ defineExpose(exposed);
     :disabled
     :required
     :dir="direction"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"
     data-vize-ui="native-select"
@@ -242,7 +242,7 @@ defineExpose(exposed);
     :data-selection-mode="selectionMode"
     :data-selection-count="selectedCount"
     :data-direction="direction"
-    :data-value="dataValue"
+    :data-value
     @change="onChange"
   >
     <option

package/registry/files/families/selection/radio-group/radio-group-item.vue CHANGED Viewed

@@ -111,9 +111,9 @@ defineExpose(exposed);
     :checked
     :disabled="itemDisabled"
     :required="context.required.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="radio-group-item"
     part="item"
     :data-state="itemState"

package/registry/files/families/selection/radio-group/radio-group.vue CHANGED Viewed

@@ -238,9 +238,9 @@ defineExpose(exposed);
     :id="context.id.value"
     ref="element"
     role="radiogroup"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-orientation="orientationState"
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"

package/registry/files/families/selection/select/select-content.vue CHANGED Viewed

@@ -276,7 +276,7 @@ defineExpose(exposed);
               ref="element"
               v-bind="contentBindings"
               tabindex="-1"
-              :aria-label="ariaLabel"
+              :aria-label
               :aria-labelledby="labelledby"
               :aria-multiselectable="context.multiple.value ? 'true' : undefined"
               :aria-required="context.required.value ? 'true' : undefined"

package/registry/files/families/selection/select/select-group.vue CHANGED Viewed

@@ -39,7 +39,7 @@ selectGroupContext.provide({ labelId });
   <div
     :id="groupId"
     role="group"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-labelledby="ariaLabel === undefined ? labelId : undefined"
     :data-vize-ui="`${context.partPrefix}-group`"
     part="group"

package/registry/files/families/selection/select/select-item.vue CHANGED Viewed

@@ -160,7 +160,7 @@ defineExpose(exposed);
     v-bind="interactiveProps"
     :aria-selected="selected ? 'true' : 'false'"
     :aria-disabled="itemDisabled ? 'true' : undefined"
-    :aria-label="ariaLabel"
+    :aria-label
     :hidden="visible ? undefined : true"
     :data-vize-ui="`${context.partPrefix}-item`"
     part="item"

package/registry/files/families/selection/select/select-root.vue CHANGED Viewed

@@ -502,7 +502,6 @@ defineExpose(exposed);
       data-vize-ui="select-native"
       part="native"
       hidden
-      aria-hidden="true"
       tabindex="-1"
       :aria-label="nativeLabel"
       :name

package/registry/files/families/selection/select/select-scroll-button.vue CHANGED Viewed

@@ -62,7 +62,7 @@ defineExpose({ scrollOnce: scroll.scrollOnce, update: scroll.update, visible: sc
     part="scroll-button"
     :data-direction="direction"
   >
-    <slot v-if="scroll.visible.value" :direction="direction" />
+    <slot v-if="scroll.visible.value" :direction />
   </div>
 </template>

package/registry/files/families/selection/select/select-trigger.vue CHANGED Viewed

@@ -102,9 +102,9 @@ defineExpose(exposed);
     :aria-expanded="context.open.value ? 'true' : 'false'"
     :aria-controls="context.open.value ? context.listboxId.value : undefined"
     :aria-activedescendant="context.activeDescendant.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-required="context.required.value ? 'true' : undefined"
     :aria-invalid="context.invalid.value ? 'true' : undefined"
     :aria-errormessage="context.invalid.value ? ariaErrormessage : undefined"

package/registry/files/families/selection/switch/switch-control.vue CHANGED Viewed

@@ -216,21 +216,21 @@ defineExpose(exposed);
     type="button"
     role="switch"
     :disabled
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"
-    :aria-checked="ariaChecked"
+    :aria-checked
     :aria-disabled="disabled ? 'true' : undefined"
     :aria-readonly="readOnly ? 'true' : undefined"
     :aria-required="required ? 'true' : undefined"
     data-vize-ui="switch"
-    :data-state="dataState"
+    :data-state
     :data-checked="ariaChecked"
     @click="onClick"
   >
-    <slot :checked :disabled :invalid :read-only="readOnly" :required />
+    <slot :checked :disabled :invalid :read-only :required />
     <input v-if="submitsValue" type="hidden" :name :value />
   </button>
 </template>

package/registry/files/families/selection/toggle/toggle-button.vue CHANGED Viewed

@@ -166,7 +166,7 @@ defineExpose(exposed);
     :disabled="isNativeButton ? disabled : undefined"
     :role="isNativeButton ? undefined : 'button'"
     :tabindex="tabIndex"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-disabled="disabled && !isNativeButton ? 'true' : undefined"
     :aria-pressed="pressed ? 'true' : 'false'"
     data-vize-ui="toggle"

package/registry/files/families/selection/toggle-group/toggle-group-item.vue CHANGED Viewed

@@ -198,9 +198,9 @@ defineExpose(exposed);
     :disabled="isNativeButton ? itemDisabled : undefined"
     :role="isNativeButton ? undefined : 'button'"
     :tabindex="tabIndex"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-disabled="itemDisabled && !isNativeButton ? 'true' : undefined"
     :aria-pressed="pressed ? 'true' : 'false'"
     data-vize-ui="toggle-group-item"

package/registry/files/families/selection/toggle-group/toggle-group.vue CHANGED Viewed

@@ -328,9 +328,9 @@ defineExpose(exposed);
     :is="as"
     ref="element"
     role="group"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-disabled="disabledState ? 'true' : undefined"
     data-vize-ui="toggle-group"
     part="root"
@@ -338,7 +338,7 @@ defineExpose(exposed);
     :data-disabled="disabledState ? 'true' : undefined"
     :data-orientation="orientationState"
     :data-type="typeState"
-    :data-value="dataValue"
+    :data-value
   >
     <slot v-bind="slotState" />
   </component>

package/registry/files/families/selection/transfer-list/transfer-list-action.vue CHANGED Viewed

@@ -49,7 +49,7 @@ const handlers = computed(() => ({
     part="action"
     :data-action="action"
   >
-    <slot :enabled="enabled" />
+    <slot :enabled />
   </button>
 </template>

package/registry/files/families/selection/transfer-list/transfer-list-panel.vue CHANGED Viewed

@@ -158,8 +158,8 @@ transferListPanelContext.provide({
     :aria-activedescendant="
       root.disabled.value ? undefined : containerProps['aria-activedescendant']
     "
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-disabled="root.disabled.value ? 'true' : undefined"
     data-vize-ui="transfer-list-panel"
     part="panel"

package/registry/files/families/selection/transfer-list/transfer-list-search.vue CHANGED Viewed

@@ -51,7 +51,7 @@ const handlers = computed(() => ({
     type="search"
     :value="state.query.value"
     :placeholder
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="root.panelId(side)"
     :disabled="root.disabled.value"
     autocomplete="off"