@soundws/player-button-element - npm Package Compare versions

Comparing version 0.0.1 to 0.1.0-beta.0

CHANGELOG.md

@@ -6,2 +6,19 @@ # Change Log
 
+# [0.1.0-beta.0](https://github.com/sound-ws/player-button-element/compare/@soundws/player-button-element@0.0.1...@soundws/player-button-element@0.1.0-beta.0) (2024-03-06)
+
+
+### Bug Fixes
+
+* **player-button-element:** better disabled ([a929630](https://github.com/sound-ws/player-button-element/commit/a92963002b674c5b144291ffbaee06abb0939d39))
+
+
+### Features
+
+* **player-button-element:** added download and stems icon. disabled prop + styling ([4319b33](https://github.com/sound-ws/player-button-element/commit/4319b3303606b6c8fa7a758af88fb6515c43dcfb))
+* **player-button-element:** added downloading ([1a31bfc](https://github.com/sound-ws/player-button-element/commit/1a31bfc822307bce5bffe61010bf1e3052e78924))
+
+
+
+
+
 ## [0.0.1](https://github.com/sound-ws/player-button-element/compare/@soundws/player-button-element@0.0.1-beta.1...@soundws/player-button-element@0.0.1) (2024-02-29)
@@ -8,0 +25,0 @@

package.json

@@ -7,3 +7,3 @@ {
   "license": "MIT",
-  "version": "0.0.1",
+  "version": "0.1.0-beta.0",
   "type": "module",
@@ -70,3 +70,3 @@ "main": "index.js",
   },
-  "gitHead": "41cb210c7c533d3a43c142895760c002295af53d"
+  "gitHead": "430cfd6a085a2b30378f77d2c3f859c1e7e8449f"
 }

src/assets/icons.js

@@ -67,1 +67,34 @@ /**
 </svg>`;
+
+export const mix = html`<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="24"
+  viewBox="0 -960 960 960"
+  width="24"
+>
+  <path
+    d="M440-120v-240h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160v-240h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z"
+  />
+</svg>`;
+
+export const download = html`<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="24"
+  viewBox="0 -960 960 960"
+  width="24"
+>
+  <path
+    d="M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"
+  />
+</svg>`;
+
+export const downloading = html`<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="24"
+  viewBox="0 -960 960 960"
+  width="24"
+>
+  <path
+    d="M439-82q-76-8-141.5-42.5t-113.5-88Q136-266 108.5-335T81-481q0-155 102.5-268.5T440-880v80q-121 17-200 107.5T161-481q0 121 79 211.5T439-162v80Zm40-198L278-482l57-57 104 104v-245h80v245l103-103 57 58-200 200Zm40 198v-80q43-6 82.5-23t73.5-43l58 58q-47 37-101 59.5T519-82Zm158-652q-35-26-74.5-43T520-800v-80q59 6 113 28.5T733-792l-56 58Zm112 506-56-57q26-34 42-73.5t22-82.5h82q-8 59-30 113.5T789-228Zm8-293q-6-43-22-82.5T733-677l56-57q38 45 61 99.5T879-521h-82Z"
+  />
+</svg>`;

src/SoundwsPlayerButton.js

@@ -44,6 +44,10 @@ import { html, css, LitElement } from 'lit';
 
-        button:hover {
+        button:hover:not([disabled]) {
           opacity: 1;
         }
 
+        button:disabled {
+          opacity: 0.5;
+        }
+
         svg {
@@ -60,2 +64,3 @@ fill: var(--soundws-player-button-color, black);
       label: { type: String },
+      disabled: { type: Boolean },
     };
@@ -65,3 +70,7 @@ }
   render() {
-    return html`<button type="button" aria-label=${this.label || this.type}>
+    return html`<button
+      ?disabled=${this.disabled}
+      type="button"
+      aria-label=${this.label || this.type}
+    >
       <span aria-hidden="true">${icons[this.type]}</span>
@@ -68,0 +77,0 @@ </button>`;

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

15133

increased by16.64%

Lines of code

257

increased by17.89%

No dependency changes