@kodaris/krubble-app-components 1.0.82 → 1.0.84

package/dist/krubble-app.umd.js

@@ -7125,39 +7125,21 @@
             ${skill.description ? b `
               <span class="skill-card__desc">${skill.description}</span>
             ` : A}
-            ${global ? this._renderSkillToggle(skill) : A}
+            ${global ? b `
+              <div class="skill-card__footer">
+                <span class="skill-card__price">Free</span>
+                <kr-button
+                  class="skill-card__install-btn"
+                  size="small"
+                  variant=${skill.enabled ? 'outline' : 'flat'}
+                  color=${skill.enabled ? 'secondary' : 'primary'}
+                  @click=${(e) => this._handleGlobalSkillEnable(skill, e)}
+                >${skill.enabled ? 'Uninstall' : 'Install'}</kr-button>
+              </div>
+            ` : A}
           </div>
         `)}
       </div>
-    `;
-      }
-      /** Keep a click on the card footer from bubbling to the card's insert handler. */
-      _stopFooterClick(e) {
-          e.stopPropagation();
-      }
-      /**
-       * The install affordance on a global skill card: a footer row with an
-       * install/remove button. The button owns its own spinner via KRButton's
-       * showLoading()/showError() while the enable/disable request is in flight, so
-       * the async call has clear feedback. Clicks are stopped from bubbling so the
-       * button never also inserts the skill (the card body does that).
-       */
-      _renderSkillToggle(skill) {
-          const on = !!skill.enabled;
-          return b `
-      <div
-        class="skill-card__footer"
-        @click=${this._stopFooterClick}
-      >
-        <span class="skill-card__price">Free</span>
-        <kr-button
-          class="skill-card__install-btn"
-          size="small"
-          variant=${on ? 'outline' : 'flat'}
-          color=${on ? 'secondary' : 'primary'}
-          @click=${(e) => this._handleGlobalSkillEnable(skill, e)}
-        >${on ? 'Uninstall' : 'Install'}</kr-button>
-      </div>
     `;
       }
       /**