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/date-time/date-field/date-field.vue CHANGED Viewed

@@ -112,7 +112,7 @@ defineExpose(exposed);
 <template>
   <div
-    :id="id"
+    :id
     ref="root"
     part="root"
     role="group"
@@ -176,7 +176,6 @@ defineExpose(exposed);
       :required="slotState.required"
       :disabled="slotState.disabled"
       tabindex="-1"
-      aria-hidden="true"
       :aria-labelledby="id"
       autocomplete="off"
       data-vize-ui="date-field-input"

package/registry/files/families/date-time/datetime-field/datetime-field.vue CHANGED Viewed

@@ -121,7 +121,7 @@ defineExpose(exposed);
 <template>
   <div
-    :id="id"
+    :id
     ref="root"
     part="root"
     role="group"
@@ -187,7 +187,6 @@ defineExpose(exposed);
       :required="slotState.required"
       :disabled="slotState.disabled"
       tabindex="-1"
-      aria-hidden="true"
       :aria-labelledby="id"
       autocomplete="off"
       data-vize-ui="datetime-field-input"

package/registry/files/families/date-time/duration-field/duration-field.vue CHANGED Viewed

@@ -96,7 +96,7 @@ defineExpose(exposed);
 <template>
   <div
-    :id="id"
+    :id
     ref="root"
     part="root"
     role="group"
@@ -171,7 +171,6 @@ defineExpose(exposed);
       :required="slotState.required"
       :disabled="slotState.disabled"
       tabindex="-1"
-      aria-hidden="true"
       :aria-labelledby="id"
       autocomplete="off"
       data-vize-ui="duration-field-input"

package/registry/files/families/date-time/month-picker/month-picker.vue CHANGED Viewed

@@ -111,7 +111,7 @@ defineExpose(exposed);
 <template>
   <div
-    :id="id"
+    :id
     ref="root"
     part="root"
     role="group"

package/registry/files/families/date-time/range-calendar/range-calendar-root.vue CHANGED Viewed

@@ -135,7 +135,7 @@ defineExpose(exposed);
 <template>
   <div
-    :id="id"
+    :id
     ref="root"
     role="group"
     :dir="direction"

package/registry/files/families/date-time/scheduler/scheduler-event.vue CHANGED Viewed

