ngx-dev-toolbar 1.0.2 → 1.0.4

package/tools/language-tool/language-internal.service.d.ts

@@ -0,0 +1,19 @@
+import { Observable } from 'rxjs';
+import { Language } from './language.models';
+import * as i0 from "@angular/core";
+export declare class DevToolbarInternalLanguageService {
+    private readonly STORAGE_KEY;
+    private readonly storageService;
+    private languages$;
+    private forcedLanguage$;
+    languages: import("@angular/core").Signal<Language[]>;
+    constructor();
+    setAppLanguages(languages: Language[]): void;
+    getAppLanguages(): Observable<Language[]>;
+    setForcedLanguage(language: Language): void;
+    getForcedLanguage(): Observable<Language[]>;
+    removeForcedLanguage(): void;
+    private loadForcedLanguage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarInternalLanguageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarInternalLanguageService>;
+}

package/tools/language-tool/language-tool.component.d.ts

@@ -0,0 +1,14 @@
+import { DevToolbarWindowOptions } from '../../components/toolbar-tool/toolbar-tool.models';
+import * as i0 from "@angular/core";
+export declare class DevToolbarLanguageToolComponent {
+    private readonly languageService;
+    protected readonly options: DevToolbarWindowOptions;
+    activeLanguage: import("@angular/core").WritableSignal<string>;
+    languageOptions: import("@angular/core").Signal<{
+        value: string;
+        label: string;
+    }[]>;
+    onLanguageChange(language: string): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarLanguageToolComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarLanguageToolComponent, "ndt-language-tool", never, {}, {}, never, never, true, never>;
+}

package/tools/language-tool/language.models.d.ts

@@ -0,0 +1,4 @@
+export interface Language {
+    id: string;
+    name: string;
+}

package/tools/language-tool/language.service.d.ts

@@ -0,0 +1,19 @@
+import { Observable } from 'rxjs';
+import { DevToolsService } from '../../models/dev-tools.interface';
+import { Language } from './language.models';
+import * as i0 from "@angular/core";
+export declare class DevToolbarLanguageService implements DevToolsService<Language> {
+    private internalService;
+    /**
+     * Sets the available languages that will be displayed in the tool on the dev toolbar
+     * @param languages The languages to be displayed
+     */
+    setAvailableOptions(languages: Language[]): void;
+    /**
+     * Gets the languages that were forced/modified through the tool on the dev toolbar
+     * @returns Observable of forced languages array
+     */
+    getForcedValues(): Observable<Language[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarLanguageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarLanguageService>;
+}

package/utils/storage.service.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export declare class DevToolsStorageService {
+    private readonly PREFIX;
+    private readonly TOOLS_KEY;
+    private readonly SETTINGS_KEY;
+    set<T>(key: string, value: T): void;
+    get<T>(key: string): T | null;
+    remove(key: string): void;
+    getAllSettings(): Record<string, unknown>;
+    setAllSettings(settings: Record<string, unknown>): void;
+    clearAllSettings(): void;
+    getToolKeys(): string[];
+    private addToolKey;
+    private removeToolKey;
+    private getToolKey;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolsStorageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DevToolsStorageService>;
+}

package/eslint.config.cjs

@@ -1,47 +0,0 @@
-const nx = require('@nx/eslint-plugin');
-const baseConfig = require('../../eslint.config.cjs');
-
-module.exports = [
-  ...baseConfig,
-  {
-    files: ['**/*.json'],
-    rules: {
-      '@nx/dependency-checks': 'off',
-    },
-    ignores: ['**/eslint.config.cjs'],
-  },
-  {
-    files: ['**/*.json'],
-    languageOptions: {
-      parser: require('jsonc-eslint-parser'),
-    },
-  },
-  ...nx.configs['flat/angular'],
-  ...nx.configs['flat/angular-template'],
-  {
-    files: ['**/*.ts'],
-    rules: {
-      '@angular-eslint/directive-selector': [
-        'error',
-        {
-          type: 'attribute',
-          prefix: 'ndt',
-          style: 'camelCase',
-        },
-      ],
-      '@angular-eslint/component-selector': [
-        'error',
-        {
-          type: 'element',
-          prefix: 'ndt',
-          style: 'kebab-case',
-        },
-      ],
-    },
-  },
-  {
-    files: ['**/*.html'],
-    // Override or add rules here
-    rules: {},
-  },
-];

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/libs/ngx-dev-toolbar",
-  "lib": {
-    "entryFile": "src/index.ts"
-  }
-}

