Hidden input renaming for PT
parent
1103bcdfbc
commit
d2125fd726
|
@ -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.
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue