done

packages/html/html-icons/rollup.config.js

@@ -12,7 +12,7 @@ module.exports = [
       sourcemap: true,
     },
     watch: {
-      clearScreen: false
+      clearScreen: false,
     },
     external: (id) => {
       // Don't externalize relative imports (starts with . or /)
@@ -24,7 +24,7 @@ module.exports = [
     },
     plugins: [
       resolve({
-        extensions: ['.js', '.jsx', '.ts', '.tsx']
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
       }),
       commonjs(),
       typescript({
@@ -43,7 +43,7 @@ module.exports = [
       sourcemap: true,
     },
     watch: {
-      clearScreen: false
+      clearScreen: false,
     },
     external: (id) => {
       // Don't externalize relative imports (starts with . or /)
@@ -55,7 +55,7 @@ module.exports = [
     },
     plugins: [
       resolve({
-        extensions: ['.js', '.jsx', '.ts', '.tsx']
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
       }),
       commonjs(),
       typescript({

packages/html/html-icons/src/index.ts

@@ -4,4 +4,4 @@ export * as MediaVolumeHighIcon from './media-volume-high-icon.js';
 export * as MediaVolumeLowIcon from './media-volume-low-icon.js';
 export * as MediaVolumeOffIcon from './media-volume-off-icon.js';
 export * as MediaFullscreenEnterIcon from './media-fullscreen-enter-icon.js';
-export * as MediaFullscreenExitIcon from './media-fullscreen-exit-icon.js';
+export * as MediaFullscreenExitIcon from './media-fullscreen-exit-icon.js';

packages/html/html-icons/src/media-chrome-icon.ts

@@ -23,4 +23,4 @@ export class MediaChromeIcon extends HTMLElement {
       this.shadowRoot!.innerHTML = (this.constructor as typeof MediaChromeIcon).getTemplateHTML();
     }
   }
-}
+}

packages/html/html-icons/src/media-fullscreen-enter-icon.ts

@@ -1,6 +1,7 @@
-import { MediaChromeIcon } from './media-chrome-icon.js';
 import { SVG_ICONS } from '@vjs-10/icons';
 
+import { MediaChromeIcon } from './media-chrome-icon.js';
+
 export function getTemplateHTML() {
   return /* html */ `
     ${MediaChromeIcon.getTemplateHTML()}
@@ -17,4 +18,4 @@ export class MediaFullscreenEnterIcon extends MediaChromeIcon {
   static getTemplateHTML = getTemplateHTML;
 }
 
-customElements.define('media-fullscreen-enter-icon', MediaFullscreenEnterIcon);
+customElements.define('media-fullscreen-enter-icon', MediaFullscreenEnterIcon);

packages/html/html-icons/src/media-fullscreen-exit-icon.ts

@@ -1,6 +1,7 @@
-import { MediaChromeIcon } from './media-chrome-icon.js';
 import { SVG_ICONS } from '@vjs-10/icons';
 
+import { MediaChromeIcon } from './media-chrome-icon.js';
+
 export function getTemplateHTML() {
   return /* html */ `
     ${MediaChromeIcon.getTemplateHTML()}
@@ -17,4 +18,4 @@ export class MediaFullscreenExitIcon extends MediaChromeIcon {
   static getTemplateHTML = getTemplateHTML;
 }
 
-customElements.define('media-fullscreen-exit-icon', MediaFullscreenExitIcon);
+customElements.define('media-fullscreen-exit-icon', MediaFullscreenExitIcon);

packages/html/html-icons/src/media-pause-icon.ts

@@ -1,6 +1,7 @@
-import { MediaChromeIcon } from './media-chrome-icon.js';
 import { SVG_ICONS } from '@vjs-10/icons';
 
+import { MediaChromeIcon } from './media-chrome-icon.js';
+
 export function getTemplateHTML() {
   return /* html */ `
     ${MediaChromeIcon.getTemplateHTML()}
@@ -12,4 +13,4 @@ export class MediaPauseIcon extends MediaChromeIcon {
   static getTemplateHTML = getTemplateHTML;
 }
 
-customElements.define('media-pause-icon', MediaPauseIcon);
+customElements.define('media-pause-icon', MediaPauseIcon);

packages/html/html-icons/src/media-play-icon.ts

@@ -1,6 +1,7 @@
-import { MediaChromeIcon } from './media-chrome-icon.js';
 import { SVG_ICONS } from '@vjs-10/icons';
 
+import { MediaChromeIcon } from './media-chrome-icon.js';
+
 export function getTemplateHTML() {
   return /* html */ `
     ${MediaChromeIcon.getTemplateHTML()}
@@ -17,4 +18,4 @@ export class MediaPlayIcon extends MediaChromeIcon {
   static getTemplateHTML = getTemplateHTML;
 }
 
-customElements.define('media-play-icon', MediaPlayIcon);
+customElements.define('media-play-icon', MediaPlayIcon);

packages/html/html-icons/src/media-volume-high-icon.ts

@@ -1,7 +1,7 @@
-import { MediaChromeIcon } from './media-chrome-icon.js';
-
 import { SVG_ICONS } from '@vjs-10/icons';
 
+import { MediaChromeIcon } from './media-chrome-icon.js';
+
 export function getTemplateHTML() {
   return /* html */ `
     ${MediaChromeIcon.getTemplateHTML()}

packages/html/html-icons/src/media-volume-low-icon.ts

@@ -1,7 +1,7 @@
-import { MediaChromeIcon } from './media-chrome-icon.js';
-
 import { SVG_ICONS } from '@vjs-10/icons';
 
+import { MediaChromeIcon } from './media-chrome-icon.js';
+
 export function getTemplateHTML() {
   return /* html */ `
     ${MediaChromeIcon.getTemplateHTML()}

packages/html/html-icons/src/media-volume-off-icon.ts

@@ -1,7 +1,7 @@
-import { MediaChromeIcon } from './media-chrome-icon.js';
-
 import { SVG_ICONS } from '@vjs-10/icons';
 
+import { MediaChromeIcon } from './media-chrome-icon.js';
+
 export function getTemplateHTML() {
   return /* html */ `
     ${MediaChromeIcon.getTemplateHTML()}

packages/html/html-icons/tsconfig.build.json

@@ -10,4 +10,4 @@
     "incremental": false
   },
   "exclude": ["dist", "node_modules"]
-}
+}

packages/html/html-icons/tsconfig.json

@@ -6,4 +6,4 @@
   },
   "include": ["src/**/*"],
   "exclude": ["dist", "node_modules"]
-}
+}