@kumori/aurora-wui-components 0.0.269-dev4124.16 → 0.0.269-dev4124.18

package/dist/components/axebow-summary/axebow-summary-step-header.d.ts

@@ -9,8 +9,6 @@ export declare class AxebowSummaryStepHeader extends LitElement {
     isEditing: boolean;
     editLabel: string;
     editingLabel: string;
-    /** Whether the user has reached this step yet - unreached steps show greyed
-     *  out with no expand affordance, but still show their title/divider. */
     enabled: boolean;
     render(): import('lit-html').TemplateResult<1>;
     private _handleToggle;

package/dist/components/axebow-summary/axebow-summary-step-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-summary-step-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-summary-step-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,+BAA+B,CAAC;AACvC,OAAO,qEAAqE,CAAC;AAE7E,qBACa,uBAAwB,SAAQ,UAAU;IACrD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,UAAU,EAAG,MAAM,CAAC;IACpB,SAAS,SAAM;IACd,KAAK,UAAS;IACd,SAAS,UAAS;IAClB,OAAO,UAAQ;IACf,SAAS,UAAS;IACnB,SAAS,SAAU;IACnB,YAAY,SAAa;IACrD;6EACyE;IAC5C,OAAO,UAAQ;IAE5C,MAAM;IAmDN,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,WAAW;CAGpB"}
+{"version":3,"file":"axebow-summary-step-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-summary-step-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,+BAA+B,CAAC;AAEvC,qBACa,uBAAwB,SAAQ,UAAU;IACrD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,UAAU,EAAG,MAAM,CAAC;IACpB,SAAS,SAAM;IACd,KAAK,UAAS;IACd,SAAS,UAAS;IAClB,OAAO,UAAQ;IACf,SAAS,UAAS;IACnB,SAAS,SAAU;IACnB,YAAY,SAAa;IACxB,OAAO,UAAQ;IAE5C,MAAM;IAoDN,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,WAAW;CAGpB"}

package/dist/index.js

@@ -24,7 +24,6 @@ import "@shoelace-style/shoelace/dist/components/icon/icon.js";
 import "@shoelace-style/shoelace/dist/components/badge/badge.js";
 import "@shoelace-style/shoelace/dist/components/spinner/spinner.js";
 import { Chart } from "chart.js/auto";
-import "@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";
 import "@shoelace-style/shoelace/dist/components/card/card.js";
 import "@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.js";
 //#region src/styles/axebow-theme.ts
@@ -10358,18 +10357,21 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
       <div class="flex gap-2 items-center justify-between">
         <div class="flex items-center gap-0.5 min-w-0">
           ${this.valid && this.enabled ? html`
-                <sl-icon-button
-                  name="${this.collapsed ? "arrows-expand" : "arrows-collapse"}"
-                  class="text-(--axebow-tertiary) shrink-0"
+                <axebow-icon
+                  iconName="${this.collapsed ? "expand_all" : "collapse_all"}"
+                  iconColor="var(--axebow-tertiary)"
+                  size="md"
+                  clickable
+                  class="shrink-0"
                   @click=${this._handleToggle}
-                ></sl-icon-button>
+                ></axebow-icon>
               ` : ""}
           <h5
             class="my-2 min-w-0 flex-1 truncate text-base uppercase ${this.enabled ? "font-semibold" : "font-normal text-(--axebow-gray)"}"
           >
             STEP ${this.stepNumber}: ${this.stepTitle}
           </h5>
-          ${this.valid && this.enabled ? html`<axebow-icon
+          ${this.valid && this.enabled && !this.isEditing ? html`<axebow-icon
                 class="shrink-0"
                 iconName="check_circle"
                 iconColor="var(--axebow-success)"
@@ -10378,11 +10380,11 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
         </div>
         <div class="flex items-center gap-2 shrink-0">
           ${this.isEditing ? html`<span class="w-11.25 h-4.25 shrink-0 text-base text-(--axebow-gray)">${this.editingLabel}</span>` : ""}
-          ${this.enabled && this.valid && this.canEdit ? html`
+          ${this.enabled && this.valid && this.canEdit && !this.isEditing ? html`
                 <div
-                  class="w-4.5 h-4.5 shrink-0 flex items-center justify-center ${this.isEditing ? "opacity-50" : "cursor-pointer"}"
-                  title="${this.isEditing ? this.editingLabel : this.editLabel}"
-                  @click=${this.isEditing ? void 0 : this._handleEdit}
+                  class="w-4.5 h-4.5 shrink-0 flex items-center justify-center cursor-pointer"
+                  title="${this.editLabel}"
+                  @click=${this._handleEdit}
                 >
                   <axebow-icon iconName="edit_square" iconColor="var(--axebow-tertiary)" size="md"></axebow-icon>
                 </div>