@aurodesignsystem/auro-formkit 2.0.0-beta.5 → 2.0.0-beta.51

package/components/input/dist/auro-input.d.ts

@@ -16,14 +16,16 @@ export class AuroInput extends BaseInput {
      * @private
      */
     private buttonTag;
+    /**
+     * @private
+     */
+    private helpTextTag;
     /**
      * Function to determine if the input is meant to render an icon visualizing the input type.
      * @private
      * @returns {boolean} - Returns true if the input type is meant to render an icon.
      */
     private hasTypeIcon;
-    isDateType(): boolean;
     render(): import("lit-html").TemplateResult;
 }
 import BaseInput from './base-input.js';
-//# sourceMappingURL=auro-input.d.ts.map

package/components/input/dist/base-input.d.ts

@@ -25,7 +25,7 @@ export default class BaseInput extends LitElement {
             reflect: boolean;
         };
         /**
-         * An enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user. [off/none, on/sentences, words, characters]
+         * An enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user. [off/none, on/sentences, words, characters].
          */
         autocapitalize: {
             type: StringConstructor;
@@ -49,6 +49,9 @@ export default class BaseInput extends LitElement {
         disabled: {
             type: BooleanConstructor;
         };
+        /**
+         * When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value.
+         */
         error: {
             type: StringConstructor;
             reflect: boolean;
@@ -59,6 +62,13 @@ export default class BaseInput extends LitElement {
         errorMessage: {
             type: StringConstructor;
         };
+        /**
+         * Specifies the input mask format.
+         */
+        format: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
         /**
          * If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.
          */
@@ -211,7 +221,7 @@ export default class BaseInput extends LitElement {
             type: StringConstructor;
         };
         /**
-         * Populates the `type` attribute on the input. Allowed values are `password`, `email`, `credit-card`, `month-day-year`, `month-year`, `year-month-day` or `text`. If given value is not allowed or set, defaults to `text`.
+         * Populates the `type` attribute on the input. Allowed values are `password`, `email`, `credit-card`, `date`, `tel` or `text`. If given value is not allowed or set, defaults to `text`.
          */
         type: {
             type: StringConstructor;
@@ -254,6 +264,7 @@ export default class BaseInput extends LitElement {
      * @returns {void}
      */
     private privateDefaults;
+    util: AuroInputUtilities;
     validation: AuroFormValidation;
     inputIconName: any;
     showPassword: any;
@@ -261,19 +272,38 @@ export default class BaseInput extends LitElement {
     hasValue: boolean;
     label: string;
     allowedInputTypes: string[];
-    dateInputTypes: string[];
-    autoFormattingTypes: string[];
     /**
      * Credit Card is not included as this caused cursor placement issues.
      * The Safari issue.
      */
     setSelectionInputTypes: string[];
+    dateFormatMap: {
+        'mm/dd/yyyy': string;
+        'dd/mm/yyyy': string;
+        'yyyy/mm/dd': string;
+        'yyyy/dd/mm': string;
+        'mm/yy': string;
+        'yy/mm': string;
+        'mm/yyyy': string;
+        'yyyy/mm': string;
+        yy: string;
+        yyyy: string;
+        mm: string;
+        dd: string;
+        'dd/mm': string;
+        'mm/dd': string;
+    };
     uniqueId: string;
     firstUpdated(): void;
     inputElement: HTMLInputElement;
     labelElement: HTMLLabelElement;
+    format: any;
     ValidityMessageOverride: any;
-    cursorPosition: number;
+    /**
+     * @private
+     * @returns {void} Sets the default help text for the input.
+     */
+    private setCustomHelpTextMessage;
     /**
      * LitElement lifecycle method. Called after the DOM has been updated.
      * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
@@ -283,14 +313,19 @@ export default class BaseInput extends LitElement {
     autocorrect: any;
     /**
      * @private
-     * @returns {void} Handles cursor position when input auto-formats.
+     * @returns {void} Notify validity state changed via event.
      */
-    private autoFormatHandling;
+    private notifyValidityChange;
     /**
+     * Sets up IMasks and logic based on auto-formatting requirements.
      * @private
-     * @returns {void} Notify validity state changed via event.
+     * @returns {void}
      */
-    private notifyValidityChange;
+    private configureAutoFormatting;
+    maskInstance: import("imask").InputMask<import("imask").FactoryArg>;
+    value: string;
+    formattedDate: any;
+    comparisonDate: any;
     /**
      * @private
      * @returns {string}
@@ -321,7 +356,6 @@ export default class BaseInput extends LitElement {
      * @return {void}
      */
     private handleClickClear;
-    value: string;
     /**
      * @private
      * @return {void}
@@ -347,10 +381,10 @@ export default class BaseInput extends LitElement {
      */
     private getActiveElement;
     /**
-     * Public method force validation of input.
-     * @returns {void}
+     * Validates value.
+     * @param {boolean} [force=false] - Whether to force validation.
      */
-    validate(): void;
+    validate(force?: boolean): void;
     /**
      * Resets component to initial state.
      * @returns {void}
@@ -362,7 +396,7 @@ export default class BaseInput extends LitElement {
      * @returns {void}
      */
     private configureDataForType;
-    dateStrLength: number;
+    lengthForType: any;
     /**
      * Validates against list of supported this.allowedInputTypes; return type=text if invalid request.
      * @private
@@ -373,7 +407,6 @@ export default class BaseInput extends LitElement {
     /**
      * Determines default help text string.
      * @private
-     * @param {string} type Value entered into component prop.
      * @returns {string} Evaluates pre-determined help text.
      */
     private getHelpText;
@@ -416,5 +449,5 @@ export default class BaseInput extends LitElement {
     private matchInputValueToCreditCard;
 }
 import { LitElement } from "lit";
+import { AuroInputUtilities } from "./utilities.js";
 import AuroFormValidation from '@auro-formkit/form-validation';
-//# sourceMappingURL=base-input.d.ts.map

package/components/input/dist/buttonVersion.d.ts

@@ -1,3 +1,2 @@
 declare const _default: "8.2.2";
 export default _default;
-//# sourceMappingURL=buttonVersion.d.ts.map

package/components/input/dist/helptextVersion.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "1.0.0";
+export default _default;

package/components/input/dist/i18n.d.ts

@@ -16,4 +16,3 @@ export function notifyOnLangChange(element: object): void;
  * @param {object} element - Pass in the scope of the element in use.
  */
 export function stopNotifyingOnLangChange(element: object): void;
-//# sourceMappingURL=i18n.d.ts.map

package/components/input/dist/iconVersion.d.ts

@@ -1,3 +1,2 @@
 declare const _default: "6.1.2";
 export default _default;
-//# sourceMappingURL=iconVersion.d.ts.map

package/components/input/dist/index.d.ts

@@ -1,3 +1,2 @@
 export { AuroInput };
 import { AuroInput } from './auro-input.js';
-//# sourceMappingURL=index.d.ts.map