feat: add tag name as attribute when custom registered

src/auro-toast.js

@@ -19,6 +19,8 @@ import successIcon from '@alaskaairux/icons/dist/icons/interface/check-stroke.mj
 import errorIcon from '@alaskaairux/icons/dist/icons/alert/error-stroke.mjs';
 import infoIcon from '@alaskaairux/icons/dist/icons/alert/information-stroke.mjs';
 
+import AuroLibraryRuntimeUtils from '@aurodesignsystem/auro-library/scripts/utils/runtimeUtils.mjs';
+
 import { AuroDependencyVersioning } from '@aurodesignsystem/auro-library/scripts/runtime/dependencyTagVersioning.mjs';
 
 import { AuroButton } from '@aurodesignsystem/auro-button/src/auro-button.js';
@@ -65,6 +67,7 @@ export class AuroToast extends LitElement {
      * @private
      */
     this.successSvg = this.successDom.body.firstChild;
+
     this.successSvg.setAttribute('slot', 'svg');
 
     /**
@@ -101,6 +104,11 @@ export class AuroToast extends LitElement {
      */
     this.iconTag = versioning.generateTag('auro-icon', iconVersion, AuroIcon);
 
+    /**
+     * @private
+     */
+    this.runtimeUtils = new AuroLibraryRuntimeUtils();
+
     /**
      * @private
      */
@@ -135,6 +143,11 @@ export class AuroToast extends LitElement {
     ];
   }
 
+  firstUpdated() {
+    // Add the tag name as an attribute if it is different than the component name
+    this.runtimeUtils.handleComponentTagRename(this, 'auro-toast');
+  }
+
   /**
    * @private
    * @returns {void}