package/project.json

@@ -1,37 +0,0 @@
-{
-  "name": "ngx-dev-toolbar",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "libs/ngx-dev-toolbar/src",
-  "prefix": "ndt",
-  "projectType": "library",
-  "tags": [],
-  "targets": {
-    "build": {
-      "executor": "@nx/angular:package",
-      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
-      "options": {
-        "project": "libs/ngx-dev-toolbar/ng-package.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "libs/ngx-dev-toolbar/tsconfig.lib.prod.json"
-        },
-        "development": {
-          "tsConfig": "libs/ngx-dev-toolbar/tsconfig.lib.json"
-        }
-      },
-      "defaultConfiguration": "production"
-    },
-    "test": {
-      "executor": "@nx/vite:test",
-      "outputs": ["{options.reportsDirectory}"],
-      "options": {
-        "reportsDirectory": "../../coverage/libs/ngx-dev-toolbar"
-      }
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint"
-    }
-
-  }
-}

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

@@ -1,49 +0,0 @@
-@use '../../styles' as devtools;
-
-.button {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ndt-spacing-xs);
-  padding: var(--ndt-spacing-xs) var(--ndt-spacing-sm);
-  border: 1px solid var(--ndt-border-primary);
-  border-radius: var(--ndt-border-radius-medium);
-  background: var(--ndt-bg-primary);
-  color: var(--ndt-text-primary);
-  cursor: pointer;
-  transition: var(--ndt-transition-default);
-  outline: none;
-  font-family: inherit;
-
-  &:hover {
-    background: var(--ndt-hover-bg);
-    border-color: var(--ndt-primary);
-  }
-
-  &:focus-visible {
-    outline: none;
-    background: var(--ndt-hover-bg);
-    box-shadow: 0 0 0 2px rgba(var(--ndt-primary-rgb), 0.2);
-  }
-
-  &.primary {
-    background: var(--ndt-primary);
-    color: var(--ndt-text-on-primary);
-    border-color: var(--ndt-primary);
-
-    &:hover {
-      background: var(--ndt-primary);
-      border-color: var(--ndt-primary);
-    }
-  }
-
-  &.icon-only {
-    padding: var(--ndt-spacing-xs);
-    width: 32px;
-    height: 32px;
-    justify-content: center;
-  }
-
-  &.small {
-    font-size: var(--ndt-font-size-sm);
-  }
-}

package/src/components/button/button.component.ts

