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; 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. * Uses to pass attributes to the search result message text aria's DOM element.
*/ */

View File

@ -1,6 +1,6 @@
<template> <template>
<div ref="container" :class="containerClass" @click="onContainerClick($event)" v-bind="ptm('root')"> <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 <input
ref="focusInput" ref="focusInput"
:id="inputId" :id="inputId"
@ -66,7 +66,7 @@
/> />
</div> </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 }} {{ selectedMessageText }}
</span> </span>
</div> </div>

View File

@ -34,13 +34,13 @@ export interface InputSwitchPassThroughOptions {
*/ */
slider?: InputSwitchPassThroughOptionType; 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> <template>
<div :class="containerClass" @click="onClick($event)" v-bind="ptm('root')"> <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 <input
ref="input" ref="input"
:id="inputId" :id="inputId"
@ -15,7 +15,7 @@
:aria-label="ariaLabel" :aria-label="ariaLabel"
@focus="onFocus($event)" @focus="onFocus($event)"
@blur="onBlur($event)" @blur="onBlur($event)"
v-bind="ptm('inputAria')" v-bind="ptm('hiddenInput')"
/> />
</div> </div>
<span class="p-inputswitch-slider" v-bind="{ ...inputProps, ...ptm('slider') }"></span> <span class="p-inputswitch-slider" v-bind="{ ...inputProps, ...ptm('slider') }"></span>