Hidden input renaming for PT

pull/3946/head
Tuğçe Küçükoğlu 2023-05-10 11:18:51 +03:00
parent 1103bcdfbc
commit d2125fd726
4 changed files with 10 additions and 10 deletions

View File

@ -91,9 +91,9 @@ export interface CascadeSelectPassThroughOptions {
*/
text?: CascadeSelectPassThroughOptionType;
/**
* Uses to pass attributes to the input sria's DOM element.
* Uses to pass attributes to the hidden selected message's DOM element.
*/
inputAria?: CascadeSelectPassThroughOptionType;
hiddenSelectedMessage?: CascadeSelectPassThroughOptionType;
/**
* Uses to pass attributes to the search result message text aria's DOM element.
*/

View File

@ -1,6 +1,6 @@
<template>
<div ref="container" :class="containerClass" @click="onContainerClick($event)" v-bind="ptm('root')">
<div class="p-hidden-accessible" v-bind="ptm('inputAria')">
<div class="p-hidden-accessible" v-bind="ptm('hiddenInputWrapper')">
<input
ref="focusInput"
:id="inputId"
@ -66,7 +66,7 @@
/>
</div>
<span role="status" aria-live="polite" class="p-hidden-accessible" v-bind="ptm('selectedMessageAria')">
<span role="status" aria-live="polite" class="p-hidden-accessible" v-bind="ptm('hiddenSelectedMessage')">
{{ selectedMessageText }}
</span>
</div>

View File

@ -34,13 +34,13 @@ export interface InputSwitchPassThroughOptions {
*/
slider?: InputSwitchPassThroughOptionType;
/**
* Uses to pass attributes to the hidden accessible DOM element.
* Uses to pass attributes to the hidden input wrapper's DOM element.
*/
hiddenAccessible?: InputSwitchPassThroughOptionType;
hiddenInputWrapper?: InputSwitchPassThroughOptionType;
/**
* Uses to pass attributes to the input aria's DOM element.
* Uses to pass attributes to the hidden input's DOM element.
*/
inputAria?: InputSwitchPassThroughOptionType;
hiddenInput?: InputSwitchPassThroughOptionType;
}
/**

View File

@ -1,6 +1,6 @@
<template>
<div :class="containerClass" @click="onClick($event)" v-bind="ptm('root')">
<div class="p-hidden-accessible" v-bind="ptm('hiddenAccessible')">
<div class="p-hidden-accessible" v-bind="ptm('hiddenInputWrapper')">
<input
ref="input"
:id="inputId"
@ -15,7 +15,7 @@
:aria-label="ariaLabel"
@focus="onFocus($event)"
@blur="onBlur($event)"
v-bind="ptm('inputAria')"
v-bind="ptm('hiddenInput')"
/>
</div>
<span class="p-inputswitch-slider" v-bind="{ ...inputProps, ...ptm('slider') }"></span>