@@ -1,36 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-import { DevToolbarIconComponent } from '../icons/icon.component';
-import { IconName } from '../icons/icon.models';
-
-@Component({
-  selector: 'ndt-button',
-  standalone: true,
-  imports: [DevToolbarIconComponent],
-  template: `
-    <button
-      class="button"
-      [attr.aria-label]="ariaLabel()"
-      [type]="type()"
-      [class.button--active]="isActive()"
-      [class.button--icon]="variant() === 'icon'"
-    >
-      @if (icon()) {
-        <ndt-icon [name]="icon() || 'star'" />
-      }
-      @if (label()) {
-        <span class="button__label">{{ label() }}</span>
-      }
-      <ng-content />
-    </button>
-  `,
-  styleUrls: ['./button.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class DevToolbarButtonComponent {
-  readonly type = input<'button' | 'submit' | 'reset'>('button');
-  readonly variant = input<'default' | 'icon'>('default');
-  readonly icon = input<IconName>();
-  readonly label = input<string>();
-  readonly ariaLabel = input<string>();
-  readonly isActive = input<boolean>(false);
-}

package/src/components/card/card.component.scss

@@ -1,18 +0,0 @@
-.card {
-  background: var(--ndt-bg-primary);
-  border-radius: var(--ndt-border-radius-large);
-  padding: var(--ndt-spacing-md);
-  cursor: pointer;
-  transition: var(--ndt-transition-default);
-  border: 1px solid var(--ndt-border-subtle);
-  position: relative;
-  flex: 1;
-  height: 120px;
-  display: flex;
-
-  &:hover {
-    background: var(--ndt-hover-bg);
-    border-color: var(--ndt-primary);
-    box-shadow: 0 0 0 1px rgba(var(--ndt-primary-rgb), 0.3);
-  }
-}

package/src/components/card/card.component.ts

@@ -1,30 +0,0 @@
-import { Component, signal } from '@angular/core';
-
-@Component({
-  selector: 'ndt-card',
-  standalone: true,
-  template: `
-    <div
-      class="card"
-      role="button"
-      tabindex="0"
-      (click)="onClick()"
-      (keydown.enter)="onClick()"
-      (keydown.space)="onClick()"
-      [class.card--hover]="isHovered()"
-      (mouseenter)="isHovered.set(true)"
-      (mouseleave)="isHovered.set(false)"
-    >
-      <ng-content></ng-content>
-    </div>
-  `,
-  styleUrls: ['./card.component.scss'],
-})
-export class DevToolbarCardComponent {
-  readonly click = signal<void>(undefined);
-  protected readonly isHovered = signal(false);
-
-  onClick(): void {
-    this.click.set();
-  }
-}

package/src/components/clickable-card/clickable-card.component.scss

@@ -1,39 +0,0 @@
-.clickable-card {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ndt-spacing-sm);
-  height: 100%;
-
-  &__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 32px;
-    height: 32px;
-    border-radius: var(--ndt-border-radius-medium);
-    background: var(--ndt-hover-bg);
-    color: var(--ndt-text-primary);
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--ndt-spacing-xs);
-  }
-
-  &__title {
-    color: var(--ndt-text-primary);
-    font-size: var(--ndt-font-size-sm);
-    font-weight: 500;
-  }
-
-  &__subtitle {
-    color: var(--ndt-text-muted);
-    font-size: var(--ndt-font-size-xs);
-    line-height: 1.4;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-  }
-}

package/src/components/clickable-card/clickable-card.component.ts

@@ -1,34 +0,0 @@
-import { Component, input, signal } from '@angular/core';
-import { DevToolbarCardComponent } from '../card/card.component';
-import { DevToolbarIconComponent } from '../icons/icon.component';
-import { IconName } from '../icons/icon.models';
-
-@Component({
-  selector: 'ndt-clickable-card',
-  standalone: true,
-  imports: [DevToolbarCardComponent, DevToolbarIconComponent],
-  template: `
-    <ndt-card (clicked)="onClick()">
-      <div class="clickable-card">
-        <div class="clickable-card__icon">
-          <ndt-icon [name]="icon()" />
-        </div>
-        <div class="clickable-card__content">
-          <div class="clickable-card__title">{{ title() }}</div>
-          <div class="clickable-card__subtitle">{{ subtitle() }}</div>
-        </div>
-      </div>
-    </ndt-card>
-  `,
-  styleUrls: ['./clickable-card.component.scss'],
-})
-export class DevToolbarClickableCardComponent {
-  readonly icon = input.required<IconName>();
-  readonly title = input.required<string>();
-  readonly subtitle = input.required<string>();
-  readonly click = signal<void>(undefined);
-
-  onClick(): void {
-    this.click.set();
-  }
-}

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

