ngx-dev-toolbar 1.0.2 → 1.0.4

package/src/components/icons/icon.component.ts

@@ -1,129 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  inject,
-  input,
-} from '@angular/core';
-import { DevToolbarStateService } from '../../dev-toolbar-state.service';
-import { AngularIconComponent } from './angular-icon.component';
-import { BugIconComponent } from './bug-icon.component';
-import { CodeIconComponent } from './code-icon.component';
-import { DatabaseIconComponent } from './database-icon.component';
-import { DiscordIconComponent } from './discord-icon.component';
-import { DocsIconComponent } from './docs-icon.component';
-import { ExportIconComponent } from './export-icon.component';
-import { GaugeIconComponent } from './gauge-icon.component';
-import { GearIconComponent } from './gear-icon.component';
-import { GitBranchIconComponent } from './git-branch-icon.component';
-import { IconName } from './icon.models';
-import { ImportIconComponent } from './import-icon.component';
-import { LayoutIconComponent } from './layout-icon.component';
-import { LightbulbIconComponent } from './lightbulb-icon.component';
-import { LightingIconComponent } from './lighting-icon.component';
-import { MoonIconComponent } from './moon-icon.component';
-import { NetworkIconComponent } from './network-icon.component';
-import { PuzzleIconComponent } from './puzzle-icon.component';
-import { RefreshIconComponent } from './refresh-icon.component';
-import { StarIconComponent } from './star-icon.component';
-import { SunIconComponent } from './sun-icon.component';
-import { TerminalIconComponent } from './terminal-icon.component';
-import { ToggleLeftIconComponent } from './toggle-left-icon.component';
-import { TranslateIconComponent } from './translate-icon.component';
-import { TrashIconComponent } from './trash-icon.component';
-import { UsersIconComponent } from './users-icon.component';
-
-@Component({
-  selector: 'ndt-icon',
-  standalone: true,
-  imports: [
-    AngularIconComponent,
-    BugIconComponent,
-    CodeIconComponent,
-    DatabaseIconComponent,
-    DocsIconComponent,
-    DiscordIconComponent,
-    ExportIconComponent,
-    GaugeIconComponent,
-    GearIconComponent,
-    GitBranchIconComponent,
-    ImportIconComponent,
-    LayoutIconComponent,
-    LightbulbIconComponent,
-    LightingIconComponent,
-    NetworkIconComponent,
-    PuzzleIconComponent,
-    RefreshIconComponent,
-    StarIconComponent,
-    TerminalIconComponent,
-    ToggleLeftIconComponent,
-    UsersIconComponent,
-    SunIconComponent,
-    MoonIconComponent,
-    TranslateIconComponent,
-    TrashIconComponent,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    @switch (name()) { @case ('angular') {
-    <ndt-angular-icon />
-    } @case ('bug') {
-    <ndt-bug-icon [fill]="fill()" />
-    } @case ('code') {
-    <ndt-code-icon [fill]="fill()" />
-    } @case ('database') {
-    <ndt-database-icon [fill]="fill()" />
-    } @case ('docs') {
-    <ndt-docs-icon [fill]="fill()" />
-    } @case ('export') {
-    <ndt-export-icon [fill]="fill()" />
-    } @case ('gauge') {
-    <ndt-gauge-icon [fill]="fill()" />
-    } @case ('gear') {
-    <ndt-gear-icon [fill]="fill()" />
-    } @case ('git-branch') {
-    <ndt-git-branch-icon [fill]="fill()" />
-    } @case ('import') {
-    <ndt-import-icon [fill]="fill()" />
-    } @case ('layout') {
-    <ndt-layout-icon [fill]="fill()" />
-    } @case ('lighting') {
-    <ndt-lighting-icon [fill]="fill()" />
-    } @case ('lightbulb') {
-    <ndt-lightbulb-icon [fill]="fill()" />
-    } @case ('network') {
-    <ndt-network-icon [fill]="fill()" />
-    } @case ('puzzle') {
-    <ndt-puzzle-icon [fill]="fill()" />
-    } @case ('refresh') {
-    <ndt-refresh-icon [fill]="fill()" />
-    } @case ('star') {
-    <ndt-star-icon [fill]="fill()" />
-    } @case ('terminal') {
-    <ndt-terminal-icon [fill]="fill()" />
-    } @case ('toggle-left') {
-    <ndt-toggle-left-icon [fill]="fill()" />
-    } @case ('user') {
-    <ndt-users-icon [fill]="fill()" />
-    } @case ('sun') {
-    <ndt-sun-icon [fill]="fill()" />
-    } @case ('moon') {
-    <ndt-moon-icon [fill]="fill()" />
-    } @case ('translate') {
-    <ndt-translate-icon [fill]="fill()" />
-    } @case ('discord') {
-    <ndt-discord-icon [fill]="fill()" />
-    } @case ('trash') {
-    <ndt-trash-icon [fill]="fill()" />
-    } }
-  `,
-})
-export class DevToolbarIconComponent {
-  private readonly stateService = inject(DevToolbarStateService);
-
-  name = input.required<IconName>();
-
-  fill = computed(() =>
-    this.stateService.theme() === 'dark' ? '#FFFFFF' : '#000000'
-  );
-}

package/src/components/icons/icon.models.ts

@@ -1,27 +0,0 @@
-export type IconName =
-  | 'angular'
-  | 'bug'
-  | 'code'
-  | 'database'
-  | 'discord'
-  | 'docs'
-  | 'export'
-  | 'flag'
-  | 'gauge'
-  | 'gear'
-  | 'git-branch'
-  | 'import'
-  | 'layout'
-  | 'lighting'
-  | 'lightbulb'
-  | 'moon'
-  | 'network'
-  | 'puzzle'
-  | 'refresh'
-  | 'star'
-  | 'sun'
-  | 'terminal'
-  | 'toggle-left'
-  | 'translate'
-  | 'trash'
-  | 'user';

package/src/components/icons/import-icon.component.ts

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-import-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"
-      ></path>
-    </svg>
-  `,
-})
-export class ImportIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/layout-icon.component.ts

@@ -1,24 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-layout-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path d="M104,104V208H40a8,8,0,0,1-8-8V104Z" opacity="0.2"></path>
-      <path
-        d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V96H40V56ZM40,112H96v88H40Zm176,88H112V112H216v88Z"
-      ></path>
-    </svg>
-  `,
-})
-export class LayoutIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/lightbulb-icon.component.ts

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-lightbulb-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M176,232a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,232Zm40-128a87.55,87.55,0,0,1-33.64,69.21A16.24,16.24,0,0,0,176,186v6a16,16,0,0,1-16,16H96a16,16,0,0,1-16-16v-6a16,16,0,0,0-6.23-12.66A87.59,87.59,0,0,1,40,104.49C39.74,56.83,78.26,17.14,125.88,16A88,88,0,0,1,216,104Zm-16,0a72,72,0,0,0-73.74-72c-39,.92-70.47,33.39-70.26,72.39a71.65,71.65,0,0,0,27.64,56.3A32,32,0,0,1,96,186v6h64v-6a32.15,32.15,0,0,1,12.47-25.35A71.65,71.65,0,0,0,200,104Zm-16.11-9.34a57.6,57.6,0,0,0-46.56-46.55,8,8,0,0,0-2.66,15.78c16.57,2.79,30.63,16.85,33.44,33.45A8,8,0,0,0,176,104a9,9,0,0,0,1.35-.11A8,8,0,0,0,183.89,94.66Z"
-      ></path>
-    </svg>
-  `,
-})
-export class LightbulbIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/lighting-icon.component.ts

@@ -1,24 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-lighting-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path d="M96,240l16-80L48,136,160,16,144,96l64,24Z" opacity="0.2"></path>
-      <path
-        d="M215.79,118.17a8,8,0,0,0-5-5.66L153.18,90.9l14.66-73.33a8,8,0,0,0-13.69-7l-112,120a8,8,0,0,0,3,13l57.63,21.61L88.16,238.43a8,8,0,0,0,13.69,7l112-120A8,8,0,0,0,215.79,118.17ZM109.37,214l10.47-52.38a8,8,0,0,0-5-9.06L62,132.71l84.62-90.66L136.16,94.43a8,8,0,0,0,5,9.06l52.8,19.8Z"
-      ></path>
-    </svg>
-  `,
-})
-export class LightingIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/moon-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-moon-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M224.3,150.3a8.1,8.1,0,0,0-7.8-5.7l-2.2.4A84,84,0,0,1,111,41.6a5.7,5.7,0,0,0,.3-1.8A7.9,7.9,0,0,0,109,33a8.1,8.1,0,0,0-8.1-1.1A104,104,0,1,0,225.4,156.9,8.1,8.1,0,0,0,224.3,150.3Z"
-        opacity="0.2"
-      />
-      <path
-        d="M233.5,137.3a12.1,12.1,0,0,0-11.8-8.6,7.9,7.9,0,0,0-1.3.1,80,80,0,0,1-98.2-98.2,12,12,0,0,0-15.6-14A104.2,104.2,0,0,0,32,120c0,57.4,46.6,104,104,104A104.2,104.2,0,0,0,239.4,149.6,12,12,0,0,0,233.5,137.3ZM136,208A88,88,0,0,1,48,120a87.6,87.6,0,0,1,64.8-84.7,96,96,0,0,0,111.9,112A87.6,87.6,0,0,1,136,208Z"
-      />
-    </svg>
-  `,
-})
-export class MoonIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/network-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-network-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M152,40V72a8,8,0,0,1-8,8H112a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h32A8,8,0,0,1,152,40ZM80,168H48a8,8,0,0,0-8,8v32a8,8,0,0,0,8,8H80a8,8,0,0,0,8-8V176A8,8,0,0,0,80,168Zm128,0H176a8,8,0,0,0-8,8v32a8,8,0,0,0,8,8h32a8,8,0,0,0,8-8V176A8,8,0,0,0,208,168Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M232,112H136V88h8a16,16,0,0,0,16-16V40a16,16,0,0,0-16-16H112A16,16,0,0,0,96,40V72a16,16,0,0,0,16,16h8v24H24a8,8,0,0,0,0,16H56v32H48a16,16,0,0,0-16,16v32a16,16,0,0,0,16,16H80a16,16,0,0,0,16-16V176a16,16,0,0,0-16-16H72V128H184v32h-8a16,16,0,0,0-16,16v32a16,16,0,0,0,16,16h32a16,16,0,0,0,16-16V176a16,16,0,0,0-16-16h-8V128h32a8,8,0,0,0,0-16ZM112,40h32V72H112ZM80,208H48V176H80Zm128,0H176V176h32Z"
-      ></path>
-    </svg>
-  `,
-})
-export class NetworkIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/puzzle-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-puzzle-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M204,168a28,28,0,0,0,12-2.69V208a8,8,0,0,1-8,8H64a8,8,0,0,1-8-8V165.31a28,28,0,1,1,0-50.62V72a8,8,0,0,1,8-8h46.69a28,28,0,1,1,50.61,0H208a8,8,0,0,1,8,8v42.69A28,28,0,1,0,204,168Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M220.27,158.54a8,8,0,0,0-7.7-.46,20,20,0,1,1,0-36.16A8,8,0,0,0,224,114.69V72a16,16,0,0,0-16-16H171.78a35.36,35.36,0,0,0,.22-4,36.15,36.15,0,0,0-11.36-26.25,36,36,0,0,0-60.55,23.63,36.56,36.56,0,0,0,.14,6.62H64A16,16,0,0,0,48,72v32.22a35.36,35.36,0,0,0-4-.22,36.12,36.12,0,0,0-26.24,11.36,35.7,35.7,0,0,0-9.69,27,36.08,36.08,0,0,0,33.31,33.6,36.56,36.56,0,0,0,6.62-.14V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V165.31A8,8,0,0,0,220.27,158.54ZM208,208H64V165.31a8,8,0,0,0-11.43-7.23,20,20,0,1,1,0-36.16A8,8,0,0,0,64,114.69V72h46.69a8,8,0,0,0,7.23-11.43,20,20,0,1,1,36.16,0A8,8,0,0,0,161.31,72H208v32.23a35.68,35.68,0,0,0-6.62-.14A36,36,0,0,0,204,176a35.36,35.36,0,0,0,4-.22Z"
-      ></path>
-    </svg>
-  `,
-})
-export class PuzzleIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/refresh-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-refresh-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M224,48V96a8,8,0,0,1-8,8H168a8,8,0,0,1,0-16h28.69L182.06,73.37a79.56,79.56,0,0,0-56.13-23.43h-.45A79.52,79.52,0,0,0,69.59,72.71,8,8,0,0,1,58.41,61.27a96,96,0,0,1,135,.79L208,76.69V48a8,8,0,0,1,16,0ZM186.41,183.29a80,80,0,0,1-112.47-.66L59.31,168H88a8,8,0,0,0,0-16H40a8,8,0,0,0-8,8v48a8,8,0,0,0,16,0V179.31l14.63,14.63A95.43,95.43,0,0,0,130,222.06h.53a95.36,95.36,0,0,0,67.07-27.33,8,8,0,0,0-11.18-11.44Z"
-      ></path>
-    </svg>
-  `,
-})
-export class RefreshIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/star-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-star-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M229.06,108.79l-48.7,42,14.88,62.79a8.4,8.4,0,0,1-12.52,9.17L128,189.09,73.28,222.74a8.4,8.4,0,0,1-12.52-9.17l14.88-62.79-48.7-42A8.46,8.46,0,0,1,31.73,94L95.64,88.8l24.62-59.6a8.36,8.36,0,0,1,15.48,0l24.62,59.6L224.27,94A8.46,8.46,0,0,1,229.06,108.79Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"
-      ></path>
-    </svg>
-  `,
-})
-export class StarIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/sun-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-sun-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M128,60a68,68,0,1,0,68,68A68.07,68.07,0,0,0,128,60Z"
-        opacity="0.2"
-      />
-      <path
-        d="M128,44a8,8,0,0,0,8-8V16a8,8,0,0,0-16,0V36A8,8,0,0,0,128,44ZM57.31,68.69a8,8,0,0,0,11.32-11.32L54.63,43.37A8,8,0,0,0,43.31,54.69ZM44,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H36A8,8,0,0,0,44,128Zm24.63,59.31-14,14a8,8,0,0,0,11.32,11.32l14-14a8,8,0,0,0-11.32-11.32ZM128,212a8,8,0,0,0-8,8v20a8,8,0,0,0,16,0V220A8,8,0,0,0,128,212Zm70.69-24.69a8,8,0,0,0-11.32,11.32l14,14a8,8,0,0,0,11.32-11.32ZM240,120H220a8,8,0,0,0,0,16h20a8,8,0,0,0,0-16Zm-24.69-62.63-14,14a8,8,0,0,0,11.32,11.32l14-14a8,8,0,0,0-11.32-11.32ZM128,76a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,88a36,36,0,1,1,36-36A36,36,0,0,1,128,164Z"
-      />
-    </svg>
-  `,
-})
-export class SunIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/terminal-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-terminal-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M224,56V200a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8H216A8,8,0,0,1,224,56Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M128,128a8,8,0,0,1-3,6.25l-40,32a8,8,0,1,1-10-12.5L107.19,128,75,102.25a8,8,0,1,1,10-12.5l40,32A8,8,0,0,1,128,128Zm48,24H136a8,8,0,0,0,0,16h40a8,8,0,0,0,0-16Zm56-96V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM216,200V56H40V200H216Z"
-      ></path>
-    </svg>
-  `,
-})
-export class TerminalIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/toggle-left-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-toggle-left-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M112,128A32,32,0,1,1,80,96,32,32,0,0,1,112,128Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M176,56H80a72,72,0,0,0,0,144h96a72,72,0,0,0,0-144Zm0,128H80A56,56,0,0,1,80,72h96a56,56,0,0,1,0,112ZM80,88a40,40,0,1,0,40,40A40,40,0,0,0,80,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,80,152Z"
-      ></path>
-    </svg>
-  `,
-})
-export class ToggleLeftIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/translate-icon.component.ts

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-translate-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M250.73,210.63l-56-112a12,12,0,0,0-21.46,0l-20.52,41A84.2,84.2,0,0,1,114,126.22,107.48,107.48,0,0,0,139.33,68H160a12,12,0,0,0,0-24H108V32a12,12,0,0,0-24,0V44H32a12,12,0,0,0,0,24h83.13A83.69,83.69,0,0,1,96,110.35,84,84,0,0,1,83.6,91a12,12,0,1,0-21.81,10A107.55,107.55,0,0,0,78,126.24,83.54,83.54,0,0,1,32,140a12,12,0,0,0,0,24,107.47,107.47,0,0,0,64-21.07,108.4,108.4,0,0,0,45.39,19.44l-24.13,48.26a12,12,0,1,0,21.46,10.73L151.41,196h65.17l12.68,25.36a12,12,0,1,0,21.47-10.73ZM163.41,172,184,130.83,204.58,172Z"
-      ></path>
-    </svg>
-  `,
-})
-export class TranslateIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/trash-icon.component.ts

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-trash-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"
-      ></path>
-    </svg>
-  `,
-})
-export class TrashIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/users-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-users-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path
-        d="M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"
-      ></path>
-    </svg>
-  `,
-})
-export class UsersIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/input/input.component.ts

