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

Comparing version 1.0.0-beta.0 to 1.0.0-beta.1

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+# [1.0.0-beta.1](https://github.com/firstcoders/player-button-element/compare/@firstcoders/player-button-element@1.0.0-beta.0...@firstcoders/player-button-element@1.0.0-beta.1) (2025-02-26)
+
+
+### Features
+
+* **player-button-element:** add focus button color css var ([c336e70](https://github.com/firstcoders/player-button-element/commit/c336e70141998ccfc5d870b42d858cc503493070))
+* **player-button-element:** added collapse ([0cf5cac](https://github.com/firstcoders/player-button-element/commit/0cf5caccf2c33ac651b3684d7396e6addb72de69))
+
+
+
+
+
 # [1.0.0-beta.0](https://github.com/firstcoders/player-button-element/compare/@firstcoders/player-button-element@0.3.1-beta.0...@firstcoders/player-button-element@1.0.0-beta.0) (2025-01-02)
@@ -8,0 +20,0 @@

custom-elements.json

@@ -186,3 +186,3 @@ {
           "name": "zoomin",
-          "default": "html` <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\" > <path d=\"M0 0h24v24H0V0z\" fill=\"none\" /> <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" /> <path d=\"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z\" /> </svg>`"
+          "default": "html`<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\" > <path d=\"M0 0h24v24H0V0z\" fill=\"none\" /> <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" /> <path d=\"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z\" /> </svg>`"
         },
@@ -192,3 +192,13 @@ {
           "name": "zoomout",
-          "default": "html` <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\" > <path d=\"M0 0h24v24H0V0z\" fill=\"none\" /> <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z\" /> </svg>`"
+          "default": "html`<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\" > <path d=\"M0 0h24v24H0V0z\" fill=\"none\" /> <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z\" /> </svg>`"
+        },
+        {
+          "kind": "variable",
+          "name": "unfoldmore",
+          "default": "html`<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#5f6368\" > <path d=\"M480-120 300-300l58-58 122 122 122-122 58 58-180 180ZM358-598l-58-58 180-180 180 180-58 58-122-122-122 122Z\" /> </svg>`"
+        },
+        {
+          "kind": "variable",
+          "name": "unfoldless",
+          "default": "html`<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#5f6368\" > <path d=\"m356-160-56-56 180-180 180 180-56 56-124-124-124 124Zm124-404L300-744l56-56 124 124 124-124 56 56-180 180Z\" /> </svg>`"
         }
@@ -300,2 +310,18 @@ ],
           }
+        },
+        {
+          "kind": "js",
+          "name": "unfoldmore",
+          "declaration": {
+            "name": "unfoldmore",
+            "module": "src/assets/icons.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "unfoldless",
+          "declaration": {
+            "name": "unfoldless",
+            "module": "src/assets/icons.js"
+          }
         }
@@ -302,0 +328,0 @@ ]

package.json

@@ -7,3 +7,3 @@ {
   "license": "MIT",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.1",
   "type": "module",
@@ -37,3 +37,3 @@ "main": "index.js",
   "devDependencies": {
-    "@babel/core": "^7.25.2",
+    "@babel/core": "^7.26.8",
     "@custom-elements-manifest/analyzer": "^0.10.3",
@@ -72,3 +72,3 @@ "@open-wc/eslint-config": "^12.0.3",
   },
-  "gitHead": "493752a3d4889823057b27e42afb753172227e90"
+  "gitHead": "21550826a81f34d7e47ec0365199f85c23e85e5b"
 }

src/assets/icons.js

@@ -123,3 +123,3 @@ /**
 
-export const zoomin = html` <svg
+export const zoomin = html`<svg
   xmlns="http://www.w3.org/2000/svg"
@@ -138,3 +138,3 @@ height="24px"
 
-export const zoomout = html` <svg
+export const zoomout = html`<svg
   xmlns="http://www.w3.org/2000/svg"
@@ -151,1 +151,25 @@ height="24px"
 </svg>`;
+
+export const unfoldmore = html`<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="24px"
+  viewBox="0 -960 960 960"
+  width="24px"
+  fill="#5f6368"
+>
+  <path
+    d="M480-120 300-300l58-58 122 122 122-122 58 58-180 180ZM358-598l-58-58 180-180 180 180-58 58-122-122-122 122Z"
+  />
+</svg>`;
+
+export const unfoldless = html`<svg
+  xmlns="http://www.w3.org/2000/svg"
+  height="24px"
+  viewBox="0 -960 960 960"
+  width="24px"
+  fill="#5f6368"
+>
+  <path
+    d="m356-160-56-56 180-180 180 180-56 56-124-124-124 124Zm124-404L300-744l56-56 124 124 124-124 56 56-180 180Z"
+  />
+</svg>`;

src/FcPlayerButton.js

@@ -55,2 +55,6 @@ import { html, css, LitElement } from 'lit';
         }
+
+        button:focus svg {
+          fill: var(--fc-player-button-focus-color, initial);
+        }
       `,
@@ -57,0 +61,0 @@ ];

No alert changes

Improved metrics

Total package byte prevSize

34459

7.24%

Lines of code

667

8.28%

No dependency changes