@@ -100,13 +100,13 @@ function stop(nativeEvent: Event): void {
     :data-continues-before="(placement ?? row)?.continuesBefore ? 'true' : undefined"
     :data-continues-after="(placement ?? row)?.continuesAfter ? 'true' : undefined"
     :data-dragging="move.isDragging.value || resize.isDragging.value ? 'true' : undefined"
-    :style="style"
+    :style
     v-bind="locked ? {} : move.sourceProps"
     @click="onClick"
     @keydown="onKeydown"
     @pointerdown="onPointerDown"
   >
-    <slot :event="event" :placement="placement" :row="row" :label="label">{{ event.title }}</slot>
+    <slot :event :placement :row :label>{{ event.title }}</slot>
     <span
       v-if="showHandle"
       ref="handle"

package/registry/files/families/date-time/scheduler/scheduler-month-day.vue CHANGED Viewed

@@ -89,7 +89,7 @@ function onKeydown(event: KeyboardEvent): void {
       part="more"
       :data-count="overflow"
     >
-      <slot name="more" :count="overflow" :day="day">+{{ overflow }}</slot>
+      <slot name="more" :count="overflow" :day>+{{ overflow }}</slot>
     </span>
   </td>
 </template>

package/registry/files/families/date-time/scheduler/scheduler-nav.vue CHANGED Viewed

@@ -37,9 +37,7 @@ function onClick(): void {
     :data-action="action"
     @click="onClick"
   >
-    <slot :action="action">{{
-      action === "previous" ? "‹" : action === "next" ? "›" : label
-    }}</slot>
+    <slot :action>{{ action === "previous" ? "‹" : action === "next" ? "›" : label }}</slot>
   </button>
 </template>

package/registry/files/families/date-time/scheduler/scheduler-root.vue CHANGED Viewed

@@ -102,7 +102,7 @@ defineExpose(exposed);
 <template>
   <div
-    :id="id"
+    :id
     ref="root"
     part="root"
     role="region"

package/registry/files/families/date-time/time-field/time-field.vue CHANGED Viewed

@@ -115,7 +115,7 @@ defineExpose(exposed);
 <template>
   <div
-    :id="id"
+    :id
     ref="root"
     part="root"
     role="group"
@@ -181,7 +181,6 @@ defineExpose(exposed);
       :required="slotState.required"
       :disabled="slotState.disabled"
       tabindex="-1"
-      aria-hidden="true"
       :aria-labelledby="id"
       autocomplete="off"
       data-vize-ui="time-field-input"

package/registry/files/families/date-time/week-picker/week-picker-root.vue CHANGED Viewed

@@ -137,7 +137,7 @@ defineExpose(exposed);
 <template>
   <div
-    :id="id"
+    :id
     ref="root"
     role="group"
     :dir="direction"

package/registry/files/families/date-time/year-picker/year-picker.vue CHANGED Viewed

@@ -103,7 +103,7 @@ defineExpose(exposed);
 <template>
   <div
-    :id="id"
+    :id
     ref="root"
     part="root"
     role="group"

package/registry/files/families/disclosure/accordion/accordion-trigger.vue CHANGED Viewed

@@ -92,8 +92,8 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled="collapsible.disabled.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-expanded="collapsible.open.value ? 'true' : 'false'"
     :aria-controls="collapsible.contentId.value"
     :aria-disabled="item.locked.value ? 'true' : undefined"

package/registry/files/families/disclosure/collapsible/collapsible-trigger.vue CHANGED Viewed

@@ -84,8 +84,8 @@ defineExpose(exposed);
     ref="element"
     :type
     :disabled="triggerDisabled"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-expanded="context.open.value ? 'true' : 'false'"
     :aria-controls="context.contentId.value"
     data-vize-ui="collapsible-trigger"

package/registry/files/families/editor/rich-text/rich-text-bubble-menu.vue CHANGED Viewed

@@ -97,7 +97,7 @@ defineExpose({ element });
       <div
         ref="element"
         v-bind="menuProps"
-        :aria-label="ariaLabel"
+        :aria-label
         :aria-controls="editor.contentId.value"
         data-vize-ui="rich-text-bubble-menu"
         part="bubble-menu"

package/registry/files/families/editor/rich-text/rich-text-content.vue CHANGED Viewed

@@ -292,9 +292,9 @@ defineExpose({ element, focus } satisfies Omit<RichTextContentExpose, "element">
     :id="editor.contentId.value"
     ref="element"
     v-bind="contentProps"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :spellcheck="spellcheck ? 'true' : 'false'"
     data-vize-ui="rich-text-content"
     part="content"

package/registry/files/families/editor/rich-text/rich-text-toolbar-button.vue CHANGED Viewed

@@ -86,7 +86,7 @@ const buttonProps = computed(() => ({
     ref="element"
     v-bind="buttonProps"
     type="button"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-pressed="pressed === null ? undefined : pressed ? 'true' : 'false'"
     :aria-disabled="unavailable ? 'true' : undefined"
     data-vize-ui="rich-text-toolbar-button"

package/registry/files/families/editor/rich-text/rich-text-toolbar.vue CHANGED Viewed

@@ -34,7 +34,7 @@ defineExpose({ element });
   <div
     ref="element"
     v-bind="toolbarProps"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="editor.contentId.value"
     data-vize-ui="rich-text-toolbar"
     part="toolbar"

package/registry/files/families/feedback/alert/alert.vue CHANGED Viewed

@@ -98,16 +98,16 @@ defineExpose(exposed);
     ref="element"
     :role
     :hidden="open ? undefined : true"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-live="live"
     :aria-atomic="atomic ? 'true' : 'false'"
     data-vize-ui="alert"
     :data-state="state"
     :data-variant="variant"
   >
-    <slot :open :role :state="state" :variant />
+    <slot :open :role :state :variant />
   </div>
 </template>

package/registry/files/families/feedback/banner/banner.vue CHANGED Viewed

@@ -205,7 +205,7 @@ defineExpose(exposed);
     ref="element"
     :hidden="!openValue"
     :role="renderedAriaRole"
-    :aria-hidden="ariaHidden"
+    :aria-hidden
     :aria-label="renderedAriaLabel"
     :aria-labelledby="renderedAriaLabelledby"
     :aria-describedby="renderedAriaDescribedby"

package/registry/files/families/feedback/callout/callout.vue CHANGED Viewed

@@ -179,7 +179,7 @@ defineExpose(exposed);
 <template>
   <component
     :is="as"
-    :id="id"
+    :id
     ref="element"
     part="root"
     :role="ariaState === 'decorative' ? undefined : role"

package/registry/files/families/feedback/empty-state/empty-state.vue CHANGED Viewed

@@ -87,7 +87,7 @@ defineExpose(exposed);
     :data-density="density"
     :data-orientation="orientation"
   >
-    <slot :density="density" :orientation="orientation" :state="state" :tone="tone" />
+    <slot :density :orientation :state :tone />
   </component>
 </template>

package/registry/files/families/feedback/meter/meter.vue CHANGED Viewed

@@ -152,9 +152,9 @@ defineExpose(exposed);
     :low="currentLow ?? undefined"
     :high="currentHigh ?? undefined"
     :optimum="currentOptimum ?? undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="meter"
     part="root"
     :data-state="state"
@@ -176,11 +176,11 @@ defineExpose(exposed);
       :low="currentLow"
       :high="currentHigh"
       :optimum="currentOptimum"
-      :percent="percent"
-      :range="range"
-      :optimal="optimal"
-      :invalid="invalid"
-      :state="state"
+      :percent
+      :range
+      :optimal
+      :invalid
+      :state
     />
   </meter>
 </template>

package/registry/files/families/feedback/progress/progress.vue CHANGED Viewed

@@ -81,9 +81,9 @@ defineExpose(exposed);
     ref="element"
     :value="currentValue ?? undefined"
     :max="currentMax"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-valuetext="ariaValueText"
     data-vize-ui="progress"
     part="root"
@@ -94,14 +94,7 @@ defineExpose(exposed);
     :data-max="currentMax"
     :data-percent="percent ?? undefined"
   >
-    <slot
-      :value="currentValue"
-      :max="currentMax"
-      :percent="percent"
-      :indeterminate="indeterminate"
-      :complete="complete"
-      :state="state"
-    />
+    <slot :value="currentValue" :max="currentMax" :percent :indeterminate :complete :state />
   </progress>
 </template>

package/registry/files/families/feedback/progress-bar/progress-bar.vue CHANGED Viewed

@@ -210,7 +210,7 @@ defineExpose(exposed);
     :dir="direction"
     :aria-label="accessibleLabel"
     :aria-labelledby="labelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-describedby
     :aria-valuemin="currentMin"
     :aria-valuemax="currentMax"
     :aria-valuenow="currentValue ?? undefined"

package/registry/files/families/feedback/toast/toast-close.vue CHANGED Viewed

@@ -52,7 +52,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="toast-close"
     part="close"
     @click="onClick"

package/registry/files/families/form/angle-picker/angle-picker.vue CHANGED Viewed

@@ -288,16 +288,16 @@ defineExpose(exposed);
     aria-valuemin="0"
     :aria-valuemax="maxAngle"
     :aria-valuetext="valueText"
-    :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-disabled="disabled ? 'true' : undefined"
     :aria-readonly="readOnly ? 'true' : undefined"
     part="root"
     data-vize-ui="angle-picker"
-    :data-state="dataState"
+    :data-state
     :style="rootStyle"
     @keydown="onKeydown"
     @pointerdown="drag.onPointerdown"

package/registry/files/families/form/color-picker/color-picker-area.vue CHANGED Viewed

@@ -263,8 +263,8 @@ defineExpose(exposed);
       aria-roledescription="2D slider"
       v-bind="thumbProps"
       :aria-label="label"
-      :aria-labelledby="ariaLabelledby"
-      :aria-describedby="ariaDescribedby"
+      :aria-labelledby
+      :aria-describedby
       :aria-valuemin="xMin"
       :aria-valuemax="xMax"
       :aria-valuenow="xValue"

package/registry/files/families/form/color-picker/color-picker-channel-slider.vue CHANGED Viewed

@@ -254,8 +254,8 @@ defineExpose(exposed);
       ref="thumb"
       v-bind="thumbProps"
       :aria-label="label"
-      :aria-labelledby="ariaLabelledby"
-      :aria-describedby="ariaDescribedby"
+      :aria-labelledby
+      :aria-describedby
       :aria-orientation="orientation"
       :aria-valuemin="min"
       :aria-valuemax="max"

package/registry/files/families/form/color-picker/color-picker-eye-dropper.vue CHANGED Viewed

@@ -152,7 +152,7 @@ defineExpose(exposed);
     type="button"
     :disabled="buttonDisabled"
     :hidden="!supported && unsupported === 'hide' ? true : undefined"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-busy="picking ? 'true' : undefined"
     data-vize-ui="color-picker-eye-dropper"
     part="eye-dropper"

package/registry/files/families/form/color-picker/color-picker-field.vue CHANGED Viewed

@@ -171,9 +171,9 @@ defineExpose(exposed);
     :placeholder
     :disabled="context.disabled.value"
     :readonly="context.readOnly.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-invalid="state === 'invalid' ? 'true' : undefined"
     data-vize-ui="color-picker-field"
     part="field"

package/registry/files/families/form/color-picker/color-picker-swatch-group.vue CHANGED Viewed

@@ -137,9 +137,9 @@ defineExpose(exposed);
     :id="groupId"
     ref="element"
     role="radiogroup"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-disabled="context.disabled.value ? 'true' : undefined"
     :aria-readonly="context.readOnly.value ? 'true' : undefined"
     data-vize-ui="color-picker-swatch-group"

package/registry/files/families/form/editable/editable-preview.vue CHANGED Viewed

@@ -55,7 +55,7 @@ function onKeydown(event: KeyboardEvent): void {
     @dblclick="onDblclick"
     @keydown="onKeydown"
   >
-    <slot :value="context.value.value" :empty="empty">{{
+    <slot :value="context.value.value" :empty>{{
       empty ? (context.placeholder.value ?? "") : context.value.value
     }}</slot>
   </span>

package/registry/files/families/form/editable/editable-trigger.vue CHANGED Viewed

@@ -46,7 +46,7 @@ function onClick(): void {
     type="button"
     :hidden="!shown"
     :disabled="!context.interactive.value"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.inputId.value"
     :part="`${action}-trigger`"
     data-vize-ui="editable-trigger"

package/registry/files/families/form/editable/editable.vue CHANGED Viewed

@@ -333,7 +333,7 @@ defineExpose(exposed);
     ref="root"
     part="root"
     data-vize-ui="editable"
-    :data-state="dataState"
+    :data-state
     :data-empty="valueState.value.value.length === 0 ? 'true' : undefined"
     :data-disabled="disabled ? 'true' : undefined"
     :data-invalid="ariaInvalidValue === undefined ? undefined : 'true'"

package/registry/files/families/form/error-summary/error-summary.vue CHANGED Viewed

@@ -100,7 +100,7 @@ defineExpose({
             :href="'#' + field.id"
             @click="(event) => onFieldLink(field, event)"
           >
-            <slot name="field" :field="field">{{ linkText(field) }}</slot>
+            <slot name="field" :field>{{ linkText(field) }}</slot>
           </a>
         </li>
       </ul>

package/registry/files/families/form/fieldset/fieldset.vue CHANGED Viewed

@@ -135,7 +135,7 @@ defineExpose({ element, invalid: isInvalid, id: wiring.fieldId });
     :aria-describedby="describedBy"
     part="root"
     data-vize-ui="fieldset"
-    :data-state="dataState"
+    :data-state
     :data-invalid="isInvalid ? 'true' : 'false'"
   >
     <slot v-bind="slotState" />

package/registry/files/families/form/file-upload/file-upload-clear.vue CHANGED Viewed

@@ -68,8 +68,8 @@ defineExpose(exposed);
   <button
     ref="element"
     type="button"
-    :disabled="disabled"
-    :aria-label="ariaLabel"
+    :disabled
+    :aria-label
     data-vize-ui="file-upload-clear"
     part="clear"
     :data-disabled="disabled ? 'true' : undefined"

package/registry/files/families/form/file-upload/file-upload-dropzone.vue CHANGED Viewed

@@ -285,9 +285,9 @@ defineExpose(exposed);
     :role="roleValue"
     :tabindex="interactive ? 0 : undefined"
     :aria-disabled="openOnClick && disabled ? 'true' : undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="file-upload-dropzone"
     part="dropzone"
     :data-state="state"

package/registry/files/families/form/file-upload/file-upload-item-delete.vue CHANGED Viewed

@@ -57,8 +57,8 @@ function onClick(event: MouseEvent): void {
   <button
     ref="element"
     type="button"
-    :disabled="disabled"
-    :aria-label="ariaLabel"
+    :disabled
+    :aria-label
     data-vize-ui="file-upload-item-delete"
     part="item-delete"
     @click="onClick"

package/registry/files/families/form/file-upload/file-upload-item-group.vue CHANGED Viewed

@@ -37,8 +37,8 @@ const slotState = computed<FileUploadItemGroupSlotState>(() => ({
 <template>
   <ul
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     data-vize-ui="file-upload-item-group"
     part="item-group"
     :data-state="state"

package/registry/files/families/form/file-upload/file-upload-trigger.vue CHANGED Viewed

@@ -75,9 +75,9 @@ defineExpose(exposed);
   <button
     ref="element"
     type="button"
-    :disabled="disabled"
-    :aria-label="ariaLabel"
-    :aria-describedby="ariaDescribedby"
+    :disabled
+    :aria-label
+    :aria-describedby
     data-vize-ui="file-upload-trigger"
     part="trigger"
     :data-disabled="disabled ? 'true' : undefined"

package/registry/files/families/form/form-wizard/form-wizard-progress.vue CHANGED Viewed

@@ -42,13 +42,13 @@ const valueText = computed(() =>
   <progress
     :max="context.count.value"
     :value="step"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-valuetext="valueText"
     part="progress"
     data-vize-ui="form-wizard-progress"
     :style="{ '--vize-form-wizard-progress': `${context.progress.value * 100}%` }"
   >
-    <slot :step="step" :count="context.count.value" :progress="context.progress.value">{{
+    <slot :step :count="context.count.value" :progress="context.progress.value">{{
       valueText
     }}</slot>
   </progress>

package/registry/files/families/form/form-wizard/form-wizard-step.vue CHANGED Viewed

@@ -47,7 +47,7 @@ onScopeDispose(() => context.registerPanel(step, null));
     :data-step="step"
     :data-state="active ? 'active' : context.isVisited(step) ? 'visited' : 'upcoming'"
   >
-    <slot :active="active" :index="index" />
+    <slot :active :index />
   </section>
 </template>

package/registry/files/families/form/form-wizard/form-wizard.vue CHANGED Viewed

@@ -342,12 +342,12 @@ defineExpose(exposed);
     :id="baseId"
     ref="root"
     role="group"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-busy="validating ? 'true' : undefined"
     part="root"
     data-vize-ui="form-wizard"
-    :data-state="dataState"
+    :data-state
     :data-step="current"
   >
     <slot v-bind="slotState" />

package/registry/files/families/form/input/text-input.vue CHANGED Viewed

@@ -299,14 +299,14 @@ defineExpose(exposed);
     :autocomplete
     :inputmode="inputMode"
     :enterkeyhint="enterKeyHint"
-    :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="input"
-    :data-state="dataState"
-    :data-empty="dataEmpty"
+    :data-state
+    :data-empty
     :data-composing="composing ? 'true' : 'false'"
     @input="onInput"
     @change="onChange"