@@ -1,67 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  input,
-  model,
-} from '@angular/core';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-  selector: 'ndt-input',
-  standalone: true,
-  imports: [FormsModule],
-  template: `
-    <input
-      [attr.aria-label]="ariaLabel()"
-      [type]="type()"
-      [class]="inputClass()"
-      [ngModel]="value()"
-      [placeholder]="placeholder()"
-      (ngModelChange)="value.set($event)"
-    />
-  `,
-  styles: [
-    `
-      :host {
-        display: block;
-      }
-
-      .input {
-        width: 100%;
-        padding: var(--ndt-spacing-sm) var(--ndt-spacing-md);
-        border: 1px solid var(--ndt-border-primary);
-        border-radius: var(--ndt-border-radius-small);
-        background-color: var(--ndt-bg-primary);
-        color: var(--ndt-text-primary);
-        font-size: var(--ndt-font-size-sm);
-        transition: var(--ndt-transition-default);
-        box-sizing: border-box;
-
-        &::placeholder {
-          color: var(--ndt-text-muted);
-        }
-
-        &:focus {
-          outline: none;
-          border-color: var(--ndt-primary);
-          box-shadow: 0 0 0 2px rgba(var(--ndt-primary-rgb), 0.2);
-        }
-
-        &:disabled {
-          background-color: var(--ndt-bg-secondary);
-          cursor: not-allowed;
-          color: var(--ndt-text-muted);
-        }
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class DevToolbarInputComponent {
-  value = model.required<string>();
-
-  type = input<string>('text');
-  placeholder = input<string>('');
-  ariaLabel = input<string>('');
-  inputClass = input<string>('input');
-}

package/src/components/link-button/link-button.component.scss

@@ -1,36 +0,0 @@
-.link-button {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--ndt-spacing-xs);
-  text-decoration: none;
-  color: var(--ndt-text-muted);
-  transition: var(--ndt-transition-default);
-
-  &:hover {
-    color: var(--ndt-text-primary);
-
-    .link-button__icon {
-      outline: 2px solid var(--ndt-primary);
-      outline-offset: 2px;
-      box-shadow: 0 0 8px var(--ndt-primary);
-    }
-  }
-
-  &__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 40px;
-    height: 40px;
-    border-radius: var(--ndt-border-radius-medium);
-    background: var(--ndt-hover-bg);
-    transition: all 0.2s ease-in-out;
-  }
-
-  &__text {
-    font-size: var(--ndt-font-size-xs);
-    text-align: center;
-    white-space: nowrap;
-  }
-}