@aurodesignsystem-dev/auro-tail 0.0.0-pr27.1 → 0.0.0-pr27.3

package/demo/api.md

@@ -196,8 +196,6 @@ Set the `tail` attribute to insert a tail graphic from the `<auro-icon>` reposit
 
 Tail codes from `<auro-icon>` are expected to be UPPERCASE (e.g., `AS`, not `as`).
 
-The `tail` attribute is required.
-
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/tail.html) -->
   <!-- The below content is automatically added from ../apiExamples/tail.html -->
@@ -223,15 +221,15 @@ The `tail` attribute is required.
 
 When the `tail` attribute is omitted or an unrecognized tail code is provided, `<auro-tail>` gracefully falls back to a default tail livery graphic rather than showing a broken icon.
 
-- **No `tail` attribute** — the underlying `<auro-icon>` receives no `name` and renders the default tail livery.
-- **Invalid tail code** (e.g., `tail="INVALID"`) — the icon cannot resolve the requested graphic and falls back to the default tail livery via the `tailFallback` behavior built into `<auro-icon>`.
+- **No `tail` attribute** — renders the default tail livery.
+- **Invalid tail code** (e.g., `tail="INVALID"`) — falls back to the default tail livery.
 
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/fallback.html) -->
   <!-- The below content is automatically added from ../apiExamples/fallback.html -->
-  <!-- No tail attribute: the icon has no name and tailFallback renders the default tail livery -->
+  <!-- No tail attribute: renders the default tail livery -->
   <auro-tail></auro-tail>
-  <!-- Invalid tail code: the icon cannot find "tail-INVALID" and tailFallback renders the default tail livery -->
+  <!-- Invalid tail code: falls back to the default tail livery -->
   <auro-tail tail="INVALID"></auro-tail>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -241,9 +239,9 @@ When the `tail` attribute is omitted or an unrecognized tail code is provided, `
 <!-- The below code snippet is automatically added from ../apiExamples/fallback.html -->
 
 ```html
-<!-- No tail attribute: the icon has no name and tailFallback renders the default tail livery -->
+<!-- No tail attribute: renders the default tail livery -->
 <auro-tail></auro-tail>
-<!-- Invalid tail code: the icon cannot find "tail-INVALID" and tailFallback renders the default tail livery -->
+<!-- Invalid tail code: falls back to the default tail livery -->
 <auro-tail tail="INVALID"></auro-tail>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->

package/demo/auro-tail-group.min.js

@@ -665,7 +665,7 @@ class AuroTail extends i$1 {
     const tailContent = u$3`
       <div class="border">
         <div class="container" part="container" role="img" aria-label=${ariaLabel}>
-          <${this.iconTag} category="logos" name=${o$2(this.tail ? `tail-${this.tail.toUpperCase()}` : undefined)} tailFallback></${this.iconTag}>
+          <${this.iconTag} category="logos" name=${this.tail ? `tail-${this.tail.toUpperCase()}` : 'tail-DEFAULT'}></${this.iconTag}>
         </div>
         ${badge?.icon ? u$3`<div class="badge">${badge.icon()}</div>` : null}
       </div>

package/dist/{auro-tail-group-D7HcAS9m.js → auro-tail-group-BQfA7yu8.js}

@@ -161,7 +161,7 @@ import{unsafeStatic as e,literal as t,html as a}from"lit/static-html.js";import{
 `;class Oe extends o{static isAuroTail=!0;static get styles(){return[De]}static get properties(){return{badge:{type:String},href:{type:String,attribute:"href"},size:{type:String,reflect:!0},tail:{type:String},variant:{type:String,reflect:!0}}}static register(e="auro-tail"){u.prototype.registerComponent(e,Oe)}#e(){this.size="lg"}constructor(){super(),this.#e(),this._carrierType="oa";const e=new h;this.iconTag=e.generateTag("auro-icon","9.1.1",ye),this.hyperlinkTag=e.generateTag("auro-hyperlink","7.1.0",ue),this.runtimeUtils=new u}get carrierType(){const e={aag:["as","ha"],oa:["oa"]},t=this.tail?.toLowerCase();for(const[a,r]of Object.entries(e))if(r.includes(t))return a;return"oa"}_findParentGroup(){let e=this.parentElement;for(;e;){if(He(e))return e;e=e.parentElement}return null}get isInGroup(){return!!this._findParentGroup()}get isInHorizontalGroup(){const e=this._findParentGroup();return!!e&&"horizontal"===e.getAttribute("layout")}get isInDiagonalGroup(){const e=this._findParentGroup();return!!e&&"diagonal"===e.getAttribute("layout")}get badgeConfig(){return this.badge&&!this.isInGroup&&ke.includes(this.size)?we[this.badge]:void 0}get shouldShowLink(){return!!this.href&&!this.isInGroup&&ze.includes(this.size)}get labelTypeClass(){return{md:"body-xs",lg:"body-sm",xl:"body-default","2xl":"body-lg"}[this.size]||"body-sm"}connectedCallback(){super.connectedCallback()}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-tail")}updated(e){e.has("tail")&&(this._carrierType=this.carrierType,this.dataset.carrierType=this.carrierType),super.updated(e)}render(){const e=this.badgeConfig,t=e?function(e,t={}){return e.replace(/\{(\w+)\}/g,(e,a)=>a in t?t[a]:e)}(Be,{badgeAlt:e.alt}):Se,r=a`
       <div class="border">
         <div class="container" part="container" role="img" aria-label=${t}>
-          <${this.iconTag} category="logos" name=${n(this.tail?`tail-${this.tail.toUpperCase()}`:void 0)} tailFallback></${this.iconTag}>
+          <${this.iconTag} category="logos" name=${this.tail?`tail-${this.tail.toUpperCase()}`:"tail-DEFAULT"}></${this.iconTag}>
         </div>
         ${e?.icon?a`<div class="badge">${e.icon()}</div>`:null}
       </div>

package/dist/index.js

@@ -1 +1 @@
-export{A as AuroTail,a as AuroTailGroup}from"./auro-tail-group-D7HcAS9m.js";import"lit/static-html.js";import"lit";import"lit/directives/if-defined.js";import"lit/directives/class-map.js";import"lit/directives/ref.js";
+export{A as AuroTail,a as AuroTailGroup}from"./auro-tail-group-BQfA7yu8.js";import"lit/static-html.js";import"lit";import"lit/directives/if-defined.js";import"lit/directives/class-map.js";import"lit/directives/ref.js";

package/dist/registered.js

@@ -1 +1 @@
-import{A as i,a as t}from"./auro-tail-group-D7HcAS9m.js";import"lit/static-html.js";import"lit";import"lit/directives/if-defined.js";import"lit/directives/class-map.js";import"lit/directives/ref.js";i.register(),t.register();
+import{A as i,a as t}from"./auro-tail-group-BQfA7yu8.js";import"lit/static-html.js";import"lit";import"lit/directives/if-defined.js";import"lit/directives/class-map.js";import"lit/directives/ref.js";i.register(),t.register();

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-tail",
-  "version": "0.0.0-pr27.1",
+  "version": "0.0.0-pr27.3",
   "description": "auro-tail HTML custom element",
   "repository": {
     "type": "git",
@@ -24,6 +24,7 @@
     "lit": "^3.3.2"
   },
   "devDependencies": {
+    "@alaskaairux/icons": "^5.23.0",
     "@aurodesignsystem/auro-cli": "^3.6.0",
     "@aurodesignsystem/auro-config": "^1.3.1",
     "@aurodesignsystem/auro-hyperlink": "^8.0.2",