public-ui · deleonio · Nov 28, 2023 · Nov 28, 2023
diff --git a/packages/components/src/components/@deprecated/input/controller.ts b/packages/components/src/components/@deprecated/input/controller.ts
@@ -2,6 +2,7 @@ import { Generic } from '@a11y-ui/core';
 
 import { InputTypeOnDefault } from '../../../types/input/types';
 import { AdjustHeightPropType, validateAdjustHeight } from '../../../types/props/adjust-height';
+import { HideErrorPropType, validateHideError } from '../../../types/props/hide-error';
 import { validateHideLabel } from '../../../types/props/hide-label';
 import { LabelWithExpertSlotPropType, validateLabelWithExpertSlot } from '../../../types/props/label';
 import { a11yHint, a11yHintDisabled, devHint } from '../../../utils/a11y.tipps';
@@ -44,6 +45,18 @@ export class InputController extends ControlledInputController implements Watche
 		watchString(this.component, '_error', value);
 	}
 
+	public validateHideError(value?: HideErrorPropType): void {
+		validateHideError(this.component, value, {
+			hooks: {
+				afterPatch: () => {
+					if (this.component.state._hideError) {
+						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
+					}
+				},
+			},
+		});
+	}
+
 	public validateHideLabel(value?: boolean): void {
 		validateHideLabel(this.component, value, {
 			hooks: {
@@ -106,6 +119,7 @@ export class InputController extends ControlledInputController implements Watche
 		this.validateAdjustHeight(this.component._adjustHeight);
 		this.validateError(this.component._error);
 		this.validateDisabled(this.component._disabled);
+		this.validateHideError(this.component._hideError);
 		this.validateHideLabel(this.component._hideLabel);
 		this.validateHint(this.component._hint);
 		this.validateId(this.component._id);

diff --git a/packages/components/src/components/@deprecated/input/types.ts b/packages/components/src/components/@deprecated/input/types.ts
@@ -11,6 +11,7 @@ type OptionalProps = PropLabelWithExpertSlot & {
 	adjustHeight: boolean;
 	disabled: boolean;
 	error: string;
+	hideError: boolean;
 	hideLabel: boolean;
 	hint: string;
 	id: string;

diff --git a/packages/components/src/components/input-checkbox/controller.ts b/packages/components/src/components/input-checkbox/controller.ts
@@ -2,14 +2,12 @@ import { Generic } from '@a11y-ui/core';
 
 import { Stringified } from '../../types/common';
 import { CheckedPropType, validateChecked } from '../../types/props/checked';
-import { HideErrorPropType, validateHideError } from '../../types/props/hide-error';
 import { IndeterminatePropType, validateIndeterminate } from '../../types/props/indeterminate';
 import { StencilUnknown } from '../../types/unknown';
-import { a11yHint } from '../../utils/a11y.tipps';
 import { setState, watchValidator } from '../../utils/prop.validators';
 import { isString } from '../../utils/validator';
 import { InputCheckboxRadioController } from '../input-radio/controller';
-import { InputCheckboxIconsProp, InputCheckboxIconsState, InputCheckboxVariant, inputCheckboxVariantOptions, Props, Watches } from './types';
+import { InputCheckboxIconsProp, InputCheckboxIconsState, InputCheckboxVariant, Props, Watches, inputCheckboxVariantOptions } from './types';
 
 export class InputCheckboxController extends InputCheckboxRadioController implements Watches {
 	protected readonly component: Generic.Element.Component & Props;
@@ -32,18 +30,6 @@ export class InputCheckboxController extends InputCheckboxRadioController implem
 		this.setFormAssociatedCheckboxValue(this.component.state._value as StencilUnknown);
 	}
 
-	public validateHideError(value?: HideErrorPropType): void {
-		validateHideError(this.component, value, {
-			hooks: {
-				afterPatch: () => {
-					if (this.component.state._hideError) {
-						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
-					}
-				},
-			},
-		});
-	}
-
 	public validateIcons(value?: Stringified<InputCheckboxIconsProp>): void {
 		watchValidator(
 			this.component,
@@ -88,7 +74,6 @@ export class InputCheckboxController extends InputCheckboxRadioController implem
 	public componentWillLoad(): void {
 		super.componentWillLoad();
 		this.validateChecked(this.component._checked);
-		this.validateHideError(this.component._hideError);
 		this.validateIcons(this.component._icons);
 		this.validateIndeterminate(this.component._indeterminate);
 		this.validateValue(this.component._value);

diff --git a/packages/components/src/components/input-color/controller.ts b/packages/components/src/components/input-color/controller.ts
@@ -1,9 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 
 import { InputTypeOnOff, inputTypeOnOffOptions } from '../../types/input/types';
-import { HideErrorPropType, validateHideError } from '../../types/props/hide-error';
 import { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';
-import { a11yHint } from '../../utils/a11y.tipps';
 import { watchString, watchValidator } from '../../utils/prop.validators';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
@@ -35,22 +33,9 @@ export class InputColorController extends InputIconController implements Watches
 		this.setFormAssociatedValue(this.component.state._value as string);
 	}
 
-	public validateHideError(value?: HideErrorPropType): void {
-		validateHideError(this.component, value, {
-			hooks: {
-				afterPatch: () => {
-					if (this.component.state._hideError) {
-						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
-					}
-				},
-			},
-		});
-	}
-
 	public componentWillLoad(): void {
 		super.componentWillLoad();
 		this.validateAutoComplete(this.component._autoComplete);
-		this.validateHideError(this.component._hideError);
 		this.validateSuggestions(this.component._suggestions);
 		this.validateValue(this.component._value);
 	}

diff --git a/packages/components/src/components/input-date/controller.ts b/packages/components/src/components/input-date/controller.ts
@@ -3,10 +3,8 @@ import { Generic } from '@a11y-ui/core';
 import { InputDateType, inputDateTypeOptions } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
-import { HideErrorPropType, validateHideError } from '../../types/props/hide-error';
 import { ReadOnlyPropType, validateReadOnly } from '../../types/props/read-only';
 import { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';
-import { a11yHint } from '../../utils/a11y.tipps';
 import { setState, watchBoolean, watchNumber, watchValidator } from '../../utils/prop.validators';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
@@ -38,18 +36,6 @@ export class InputDateController extends InputIconController implements Watches
 		);
 	}
 
-	public validateHideError(value?: HideErrorPropType): void {
-		validateHideError(this.component, value, {
-			hooks: {
-				afterPatch: () => {
-					if (this.component.state._hideError) {
-						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
-					}
-				},
-			},
-		});
-	}
-
 	public validateSuggestions(value?: SuggestionsPropType): void {
 		validateSuggestions(this.component, value);
 	}
@@ -213,7 +199,6 @@ export class InputDateController extends InputIconController implements Watches
 		this.validateAutoComplete(this.component._autoComplete);
 		this.validateMax(this.component._max);
 		this.validateMin(this.component._min);
-		this.validateHideError(this.component._hideError);
 		this.validateLabel(this.component._label);
 		this.validateSuggestions(this.component._suggestions);
 		this.validateOn(this.component._on);

diff --git a/packages/components/src/components/input-email/controller.ts b/packages/components/src/components/input-email/controller.ts
@@ -1,8 +1,6 @@
 import { Generic } from '@a11y-ui/core';
 
-import { HideErrorPropType, validateHideError } from '../../types/props/hide-error';
 import { MultiplePropType, validateMultiple } from '../../types/props/multiple';
-import { a11yHint } from '../../utils/a11y.tipps';
 import { InputTextEmailController } from '../input-text/controller';
 import { Props, Watches } from './types';
 
@@ -14,25 +12,12 @@ export class InputEmailController extends InputTextEmailController implements Wa
 		this.component = component;
 	}
 
-	public validateHideError(value?: HideErrorPropType): void {
-		validateHideError(this.component, value, {
-			hooks: {
-				afterPatch: () => {
-					if (this.component.state._hideError) {
-						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
-					}
-				},
-			},
-		});
-	}
-
 	public validateMultiple(value?: MultiplePropType): void {
 		validateMultiple(this.component, value);
 	}
 
 	public componentWillLoad(): void {
 		super.componentWillLoad();
-		this.validateHideError(this.component._hideError);
 		this.validateMultiple(this.component._multiple);
 	}
 }
diff --git a/packages/components/src/components/input-file/controller.ts b/packages/components/src/components/input-file/controller.ts
@@ -1,7 +1,5 @@
 import { Generic } from '@a11y-ui/core';
 
-import { HideErrorPropType, validateHideError } from '../../types/props/hide-error';
-import { a11yHint } from '../../utils/a11y.tipps';
 import { watchBoolean, watchString } from '../../utils/prop.validators';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
@@ -18,18 +16,6 @@ export class InputFileController extends InputIconController implements Watches
 		watchString(this.component, '_accept', value);
 	}
 
-	public validateHideError(value?: HideErrorPropType): void {
-		validateHideError(this.component, value, {
-			hooks: {
-				afterPatch: () => {
-					if (this.component.state._hideError) {
-						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
-					}
-				},
-			},
-		});
-	}
-
 	public validateMultiple(value?: boolean): void {
 		watchBoolean(this.component, '_multiple', value);
 	}
@@ -46,7 +32,6 @@ export class InputFileController extends InputIconController implements Watches
 	public componentWillLoad(): void {
 		super.componentWillLoad();
 		this.validateAccept(this.component._accept);
-		this.validateHideError(this.component._hideError);
 		this.validateMultiple(this.component._multiple);
 		this.validateRequired(this.component._required);
 		this.validateValue(this.component._value);

diff --git a/packages/components/src/components/input-number/controller.ts b/packages/components/src/components/input-number/controller.ts
@@ -1,9 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnOff } from '../../types/input/types';
-import { HideErrorPropType, validateHideError } from '../../types/props/hide-error';
 import { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';
-import { a11yHint } from '../../utils/a11y.tipps';
 import { watchBoolean, watchNumber, watchString, watchValidator } from '../../utils/prop.validators';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
@@ -33,18 +31,6 @@ export class InputNumberController extends InputIconController implements Watche
 		);
 	}
 
-	public validateHideError(value?: HideErrorPropType): void {
-		validateHideError(this.component, value, {
-			hooks: {
-				afterPatch: () => {
-					if (this.component.state._hideError) {
-						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
-					}
-				},
-			},
-		});
-	}
-
 	public validateSuggestions(value?: SuggestionsPropType): void {
 		validateSuggestions(this.component, value);
 	}
@@ -131,7 +117,6 @@ export class InputNumberController extends InputIconController implements Watche
 	public componentWillLoad(): void {
 		super.componentWillLoad();
 		this.validateAutoComplete(this.component._autoComplete);
-		this.validateHideError(this.component._hideError);
 		this.validateMax(this.component._max);
 		this.validateMin(this.component._min);
 		this.validateSuggestions(this.component._suggestions);

diff --git a/packages/components/src/components/input-password/controller.ts b/packages/components/src/components/input-password/controller.ts
@@ -2,8 +2,6 @@ import { Generic } from '@a11y-ui/core';
 
 import { InputTypeOnOff } from '../../types/input/types';
 import { validateHasCounter } from '../../types/props/has-counter';
-import { HideErrorPropType, validateHideError } from '../../types/props/hide-error';
-import { a11yHint } from '../../utils/a11y.tipps';
 import { watchBoolean, watchNumber, watchString, watchValidator } from '../../utils/prop.validators';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
@@ -31,18 +29,6 @@ export class InputPasswordController extends InputIconController implements Watc
 		validateHasCounter(this.component, value);
 	}
 
-	public validateHideError(value?: HideErrorPropType): void {
-		validateHideError(this.component, value, {
-			hooks: {
-				afterPatch: () => {
-					if (this.component.state._hideError) {
-						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
-					}
-				},
-			},
-		});
-	}
-
 	public validateMaxLength(value?: number): void {
 		watchNumber(this.component, '_maxLength', value, {
 			min: 0,
@@ -74,7 +60,6 @@ export class InputPasswordController extends InputIconController implements Watc
 		super.componentWillLoad();
 		this.validateAutoComplete(this.component._autoComplete);
 		this.validateHasCounter(this.component._hasCounter);
-		this.validateHideError(this.component._hideError);
 		this.validateMaxLength(this.component._maxLength);
 		this.validatePattern(this.component._pattern);
 		this.validatePlaceholder(this.component._placeholder);

diff --git a/packages/components/src/components/input-radio/controller.ts b/packages/components/src/components/input-radio/controller.ts
@@ -3,13 +3,11 @@ import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { Optgroup, Option, SelectOption } from '../../types/input/types';
 import { Orientation, orientationOptions } from '../../types/orientation';
-import { HideErrorPropType, validateHideError } from '../../types/props/hide-error';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { OptionsPropType, validateOptions } from '../../types/props/options';
 import { validateRequired } from '../../types/props/required';
 import { StencilUnknown } from '../../types/unknown';
 import { W3CInputValue } from '../../types/w3c';
-import { a11yHint } from '../../utils/a11y.tipps';
 import { mapString2Unknown, setState, watchValidator } from '../../utils/prop.validators';
 import { STATE_CHANGE_EVENT } from '../../utils/validator';
 import { InputController } from '../@deprecated/input/controller';
@@ -43,18 +41,6 @@ export class InputCheckboxRadioController extends InputController implements Inp
 		this.component = component;
 	}
 
-	public validateHideError(value?: HideErrorPropType): void {
-		validateHideError(this.component, value, {
-			hooks: {
-				afterPatch: () => {
-					if (this.component.state._hideError) {
-						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
-					}
-				},
-			},
-		});
-	}
-
 	public validateRequired(value?: boolean): void {
 		validateRequired(this.component, value);
 	}
@@ -143,7 +129,6 @@ export class InputRadioController extends InputCheckboxRadioController implement
 
 		this.validateOrientation(this.component._orientation);
 		this.validateOptions(this.component._options);
-		this.validateHideError(this.component._hideError);
 		this.validateValue(this.component._value);
 	}
 }
diff --git a/packages/components/src/components/input-range/controller.ts b/packages/components/src/components/input-range/controller.ts
@@ -1,8 +1,6 @@
 import { Generic } from '@a11y-ui/core';
 import { InputTypeOnOff } from '../../types/input/types';
-import { HideErrorPropType, validateHideError } from '../../types/props/hide-error';
 import { SuggestionsPropType, validateSuggestions } from '../../types/props/suggestions';
-import { a11yHint } from '../../utils/a11y.tipps';
 import { watchNumber, watchValidator } from '../../utils/prop.validators';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
@@ -25,18 +23,6 @@ export class InputRangeController extends InputIconController implements Watches
 		);
 	}
 
-	public validateHideError(value?: HideErrorPropType): void {
-		validateHideError(this.component, value, {
-			hooks: {
-				afterPatch: () => {
-					if (this.component.state._hideError) {
-						a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');
-					}
-				},
-			},
-		});
-	}
-
 	public validateMax(value?: number): void {
 		watchNumber(this.component, '_max', value);
 	}
@@ -61,7 +47,6 @@ export class InputRangeController extends InputIconController implements Watches
 	public componentWillLoad(): void {
 		super.componentWillLoad();
 		this.validateAutoComplete(this.component._autoComplete);
-		this.validateHideError(this.component._hideError);
 		this.validateMax(this.component._max);
 		this.validateMin(this.component._min);
 		this.validateStep(this.component._step);