@@ -1,35 +0,0 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-
-@Component({
-  selector: 'ndt-angular-icon',
-  standalone: true,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
-      <defs>
-        <linearGradient
-          id="angular-gradient"
-          x1="6"
-          x2="18"
-          y1="20"
-          y2="4"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0" stop-color="#E40035" />
-          <stop offset=".24" stop-color="#F60A48" />
-          <stop offset=".352" stop-color="#F20755" />
-          <stop offset=".494" stop-color="#DC087D" />
-          <stop offset=".745" stop-color="#9717E7" />
-          <stop offset="1" stop-color="#6C00F5" />
-        </linearGradient>
-      </defs>
-      <g fill="url(#angular-gradient)">
-        <polygon points="14.1,2.7 20.1,15.7 20.7,5.8" />
-        <polygon points="15.6,16.4 8.4,16.4 7.4,18.6 12,21.2 16.6,18.6" />
-        <polygon points="9.6,13.5 14.4,13.5 12,7.7" />
-        <polygon points="9.9,2.7 3.3,5.8 3.9,15.7" />
-      </g>
-    </svg>
-  `,
-})
-export class AngularIconComponent {}

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

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-bug-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="M140,88a16,16,0,1,1,16,16A16,16,0,0,1,140,88ZM100,72a16,16,0,1,0,16,16A16,16,0,0,0,100,72Zm120,72a91.84,91.84,0,0,1-2.34,20.64L236.81,173a12,12,0,0,1-9.62,22l-18-7.85a92,92,0,0,1-162.46,0l-18,7.85a12,12,0,1,1-9.62-22l19.15-8.36A91.84,91.84,0,0,1,36,144v-4H16a12,12,0,0,1,0-24H36v-4a91.84,91.84,0,0,1,2.34-20.64L19.19,83a12,12,0,0,1,9.62-22l18,7.85a92,92,0,0,1,162.46,0l18-7.85a12,12,0,1,1,9.62,22l-19.15,8.36A91.84,91.84,0,0,1,220,112v4h20a12,12,0,0,1,0,24H220ZM60,116H196v-4a68,68,0,0,0-136,0Zm56,94.92V140H60v4A68.1,68.1,0,0,0,116,210.92ZM196,144v-4H140v70.92A68.1,68.1,0,0,0,196,144Z"
-      ></path>
-    </svg>
-  `,
-})
-export class BugIconComponent {
-  fill = input<string>('#FFFF');
-}

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

