@momentum-design/components 0.53.0 → 0.53.2

package/dist/custom-elements.json

@@ -3022,20 +3022,6 @@
                 "module": "utils/mixins/FormInternalsMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "`mdc-input-${uuidv4()}`",
-              "description": "The unique id of the input field. It is used to link the input field with the label.",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "dataAriaLabel",
@@ -3094,6 +3080,20 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The unique id of the input field. It is used to link the input field with the label.",
+              "attribute": "id",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpTextType",
@@ -7585,7 +7585,7 @@
             {
               "kind": "method",
               "name": "handleKeyDown",
-              "privacy": "private",
+              "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
@@ -7622,13 +7622,19 @@
             {
               "kind": "method",
               "name": "clearInputText",
-              "privacy": "private",
+              "privacy": "protected",
               "description": "Clears the input field."
             },
             {
               "kind": "method",
               "name": "renderTrailingButton",
               "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "show",
+                  "default": "false"
+                }
+              ],
               "description": "Renders the trailing button to clear the input field if the trailingButton is set to true.",
               "return": {
                 "type": {
@@ -7646,6 +7652,10 @@
                   "type": {
                     "text": "InputType"
                   }
+                },
+                {
+                  "name": "hidePlaceholder",
+                  "default": "false"
                 }
               ]
             },
@@ -7749,20 +7759,6 @@
                 "module": "utils/mixins/FormInternalsMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "`mdc-input-${uuidv4()}`",
-              "description": "The unique id of the input field. It is used to link the input field with the label.",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "dataAriaLabel",
@@ -7821,6 +7817,20 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The unique id of the input field. It is used to link the input field with the label.",
+              "attribute": "id",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpTextType",
@@ -9755,15 +9765,6 @@
                 "module": "utils/mixins/FormInternalsMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "id",
-              "default": "`mdc-input-${uuidv4()}`",
-              "inheritedFrom": {
-                "name": "FormInternalsMixin",
-                "module": "utils/mixins/FormInternalsMixin.js"
-              }
-            },
             {
               "kind": "field",
               "name": "dataAriaLabel",
@@ -13025,20 +13026,6 @@
                 "module": "utils/mixins/FormInternalsMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "`mdc-input-${uuidv4()}`",
-              "description": "The unique id of the input field. It is used to link the input field with the label.",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "dataAriaLabel",
@@ -13097,6 +13084,20 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The unique id of the input field. It is used to link the input field with the label.",
+              "attribute": "id",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpTextType",
@@ -13976,12 +13977,41 @@
                 "text": "Array<HTMLElement> | undefined"
               }
             },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  },
+                  "description": "Keyboard event"
+                }
+              ],
+              "description": "Handles the keydown event of the search field.\nIf the key pressed is 'Enter', it submits the form.\nIf the key pressed is 'Escape', it clears the input text.",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "components/input/input.component.js"
+              }
+            },
             {
               "kind": "method",
               "name": "renderInputChips",
               "privacy": "private",
               "description": "This method is used to render the input chips inside filters slot.\nIt will remove any elements that are not input chips."
             },
+            {
+              "kind": "method",
+              "name": "clearInputText",
+              "privacy": "protected",
+              "description": "Clears the input field.",
+              "inheritedFrom": {
+                "name": "Input",
+                "module": "components/input/input.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "name",
@@ -14082,20 +14112,6 @@
                 "module": "utils/mixins/FormInternalsMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "`mdc-input-${uuidv4()}`",
-              "description": "The unique id of the input field. It is used to link the input field with the label.",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "dataAriaLabel",
@@ -14381,25 +14397,6 @@
                 "module": "components/input/input.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  },
-                  "description": "Keyboard event"
-                }
-              ],
-              "description": "Handles the keydown event of the input field.\nIf the key pressed is 'Enter', it submits the form.",
-              "inheritedFrom": {
-                "name": "Input",
-                "module": "components/input/input.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "renderLeadingIcon",
@@ -14430,20 +14427,16 @@
                 "module": "components/input/input.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "clearInputText",
-              "privacy": "private",
-              "description": "Clears the input field.",
-              "inheritedFrom": {
-                "name": "Input",
-                "module": "components/input/input.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "renderTrailingButton",
               "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "show",
+                  "default": "false"
+                }
+              ],
               "description": "Renders the trailing button to clear the input field if the trailingButton is set to true.",
               "return": {
                 "type": {
@@ -14465,6 +14458,10 @@
                   "type": {
                     "text": "InputType"
                   }
+                },
+                {
+                  "name": "hidePlaceholder",
+                  "default": "false"
                 }
               ],
               "inheritedFrom": {
@@ -14515,6 +14512,20 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The unique id of the input field. It is used to link the input field with the label.",
+              "attribute": "id",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpTextType",
@@ -15616,20 +15627,6 @@
                 "module": "utils/mixins/FormInternalsMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "`mdc-input-${uuidv4()}`",
-              "description": "The unique id of the input field. It is used to link the input field with the label.",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "dataAriaLabel",
@@ -15688,6 +15685,20 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The unique id of the input field. It is used to link the input field with the label.",
+              "attribute": "id",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpTextType",
@@ -17455,20 +17466,6 @@
                 "module": "utils/mixins/FormInternalsMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "`mdc-input-${uuidv4()}`",
-              "description": "The unique id of the input field. It is used to link the input field with the label.",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "dataAriaLabel",
@@ -17527,6 +17524,20 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The unique id of the input field. It is used to link the input field with the label.",
+              "attribute": "id",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpTextType",
@@ -18341,20 +18352,6 @@
                 "module": "utils/mixins/FormInternalsMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "`mdc-input-${uuidv4()}`",
-              "description": "The unique id of the input field. It is used to link the input field with the label.",
-              "attribute": "id",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "dataAriaLabel",
@@ -18413,6 +18410,20 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The unique id of the input field. It is used to link the input field with the label.",
+              "attribute": "id",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "components/formfieldwrapper/formfieldwrapper.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "helpTextType",
@@ -21344,11 +21355,6 @@
             {
               "kind": "method",
               "name": "reportValidity"
-            },
-            {
-              "kind": "field",
-              "name": "id",
-              "default": "`mdc-input-${uuidv4()}`"
             }
           ],
           "attributes": [

package/dist/utils/mixins/FormInternalsMixin.js

@@ -11,18 +11,8 @@ import { property, query } from 'lit/decorators.js';
 import { v4 as uuidv4 } from 'uuid';
 export const FormInternalsMixin = (superClass) => {
     class InnerMixinClass extends superClass {
-        /** @internal */
-        get form() {
-            return this.internals.form;
-        }
-        get validity() {
-            return this.internals.validity;
-        }
-        get willValidate() {
-            return this.internals.willValidate;
-        }
-        constructor(...args) {
-            super(args);
+        constructor() {
+            super(...arguments);
             /**
          * Indicates the name of the component group.
          * They are used to group elements in a form together.
@@ -36,6 +26,20 @@ export const FormInternalsMixin = (superClass) => {
             this.value = '';
             /** @internal */
             this.internals = this.attachInternals();
+        }
+        /** @internal */
+        get form() {
+            return this.internals.form;
+        }
+        get validity() {
+            return this.internals.validity;
+        }
+        get willValidate() {
+            return this.internals.willValidate;
+        }
+        connectedCallback() {
+            super.connectedCallback();
+            /** @internal */
             this.id = `mdc-input-${uuidv4()}`;
         }
         /**

package/package.json

@@ -39,5 +39,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.53.0"
+  "version": "0.53.2"
 }