From 1f3068f5a28e05a15361a1d613d143a8a599925f Mon Sep 17 00:00:00 2001
From: kamask <s@sha88.ru>
Date: Fri, 11 Sep 2026 14:53:57 +0300
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D1=80=D0=BE=D1=83=D1=82=20dev=20=D0=B4=D0=BB=D1=8F=20?=
 =?UTF-8?q?=D1=8D=D0=BA=D1=81=D0=BF=D0=B5=D1=80=D0=B5=D0=BC=D0=B5=D0=BD?=
 =?UTF-8?q?=D1=82=D0=BE=D0=B2=20=D0=B2=20=D0=BF=D1=80=D0=BE=D1=86=D0=B5?=
 =?UTF-8?q?=D1=81=D1=81=D0=B5=20=D0=B8=D0=B7=D1=83=D1=87=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/app.routes.ts   |  6 ++++++
 src/app/features/dev.ts | 27 +++++++++++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 src/app/features/dev.ts

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 5ecb554..6b3f9a2 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -2,6 +2,7 @@ import { Routes } from '@angular/router';
 import { TaskList } from './features/tasks/task-list';
 import { TaskDetails } from './features/tasks/task-details';
 import { TaskNew } from './features/tasks/task-new';
+import { Dev } from './features/dev';
 
 export const routes: Routes = [
   {
@@ -18,5 +19,10 @@ export const routes: Routes = [
     path: 'new',
     component: TaskNew,
     title: 'Новая'
+  },
+  {
+    path: 'dev',
+    component: Dev,
+    title: 'Dev'
   }
 ];
diff --git a/src/app/features/dev.ts b/src/app/features/dev.ts
new file mode 100644
index 0000000..22a71fd
--- /dev/null
+++ b/src/app/features/dev.ts
@@ -0,0 +1,27 @@
+import { Component, signal } from '@angular/core';
+
+@Component({
+  imports: [],
+  selector: 'ksk-crm-dev',
+  styles: `
+    .outlined {
+      border: 1px solid var(--color-primary);
+    }
+
+    .rounded {
+      border-radius: 3px;
+    }
+  `,
+  template: `
+    <p [class.outlined]="isOutlined()" >dev works!</p>
+    <button (click)="handleAction()">Action</button>
+  `,
+})
+export class Dev {
+  outlined = signal<string[]>(["rounded"])
+  isOutlined = signal(false);
+
+  handleAction() {
+    this.isOutlined.set(true);
+  }
+}