ninja-keys - npm Package Compare versions

Comparing version 1.1.3 to 1.1.4

dist/ninja-action.js

@@ -69,7 +69,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         return html `
-      <slot class="ninja-action" class=${classMap(classes)}>
+      <div class="ninja-action" part="ninja-action ${this.selected ? 'ninja-selected' : ''}" class=${classMap(classes)}>
         ${icon}
         <div class="ninja-title">${this.action.title}</div>
         ${hotkey}
-      </slot>
+      </div>
     `;
@@ -81,2 +81,3 @@ }
       display: flex;
+      width: 100%;
     }
@@ -91,2 +92,3 @@ .ninja-action {
       transition: color 0s ease 0s;
+      width: 100%;
     }
@@ -103,6 +105,2 @@ .ninja-action.selected {
     }
-    slot {
-      display: flex;
-      width: 100%;
-    }
     .ninja-icon {
@@ -109,0 +107,0 @@ font-size: var(--ninja-icon-size);

dist/ninja-keys.js

@@ -296,3 +296,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             var _a;
-            return html `<ninja-action
+            return html `<ninja-action exportparts="ninja-action,ninja-selected"
             .selected=${live(action.id === ((_a = this._selected) === null || _a === void 0 ? void 0 : _a.id))}
@@ -313,3 +313,3 @@ .hotKeysJoinedView=${this.hotKeysJoinedView}
         return html `
-      <div @click=${this._overlayClick} class=${classMap(menuClasses)}>
+      <div @click=${this._overlayClick} class=${classMap(menuClasses)} >
         <div class=${classMap(classes)} @animationend=${this._onTransitionEnd}>
@@ -327,3 +327,3 @@ <ninja-header
           <div class="modal-body">
-            <div class="actions-list">${itemTemplates}</div>
+            <div class="actions-list" part="actions-list">${itemTemplates}</div>
           </div>
@@ -330,0 +330,0 @@ <slot name="footer"> ${footerHtml} </slot>

package.json

 {
   "name": "ninja-keys",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Ninja Keys",
@@ -5,0 +5,0 @@ "main": "dist/ninja-keys.js",

src/ninja-action.ts

@@ -13,2 +13,3 @@ import {LitElement, html, css, } from 'lit';
       display: flex;
+      width: 100%;
     }
@@ -23,2 +24,3 @@ .ninja-action {
       transition: color 0s ease 0s;
+      width: 100%;
     }
@@ -35,6 +37,2 @@ .ninja-action.selected {
     }
-    slot {
-      display: flex;
-      width: 100%;
-    }
     .ninja-icon {
@@ -146,7 +144,7 @@ font-size: var(--ninja-icon-size);
     return html`
-      <slot class="ninja-action" class=${classMap(classes)}>
+      <div class="ninja-action" part="ninja-action ${this.selected ? 'ninja-selected' : ''}" class=${classMap(classes)}>
         ${icon}
         <div class="ninja-title">${this.action.title}</div>
         ${hotkey}
-      </slot>
+      </div>
     `;
@@ -153,0 +151,0 @@ }

src/ninja-keys.ts

@@ -352,3 +352,3 @@ import {LitElement, html, TemplateResult, PropertyValues} from 'lit';
         (action) =>
-          html`<ninja-action
+          html`<ninja-action exportparts="ninja-action,ninja-selected"
             .selected=${live(action.id === this._selected?.id)}
@@ -372,3 +372,3 @@ .hotKeysJoinedView=${this.hotKeysJoinedView}
     return html`
-      <div @click=${this._overlayClick} class=${classMap(menuClasses)}>
+      <div @click=${this._overlayClick} class=${classMap(menuClasses)} >
         <div class=${classMap(classes)} @animationend=${this._onTransitionEnd}>
@@ -387,3 +387,3 @@ <ninja-header
           <div class="modal-body">
-            <div class="actions-list">${itemTemplates}</div>
+            <div class="actions-list" part="actions-list">${itemTemplates}</div>
           </div>
@@ -390,0 +390,0 @@ <slot name="footer"> ${footerHtml} </slot>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

149540

increased by0.25%

Worsened metrics

Lines of code

2854

decreased by-0.14%

No dependency changes