@@ -1,24 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-code-icon',
-  standalone: true,
-  template: `
-    <svg
-      [attr.fill]="fill()"
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 256 256"
-    >
-      <path d="M240,128l-48,40H64L16,128,64,88H192Z" opacity="0.2"></path>
-      <path
-        d="M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z"
-      ></path>
-    </svg>
-  `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class CodeIconComponent {
-  fill = input<string>('#FFFF');
-}

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

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-database-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,80c0,26.51-39.4,48-88,48S40,106.51,40,80s39.4-48,88-48S216,53.49,216,80Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M128,24C74.17,24,32,48.6,32,80v96c0,31.4,42.17,56,96,56s96-24.6,96-56V80C224,48.6,181.83,24,128,24Zm80,104c0,9.62-7.88,19.43-21.61,26.92C170.93,163.35,150.19,168,128,168s-42.93-4.65-58.39-13.08C55.88,147.43,48,137.62,48,128V111.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64ZM69.61,53.08C85.07,44.65,105.81,40,128,40s42.93,4.65,58.39,13.08C200.12,60.57,208,70.38,208,80s-7.88,19.43-21.61,26.92C170.93,115.35,150.19,120,128,120s-42.93-4.65-58.39-13.08C55.88,99.43,48,89.62,48,80S55.88,60.57,69.61,53.08ZM186.39,202.92C170.93,211.35,150.19,216,128,216s-42.93-4.65-58.39-13.08C55.88,195.43,48,185.62,48,176V159.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64V176C208,185.62,200.12,195.43,186.39,202.92Z"
-      ></path>
-    </svg>
-  `,
-})
-export class DatabaseIconComponent {
-  fill = input<string>('#FFFF');
-}

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

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-discord-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,140a12,12,0,1,1-12-12A12,12,0,0,1,104,140Zm60-12a12,12,0,1,0,12,12A12,12,0,0,0,164,128Zm74.45,64.9-67,29.71a16.17,16.17,0,0,1-21.71-9.1l-8.11-22q-6.72.45-13.63.46t-13.63-.46l-8.11,22a16.18,16.18,0,0,1-21.71,9.1l-67-29.71a15.93,15.93,0,0,1-9.06-18.51L38,58A16.07,16.07,0,0,1,51,46.14l36.06-5.93a16.22,16.22,0,0,1,18.26,11.88l3.26,12.84Q118.11,64,128,64t19.4.93l3.26-12.84a16.21,16.21,0,0,1,18.26-11.88L205,46.14A16.07,16.07,0,0,1,218,58l29.53,116.38A15.93,15.93,0,0,1,238.45,192.9ZM232,178.28,202.47,62s0,0-.08,0L166.33,56a.17.17,0,0,0-.17,0l-2.83,11.14c5,.94,10,2.06,14.83,3.42A8,8,0,0,1,176,86.31a8.09,8.09,0,0,1-2.16-.3A172.25,172.25,0,0,0,128,80a172.25,172.25,0,0,0-45.84,6,8,8,0,1,1-4.32-15.4c4.82-1.36,9.78-2.48,14.82-3.42L89.83,56s0,0-.12,0h0L53.61,61.93a.17.17,0,0,0-.09,0L24,178.33,91,208a.23.23,0,0,0,.22,0L98,189.72a173.2,173.2,0,0,1-20.14-4.32A8,8,0,0,1,82.16,170,171.85,171.85,0,0,0,128,176a171.85,171.85,0,0,0,45.84-6,8,8,0,0,1,4.32,15.41A173.2,173.2,0,0,1,158,189.72L164.75,208a.22.22,0,0,0,.21,0Z"
-      ></path>
-    </svg>
-  `,
-})
-export class DiscordIconComponent {
-  fill = input<string>('#000000');
-}

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

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-docs-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="M213.66,66.34l-40-40A8,8,0,0,0,168,24H88A16,16,0,0,0,72,40V56H56A16,16,0,0,0,40,72V216a16,16,0,0,0,16,16H168a16,16,0,0,0,16-16V200h16a16,16,0,0,0,16-16V72A8,8,0,0,0,213.66,66.34ZM168,216H56V72h76.69L168,107.31v84.53c0,.06,0,.11,0,.16s0,.1,0,.16V216Zm32-32H184V104a8,8,0,0,0-2.34-5.66l-40-40A8,8,0,0,0,136,56H88V40h76.69L200,75.31Zm-56-32a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h48A8,8,0,0,1,144,152Zm0,32a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h48A8,8,0,0,1,144,184Z"
-      ></path>
-    </svg>
-  `,
-})
-export class DocsIconComponent {
-  fill = input<string>('#FFFF');
-}

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

@@ -1,23 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-export-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,112v96a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V112A16,16,0,0,1,56,96H80a8,8,0,0,1,0,16H56v96H200V112H176a8,8,0,0,1,0-16h24A16,16,0,0,1,216,112ZM93.66,69.66,120,43.31V136a8,8,0,0,0,16,0V43.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,69.66Z"
-      ></path>
-    </svg>
-  `,
-})
-export class ExportIconComponent {
-  fill = input<string>('#FFFF');
-}

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

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-gauge-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="M232,152a103.93,103.93,0,0,1-5.9,34.63,8,8,0,0,1-7.57,5.37H37.46a8.05,8.05,0,0,1-7.57-5.41A104.06,104.06,0,0,1,24,151.19C24.44,94,71.73,47.49,129,48A104,104,0,0,1,232,152Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M114.34,154.34l96-96a8,8,0,0,1,11.32,11.32l-96,96a8,8,0,0,1-11.32-11.32ZM128,88a63.9,63.9,0,0,1,20.44,3.33,8,8,0,1,0,5.11-15.16A80,80,0,0,0,48.49,160.88,8,8,0,0,0,56.43,168c.29,0,.59,0,.89-.05a8,8,0,0,0,7.07-8.83A64.92,64.92,0,0,1,64,152,64.07,64.07,0,0,1,128,88Zm99.74,13a8,8,0,0,0-14.24,7.3,96.27,96.27,0,0,1,5,75.71l-181.1-.07A96.24,96.24,0,0,1,128,56h.88a95,95,0,0,1,42.82,10.5A8,8,0,1,0,179,52.27,110.8,110.8,0,0,0,129,40h-1A112.05,112.05,0,0,0,22.35,189.25,16.07,16.07,0,0,0,37.46,200H218.53a16,16,0,0,0,15.11-10.71,112.35,112.35,0,0,0-5.9-88.3Z"
-      ></path>
-    </svg>
-  `,
-})
-export class GaugeIconComponent {
-  fill = input<string>('#FFFF');
-}

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

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-gear-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="M207.86,123.18l16.78-21a99.14,99.14,0,0,0-10.07-24.29l-26.7-3a81,81,0,0,0-6.81-6.81l-3-26.71a99.43,99.43,0,0,0-24.3-10l-21,16.77a81.59,81.59,0,0,0-9.64,0l-21-16.78A99.14,99.14,0,0,0,77.91,41.43l-3,26.7a81,81,0,0,0-6.81,6.81l-26.71,3a99.43,99.43,0,0,0-10,24.3l16.77,21a81.59,81.59,0,0,0,0,9.64l-16.78,21a99.14,99.14,0,0,0,10.07,24.29l26.7,3a81,81,0,0,0,6.81,6.81l3,26.71a99.43,99.43,0,0,0,24.3,10l21-16.77a81.59,81.59,0,0,0,9.64,0l21,16.78a99.14,99.14,0,0,0,24.29-10.07l3-26.7a81,81,0,0,0,6.81-6.81l26.71-3a99.43,99.43,0,0,0,10-24.3l-16.77-21A81.59,81.59,0,0,0,207.86,123.18ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.6,107.6,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.29,107.29,0,0,0-26.25-10.86,8,8,0,0,0-7.06,1.48L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.6,107.6,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8.06,8.06,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8.06,8.06,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z"
-      ></path>
-    </svg>
-  `,
-})
-export class GearIconComponent {
-  fill = input<string>('#FFFF');
-}

package/src/components/icons/git-branch-icon.component.ts

@@ -1,27 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'ndt-git-branch-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,64a24,24,0,1,1-24-24A24,24,0,0,1,224,64Z"
-        opacity="0.2"
-      ></path>
-      <path
-        d="M232,64a32,32,0,1,0-40,31v17a8,8,0,0,1-8,8H96a23.84,23.84,0,0,0-8,1.38V95a32,32,0,1,0-16,0v66a32,32,0,1,0,16,0V144a8,8,0,0,1,8-8h88a24,24,0,0,0,24-24V95A32.06,32.06,0,0,0,232,64ZM64,64A16,16,0,1,1,80,80,16,16,0,0,1,64,64ZM96,192a16,16,0,1,1-16-16A16,16,0,0,1,96,192ZM200,80a16,16,0,1,1,16-16A16,16,0,0,1,200,80Z"
-      ></path>
-    </svg>
-  `,
-})
-export class GitBranchIconComponent {
-  fill = input<string>('#FFFF');
-}