[{"data":1,"prerenderedAt":16112},["ShallowReactive",2],{"navigation_docs":3,"-csharp-desktop-ui-user-controls":2949,"-csharp-desktop-ui-user-controls-surround":16107},[4,1640,1765,2219,2352,2559,2641,2691,2748,2782,2908,2945],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","/csharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1346,1636],{"title":11,"path":7,"stem":12},"C# Roadmap","01.csharp/index",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","/csharp/fundamentals","01.csharp/01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","/csharp/fundamentals/introduction-to-ecosystem","01.csharp/01.fundamentals/01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","/csharp/fundamentals/program-structure","01.csharp/01.fundamentals/02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","/csharp/fundamentals/variables-data-types","01.csharp/01.fundamentals/03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","/csharp/fundamentals/arrays","01.csharp/01.fundamentals/04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","/csharp/fundamentals/strings-text-handling","01.csharp/01.fundamentals/05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","/csharp/fundamentals/dates-time-handling","01.csharp/01.fundamentals/06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","/csharp/fundamentals/control-flow","01.csharp/01.fundamentals/07.control-flow",{"title":48,"path":49,"stem":50},"Методи","/csharp/fundamentals/methods","01.csharp/01.fundamentals/08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","/csharp/fundamentals/debugging-basics","01.csharp/01.fundamentals/09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","/csharp/fundamentals/interactive-console","01.csharp/01.fundamentals/10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","/csharp/oop","01.csharp/02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","/csharp/oop/package-management","01.csharp/02.oop/01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","/csharp/oop/classes-objects","01.csharp/02.oop/02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","/csharp/oop/properties-fields","01.csharp/02.oop/03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","/csharp/oop/oop-pillars","01.csharp/02.oop/04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","/csharp/oop/advanced-types","01.csharp/02.oop/05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","/csharp/oop/namespaces","01.csharp/02.oop/06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","/csharp/advanced-core","01.csharp/03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","/csharp/advanced-core/generics","01.csharp/03.advanced-core/01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","/csharp/advanced-core/delegates-events-lambdas","01.csharp/03.advanced-core/02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","/csharp/advanced-core/interfaces-deep-dive","01.csharp/03.advanced-core/03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","/csharp/advanced-core/exception-handling","01.csharp/03.advanced-core/04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","/csharp/advanced-core/pattern-matching","01.csharp/03.advanced-core/05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","/csharp/advanced-core/additional-features","01.csharp/03.advanced-core/06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","/csharp/architecture-best-practices","01.csharp/04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","/csharp/architecture-best-practices/software-design-principles","01.csharp/04.architecture-best-practices/01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","/csharp/architecture-best-practices/design-patterns","01.csharp/04.architecture-best-practices/02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","/csharp/architecture-best-practices/design-patterns/creational","01.csharp/04.architecture-best-practices/02.design-patterns/creational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","/csharp/architecture-best-practices/design-patterns/creational/singleton","01.csharp/04.architecture-best-practices/02.design-patterns/creational/01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","/csharp/architecture-best-practices/design-patterns/creational/builder","01.csharp/04.architecture-best-practices/02.design-patterns/creational/02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","/csharp/architecture-best-practices/building-professional-clis","01.csharp/04.architecture-best-practices/03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","/csharp/architecture-best-practices/validation-flow-control","01.csharp/04.architecture-best-practices/04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","/csharp/architecture-best-practices/modern-dotnet-host","01.csharp/04.architecture-best-practices/05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","/csharp/architecture-best-practices/data-mapper-part1","01.csharp/04.architecture-best-practices/06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","/csharp/architecture-best-practices/data-mapper-part2","01.csharp/04.architecture-best-practices/07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","/csharp/architecture-best-practices/di-ioc","01.csharp/04.architecture-best-practices/08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","/csharp/architecture-best-practices/di-ioc/the-dependency-problem","01.csharp/04.architecture-best-practices/08.di-ioc/01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","/csharp/architecture-best-practices/di-ioc/build-your-own-container","01.csharp/04.architecture-best-practices/08.di-ioc/02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","/csharp/architecture-best-practices/di-ioc/service-locator-pattern","01.csharp/04.architecture-best-practices/08.di-ioc/03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","/csharp/architecture-best-practices/di-ioc/dependency-injection-patterns","01.csharp/04.architecture-best-practices/08.di-ioc/04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","/csharp/architecture-best-practices/di-ioc/microsoft-di-deep-dive","01.csharp/04.architecture-best-practices/08.di-ioc/05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","/csharp/architecture-best-practices/di-ioc/service-lifetimes-and-scopes","01.csharp/04.architecture-best-practices/08.di-ioc/06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","/csharp/architecture-best-practices/di-ioc/di-anti-patterns-and-best-practices","01.csharp/04.architecture-best-practices/08.di-ioc/07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","/csharp/standard-library","01.csharp/05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","/csharp/standard-library/collections","01.csharp/05.standard-library/01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","/csharp/standard-library/high-performance-types","01.csharp/05.standard-library/02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","/csharp/standard-library/linq","01.csharp/05.standard-library/03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","/csharp/system-internals-concurrency","01.csharp/06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","/csharp/system-internals-concurrency/memory-management","01.csharp/06.system-internals-concurrency/01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","/csharp/system-internals-concurrency/reflection-fundamentals","01.csharp/06.system-internals-concurrency/02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","/csharp/system-internals-concurrency/attributes-dynamic","01.csharp/06.system-internals-concurrency/03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","/csharp/system-internals-concurrency/expression-trees-compiled","01.csharp/06.system-internals-concurrency/04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","/csharp/system-internals-concurrency/source-generators","01.csharp/06.system-internals-concurrency/05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","/csharp/system-internals-concurrency/multithreading-fundamentals","01.csharp/06.system-internals-concurrency/06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","/csharp/system-internals-concurrency/synchronization-primitives","01.csharp/06.system-internals-concurrency/07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","/csharp/system-programming-windows","01.csharp/07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","/csharp/system-programming-windows/how-os-works","01.csharp/07.system-programming-windows/01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","/csharp/system-programming-windows/processes-in-dotnet","01.csharp/07.system-programming-windows/02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","/csharp/system-programming-windows/02a.processes-ipc","01.csharp/07.system-programming-windows/02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","/csharp/system-programming-windows/appdomains-assemblies","01.csharp/07.system-programming-windows/03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","/csharp/system-programming-windows/03a.appdomains-plugin-system","01.csharp/07.system-programming-windows/03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","/csharp/system-programming-windows/thread-fundamentals","01.csharp/07.system-programming-windows/04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","/csharp/system-programming-windows/04a.thread-lifecycle-priorities","01.csharp/07.system-programming-windows/04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","/csharp/system-programming-windows/shared-state-problems","01.csharp/07.system-programming-windows/05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","/csharp/system-programming-windows/05a.shared-state-memory-model","01.csharp/07.system-programming-windows/05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","/csharp/system-programming-windows/synchronization-fundamentals","01.csharp/07.system-programming-windows/06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","/csharp/system-programming-windows/06a.synchronization-walkthrough","01.csharp/07.system-programming-windows/06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","/csharp/system-programming-windows/synchronization-advanced","01.csharp/07.system-programming-windows/07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","/csharp/system-programming-windows/07a.synchronization-advanced-walkthrough","01.csharp/07.system-programming-windows/07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","/csharp/system-programming-windows/interlocked-cas-lockfree","01.csharp/07.system-programming-windows/08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","/csharp/system-programming-windows/08a.volatile-memory-model","01.csharp/07.system-programming-windows/08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","/csharp/system-programming-windows/thread-pool","01.csharp/07.system-programming-windows/09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","/csharp/system-programming-windows/09a.thread-pool-advanced","01.csharp/07.system-programming-windows/09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","/csharp/system-programming-windows/concurrent-collections","01.csharp/07.system-programming-windows/10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","/csharp/system-programming-windows/tpl-parallel-plinq","01.csharp/07.system-programming-windows/11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","/csharp/system-programming-windows/11a.tpl-parallel-plinq-advanced","01.csharp/07.system-programming-windows/11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async/Await — Фундамент Асинхронного Програмування","/csharp/system-programming-windows/async-fundamentals","01.csharp/07.system-programming-windows/12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","/csharp/system-programming-windows/async-context-configureawait","01.csharp/07.system-programming-windows/13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","/csharp/system-programming-windows/async-advanced","01.csharp/07.system-programming-windows/14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","/csharp/system-programming-windows/channels","01.csharp/07.system-programming-windows/15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","/csharp/system-programming-windows/async-synchronization","01.csharp/07.system-programming-windows/16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","/csharp/system-programming-windows/unsafe-code","01.csharp/07.system-programming-windows/17.unsafe-code",{"title":364,"path":365,"stem":366},"P/Invoke та Windows API — Міст між .NET та Native Code","/csharp/system-programming-windows/pinvoke-winapi","01.csharp/07.system-programming-windows/18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","/csharp/system-programming-windows/windows-registry","01.csharp/07.system-programming-windows/19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","/csharp/system-programming-windows/windows-hooks-services","01.csharp/07.system-programming-windows/20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","/csharp/system-programming-windows/implementation_plan","01.csharp/07.system-programming-windows/implementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","/csharp/io","01.csharp/08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","/csharp/io/file-system-basics","01.csharp/08.io/01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","/csharp/io/streams-serialization","01.csharp/08.io/02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","/csharp/io/json-serialization","01.csharp/08.io/03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","/csharp/io/xml-serialization","01.csharp/08.io/04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","/csharp/io/binary-serialization","01.csharp/08.io/05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","/csharp/ado-net","01.csharp/09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","/csharp/ado-net/introduction-to-adonet","01.csharp/09.ado-net/01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","/csharp/ado-net/connection","01.csharp/09.ado-net/02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","/csharp/ado-net/command-and-queries","01.csharp/09.ado-net/03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","/csharp/ado-net/datareader","01.csharp/09.ado-net/04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","/csharp/ado-net/parameters-and-sql-injection","01.csharp/09.ado-net/05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","/csharp/ado-net/transactions","01.csharp/09.ado-net/06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","/csharp/ado-net/provider-factory","01.csharp/09.ado-net/07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","/csharp/ado-net/async-data-access","01.csharp/09.ado-net/08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","/csharp/ado-net/disconnected-mode-dataset","01.csharp/09.ado-net/09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","/csharp/ado-net/data-adapter","01.csharp/09.ado-net/10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","/csharp/ado-net/data-mapper-repository","01.csharp/09.ado-net/11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","/csharp/ado-net/advanced-patterns","01.csharp/09.ado-net/12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","/csharp/ef-core","01.csharp/10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","/csharp/ef-core/what-is-orm","01.csharp/10.ef-core/01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","/csharp/ef-core/first-project","01.csharp/10.ef-core/02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","/csharp/ef-core/dbcontext-deep-dive","01.csharp/10.ef-core/03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","/csharp/ef-core/database-providers","01.csharp/10.ef-core/04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","/csharp/ef-core/conventions","01.csharp/10.ef-core/05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","/csharp/ef-core/fluent-api-vs-annotations","01.csharp/10.ef-core/06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","/csharp/ef-core/relationships-basics","01.csharp/10.ef-core/07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","/csharp/ef-core/relationships-advanced","01.csharp/10.ef-core/08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","/csharp/ef-core/property-configuration-part1","01.csharp/10.ef-core/09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","/csharp/ef-core/property-configuration-part2","01.csharp/10.ef-core/09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","/csharp/ef-core/complex-types-owned-part1","01.csharp/10.ef-core/10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","/csharp/ef-core/complex-types-owned-part2","01.csharp/10.ef-core/10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","/csharp/ef-core/json-columns-part1","01.csharp/10.ef-core/11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","/csharp/ef-core/json-columns-part2","01.csharp/10.ef-core/11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","/csharp/ef-core/inheritance-part1","01.csharp/10.ef-core/12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","/csharp/ef-core/inheritance-part2","01.csharp/10.ef-core/12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","/csharp/ef-core/indexes-constraints-part1","01.csharp/10.ef-core/13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","/csharp/ef-core/indexes-constraints-part2","01.csharp/10.ef-core/13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","/csharp/ef-core/seeding-part1","01.csharp/10.ef-core/14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","/csharp/ef-core/seeding-part2","01.csharp/10.ef-core/14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","/csharp/ef-core/global-query-filters-part1","01.csharp/10.ef-core/15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","/csharp/ef-core/global-query-filters-part2","01.csharp/10.ef-core/15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","/csharp/ef-core/linq-queries-part1","01.csharp/10.ef-core/16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","/csharp/ef-core/linq-queries-part2","01.csharp/10.ef-core/16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","/csharp/ef-core/loading-related-data-part1","01.csharp/10.ef-core/17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","/csharp/ef-core/loading-related-data-part2","01.csharp/10.ef-core/17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","/csharp/ef-core/raw-sql-part1","01.csharp/10.ef-core/18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","/csharp/ef-core/raw-sql-part2","01.csharp/10.ef-core/18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","/csharp/ef-core/advanced-queries-part1","01.csharp/10.ef-core/19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","/csharp/ef-core/advanced-queries-part2","01.csharp/10.ef-core/19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","/csharp/ef-core/change-tracking-part1","01.csharp/10.ef-core/20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","/csharp/ef-core/change-tracking-part2","01.csharp/10.ef-core/20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","/csharp/ef-core/saving-data-part1","01.csharp/10.ef-core/21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","/csharp/ef-core/saving-data-part2","01.csharp/10.ef-core/21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","/csharp/ef-core/concurrency-part1","01.csharp/10.ef-core/22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","/csharp/ef-core/concurrency-part2","01.csharp/10.ef-core/22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","/csharp/ef-core/migrations-basics-part1","01.csharp/10.ef-core/23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","/csharp/ef-core/migrations-basics-part2","01.csharp/10.ef-core/23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","/csharp/ef-core/migrations-advanced-part1","01.csharp/10.ef-core/24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","/csharp/ef-core/migrations-advanced-part2","01.csharp/10.ef-core/24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","/csharp/ef-core/schema-management-part1","01.csharp/10.ef-core/25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","/csharp/ef-core/schema-management-part2","01.csharp/10.ef-core/25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","/csharp/ef-core/performance-fundamentals-part1","01.csharp/10.ef-core/26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","/csharp/ef-core/interceptors-part1","01.csharp/10.ef-core/29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","/csharp/ef-core/interceptors-part2","01.csharp/10.ef-core/29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","/csharp/ef-core/implementation_plan","01.csharp/10.ef-core/implementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","/csharp/aspnet","01.csharp/11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","/csharp/aspnet/minimal-api","01.csharp/11.aspnet/01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","/csharp/aspnet/minimal-api/introduction","01.csharp/11.aspnet/01.minimal-api/01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","/csharp/aspnet/minimal-api/first-application","01.csharp/11.aspnet/01.minimal-api/02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","/csharp/aspnet/minimal-api/webapplication-builder","01.csharp/11.aspnet/01.minimal-api/03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","/csharp/aspnet/minimal-api/request-pipeline-middleware","01.csharp/11.aspnet/01.minimal-api/04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/routing-basics","01.csharp/11.aspnet/01.minimal-api/05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","/csharp/aspnet/minimal-api/routing-advanced","01.csharp/11.aspnet/01.minimal-api/06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","/csharp/aspnet/minimal-api/static-files","01.csharp/11.aspnet/01.minimal-api/07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","/csharp/aspnet/minimal-api/static-assets","01.csharp/11.aspnet/01.minimal-api/08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/configuration-fundamentals","01.csharp/11.aspnet/01.minimal-api/09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","/csharp/aspnet/minimal-api/configuration-options","01.csharp/11.aspnet/01.minimal-api/10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/logging-basics","01.csharp/11.aspnet/01.minimal-api/11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","/csharp/aspnet/minimal-api/logging-advanced","01.csharp/11.aspnet/01.minimal-api/12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","/csharp/aspnet/minimal-api/state-management","01.csharp/11.aspnet/01.minimal-api/13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","/csharp/aspnet/minimal-api/session-state","01.csharp/11.aspnet/01.minimal-api/14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","/csharp/aspnet/minimal-api/project-structure","01.csharp/11.aspnet/01.minimal-api/15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","/csharp/aspnet/minimal-api/scalar-openapi-fluent","01.csharp/11.aspnet/01.minimal-api/16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger / Swashbuckle у Minimal API: окремий класичний шлях","/csharp/aspnet/minimal-api/swagger-swashbuckle","01.csharp/11.aspnet/01.minimal-api/17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","/csharp/aspnet/api","01.csharp/11.aspnet/02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","/csharp/aspnet/api/what-is-api","01.csharp/11.aspnet/02.api/01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","/csharp/aspnet/api/data-formats","01.csharp/11.aspnet/02.api/02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","/csharp/aspnet/api/api-paradigms-rest","01.csharp/11.aspnet/02.api/03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","/csharp/aspnet/api/http-methods-status-codes","01.csharp/11.aspnet/02.api/04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","/csharp/aspnet/api/rest-organizing","01.csharp/11.aspnet/02.api/05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","/csharp/aspnet/api/url-nomenclature-crud","01.csharp/11.aspnet/02.api/06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","/csharp/aspnet/api/api-design-naming","01.csharp/11.aspnet/02.api/07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","/csharp/aspnet/api/api-design-validation","01.csharp/11.aspnet/02.api/08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","/csharp/aspnet/api/error-handling-http","01.csharp/11.aspnet/02.api/09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","/csharp/aspnet/api/idempotency-sync","01.csharp/11.aspnet/02.api/10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","/csharp/aspnet/api/pagination-lists","01.csharp/11.aspnet/02.api/11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","/csharp/aspnet/api/security-auth","01.csharp/11.aspnet/02.api/12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","/csharp/aspnet/api/api-design-process","01.csharp/11.aspnet/02.api/13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","/csharp/aspnet/api/openapi","01.csharp/11.aspnet/02.api/14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","/csharp/aspnet/auth","01.csharp/11.aspnet/03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","/csharp/aspnet/auth/auth-fundamentals","01.csharp/11.aspnet/03.auth/01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","/csharp/aspnet/auth/jwt-authentication","01.csharp/11.aspnet/03.auth/02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","/csharp/aspnet/auth/authorization-policies","01.csharp/11.aspnet/03.auth/03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","/csharp/aspnet/auth/cookie-auth-identity","01.csharp/11.aspnet/03.auth/04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","/csharp/aspnet/auth/04b.identity-auth-jwt","01.csharp/11.aspnet/03.auth/04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","/csharp/aspnet/auth/identity-email-confirmation","01.csharp/11.aspnet/03.auth/05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","/csharp/aspnet/auth/identity-two-factor","01.csharp/11.aspnet/03.auth/06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","/csharp/aspnet/auth/identity-internals","01.csharp/11.aspnet/03.auth/07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","/csharp/aspnet/auth/oauth-external-providers","01.csharp/11.aspnet/03.auth/08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","/csharp/aspnet/auth/security-hardening","01.csharp/11.aspnet/03.auth/09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","/csharp/aspnet/auth/oauth-theory","01.csharp/11.aspnet/03.auth/10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","/csharp/aspnet/auth/oidc-keycloak","01.csharp/11.aspnet/03.auth/10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","/csharp/aspnet/auth/api-keys","01.csharp/11.aspnet/03.auth/11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","/csharp/aspnet/auth/rate-limiting","01.csharp/11.aspnet/03.auth/12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","/csharp/aspnet/auth/refresh-token-rotation","01.csharp/11.aspnet/03.auth/13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","/csharp/aspnet/auth/certificate-auth","01.csharp/11.aspnet/03.auth/14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","/csharp/aspnet/auth/rbac-abac-rebac","01.csharp/11.aspnet/03.auth/15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","/csharp/aspnet/auth/multi-tenancy","01.csharp/11.aspnet/03.auth/16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","/csharp/aspnet/notifications","01.csharp/11.aspnet/04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","/csharp/aspnet/notifications/in-app-database-notifications","01.csharp/11.aspnet/04.notifications/01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","/csharp/aspnet/notifications/polling","01.csharp/11.aspnet/04.notifications/02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","/csharp/aspnet/notifications/server-sent-events","01.csharp/11.aspnet/04.notifications/03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","/csharp/aspnet/notifications/websockets","01.csharp/11.aspnet/04.notifications/04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","/csharp/aspnet/notifications/signalr","01.csharp/11.aspnet/04.notifications/05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","/csharp/aspnet/notifications/background-services","01.csharp/11.aspnet/04.notifications/06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","/csharp/aspnet/notifications/web-push","01.csharp/11.aspnet/04.notifications/07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","/csharp/aspnet/notifications/email-notifications","01.csharp/11.aspnet/04.notifications/08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","/csharp/aspnet/notifications/choosing-the-right-approach","01.csharp/11.aspnet/04.notifications/09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","/csharp/aspnet/notifications/hangfire","01.csharp/11.aspnet/04.notifications/10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","/csharp/aspnet/notifications/hangfire-image-webp","01.csharp/11.aspnet/04.notifications/11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","/csharp/aspnet/notifications/hangfire-video-hls","01.csharp/11.aspnet/04.notifications/12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","/csharp/aspnet/notifications/telegram-notifications","01.csharp/11.aspnet/04.notifications/13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","/csharp/aspnet/i18n","01.csharp/11.aspnet/05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","/csharp/aspnet/i18n/internationalization","01.csharp/11.aspnet/05.i18n/01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","/csharp/aspnet/i18n/humanizer","01.csharp/11.aspnet/05.i18n/02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","/csharp/aspnet/caching","01.csharp/11.aspnet/06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","/csharp/aspnet/caching/caching","01.csharp/11.aspnet/06.caching/01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","/csharp/aspnet/caching/memory-cache","01.csharp/11.aspnet/06.caching/02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","/csharp/aspnet/caching/distributed-cache","01.csharp/11.aspnet/06.caching/03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","/csharp/aspnet/caching/response-cache","01.csharp/11.aspnet/06.caching/04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","/csharp/aspnet/caching/output-cache","01.csharp/11.aspnet/06.caching/05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","/csharp/aspnet/testing","01.csharp/11.aspnet/07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","/csharp/aspnet/testing/what-is-testing","01.csharp/11.aspnet/07.testing/01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","/csharp/aspnet/testing/testing-pyramid","01.csharp/11.aspnet/07.testing/02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","/csharp/aspnet/testing/testing-schools","01.csharp/11.aspnet/07.testing/03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","/csharp/aspnet/testing/tdd-and-bdd","01.csharp/11.aspnet/07.testing/04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","/csharp/aspnet/testing/what-to-test","01.csharp/11.aspnet/07.testing/05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","/csharp/aspnet/testing/test-frameworks","01.csharp/11.aspnet/07.testing/06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","/csharp/aspnet/testing/xunit-basics","01.csharp/11.aspnet/07.testing/07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","/csharp/aspnet/testing/xunit-advanced","01.csharp/11.aspnet/07.testing/08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","/csharp/aspnet/testing/mocking-with-moq","01.csharp/11.aspnet/07.testing/09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","/csharp/aspnet/testing/database-testing","01.csharp/11.aspnet/07.testing/10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","/csharp/aspnet/testing/integration-testing","01.csharp/11.aspnet/07.testing/11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","/csharp/aspnet/testing/11a.integration-testing-practice","01.csharp/11.aspnet/07.testing/11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","/csharp/aspnet/testing/integration-testing-advanced","01.csharp/11.aspnet/07.testing/12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","/csharp/aspnet/testing/postman-professional","01.csharp/11.aspnet/07.testing/13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","/csharp/aspnet/testing/httpclient-testing","01.csharp/11.aspnet/07.testing/14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","/csharp/aspnet/testing/wiremock-net","01.csharp/11.aspnet/07.testing/15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","/csharp/aspnet/testing/testing-patterns","01.csharp/11.aspnet/07.testing/16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","/csharp/aspnet/testing/advanced-testing-tools","01.csharp/11.aspnet/07.testing/17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","/csharp/aspnet/testing/architecture-testing","01.csharp/11.aspnet/07.testing/18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","/csharp/aspnet/testing/performance-testing","01.csharp/11.aspnet/07.testing/19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","/csharp/aspnet/testing/remaining_plan","01.csharp/11.aspnet/07.testing/remaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","/csharp/aspnet/payments","01.csharp/11.aspnet/08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","/csharp/aspnet/payments/payment-fundamentals","01.csharp/11.aspnet/08.payments/01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","/csharp/aspnet/payments/payment-methods-ukraine","01.csharp/11.aspnet/08.payments/02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","/csharp/aspnet/payments/pci-dss-security","01.csharp/11.aspnet/08.payments/03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","/csharp/aspnet/payments/payment-architecture","01.csharp/11.aspnet/08.payments/04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","/csharp/aspnet/payments/liqpay-integration","01.csharp/11.aspnet/08.payments/05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","/csharp/aspnet/payments/monobank-acquiring","01.csharp/11.aspnet/08.payments/06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","/csharp/aspnet/payments/stripe-integration","01.csharp/11.aspnet/08.payments/07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","/csharp/aspnet/payments/webhooks-deep-dive","01.csharp/11.aspnet/08.payments/08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","/csharp/aspnet/payments/subscriptions-recurring","01.csharp/11.aspnet/08.payments/09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","/csharp/aspnet/payments/refunds-disputes","01.csharp/11.aspnet/08.payments/10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","/csharp/aspnet/payments/testing-payments","01.csharp/11.aspnet/08.payments/11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","/csharp/aspnet/payments/production-checklist","01.csharp/11.aspnet/08.payments/12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","/csharp/aspnet/libraries","01.csharp/11.aspnet/09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","/csharp/aspnet/libraries/fluent-validation","01.csharp/11.aspnet/09.libraries/01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","/csharp/aspnet/libraries/mapster","01.csharp/11.aspnet/09.libraries/02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","/csharp/aspnet/libraries/erroror-result-pattern","01.csharp/11.aspnet/09.libraries/03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","/csharp/aspnet/libraries/serilog","01.csharp/11.aspnet/09.libraries/04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","/csharp/aspnet/libraries/mediatr","01.csharp/11.aspnet/09.libraries/05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","/csharp/aspnet/libraries/polly","01.csharp/11.aspnet/09.libraries/06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","/csharp/aspnet/libraries/health-checks","01.csharp/11.aspnet/09.libraries/07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","/csharp/aspnet/libraries/feature-management","01.csharp/11.aspnet/09.libraries/08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","/csharp/aspnet/libraries/fluent-email","01.csharp/11.aspnet/09.libraries/09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","/csharp/aspnet/libraries/quest-pdf","01.csharp/11.aspnet/09.libraries/10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","/csharp/aspnet/libraries/bogus","01.csharp/11.aspnet/09.libraries/11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","/csharp/aspnet/libraries/humanizer-guard","01.csharp/11.aspnet/09.libraries/12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","/csharp/aspnet/libraries/plan","01.csharp/11.aspnet/09.libraries/plan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","/csharp/aspnet/razor-pages","01.csharp/11.aspnet/10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","/csharp/aspnet/razor-pages/from-minimal-api","01.csharp/11.aspnet/10.razor-pages/01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","/csharp/aspnet/razor-pages/page-model","01.csharp/11.aspnet/10.razor-pages/02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","/csharp/aspnet/razor-pages/razor-syntax","01.csharp/11.aspnet/10.razor-pages/03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","/csharp/aspnet/razor-pages/tag-helpers","01.csharp/11.aspnet/10.razor-pages/04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","/csharp/aspnet/razor-pages/forms-validation","01.csharp/11.aspnet/10.razor-pages/05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","/csharp/aspnet/razor-pages/project-task-manager","01.csharp/11.aspnet/10.razor-pages/06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","/csharp/aspnet/mvc","01.csharp/11.aspnet/11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","/csharp/aspnet/mvc/mvc-pattern","01.csharp/11.aspnet/11.mvc/01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","/csharp/aspnet/mvc/from-razor-pages","01.csharp/11.aspnet/11.mvc/02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","/csharp/aspnet/mvc/controllers-actions","01.csharp/11.aspnet/11.mvc/03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","/csharp/aspnet/mvc/routing-mvc","01.csharp/11.aspnet/11.mvc/04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","/csharp/aspnet/mvc/model-binding","01.csharp/11.aspnet/11.mvc/05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","/csharp/aspnet/mvc/views-viewdata-tempdata","01.csharp/11.aspnet/11.mvc/06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","/csharp/aspnet/mvc/filters","01.csharp/11.aspnet/11.mvc/07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","/csharp/aspnet/mvc/areas","01.csharp/11.aspnet/11.mvc/08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","/csharp/aspnet/mvc/view-components","01.csharp/11.aspnet/11.mvc/09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","/csharp/aspnet/mvc/display-editor-templates","01.csharp/11.aspnet/11.mvc/10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","/csharp/aspnet/mvc/validation-advanced","01.csharp/11.aspnet/11.mvc/11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","/csharp/aspnet/mvc/htmx","01.csharp/11.aspnet/11.mvc/12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","/csharp/aspnet/mvc/ajax-htmx-mvc","01.csharp/11.aspnet/11.mvc/13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","/csharp/aspnet/mvc/htmx-project","01.csharp/11.aspnet/11.mvc/14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","/csharp/aspnet/mvc/file-upload","01.csharp/11.aspnet/11.mvc/15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","/csharp/aspnet/mvc/globalization-localization","01.csharp/11.aspnet/11.mvc/16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","/csharp/aspnet/mvc/mvc-project","01.csharp/11.aspnet/11.mvc/17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","/csharp/aspnet/mvc/plan","01.csharp/11.aspnet/11.mvc/plan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","/csharp/aspnet/web-api","01.csharp/11.aspnet/12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","/csharp/aspnet/web-api/from-minimal-api-to-controllers","01.csharp/11.aspnet/12.web-api/01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","/csharp/aspnet/web-api/controller-base-actionresult","01.csharp/11.aspnet/12.web-api/02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","/csharp/aspnet/web-api/content-negotiation","01.csharp/11.aspnet/12.web-api/03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","/csharp/aspnet/web-api/api-versioning","01.csharp/11.aspnet/12.web-api/04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","/csharp/aspnet/web-api/problemdetails-error-handling","01.csharp/11.aspnet/12.web-api/05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","/csharp/aspnet/web-api/filters-for-api","01.csharp/11.aspnet/12.web-api/06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","/csharp/aspnet/web-api/pagination-filtering-sorting","01.csharp/11.aspnet/12.web-api/07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","/csharp/aspnet/web-api/hateoas-resource-expansion","01.csharp/11.aspnet/12.web-api/08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","/csharp/aspnet/web-api/minimal-api-vs-controllers-hybrid","01.csharp/11.aspnet/12.web-api/09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","/csharp/aspnet/web-api/api-documentation-generation","01.csharp/11.aspnet/12.web-api/10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","/csharp/aspnet/web-api/health-checks-monitoring","01.csharp/11.aspnet/12.web-api/11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","/csharp/aspnet/web-api/web-api-project","01.csharp/11.aspnet/12.web-api/12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","/csharp/aspnet/web-api/plan","01.csharp/11.aspnet/12.web-api/plan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Desktop UI","i-lucide-app-window","/csharp/desktop-ui","01.csharp/12.desktop-ui",[1352,1356,1360,1364,1368,1372,1376,1380,1384,1388,1392,1396,1400,1404,1408,1412,1416,1420,1424,1428,1432,1436,1440,1444,1448,1452,1456,1460,1464,1468,1472,1476,1480,1484,1488,1492,1496,1500,1504,1508,1512,1516,1520,1524,1528,1532,1536,1540,1544,1548,1552,1556,1560,1564,1568,1572,1576,1580,1584,1588,1592,1596,1600,1604,1608,1612,1616,1620,1624,1628,1632],{"title":1353,"path":1354,"stem":1355},"Що таке десктопна розробка?","/csharp/desktop-ui/what-is-desktop-dev","01.csharp/12.desktop-ui/01.what-is-desktop-dev",{"title":1357,"path":1358,"stem":1359},"Архітектура WPF — як влаштований графічний інтерфейс","/csharp/desktop-ui/wpf-architecture","01.csharp/12.desktop-ui/02.wpf-architecture",{"title":1361,"path":1362,"stem":1363},"Перший WPF-проєкт — від нуля до вікна","/csharp/desktop-ui/first-wpf-app","01.csharp/12.desktop-ui/03.first-wpf-app",{"title":1365,"path":1366,"stem":1367},"Перший Avalonia-проєкт: WPF для всіх платформ","/csharp/desktop-ui/03a.first-avalonia-app","01.csharp/12.desktop-ui/03a.first-avalonia-app",{"title":1369,"path":1370,"stem":1371},"XAML: декларативний інтерфейс","/csharp/desktop-ui/xaml-basics","01.csharp/12.desktop-ui/04.xaml-basics",{"title":1373,"path":1374,"stem":1375},"Fluent UI у WPF — сучасний дизайн Windows 11","/csharp/desktop-ui/04a.wpf-fluent-ui","01.csharp/12.desktop-ui/04a.wpf-fluent-ui",{"title":1377,"path":1378,"stem":1379},"WPF UI — сучасна бібліотека Fluent контролів","/csharp/desktop-ui/04b.wpf-ui-library","01.csharp/12.desktop-ui/04b.wpf-ui-library",{"title":1381,"path":1382,"stem":1383},"HandyControl — велика бібліотека UI контролів для WPF","/csharp/desktop-ui/04c.handycontrol-library","01.csharp/12.desktop-ui/04c.handycontrol-library",{"title":1385,"path":1386,"stem":1387},"Простори імен та ресурси XAML","/csharp/desktop-ui/xaml-namespaces-resources","01.csharp/12.desktop-ui/05.xaml-namespaces-resources",{"title":1389,"path":1390,"stem":1391},"XAML в Avalonia: ключові відмінності від WPF","/csharp/desktop-ui/05a.avalonia-xaml-differences","01.csharp/12.desktop-ui/05a.avalonia-xaml-differences",{"title":1393,"path":1394,"stem":1395},"Розширення розмітки XAML (Markup Extensions)","/csharp/desktop-ui/xaml-markup-extensions","01.csharp/12.desktop-ui/06.xaml-markup-extensions",{"title":1397,"path":1398,"stem":1399},"Панелі Layout: StackPanel, WrapPanel, DockPanel","/csharp/desktop-ui/layout-panels-part1","01.csharp/12.desktop-ui/07.layout-panels-part1",{"title":1401,"path":1402,"stem":1403},"Grid, Canvas, UniformGrid","/csharp/desktop-ui/layout-panels-part2","01.csharp/12.desktop-ui/07.layout-panels-part2",{"title":1405,"path":1406,"stem":1407},"Просунуті техніки Layout","/csharp/desktop-ui/layout-advanced","01.csharp/12.desktop-ui/08.layout-advanced",{"title":1409,"path":1410,"stem":1411},"Адаптивний Layout та найкращі практики","/csharp/desktop-ui/layout-responsive","01.csharp/12.desktop-ui/09.layout-responsive",{"title":1413,"path":1414,"stem":1415},"Layout в Avalonia: відмінності та нові можливості","/csharp/desktop-ui/09a.layout-avalonia","01.csharp/12.desktop-ui/09a.layout-avalonia",{"title":1417,"path":1418,"stem":1419},"Button, Image, ProgressBar та інші базові контроли","/csharp/desktop-ui/basic-controls","01.csharp/12.desktop-ui/10.basic-controls",{"title":1421,"path":1422,"stem":1423},"Контроли в Avalonia: відмінності від WPF","/csharp/desktop-ui/10a.controls-avalonia","01.csharp/12.desktop-ui/10a.controls-avalonia",{"title":1425,"path":1426,"stem":1427},"Текстові контроли — TextBlock, TextBox, RichTextBox","/csharp/desktop-ui/text-controls","01.csharp/12.desktop-ui/11.text-controls",{"title":1429,"path":1430,"stem":1431},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","/csharp/desktop-ui/selection-controls","01.csharp/12.desktop-ui/12.selection-controls",{"title":1433,"path":1434,"stem":1435},"Content Model — GroupBox, Expander, TabControl, StatusBar","/csharp/desktop-ui/content-controls","01.csharp/12.desktop-ui/13.content-controls",{"title":1437,"path":1438,"stem":1439},"UI/UX принципи десктопних застосунків","/csharp/desktop-ui/13a.ui-ux-principles","01.csharp/12.desktop-ui/13a.ui-ux-principles",{"title":1441,"path":1442,"stem":1443},"Dependency Properties — Концепція та Value Resolution","/csharp/desktop-ui/dependency-properties-part1","01.csharp/12.desktop-ui/14.dependency-properties-part1",{"title":1445,"path":1446,"stem":1447},"Avalonia Property System — StyledProperty та DirectProperty","/csharp/desktop-ui/14a.avalonia-property-system","01.csharp/12.desktop-ui/14a.avalonia-property-system",{"title":1449,"path":1450,"stem":1451},"Attached Properties — Властивості без меж","/csharp/desktop-ui/attached-properties","01.csharp/12.desktop-ui/15.attached-properties",{"title":1453,"path":1454,"stem":1455},"Routed Events — Маршрутизація подій у WPF","/csharp/desktop-ui/routed-events","01.csharp/12.desktop-ui/16.routed-events",{"title":1457,"path":1458,"stem":1459},"Data Binding — Від Code-Behind до Декларативності","/csharp/desktop-ui/data-binding-basics-part1","01.csharp/12.desktop-ui/17.data-binding-basics-part1",{"title":1461,"path":1462,"stem":1463},"INotifyPropertyChanged — Живе оновлення UI","/csharp/desktop-ui/data-binding-basics-part2","01.csharp/12.desktop-ui/17.data-binding-basics-part2",{"title":1465,"path":1466,"stem":1467},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","/csharp/desktop-ui/17a.avalonia-compiled-bindings","01.csharp/12.desktop-ui/17a.avalonia-compiled-bindings",{"title":1469,"path":1470,"stem":1471},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","/csharp/desktop-ui/data-binding-advanced","01.csharp/12.desktop-ui/18.data-binding-advanced",{"title":1473,"path":1474,"stem":1475},"Value Converters — Перетворення типів даних у Data Binding","/csharp/desktop-ui/value-converters","01.csharp/12.desktop-ui/19.value-converters",{"title":1477,"path":1478,"stem":1479},"Data Templates — Візуалізація об'єктів у WPF","/csharp/desktop-ui/data-templates","01.csharp/12.desktop-ui/20.data-templates",{"title":1481,"path":1482,"stem":1483},"Collections Binding Part 1 — ObservableCollection та ItemsControl","/csharp/desktop-ui/collections-binding-part1","01.csharp/12.desktop-ui/21.collections-binding-part1",{"title":1485,"path":1486,"stem":1487},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","/csharp/desktop-ui/collections-binding-part2","01.csharp/12.desktop-ui/21.collections-binding-part2",{"title":1489,"path":1490,"stem":1491},"MVVM Pattern — Від Spaghetti Code до архітектури","/csharp/desktop-ui/mvvm-pattern","01.csharp/12.desktop-ui/22.mvvm-pattern",{"title":1493,"path":1494,"stem":1495},"ViewModel Implementation — Від BaseViewModel до валідації","/csharp/desktop-ui/viewmodel-implementation","01.csharp/12.desktop-ui/23.viewmodel-implementation",{"title":1497,"path":1498,"stem":1499},"Commands — Від event handlers до декларативних команд","/csharp/desktop-ui/commands","01.csharp/12.desktop-ui/24.commands",{"title":1501,"path":1502,"stem":1503},"MVVM Toolkit — MVVM без boilerplate через Source Generators","/csharp/desktop-ui/mvvm-toolkit","01.csharp/12.desktop-ui/25.mvvm-toolkit",{"title":1505,"path":1506,"stem":1507},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","/csharp/desktop-ui/messenger-pattern","01.csharp/12.desktop-ui/26.messenger-pattern",{"title":1509,"path":1510,"stem":1511},"Стилі WPF — CSS для десктопу","/csharp/desktop-ui/styles-basics","01.csharp/12.desktop-ui/27.styles-basics",{"title":1513,"path":1514,"stem":1515},"CSS-like стилі Avalonia","/csharp/desktop-ui/27a.avalonia-css-styling","01.csharp/12.desktop-ui/27a.avalonia-css-styling",{"title":1517,"path":1518,"stem":1519},"Control Templates — Частина 1. Концепція та TemplateBinding","/csharp/desktop-ui/control-templates-part1","01.csharp/12.desktop-ui/28.control-templates-part1",{"title":1521,"path":1522,"stem":1523},"Control Templates — Частина 2. Named Parts та ContentPresenter","/csharp/desktop-ui/control-templates-part2","01.csharp/12.desktop-ui/28.control-templates-part2",{"title":1525,"path":1526,"stem":1527},"Control Themes в Avalonia — нова ера стилізації","/csharp/desktop-ui/28a.avalonia-control-themes","01.csharp/12.desktop-ui/28a.avalonia-control-themes",{"title":1529,"path":1530,"stem":1531},"Triggers та Visual State Manager у WPF","/csharp/desktop-ui/triggers-visual-states","01.csharp/12.desktop-ui/29.triggers-visual-states",{"title":1533,"path":1534,"stem":1535},"Pseudo-classes в Avalonia — замість WPF Triggers","/csharp/desktop-ui/29a.avalonia-pseudo-classes","01.csharp/12.desktop-ui/29a.avalonia-pseudo-classes",{"title":1537,"path":1538,"stem":1539},"Теми та ресурсні словники у WPF","/csharp/desktop-ui/resources-themes","01.csharp/12.desktop-ui/30.resources-themes",{"title":1541,"path":1542,"stem":1543},"Avalonia Themes — Fluent Design та система тематизації","/csharp/desktop-ui/30a.avalonia-themes-fluent","01.csharp/12.desktop-ui/30a.avalonia-themes-fluent",{"title":1545,"path":1546,"stem":1547},"Контроли колекцій — глибоке занурення","/csharp/desktop-ui/collection-controls","01.csharp/12.desktop-ui/31.collection-controls",{"title":1549,"path":1550,"stem":1551},"DataGrid — колонки та базове відображення","/csharp/desktop-ui/datagrid-part1","01.csharp/12.desktop-ui/32.datagrid-part1",{"title":1553,"path":1554,"stem":1555},"DataGrid — сортування, фільтрація, редагування","/csharp/desktop-ui/datagrid-part2","01.csharp/12.desktop-ui/32.datagrid-part2",{"title":1557,"path":1558,"stem":1559},"TreeView та GridView","/csharp/desktop-ui/treeview-listview","01.csharp/12.desktop-ui/33.treeview-listview",{"title":1561,"path":1562,"stem":1563},"Меню, Toolbar, ContextMenu, StatusBar","/csharp/desktop-ui/menus-toolbars","01.csharp/12.desktop-ui/34.menus-toolbars",{"title":1565,"path":1566,"stem":1567},"Навігація та керування вікнами. Частина 1: вікна та сторінки","/csharp/desktop-ui/navigation-windows-part1","01.csharp/12.desktop-ui/35.navigation-windows-part1",{"title":1569,"path":1570,"stem":1571},"Навігація та керування вікнами. Частина 2: MVVM-навігація","/csharp/desktop-ui/navigation-windows-part2","01.csharp/12.desktop-ui/35.navigation-windows-part2",{"title":1573,"path":1574,"stem":1575},"Avalonia — Навігація та діалоги","/csharp/desktop-ui/35a.avalonia-navigation-dialogs","01.csharp/12.desktop-ui/35a.avalonia-navigation-dialogs",{"title":1577,"path":1578,"stem":1579},"Діалоги та File Pickers у WPF","/csharp/desktop-ui/dialogs-file-pickers","01.csharp/12.desktop-ui/36.dialogs-file-pickers",{"title":1581,"path":1582,"stem":1583},"UserControl: компонентний підхід у WPF","/csharp/desktop-ui/user-controls","01.csharp/12.desktop-ui/37.user-controls",{"title":1585,"path":1586,"stem":1587},"Custom Controls: Lookless Controls у WPF","/csharp/desktop-ui/custom-controls","01.csharp/12.desktop-ui/38.custom-controls",{"title":1589,"path":1590,"stem":1591},"Avalonia TemplatedControl — Lookless Controls","/csharp/desktop-ui/38a.avalonia-templated-controls","01.csharp/12.desktop-ui/38a.avalonia-templated-controls",{"title":1593,"path":1594,"stem":1595},"Анімації у WPF: Storyboard та Easing Functions","/csharp/desktop-ui/animations-transitions","01.csharp/12.desktop-ui/39.animations-transitions",{"title":1597,"path":1598,"stem":1599},"Анімації в Avalonia","/csharp/desktop-ui/39a.avalonia-animations","01.csharp/12.desktop-ui/39a.avalonia-animations",{"title":1601,"path":1602,"stem":1603},"2D Графіка та Мультимедіа у WPF","/csharp/desktop-ui/media-graphics","01.csharp/12.desktop-ui/40.media-graphics",{"title":1605,"path":1606,"stem":1607},"Dependency Injection у WPF та Avalonia","/csharp/desktop-ui/di-integration","01.csharp/12.desktop-ui/41.di-integration",{"title":1609,"path":1610,"stem":1611},"SQLite та EF Core у десктопних додатках","/csharp/desktop-ui/data-persistence-part1","01.csharp/12.desktop-ui/42.data-persistence-part1",{"title":1613,"path":1614,"stem":1615},"Repository Pattern та Unit of Work","/csharp/desktop-ui/data-persistence-part2","01.csharp/12.desktop-ui/43.data-persistence-part2",{"title":1617,"path":1618,"stem":1619},"Тестування ViewModels","/csharp/desktop-ui/viewmodel-testing","01.csharp/12.desktop-ui/44.viewmodel-testing",{"title":1621,"path":1622,"stem":1623},"Avalonia Headless Testing — тестування UI без вікон","/csharp/desktop-ui/44a.avalonia-headless-testing","01.csharp/12.desktop-ui/44a.avalonia-headless-testing",{"title":1625,"path":1626,"stem":1627},"Кросплатформна розробка з Avalonia","/csharp/desktop-ui/avalonia-cross-platform","01.csharp/12.desktop-ui/45.avalonia-cross-platform",{"title":1629,"path":1630,"stem":1631},"Пакування та розгортання Avalonia додатків","/csharp/desktop-ui/avalonia-packaging-deployment","01.csharp/12.desktop-ui/46.avalonia-packaging-deployment",{"title":1633,"path":1634,"stem":1635},"Розгортання WPF застосунків","/csharp/desktop-ui/wpf-packaging-deployment","01.csharp/12.desktop-ui/47.wpf-packaging-deployment",{"title":1637,"path":1638,"stem":1639},"C# & .NET: The Ultimate Roadmap","/csharp/roadmap","01.csharp/roadmap",{"title":1641,"icon":1642,"path":1643,"stem":1644,"children":1645,"page":59},"C++","i-devicon-cplusplus","/cpp","02.cpp",[1646,1650,1654,1658,1662,1666,1670,1674,1678,1681,1685,1689,1693,1697,1701,1705,1709,1713,1717,1721,1725,1729,1733,1737,1741,1745,1749,1753,1757,1761],{"title":1647,"path":1648,"stem":1649},"Вступ у програмування та алгоритми","/cpp/intro-algorithms","02.cpp/01.intro-algorithms",{"title":1651,"path":1652,"stem":1653},"Code Style: угоди про оформлення коду","/cpp/code-style","02.cpp/02.code-style",{"title":1655,"path":1656,"stem":1657},"Середовище розробки та перший проєкт","/cpp/ide-setup","02.cpp/03.ide-setup",{"title":1659,"path":1660,"stem":1661},"Вивід даних на екран","/cpp/data-output","02.cpp/04.data-output",{"title":1663,"path":1664,"stem":1665},"Типи даних, змінні та константи","/cpp/data-types-variables","02.cpp/05.data-types-variables",{"title":1667,"path":1668,"stem":1669},"Ввід даних з клавіатури","/cpp/data-input","02.cpp/06.data-input",{"title":1671,"path":1672,"stem":1673},"Оператори, перетворення типів та логічні операції","/cpp/operators-type-conversion","02.cpp/07.operators-type-conversion",{"title":1675,"path":1676,"stem":1677},"Цикли","/cpp/loops","02.cpp/08.loops",{"title":32,"path":1679,"stem":1680},"/cpp/arrays","02.cpp/09.arrays",{"title":1682,"path":1683,"stem":1684},"Алгоритми сортування та аналіз складності","/cpp/sorting","02.cpp/10.sorting",{"title":1686,"path":1687,"stem":1688},"Алгоритми пошуку","/cpp/searching","02.cpp/11.searching",{"title":1690,"path":1691,"stem":1692},"Функції: основи","/cpp/functions-basics","02.cpp/12.functions-basics",{"title":1694,"path":1695,"stem":1696},"Функції: прототипи, область видимості та додаткові можливості","/cpp/functions-scope","02.cpp/13.functions-scope",{"title":1698,"path":1699,"stem":1700},"Функції: перевантаження та шаблони","/cpp/functions-overloading-templates","02.cpp/14.functions-overloading-templates",{"title":1702,"path":1703,"stem":1704},"Вказівники: основи","/cpp/pointers-basics","02.cpp/15.pointers-basics",{"title":1706,"path":1707,"stem":1708},"Посилання (References)","/cpp/references","02.cpp/16.references",{"title":1710,"path":1711,"stem":1712},"Вказівники, const і масиви","/cpp/pointers-const-arrays","02.cpp/17.pointers-const-arrays",{"title":1714,"path":1715,"stem":1716},"Адресна арифметика","/cpp/pointer-arithmetic","02.cpp/18.pointer-arithmetic",{"title":1718,"path":1719,"stem":1720},"Динамічна пам'ять","/cpp/dynamic-memory","02.cpp/19.dynamic-memory",{"title":1722,"path":1723,"stem":1724},"Вказівники типу void","/cpp/void-pointers","02.cpp/20.void-pointers",{"title":1726,"path":1727,"stem":1728},"Вказівники на вказівники","/cpp/pointers-to-pointers","02.cpp/21.pointers-to-pointers",{"title":1730,"path":1731,"stem":1732},"Оператор доступу до членів через вказівник (->)","/cpp/member-access-operator","02.cpp/22.member-access-operator",{"title":1734,"path":1735,"stem":1736},"Цикл for-each (Range-based for)","/cpp/foreach-loop","02.cpp/23.foreach-loop",{"title":1738,"path":1739,"stem":1740},"Вказівники на функції","/cpp/function-pointers","02.cpp/24.function-pointers",{"title":1742,"path":1743,"stem":1744},"Лямбда-вирази","/cpp/lambdas","02.cpp/25.lambdas",{"title":1746,"path":1747,"stem":1748},"Лямбда-захоплення","/cpp/lambda-captures","02.cpp/26.lambda-captures",{"title":1750,"path":1751,"stem":1752},"Еліпсис","/cpp/ellipsis","02.cpp/27.ellipsis",{"title":1754,"path":1755,"stem":1756},"Аргументи командного рядка","/cpp/command-line-arguments","02.cpp/28.command-line-arguments",{"title":1758,"path":1759,"stem":1760},"Перерахування (enum)","/cpp/enum","02.cpp/29.enum",{"title":1762,"path":1763,"stem":1764},"План навчання: Курс C++ — Продовження (Статті 29–60+)","/cpp/curriculum-plan","02.cpp/curriculum-plan",{"title":1766,"icon":1767,"path":1768,"stem":1769,"children":1770,"page":59},"JavaScript","i-devicon-javascript","/javascript","03.javascript",[1771,1797,1851,1873,2177,2215],{"title":1772,"icon":1773,"path":1774,"stem":1775,"children":1776,"page":59},"Events","i-lucide-mouse-pointer-click","/javascript/events","03.javascript/01.events",[1777,1781,1785,1789,1793],{"title":1778,"path":1779,"stem":1780},"Вступ до подій браузера","/javascript/events/intro","03.javascript/01.events/01.intro",{"title":1782,"path":1783,"stem":1784},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","/javascript/events/bubbling-capturing","03.javascript/01.events/02.bubbling-capturing",{"title":1786,"path":1787,"stem":1788},"Делегування подій (Event Delegation)","/javascript/events/delegate-events","03.javascript/01.events/03.delegate-events",{"title":1790,"path":1791,"stem":1792},"Типові дії браузера та preventDefault()","/javascript/events/prevent-default","03.javascript/01.events/04.prevent-default",{"title":1794,"path":1795,"stem":1796},"Запуск користувацьких подій (Custom Events)","/javascript/events/custom-events","03.javascript/01.events/05.custom-events",{"title":1798,"icon":1799,"path":1800,"stem":1801,"children":1802,"page":59},"Network","i-lucide-globe","/javascript/network","03.javascript/02.network",[1803,1807,1811,1815,1819,1823,1827,1831,1835,1839,1843,1847],{"title":1804,"path":1805,"stem":1806},"Fetch API - Сучасний підхід до HTTP-запитів","/javascript/network/01-fetch-api","03.javascript/02.network/01-fetch-api",{"title":1808,"path":1809,"stem":1810},"FormData - Робота з формами та файлами","/javascript/network/02-formdata","03.javascript/02.network/02-formdata",{"title":1812,"path":1813,"stem":1814},"Відстеження прогресу завантаження","/javascript/network/03-download-progress","03.javascript/02.network/03-download-progress",{"title":1816,"path":1817,"stem":1818},"Переривання fetch-запитів","/javascript/network/04-abort-requests","03.javascript/02.network/04-abort-requests",{"title":1820,"path":1821,"stem":1822},"CORS - Запити між різними джерелами","/javascript/network/05-cors","03.javascript/02.network/05-cors",{"title":1824,"path":1825,"stem":1826},"Fetch API - Повний довідник опцій","/javascript/network/06-fetch-options","03.javascript/02.network/06-fetch-options",{"title":1828,"path":1829,"stem":1830},"URL Objects - Робота з посиланнями","/javascript/network/07-url-objects","03.javascript/02.network/07-url-objects",{"title":1832,"path":1833,"stem":1834},"XMLHttpRequest - AJAX та низькорівневі запити","/javascript/network/08-xmlhttprequest","03.javascript/02.network/08-xmlhttprequest",{"title":1836,"path":1837,"stem":1838},"Відновлюване завантаження файлів","/javascript/network/09-resumable-upload","03.javascript/02.network/09-resumable-upload",{"title":1840,"path":1841,"stem":1842},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","/javascript/network/10-cookies","03.javascript/02.network/10-cookies",{"title":1844,"path":1845,"stem":1846},"js-cookie: Керування Cookies без Болю","/javascript/network/11-js-cookie","03.javascript/02.network/11-js-cookie",{"title":1848,"path":1849,"stem":1850},"Axios: Потужний HTTP-клієнт для JavaScript","/javascript/network/12-axios","03.javascript/02.network/12-axios",{"title":1852,"icon":1853,"path":1854,"stem":1855,"children":1856,"page":59},"Bom","i-lucide-monitor","/javascript/bom","03.javascript/03.bom",[1857,1861,1865,1869],{"title":1858,"path":1859,"stem":1860},"LocalStorage, SessionStorage та patterns збереження даних","/javascript/bom/01-localstorage","03.javascript/03.bom/01-localstorage",{"title":1862,"path":1863,"stem":1864},"Location Object - Керування адресою сторінки","/javascript/bom/02-location-object","03.javascript/03.bom/02-location-object",{"title":1866,"path":1867,"stem":1868},"History API - Керування історією браузера","/javascript/bom/03-history-api","03.javascript/03.bom/03-history-api",{"title":1870,"path":1871,"stem":1872},"Navigator Object - Ідентифікація та Можливості Пристрою","/javascript/bom/04-navigator-object","03.javascript/03.bom/04-navigator-object",{"title":1874,"icon":1875,"path":1876,"stem":1877,"children":1878},"React","i-devicon-react","/javascript/react","03.javascript/04.react/index",[1879,1880,1884,1888,1892,1896,1959,1994,2146],{"title":1874,"path":1876,"stem":1877},{"title":1881,"path":1882,"stem":1883},"Робота з Формами в React","/javascript/react/react-forms","03.javascript/04.react/01.react-forms",{"title":1885,"path":1886,"stem":1887},"React Hook Form: Професійна Робота з Формами","/javascript/react/react-hook-form","03.javascript/04.react/02.react-hook-form",{"title":1889,"path":1890,"stem":1891},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","/javascript/react/react-hook-form-new","03.javascript/04.react/02.react-hook-form-new",{"title":1893,"path":1894,"stem":1895},"Axios та React: Професійна Архітектура Запитів","/javascript/react/data-fetching-axios","03.javascript/04.react/03.data-fetching-axios",{"title":1897,"icon":132,"path":1898,"stem":1899,"children":1900},"Tanstack Query","/javascript/react/tanstack-query","03.javascript/04.react/04.tanstack-query/index",[1901,1903,1907,1911,1915,1919,1923,1927,1931,1935,1939,1943,1947,1951,1955],{"title":1902,"path":1898,"stem":1899},"TanStack Query: Майстерність Керування Станом Сервера",{"title":1904,"path":1905,"stem":1906},"Парадигма Server State: Чому useEffect недостатньо","/javascript/react/tanstack-query/server-state-paradigm","03.javascript/04.react/04.tanstack-query/01.server-state-paradigm",{"title":1908,"path":1909,"stem":1910},"Встановлення та Налаштування: Фундамент","/javascript/react/tanstack-query/installation-and-devtools","03.javascript/04.react/04.tanstack-query/02.installation-and-devtools",{"title":1912,"path":1913,"stem":1914},"Основи Запитів та Магія Ключів","/javascript/react/tanstack-query/query-basics-and-keys","03.javascript/04.react/04.tanstack-query/03.query-basics-and-keys",{"title":1916,"path":1917,"stem":1918},"Синхронізація Даних: Життєвий Цикл Запиту","/javascript/react/tanstack-query/data-synchronization","03.javascript/04.react/04.tanstack-query/04.data-synchronization",{"title":1920,"path":1921,"stem":1922},"Мутації та Інвалідація: Зміна Даних","/javascript/react/tanstack-query/mutations-and-invalidation","03.javascript/04.react/04.tanstack-query/05.mutations-and-invalidation",{"title":1924,"path":1925,"stem":1926},"Оптимістичні Оновлення: Швидше за Світло","/javascript/react/tanstack-query/optimistic-updates","03.javascript/04.react/04.tanstack-query/06.optimistic-updates",{"title":1928,"path":1929,"stem":1930},"Пагінація та Infinite Scroll","/javascript/react/tanstack-query/pagination-and-load-more","03.javascript/04.react/04.tanstack-query/07.pagination-and-load-more",{"title":1932,"path":1933,"stem":1934},"Просунуті Патерни та Оптимізація","/javascript/react/tanstack-query/advanced-patterns","03.javascript/04.react/04.tanstack-query/08.advanced-patterns",{"title":1936,"path":1937,"stem":1938},"Архітектура та Best Practices","/javascript/react/tanstack-query/architecture-and-best-practices","03.javascript/04.react/04.tanstack-query/09.architecture-and-best-practices",{"title":1940,"path":1941,"stem":1942},"Server-Side Rendering (SSR) та Гідратація","/javascript/react/tanstack-query/server-side-rendering","03.javascript/04.react/04.tanstack-query/10.server-side-rendering",{"title":1944,"path":1945,"stem":1946},"Стратегії Тестування","/javascript/react/tanstack-query/testing-strategies","03.javascript/04.react/04.tanstack-query/11.testing-strategies",{"title":1948,"path":1949,"stem":1950},"Аутентифікація та Обробка Помилок","/javascript/react/tanstack-query/authentication-and-errors","03.javascript/04.react/04.tanstack-query/12.authentication-and-errors",{"title":1952,"path":1953,"stem":1954},"React Suspense та Майбутнє","/javascript/react/tanstack-query/react-suspense","03.javascript/04.react/04.tanstack-query/13.react-suspense",{"title":1956,"path":1957,"stem":1958},"Глибоке Занурення в Продуктивність","/javascript/react/tanstack-query/performance-deep-dive","03.javascript/04.react/04.tanstack-query/14.performance-deep-dive",{"title":1960,"icon":1875,"path":1961,"stem":1962,"children":1963},"React Router","/javascript/react/react-router","03.javascript/04.react/05.react-router/index",[1964,1966,1970,1974,1978,1982,1986,1990],{"title":1965,"path":1961,"stem":1962},"React Router: Навігаційна система сучасного вебу",{"title":1967,"path":1968,"stem":1969},"Налаштування та Базовий Роутинг","/javascript/react/react-router/setup-and-basic-routing","03.javascript/04.react/05.react-router/01.setup-and-basic-routing",{"title":1971,"path":1972,"stem":1973},"Динамічна Навігація","/javascript/react/react-router/navigation-and-links","03.javascript/04.react/05.react-router/02.navigation-and-links",{"title":1975,"path":1976,"stem":1977},"Вкладені Маршрути та Макети","/javascript/react/react-router/nested-routes-and-layouts","03.javascript/04.react/05.react-router/03.nested-routes-and-layouts",{"title":1979,"path":1980,"stem":1981},"Динамічні Маршрути та Параметри","/javascript/react/react-router/dynamic-routing","03.javascript/04.react/05.react-router/04.dynamic-routing",{"title":1983,"path":1984,"stem":1985},"Data APIs: Loaders та Actions","/javascript/react/react-router/data-loading","03.javascript/04.react/05.react-router/05.data-loading",{"title":1987,"path":1988,"stem":1989},"Просунуті Патерни","/javascript/react/react-router/advanced-patterns","03.javascript/04.react/05.react-router/06.advanced-patterns",{"title":1991,"path":1992,"stem":1993},"Legacy Routing: Компонентний підхід","/javascript/react/react-router/legacy-routing","03.javascript/04.react/05.react-router/07.legacy-routing",{"title":1995,"icon":132,"path":1996,"stem":1997,"children":1998},"Redux","/javascript/react/redux","03.javascript/04.react/06.redux/index",[1999,2001,2017,2046,2055,2076,2092,2121],{"title":2000,"path":1996,"stem":1997},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2002,"stem":2003,"children":2004,"page":59},"/javascript/react/redux/fundamentals","03.javascript/04.react/06.redux/01.fundamentals",[2005,2009,2013],{"title":2006,"path":2007,"stem":2008},"Вступ до State Management","/javascript/react/redux/fundamentals/intro-state-management","03.javascript/04.react/06.redux/01.fundamentals/01.intro-state-management",{"title":2010,"path":2011,"stem":2012},"Філософія Redux та Три Принципи","/javascript/react/redux/fundamentals/redux-philosophy","03.javascript/04.react/06.redux/01.fundamentals/02.redux-philosophy",{"title":2014,"path":2015,"stem":2016},"Чисті функції та Іммутабельність","/javascript/react/redux/fundamentals/pure-functions-immutability","03.javascript/04.react/06.redux/01.fundamentals/03.pure-functions-immutability",{"title":2018,"icon":132,"path":2019,"stem":2020,"children":2021,"page":59},"Classic Redux","/javascript/react/redux/classic-redux","03.javascript/04.react/06.redux/02.classic-redux",[2022,2026,2030,2034,2038,2042],{"title":2023,"path":2024,"stem":2025},"Створення Store (Classic Redux)","/javascript/react/redux/classic-redux/store-setup","03.javascript/04.react/06.redux/02.classic-redux/01.store-setup",{"title":2027,"path":2028,"stem":2029},"Actions, Constants та Action Creators","/javascript/react/redux/classic-redux/actions-constants","03.javascript/04.react/06.redux/02.classic-redux/02.actions-constants",{"title":2031,"path":2032,"stem":2033},"Логіка Reducers","/javascript/react/redux/classic-redux/reducers","03.javascript/04.react/06.redux/02.classic-redux/03.reducers",{"title":2035,"path":2036,"stem":2037},"Комбінування Reducers (Root Reducer)","/javascript/react/redux/classic-redux/data-flow","03.javascript/04.react/06.redux/02.classic-redux/04.data-flow",{"title":2039,"path":2040,"stem":2041},"Підключення до React (React-Redux)","/javascript/react/redux/classic-redux/react-redux-connection","03.javascript/04.react/06.redux/02.classic-redux/05.react-redux-connection",{"title":2043,"path":2044,"stem":2045},"Middleware та Асинхронність (Redux Thunk)","/javascript/react/redux/classic-redux/middleware-thunk","03.javascript/04.react/06.redux/02.classic-redux/06.middleware-thunk",{"title":2047,"icon":132,"path":2048,"stem":2049,"children":2050,"page":59},"Transition To Rtk","/javascript/react/redux/transition-to-rtk","03.javascript/04.react/06.redux/03.transition-to-rtk",[2051],{"title":2052,"path":2053,"stem":2054},"Проблеми класичного Redux","/javascript/react/redux/transition-to-rtk/problems-with-classic","03.javascript/04.react/06.redux/03.transition-to-rtk/01.problems-with-classic",{"title":2056,"icon":132,"path":2057,"stem":2058,"children":2059,"page":59},"Redux Toolkit","/javascript/react/redux/redux-toolkit","03.javascript/04.react/06.redux/04.redux-toolkit",[2060,2064,2068,2072],{"title":2061,"path":2062,"stem":2063},"Налаштування Store з configureStore","/javascript/react/redux/redux-toolkit/configure-store","03.javascript/04.react/06.redux/04.redux-toolkit/01.configure-store",{"title":2065,"path":2066,"stem":2067},"createSlice: Революція в Redux","/javascript/react/redux/redux-toolkit/create-slice","03.javascript/04.react/06.redux/04.redux-toolkit/02.create-slice",{"title":2069,"path":2070,"stem":2071},"Асинхронність з createAsyncThunk","/javascript/react/redux/redux-toolkit/async-thunks","03.javascript/04.react/06.redux/04.redux-toolkit/03.async-thunks",{"title":2073,"path":2074,"stem":2075},"04. Entity Adapter: Керування нормалізованим станом","/javascript/react/redux/redux-toolkit/entity-adapter","03.javascript/04.react/06.redux/04.redux-toolkit/04.entity-adapter",{"title":2077,"icon":92,"path":2078,"stem":2079,"children":2080,"page":59},"Advanced","/javascript/react/redux/advanced","03.javascript/04.react/06.redux/05.advanced",[2081,2085,2089],{"title":2082,"path":2083,"stem":2084},"Мемоізація та Селектори: Повний Гайд по Reselect","/javascript/react/redux/advanced/selectors-reselect","03.javascript/04.react/06.redux/05.advanced/01.selectors-reselect",{"title":2086,"path":2087,"stem":2088},"RTK Query: Архітектура Серверного Кешу","/javascript/react/redux/advanced/rtk-query-intro","03.javascript/04.react/06.redux/05.advanced/02.rtk-query-intro",{"title":1936,"path":2090,"stem":2091},"/javascript/react/redux/advanced/architecture-best-practices","03.javascript/04.react/06.redux/05.advanced/03.architecture-best-practices",{"title":2093,"icon":132,"path":2094,"stem":2095,"children":2096,"page":59},"Project Kanban","/javascript/react/redux/project-kanban","03.javascript/04.react/06.redux/06.project-kanban",[2097,2101,2105,2109,2113,2117],{"title":2098,"path":2099,"stem":2100},"Проєкт: Kanban Board (Trello Clone)","/javascript/react/redux/project-kanban/project-overview","03.javascript/04.react/06.redux/06.project-kanban/01.project-overview",{"title":2102,"path":2103,"stem":2104},"Налаштування та Типізація","/javascript/react/redux/project-kanban/setup-and-types","03.javascript/04.react/06.redux/06.project-kanban/02.setup-and-types",{"title":2106,"path":2107,"stem":2108},"Board Slice: Серце Дошки","/javascript/react/redux/project-kanban/board-slice","03.javascript/04.react/06.redux/06.project-kanban/03.board-slice",{"title":2110,"path":2111,"stem":2112},"Логіка Drag & Drop","/javascript/react/redux/project-kanban/drag-and-drop-logic","03.javascript/04.react/06.redux/06.project-kanban/04.drag-and-drop-logic",{"title":2114,"path":2115,"stem":2116},"Інтеграція з RTK Query","/javascript/react/redux/project-kanban/rtk-query-integration","03.javascript/04.react/06.redux/06.project-kanban/05.rtk-query-integration",{"title":2118,"path":2119,"stem":2120},"Optimistic Updates","/javascript/react/redux/project-kanban/optimistic-updates","03.javascript/04.react/06.redux/06.project-kanban/06.optimistic-updates",{"title":2122,"icon":132,"path":2123,"stem":2124,"children":2125,"page":59},"Testing","/javascript/react/redux/testing","03.javascript/04.react/06.redux/07.testing",[2126,2130,2134,2138,2142],{"title":2127,"path":2128,"stem":2129},"Тестування Redux","/javascript/react/redux/testing/intro-testing","03.javascript/04.react/06.redux/07.testing/01.intro-testing",{"title":2131,"path":2132,"stem":2133},"Тестування Reducers","/javascript/react/redux/testing/testing-reducers","03.javascript/04.react/06.redux/07.testing/02.testing-reducers",{"title":2135,"path":2136,"stem":2137},"Тестування Селекторів","/javascript/react/redux/testing/testing-selectors","03.javascript/04.react/06.redux/07.testing/03.testing-selectors",{"title":2139,"path":2140,"stem":2141},"Тестування Компонентів (Integration)","/javascript/react/redux/testing/testing-components","03.javascript/04.react/06.redux/07.testing/04.testing-components",{"title":2143,"path":2144,"stem":2145},"Тестування Async Thunks","/javascript/react/redux/testing/testing-thunks","03.javascript/04.react/06.redux/07.testing/05.testing-thunks",{"title":2147,"icon":132,"path":2148,"stem":2149,"children":2150},"Ui Libraries","/javascript/react/ui-libraries","03.javascript/04.react/07.ui-libraries/index",[2151,2153,2157,2161,2165,2169,2173],{"title":2152,"path":2148,"stem":2149},"UI Бібліотеки в React",{"title":2154,"path":2155,"stem":2156},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","/javascript/react/ui-libraries/introduction-to-ui-libraries","03.javascript/04.react/07.ui-libraries/01.introduction-to-ui-libraries",{"title":2158,"path":2159,"stem":2160},"Філософія shadcn/ui: \"Not a Component Library\"","/javascript/react/ui-libraries/shadcn-philosophy","03.javascript/04.react/07.ui-libraries/02.shadcn-philosophy",{"title":2162,"path":2163,"stem":2164},"Установка та Налаштування shadcn/ui","/javascript/react/ui-libraries/shadcn-installation","03.javascript/04.react/07.ui-libraries/03.shadcn-installation",{"title":2166,"path":2167,"stem":2168},"Базові Компоненти shadcn/ui: Фундамент Інтерфейсу","/javascript/react/ui-libraries/shadcn-components-basics","03.javascript/04.react/07.ui-libraries/04.shadcn-components-basics",{"title":2170,"path":2171,"stem":2172},"Компоненти Форм: Побудова Інтерактивних Form","/javascript/react/ui-libraries/shadcn-components-forms","03.javascript/04.react/07.ui-libraries/05.shadcn-components-forms",{"title":2174,"path":2175,"stem":2176},"Складні Компоненти: Dialog, Dropdown, Table та Command","/javascript/react/ui-libraries/shadcn-components-advanced","03.javascript/04.react/07.ui-libraries/06.shadcn-components-advanced",{"title":2178,"icon":2179,"path":2180,"stem":2181,"children":2182,"page":59},"TypeScript","i-devicon-typescript","/javascript/typescript","03.javascript/05.typescript",[2183,2187,2191,2195,2199,2203,2207,2211],{"title":2184,"path":2185,"stem":2186},"TypeScript: Броня для вашого коду","/javascript/typescript/intro-and-basic-types","03.javascript/05.typescript/01.intro-and-basic-types",{"title":2188,"path":2189,"stem":2190},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","/javascript/typescript/interfaces-and-advanced-types","03.javascript/05.typescript/02.interfaces-and-advanced-types",{"title":2192,"path":2193,"stem":2194},"Алхімія Типів: Generics та Utility Types","/javascript/typescript/generics-and-utilities","03.javascript/05.typescript/03.generics-and-utilities",{"title":2196,"path":2197,"stem":2198},"Архітектура та Шаблони: Класи в TypeScript","/javascript/typescript/classes-and-oop","03.javascript/05.typescript/04.classes-and-oop",{"title":2200,"path":2201,"stem":2202},"Продакшн та Екосистема: Advanced Config & Workflow","/javascript/typescript/advanced-patterns-and-config","03.javascript/05.typescript/05.advanced-patterns-and-config",{"title":2204,"path":2205,"stem":2206},"TypeScript у світі React","/javascript/typescript/react-basics","03.javascript/05.typescript/06.react-basics",{"title":2208,"path":2209,"stem":2210},"React + TypeScript: Продвинуті патерни","/javascript/typescript/react-advanced","03.javascript/05.typescript/07.react-advanced",{"title":2212,"path":2213,"stem":2214},"React + TypeScript: Екосистема та бібліотеки","/javascript/typescript/react-ecosystem","03.javascript/05.typescript/08.react-ecosystem",{"title":2216,"path":2217,"stem":2218},"Atomic Design","/javascript/atomic-design","03.javascript/2.atomic-design",{"title":2220,"icon":2221,"path":2222,"stem":2223,"children":2224,"page":59},"Java","i-devicon-java","/java","04.java",[2225,2228,2231,2235,2239,2243,2247],{"title":162,"path":2226,"stem":2227},"/java/data-mapper-part1","04.java/01.data-mapper-part1",{"title":166,"path":2229,"stem":2230},"/java/data-mapper-part2","04.java/02.data-mapper-part2",{"title":2232,"path":2233,"stem":2234},"Service Layer: Організація бізнес-логіки","/java/service-layer","04.java/03.service-layer",{"title":2236,"path":2237,"stem":2238},"Rich Domain Model та State Pattern","/java/rich-domain-model","04.java/04.rich-domain-model",{"title":2240,"path":2241,"stem":2242},"Патерни для складної бізнес-логіки","/java/business-logic-patterns","04.java/05.business-logic-patterns",{"title":2244,"path":2245,"stem":2246},"Обробка помилок та валідація","/java/error-handling-validation","04.java/06.error-handling-validation",{"title":2248,"path":2249,"stem":2250,"children":2251,"page":59},"Проектування баз даних","/java/pr2","04.java/pr2",[2252,2256,2260,2264,2268,2272,2276,2280,2284,2288,2292,2296,2300,2304,2308,2312,2316,2320,2324,2328,2332,2336,2340,2344,2348],{"title":2253,"path":2254,"stem":2255},"Концептуальне моделювання: Мистецтво розуміння предметної області","/java/pr2/conceptual-modeling","04.java/pr2/01.conceptual-modeling",{"title":2257,"path":2258,"stem":2259},"Логічне моделювання: Від бізнес-ідей до структур даних","/java/pr2/logical-modeling","04.java/pr2/02.logical-modeling",{"title":2261,"path":2262,"stem":2263},"Нормалізація: Гігієна даних та боротьба з аномаліями","/java/pr2/normalization","04.java/pr2/03.normalization",{"title":2265,"path":2266,"stem":2267},"Фізична схема: Від абстракції до DDL","/java/pr2/physical-schema","04.java/pr2/04.physical-schema",{"title":2269,"path":2270,"stem":2271},"Архітектурна класифікація таблиць","/java/pr2/table-classification","04.java/pr2/05.table-classification",{"title":2273,"path":2274,"stem":2275},"Database Migrations: Версіонування схеми з Flyway","/java/pr2/database-migrations","04.java/pr2/06.database-migrations",{"title":2277,"path":2278,"stem":2279},"А що, якби це була не реляційна БД?","/java/pr2/beyond-relational","04.java/pr2/07.beyond-relational",{"title":2281,"path":2282,"stem":2283},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","/java/pr2/impedance-mismatch","04.java/pr2/09.impedance-mismatch",{"title":2285,"path":2286,"stem":2287},"JDBC: Перший контакт із базою даних","/java/pr2/jdbc-fundamentals","04.java/pr2/10.jdbc-fundamentals",{"title":2289,"path":2290,"stem":2291},"Якість коду: Spotless, SpotBugs та SonarQube","/java/pr2/10a.code-quality","04.java/pr2/10a.code-quality",{"title":2293,"path":2294,"stem":2295},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","/java/pr2/connection-pool","04.java/pr2/11.connection-pool",{"title":2297,"path":2298,"stem":2299},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","/java/pr2/row-data-gateway","04.java/pr2/12.row-data-gateway",{"title":2301,"path":2302,"stem":2303},"Table Data Gateway: Фасад таблиці як архітектурний відступ","/java/pr2/table-data-gateway","04.java/pr2/13.table-data-gateway",{"title":2305,"path":2306,"stem":2307},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","/java/pr2/repository-data-mapper","04.java/pr2/14.repository-data-mapper",{"title":2309,"path":2310,"stem":2311},"Identity Map: Кешування сутностей у рамках сесії","/java/pr2/identity-map","04.java/pr2/15.identity-map",{"title":2313,"path":2314,"stem":2315},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","/java/pr2/unit-of-work","04.java/pr2/16.unit-of-work",{"title":2317,"path":2318,"stem":2319},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","/java/pr2/strategy-sql","04.java/pr2/17.strategy-sql",{"title":2321,"path":2322,"stem":2323},"Proxy: Lazy Loading для One-To-Many колекцій","/java/pr2/proxy-lazy-loading","04.java/pr2/18.proxy-lazy-loading",{"title":2325,"path":2326,"stem":2327},"Generic Repository через Java Reflection: анотації та динамічний SQL","/java/pr2/generic-repository-reflection","04.java/pr2/19.generic-repository-reflection",{"title":2329,"path":2330,"stem":2331},"Specification Pattern: Композиція бізнес-правил для складних запитів","/java/pr2/specification-pattern","04.java/pr2/20.specification-pattern",{"title":2333,"path":2334,"stem":2335},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","/java/pr2/20a.advanced-specifications","04.java/pr2/20a.advanced-specifications",{"title":2337,"path":2338,"stem":2339},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","/java/pr2/asynchronous-jdbc","04.java/pr2/21.asynchronous-jdbc",{"title":2341,"path":2342,"stem":2343},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","/java/pr2/integration-testing-h2","04.java/pr2/22.integration-testing-h2",{"title":2345,"path":2346,"stem":2347},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","/java/pr2/integration-testing-testcontainers","04.java/pr2/23.integration-testing-testcontainers",{"title":2349,"path":2350,"stem":2351},"Модуль \"Проектування реляційних баз даних\" для 04.java/pr2","/java/pr2/implementation_plan","04.java/pr2/implementation_plan",{"title":2353,"icon":2354,"path":2355,"stem":2356,"children":2357,"page":59},"Бази даних","i-lucide-database","/databases","06.databases",[2358,2388,2411,2448,2477,2495,2529,2541,2550],{"title":2359,"icon":2360,"path":2361,"stem":2362,"children":2363,"page":59},"Intro","i-lucide-play","/databases/intro","06.databases/01.intro",[2364,2368,2372,2376,2380,2384],{"title":2365,"path":2366,"stem":2367},"Введення в теорію баз даних","/databases/intro/introduction-to-databases","06.databases/01.intro/01.introduction-to-databases",{"title":2369,"path":2370,"stem":2371},"Реляційна модель даних","/databases/intro/relational-model-theory","06.databases/01.intro/02.relational-model-theory",{"title":2373,"path":2374,"stem":2375},"ER-моделювання","/databases/intro/er-modeling","06.databases/01.intro/03.er-modeling",{"title":2377,"path":2378,"stem":2379},"Логічне проектування БД","/databases/intro/logical-schema","06.databases/01.intro/04.logical-schema",{"title":2381,"path":2382,"stem":2383},"Класифікація таблиць","/databases/intro/table-classification","06.databases/01.intro/05.table-classification",{"title":2385,"path":2386,"stem":2387},"PlantUML для баз даних","/databases/intro/plantuml-diagrams","06.databases/01.intro/06.plantuml-diagrams",{"title":2389,"icon":2354,"path":2390,"stem":2391,"children":2392,"page":59},"MS SQL Server Start","/databases/ms-sql-server-start","06.databases/02.ms-sql-server-start",[2393,2397,2403,2407],{"title":2394,"path":2395,"stem":2396},"Типи даних у MS SQL Server","/databases/ms-sql-server-start/data-types","06.databases/02.ms-sql-server-start/01.data-types",{"title":2398,"path":2399,"stem":2400,"children":2401},"Індекси у MS SQL Server","/databases/ms-sql-server-start/sql-indexes","06.databases/02.ms-sql-server-start/02.sql-indexes",[2402],{"title":2398,"path":2399,"stem":2400},{"title":2404,"path":2405,"stem":2406},"Системні бази даних MS SQL Server","/databases/ms-sql-server-start/system-databases","06.databases/02.ms-sql-server-start/03.system-databases",{"title":2408,"path":2409,"stem":2410},"Огляд мови SQL та запитів","/databases/ms-sql-server-start/sql-queries-overview","06.databases/02.ms-sql-server-start/04.sql-queries-overview",{"title":2412,"icon":2354,"path":2413,"stem":2414,"children":2415,"page":59},"SQL","/databases/sql","06.databases/03.sql",[2416,2420,2424,2428,2432,2436,2440,2444],{"title":2417,"path":2418,"stem":2419},"Налаштування демонстраційної бази даних","/databases/sql/sample-database-setup","06.databases/03.sql/00.sample-database-setup",{"title":2421,"path":2422,"stem":2423},"DDL - Створення таблиць (CREATE TABLE)","/databases/sql/ddl-create-table","06.databases/03.sql/01.ddl-create-table",{"title":2425,"path":2426,"stem":2427},"DDL - Зміна та видалення таблиць (ALTER, DROP)","/databases/sql/ddl-alter-drop-table","06.databases/03.sql/02.ddl-alter-drop-table",{"title":2429,"path":2430,"stem":2431},"SELECT запити - Основи","/databases/sql/select-queries-fundamentals","06.databases/03.sql/03.select-queries-fundamentals",{"title":2433,"path":2434,"stem":2435},"SELECT запити - Розширені можливості","/databases/sql/select-queries-advanced","06.databases/03.sql/04.select-queries-advanced",{"title":2437,"path":2438,"stem":2439},"INSERT запити - Додавання даних","/databases/sql/insert-queries","06.databases/03.sql/05.insert-queries",{"title":2441,"path":2442,"stem":2443},"UPDATE та DELETE запити","/databases/sql/update-delete-queries","06.databases/03.sql/06.update-delete-queries",{"title":2445,"path":2446,"stem":2447},"Транзакції в SQL","/databases/sql/transactions","06.databases/03.sql/07.transactions",{"title":2449,"icon":2354,"path":2450,"stem":2451,"children":2452,"page":59},"Multi Table Databases","/databases/multi-table-databases","06.databases/04.multi-table-databases",[2453,2457,2461,2465,2469,2473],{"title":2454,"path":2455,"stem":2456},"Зв'язки та нормалізація БД","/databases/multi-table-databases/relationships-and-normalization","06.databases/04.multi-table-databases/00.relationships-and-normalization",{"title":2458,"path":2459,"stem":2460},"INNER JOIN - З'єднання таблиць","/databases/multi-table-databases/inner-join","06.databases/04.multi-table-databases/01.inner-join",{"title":2462,"path":2463,"stem":2464},"OUTER JOINs - LEFT, RIGHT, FULL","/databases/multi-table-databases/outer-joins","06.databases/04.multi-table-databases/02.outer-joins",{"title":2466,"path":2467,"stem":2468},"CROSS та SELF JOINs","/databases/multi-table-databases/cross-self-joins","06.databases/04.multi-table-databases/03.cross-self-joins",{"title":2470,"path":2471,"stem":2472},"Підзапити (Subqueries)","/databases/multi-table-databases/subqueries","06.databases/04.multi-table-databases/04.subqueries",{"title":2474,"path":2475,"stem":2476},"Агрегації з JOIN","/databases/multi-table-databases/aggregations-with-joins","06.databases/04.multi-table-databases/05.aggregations-with-joins",{"title":2478,"icon":2479,"path":2480,"stem":2481,"children":2482,"page":59},"Aggregate Functions","i-lucide-calculator","/databases/aggregate-functions","06.databases/05.aggregate-functions",[2483,2487,2491],{"title":2484,"path":2485,"stem":2486},"Функції агрегування в MS SQL Server","/databases/aggregate-functions/introduction-aggregate-functions","06.databases/05.aggregate-functions/01.introduction-aggregate-functions",{"title":2488,"path":2489,"stem":2490},"Групування даних в MS SQL Server","/databases/aggregate-functions/grouping-data","06.databases/05.aggregate-functions/02.grouping-data",{"title":2492,"path":2493,"stem":2494},"Підзапити з агрегатними функціями","/databases/aggregate-functions/subqueries-aggregates","06.databases/05.aggregate-functions/03.subqueries-aggregates",{"title":2496,"icon":2497,"path":2498,"stem":2499,"children":2500,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","/databases/triggers-stored-procedures","06.databases/07.triggers-stored-procedures",[2501,2505,2509,2513,2517,2521,2525],{"title":2502,"path":2503,"stem":2504},"DML-тригери","/databases/triggers-stored-procedures/dml-triggers","06.databases/07.triggers-stored-procedures/01.dml-triggers",{"title":2506,"path":2507,"stem":2508},"DDL-тригери","/databases/triggers-stored-procedures/ddl-triggers","06.databases/07.triggers-stored-procedures/02.ddl-triggers",{"title":2510,"path":2511,"stem":2512},"Transact-SQL розширення","/databases/triggers-stored-procedures/transact-sql-extensions","06.databases/07.triggers-stored-procedures/03.transact-sql-extensions",{"title":2514,"path":2515,"stem":2516},"Транзакції","/databases/triggers-stored-procedures/transactions","06.databases/07.triggers-stored-procedures/04.transactions",{"title":2518,"path":2519,"stem":2520},"Зберігаємі процедури","/databases/triggers-stored-procedures/stored-procedures","06.databases/07.triggers-stored-procedures/05.stored-procedures",{"title":2522,"path":2523,"stem":2524},"Користувацькі функції","/databases/triggers-stored-procedures/user-defined-functions","06.databases/07.triggers-stored-procedures/06.user-defined-functions",{"title":2526,"path":2527,"stem":2528},"Безпека баз даних","/databases/triggers-stored-procedures/security","06.databases/07.triggers-stored-procedures/08.security",{"title":2526,"icon":793,"path":2530,"stem":2531,"children":2532,"page":59},"/databases/security","06.databases/08.security",[2533,2537],{"title":2534,"path":2535,"stem":2536},"Вступ до безпеки баз даних","/databases/security/introduction","06.databases/08.security/01.introduction",{"title":2538,"path":2539,"stem":2540},"Системні представлення та метадані","/databases/security/system-views","06.databases/08.security/02.system-views",{"title":2542,"icon":2543,"path":2544,"stem":2545,"children":2546,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","/databases/backup-recovery","06.databases/09.backup-recovery",[2547],{"title":2542,"path":2548,"stem":2549},"/databases/backup-recovery/backup-restore","06.databases/09.backup-recovery/01.backup-restore",{"title":2551,"icon":2552,"path":2553,"stem":2554,"children":2555,"page":59},"Повнотекстовий пошук","i-lucide-search","/databases/full-text-search","06.databases/10.full-text-search",[2556],{"title":2551,"path":2557,"stem":2558},"/databases/full-text-search/full-text-search","06.databases/10.full-text-search/01.full-text-search",{"title":2560,"icon":2561,"path":2562,"stem":2563,"children":2564,"page":59},"Tools","i-lucide-wrench","/tools","07.tools",[2565],{"title":2566,"icon":2567,"path":2568,"stem":2569,"children":2570},"Docker","i-simple-icons-docker","/tools/docker","07.tools/01.docker/index",[2571,2573,2577,2581,2585,2589,2593,2597,2601,2605,2609,2613,2617,2621,2625,2629,2633,2637],{"title":2572,"path":2568,"stem":2569},"Docker: від нуля до production",{"title":2574,"path":2575,"stem":2576},"Контейнеризація — від проблеми до рішення","/tools/docker/containerization-concept","07.tools/01.docker/01.containerization-concept",{"title":2578,"path":2579,"stem":2580},"Docker — що це і навіщо?","/tools/docker/docker-what-and-why","07.tools/01.docker/02.docker-what-and-why",{"title":2582,"path":2583,"stem":2584},"Архітектура Docker Engine","/tools/docker/docker-architecture","07.tools/01.docker/03.docker-architecture",{"title":2586,"path":2587,"stem":2588},"Встановлення Docker","/tools/docker/installation","07.tools/01.docker/04.installation",{"title":2590,"path":2591,"stem":2592},"Перший контейнер — docker run","/tools/docker/first-container","07.tools/01.docker/05.first-container",{"title":2594,"path":2595,"stem":2596},"Життєвий цикл контейнера","/tools/docker/container-lifecycle","07.tools/01.docker/06.container-lifecycle",{"title":2598,"path":2599,"stem":2600},"Docker Images — фундаментальні концепції","/tools/docker/docker-images-fundamentals","07.tools/01.docker/07.docker-images-fundamentals",{"title":2602,"path":2603,"stem":2604},"Dockerfile — основи","/tools/docker/dockerfile-basics","07.tools/01.docker/08.dockerfile-basics",{"title":2606,"path":2607,"stem":2608},"Dockerfile — просунуті техніки","/tools/docker/dockerfile-advanced","07.tools/01.docker/09.dockerfile-advanced",{"title":2610,"path":2611,"stem":2612},"Build Context та кешування шарів","/tools/docker/build-context-and-cache","07.tools/01.docker/10.build-context-and-cache",{"title":2614,"path":2615,"stem":2616},"Реєстри Docker-образів","/tools/docker/image-registries","07.tools/01.docker/11.image-registries",{"title":2618,"path":2619,"stem":2620},"Контейнеризація .NET додатків","/tools/docker/dotnet-containerization","07.tools/01.docker/12.dotnet-containerization",{"title":2622,"path":2623,"stem":2624},"Томи та збереження даних","/tools/docker/volumes-and-data","07.tools/01.docker/13.volumes-and-data",{"title":2626,"path":2627,"stem":2628},"Основи мережі в Docker","/tools/docker/networking-basics","07.tools/01.docker/14.networking-basics",{"title":2630,"path":2631,"stem":2632},"Змінні оточення та конфігурація","/tools/docker/environment-and-configuration","07.tools/01.docker/15.environment-and-configuration",{"title":2634,"path":2635,"stem":2636},"Docker Compose — оркестрація контейнерів","/tools/docker/docker-compose-basics","07.tools/01.docker/16.docker-compose-basics",{"title":2638,"path":2639,"stem":2640},"Docker Compose — Multi-Service застосунки","/tools/docker/compose-multi-service","07.tools/01.docker/17.compose-multi-service",{"title":2642,"icon":2643,"path":2644,"stem":2645,"children":2646,"page":59},"Software Engineering","i-lucide-code-2","/software-engineering","09.software-engineering",[2647,2651,2655,2659,2663,2667,2671,2675,2679,2683,2687],{"title":2648,"path":2649,"stem":2650},"1. Аналіз предметної області. Експертні знання та складність","/software-engineering/intro.subdomains","09.software-engineering/01.intro.subdomains",{"title":2652,"path":2653,"stem":2654},"2. Обмежені контексти. Інтеграція обмежених контекстів","/software-engineering/integrating-limited-contexts","09.software-engineering/02.integrating-limited-contexts",{"title":2656,"path":2657,"stem":2658},"3. Реалізація простої бізнес-логіки","/software-engineering/simple","09.software-engineering/03.simple",{"title":2660,"path":2661,"stem":2662},"4. Опрацювання складної бізнес-логіки","/software-engineering/complex-business-logic","09.software-engineering/04.complex-business-logic",{"title":2664,"path":2665,"stem":2666},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","/software-engineering/modelling-the-time-factor","09.software-engineering/05.modelling-the-time-factor",{"title":2668,"path":2669,"stem":2670},"6. Архітектурні патерни","/software-engineering/architectural-patterns","09.software-engineering/06.architectural-patterns",{"title":2672,"path":2673,"stem":2674},"Паттерни взаємодії","/software-engineering/patterns-of-interaction","09.software-engineering/07.patterns-of-interaction",{"title":2676,"path":2677,"stem":2678},"Евристика проєктування","/software-engineering/design-heuristics","09.software-engineering/08.design-heuristics",{"title":2680,"path":2681,"stem":2682},"Еволюція проєктних рішень","/software-engineering/evolution-of-design-solutions","09.software-engineering/09.evolution-of-design-solutions",{"title":2684,"path":2685,"stem":2686},"EventStorming","/software-engineering/eventstorming","09.software-engineering/10.eventstorming",{"title":2688,"path":2689,"stem":2690},"DDD на практиці","/software-engineering/ddd-in-practice","09.software-engineering/11.ddd-in-practice",{"title":2692,"icon":943,"path":2693,"stem":2694,"children":2695,"page":59},"DDD","/ddd","10.ddd",[2696,2700,2704,2708,2712,2716,2720,2724,2728,2732,2736,2740,2744],{"title":2697,"path":2698,"stem":2699},"Аналіз предметної області","/ddd/domain-analysis","10.ddd/01.domain-analysis",{"title":2701,"path":2702,"stem":2703},"Експертні знання про предметну область","/ddd/domain-expert-knowledge","10.ddd/02.domain-expert-knowledge",{"title":2705,"path":2706,"stem":2707},"Як осмислити складність предметної області","/ddd/managing-domain-complexity","10.ddd/03.managing-domain-complexity",{"title":2709,"path":2710,"stem":2711},"Інтеграція обмежених контекстів","/ddd/bounded-context-integration","10.ddd/04.bounded-context-integration",{"title":2713,"path":2714,"stem":2715},"Реалізація простої бізнес-логіки","/ddd/simple-business-logic","10.ddd/05.simple-business-logic",{"title":2717,"path":2718,"stem":2719},"Обробка складної бізнес-логіки","/ddd/complex-business-logic","10.ddd/06.complex-business-logic",{"title":2721,"path":2722,"stem":2723},"Моделювання фактора часу","/ddd/time-modeling","10.ddd/07.time-modeling",{"title":2725,"path":2726,"stem":2727},"Глава 8. Архітектурні Патерни","/ddd/architectural-patterns","10.ddd/08.architectural-patterns",{"title":2729,"path":2730,"stem":2731},"Глава 9. Патерни Взаємодії","/ddd/interaction-patterns","10.ddd/09.interaction-patterns",{"title":2733,"path":2734,"stem":2735},"Глава 10. Проектні Евристики","/ddd/design-heuristics","10.ddd/10.design-heuristics",{"title":2737,"path":2738,"stem":2739},"Глава 11. Еволюція Проектних Рішень","/ddd/evolution-of-design-decisions","10.ddd/11.evolution-of-design-decisions",{"title":2741,"path":2742,"stem":2743},"Глава 12. EventStorming","/ddd/event-storming","10.ddd/12.event-storming",{"title":2745,"path":2746,"stem":2747},"Глава 13. DDD на Практиці","/ddd/ddd-in-practice","10.ddd/13.ddd-in-practice",{"title":2749,"icon":2750,"path":2751,"stem":2752,"children":2753,"page":59},"Media Streaming","i-lucide-video","/media-streaming","11.media-streaming",[2754,2758,2762,2766,2770,2774,2778],{"title":2755,"path":2756,"stem":2757},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","/media-streaming/introduction","11.media-streaming/01.introduction",{"title":2759,"path":2760,"stem":2761},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","/media-streaming/audio-video-anatomy","11.media-streaming/02.audio-video-anatomy",{"title":2763,"path":2764,"stem":2765},"03. The Gym: FFmpeg Deep Dive","/media-streaming/ffmpeg-gym","11.media-streaming/03.ffmpeg-gym",{"title":2767,"path":2768,"stem":2769},"04. HLS Protocol: HTTP Live Streaming у Деталях","/media-streaming/hls-protocol","11.media-streaming/04.hls-protocol",{"title":2771,"path":2772,"stem":2773},"05. DASH Protocol: Відкритий Стандарт","/media-streaming/dash-protocol","11.media-streaming/05.dash-protocol",{"title":2775,"path":2776,"stem":2777},"06. Масштабування: CDN та Adaptive Bitrate","/media-streaming/cdn-and-adaptive-bitrate","11.media-streaming/06.cdn-and-adaptive-bitrate",{"title":2779,"path":2780,"stem":2781},"07. Війна із Затримкою (Latency)","/media-streaming/realtime-latency","11.media-streaming/07.realtime-latency",{"title":2783,"icon":2784,"path":2785,"stem":2786,"children":2787,"page":59},"HTML & CSS","i-devicon-html5","/html-css","12.html-css",[2788,2792,2796,2800,2804,2808,2812,2816,2820,2824,2828,2832,2836,2840,2844,2848,2852,2856,2860,2864,2868,2872,2876,2880,2884,2888,2892,2896,2900,2904],{"title":2789,"path":2790,"stem":2791},"Вступ до HTML. Структура документа","/html-css/intro-html-structure","12.html-css/01.intro-html-structure",{"title":2793,"path":2794,"stem":2795},"Форматування тексту в HTML","/html-css/html-text-formatting","12.html-css/02.html-text-formatting",{"title":2797,"path":2798,"stem":2799},"Посилання та зображення в HTML","/html-css/html-links-images","12.html-css/03.html-links-images",{"title":2801,"path":2802,"stem":2803},"Списки та таблиці в HTML","/html-css/html-lists-tables","12.html-css/04.html-lists-tables",{"title":2805,"path":2806,"stem":2807},"Форми в HTML","/html-css/html-forms","12.html-css/05.html-forms",{"title":2809,"path":2810,"stem":2811},"Семантичні елементи HTML5","/html-css/html-semantic-elements","12.html-css/06.html-semantic-elements",{"title":2813,"path":2814,"stem":2815},"Мультимедіа та розширені елементи HTML","/html-css/html-multimedia-advanced","12.html-css/07.html-multimedia-advanced",{"title":2817,"path":2818,"stem":2819},"Мікророзмітка та SEO в HTML","/html-css/html-microdata-seo","12.html-css/08.html-microdata-seo",{"title":2821,"path":2822,"stem":2823},"Вступ до CSS. Селектори та специфічність","/html-css/css-intro-selectors","12.html-css/09.css-intro-selectors",{"title":2825,"path":2826,"stem":2827},"Блокова модель CSS. Відступи. Box Sizing","/html-css/css-box-model","12.html-css/10.css-box-model",{"title":2829,"path":2830,"stem":2831},"Розміри у CSS: повний довідник одиниць і ключових слів","/html-css/10a.css-sizing","12.html-css/10a.css-sizing",{"title":2833,"path":2834,"stem":2835},"Типографіка в CSS. Шрифти та текст","/html-css/css-typography","12.html-css/11.css-typography",{"title":2837,"path":2838,"stem":2839},"Кольори та фони в CSS","/html-css/css-colors-backgrounds","12.html-css/12.css-colors-backgrounds",{"title":2841,"path":2842,"stem":2843},"Тіні та фільтри в CSS","/html-css/12b.css-shadows-filters","12.html-css/12b.css-shadows-filters",{"title":2845,"path":2846,"stem":2847},"CSS Flexbox: Фундамент гнучких макетів","/html-css/css-flexbox-fundamentals","12.html-css/13.css-flexbox-fundamentals",{"title":2849,"path":2850,"stem":2851},"CSS Flexbox: Вирівнювання та Позиціонування","/html-css/css-flexbox-alignment-sizing-and-patterns","12.html-css/14.css-flexbox-alignment-sizing-and-patterns",{"title":2853,"path":2854,"stem":2855},"CSS Grid. Двовимірний макет. Частина 1","/html-css/css-layout-grid","12.html-css/15.css-layout-grid",{"title":2857,"path":2858,"stem":2859},"CSS Grid. Двовимірний макет. Частина 2","/html-css/css-layout-grid-advanced","12.html-css/16.css-layout-grid-advanced",{"title":2861,"path":2862,"stem":2863},"Позиціонування в CSS. Z-index. Stacking Context","/html-css/css-positioning","12.html-css/17.css-positioning",{"title":2865,"path":2866,"stem":2867},"CSS Анімації та Переходи","/html-css/css-animations-transitions","12.html-css/18.css-animations-transitions",{"title":2869,"path":2870,"stem":2871},"Адаптивний дизайн. Media Queries. Частина 1","/html-css/css-responsive-media-queries","12.html-css/19.css-responsive-media-queries",{"title":2873,"path":2874,"stem":2875},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","/html-css/css-responsive-advanced","12.html-css/20.css-responsive-advanced",{"title":2877,"path":2878,"stem":2879},"CSS Custom Properties. Методології. Сучасний CSS","/html-css/css-variables-methodologies","12.html-css/21.css-variables-methodologies",{"title":2881,"path":2882,"stem":2883},"Сучасний CSS 2023–2025: Нові можливості","/html-css/css-modern-features","12.html-css/22.css-modern-features",{"title":2885,"path":2886,"stem":2887},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","/html-css/22a.css-nesting-modern-syntax","12.html-css/22a.css-nesting-modern-syntax",{"title":2889,"path":2890,"stem":2891},"CSS для форм та інтерактивних станів","/html-css/css-forms-interactive-states","12.html-css/23.css-forms-interactive-states",{"title":2893,"path":2894,"stem":2895},"Доступність у CSS (CSS Accessibility)","/html-css/css-accessibility","12.html-css/24.css-accessibility",{"title":2897,"path":2898,"stem":2899},"CSS-функції та сучасні sizing primitives","/html-css/css-functions-sizing","12.html-css/25.css-functions-sizing",{"title":2901,"path":2902,"stem":2903},"Rendering Pipeline і CSS Performance","/html-css/css-rendering-performance","12.html-css/26.css-rendering-performance",{"title":2905,"path":2906,"stem":2907},"CSS Best Practices: типові ситуації та правильні рішення","/html-css/css-best-practices","12.html-css/27.css-best-practices",{"title":2909,"path":2910,"stem":2911,"children":2912,"page":59},"Tailwind","/tailwind","21.tailwind",[2913,2917,2921,2925,2929,2933,2937,2941],{"title":2914,"path":2915,"stem":2916},"Що таке Tailwind CSS і навіщо він потрібен","/tailwind/tailwind-intro-philosophy","21.tailwind/01.tailwind-intro-philosophy",{"title":2918,"path":2919,"stem":2920},"Встановлення та налаштування Tailwind CSS v4","/tailwind/tailwind-installation-setup","21.tailwind/02.tailwind-installation-setup",{"title":2922,"path":2923,"stem":2924},"Utility-класи: основи та система Tailwind","/tailwind/tailwind-utility-classes-core","21.tailwind/03.tailwind-utility-classes-core",{"title":2926,"path":2927,"stem":2928},"Layout: Flexbox та Grid через Tailwind","/tailwind/tailwind-flexbox-grid","21.tailwind/04.tailwind-flexbox-grid",{"title":2930,"path":2931,"stem":2932},"Кастомізація теми через @theme у Tailwind v4","/tailwind/tailwind-theme-customization","21.tailwind/05.tailwind-theme-customization",{"title":2934,"path":2935,"stem":2936},"Варіанти: hover, focus, responsive, dark mode та нові v4","/tailwind/tailwind-variants-states","21.tailwind/06.tailwind-variants-states",{"title":2938,"path":2939,"stem":2940},"Типографіка та система кольорів у Tailwind v4","/tailwind/tailwind-typography-colors","21.tailwind/07.tailwind-typography-colors",{"title":2942,"path":2943,"stem":2944},"Компоненти та повторюваність: @apply, @utility та патерни","/tailwind/tailwind-components-patterns","21.tailwind/08.tailwind-components-patterns",{"title":2946,"path":2947,"stem":2948},"Showcase Компонентів kostyl.dev","/test-new-components","98.test-new-components",{"id":2950,"title":1581,"body":2951,"description":16101,"extension":16102,"links":16103,"meta":16104,"navigation":3462,"path":1582,"seo":16105,"stem":1583,"__hash__":16106},"docs/01.csharp/12.desktop-ui/37.user-controls.md",{"type":2952,"value":2953,"toc":16050},"minimark",[2954,2958,2962,2970,2973,2976,3011,3014,3019,3028,3033,3038,3057,3062,3073,3077,3080,3242,3245,3291,3298,3302,3305,3311,3427,3433,3534,3603,3605,3609,3612,3616,3621,3638,3643,3649,3654,3763,3768,3857,3862,3886,3890,3893,4385,4390,4514,4518,4521,4720,4725,4755,5124,5126,5130,5136,5140,5145,5177,5184,5188,5191,5196,5318,5323,5392,5397,5509,5513,5516,5980,5984,5990,6015,6151,6156,6184,6243,6247,6250,6796,6801,7413,7425,7429,7487,7811,7813,7817,7824,7830,7834,7837,7842,7938,7942,8009,8014,8071,8075,8437,8441,8446,8475,8562,8567,8644,8648,8651,9113,9118,9269,9273,9276,9337,9342,9350,9355,9361,9368,9370,9374,9381,9385,9432,9435,9482,9486,9492,9522,9526,9560,9610,9614,9627,9632,9703,9708,9772,9777,9856,9860,9917,9926,9930,10299,10304,10527,10531,10625,10629,10774,10776,10780,10783,10787,10794,10811,10814,10818,10821,11574,11578,12451,12459,12463,13216,13220,13262,13497,13501,13518,13582,13584,13588,13592,13598,13603,13606,13672,13677,13694,13699,14060,14065,14260,14262,14266,14271,14275,14278,14365,14369,14386,14391,14580,14584,14655,14657,14661,14666,14670,14673,14779,14783,14806,14811,15431,15435,15480,15725,15727,15731,15734,15739,15773,15778,15797,15802,15882,15888,15893,15896,15915,15917,15921,16006,16008,16012,16046],[2955,2956,1581],"h1",{"id":2957},"usercontrol-компонентний-підхід-у-wpf",[2959,2960,2961],"p",{},"Уявіть, що ви створюєте застосунок з десятками екранів. На кожному екрані — панель пошуку: TextBox для введення запиту, кнопка \"Шукати\", іконка лупи, placeholder \"Введіть текст для пошуку...\". Ви копіюєте цю розмітку з екрану на екран. Потім дизайнер просить змінити колір кнопки. Тепер вам потрібно відредагувати 30 файлів XAML.",[2959,2963,2964,2965,2969],{},"Це класична проблема дублювання коду. У C# ми розв'язуємо її через функції та класи. У WPF — через ",[2966,2967,2968],"code",{},"UserControl",". UserControl — це перевикористовуваний UI-компонент, що інкапсулює розмітку, логіку та публічний API для зовнішнього використання.",[2959,2971,2972],{},"UserControl — це не просто \"шматок XAML\". Це повноцінний компонент з власними властивостями (DependencyProperty), подіями (RoutedEvent), командами та навіть власною ViewModel для складних випадків. Це будівельний блок для створення бібліотек UI-компонентів, дизайн-систем та переносу коду між проєктами.",[2959,2974,2975],{},"У цій статті ми детально розберемо всі аспекти створення UserControl: від базового синтаксису до складних патернів з ViewModel. Ви навчитесь створювати компоненти, що виглядають та поводяться як вбудовані WPF-контроли — з повною підтримкою Binding, Commands та MVVM.",[2977,2978,2979,2983,2984,2986,2987,2990,2991,2994,2995,2998,2999,3002,3003,3006,3007,3010],"note",{},[2980,2981,2982],"strong",{},"Словник теми:"," ",[2980,2985,2968],{}," — перевикористовуваний UI-компонент, що складається з XAML-розмітки та code-behind. ",[2980,2988,2989],{},"DependencyProperty (DP)"," — спеціальна властивість WPF з підтримкою Binding, Animation, Styling. ",[2980,2992,2993],{},"RoutedEvent"," — подія WPF, що \"спливає\" або \"тоне\" по дереву елементів. ",[2980,2996,2997],{},"DataContext gotcha"," — поширена помилка встановлення DataContext всередині UserControl. ",[2980,3000,3001],{},"RelativeSource Self"," — спосіб прив'язки до властивостей самого UserControl. ",[2980,3004,3005],{},"Composition"," — побудова складного UI з простих компонентів. ",[2980,3008,3009],{},"Component API"," — публічний інтерфейс компонента (властивості, події, команди).",[3012,3013],"hr",{},[3015,3016,3018],"h2",{"id":3017},"що-таке-usercontrol-і-навіщо-він-потрібен","Що таке UserControl і навіщо він потрібен",[2959,3020,3021,3023,3024,3027],{},[2966,3022,2968],{}," — це клас WPF, що наслідує ",[2966,3025,3026],{},"Control"," і дозволяє створювати власні перевикористовувані компоненти. Технічно, UserControl — це контейнер, всередині якого ви розміщуєте інші контроли (TextBox, Button, StackPanel тощо) та визначаєте їхню взаємодію.",[3029,3030,3032],"h3",{"id":3031},"коли-використовувати-usercontrol","Коли використовувати UserControl",[2959,3034,3035],{},[2980,3036,3037],{},"✅ Використовуйте UserControl коли:",[3039,3040,3041,3045,3048,3051,3054],"ul",{},[3042,3043,3044],"li",{},"Один і той самий UI повторюється на кількох екранах",[3042,3046,3047],{},"Потрібно інкапсулювати складну логіку взаємодії контролів",[3042,3049,3050],{},"Створюєте бібліотеку UI-компонентів для команди",[3042,3052,3053],{},"Хочете розбити великий екран на логічні частини",[3042,3055,3056],{},"Потрібен компонент з власним публічним API (властивості, події)",[2959,3058,3059],{},[2980,3060,3061],{},"❌ НЕ використовуйте UserControl коли:",[3039,3063,3064,3067,3070],{},[3042,3065,3066],{},"UI використовується лише один раз — просто напишіть розмітку inline",[3042,3068,3069],{},"Потрібен контрол з повною підтримкою тем та стилів — створюйте CustomControl",[3042,3071,3072],{},"Потрібна лише зміна зовнішнього вигляду існуючого контролу — використовуйте ControlTemplate",[3029,3074,3076],{"id":3075},"приклад-панель-пошуку","Приклад: панель пошуку",[2959,3078,3079],{},"Замість копіювання цієї розмітки на кожен екран:",[3081,3082,3087],"pre",{"className":3083,"code":3084,"language":3085,"meta":3086,"style":3086},"language-xml shiki shiki-themes light-plus dark-plus dark-plus","\u003C!-- ❌ Дублювання коду на кожному екрані -->\n\u003CStackPanel Orientation=\"Horizontal\" Margin=\"0,0,0,16\">\n    \u003CTextBox x:Name=\"SearchTextBox\" \n             Width=\"300\" \n             Margin=\"0,0,8,0\"\n             VerticalContentAlignment=\"Center\"/>\n    \u003CButton Content=\"🔍 Шукати\" \n            Click=\"Search_Click\"\n            Padding=\"12,6\"/>\n\u003C/StackPanel>\n","xml","",[2966,3088,3089,3098,3132,3152,3165,3176,3190,3208,3219,3232],{"__ignoreMap":3086},[3090,3091,3094],"span",{"class":3092,"line":3093},"line",1,[3090,3095,3097],{"class":3096},"spJ8K","\u003C!-- ❌ Дублювання коду на кожному екрані -->\n",[3090,3099,3101,3105,3109,3113,3117,3121,3124,3126,3129],{"class":3092,"line":3100},2,[3090,3102,3104],{"class":3103},"s0P7L","\u003C",[3090,3106,3108],{"class":3107},"sKtos","StackPanel",[3090,3110,3112],{"class":3111},"sa4r_"," Orientation",[3090,3114,3116],{"class":3115},"sHH4Y","=",[3090,3118,3120],{"class":3119},"su9tN","\"Horizontal\"",[3090,3122,3123],{"class":3111}," Margin",[3090,3125,3116],{"class":3115},[3090,3127,3128],{"class":3119},"\"0,0,0,16\"",[3090,3130,3131],{"class":3103},">\n",[3090,3133,3135,3138,3141,3144,3146,3149],{"class":3092,"line":3134},3,[3090,3136,3137],{"class":3103},"    \u003C",[3090,3139,3140],{"class":3107},"TextBox",[3090,3142,3143],{"class":3111}," x:Name",[3090,3145,3116],{"class":3115},[3090,3147,3148],{"class":3119},"\"SearchTextBox\"",[3090,3150,3151],{"class":3115}," \n",[3090,3153,3155,3158,3160,3163],{"class":3092,"line":3154},4,[3090,3156,3157],{"class":3111},"             Width",[3090,3159,3116],{"class":3115},[3090,3161,3162],{"class":3119},"\"300\"",[3090,3164,3151],{"class":3115},[3090,3166,3168,3171,3173],{"class":3092,"line":3167},5,[3090,3169,3170],{"class":3111},"             Margin",[3090,3172,3116],{"class":3115},[3090,3174,3175],{"class":3119},"\"0,0,8,0\"\n",[3090,3177,3179,3182,3184,3187],{"class":3092,"line":3178},6,[3090,3180,3181],{"class":3111},"             VerticalContentAlignment",[3090,3183,3116],{"class":3115},[3090,3185,3186],{"class":3119},"\"Center\"",[3090,3188,3189],{"class":3103},"/>\n",[3090,3191,3193,3195,3198,3201,3203,3206],{"class":3092,"line":3192},7,[3090,3194,3137],{"class":3103},[3090,3196,3197],{"class":3107},"Button",[3090,3199,3200],{"class":3111}," Content",[3090,3202,3116],{"class":3115},[3090,3204,3205],{"class":3119},"\"🔍 Шукати\"",[3090,3207,3151],{"class":3115},[3090,3209,3211,3214,3216],{"class":3092,"line":3210},8,[3090,3212,3213],{"class":3111},"            Click",[3090,3215,3116],{"class":3115},[3090,3217,3218],{"class":3119},"\"Search_Click\"\n",[3090,3220,3222,3225,3227,3230],{"class":3092,"line":3221},9,[3090,3223,3224],{"class":3111},"            Padding",[3090,3226,3116],{"class":3115},[3090,3228,3229],{"class":3119},"\"12,6\"",[3090,3231,3189],{"class":3103},[3090,3233,3235,3238,3240],{"class":3092,"line":3234},10,[3090,3236,3237],{"class":3103},"\u003C/",[3090,3239,3108],{"class":3107},[3090,3241,3131],{"class":3103},[2959,3243,3244],{},"Створюємо UserControl один раз і використовуємо скрізь:",[3081,3246,3248],{"className":3083,"code":3247,"language":3085,"meta":3086,"style":3086},"\u003C!-- ✅ Перевикористовуваний компонент -->\n\u003Clocal:SearchBox SearchText=\"{Binding SearchQuery}\"\n                 SearchCommand=\"{Binding SearchCommand}\"\n                 Margin=\"0,0,0,16\"/>\n",[2966,3249,3250,3255,3270,3280],{"__ignoreMap":3086},[3090,3251,3252],{"class":3092,"line":3093},[3090,3253,3254],{"class":3096},"\u003C!-- ✅ Перевикористовуваний компонент -->\n",[3090,3256,3257,3259,3262,3265,3267],{"class":3092,"line":3100},[3090,3258,3104],{"class":3103},[3090,3260,3261],{"class":3107},"local:SearchBox",[3090,3263,3264],{"class":3111}," SearchText",[3090,3266,3116],{"class":3115},[3090,3268,3269],{"class":3119},"\"{Binding SearchQuery}\"\n",[3090,3271,3272,3275,3277],{"class":3092,"line":3134},[3090,3273,3274],{"class":3111},"                 SearchCommand",[3090,3276,3116],{"class":3115},[3090,3278,3279],{"class":3119},"\"{Binding SearchCommand}\"\n",[3090,3281,3282,3285,3287,3289],{"class":3092,"line":3154},[3090,3283,3284],{"class":3111},"                 Margin",[3090,3286,3116],{"class":3115},[3090,3288,3128],{"class":3119},[3090,3290,3189],{"class":3103},[2959,3292,3293,3294,3297],{},"Тепер зміна дизайну панелі пошуку вимагає редагування лише одного файлу — ",[2966,3295,3296],{},"SearchBox.xaml",".",[3029,3299,3301],{"id":3300},"структура-usercontrol","Структура UserControl",[2959,3303,3304],{},"UserControl складається з двох файлів:",[2959,3306,3307,3310],{},[2980,3308,3309],{},"1. XAML-файл (SearchBox.xaml)"," — розмітка UI:",[3081,3312,3314],{"className":3083,"code":3313,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Class=\"MyApp.Controls.SearchBox\"\n             xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n             xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\">\n    \u003CStackPanel Orientation=\"Horizontal\">\n        \u003CTextBox Width=\"300\" Margin=\"0,0,8,0\"/>\n        \u003CButton Content=\"🔍 Шукати\" Padding=\"12,6\"/>\n    \u003C/StackPanel>\n\u003C/UserControl>\n",[2966,3315,3316,3330,3340,3352,3366,3389,3410,3419],{"__ignoreMap":3086},[3090,3317,3318,3320,3322,3325,3327],{"class":3092,"line":3093},[3090,3319,3104],{"class":3103},[3090,3321,2968],{"class":3107},[3090,3323,3324],{"class":3111}," x:Class",[3090,3326,3116],{"class":3115},[3090,3328,3329],{"class":3119},"\"MyApp.Controls.SearchBox\"\n",[3090,3331,3332,3335,3337],{"class":3092,"line":3100},[3090,3333,3334],{"class":3111},"             xmlns",[3090,3336,3116],{"class":3115},[3090,3338,3339],{"class":3119},"\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n",[3090,3341,3342,3345,3347,3350],{"class":3092,"line":3134},[3090,3343,3344],{"class":3111},"             xmlns:x",[3090,3346,3116],{"class":3115},[3090,3348,3349],{"class":3119},"\"http://schemas.microsoft.com/winfx/2006/xaml\"",[3090,3351,3131],{"class":3103},[3090,3353,3354,3356,3358,3360,3362,3364],{"class":3092,"line":3154},[3090,3355,3137],{"class":3103},[3090,3357,3108],{"class":3107},[3090,3359,3112],{"class":3111},[3090,3361,3116],{"class":3115},[3090,3363,3120],{"class":3119},[3090,3365,3131],{"class":3103},[3090,3367,3368,3371,3373,3376,3378,3380,3382,3384,3387],{"class":3092,"line":3167},[3090,3369,3370],{"class":3103},"        \u003C",[3090,3372,3140],{"class":3107},[3090,3374,3375],{"class":3111}," Width",[3090,3377,3116],{"class":3115},[3090,3379,3162],{"class":3119},[3090,3381,3123],{"class":3111},[3090,3383,3116],{"class":3115},[3090,3385,3386],{"class":3119},"\"0,0,8,0\"",[3090,3388,3189],{"class":3103},[3090,3390,3391,3393,3395,3397,3399,3401,3404,3406,3408],{"class":3092,"line":3178},[3090,3392,3370],{"class":3103},[3090,3394,3197],{"class":3107},[3090,3396,3200],{"class":3111},[3090,3398,3116],{"class":3115},[3090,3400,3205],{"class":3119},[3090,3402,3403],{"class":3111}," Padding",[3090,3405,3116],{"class":3115},[3090,3407,3229],{"class":3119},[3090,3409,3189],{"class":3103},[3090,3411,3412,3415,3417],{"class":3092,"line":3192},[3090,3413,3414],{"class":3103},"    \u003C/",[3090,3416,3108],{"class":3107},[3090,3418,3131],{"class":3103},[3090,3420,3421,3423,3425],{"class":3092,"line":3210},[3090,3422,3237],{"class":3103},[3090,3424,2968],{"class":3107},[3090,3426,3131],{"class":3103},[2959,3428,3429,3432],{},[2980,3430,3431],{},"2. Code-behind файл (SearchBox.xaml.cs)"," — логіка та публічний API:",[3081,3434,3438],{"className":3435,"code":3436,"language":3437,"meta":3086,"style":3086},"language-csharp shiki shiki-themes light-plus dark-plus dark-plus","namespace MyApp.Controls;\n\npublic partial class SearchBox : UserControl\n{\n    public SearchBox()\n    {\n        InitializeComponent();\n    }\n    \n    // Тут будуть DependencyProperty, події, методи\n}\n","csharp",[2966,3439,3440,3458,3464,3484,3489,3500,3505,3513,3518,3523,3528],{"__ignoreMap":3086},[3090,3441,3442,3446,3450,3452,3455],{"class":3092,"line":3093},[3090,3443,3445],{"class":3444},"su1O8","namespace",[3090,3447,3449],{"class":3448},"sN1BT"," MyApp",[3090,3451,3297],{"class":3115},[3090,3453,3454],{"class":3448},"Controls",[3090,3456,3457],{"class":3115},";\n",[3090,3459,3460],{"class":3092,"line":3100},[3090,3461,3463],{"emptyLinePlaceholder":3462},true,"\n",[3090,3465,3466,3469,3472,3475,3478,3481],{"class":3092,"line":3134},[3090,3467,3468],{"class":3444},"public",[3090,3470,3471],{"class":3444}," partial",[3090,3473,3474],{"class":3444}," class",[3090,3476,3477],{"class":3448}," SearchBox",[3090,3479,3480],{"class":3115}," : ",[3090,3482,3483],{"class":3448},"UserControl\n",[3090,3485,3486],{"class":3092,"line":3154},[3090,3487,3488],{"class":3115},"{\n",[3090,3490,3491,3494,3497],{"class":3092,"line":3167},[3090,3492,3493],{"class":3444},"    public",[3090,3495,3477],{"class":3496},"s8Opu",[3090,3498,3499],{"class":3115},"()\n",[3090,3501,3502],{"class":3092,"line":3178},[3090,3503,3504],{"class":3115},"    {\n",[3090,3506,3507,3510],{"class":3092,"line":3192},[3090,3508,3509],{"class":3496},"        InitializeComponent",[3090,3511,3512],{"class":3115},"();\n",[3090,3514,3515],{"class":3092,"line":3210},[3090,3516,3517],{"class":3115},"    }\n",[3090,3519,3520],{"class":3092,"line":3221},[3090,3521,3522],{"class":3115},"    \n",[3090,3524,3525],{"class":3092,"line":3234},[3090,3526,3527],{"class":3096},"    // Тут будуть DependencyProperty, події, методи\n",[3090,3529,3531],{"class":3092,"line":3530},11,[3090,3532,3533],{"class":3115},"}\n",[3535,3536,3537],"mermaid",{},[3081,3538,3541],{"className":3539,"code":3540,"language":3535,"meta":3086,"style":3086},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","graph TD\n    A[UserControl] --> B[XAML файл]\n    A --> C[Code-behind]\n    B --> D[Розмітка UI]\n    B --> E[Композиція контролів]\n    C --> F[DependencyProperty]\n    C --> G[RoutedEvent]\n    C --> H[Логіка взаємодії]\n    \n    style A fill:#3b82f6,stroke:#1d4ed8,color:#fff\n    style B fill:#22c55e,stroke:#16a34a,color:#fff\n    style C fill:#f59e0b,stroke:#b45309,color:#fff\n",[2966,3542,3543,3548,3553,3558,3563,3568,3573,3578,3583,3587,3592,3597],{"__ignoreMap":3086},[3090,3544,3545],{"class":3092,"line":3093},[3090,3546,3547],{},"graph TD\n",[3090,3549,3550],{"class":3092,"line":3100},[3090,3551,3552],{},"    A[UserControl] --> B[XAML файл]\n",[3090,3554,3555],{"class":3092,"line":3134},[3090,3556,3557],{},"    A --> C[Code-behind]\n",[3090,3559,3560],{"class":3092,"line":3154},[3090,3561,3562],{},"    B --> D[Розмітка UI]\n",[3090,3564,3565],{"class":3092,"line":3167},[3090,3566,3567],{},"    B --> E[Композиція контролів]\n",[3090,3569,3570],{"class":3092,"line":3178},[3090,3571,3572],{},"    C --> F[DependencyProperty]\n",[3090,3574,3575],{"class":3092,"line":3192},[3090,3576,3577],{},"    C --> G[RoutedEvent]\n",[3090,3579,3580],{"class":3092,"line":3210},[3090,3581,3582],{},"    C --> H[Логіка взаємодії]\n",[3090,3584,3585],{"class":3092,"line":3221},[3090,3586,3522],{},[3090,3588,3589],{"class":3092,"line":3234},[3090,3590,3591],{},"    style A fill:#3b82f6,stroke:#1d4ed8,color:#fff\n",[3090,3593,3594],{"class":3092,"line":3530},[3090,3595,3596],{},"    style B fill:#22c55e,stroke:#16a34a,color:#fff\n",[3090,3598,3600],{"class":3092,"line":3599},12,[3090,3601,3602],{},"    style C fill:#f59e0b,stroke:#b45309,color:#fff\n",[3012,3604],{},[3015,3606,3608],{"id":3607},"створення-базового-usercontrol","Створення базового UserControl",[2959,3610,3611],{},"Розберемо покроковий процес створення UserControl на прикладі панелі пошуку.",[3029,3613,3615],{"id":3614},"крок-1-створення-файлів","Крок 1: Створення файлів",[2959,3617,3618],{},[2980,3619,3620],{},"У Visual Studio:",[3622,3623,3624,3627,3630,3635],"ol",{},[3042,3625,3626],{},"Правою кнопкою на папку проєкту → Add → New Item",[3042,3628,3629],{},"Обрати \"User Control (WPF)\"",[3042,3631,3632,3633],{},"Ввести ім'я: ",[2966,3634,3296],{},[3042,3636,3637],{},"Visual Studio автоматично створить два файли",[2959,3639,3640],{},[2980,3641,3642],{},"Вручну (для розуміння структури):",[2959,3644,3645,3646,3648],{},"Створіть папку ",[2966,3647,3454],{}," у проєкті та два файли:",[2959,3650,3651],{},[2980,3652,3653],{},"Controls/SearchBox.xaml:",[3081,3655,3657],{"className":3083,"code":3656,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Class=\"MyApp.Controls.SearchBox\"\n             xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n             xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"\n             xmlns:mc=\"http://schemas.openxmlformats.org/markup-compatibility/2006\" \n             xmlns:d=\"http://schemas.microsoft.com/expression/blend/2008\"\n             mc:Ignorable=\"d\" \n             d:DesignHeight=\"40\" d:DesignWidth=\"400\">\n    \n    \u003C!-- Розмітка тут -->\n    \n\u003C/UserControl>\n",[2966,3658,3659,3671,3679,3688,3700,3710,3722,3742,3746,3751,3755],{"__ignoreMap":3086},[3090,3660,3661,3663,3665,3667,3669],{"class":3092,"line":3093},[3090,3662,3104],{"class":3103},[3090,3664,2968],{"class":3107},[3090,3666,3324],{"class":3111},[3090,3668,3116],{"class":3115},[3090,3670,3329],{"class":3119},[3090,3672,3673,3675,3677],{"class":3092,"line":3100},[3090,3674,3334],{"class":3111},[3090,3676,3116],{"class":3115},[3090,3678,3339],{"class":3119},[3090,3680,3681,3683,3685],{"class":3092,"line":3134},[3090,3682,3344],{"class":3111},[3090,3684,3116],{"class":3115},[3090,3686,3687],{"class":3119},"\"http://schemas.microsoft.com/winfx/2006/xaml\"\n",[3090,3689,3690,3693,3695,3698],{"class":3092,"line":3154},[3090,3691,3692],{"class":3111},"             xmlns:mc",[3090,3694,3116],{"class":3115},[3090,3696,3697],{"class":3119},"\"http://schemas.openxmlformats.org/markup-compatibility/2006\"",[3090,3699,3151],{"class":3115},[3090,3701,3702,3705,3707],{"class":3092,"line":3167},[3090,3703,3704],{"class":3111},"             xmlns:d",[3090,3706,3116],{"class":3115},[3090,3708,3709],{"class":3119},"\"http://schemas.microsoft.com/expression/blend/2008\"\n",[3090,3711,3712,3715,3717,3720],{"class":3092,"line":3178},[3090,3713,3714],{"class":3111},"             mc:Ignorable",[3090,3716,3116],{"class":3115},[3090,3718,3719],{"class":3119},"\"d\"",[3090,3721,3151],{"class":3115},[3090,3723,3724,3727,3729,3732,3735,3737,3740],{"class":3092,"line":3192},[3090,3725,3726],{"class":3111},"             d:DesignHeight",[3090,3728,3116],{"class":3115},[3090,3730,3731],{"class":3119},"\"40\"",[3090,3733,3734],{"class":3111}," d:DesignWidth",[3090,3736,3116],{"class":3115},[3090,3738,3739],{"class":3119},"\"400\"",[3090,3741,3131],{"class":3103},[3090,3743,3744],{"class":3092,"line":3210},[3090,3745,3522],{"class":3115},[3090,3747,3748],{"class":3092,"line":3221},[3090,3749,3750],{"class":3096},"    \u003C!-- Розмітка тут -->\n",[3090,3752,3753],{"class":3092,"line":3234},[3090,3754,3522],{"class":3115},[3090,3756,3757,3759,3761],{"class":3092,"line":3530},[3090,3758,3237],{"class":3103},[3090,3760,2968],{"class":3107},[3090,3762,3131],{"class":3103},[2959,3764,3765],{},[2980,3766,3767],{},"Controls/SearchBox.xaml.cs:",[3081,3769,3771],{"className":3435,"code":3770,"language":3437,"meta":3086,"style":3086},"using System.Windows.Controls;\n\nnamespace MyApp.Controls;\n\npublic partial class SearchBox : UserControl\n{\n    public SearchBox()\n    {\n        InitializeComponent();\n    }\n}\n",[2966,3772,3773,3793,3797,3809,3813,3827,3831,3839,3843,3849,3853],{"__ignoreMap":3086},[3090,3774,3775,3779,3782,3784,3787,3789,3791],{"class":3092,"line":3093},[3090,3776,3778],{"class":3777},"sCDza","using",[3090,3780,3781],{"class":3448}," System",[3090,3783,3297],{"class":3115},[3090,3785,3786],{"class":3448},"Windows",[3090,3788,3297],{"class":3115},[3090,3790,3454],{"class":3448},[3090,3792,3457],{"class":3115},[3090,3794,3795],{"class":3092,"line":3100},[3090,3796,3463],{"emptyLinePlaceholder":3462},[3090,3798,3799,3801,3803,3805,3807],{"class":3092,"line":3134},[3090,3800,3445],{"class":3444},[3090,3802,3449],{"class":3448},[3090,3804,3297],{"class":3115},[3090,3806,3454],{"class":3448},[3090,3808,3457],{"class":3115},[3090,3810,3811],{"class":3092,"line":3154},[3090,3812,3463],{"emptyLinePlaceholder":3462},[3090,3814,3815,3817,3819,3821,3823,3825],{"class":3092,"line":3167},[3090,3816,3468],{"class":3444},[3090,3818,3471],{"class":3444},[3090,3820,3474],{"class":3444},[3090,3822,3477],{"class":3448},[3090,3824,3480],{"class":3115},[3090,3826,3483],{"class":3448},[3090,3828,3829],{"class":3092,"line":3178},[3090,3830,3488],{"class":3115},[3090,3832,3833,3835,3837],{"class":3092,"line":3192},[3090,3834,3493],{"class":3444},[3090,3836,3477],{"class":3496},[3090,3838,3499],{"class":3115},[3090,3840,3841],{"class":3092,"line":3210},[3090,3842,3504],{"class":3115},[3090,3844,3845,3847],{"class":3092,"line":3221},[3090,3846,3509],{"class":3496},[3090,3848,3512],{"class":3115},[3090,3850,3851],{"class":3092,"line":3234},[3090,3852,3517],{"class":3115},[3090,3854,3855],{"class":3092,"line":3530},[3090,3856,3533],{"class":3115},[2959,3858,3859],{},[2980,3860,3861],{},"Важливі деталі:",[3039,3863,3864,3870,3880],{},[3042,3865,3866,3869],{},[2966,3867,3868],{},"x:Class"," — повне ім'я класу з namespace",[3042,3871,3872,3875,3876,3879],{},[2966,3873,3874],{},"d:DesignHeight"," та ",[2966,3877,3878],{},"d:DesignWidth"," — розміри для дизайнера (не впливають на runtime)",[3042,3881,3882,3885],{},[2966,3883,3884],{},"InitializeComponent()"," — метод, що завантажує XAML (генерується автоматично)",[3029,3887,3889],{"id":3888},"крок-2-розмітка-ui","Крок 2: Розмітка UI",[2959,3891,3892],{},"Додаємо розмітку всередину UserControl:",[3081,3894,3896],{"className":3083,"code":3895,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Class=\"MyApp.Controls.SearchBox\"\n             xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n             xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"\n             d:DesignHeight=\"40\" d:DesignWidth=\"400\">\n    \n    \u003CBorder Background=\"White\" \n            BorderBrush=\"#e2e8f0\" \n            BorderThickness=\"1\" \n            CornerRadius=\"8\"\n            Padding=\"8\">\n        \u003CGrid>\n            \u003CGrid.ColumnDefinitions>\n                \u003CColumnDefinition Width=\"Auto\"/>\n                \u003CColumnDefinition Width=\"*\"/>\n                \u003CColumnDefinition Width=\"Auto\"/>\n            \u003C/Grid.ColumnDefinitions>\n            \n            \u003C!-- Іконка пошуку -->\n            \u003CTextBlock Grid.Column=\"0\" \n                       Text=\"🔍\" \n                       FontSize=\"16\"\n                       VerticalAlignment=\"Center\"\n                       Margin=\"0,0,8,0\"/>\n            \n            \u003C!-- Поле введення -->\n            \u003CTextBox Grid.Column=\"1\"\n                     x:Name=\"SearchTextBox\"\n                     BorderThickness=\"0\"\n                     Background=\"Transparent\"\n                     VerticalContentAlignment=\"Center\"\n                     FontSize=\"14\"/>\n            \n            \u003C!-- Кнопка очищення -->\n            \u003CButton Grid.Column=\"2\"\n                    x:Name=\"ClearButton\"\n                    Content=\"✕\"\n                    Background=\"Transparent\"\n                    BorderThickness=\"0\"\n                    Padding=\"8,4\"\n                    Margin=\"8,0,0,0\"\n                    Cursor=\"Hand\"\n                    Click=\"ClearButton_Click\"/>\n        \u003C/Grid>\n    \u003C/Border>\n\u003C/UserControl>\n",[2966,3897,3898,3910,3918,3926,3942,3946,3963,3975,3987,3997,4008,4017,4027,4045,4061,4076,4086,4092,4098,4116,4129,4140,4151,4163,4168,4174,4188,4199,4210,4221,4231,4244,4249,4255,4269,4280,4291,4301,4311,4322,4333,4344,4357,4367,4376],{"__ignoreMap":3086},[3090,3899,3900,3902,3904,3906,3908],{"class":3092,"line":3093},[3090,3901,3104],{"class":3103},[3090,3903,2968],{"class":3107},[3090,3905,3324],{"class":3111},[3090,3907,3116],{"class":3115},[3090,3909,3329],{"class":3119},[3090,3911,3912,3914,3916],{"class":3092,"line":3100},[3090,3913,3334],{"class":3111},[3090,3915,3116],{"class":3115},[3090,3917,3339],{"class":3119},[3090,3919,3920,3922,3924],{"class":3092,"line":3134},[3090,3921,3344],{"class":3111},[3090,3923,3116],{"class":3115},[3090,3925,3687],{"class":3119},[3090,3927,3928,3930,3932,3934,3936,3938,3940],{"class":3092,"line":3154},[3090,3929,3726],{"class":3111},[3090,3931,3116],{"class":3115},[3090,3933,3731],{"class":3119},[3090,3935,3734],{"class":3111},[3090,3937,3116],{"class":3115},[3090,3939,3739],{"class":3119},[3090,3941,3131],{"class":3103},[3090,3943,3944],{"class":3092,"line":3167},[3090,3945,3522],{"class":3115},[3090,3947,3948,3950,3953,3956,3958,3961],{"class":3092,"line":3178},[3090,3949,3137],{"class":3103},[3090,3951,3952],{"class":3107},"Border",[3090,3954,3955],{"class":3111}," Background",[3090,3957,3116],{"class":3115},[3090,3959,3960],{"class":3119},"\"White\"",[3090,3962,3151],{"class":3115},[3090,3964,3965,3968,3970,3973],{"class":3092,"line":3192},[3090,3966,3967],{"class":3111},"            BorderBrush",[3090,3969,3116],{"class":3115},[3090,3971,3972],{"class":3119},"\"#e2e8f0\"",[3090,3974,3151],{"class":3115},[3090,3976,3977,3980,3982,3985],{"class":3092,"line":3210},[3090,3978,3979],{"class":3111},"            BorderThickness",[3090,3981,3116],{"class":3115},[3090,3983,3984],{"class":3119},"\"1\"",[3090,3986,3151],{"class":3115},[3090,3988,3989,3992,3994],{"class":3092,"line":3221},[3090,3990,3991],{"class":3111},"            CornerRadius",[3090,3993,3116],{"class":3115},[3090,3995,3996],{"class":3119},"\"8\"\n",[3090,3998,3999,4001,4003,4006],{"class":3092,"line":3234},[3090,4000,3224],{"class":3111},[3090,4002,3116],{"class":3115},[3090,4004,4005],{"class":3119},"\"8\"",[3090,4007,3131],{"class":3103},[3090,4009,4010,4012,4015],{"class":3092,"line":3530},[3090,4011,3370],{"class":3103},[3090,4013,4014],{"class":3107},"Grid",[3090,4016,3131],{"class":3103},[3090,4018,4019,4022,4025],{"class":3092,"line":3599},[3090,4020,4021],{"class":3103},"            \u003C",[3090,4023,4024],{"class":3107},"Grid.ColumnDefinitions",[3090,4026,3131],{"class":3103},[3090,4028,4030,4033,4036,4038,4040,4043],{"class":3092,"line":4029},13,[3090,4031,4032],{"class":3103},"                \u003C",[3090,4034,4035],{"class":3107},"ColumnDefinition",[3090,4037,3375],{"class":3111},[3090,4039,3116],{"class":3115},[3090,4041,4042],{"class":3119},"\"Auto\"",[3090,4044,3189],{"class":3103},[3090,4046,4048,4050,4052,4054,4056,4059],{"class":3092,"line":4047},14,[3090,4049,4032],{"class":3103},[3090,4051,4035],{"class":3107},[3090,4053,3375],{"class":3111},[3090,4055,3116],{"class":3115},[3090,4057,4058],{"class":3119},"\"*\"",[3090,4060,3189],{"class":3103},[3090,4062,4064,4066,4068,4070,4072,4074],{"class":3092,"line":4063},15,[3090,4065,4032],{"class":3103},[3090,4067,4035],{"class":3107},[3090,4069,3375],{"class":3111},[3090,4071,3116],{"class":3115},[3090,4073,4042],{"class":3119},[3090,4075,3189],{"class":3103},[3090,4077,4079,4082,4084],{"class":3092,"line":4078},16,[3090,4080,4081],{"class":3103},"            \u003C/",[3090,4083,4024],{"class":3107},[3090,4085,3131],{"class":3103},[3090,4087,4089],{"class":3092,"line":4088},17,[3090,4090,4091],{"class":3115},"            \n",[3090,4093,4095],{"class":3092,"line":4094},18,[3090,4096,4097],{"class":3096},"            \u003C!-- Іконка пошуку -->\n",[3090,4099,4101,4103,4106,4109,4111,4114],{"class":3092,"line":4100},19,[3090,4102,4021],{"class":3103},[3090,4104,4105],{"class":3107},"TextBlock",[3090,4107,4108],{"class":3111}," Grid.Column",[3090,4110,3116],{"class":3115},[3090,4112,4113],{"class":3119},"\"0\"",[3090,4115,3151],{"class":3115},[3090,4117,4119,4122,4124,4127],{"class":3092,"line":4118},20,[3090,4120,4121],{"class":3111},"                       Text",[3090,4123,3116],{"class":3115},[3090,4125,4126],{"class":3119},"\"🔍\"",[3090,4128,3151],{"class":3115},[3090,4130,4132,4135,4137],{"class":3092,"line":4131},21,[3090,4133,4134],{"class":3111},"                       FontSize",[3090,4136,3116],{"class":3115},[3090,4138,4139],{"class":3119},"\"16\"\n",[3090,4141,4143,4146,4148],{"class":3092,"line":4142},22,[3090,4144,4145],{"class":3111},"                       VerticalAlignment",[3090,4147,3116],{"class":3115},[3090,4149,4150],{"class":3119},"\"Center\"\n",[3090,4152,4154,4157,4159,4161],{"class":3092,"line":4153},23,[3090,4155,4156],{"class":3111},"                       Margin",[3090,4158,3116],{"class":3115},[3090,4160,3386],{"class":3119},[3090,4162,3189],{"class":3103},[3090,4164,4166],{"class":3092,"line":4165},24,[3090,4167,4091],{"class":3115},[3090,4169,4171],{"class":3092,"line":4170},25,[3090,4172,4173],{"class":3096},"            \u003C!-- Поле введення -->\n",[3090,4175,4177,4179,4181,4183,4185],{"class":3092,"line":4176},26,[3090,4178,4021],{"class":3103},[3090,4180,3140],{"class":3107},[3090,4182,4108],{"class":3111},[3090,4184,3116],{"class":3115},[3090,4186,4187],{"class":3119},"\"1\"\n",[3090,4189,4191,4194,4196],{"class":3092,"line":4190},27,[3090,4192,4193],{"class":3111},"                     x:Name",[3090,4195,3116],{"class":3115},[3090,4197,4198],{"class":3119},"\"SearchTextBox\"\n",[3090,4200,4202,4205,4207],{"class":3092,"line":4201},28,[3090,4203,4204],{"class":3111},"                     BorderThickness",[3090,4206,3116],{"class":3115},[3090,4208,4209],{"class":3119},"\"0\"\n",[3090,4211,4213,4216,4218],{"class":3092,"line":4212},29,[3090,4214,4215],{"class":3111},"                     Background",[3090,4217,3116],{"class":3115},[3090,4219,4220],{"class":3119},"\"Transparent\"\n",[3090,4222,4224,4227,4229],{"class":3092,"line":4223},30,[3090,4225,4226],{"class":3111},"                     VerticalContentAlignment",[3090,4228,3116],{"class":3115},[3090,4230,4150],{"class":3119},[3090,4232,4234,4237,4239,4242],{"class":3092,"line":4233},31,[3090,4235,4236],{"class":3111},"                     FontSize",[3090,4238,3116],{"class":3115},[3090,4240,4241],{"class":3119},"\"14\"",[3090,4243,3189],{"class":3103},[3090,4245,4247],{"class":3092,"line":4246},32,[3090,4248,4091],{"class":3115},[3090,4250,4252],{"class":3092,"line":4251},33,[3090,4253,4254],{"class":3096},"            \u003C!-- Кнопка очищення -->\n",[3090,4256,4258,4260,4262,4264,4266],{"class":3092,"line":4257},34,[3090,4259,4021],{"class":3103},[3090,4261,3197],{"class":3107},[3090,4263,4108],{"class":3111},[3090,4265,3116],{"class":3115},[3090,4267,4268],{"class":3119},"\"2\"\n",[3090,4270,4272,4275,4277],{"class":3092,"line":4271},35,[3090,4273,4274],{"class":3111},"                    x:Name",[3090,4276,3116],{"class":3115},[3090,4278,4279],{"class":3119},"\"ClearButton\"\n",[3090,4281,4283,4286,4288],{"class":3092,"line":4282},36,[3090,4284,4285],{"class":3111},"                    Content",[3090,4287,3116],{"class":3115},[3090,4289,4290],{"class":3119},"\"✕\"\n",[3090,4292,4294,4297,4299],{"class":3092,"line":4293},37,[3090,4295,4296],{"class":3111},"                    Background",[3090,4298,3116],{"class":3115},[3090,4300,4220],{"class":3119},[3090,4302,4304,4307,4309],{"class":3092,"line":4303},38,[3090,4305,4306],{"class":3111},"                    BorderThickness",[3090,4308,3116],{"class":3115},[3090,4310,4209],{"class":3119},[3090,4312,4314,4317,4319],{"class":3092,"line":4313},39,[3090,4315,4316],{"class":3111},"                    Padding",[3090,4318,3116],{"class":3115},[3090,4320,4321],{"class":3119},"\"8,4\"\n",[3090,4323,4325,4328,4330],{"class":3092,"line":4324},40,[3090,4326,4327],{"class":3111},"                    Margin",[3090,4329,3116],{"class":3115},[3090,4331,4332],{"class":3119},"\"8,0,0,0\"\n",[3090,4334,4336,4339,4341],{"class":3092,"line":4335},41,[3090,4337,4338],{"class":3111},"                    Cursor",[3090,4340,3116],{"class":3115},[3090,4342,4343],{"class":3119},"\"Hand\"\n",[3090,4345,4347,4350,4352,4355],{"class":3092,"line":4346},42,[3090,4348,4349],{"class":3111},"                    Click",[3090,4351,3116],{"class":3115},[3090,4353,4354],{"class":3119},"\"ClearButton_Click\"",[3090,4356,3189],{"class":3103},[3090,4358,4360,4363,4365],{"class":3092,"line":4359},43,[3090,4361,4362],{"class":3103},"        \u003C/",[3090,4364,4014],{"class":3107},[3090,4366,3131],{"class":3103},[3090,4368,4370,4372,4374],{"class":3092,"line":4369},44,[3090,4371,3414],{"class":3103},[3090,4373,3952],{"class":3107},[3090,4375,3131],{"class":3103},[3090,4377,4379,4381,4383],{"class":3092,"line":4378},45,[3090,4380,3237],{"class":3103},[3090,4382,2968],{"class":3107},[3090,4384,3131],{"class":3103},[2959,4386,4387],{},[2980,4388,4389],{},"Code-behind для кнопки очищення:",[3081,4391,4393],{"className":3435,"code":4392,"language":3437,"meta":3086,"style":3086},"public partial class SearchBox : UserControl\n{\n    public SearchBox()\n    {\n        InitializeComponent();\n    }\n    \n    private void ClearButton_Click(object sender, RoutedEventArgs e)\n    {\n        SearchTextBox.Text = \"\";\n        SearchTextBox.Focus();\n    }\n}\n",[2966,4394,4395,4409,4413,4421,4425,4431,4435,4439,4472,4476,4495,4506,4510],{"__ignoreMap":3086},[3090,4396,4397,4399,4401,4403,4405,4407],{"class":3092,"line":3093},[3090,4398,3468],{"class":3444},[3090,4400,3471],{"class":3444},[3090,4402,3474],{"class":3444},[3090,4404,3477],{"class":3448},[3090,4406,3480],{"class":3115},[3090,4408,3483],{"class":3448},[3090,4410,4411],{"class":3092,"line":3100},[3090,4412,3488],{"class":3115},[3090,4414,4415,4417,4419],{"class":3092,"line":3134},[3090,4416,3493],{"class":3444},[3090,4418,3477],{"class":3496},[3090,4420,3499],{"class":3115},[3090,4422,4423],{"class":3092,"line":3154},[3090,4424,3504],{"class":3115},[3090,4426,4427,4429],{"class":3092,"line":3167},[3090,4428,3509],{"class":3496},[3090,4430,3512],{"class":3115},[3090,4432,4433],{"class":3092,"line":3178},[3090,4434,3517],{"class":3115},[3090,4436,4437],{"class":3092,"line":3192},[3090,4438,3522],{"class":3115},[3090,4440,4441,4444,4447,4450,4453,4456,4460,4463,4466,4469],{"class":3092,"line":3210},[3090,4442,4443],{"class":3444},"    private",[3090,4445,4446],{"class":3444}," void",[3090,4448,4449],{"class":3496}," ClearButton_Click",[3090,4451,4452],{"class":3115},"(",[3090,4454,4455],{"class":3444},"object",[3090,4457,4459],{"class":4458},"siwwj"," sender",[3090,4461,4462],{"class":3115},", ",[3090,4464,4465],{"class":3448},"RoutedEventArgs",[3090,4467,4468],{"class":4458}," e",[3090,4470,4471],{"class":3115},")\n",[3090,4473,4474],{"class":3092,"line":3221},[3090,4475,3504],{"class":3115},[3090,4477,4478,4481,4483,4486,4489,4493],{"class":3092,"line":3234},[3090,4479,4480],{"class":4458},"        SearchTextBox",[3090,4482,3297],{"class":3115},[3090,4484,4485],{"class":4458},"Text",[3090,4487,4488],{"class":3115}," = ",[3090,4490,4492],{"class":4491},"sbdoH","\"\"",[3090,4494,3457],{"class":3115},[3090,4496,4497,4499,4501,4504],{"class":3092,"line":3530},[3090,4498,4480],{"class":4458},[3090,4500,3297],{"class":3115},[3090,4502,4503],{"class":3496},"Focus",[3090,4505,3512],{"class":3115},[3090,4507,4508],{"class":3092,"line":3599},[3090,4509,3517],{"class":3115},[3090,4511,4512],{"class":3092,"line":4029},[3090,4513,3533],{"class":3115},[3029,4515,4517],{"id":4516},"крок-3-використання-usercontrol","Крок 3: Використання UserControl",[2959,4519,4520],{},"Тепер використовуємо наш компонент у MainWindow:",[3081,4522,4524],{"className":3083,"code":4523,"language":3085,"meta":3086,"style":3086},"\u003CWindow x:Class=\"MyApp.MainWindow\"\n        xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n        xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"\n        xmlns:controls=\"clr-namespace:MyApp.Controls\"\n        Title=\"My App\" Width=\"600\" Height=\"400\">\n    \n    \u003CStackPanel Margin=\"20\">\n        \u003CTextBlock Text=\"Пошук файлів\" \n                   FontSize=\"18\" FontWeight=\"Bold\"\n                   Margin=\"0,0,0,12\"/>\n        \n        \u003C!-- Використання нашого UserControl -->\n        \u003Ccontrols:SearchBox/>\n        \n        \u003CListBox Margin=\"0,16,0,0\" Height=\"300\"/>\n    \u003C/StackPanel>\n\u003C/Window>\n",[2966,4525,4526,4540,4549,4558,4568,4594,4598,4613,4629,4647,4659,4664,4669,4678,4682,4704,4712],{"__ignoreMap":3086},[3090,4527,4528,4530,4533,4535,4537],{"class":3092,"line":3093},[3090,4529,3104],{"class":3103},[3090,4531,4532],{"class":3107},"Window",[3090,4534,3324],{"class":3111},[3090,4536,3116],{"class":3115},[3090,4538,4539],{"class":3119},"\"MyApp.MainWindow\"\n",[3090,4541,4542,4545,4547],{"class":3092,"line":3100},[3090,4543,4544],{"class":3111},"        xmlns",[3090,4546,3116],{"class":3115},[3090,4548,3339],{"class":3119},[3090,4550,4551,4554,4556],{"class":3092,"line":3134},[3090,4552,4553],{"class":3111},"        xmlns:x",[3090,4555,3116],{"class":3115},[3090,4557,3687],{"class":3119},[3090,4559,4560,4563,4565],{"class":3092,"line":3154},[3090,4561,4562],{"class":3111},"        xmlns:controls",[3090,4564,3116],{"class":3115},[3090,4566,4567],{"class":3119},"\"clr-namespace:MyApp.Controls\"\n",[3090,4569,4570,4573,4575,4578,4580,4582,4585,4588,4590,4592],{"class":3092,"line":3167},[3090,4571,4572],{"class":3111},"        Title",[3090,4574,3116],{"class":3115},[3090,4576,4577],{"class":3119},"\"My App\"",[3090,4579,3375],{"class":3111},[3090,4581,3116],{"class":3115},[3090,4583,4584],{"class":3119},"\"600\"",[3090,4586,4587],{"class":3111}," Height",[3090,4589,3116],{"class":3115},[3090,4591,3739],{"class":3119},[3090,4593,3131],{"class":3103},[3090,4595,4596],{"class":3092,"line":3178},[3090,4597,3522],{"class":3115},[3090,4599,4600,4602,4604,4606,4608,4611],{"class":3092,"line":3192},[3090,4601,3137],{"class":3103},[3090,4603,3108],{"class":3107},[3090,4605,3123],{"class":3111},[3090,4607,3116],{"class":3115},[3090,4609,4610],{"class":3119},"\"20\"",[3090,4612,3131],{"class":3103},[3090,4614,4615,4617,4619,4622,4624,4627],{"class":3092,"line":3210},[3090,4616,3370],{"class":3103},[3090,4618,4105],{"class":3107},[3090,4620,4621],{"class":3111}," Text",[3090,4623,3116],{"class":3115},[3090,4625,4626],{"class":3119},"\"Пошук файлів\"",[3090,4628,3151],{"class":3115},[3090,4630,4631,4634,4636,4639,4642,4644],{"class":3092,"line":3221},[3090,4632,4633],{"class":3111},"                   FontSize",[3090,4635,3116],{"class":3115},[3090,4637,4638],{"class":3119},"\"18\"",[3090,4640,4641],{"class":3111}," FontWeight",[3090,4643,3116],{"class":3115},[3090,4645,4646],{"class":3119},"\"Bold\"\n",[3090,4648,4649,4652,4654,4657],{"class":3092,"line":3234},[3090,4650,4651],{"class":3111},"                   Margin",[3090,4653,3116],{"class":3115},[3090,4655,4656],{"class":3119},"\"0,0,0,12\"",[3090,4658,3189],{"class":3103},[3090,4660,4661],{"class":3092,"line":3530},[3090,4662,4663],{"class":3115},"        \n",[3090,4665,4666],{"class":3092,"line":3599},[3090,4667,4668],{"class":3096},"        \u003C!-- Використання нашого UserControl -->\n",[3090,4670,4671,4673,4676],{"class":3092,"line":4029},[3090,4672,3370],{"class":3103},[3090,4674,4675],{"class":3107},"controls:SearchBox",[3090,4677,3189],{"class":3103},[3090,4679,4680],{"class":3092,"line":4047},[3090,4681,4663],{"class":3115},[3090,4683,4684,4686,4689,4691,4693,4696,4698,4700,4702],{"class":3092,"line":4063},[3090,4685,3370],{"class":3103},[3090,4687,4688],{"class":3107},"ListBox",[3090,4690,3123],{"class":3111},[3090,4692,3116],{"class":3115},[3090,4694,4695],{"class":3119},"\"0,16,0,0\"",[3090,4697,4587],{"class":3111},[3090,4699,3116],{"class":3115},[3090,4701,3162],{"class":3119},[3090,4703,3189],{"class":3103},[3090,4705,4706,4708,4710],{"class":3092,"line":4078},[3090,4707,3414],{"class":3103},[3090,4709,3108],{"class":3107},[3090,4711,3131],{"class":3103},[3090,4713,4714,4716,4718],{"class":3092,"line":4088},[3090,4715,3237],{"class":3103},[3090,4717,4532],{"class":3107},[3090,4719,3131],{"class":3103},[2959,4721,4722],{},[2980,4723,4724],{},"Ключові моменти:",[3622,4726,4727,4733,4739],{},[3042,4728,4729,4732],{},[2966,4730,4731],{},"xmlns:controls=\"clr-namespace:MyApp.Controls\""," — реєстрація namespace для доступу до UserControl",[3042,4734,4735,4738],{},[2966,4736,4737],{},"\u003Ccontrols:SearchBox/>"," — використання як звичайного контролу",[3042,4740,4741,4742,4462,4745,4462,4748,4462,4751,4754],{},"Можна встановлювати стандартні властивості: ",[2966,4743,4744],{},"Margin",[2966,4746,4747],{},"Width",[2966,4749,4750],{},"Height",[2966,4752,4753],{},"HorizontalAlignment"," тощо",[4756,4757,4759],"wpf-preview",{"title":4758},"Базовий UserControl: SearchBox",[3081,4760,4762],{"className":3083,"code":4761,"language":3085,"meta":3086,"style":3086},"\u003CBorder Background=\"White\" \n        BorderBrush=\"#e2e8f0\" \n        BorderThickness=\"1\" \n        CornerRadius=\"8\"\n        Padding=\"8\"\n        Width=\"400\">\n    \u003CGrid>\n        \u003CGrid.ColumnDefinitions>\n            \u003CColumnDefinition Width=\"Auto\"/>\n            \u003CColumnDefinition Width=\"*\"/>\n            \u003CColumnDefinition Width=\"Auto\"/>\n        \u003C/Grid.ColumnDefinitions>\n        \n        \u003CTextBlock Grid.Column=\"0\" \n                   Text=\"🔍\" \n                   FontSize=\"16\"\n                   VerticalAlignment=\"Center\"\n                   Margin=\"0,0,8,0\"/>\n        \n        \u003CTextBox Grid.Column=\"1\"\n                 BorderThickness=\"0\"\n                 Background=\"Transparent\"\n                 VerticalContentAlignment=\"Center\"\n                 FontSize=\"14\"\n                 Text=\"Введіть текст для пошуку...\"/>\n        \n        \u003CButton Grid.Column=\"2\"\n                Content=\"✕\"\n                Background=\"Transparent\"\n                BorderThickness=\"0\"\n                Padding=\"8,4\"\n                Margin=\"8,0,0,0\"\n                Cursor=\"Hand\"\n                Command=\"{Binding ShowMessageCommand}\"\n                CommandParameter=\"Текст очищено\"/>\n    \u003C/Grid>\n\u003C/Border>\n",[2966,4763,4764,4778,4789,4800,4809,4818,4829,4837,4845,4859,4873,4887,4895,4899,4913,4924,4932,4941,4951,4955,4967,4976,4985,4994,5004,5016,5020,5032,5041,5050,5059,5068,5077,5086,5096,5108,5116],{"__ignoreMap":3086},[3090,4765,4766,4768,4770,4772,4774,4776],{"class":3092,"line":3093},[3090,4767,3104],{"class":3103},[3090,4769,3952],{"class":3107},[3090,4771,3955],{"class":3111},[3090,4773,3116],{"class":3115},[3090,4775,3960],{"class":3119},[3090,4777,3151],{"class":3115},[3090,4779,4780,4783,4785,4787],{"class":3092,"line":3100},[3090,4781,4782],{"class":3111},"        BorderBrush",[3090,4784,3116],{"class":3115},[3090,4786,3972],{"class":3119},[3090,4788,3151],{"class":3115},[3090,4790,4791,4794,4796,4798],{"class":3092,"line":3134},[3090,4792,4793],{"class":3111},"        BorderThickness",[3090,4795,3116],{"class":3115},[3090,4797,3984],{"class":3119},[3090,4799,3151],{"class":3115},[3090,4801,4802,4805,4807],{"class":3092,"line":3154},[3090,4803,4804],{"class":3111},"        CornerRadius",[3090,4806,3116],{"class":3115},[3090,4808,3996],{"class":3119},[3090,4810,4811,4814,4816],{"class":3092,"line":3167},[3090,4812,4813],{"class":3111},"        Padding",[3090,4815,3116],{"class":3115},[3090,4817,3996],{"class":3119},[3090,4819,4820,4823,4825,4827],{"class":3092,"line":3178},[3090,4821,4822],{"class":3111},"        Width",[3090,4824,3116],{"class":3115},[3090,4826,3739],{"class":3119},[3090,4828,3131],{"class":3103},[3090,4830,4831,4833,4835],{"class":3092,"line":3192},[3090,4832,3137],{"class":3103},[3090,4834,4014],{"class":3107},[3090,4836,3131],{"class":3103},[3090,4838,4839,4841,4843],{"class":3092,"line":3210},[3090,4840,3370],{"class":3103},[3090,4842,4024],{"class":3107},[3090,4844,3131],{"class":3103},[3090,4846,4847,4849,4851,4853,4855,4857],{"class":3092,"line":3221},[3090,4848,4021],{"class":3103},[3090,4850,4035],{"class":3107},[3090,4852,3375],{"class":3111},[3090,4854,3116],{"class":3115},[3090,4856,4042],{"class":3119},[3090,4858,3189],{"class":3103},[3090,4860,4861,4863,4865,4867,4869,4871],{"class":3092,"line":3234},[3090,4862,4021],{"class":3103},[3090,4864,4035],{"class":3107},[3090,4866,3375],{"class":3111},[3090,4868,3116],{"class":3115},[3090,4870,4058],{"class":3119},[3090,4872,3189],{"class":3103},[3090,4874,4875,4877,4879,4881,4883,4885],{"class":3092,"line":3530},[3090,4876,4021],{"class":3103},[3090,4878,4035],{"class":3107},[3090,4880,3375],{"class":3111},[3090,4882,3116],{"class":3115},[3090,4884,4042],{"class":3119},[3090,4886,3189],{"class":3103},[3090,4888,4889,4891,4893],{"class":3092,"line":3599},[3090,4890,4362],{"class":3103},[3090,4892,4024],{"class":3107},[3090,4894,3131],{"class":3103},[3090,4896,4897],{"class":3092,"line":4029},[3090,4898,4663],{"class":3115},[3090,4900,4901,4903,4905,4907,4909,4911],{"class":3092,"line":4047},[3090,4902,3370],{"class":3103},[3090,4904,4105],{"class":3107},[3090,4906,4108],{"class":3111},[3090,4908,3116],{"class":3115},[3090,4910,4113],{"class":3119},[3090,4912,3151],{"class":3115},[3090,4914,4915,4918,4920,4922],{"class":3092,"line":4063},[3090,4916,4917],{"class":3111},"                   Text",[3090,4919,3116],{"class":3115},[3090,4921,4126],{"class":3119},[3090,4923,3151],{"class":3115},[3090,4925,4926,4928,4930],{"class":3092,"line":4078},[3090,4927,4633],{"class":3111},[3090,4929,3116],{"class":3115},[3090,4931,4139],{"class":3119},[3090,4933,4934,4937,4939],{"class":3092,"line":4088},[3090,4935,4936],{"class":3111},"                   VerticalAlignment",[3090,4938,3116],{"class":3115},[3090,4940,4150],{"class":3119},[3090,4942,4943,4945,4947,4949],{"class":3092,"line":4094},[3090,4944,4651],{"class":3111},[3090,4946,3116],{"class":3115},[3090,4948,3386],{"class":3119},[3090,4950,3189],{"class":3103},[3090,4952,4953],{"class":3092,"line":4100},[3090,4954,4663],{"class":3115},[3090,4956,4957,4959,4961,4963,4965],{"class":3092,"line":4118},[3090,4958,3370],{"class":3103},[3090,4960,3140],{"class":3107},[3090,4962,4108],{"class":3111},[3090,4964,3116],{"class":3115},[3090,4966,4187],{"class":3119},[3090,4968,4969,4972,4974],{"class":3092,"line":4131},[3090,4970,4971],{"class":3111},"                 BorderThickness",[3090,4973,3116],{"class":3115},[3090,4975,4209],{"class":3119},[3090,4977,4978,4981,4983],{"class":3092,"line":4142},[3090,4979,4980],{"class":3111},"                 Background",[3090,4982,3116],{"class":3115},[3090,4984,4220],{"class":3119},[3090,4986,4987,4990,4992],{"class":3092,"line":4153},[3090,4988,4989],{"class":3111},"                 VerticalContentAlignment",[3090,4991,3116],{"class":3115},[3090,4993,4150],{"class":3119},[3090,4995,4996,4999,5001],{"class":3092,"line":4165},[3090,4997,4998],{"class":3111},"                 FontSize",[3090,5000,3116],{"class":3115},[3090,5002,5003],{"class":3119},"\"14\"\n",[3090,5005,5006,5009,5011,5014],{"class":3092,"line":4170},[3090,5007,5008],{"class":3111},"                 Text",[3090,5010,3116],{"class":3115},[3090,5012,5013],{"class":3119},"\"Введіть текст для пошуку...\"",[3090,5015,3189],{"class":3103},[3090,5017,5018],{"class":3092,"line":4176},[3090,5019,4663],{"class":3115},[3090,5021,5022,5024,5026,5028,5030],{"class":3092,"line":4190},[3090,5023,3370],{"class":3103},[3090,5025,3197],{"class":3107},[3090,5027,4108],{"class":3111},[3090,5029,3116],{"class":3115},[3090,5031,4268],{"class":3119},[3090,5033,5034,5037,5039],{"class":3092,"line":4201},[3090,5035,5036],{"class":3111},"                Content",[3090,5038,3116],{"class":3115},[3090,5040,4290],{"class":3119},[3090,5042,5043,5046,5048],{"class":3092,"line":4212},[3090,5044,5045],{"class":3111},"                Background",[3090,5047,3116],{"class":3115},[3090,5049,4220],{"class":3119},[3090,5051,5052,5055,5057],{"class":3092,"line":4223},[3090,5053,5054],{"class":3111},"                BorderThickness",[3090,5056,3116],{"class":3115},[3090,5058,4209],{"class":3119},[3090,5060,5061,5064,5066],{"class":3092,"line":4233},[3090,5062,5063],{"class":3111},"                Padding",[3090,5065,3116],{"class":3115},[3090,5067,4321],{"class":3119},[3090,5069,5070,5073,5075],{"class":3092,"line":4246},[3090,5071,5072],{"class":3111},"                Margin",[3090,5074,3116],{"class":3115},[3090,5076,4332],{"class":3119},[3090,5078,5079,5082,5084],{"class":3092,"line":4251},[3090,5080,5081],{"class":3111},"                Cursor",[3090,5083,3116],{"class":3115},[3090,5085,4343],{"class":3119},[3090,5087,5088,5091,5093],{"class":3092,"line":4257},[3090,5089,5090],{"class":3111},"                Command",[3090,5092,3116],{"class":3115},[3090,5094,5095],{"class":3119},"\"{Binding ShowMessageCommand}\"\n",[3090,5097,5098,5101,5103,5106],{"class":3092,"line":4271},[3090,5099,5100],{"class":3111},"                CommandParameter",[3090,5102,3116],{"class":3115},[3090,5104,5105],{"class":3119},"\"Текст очищено\"",[3090,5107,3189],{"class":3103},[3090,5109,5110,5112,5114],{"class":3092,"line":4282},[3090,5111,3414],{"class":3103},[3090,5113,4014],{"class":3107},[3090,5115,3131],{"class":3103},[3090,5117,5118,5120,5122],{"class":3092,"line":4293},[3090,5119,3237],{"class":3103},[3090,5121,3952],{"class":3107},[3090,5123,3131],{"class":3103},[3012,5125],{},[3015,5127,5129],{"id":5128},"dependencyproperty-публічний-api-компонента","DependencyProperty: публічний API компонента",[2959,5131,5132,5133,3297],{},"Базовий UserControl з попереднього розділу працює, але він ізольований — зовнішній код не може отримати текст пошуку або підписатись на зміни. Щоб зробити компонент справді перевикористовуваним, потрібен публічний API через ",[2966,5134,5135],{},"DependencyProperty",[3029,5137,5139],{"id":5138},"що-таке-dependencyproperty","Що таке DependencyProperty",[2959,5141,5142,5144],{},[2966,5143,5135],{}," (скорочено DP) — це спеціальна властивість WPF з розширеними можливостями:",[3039,5146,5147,5154,5162,5165,5168,5171,5174],{},[3042,5148,5149,5150,5153],{},"✅ Підтримка ",[2966,5151,5152],{},"{Binding}"," — можна прив'язувати до ViewModel",[3042,5155,5149,5156,3875,5159],{},[2966,5157,5158],{},"{StaticResource}",[2966,5160,5161],{},"{DynamicResource}",[3042,5163,5164],{},"✅ Підтримка анімацій",[3042,5166,5167],{},"✅ Підтримка стилів та тригерів",[3042,5169,5170],{},"✅ Callback при зміні значення",[3042,5172,5173],{},"✅ Валідація значень",[3042,5175,5176],{},"✅ Успадкування значень по дереву елементів",[2959,5178,5179,5180,5183],{},"Звичайна C# властивість (",[2966,5181,5182],{},"public string Text { get; set; }",") не підтримує жодної з цих можливостей.",[3029,5185,5187],{"id":5186},"анатомія-dependencyproperty","Анатомія DependencyProperty",[2959,5189,5190],{},"DependencyProperty складається з трьох частин:",[2959,5192,5193],{},[2980,5194,5195],{},"1. Статичне поле DependencyProperty:",[3081,5197,5199],{"className":3435,"code":5198,"language":3437,"meta":3086,"style":3086},"public static readonly DependencyProperty SearchTextProperty =\n    DependencyProperty.Register(\n        name: \"SearchText\",                    // Ім'я властивості\n        propertyType: typeof(string),          // Тип властивості\n        ownerType: typeof(SearchBox),          // Клас-власник\n        typeMetadata: new PropertyMetadata(\"\")  // Метадані (значення за замовчуванням)\n    );\n",[2966,5200,5201,5220,5233,5250,5271,5290,5313],{"__ignoreMap":3086},[3090,5202,5203,5205,5208,5211,5214,5217],{"class":3092,"line":3093},[3090,5204,3468],{"class":3444},[3090,5206,5207],{"class":3444}," static",[3090,5209,5210],{"class":3444}," readonly",[3090,5212,5213],{"class":3448}," DependencyProperty",[3090,5215,5216],{"class":4458}," SearchTextProperty",[3090,5218,5219],{"class":3115}," =\n",[3090,5221,5222,5225,5227,5230],{"class":3092,"line":3100},[3090,5223,5224],{"class":4458},"    DependencyProperty",[3090,5226,3297],{"class":3115},[3090,5228,5229],{"class":3496},"Register",[3090,5231,5232],{"class":3115},"(\n",[3090,5234,5235,5238,5241,5244,5247],{"class":3092,"line":3134},[3090,5236,5237],{"class":4458},"        name",[3090,5239,5240],{"class":3115},": ",[3090,5242,5243],{"class":4491},"\"SearchText\"",[3090,5245,5246],{"class":3115},",                    ",[3090,5248,5249],{"class":3096},"// Ім'я властивості\n",[3090,5251,5252,5255,5257,5260,5262,5265,5268],{"class":3092,"line":3154},[3090,5253,5254],{"class":4458},"        propertyType",[3090,5256,5240],{"class":3115},[3090,5258,5259],{"class":3444},"typeof",[3090,5261,4452],{"class":3115},[3090,5263,5264],{"class":3444},"string",[3090,5266,5267],{"class":3115},"),          ",[3090,5269,5270],{"class":3096},"// Тип властивості\n",[3090,5272,5273,5276,5278,5280,5282,5285,5287],{"class":3092,"line":3167},[3090,5274,5275],{"class":4458},"        ownerType",[3090,5277,5240],{"class":3115},[3090,5279,5259],{"class":3444},[3090,5281,4452],{"class":3115},[3090,5283,5284],{"class":3448},"SearchBox",[3090,5286,5267],{"class":3115},[3090,5288,5289],{"class":3096},"// Клас-власник\n",[3090,5291,5292,5295,5297,5300,5303,5305,5307,5310],{"class":3092,"line":3178},[3090,5293,5294],{"class":4458},"        typeMetadata",[3090,5296,5240],{"class":3115},[3090,5298,5299],{"class":3444},"new",[3090,5301,5302],{"class":3448}," PropertyMetadata",[3090,5304,4452],{"class":3115},[3090,5306,4492],{"class":4491},[3090,5308,5309],{"class":3115},")  ",[3090,5311,5312],{"class":3096},"// Метадані (значення за замовчуванням)\n",[3090,5314,5315],{"class":3092,"line":3192},[3090,5316,5317],{"class":3115},"    );\n",[2959,5319,5320],{},[2980,5321,5322],{},"2. CLR-обгортка (wrapper):",[3081,5324,5326],{"className":3435,"code":5325,"language":3437,"meta":3086,"style":3086},"public string SearchText\n{\n    get => (string)GetValue(SearchTextProperty);\n    set => SetValue(SearchTextProperty, value);\n}\n",[2966,5327,5328,5338,5342,5366,5388],{"__ignoreMap":3086},[3090,5329,5330,5332,5335],{"class":3092,"line":3093},[3090,5331,3468],{"class":3444},[3090,5333,5334],{"class":3444}," string",[3090,5336,5337],{"class":4458}," SearchText\n",[3090,5339,5340],{"class":3092,"line":3100},[3090,5341,3488],{"class":3115},[3090,5343,5344,5347,5350,5352,5355,5358,5360,5363],{"class":3092,"line":3134},[3090,5345,5346],{"class":4458},"    get",[3090,5348,5349],{"class":3115}," => (",[3090,5351,5264],{"class":3444},[3090,5353,5354],{"class":3115},")",[3090,5356,5357],{"class":3496},"GetValue",[3090,5359,4452],{"class":3115},[3090,5361,5362],{"class":4458},"SearchTextProperty",[3090,5364,5365],{"class":3115},");\n",[3090,5367,5368,5371,5374,5377,5379,5381,5383,5386],{"class":3092,"line":3154},[3090,5369,5370],{"class":4458},"    set",[3090,5372,5373],{"class":3115}," => ",[3090,5375,5376],{"class":3496},"SetValue",[3090,5378,4452],{"class":3115},[3090,5380,5362],{"class":4458},[3090,5382,4462],{"class":3115},[3090,5384,5385],{"class":4458},"value",[3090,5387,5365],{"class":3115},[3090,5389,5390],{"class":3092,"line":3167},[3090,5391,3533],{"class":3115},[2959,5393,5394],{},[2980,5395,5396],{},"3. (Опціонально) Callback при зміні:",[3081,5398,5400],{"className":3435,"code":5399,"language":3437,"meta":3086,"style":3086},"new PropertyMetadata(\"\", OnSearchTextChanged)\n\nprivate static void OnSearchTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)\n{\n    var control = (SearchBox)d;\n    string newValue = (string)e.NewValue;\n    // Логіка при зміні\n}\n",[2966,5401,5402,5419,5423,5452,5456,5476,5500,5505],{"__ignoreMap":3086},[3090,5403,5404,5406,5408,5410,5412,5414,5417],{"class":3092,"line":3093},[3090,5405,5299],{"class":3444},[3090,5407,5302],{"class":3496},[3090,5409,4452],{"class":3115},[3090,5411,4492],{"class":4491},[3090,5413,4462],{"class":3115},[3090,5415,5416],{"class":4458},"OnSearchTextChanged",[3090,5418,4471],{"class":3115},[3090,5420,5421],{"class":3092,"line":3100},[3090,5422,3463],{"emptyLinePlaceholder":3462},[3090,5424,5425,5428,5430,5432,5435,5437,5440,5443,5445,5448,5450],{"class":3092,"line":3134},[3090,5426,5427],{"class":3444},"private",[3090,5429,5207],{"class":3444},[3090,5431,4446],{"class":3444},[3090,5433,5434],{"class":3496}," OnSearchTextChanged",[3090,5436,4452],{"class":3115},[3090,5438,5439],{"class":3448},"DependencyObject",[3090,5441,5442],{"class":4458}," d",[3090,5444,4462],{"class":3115},[3090,5446,5447],{"class":3448},"DependencyPropertyChangedEventArgs",[3090,5449,4468],{"class":4458},[3090,5451,4471],{"class":3115},[3090,5453,5454],{"class":3092,"line":3154},[3090,5455,3488],{"class":3115},[3090,5457,5458,5461,5464,5467,5469,5471,5474],{"class":3092,"line":3167},[3090,5459,5460],{"class":3444},"    var",[3090,5462,5463],{"class":4458}," control",[3090,5465,5466],{"class":3115}," = (",[3090,5468,5284],{"class":3448},[3090,5470,5354],{"class":3115},[3090,5472,5473],{"class":4458},"d",[3090,5475,3457],{"class":3115},[3090,5477,5478,5481,5484,5486,5488,5490,5493,5495,5498],{"class":3092,"line":3178},[3090,5479,5480],{"class":3444},"    string",[3090,5482,5483],{"class":4458}," newValue",[3090,5485,5466],{"class":3115},[3090,5487,5264],{"class":3444},[3090,5489,5354],{"class":3115},[3090,5491,5492],{"class":4458},"e",[3090,5494,3297],{"class":3115},[3090,5496,5497],{"class":4458},"NewValue",[3090,5499,3457],{"class":3115},[3090,5501,5502],{"class":3092,"line":3192},[3090,5503,5504],{"class":3096},"    // Логіка при зміні\n",[3090,5506,5507],{"class":3092,"line":3210},[3090,5508,3533],{"class":3115},[3029,5510,5512],{"id":5511},"створення-dependencyproperty-для-searchtext","Створення DependencyProperty для SearchText",[2959,5514,5515],{},"Додаємо DependencyProperty до нашого SearchBox:",[3081,5517,5519],{"className":3435,"code":5518,"language":3437,"meta":3086,"style":3086},"public partial class SearchBox : UserControl\n{\n    // 1. Статичне поле DependencyProperty\n    public static readonly DependencyProperty SearchTextProperty =\n        DependencyProperty.Register(\n            nameof(SearchText),\n            typeof(string),\n            typeof(SearchBox),\n            new PropertyMetadata(\"\", OnSearchTextChanged)\n        );\n    \n    // 2. CLR-обгортка\n    public string SearchText\n    {\n        get => (string)GetValue(SearchTextProperty);\n        set => SetValue(SearchTextProperty, value);\n    }\n    \n    // 3. Callback при зміні\n    private static void OnSearchTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)\n    {\n        var control = (SearchBox)d;\n        string newValue = (string)e.NewValue;\n        \n        // Синхронізувати з внутрішнім TextBox\n        if (control.SearchTextBox.Text != newValue)\n        {\n            control.SearchTextBox.Text = newValue;\n        }\n    }\n    \n    public SearchBox()\n    {\n        InitializeComponent();\n        \n        // Синхронізація у зворотний бік: TextBox → DependencyProperty\n        SearchTextBox.TextChanged += (s, e) =>\n        {\n            SearchText = SearchTextBox.Text;\n        };\n    }\n    \n    private void ClearButton_Click(object sender, RoutedEventArgs e)\n    {\n        SearchText = \"\";  // Тепер змінюємо DependencyProperty, а не TextBox напряму\n        SearchTextBox.Focus();\n    }\n}\n",[2966,5520,5521,5535,5539,5544,5558,5569,5582,5593,5603,5620,5625,5629,5634,5642,5646,5665,5684,5688,5692,5697,5721,5725,5742,5763,5767,5772,5800,5805,5824,5829,5833,5837,5845,5849,5855,5859,5864,5886,5890,5905,5910,5914,5918,5940,5944,5959,5970,5975],{"__ignoreMap":3086},[3090,5522,5523,5525,5527,5529,5531,5533],{"class":3092,"line":3093},[3090,5524,3468],{"class":3444},[3090,5526,3471],{"class":3444},[3090,5528,3474],{"class":3444},[3090,5530,3477],{"class":3448},[3090,5532,3480],{"class":3115},[3090,5534,3483],{"class":3448},[3090,5536,5537],{"class":3092,"line":3100},[3090,5538,3488],{"class":3115},[3090,5540,5541],{"class":3092,"line":3134},[3090,5542,5543],{"class":3096},"    // 1. Статичне поле DependencyProperty\n",[3090,5545,5546,5548,5550,5552,5554,5556],{"class":3092,"line":3154},[3090,5547,3493],{"class":3444},[3090,5549,5207],{"class":3444},[3090,5551,5210],{"class":3444},[3090,5553,5213],{"class":3448},[3090,5555,5216],{"class":4458},[3090,5557,5219],{"class":3115},[3090,5559,5560,5563,5565,5567],{"class":3092,"line":3167},[3090,5561,5562],{"class":4458},"        DependencyProperty",[3090,5564,3297],{"class":3115},[3090,5566,5229],{"class":3496},[3090,5568,5232],{"class":3115},[3090,5570,5571,5574,5576,5579],{"class":3092,"line":3178},[3090,5572,5573],{"class":3444},"            nameof",[3090,5575,4452],{"class":3115},[3090,5577,5578],{"class":4458},"SearchText",[3090,5580,5581],{"class":3115},"),\n",[3090,5583,5584,5587,5589,5591],{"class":3092,"line":3192},[3090,5585,5586],{"class":3444},"            typeof",[3090,5588,4452],{"class":3115},[3090,5590,5264],{"class":3444},[3090,5592,5581],{"class":3115},[3090,5594,5595,5597,5599,5601],{"class":3092,"line":3210},[3090,5596,5586],{"class":3444},[3090,5598,4452],{"class":3115},[3090,5600,5284],{"class":3448},[3090,5602,5581],{"class":3115},[3090,5604,5605,5608,5610,5612,5614,5616,5618],{"class":3092,"line":3221},[3090,5606,5607],{"class":3444},"            new",[3090,5609,5302],{"class":3448},[3090,5611,4452],{"class":3115},[3090,5613,4492],{"class":4491},[3090,5615,4462],{"class":3115},[3090,5617,5416],{"class":4458},[3090,5619,4471],{"class":3115},[3090,5621,5622],{"class":3092,"line":3234},[3090,5623,5624],{"class":3115},"        );\n",[3090,5626,5627],{"class":3092,"line":3530},[3090,5628,3522],{"class":3115},[3090,5630,5631],{"class":3092,"line":3599},[3090,5632,5633],{"class":3096},"    // 2. CLR-обгортка\n",[3090,5635,5636,5638,5640],{"class":3092,"line":4029},[3090,5637,3493],{"class":3444},[3090,5639,5334],{"class":3444},[3090,5641,5337],{"class":4458},[3090,5643,5644],{"class":3092,"line":4047},[3090,5645,3504],{"class":3115},[3090,5647,5648,5651,5653,5655,5657,5659,5661,5663],{"class":3092,"line":4063},[3090,5649,5650],{"class":3444},"        get",[3090,5652,5349],{"class":3115},[3090,5654,5264],{"class":3444},[3090,5656,5354],{"class":3115},[3090,5658,5357],{"class":3496},[3090,5660,4452],{"class":3115},[3090,5662,5362],{"class":4458},[3090,5664,5365],{"class":3115},[3090,5666,5667,5670,5672,5674,5676,5678,5680,5682],{"class":3092,"line":4078},[3090,5668,5669],{"class":3444},"        set",[3090,5671,5373],{"class":3115},[3090,5673,5376],{"class":3496},[3090,5675,4452],{"class":3115},[3090,5677,5362],{"class":4458},[3090,5679,4462],{"class":3115},[3090,5681,5385],{"class":4458},[3090,5683,5365],{"class":3115},[3090,5685,5686],{"class":3092,"line":4088},[3090,5687,3517],{"class":3115},[3090,5689,5690],{"class":3092,"line":4094},[3090,5691,3522],{"class":3115},[3090,5693,5694],{"class":3092,"line":4100},[3090,5695,5696],{"class":3096},"    // 3. Callback при зміні\n",[3090,5698,5699,5701,5703,5705,5707,5709,5711,5713,5715,5717,5719],{"class":3092,"line":4118},[3090,5700,4443],{"class":3444},[3090,5702,5207],{"class":3444},[3090,5704,4446],{"class":3444},[3090,5706,5434],{"class":3496},[3090,5708,4452],{"class":3115},[3090,5710,5439],{"class":3448},[3090,5712,5442],{"class":4458},[3090,5714,4462],{"class":3115},[3090,5716,5447],{"class":3448},[3090,5718,4468],{"class":4458},[3090,5720,4471],{"class":3115},[3090,5722,5723],{"class":3092,"line":4131},[3090,5724,3504],{"class":3115},[3090,5726,5727,5730,5732,5734,5736,5738,5740],{"class":3092,"line":4142},[3090,5728,5729],{"class":3444},"        var",[3090,5731,5463],{"class":4458},[3090,5733,5466],{"class":3115},[3090,5735,5284],{"class":3448},[3090,5737,5354],{"class":3115},[3090,5739,5473],{"class":4458},[3090,5741,3457],{"class":3115},[3090,5743,5744,5747,5749,5751,5753,5755,5757,5759,5761],{"class":3092,"line":4153},[3090,5745,5746],{"class":3444},"        string",[3090,5748,5483],{"class":4458},[3090,5750,5466],{"class":3115},[3090,5752,5264],{"class":3444},[3090,5754,5354],{"class":3115},[3090,5756,5492],{"class":4458},[3090,5758,3297],{"class":3115},[3090,5760,5497],{"class":4458},[3090,5762,3457],{"class":3115},[3090,5764,5765],{"class":3092,"line":4165},[3090,5766,4663],{"class":3115},[3090,5768,5769],{"class":3092,"line":4170},[3090,5770,5771],{"class":3096},"        // Синхронізувати з внутрішнім TextBox\n",[3090,5773,5774,5777,5780,5783,5785,5788,5790,5792,5795,5798],{"class":3092,"line":4176},[3090,5775,5776],{"class":3777},"        if",[3090,5778,5779],{"class":3115}," (",[3090,5781,5782],{"class":4458},"control",[3090,5784,3297],{"class":3115},[3090,5786,5787],{"class":4458},"SearchTextBox",[3090,5789,3297],{"class":3115},[3090,5791,4485],{"class":4458},[3090,5793,5794],{"class":3115}," != ",[3090,5796,5797],{"class":4458},"newValue",[3090,5799,4471],{"class":3115},[3090,5801,5802],{"class":3092,"line":4190},[3090,5803,5804],{"class":3115},"        {\n",[3090,5806,5807,5810,5812,5814,5816,5818,5820,5822],{"class":3092,"line":4201},[3090,5808,5809],{"class":4458},"            control",[3090,5811,3297],{"class":3115},[3090,5813,5787],{"class":4458},[3090,5815,3297],{"class":3115},[3090,5817,4485],{"class":4458},[3090,5819,4488],{"class":3115},[3090,5821,5797],{"class":4458},[3090,5823,3457],{"class":3115},[3090,5825,5826],{"class":3092,"line":4212},[3090,5827,5828],{"class":3115},"        }\n",[3090,5830,5831],{"class":3092,"line":4223},[3090,5832,3517],{"class":3115},[3090,5834,5835],{"class":3092,"line":4233},[3090,5836,3522],{"class":3115},[3090,5838,5839,5841,5843],{"class":3092,"line":4246},[3090,5840,3493],{"class":3444},[3090,5842,3477],{"class":3496},[3090,5844,3499],{"class":3115},[3090,5846,5847],{"class":3092,"line":4251},[3090,5848,3504],{"class":3115},[3090,5850,5851,5853],{"class":3092,"line":4257},[3090,5852,3509],{"class":3496},[3090,5854,3512],{"class":3115},[3090,5856,5857],{"class":3092,"line":4271},[3090,5858,4663],{"class":3115},[3090,5860,5861],{"class":3092,"line":4282},[3090,5862,5863],{"class":3096},"        // Синхронізація у зворотний бік: TextBox → DependencyProperty\n",[3090,5865,5866,5868,5870,5873,5876,5879,5881,5883],{"class":3092,"line":4293},[3090,5867,4480],{"class":4458},[3090,5869,3297],{"class":3115},[3090,5871,5872],{"class":4458},"TextChanged",[3090,5874,5875],{"class":3115}," += (",[3090,5877,5878],{"class":4458},"s",[3090,5880,4462],{"class":3115},[3090,5882,5492],{"class":4458},[3090,5884,5885],{"class":3115},") =>\n",[3090,5887,5888],{"class":3092,"line":4303},[3090,5889,5804],{"class":3115},[3090,5891,5892,5895,5897,5899,5901,5903],{"class":3092,"line":4313},[3090,5893,5894],{"class":4458},"            SearchText",[3090,5896,4488],{"class":3115},[3090,5898,5787],{"class":4458},[3090,5900,3297],{"class":3115},[3090,5902,4485],{"class":4458},[3090,5904,3457],{"class":3115},[3090,5906,5907],{"class":3092,"line":4324},[3090,5908,5909],{"class":3115},"        };\n",[3090,5911,5912],{"class":3092,"line":4335},[3090,5913,3517],{"class":3115},[3090,5915,5916],{"class":3092,"line":4346},[3090,5917,3522],{"class":3115},[3090,5919,5920,5922,5924,5926,5928,5930,5932,5934,5936,5938],{"class":3092,"line":4359},[3090,5921,4443],{"class":3444},[3090,5923,4446],{"class":3444},[3090,5925,4449],{"class":3496},[3090,5927,4452],{"class":3115},[3090,5929,4455],{"class":3444},[3090,5931,4459],{"class":4458},[3090,5933,4462],{"class":3115},[3090,5935,4465],{"class":3448},[3090,5937,4468],{"class":4458},[3090,5939,4471],{"class":3115},[3090,5941,5942],{"class":3092,"line":4369},[3090,5943,3504],{"class":3115},[3090,5945,5946,5949,5951,5953,5956],{"class":3092,"line":4378},[3090,5947,5948],{"class":4458},"        SearchText",[3090,5950,4488],{"class":3115},[3090,5952,4492],{"class":4491},[3090,5954,5955],{"class":3115},";  ",[3090,5957,5958],{"class":3096},"// Тепер змінюємо DependencyProperty, а не TextBox напряму\n",[3090,5960,5962,5964,5966,5968],{"class":3092,"line":5961},46,[3090,5963,4480],{"class":4458},[3090,5965,3297],{"class":3115},[3090,5967,4503],{"class":3496},[3090,5969,3512],{"class":3115},[3090,5971,5973],{"class":3092,"line":5972},47,[3090,5974,3517],{"class":3115},[3090,5976,5978],{"class":3092,"line":5977},48,[3090,5979,3533],{"class":3115},[3029,5981,5983],{"id":5982},"використання-dependencyproperty","Використання DependencyProperty",[2959,5985,5986,5987,5989],{},"Тепер можна прив'язувати ",[2966,5988,5578],{}," до ViewModel:",[3081,5991,5993],{"className":3083,"code":5992,"language":3085,"meta":3086,"style":3086},"\u003C!-- У MainWindow -->\n\u003Ccontrols:SearchBox SearchText=\"{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}\"/>\n",[2966,5994,5995,6000],{"__ignoreMap":3086},[3090,5996,5997],{"class":3092,"line":3093},[3090,5998,5999],{"class":3096},"\u003C!-- У MainWindow -->\n",[3090,6001,6002,6004,6006,6008,6010,6013],{"class":3092,"line":3100},[3090,6003,3104],{"class":3103},[3090,6005,4675],{"class":3107},[3090,6007,3264],{"class":3111},[3090,6009,3116],{"class":3115},[3090,6011,6012],{"class":3119},"\"{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}\"",[3090,6014,3189],{"class":3103},[3081,6016,6018],{"className":3435,"code":6017,"language":3437,"meta":3086,"style":3086},"// У MainViewModel\npublic partial class MainViewModel : ObservableObject\n{\n    [ObservableProperty]\n    private string _searchQuery = \"\";\n    \n    partial void OnSearchQueryChanged(string value)\n    {\n        // Автоматично викликається при зміні SearchQuery\n        Console.WriteLine($\"Пошуковий запит: {value}\");\n        FilterItems(value);\n    }\n}\n",[2966,6019,6020,6025,6041,6045,6056,6071,6075,6094,6098,6103,6132,6143,6147],{"__ignoreMap":3086},[3090,6021,6022],{"class":3092,"line":3093},[3090,6023,6024],{"class":3096},"// У MainViewModel\n",[3090,6026,6027,6029,6031,6033,6036,6038],{"class":3092,"line":3100},[3090,6028,3468],{"class":3444},[3090,6030,3471],{"class":3444},[3090,6032,3474],{"class":3444},[3090,6034,6035],{"class":3448}," MainViewModel",[3090,6037,3480],{"class":3115},[3090,6039,6040],{"class":3448},"ObservableObject\n",[3090,6042,6043],{"class":3092,"line":3134},[3090,6044,3488],{"class":3115},[3090,6046,6047,6050,6053],{"class":3092,"line":3154},[3090,6048,6049],{"class":3115},"    [",[3090,6051,6052],{"class":3448},"ObservableProperty",[3090,6054,6055],{"class":3115},"]\n",[3090,6057,6058,6060,6062,6065,6067,6069],{"class":3092,"line":3167},[3090,6059,4443],{"class":3444},[3090,6061,5334],{"class":3444},[3090,6063,6064],{"class":4458}," _searchQuery",[3090,6066,4488],{"class":3115},[3090,6068,4492],{"class":4491},[3090,6070,3457],{"class":3115},[3090,6072,6073],{"class":3092,"line":3178},[3090,6074,3522],{"class":3115},[3090,6076,6077,6080,6082,6085,6087,6089,6092],{"class":3092,"line":3192},[3090,6078,6079],{"class":3444},"    partial",[3090,6081,4446],{"class":3444},[3090,6083,6084],{"class":3496}," OnSearchQueryChanged",[3090,6086,4452],{"class":3115},[3090,6088,5264],{"class":3444},[3090,6090,6091],{"class":4458}," value",[3090,6093,4471],{"class":3115},[3090,6095,6096],{"class":3092,"line":3210},[3090,6097,3504],{"class":3115},[3090,6099,6100],{"class":3092,"line":3221},[3090,6101,6102],{"class":3096},"        // Автоматично викликається при зміні SearchQuery\n",[3090,6104,6105,6108,6110,6113,6115,6118,6122,6124,6127,6130],{"class":3092,"line":3234},[3090,6106,6107],{"class":4458},"        Console",[3090,6109,3297],{"class":3115},[3090,6111,6112],{"class":3496},"WriteLine",[3090,6114,4452],{"class":3115},[3090,6116,6117],{"class":4491},"$\"Пошуковий запит: ",[3090,6119,6121],{"class":6120},"sD7JJ","{",[3090,6123,5385],{"class":4458},[3090,6125,6126],{"class":6120},"}",[3090,6128,6129],{"class":4491},"\"",[3090,6131,5365],{"class":3115},[3090,6133,6134,6137,6139,6141],{"class":3092,"line":3530},[3090,6135,6136],{"class":3496},"        FilterItems",[3090,6138,4452],{"class":3115},[3090,6140,5385],{"class":4458},[3090,6142,5365],{"class":3115},[3090,6144,6145],{"class":3092,"line":3599},[3090,6146,3517],{"class":3115},[3090,6148,6149],{"class":3092,"line":4029},[3090,6150,3533],{"class":3115},[2959,6152,6153],{},[2980,6154,6155],{},"Що відбувається:",[3622,6157,6158,6161,6168,6175,6181],{},[3042,6159,6160],{},"Користувач вводить текст у TextBox всередині SearchBox",[3042,6162,6163,6165,6166,5213],{},[2966,6164,5872],{}," event оновлює ",[2966,6167,5578],{},[3042,6169,6170,6171,6174],{},"Binding передає значення у ",[2966,6172,6173],{},"SearchQuery"," ViewModel",[3042,6176,6177,6180],{},[2966,6178,6179],{},"OnSearchQueryChanged"," викликається автоматично",[3042,6182,6183],{},"Фільтрація списку відбувається у реальному часі",[3535,6185,6186],{},[3081,6187,6189],{"className":3539,"code":6188,"language":3535,"meta":3086,"style":3086},"graph LR\n    A[Користувач вводить текст] --> B[TextBox.TextChanged]\n    B --> C[SearchText DP]\n    C --> D[Binding]\n    D --> E[ViewModel.SearchQuery]\n    E --> F[OnSearchQueryChanged]\n    F --> G[FilterItems]\n    \n    style A fill:#3b82f6,stroke:#1d4ed8,color:#fff\n    style C fill:#f59e0b,stroke:#b45309,color:#fff\n    style E fill:#22c55e,stroke:#16a34a,color:#fff\n",[2966,6190,6191,6196,6201,6206,6211,6216,6221,6226,6230,6234,6238],{"__ignoreMap":3086},[3090,6192,6193],{"class":3092,"line":3093},[3090,6194,6195],{},"graph LR\n",[3090,6197,6198],{"class":3092,"line":3100},[3090,6199,6200],{},"    A[Користувач вводить текст] --> B[TextBox.TextChanged]\n",[3090,6202,6203],{"class":3092,"line":3134},[3090,6204,6205],{},"    B --> C[SearchText DP]\n",[3090,6207,6208],{"class":3092,"line":3154},[3090,6209,6210],{},"    C --> D[Binding]\n",[3090,6212,6213],{"class":3092,"line":3167},[3090,6214,6215],{},"    D --> E[ViewModel.SearchQuery]\n",[3090,6217,6218],{"class":3092,"line":3178},[3090,6219,6220],{},"    E --> F[OnSearchQueryChanged]\n",[3090,6222,6223],{"class":3092,"line":3192},[3090,6224,6225],{},"    F --> G[FilterItems]\n",[3090,6227,6228],{"class":3092,"line":3210},[3090,6229,3522],{},[3090,6231,6232],{"class":3092,"line":3221},[3090,6233,3591],{},[3090,6235,6236],{"class":3092,"line":3234},[3090,6237,3602],{},[3090,6239,6240],{"class":3092,"line":3530},[3090,6241,6242],{},"    style E fill:#22c55e,stroke:#16a34a,color:#fff\n",[3029,6244,6246],{"id":6245},"множинні-dependencyproperty","Множинні DependencyProperty",[2959,6248,6249],{},"Додаємо ще кілька властивостей для повного API:",[3081,6251,6253],{"className":3435,"code":6252,"language":3437,"meta":3086,"style":3086},"public partial class SearchBox : UserControl\n{\n    // SearchText\n    public static readonly DependencyProperty SearchTextProperty =\n        DependencyProperty.Register(nameof(SearchText), typeof(string), typeof(SearchBox),\n            new PropertyMetadata(\"\", OnSearchTextChanged));\n    \n    public string SearchText\n    {\n        get => (string)GetValue(SearchTextProperty);\n        set => SetValue(SearchTextProperty, value);\n    }\n    \n    // Placeholder\n    public static readonly DependencyProperty PlaceholderProperty =\n        DependencyProperty.Register(nameof(Placeholder), typeof(string), typeof(SearchBox),\n            new PropertyMetadata(\"Введіть текст для пошуку...\"));\n    \n    public string Placeholder\n    {\n        get => (string)GetValue(PlaceholderProperty);\n        set => SetValue(PlaceholderProperty, value);\n    }\n    \n    // IsSearching (для індикатора завантаження)\n    public static readonly DependencyProperty IsSearchingProperty =\n        DependencyProperty.Register(nameof(IsSearching), typeof(bool), typeof(SearchBox),\n            new PropertyMetadata(false));\n    \n    public bool IsSearching\n    {\n        get => (bool)GetValue(IsSearchingProperty);\n        set => SetValue(IsSearchingProperty, value);\n    }\n    \n    // ShowClearButton\n    public static readonly DependencyProperty ShowClearButtonProperty =\n        DependencyProperty.Register(nameof(ShowClearButton), typeof(bool), typeof(SearchBox),\n            new PropertyMetadata(true));\n    \n    public bool ShowClearButton\n    {\n        get => (bool)GetValue(ShowClearButtonProperty);\n        set => SetValue(ShowClearButtonProperty, value);\n    }\n}\n",[2966,6254,6255,6269,6273,6278,6292,6328,6345,6349,6357,6361,6379,6397,6401,6405,6410,6425,6460,6472,6476,6485,6489,6508,6526,6530,6534,6539,6554,6590,6603,6607,6617,6621,6640,6658,6662,6666,6671,6686,6721,6734,6738,6747,6751,6770,6788,6792],{"__ignoreMap":3086},[3090,6256,6257,6259,6261,6263,6265,6267],{"class":3092,"line":3093},[3090,6258,3468],{"class":3444},[3090,6260,3471],{"class":3444},[3090,6262,3474],{"class":3444},[3090,6264,3477],{"class":3448},[3090,6266,3480],{"class":3115},[3090,6268,3483],{"class":3448},[3090,6270,6271],{"class":3092,"line":3100},[3090,6272,3488],{"class":3115},[3090,6274,6275],{"class":3092,"line":3134},[3090,6276,6277],{"class":3096},"    // SearchText\n",[3090,6279,6280,6282,6284,6286,6288,6290],{"class":3092,"line":3154},[3090,6281,3493],{"class":3444},[3090,6283,5207],{"class":3444},[3090,6285,5210],{"class":3444},[3090,6287,5213],{"class":3448},[3090,6289,5216],{"class":4458},[3090,6291,5219],{"class":3115},[3090,6293,6294,6296,6298,6300,6302,6305,6307,6309,6312,6314,6316,6318,6320,6322,6324,6326],{"class":3092,"line":3167},[3090,6295,5562],{"class":4458},[3090,6297,3297],{"class":3115},[3090,6299,5229],{"class":3496},[3090,6301,4452],{"class":3115},[3090,6303,6304],{"class":3444},"nameof",[3090,6306,4452],{"class":3115},[3090,6308,5578],{"class":4458},[3090,6310,6311],{"class":3115},"), ",[3090,6313,5259],{"class":3444},[3090,6315,4452],{"class":3115},[3090,6317,5264],{"class":3444},[3090,6319,6311],{"class":3115},[3090,6321,5259],{"class":3444},[3090,6323,4452],{"class":3115},[3090,6325,5284],{"class":3448},[3090,6327,5581],{"class":3115},[3090,6329,6330,6332,6334,6336,6338,6340,6342],{"class":3092,"line":3178},[3090,6331,5607],{"class":3444},[3090,6333,5302],{"class":3448},[3090,6335,4452],{"class":3115},[3090,6337,4492],{"class":4491},[3090,6339,4462],{"class":3115},[3090,6341,5416],{"class":4458},[3090,6343,6344],{"class":3115},"));\n",[3090,6346,6347],{"class":3092,"line":3192},[3090,6348,3522],{"class":3115},[3090,6350,6351,6353,6355],{"class":3092,"line":3210},[3090,6352,3493],{"class":3444},[3090,6354,5334],{"class":3444},[3090,6356,5337],{"class":4458},[3090,6358,6359],{"class":3092,"line":3221},[3090,6360,3504],{"class":3115},[3090,6362,6363,6365,6367,6369,6371,6373,6375,6377],{"class":3092,"line":3234},[3090,6364,5650],{"class":3444},[3090,6366,5349],{"class":3115},[3090,6368,5264],{"class":3444},[3090,6370,5354],{"class":3115},[3090,6372,5357],{"class":3496},[3090,6374,4452],{"class":3115},[3090,6376,5362],{"class":4458},[3090,6378,5365],{"class":3115},[3090,6380,6381,6383,6385,6387,6389,6391,6393,6395],{"class":3092,"line":3530},[3090,6382,5669],{"class":3444},[3090,6384,5373],{"class":3115},[3090,6386,5376],{"class":3496},[3090,6388,4452],{"class":3115},[3090,6390,5362],{"class":4458},[3090,6392,4462],{"class":3115},[3090,6394,5385],{"class":4458},[3090,6396,5365],{"class":3115},[3090,6398,6399],{"class":3092,"line":3599},[3090,6400,3517],{"class":3115},[3090,6402,6403],{"class":3092,"line":4029},[3090,6404,3522],{"class":3115},[3090,6406,6407],{"class":3092,"line":4047},[3090,6408,6409],{"class":3096},"    // Placeholder\n",[3090,6411,6412,6414,6416,6418,6420,6423],{"class":3092,"line":4063},[3090,6413,3493],{"class":3444},[3090,6415,5207],{"class":3444},[3090,6417,5210],{"class":3444},[3090,6419,5213],{"class":3448},[3090,6421,6422],{"class":4458}," PlaceholderProperty",[3090,6424,5219],{"class":3115},[3090,6426,6427,6429,6431,6433,6435,6437,6439,6442,6444,6446,6448,6450,6452,6454,6456,6458],{"class":3092,"line":4078},[3090,6428,5562],{"class":4458},[3090,6430,3297],{"class":3115},[3090,6432,5229],{"class":3496},[3090,6434,4452],{"class":3115},[3090,6436,6304],{"class":3444},[3090,6438,4452],{"class":3115},[3090,6440,6441],{"class":4458},"Placeholder",[3090,6443,6311],{"class":3115},[3090,6445,5259],{"class":3444},[3090,6447,4452],{"class":3115},[3090,6449,5264],{"class":3444},[3090,6451,6311],{"class":3115},[3090,6453,5259],{"class":3444},[3090,6455,4452],{"class":3115},[3090,6457,5284],{"class":3448},[3090,6459,5581],{"class":3115},[3090,6461,6462,6464,6466,6468,6470],{"class":3092,"line":4088},[3090,6463,5607],{"class":3444},[3090,6465,5302],{"class":3448},[3090,6467,4452],{"class":3115},[3090,6469,5013],{"class":4491},[3090,6471,6344],{"class":3115},[3090,6473,6474],{"class":3092,"line":4094},[3090,6475,3522],{"class":3115},[3090,6477,6478,6480,6482],{"class":3092,"line":4100},[3090,6479,3493],{"class":3444},[3090,6481,5334],{"class":3444},[3090,6483,6484],{"class":4458}," Placeholder\n",[3090,6486,6487],{"class":3092,"line":4118},[3090,6488,3504],{"class":3115},[3090,6490,6491,6493,6495,6497,6499,6501,6503,6506],{"class":3092,"line":4131},[3090,6492,5650],{"class":3444},[3090,6494,5349],{"class":3115},[3090,6496,5264],{"class":3444},[3090,6498,5354],{"class":3115},[3090,6500,5357],{"class":3496},[3090,6502,4452],{"class":3115},[3090,6504,6505],{"class":4458},"PlaceholderProperty",[3090,6507,5365],{"class":3115},[3090,6509,6510,6512,6514,6516,6518,6520,6522,6524],{"class":3092,"line":4142},[3090,6511,5669],{"class":3444},[3090,6513,5373],{"class":3115},[3090,6515,5376],{"class":3496},[3090,6517,4452],{"class":3115},[3090,6519,6505],{"class":4458},[3090,6521,4462],{"class":3115},[3090,6523,5385],{"class":4458},[3090,6525,5365],{"class":3115},[3090,6527,6528],{"class":3092,"line":4153},[3090,6529,3517],{"class":3115},[3090,6531,6532],{"class":3092,"line":4165},[3090,6533,3522],{"class":3115},[3090,6535,6536],{"class":3092,"line":4170},[3090,6537,6538],{"class":3096},"    // IsSearching (для індикатора завантаження)\n",[3090,6540,6541,6543,6545,6547,6549,6552],{"class":3092,"line":4176},[3090,6542,3493],{"class":3444},[3090,6544,5207],{"class":3444},[3090,6546,5210],{"class":3444},[3090,6548,5213],{"class":3448},[3090,6550,6551],{"class":4458}," IsSearchingProperty",[3090,6553,5219],{"class":3115},[3090,6555,6556,6558,6560,6562,6564,6566,6568,6571,6573,6575,6577,6580,6582,6584,6586,6588],{"class":3092,"line":4190},[3090,6557,5562],{"class":4458},[3090,6559,3297],{"class":3115},[3090,6561,5229],{"class":3496},[3090,6563,4452],{"class":3115},[3090,6565,6304],{"class":3444},[3090,6567,4452],{"class":3115},[3090,6569,6570],{"class":4458},"IsSearching",[3090,6572,6311],{"class":3115},[3090,6574,5259],{"class":3444},[3090,6576,4452],{"class":3115},[3090,6578,6579],{"class":3444},"bool",[3090,6581,6311],{"class":3115},[3090,6583,5259],{"class":3444},[3090,6585,4452],{"class":3115},[3090,6587,5284],{"class":3448},[3090,6589,5581],{"class":3115},[3090,6591,6592,6594,6596,6598,6601],{"class":3092,"line":4201},[3090,6593,5607],{"class":3444},[3090,6595,5302],{"class":3448},[3090,6597,4452],{"class":3115},[3090,6599,6600],{"class":3444},"false",[3090,6602,6344],{"class":3115},[3090,6604,6605],{"class":3092,"line":4212},[3090,6606,3522],{"class":3115},[3090,6608,6609,6611,6614],{"class":3092,"line":4223},[3090,6610,3493],{"class":3444},[3090,6612,6613],{"class":3444}," bool",[3090,6615,6616],{"class":4458}," IsSearching\n",[3090,6618,6619],{"class":3092,"line":4233},[3090,6620,3504],{"class":3115},[3090,6622,6623,6625,6627,6629,6631,6633,6635,6638],{"class":3092,"line":4246},[3090,6624,5650],{"class":3444},[3090,6626,5349],{"class":3115},[3090,6628,6579],{"class":3444},[3090,6630,5354],{"class":3115},[3090,6632,5357],{"class":3496},[3090,6634,4452],{"class":3115},[3090,6636,6637],{"class":4458},"IsSearchingProperty",[3090,6639,5365],{"class":3115},[3090,6641,6642,6644,6646,6648,6650,6652,6654,6656],{"class":3092,"line":4251},[3090,6643,5669],{"class":3444},[3090,6645,5373],{"class":3115},[3090,6647,5376],{"class":3496},[3090,6649,4452],{"class":3115},[3090,6651,6637],{"class":4458},[3090,6653,4462],{"class":3115},[3090,6655,5385],{"class":4458},[3090,6657,5365],{"class":3115},[3090,6659,6660],{"class":3092,"line":4257},[3090,6661,3517],{"class":3115},[3090,6663,6664],{"class":3092,"line":4271},[3090,6665,3522],{"class":3115},[3090,6667,6668],{"class":3092,"line":4282},[3090,6669,6670],{"class":3096},"    // ShowClearButton\n",[3090,6672,6673,6675,6677,6679,6681,6684],{"class":3092,"line":4293},[3090,6674,3493],{"class":3444},[3090,6676,5207],{"class":3444},[3090,6678,5210],{"class":3444},[3090,6680,5213],{"class":3448},[3090,6682,6683],{"class":4458}," ShowClearButtonProperty",[3090,6685,5219],{"class":3115},[3090,6687,6688,6690,6692,6694,6696,6698,6700,6703,6705,6707,6709,6711,6713,6715,6717,6719],{"class":3092,"line":4303},[3090,6689,5562],{"class":4458},[3090,6691,3297],{"class":3115},[3090,6693,5229],{"class":3496},[3090,6695,4452],{"class":3115},[3090,6697,6304],{"class":3444},[3090,6699,4452],{"class":3115},[3090,6701,6702],{"class":4458},"ShowClearButton",[3090,6704,6311],{"class":3115},[3090,6706,5259],{"class":3444},[3090,6708,4452],{"class":3115},[3090,6710,6579],{"class":3444},[3090,6712,6311],{"class":3115},[3090,6714,5259],{"class":3444},[3090,6716,4452],{"class":3115},[3090,6718,5284],{"class":3448},[3090,6720,5581],{"class":3115},[3090,6722,6723,6725,6727,6729,6732],{"class":3092,"line":4313},[3090,6724,5607],{"class":3444},[3090,6726,5302],{"class":3448},[3090,6728,4452],{"class":3115},[3090,6730,6731],{"class":3444},"true",[3090,6733,6344],{"class":3115},[3090,6735,6736],{"class":3092,"line":4324},[3090,6737,3522],{"class":3115},[3090,6739,6740,6742,6744],{"class":3092,"line":4335},[3090,6741,3493],{"class":3444},[3090,6743,6613],{"class":3444},[3090,6745,6746],{"class":4458}," ShowClearButton\n",[3090,6748,6749],{"class":3092,"line":4346},[3090,6750,3504],{"class":3115},[3090,6752,6753,6755,6757,6759,6761,6763,6765,6768],{"class":3092,"line":4359},[3090,6754,5650],{"class":3444},[3090,6756,5349],{"class":3115},[3090,6758,6579],{"class":3444},[3090,6760,5354],{"class":3115},[3090,6762,5357],{"class":3496},[3090,6764,4452],{"class":3115},[3090,6766,6767],{"class":4458},"ShowClearButtonProperty",[3090,6769,5365],{"class":3115},[3090,6771,6772,6774,6776,6778,6780,6782,6784,6786],{"class":3092,"line":4369},[3090,6773,5669],{"class":3444},[3090,6775,5373],{"class":3115},[3090,6777,5376],{"class":3496},[3090,6779,4452],{"class":3115},[3090,6781,6767],{"class":4458},[3090,6783,4462],{"class":3115},[3090,6785,5385],{"class":4458},[3090,6787,5365],{"class":3115},[3090,6789,6790],{"class":3092,"line":4378},[3090,6791,3517],{"class":3115},[3090,6793,6794],{"class":3092,"line":5961},[3090,6795,3533],{"class":3115},[2959,6797,6798],{},[2980,6799,6800],{},"Оновлена розмітка з прив'язкою до DP:",[3081,6802,6804],{"className":3083,"code":6803,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Class=\"MyApp.Controls.SearchBox\"\n             x:Name=\"Root\">\n    \u003CBorder Background=\"White\" BorderBrush=\"#e2e8f0\" BorderThickness=\"1\" CornerRadius=\"8\" Padding=\"8\">\n        \u003CGrid>\n            \u003CGrid.ColumnDefinitions>\n                \u003CColumnDefinition Width=\"Auto\"/>\n                \u003CColumnDefinition Width=\"*\"/>\n                \u003CColumnDefinition Width=\"Auto\"/>\n                \u003CColumnDefinition Width=\"Auto\"/>\n            \u003C/Grid.ColumnDefinitions>\n            \n            \u003C!-- Іконка пошуку -->\n            \u003CTextBlock Grid.Column=\"0\" Text=\"🔍\" FontSize=\"16\" VerticalAlignment=\"Center\" Margin=\"0,0,8,0\"/>\n            \n            \u003C!-- Поле введення з Placeholder -->\n            \u003CGrid Grid.Column=\"1\">\n                \u003CTextBox x:Name=\"SearchTextBox\"\n                         BorderThickness=\"0\"\n                         Background=\"Transparent\"\n                         VerticalContentAlignment=\"Center\"\n                         FontSize=\"14\"/>\n                \n                \u003C!-- Placeholder (показується коли текст порожній) -->\n                \u003CTextBlock Text=\"{Binding Placeholder, ElementName=Root}\"\n                           Foreground=\"#94a3b8\"\n                           FontSize=\"14\"\n                           VerticalAlignment=\"Center\"\n                           IsHitTestVisible=\"False\">\n                    \u003CTextBlock.Visibility>\n                        \u003CMultiBinding Converter=\"{StaticResource TextEmptyToVisibilityConverter}\">\n                            \u003CBinding Path=\"SearchText\" ElementName=\"Root\"/>\n                        \u003C/MultiBinding>\n                    \u003C/TextBlock.Visibility>\n                \u003C/TextBlock>\n            \u003C/Grid>\n            \n            \u003C!-- Індикатор завантаження -->\n            \u003CTextBlock Grid.Column=\"2\"\n                       Text=\"⏳\"\n                       FontSize=\"16\"\n                       VerticalAlignment=\"Center\"\n                       Margin=\"8,0\"\n                       Visibility=\"{Binding IsSearching, ElementName=Root, Converter={StaticResource BoolToVisibilityConverter}}\"/>\n            \n            \u003C!-- Кнопка очищення -->\n            \u003CButton Grid.Column=\"3\"\n                    x:Name=\"ClearButton\"\n                    Content=\"✕\"\n                    Background=\"Transparent\"\n                    BorderThickness=\"0\"\n                    Padding=\"8,4\"\n                    Cursor=\"Hand\"\n                    Click=\"ClearButton_Click\"\n                    Visibility=\"{Binding ShowClearButton, ElementName=Root, Converter={StaticResource BoolToVisibilityConverter}}\"/>\n        \u003C/Grid>\n    \u003C/Border>\n\u003C/UserControl>\n",[2966,6805,6806,6818,6830,6871,6879,6887,6901,6915,6929,6943,6951,6955,6959,7000,7004,7009,7023,7035,7044,7053,7062,7073,7078,7083,7096,7106,7115,7124,7136,7146,7164,7188,7197,7206,7215,7223,7227,7232,7244,7253,7261,7269,7278,7290,7294,7298,7311,7319,7327,7336,7345,7354,7363,7373,7386,7395,7404],{"__ignoreMap":3086},[3090,6807,6808,6810,6812,6814,6816],{"class":3092,"line":3093},[3090,6809,3104],{"class":3103},[3090,6811,2968],{"class":3107},[3090,6813,3324],{"class":3111},[3090,6815,3116],{"class":3115},[3090,6817,3329],{"class":3119},[3090,6819,6820,6823,6825,6828],{"class":3092,"line":3100},[3090,6821,6822],{"class":3111},"             x:Name",[3090,6824,3116],{"class":3115},[3090,6826,6827],{"class":3119},"\"Root\"",[3090,6829,3131],{"class":3103},[3090,6831,6832,6834,6836,6838,6840,6842,6845,6847,6849,6852,6854,6856,6859,6861,6863,6865,6867,6869],{"class":3092,"line":3134},[3090,6833,3137],{"class":3103},[3090,6835,3952],{"class":3107},[3090,6837,3955],{"class":3111},[3090,6839,3116],{"class":3115},[3090,6841,3960],{"class":3119},[3090,6843,6844],{"class":3111}," BorderBrush",[3090,6846,3116],{"class":3115},[3090,6848,3972],{"class":3119},[3090,6850,6851],{"class":3111}," BorderThickness",[3090,6853,3116],{"class":3115},[3090,6855,3984],{"class":3119},[3090,6857,6858],{"class":3111}," CornerRadius",[3090,6860,3116],{"class":3115},[3090,6862,4005],{"class":3119},[3090,6864,3403],{"class":3111},[3090,6866,3116],{"class":3115},[3090,6868,4005],{"class":3119},[3090,6870,3131],{"class":3103},[3090,6872,6873,6875,6877],{"class":3092,"line":3154},[3090,6874,3370],{"class":3103},[3090,6876,4014],{"class":3107},[3090,6878,3131],{"class":3103},[3090,6880,6881,6883,6885],{"class":3092,"line":3167},[3090,6882,4021],{"class":3103},[3090,6884,4024],{"class":3107},[3090,6886,3131],{"class":3103},[3090,6888,6889,6891,6893,6895,6897,6899],{"class":3092,"line":3178},[3090,6890,4032],{"class":3103},[3090,6892,4035],{"class":3107},[3090,6894,3375],{"class":3111},[3090,6896,3116],{"class":3115},[3090,6898,4042],{"class":3119},[3090,6900,3189],{"class":3103},[3090,6902,6903,6905,6907,6909,6911,6913],{"class":3092,"line":3192},[3090,6904,4032],{"class":3103},[3090,6906,4035],{"class":3107},[3090,6908,3375],{"class":3111},[3090,6910,3116],{"class":3115},[3090,6912,4058],{"class":3119},[3090,6914,3189],{"class":3103},[3090,6916,6917,6919,6921,6923,6925,6927],{"class":3092,"line":3210},[3090,6918,4032],{"class":3103},[3090,6920,4035],{"class":3107},[3090,6922,3375],{"class":3111},[3090,6924,3116],{"class":3115},[3090,6926,4042],{"class":3119},[3090,6928,3189],{"class":3103},[3090,6930,6931,6933,6935,6937,6939,6941],{"class":3092,"line":3221},[3090,6932,4032],{"class":3103},[3090,6934,4035],{"class":3107},[3090,6936,3375],{"class":3111},[3090,6938,3116],{"class":3115},[3090,6940,4042],{"class":3119},[3090,6942,3189],{"class":3103},[3090,6944,6945,6947,6949],{"class":3092,"line":3234},[3090,6946,4081],{"class":3103},[3090,6948,4024],{"class":3107},[3090,6950,3131],{"class":3103},[3090,6952,6953],{"class":3092,"line":3530},[3090,6954,4091],{"class":3115},[3090,6956,6957],{"class":3092,"line":3599},[3090,6958,4097],{"class":3096},[3090,6960,6961,6963,6965,6967,6969,6971,6973,6975,6977,6980,6982,6985,6988,6990,6992,6994,6996,6998],{"class":3092,"line":4029},[3090,6962,4021],{"class":3103},[3090,6964,4105],{"class":3107},[3090,6966,4108],{"class":3111},[3090,6968,3116],{"class":3115},[3090,6970,4113],{"class":3119},[3090,6972,4621],{"class":3111},[3090,6974,3116],{"class":3115},[3090,6976,4126],{"class":3119},[3090,6978,6979],{"class":3111}," FontSize",[3090,6981,3116],{"class":3115},[3090,6983,6984],{"class":3119},"\"16\"",[3090,6986,6987],{"class":3111}," VerticalAlignment",[3090,6989,3116],{"class":3115},[3090,6991,3186],{"class":3119},[3090,6993,3123],{"class":3111},[3090,6995,3116],{"class":3115},[3090,6997,3386],{"class":3119},[3090,6999,3189],{"class":3103},[3090,7001,7002],{"class":3092,"line":4047},[3090,7003,4091],{"class":3115},[3090,7005,7006],{"class":3092,"line":4063},[3090,7007,7008],{"class":3096},"            \u003C!-- Поле введення з Placeholder -->\n",[3090,7010,7011,7013,7015,7017,7019,7021],{"class":3092,"line":4078},[3090,7012,4021],{"class":3103},[3090,7014,4014],{"class":3107},[3090,7016,4108],{"class":3111},[3090,7018,3116],{"class":3115},[3090,7020,3984],{"class":3119},[3090,7022,3131],{"class":3103},[3090,7024,7025,7027,7029,7031,7033],{"class":3092,"line":4088},[3090,7026,4032],{"class":3103},[3090,7028,3140],{"class":3107},[3090,7030,3143],{"class":3111},[3090,7032,3116],{"class":3115},[3090,7034,4198],{"class":3119},[3090,7036,7037,7040,7042],{"class":3092,"line":4094},[3090,7038,7039],{"class":3111},"                         BorderThickness",[3090,7041,3116],{"class":3115},[3090,7043,4209],{"class":3119},[3090,7045,7046,7049,7051],{"class":3092,"line":4100},[3090,7047,7048],{"class":3111},"                         Background",[3090,7050,3116],{"class":3115},[3090,7052,4220],{"class":3119},[3090,7054,7055,7058,7060],{"class":3092,"line":4118},[3090,7056,7057],{"class":3111},"                         VerticalContentAlignment",[3090,7059,3116],{"class":3115},[3090,7061,4150],{"class":3119},[3090,7063,7064,7067,7069,7071],{"class":3092,"line":4131},[3090,7065,7066],{"class":3111},"                         FontSize",[3090,7068,3116],{"class":3115},[3090,7070,4241],{"class":3119},[3090,7072,3189],{"class":3103},[3090,7074,7075],{"class":3092,"line":4142},[3090,7076,7077],{"class":3115},"                \n",[3090,7079,7080],{"class":3092,"line":4153},[3090,7081,7082],{"class":3096},"                \u003C!-- Placeholder (показується коли текст порожній) -->\n",[3090,7084,7085,7087,7089,7091,7093],{"class":3092,"line":4165},[3090,7086,4032],{"class":3103},[3090,7088,4105],{"class":3107},[3090,7090,4621],{"class":3111},[3090,7092,3116],{"class":3115},[3090,7094,7095],{"class":3119},"\"{Binding Placeholder, ElementName=Root}\"\n",[3090,7097,7098,7101,7103],{"class":3092,"line":4170},[3090,7099,7100],{"class":3111},"                           Foreground",[3090,7102,3116],{"class":3115},[3090,7104,7105],{"class":3119},"\"#94a3b8\"\n",[3090,7107,7108,7111,7113],{"class":3092,"line":4176},[3090,7109,7110],{"class":3111},"                           FontSize",[3090,7112,3116],{"class":3115},[3090,7114,5003],{"class":3119},[3090,7116,7117,7120,7122],{"class":3092,"line":4190},[3090,7118,7119],{"class":3111},"                           VerticalAlignment",[3090,7121,3116],{"class":3115},[3090,7123,4150],{"class":3119},[3090,7125,7126,7129,7131,7134],{"class":3092,"line":4201},[3090,7127,7128],{"class":3111},"                           IsHitTestVisible",[3090,7130,3116],{"class":3115},[3090,7132,7133],{"class":3119},"\"False\"",[3090,7135,3131],{"class":3103},[3090,7137,7138,7141,7144],{"class":3092,"line":4212},[3090,7139,7140],{"class":3103},"                    \u003C",[3090,7142,7143],{"class":3107},"TextBlock.Visibility",[3090,7145,3131],{"class":3103},[3090,7147,7148,7151,7154,7157,7159,7162],{"class":3092,"line":4223},[3090,7149,7150],{"class":3103},"                        \u003C",[3090,7152,7153],{"class":3107},"MultiBinding",[3090,7155,7156],{"class":3111}," Converter",[3090,7158,3116],{"class":3115},[3090,7160,7161],{"class":3119},"\"{StaticResource TextEmptyToVisibilityConverter}\"",[3090,7163,3131],{"class":3103},[3090,7165,7166,7169,7172,7175,7177,7179,7182,7184,7186],{"class":3092,"line":4233},[3090,7167,7168],{"class":3103},"                            \u003C",[3090,7170,7171],{"class":3107},"Binding",[3090,7173,7174],{"class":3111}," Path",[3090,7176,3116],{"class":3115},[3090,7178,5243],{"class":3119},[3090,7180,7181],{"class":3111}," ElementName",[3090,7183,3116],{"class":3115},[3090,7185,6827],{"class":3119},[3090,7187,3189],{"class":3103},[3090,7189,7190,7193,7195],{"class":3092,"line":4246},[3090,7191,7192],{"class":3103},"                        \u003C/",[3090,7194,7153],{"class":3107},[3090,7196,3131],{"class":3103},[3090,7198,7199,7202,7204],{"class":3092,"line":4251},[3090,7200,7201],{"class":3103},"                    \u003C/",[3090,7203,7143],{"class":3107},[3090,7205,3131],{"class":3103},[3090,7207,7208,7211,7213],{"class":3092,"line":4257},[3090,7209,7210],{"class":3103},"                \u003C/",[3090,7212,4105],{"class":3107},[3090,7214,3131],{"class":3103},[3090,7216,7217,7219,7221],{"class":3092,"line":4271},[3090,7218,4081],{"class":3103},[3090,7220,4014],{"class":3107},[3090,7222,3131],{"class":3103},[3090,7224,7225],{"class":3092,"line":4282},[3090,7226,4091],{"class":3115},[3090,7228,7229],{"class":3092,"line":4293},[3090,7230,7231],{"class":3096},"            \u003C!-- Індикатор завантаження -->\n",[3090,7233,7234,7236,7238,7240,7242],{"class":3092,"line":4303},[3090,7235,4021],{"class":3103},[3090,7237,4105],{"class":3107},[3090,7239,4108],{"class":3111},[3090,7241,3116],{"class":3115},[3090,7243,4268],{"class":3119},[3090,7245,7246,7248,7250],{"class":3092,"line":4313},[3090,7247,4121],{"class":3111},[3090,7249,3116],{"class":3115},[3090,7251,7252],{"class":3119},"\"⏳\"\n",[3090,7254,7255,7257,7259],{"class":3092,"line":4324},[3090,7256,4134],{"class":3111},[3090,7258,3116],{"class":3115},[3090,7260,4139],{"class":3119},[3090,7262,7263,7265,7267],{"class":3092,"line":4335},[3090,7264,4145],{"class":3111},[3090,7266,3116],{"class":3115},[3090,7268,4150],{"class":3119},[3090,7270,7271,7273,7275],{"class":3092,"line":4346},[3090,7272,4156],{"class":3111},[3090,7274,3116],{"class":3115},[3090,7276,7277],{"class":3119},"\"8,0\"\n",[3090,7279,7280,7283,7285,7288],{"class":3092,"line":4359},[3090,7281,7282],{"class":3111},"                       Visibility",[3090,7284,3116],{"class":3115},[3090,7286,7287],{"class":3119},"\"{Binding IsSearching, ElementName=Root, Converter={StaticResource BoolToVisibilityConverter}}\"",[3090,7289,3189],{"class":3103},[3090,7291,7292],{"class":3092,"line":4369},[3090,7293,4091],{"class":3115},[3090,7295,7296],{"class":3092,"line":4378},[3090,7297,4254],{"class":3096},[3090,7299,7300,7302,7304,7306,7308],{"class":3092,"line":5961},[3090,7301,4021],{"class":3103},[3090,7303,3197],{"class":3107},[3090,7305,4108],{"class":3111},[3090,7307,3116],{"class":3115},[3090,7309,7310],{"class":3119},"\"3\"\n",[3090,7312,7313,7315,7317],{"class":3092,"line":5972},[3090,7314,4274],{"class":3111},[3090,7316,3116],{"class":3115},[3090,7318,4279],{"class":3119},[3090,7320,7321,7323,7325],{"class":3092,"line":5977},[3090,7322,4285],{"class":3111},[3090,7324,3116],{"class":3115},[3090,7326,4290],{"class":3119},[3090,7328,7330,7332,7334],{"class":3092,"line":7329},49,[3090,7331,4296],{"class":3111},[3090,7333,3116],{"class":3115},[3090,7335,4220],{"class":3119},[3090,7337,7339,7341,7343],{"class":3092,"line":7338},50,[3090,7340,4306],{"class":3111},[3090,7342,3116],{"class":3115},[3090,7344,4209],{"class":3119},[3090,7346,7348,7350,7352],{"class":3092,"line":7347},51,[3090,7349,4316],{"class":3111},[3090,7351,3116],{"class":3115},[3090,7353,4321],{"class":3119},[3090,7355,7357,7359,7361],{"class":3092,"line":7356},52,[3090,7358,4338],{"class":3111},[3090,7360,3116],{"class":3115},[3090,7362,4343],{"class":3119},[3090,7364,7366,7368,7370],{"class":3092,"line":7365},53,[3090,7367,4349],{"class":3111},[3090,7369,3116],{"class":3115},[3090,7371,7372],{"class":3119},"\"ClearButton_Click\"\n",[3090,7374,7376,7379,7381,7384],{"class":3092,"line":7375},54,[3090,7377,7378],{"class":3111},"                    Visibility",[3090,7380,3116],{"class":3115},[3090,7382,7383],{"class":3119},"\"{Binding ShowClearButton, ElementName=Root, Converter={StaticResource BoolToVisibilityConverter}}\"",[3090,7385,3189],{"class":3103},[3090,7387,7389,7391,7393],{"class":3092,"line":7388},55,[3090,7390,4362],{"class":3103},[3090,7392,4014],{"class":3107},[3090,7394,3131],{"class":3103},[3090,7396,7398,7400,7402],{"class":3092,"line":7397},56,[3090,7399,3414],{"class":3103},[3090,7401,3952],{"class":3107},[3090,7403,3131],{"class":3103},[3090,7405,7407,7409,7411],{"class":3092,"line":7406},57,[3090,7408,3237],{"class":3103},[3090,7410,2968],{"class":3107},[3090,7412,3131],{"class":3103},[2959,7414,7415,2983,7418,7421,7422,3297],{},[2980,7416,7417],{},"Ключовий момент:",[2966,7419,7420],{},"x:Name=\"Root\""," на UserControl дозволяє прив'язуватись до його DependencyProperty через ",[2966,7423,7424],{},"ElementName=Root",[3029,7426,7428],{"id":7427},"використання-розширеного-api","Використання розширеного API",[3081,7430,7432],{"className":3083,"code":7431,"language":3085,"meta":3086,"style":3086},"\u003Ccontrols:SearchBox SearchText=\"{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}\"\n                    Placeholder=\"Шукати файли...\"\n                    IsSearching=\"{Binding IsSearching}\"\n                    ShowClearButton=\"True\"\n                    Margin=\"0,0,0,16\"/>\n",[2966,7433,7434,7447,7457,7467,7477],{"__ignoreMap":3086},[3090,7435,7436,7438,7440,7442,7444],{"class":3092,"line":3093},[3090,7437,3104],{"class":3103},[3090,7439,4675],{"class":3107},[3090,7441,3264],{"class":3111},[3090,7443,3116],{"class":3115},[3090,7445,7446],{"class":3119},"\"{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}\"\n",[3090,7448,7449,7452,7454],{"class":3092,"line":3100},[3090,7450,7451],{"class":3111},"                    Placeholder",[3090,7453,3116],{"class":3115},[3090,7455,7456],{"class":3119},"\"Шукати файли...\"\n",[3090,7458,7459,7462,7464],{"class":3092,"line":3134},[3090,7460,7461],{"class":3111},"                    IsSearching",[3090,7463,3116],{"class":3115},[3090,7465,7466],{"class":3119},"\"{Binding IsSearching}\"\n",[3090,7468,7469,7472,7474],{"class":3092,"line":3154},[3090,7470,7471],{"class":3111},"                    ShowClearButton",[3090,7473,3116],{"class":3115},[3090,7475,7476],{"class":3119},"\"True\"\n",[3090,7478,7479,7481,7483,7485],{"class":3092,"line":3167},[3090,7480,4327],{"class":3111},[3090,7482,3116],{"class":3115},[3090,7484,3128],{"class":3119},[3090,7486,3189],{"class":3103},[3081,7488,7490],{"className":3435,"code":7489,"language":3437,"meta":3086,"style":3086},"public partial class MainViewModel : ObservableObject\n{\n    [ObservableProperty]\n    private string _searchQuery = \"\";\n    \n    [ObservableProperty]\n    private bool _isSearching;\n    \n    partial void OnSearchQueryChanged(string value)\n    {\n        SearchAsync(value);\n    }\n    \n    private async void SearchAsync(string query)\n    {\n        if (string.IsNullOrWhiteSpace(query))\n        {\n            Items.Clear();\n            return;\n        }\n        \n        IsSearching = true;\n        \n        try\n        {\n            await Task.Delay(500);  // Debounce\n            var results = await _searchService.SearchAsync(query);\n            Items = new ObservableCollection\u003CItem>(results);\n        }\n        finally\n        {\n            IsSearching = false;\n        }\n    }\n}\n",[2966,7491,7492,7506,7510,7518,7532,7536,7544,7555,7559,7575,7579,7590,7594,7598,7619,7623,7644,7648,7660,7667,7671,7675,7686,7690,7695,7699,7724,7751,7775,7779,7784,7788,7799,7803,7807],{"__ignoreMap":3086},[3090,7493,7494,7496,7498,7500,7502,7504],{"class":3092,"line":3093},[3090,7495,3468],{"class":3444},[3090,7497,3471],{"class":3444},[3090,7499,3474],{"class":3444},[3090,7501,6035],{"class":3448},[3090,7503,3480],{"class":3115},[3090,7505,6040],{"class":3448},[3090,7507,7508],{"class":3092,"line":3100},[3090,7509,3488],{"class":3115},[3090,7511,7512,7514,7516],{"class":3092,"line":3134},[3090,7513,6049],{"class":3115},[3090,7515,6052],{"class":3448},[3090,7517,6055],{"class":3115},[3090,7519,7520,7522,7524,7526,7528,7530],{"class":3092,"line":3154},[3090,7521,4443],{"class":3444},[3090,7523,5334],{"class":3444},[3090,7525,6064],{"class":4458},[3090,7527,4488],{"class":3115},[3090,7529,4492],{"class":4491},[3090,7531,3457],{"class":3115},[3090,7533,7534],{"class":3092,"line":3167},[3090,7535,3522],{"class":3115},[3090,7537,7538,7540,7542],{"class":3092,"line":3178},[3090,7539,6049],{"class":3115},[3090,7541,6052],{"class":3448},[3090,7543,6055],{"class":3115},[3090,7545,7546,7548,7550,7553],{"class":3092,"line":3192},[3090,7547,4443],{"class":3444},[3090,7549,6613],{"class":3444},[3090,7551,7552],{"class":4458}," _isSearching",[3090,7554,3457],{"class":3115},[3090,7556,7557],{"class":3092,"line":3210},[3090,7558,3522],{"class":3115},[3090,7560,7561,7563,7565,7567,7569,7571,7573],{"class":3092,"line":3221},[3090,7562,6079],{"class":3444},[3090,7564,4446],{"class":3444},[3090,7566,6084],{"class":3496},[3090,7568,4452],{"class":3115},[3090,7570,5264],{"class":3444},[3090,7572,6091],{"class":4458},[3090,7574,4471],{"class":3115},[3090,7576,7577],{"class":3092,"line":3234},[3090,7578,3504],{"class":3115},[3090,7580,7581,7584,7586,7588],{"class":3092,"line":3530},[3090,7582,7583],{"class":3496},"        SearchAsync",[3090,7585,4452],{"class":3115},[3090,7587,5385],{"class":4458},[3090,7589,5365],{"class":3115},[3090,7591,7592],{"class":3092,"line":3599},[3090,7593,3517],{"class":3115},[3090,7595,7596],{"class":3092,"line":4029},[3090,7597,3522],{"class":3115},[3090,7599,7600,7602,7605,7607,7610,7612,7614,7617],{"class":3092,"line":4047},[3090,7601,4443],{"class":3444},[3090,7603,7604],{"class":3444}," async",[3090,7606,4446],{"class":3444},[3090,7608,7609],{"class":3496}," SearchAsync",[3090,7611,4452],{"class":3115},[3090,7613,5264],{"class":3444},[3090,7615,7616],{"class":4458}," query",[3090,7618,4471],{"class":3115},[3090,7620,7621],{"class":3092,"line":4063},[3090,7622,3504],{"class":3115},[3090,7624,7625,7627,7629,7631,7633,7636,7638,7641],{"class":3092,"line":4078},[3090,7626,5776],{"class":3777},[3090,7628,5779],{"class":3115},[3090,7630,5264],{"class":3444},[3090,7632,3297],{"class":3115},[3090,7634,7635],{"class":3496},"IsNullOrWhiteSpace",[3090,7637,4452],{"class":3115},[3090,7639,7640],{"class":4458},"query",[3090,7642,7643],{"class":3115},"))\n",[3090,7645,7646],{"class":3092,"line":4088},[3090,7647,5804],{"class":3115},[3090,7649,7650,7653,7655,7658],{"class":3092,"line":4094},[3090,7651,7652],{"class":4458},"            Items",[3090,7654,3297],{"class":3115},[3090,7656,7657],{"class":3496},"Clear",[3090,7659,3512],{"class":3115},[3090,7661,7662,7665],{"class":3092,"line":4100},[3090,7663,7664],{"class":3777},"            return",[3090,7666,3457],{"class":3115},[3090,7668,7669],{"class":3092,"line":4118},[3090,7670,5828],{"class":3115},[3090,7672,7673],{"class":3092,"line":4131},[3090,7674,4663],{"class":3115},[3090,7676,7677,7680,7682,7684],{"class":3092,"line":4142},[3090,7678,7679],{"class":4458},"        IsSearching",[3090,7681,4488],{"class":3115},[3090,7683,6731],{"class":3444},[3090,7685,3457],{"class":3115},[3090,7687,7688],{"class":3092,"line":4153},[3090,7689,4663],{"class":3115},[3090,7691,7692],{"class":3092,"line":4165},[3090,7693,7694],{"class":3777},"        try\n",[3090,7696,7697],{"class":3092,"line":4170},[3090,7698,5804],{"class":3115},[3090,7700,7701,7704,7707,7709,7712,7714,7718,7721],{"class":3092,"line":4176},[3090,7702,7703],{"class":3444},"            await",[3090,7705,7706],{"class":4458}," Task",[3090,7708,3297],{"class":3115},[3090,7710,7711],{"class":3496},"Delay",[3090,7713,4452],{"class":3115},[3090,7715,7717],{"class":7716},"sJj4R","500",[3090,7719,7720],{"class":3115},");  ",[3090,7722,7723],{"class":3096},"// Debounce\n",[3090,7725,7726,7729,7732,7734,7737,7740,7742,7745,7747,7749],{"class":3092,"line":4190},[3090,7727,7728],{"class":3444},"            var",[3090,7730,7731],{"class":4458}," results",[3090,7733,4488],{"class":3115},[3090,7735,7736],{"class":3444},"await",[3090,7738,7739],{"class":4458}," _searchService",[3090,7741,3297],{"class":3115},[3090,7743,7744],{"class":3496},"SearchAsync",[3090,7746,4452],{"class":3115},[3090,7748,7640],{"class":4458},[3090,7750,5365],{"class":3115},[3090,7752,7753,7755,7757,7759,7762,7764,7767,7770,7773],{"class":3092,"line":4201},[3090,7754,7652],{"class":4458},[3090,7756,4488],{"class":3115},[3090,7758,5299],{"class":3444},[3090,7760,7761],{"class":3448}," ObservableCollection",[3090,7763,3104],{"class":3115},[3090,7765,7766],{"class":3448},"Item",[3090,7768,7769],{"class":3115},">(",[3090,7771,7772],{"class":4458},"results",[3090,7774,5365],{"class":3115},[3090,7776,7777],{"class":3092,"line":4212},[3090,7778,5828],{"class":3115},[3090,7780,7781],{"class":3092,"line":4223},[3090,7782,7783],{"class":3777},"        finally\n",[3090,7785,7786],{"class":3092,"line":4233},[3090,7787,5804],{"class":3115},[3090,7789,7790,7793,7795,7797],{"class":3092,"line":4246},[3090,7791,7792],{"class":4458},"            IsSearching",[3090,7794,4488],{"class":3115},[3090,7796,6600],{"class":3444},[3090,7798,3457],{"class":3115},[3090,7800,7801],{"class":3092,"line":4251},[3090,7802,5828],{"class":3115},[3090,7804,7805],{"class":3092,"line":4257},[3090,7806,3517],{"class":3115},[3090,7808,7809],{"class":3092,"line":4271},[3090,7810,3533],{"class":3115},[3012,7812],{},[3015,7814,7816],{"id":7815},"routedevent-кастомні-події-для-usercontrol","RoutedEvent: кастомні події для UserControl",[2959,7818,7819,7820,7823],{},"DependencyProperty дозволяє зовнішньому коду передавати дані ",[2980,7821,7822],{},"всередину"," компонента. Але як компонент може повідомити зовнішній код про події? Наприклад, \"користувач натиснув Enter у полі пошуку\" або \"користувач натиснув кнопку Шукати\".",[2959,7825,7826,7827,7829],{},"Для цього використовуються ",[2966,7828,2993],{}," — події WPF, що \"спливають\" (bubbling) або \"тонуть\" (tunneling) по дереву елементів.",[3029,7831,7833],{"id":7832},"створення-routedevent","Створення RoutedEvent",[2959,7835,7836],{},"Структура схожа на DependencyProperty:",[2959,7838,7839],{},[2980,7840,7841],{},"1. Статичне поле RoutedEvent:",[3081,7843,7845],{"className":3435,"code":7844,"language":3437,"meta":3086,"style":3086},"public static readonly RoutedEvent SearchRequestedEvent =\n    EventManager.RegisterRoutedEvent(\n        name: \"SearchRequested\",\n        routingStrategy: RoutingStrategy.Bubble,\n        handlerType: typeof(RoutedEventHandler),\n        ownerType: typeof(SearchBox)\n    );\n",[2966,7846,7847,7863,7875,7887,7904,7920,7934],{"__ignoreMap":3086},[3090,7848,7849,7851,7853,7855,7858,7861],{"class":3092,"line":3093},[3090,7850,3468],{"class":3444},[3090,7852,5207],{"class":3444},[3090,7854,5210],{"class":3444},[3090,7856,7857],{"class":3448}," RoutedEvent",[3090,7859,7860],{"class":4458}," SearchRequestedEvent",[3090,7862,5219],{"class":3115},[3090,7864,7865,7868,7870,7873],{"class":3092,"line":3100},[3090,7866,7867],{"class":4458},"    EventManager",[3090,7869,3297],{"class":3115},[3090,7871,7872],{"class":3496},"RegisterRoutedEvent",[3090,7874,5232],{"class":3115},[3090,7876,7877,7879,7881,7884],{"class":3092,"line":3134},[3090,7878,5237],{"class":4458},[3090,7880,5240],{"class":3115},[3090,7882,7883],{"class":4491},"\"SearchRequested\"",[3090,7885,7886],{"class":3115},",\n",[3090,7888,7889,7892,7894,7897,7899,7902],{"class":3092,"line":3154},[3090,7890,7891],{"class":4458},"        routingStrategy",[3090,7893,5240],{"class":3115},[3090,7895,7896],{"class":4458},"RoutingStrategy",[3090,7898,3297],{"class":3115},[3090,7900,7901],{"class":4458},"Bubble",[3090,7903,7886],{"class":3115},[3090,7905,7906,7909,7911,7913,7915,7918],{"class":3092,"line":3167},[3090,7907,7908],{"class":4458},"        handlerType",[3090,7910,5240],{"class":3115},[3090,7912,5259],{"class":3444},[3090,7914,4452],{"class":3115},[3090,7916,7917],{"class":3448},"RoutedEventHandler",[3090,7919,5581],{"class":3115},[3090,7921,7922,7924,7926,7928,7930,7932],{"class":3092,"line":3178},[3090,7923,5275],{"class":4458},[3090,7925,5240],{"class":3115},[3090,7927,5259],{"class":3444},[3090,7929,4452],{"class":3115},[3090,7931,5284],{"class":3448},[3090,7933,4471],{"class":3115},[3090,7935,7936],{"class":3092,"line":3192},[3090,7937,5317],{"class":3115},[2959,7939,7940],{},[2980,7941,5322],{},[3081,7943,7945],{"className":3435,"code":7944,"language":3437,"meta":3086,"style":3086},"public event RoutedEventHandler SearchRequested\n{\n    add => AddHandler(SearchRequestedEvent, value);\n    remove => RemoveHandler(SearchRequestedEvent, value);\n}\n",[2966,7946,7947,7960,7964,7985,8005],{"__ignoreMap":3086},[3090,7948,7949,7951,7954,7957],{"class":3092,"line":3093},[3090,7950,3468],{"class":3444},[3090,7952,7953],{"class":4458}," event",[3090,7955,7956],{"class":4458}," RoutedEventHandler",[3090,7958,7959],{"class":4458}," SearchRequested\n",[3090,7961,7962],{"class":3092,"line":3100},[3090,7963,3488],{"class":3115},[3090,7965,7966,7969,7971,7974,7976,7979,7981,7983],{"class":3092,"line":3134},[3090,7967,7968],{"class":4458},"    add",[3090,7970,5373],{"class":3115},[3090,7972,7973],{"class":3496},"AddHandler",[3090,7975,4452],{"class":3115},[3090,7977,7978],{"class":4458},"SearchRequestedEvent",[3090,7980,4462],{"class":3115},[3090,7982,5385],{"class":4458},[3090,7984,5365],{"class":3115},[3090,7986,7987,7990,7992,7995,7997,7999,8001,8003],{"class":3092,"line":3154},[3090,7988,7989],{"class":4458},"    remove",[3090,7991,5373],{"class":3115},[3090,7993,7994],{"class":3496},"RemoveHandler",[3090,7996,4452],{"class":3115},[3090,7998,7978],{"class":4458},[3090,8000,4462],{"class":3115},[3090,8002,5385],{"class":4458},[3090,8004,5365],{"class":3115},[3090,8006,8007],{"class":3092,"line":3167},[3090,8008,3533],{"class":3115},[2959,8010,8011],{},[2980,8012,8013],{},"3. Метод для виклику події:",[3081,8015,8017],{"className":3435,"code":8016,"language":3437,"meta":3086,"style":3086},"private void RaiseSearchRequestedEvent()\n{\n    RoutedEventArgs args = new RoutedEventArgs(SearchRequestedEvent);\n    RaiseEvent(args);\n}\n",[2966,8018,8019,8030,8034,8055,8067],{"__ignoreMap":3086},[3090,8020,8021,8023,8025,8028],{"class":3092,"line":3093},[3090,8022,5427],{"class":3444},[3090,8024,4446],{"class":3444},[3090,8026,8027],{"class":3496}," RaiseSearchRequestedEvent",[3090,8029,3499],{"class":3115},[3090,8031,8032],{"class":3092,"line":3100},[3090,8033,3488],{"class":3115},[3090,8035,8036,8039,8042,8044,8046,8049,8051,8053],{"class":3092,"line":3134},[3090,8037,8038],{"class":3448},"    RoutedEventArgs",[3090,8040,8041],{"class":4458}," args",[3090,8043,4488],{"class":3115},[3090,8045,5299],{"class":3444},[3090,8047,8048],{"class":3448}," RoutedEventArgs",[3090,8050,4452],{"class":3115},[3090,8052,7978],{"class":4458},[3090,8054,5365],{"class":3115},[3090,8056,8057,8060,8062,8065],{"class":3092,"line":3154},[3090,8058,8059],{"class":3496},"    RaiseEvent",[3090,8061,4452],{"class":3115},[3090,8063,8064],{"class":4458},"args",[3090,8066,5365],{"class":3115},[3090,8068,8069],{"class":3092,"line":3167},[3090,8070,3533],{"class":3115},[3029,8072,8074],{"id":8073},"повний-приклад-searchrequested-event","Повний приклад: SearchRequested event",[3081,8076,8078],{"className":3435,"code":8077,"language":3437,"meta":3086,"style":3086},"public partial class SearchBox : UserControl\n{\n    // RoutedEvent для події пошуку\n    public static readonly RoutedEvent SearchRequestedEvent =\n        EventManager.RegisterRoutedEvent(\n            nameof(SearchRequested),\n            RoutingStrategy.Bubble,\n            typeof(RoutedEventHandler),\n            typeof(SearchBox)\n        );\n    \n    public event RoutedEventHandler SearchRequested\n    {\n        add => AddHandler(SearchRequestedEvent, value);\n        remove => RemoveHandler(SearchRequestedEvent, value);\n    }\n    \n    private void RaiseSearchRequestedEvent()\n    {\n        RoutedEventArgs args = new RoutedEventArgs(SearchRequestedEvent);\n        RaiseEvent(args);\n    }\n    \n    public SearchBox()\n    {\n        InitializeComponent();\n        \n        // Викликати подію при натисканні Enter\n        SearchTextBox.KeyDown += (s, e) =>\n        {\n            if (e.Key == Key.Enter)\n            {\n                RaiseSearchRequestedEvent();\n            }\n        };\n    }\n    \n    private void SearchButton_Click(object sender, RoutedEventArgs e)\n    {\n        RaiseSearchRequestedEvent();\n    }\n}\n",[2966,8079,8080,8094,8098,8103,8117,8128,8139,8150,8160,8170,8174,8178,8188,8192,8211,8230,8234,8238,8248,8252,8271,8282,8286,8290,8298,8302,8308,8312,8317,8336,8340,8366,8371,8378,8383,8387,8391,8395,8418,8422,8429,8433],{"__ignoreMap":3086},[3090,8081,8082,8084,8086,8088,8090,8092],{"class":3092,"line":3093},[3090,8083,3468],{"class":3444},[3090,8085,3471],{"class":3444},[3090,8087,3474],{"class":3444},[3090,8089,3477],{"class":3448},[3090,8091,3480],{"class":3115},[3090,8093,3483],{"class":3448},[3090,8095,8096],{"class":3092,"line":3100},[3090,8097,3488],{"class":3115},[3090,8099,8100],{"class":3092,"line":3134},[3090,8101,8102],{"class":3096},"    // RoutedEvent для події пошуку\n",[3090,8104,8105,8107,8109,8111,8113,8115],{"class":3092,"line":3154},[3090,8106,3493],{"class":3444},[3090,8108,5207],{"class":3444},[3090,8110,5210],{"class":3444},[3090,8112,7857],{"class":3448},[3090,8114,7860],{"class":4458},[3090,8116,5219],{"class":3115},[3090,8118,8119,8122,8124,8126],{"class":3092,"line":3167},[3090,8120,8121],{"class":4458},"        EventManager",[3090,8123,3297],{"class":3115},[3090,8125,7872],{"class":3496},[3090,8127,5232],{"class":3115},[3090,8129,8130,8132,8134,8137],{"class":3092,"line":3178},[3090,8131,5573],{"class":3444},[3090,8133,4452],{"class":3115},[3090,8135,8136],{"class":4458},"SearchRequested",[3090,8138,5581],{"class":3115},[3090,8140,8141,8144,8146,8148],{"class":3092,"line":3192},[3090,8142,8143],{"class":4458},"            RoutingStrategy",[3090,8145,3297],{"class":3115},[3090,8147,7901],{"class":4458},[3090,8149,7886],{"class":3115},[3090,8151,8152,8154,8156,8158],{"class":3092,"line":3210},[3090,8153,5586],{"class":3444},[3090,8155,4452],{"class":3115},[3090,8157,7917],{"class":3448},[3090,8159,5581],{"class":3115},[3090,8161,8162,8164,8166,8168],{"class":3092,"line":3221},[3090,8163,5586],{"class":3444},[3090,8165,4452],{"class":3115},[3090,8167,5284],{"class":3448},[3090,8169,4471],{"class":3115},[3090,8171,8172],{"class":3092,"line":3234},[3090,8173,5624],{"class":3115},[3090,8175,8176],{"class":3092,"line":3530},[3090,8177,3522],{"class":3115},[3090,8179,8180,8182,8184,8186],{"class":3092,"line":3599},[3090,8181,3493],{"class":3444},[3090,8183,7953],{"class":3444},[3090,8185,7956],{"class":3448},[3090,8187,7959],{"class":4458},[3090,8189,8190],{"class":3092,"line":4029},[3090,8191,3504],{"class":3115},[3090,8193,8194,8197,8199,8201,8203,8205,8207,8209],{"class":3092,"line":4047},[3090,8195,8196],{"class":3444},"        add",[3090,8198,5373],{"class":3115},[3090,8200,7973],{"class":3496},[3090,8202,4452],{"class":3115},[3090,8204,7978],{"class":4458},[3090,8206,4462],{"class":3115},[3090,8208,5385],{"class":4458},[3090,8210,5365],{"class":3115},[3090,8212,8213,8216,8218,8220,8222,8224,8226,8228],{"class":3092,"line":4063},[3090,8214,8215],{"class":3444},"        remove",[3090,8217,5373],{"class":3115},[3090,8219,7994],{"class":3496},[3090,8221,4452],{"class":3115},[3090,8223,7978],{"class":4458},[3090,8225,4462],{"class":3115},[3090,8227,5385],{"class":4458},[3090,8229,5365],{"class":3115},[3090,8231,8232],{"class":3092,"line":4078},[3090,8233,3517],{"class":3115},[3090,8235,8236],{"class":3092,"line":4088},[3090,8237,3522],{"class":3115},[3090,8239,8240,8242,8244,8246],{"class":3092,"line":4094},[3090,8241,4443],{"class":3444},[3090,8243,4446],{"class":3444},[3090,8245,8027],{"class":3496},[3090,8247,3499],{"class":3115},[3090,8249,8250],{"class":3092,"line":4100},[3090,8251,3504],{"class":3115},[3090,8253,8254,8257,8259,8261,8263,8265,8267,8269],{"class":3092,"line":4118},[3090,8255,8256],{"class":3448},"        RoutedEventArgs",[3090,8258,8041],{"class":4458},[3090,8260,4488],{"class":3115},[3090,8262,5299],{"class":3444},[3090,8264,8048],{"class":3448},[3090,8266,4452],{"class":3115},[3090,8268,7978],{"class":4458},[3090,8270,5365],{"class":3115},[3090,8272,8273,8276,8278,8280],{"class":3092,"line":4131},[3090,8274,8275],{"class":3496},"        RaiseEvent",[3090,8277,4452],{"class":3115},[3090,8279,8064],{"class":4458},[3090,8281,5365],{"class":3115},[3090,8283,8284],{"class":3092,"line":4142},[3090,8285,3517],{"class":3115},[3090,8287,8288],{"class":3092,"line":4153},[3090,8289,3522],{"class":3115},[3090,8291,8292,8294,8296],{"class":3092,"line":4165},[3090,8293,3493],{"class":3444},[3090,8295,3477],{"class":3496},[3090,8297,3499],{"class":3115},[3090,8299,8300],{"class":3092,"line":4170},[3090,8301,3504],{"class":3115},[3090,8303,8304,8306],{"class":3092,"line":4176},[3090,8305,3509],{"class":3496},[3090,8307,3512],{"class":3115},[3090,8309,8310],{"class":3092,"line":4190},[3090,8311,4663],{"class":3115},[3090,8313,8314],{"class":3092,"line":4201},[3090,8315,8316],{"class":3096},"        // Викликати подію при натисканні Enter\n",[3090,8318,8319,8321,8323,8326,8328,8330,8332,8334],{"class":3092,"line":4212},[3090,8320,4480],{"class":4458},[3090,8322,3297],{"class":3115},[3090,8324,8325],{"class":4458},"KeyDown",[3090,8327,5875],{"class":3115},[3090,8329,5878],{"class":4458},[3090,8331,4462],{"class":3115},[3090,8333,5492],{"class":4458},[3090,8335,5885],{"class":3115},[3090,8337,8338],{"class":3092,"line":4223},[3090,8339,5804],{"class":3115},[3090,8341,8342,8345,8347,8349,8351,8354,8357,8359,8361,8364],{"class":3092,"line":4233},[3090,8343,8344],{"class":3777},"            if",[3090,8346,5779],{"class":3115},[3090,8348,5492],{"class":4458},[3090,8350,3297],{"class":3115},[3090,8352,8353],{"class":4458},"Key",[3090,8355,8356],{"class":3115}," == ",[3090,8358,8353],{"class":4458},[3090,8360,3297],{"class":3115},[3090,8362,8363],{"class":4458},"Enter",[3090,8365,4471],{"class":3115},[3090,8367,8368],{"class":3092,"line":4246},[3090,8369,8370],{"class":3115},"            {\n",[3090,8372,8373,8376],{"class":3092,"line":4251},[3090,8374,8375],{"class":3496},"                RaiseSearchRequestedEvent",[3090,8377,3512],{"class":3115},[3090,8379,8380],{"class":3092,"line":4257},[3090,8381,8382],{"class":3115},"            }\n",[3090,8384,8385],{"class":3092,"line":4271},[3090,8386,5909],{"class":3115},[3090,8388,8389],{"class":3092,"line":4282},[3090,8390,3517],{"class":3115},[3090,8392,8393],{"class":3092,"line":4293},[3090,8394,3522],{"class":3115},[3090,8396,8397,8399,8401,8404,8406,8408,8410,8412,8414,8416],{"class":3092,"line":4303},[3090,8398,4443],{"class":3444},[3090,8400,4446],{"class":3444},[3090,8402,8403],{"class":3496}," SearchButton_Click",[3090,8405,4452],{"class":3115},[3090,8407,4455],{"class":3444},[3090,8409,4459],{"class":4458},[3090,8411,4462],{"class":3115},[3090,8413,4465],{"class":3448},[3090,8415,4468],{"class":4458},[3090,8417,4471],{"class":3115},[3090,8419,8420],{"class":3092,"line":4313},[3090,8421,3504],{"class":3115},[3090,8423,8424,8427],{"class":3092,"line":4324},[3090,8425,8426],{"class":3496},"        RaiseSearchRequestedEvent",[3090,8428,3512],{"class":3115},[3090,8430,8431],{"class":3092,"line":4335},[3090,8432,3517],{"class":3115},[3090,8434,8435],{"class":3092,"line":4346},[3090,8436,3533],{"class":3115},[3029,8438,8440],{"id":8439},"використання-routedevent","Використання RoutedEvent",[2959,8442,8443],{},[2980,8444,8445],{},"Варіант 1: Підписка у XAML:",[3081,8447,8449],{"className":3083,"code":8448,"language":3085,"meta":3086,"style":3086},"\u003Ccontrols:SearchBox SearchText=\"{Binding SearchQuery}\"\n                    SearchRequested=\"SearchBox_SearchRequested\"/>\n",[2966,8450,8451,8463],{"__ignoreMap":3086},[3090,8452,8453,8455,8457,8459,8461],{"class":3092,"line":3093},[3090,8454,3104],{"class":3103},[3090,8456,4675],{"class":3107},[3090,8458,3264],{"class":3111},[3090,8460,3116],{"class":3115},[3090,8462,3269],{"class":3119},[3090,8464,8465,8468,8470,8473],{"class":3092,"line":3100},[3090,8466,8467],{"class":3111},"                    SearchRequested",[3090,8469,3116],{"class":3115},[3090,8471,8472],{"class":3119},"\"SearchBox_SearchRequested\"",[3090,8474,3189],{"class":3103},[3081,8476,8478],{"className":3435,"code":8477,"language":3437,"meta":3086,"style":3086},"// Code-behind MainWindow\nprivate void SearchBox_SearchRequested(object sender, RoutedEventArgs e)\n{\n    var searchBox = (SearchBox)sender;\n    string query = searchBox.SearchText;\n    PerformSearch(query);\n}\n",[2966,8479,8480,8485,8508,8512,8530,8547,8558],{"__ignoreMap":3086},[3090,8481,8482],{"class":3092,"line":3093},[3090,8483,8484],{"class":3096},"// Code-behind MainWindow\n",[3090,8486,8487,8489,8491,8494,8496,8498,8500,8502,8504,8506],{"class":3092,"line":3100},[3090,8488,5427],{"class":3444},[3090,8490,4446],{"class":3444},[3090,8492,8493],{"class":3496}," SearchBox_SearchRequested",[3090,8495,4452],{"class":3115},[3090,8497,4455],{"class":3444},[3090,8499,4459],{"class":4458},[3090,8501,4462],{"class":3115},[3090,8503,4465],{"class":3448},[3090,8505,4468],{"class":4458},[3090,8507,4471],{"class":3115},[3090,8509,8510],{"class":3092,"line":3134},[3090,8511,3488],{"class":3115},[3090,8513,8514,8516,8519,8521,8523,8525,8528],{"class":3092,"line":3154},[3090,8515,5460],{"class":3444},[3090,8517,8518],{"class":4458}," searchBox",[3090,8520,5466],{"class":3115},[3090,8522,5284],{"class":3448},[3090,8524,5354],{"class":3115},[3090,8526,8527],{"class":4458},"sender",[3090,8529,3457],{"class":3115},[3090,8531,8532,8534,8536,8538,8541,8543,8545],{"class":3092,"line":3167},[3090,8533,5480],{"class":3444},[3090,8535,7616],{"class":4458},[3090,8537,4488],{"class":3115},[3090,8539,8540],{"class":4458},"searchBox",[3090,8542,3297],{"class":3115},[3090,8544,5578],{"class":4458},[3090,8546,3457],{"class":3115},[3090,8548,8549,8552,8554,8556],{"class":3092,"line":3178},[3090,8550,8551],{"class":3496},"    PerformSearch",[3090,8553,4452],{"class":3115},[3090,8555,7640],{"class":4458},[3090,8557,5365],{"class":3115},[3090,8559,8560],{"class":3092,"line":3192},[3090,8561,3533],{"class":3115},[2959,8563,8564],{},[2980,8565,8566],{},"Варіант 2: Підписка у коді:",[3081,8568,8570],{"className":3435,"code":8569,"language":3437,"meta":3086,"style":3086},"public MainWindow()\n{\n    InitializeComponent();\n    \n    MySearchBox.SearchRequested += (s, e) =>\n    {\n        PerformSearch(MySearchBox.SearchText);\n    };\n}\n",[2966,8571,8572,8581,8585,8592,8596,8615,8619,8635,8640],{"__ignoreMap":3086},[3090,8573,8574,8576,8579],{"class":3092,"line":3093},[3090,8575,3468],{"class":3444},[3090,8577,8578],{"class":3496}," MainWindow",[3090,8580,3499],{"class":3115},[3090,8582,8583],{"class":3092,"line":3100},[3090,8584,3488],{"class":3115},[3090,8586,8587,8590],{"class":3092,"line":3134},[3090,8588,8589],{"class":3496},"    InitializeComponent",[3090,8591,3512],{"class":3115},[3090,8593,8594],{"class":3092,"line":3154},[3090,8595,3522],{"class":3115},[3090,8597,8598,8601,8603,8605,8607,8609,8611,8613],{"class":3092,"line":3167},[3090,8599,8600],{"class":4458},"    MySearchBox",[3090,8602,3297],{"class":3115},[3090,8604,8136],{"class":4458},[3090,8606,5875],{"class":3115},[3090,8608,5878],{"class":4458},[3090,8610,4462],{"class":3115},[3090,8612,5492],{"class":4458},[3090,8614,5885],{"class":3115},[3090,8616,8617],{"class":3092,"line":3178},[3090,8618,3504],{"class":3115},[3090,8620,8621,8624,8626,8629,8631,8633],{"class":3092,"line":3192},[3090,8622,8623],{"class":3496},"        PerformSearch",[3090,8625,4452],{"class":3115},[3090,8627,8628],{"class":4458},"MySearchBox",[3090,8630,3297],{"class":3115},[3090,8632,5578],{"class":4458},[3090,8634,5365],{"class":3115},[3090,8636,8637],{"class":3092,"line":3210},[3090,8638,8639],{"class":3115},"    };\n",[3090,8641,8642],{"class":3092,"line":3221},[3090,8643,3533],{"class":3115},[3029,8645,8647],{"id":8646},"routedevent-з-кастомними-аргументами","RoutedEvent з кастомними аргументами",[2959,8649,8650],{},"Часто потрібно передати додаткові дані разом з подією. Для цього створюємо власний клас аргументів:",[3081,8652,8654],{"className":3435,"code":8653,"language":3437,"meta":3086,"style":3086},"// Кастомні аргументи події\npublic class SearchRequestedEventArgs : RoutedEventArgs\n{\n    public string SearchText { get; }\n    public SearchOptions Options { get; }\n    \n    public SearchRequestedEventArgs(RoutedEvent routedEvent, string searchText, SearchOptions options)\n        : base(routedEvent)\n    {\n        SearchText = searchText;\n        Options = options;\n    }\n}\n\n// Делегат для події\npublic delegate void SearchRequestedEventHandler(object sender, SearchRequestedEventArgs e);\n\npublic partial class SearchBox : UserControl\n{\n    // RoutedEvent з кастомним делегатом\n    public static readonly RoutedEvent SearchRequestedEvent =\n        EventManager.RegisterRoutedEvent(\n            nameof(SearchRequested),\n            RoutingStrategy.Bubble,\n            typeof(SearchRequestedEventHandler),\n            typeof(SearchBox)\n        );\n    \n    public event SearchRequestedEventHandler SearchRequested\n    {\n        add => AddHandler(SearchRequestedEvent, value);\n        remove => RemoveHandler(SearchRequestedEvent, value);\n    }\n    \n    private void RaiseSearchRequestedEvent()\n    {\n        var options = new SearchOptions\n        {\n            CaseSensitive = CaseSensitiveCheckBox.IsChecked == true,\n            WholeWord = WholeWordCheckBox.IsChecked == true\n        };\n        \n        var args = new SearchRequestedEventArgs(SearchRequestedEvent, SearchText, options);\n        RaiseEvent(args);\n    }\n}\n",[2966,8655,8656,8661,8675,8679,8696,8712,8716,8746,8761,8765,8776,8788,8792,8796,8800,8805,8832,8836,8850,8854,8859,8873,8883,8893,8903,8914,8924,8928,8932,8942,8946,8964,8982,8986,8990,9000,9004,9017,9021,9042,9061,9065,9069,9095,9105,9109],{"__ignoreMap":3086},[3090,8657,8658],{"class":3092,"line":3093},[3090,8659,8660],{"class":3096},"// Кастомні аргументи події\n",[3090,8662,8663,8665,8667,8670,8672],{"class":3092,"line":3100},[3090,8664,3468],{"class":3444},[3090,8666,3474],{"class":3444},[3090,8668,8669],{"class":3448}," SearchRequestedEventArgs",[3090,8671,3480],{"class":3115},[3090,8673,8674],{"class":3448},"RoutedEventArgs\n",[3090,8676,8677],{"class":3092,"line":3134},[3090,8678,3488],{"class":3115},[3090,8680,8681,8683,8685,8687,8690,8693],{"class":3092,"line":3154},[3090,8682,3493],{"class":3444},[3090,8684,5334],{"class":3444},[3090,8686,3264],{"class":4458},[3090,8688,8689],{"class":3115}," { ",[3090,8691,8692],{"class":3444},"get",[3090,8694,8695],{"class":3115},"; }\n",[3090,8697,8698,8700,8703,8706,8708,8710],{"class":3092,"line":3167},[3090,8699,3493],{"class":3444},[3090,8701,8702],{"class":3448}," SearchOptions",[3090,8704,8705],{"class":4458}," Options",[3090,8707,8689],{"class":3115},[3090,8709,8692],{"class":3444},[3090,8711,8695],{"class":3115},[3090,8713,8714],{"class":3092,"line":3178},[3090,8715,3522],{"class":3115},[3090,8717,8718,8720,8722,8724,8726,8729,8731,8733,8736,8738,8741,8744],{"class":3092,"line":3192},[3090,8719,3493],{"class":3444},[3090,8721,8669],{"class":3496},[3090,8723,4452],{"class":3115},[3090,8725,2993],{"class":3448},[3090,8727,8728],{"class":4458}," routedEvent",[3090,8730,4462],{"class":3115},[3090,8732,5264],{"class":3444},[3090,8734,8735],{"class":4458}," searchText",[3090,8737,4462],{"class":3115},[3090,8739,8740],{"class":3448},"SearchOptions",[3090,8742,8743],{"class":4458}," options",[3090,8745,4471],{"class":3115},[3090,8747,8748,8751,8754,8756,8759],{"class":3092,"line":3210},[3090,8749,8750],{"class":3115},"        : ",[3090,8752,8753],{"class":3444},"base",[3090,8755,4452],{"class":3115},[3090,8757,8758],{"class":4458},"routedEvent",[3090,8760,4471],{"class":3115},[3090,8762,8763],{"class":3092,"line":3221},[3090,8764,3504],{"class":3115},[3090,8766,8767,8769,8771,8774],{"class":3092,"line":3234},[3090,8768,5948],{"class":4458},[3090,8770,4488],{"class":3115},[3090,8772,8773],{"class":4458},"searchText",[3090,8775,3457],{"class":3115},[3090,8777,8778,8781,8783,8786],{"class":3092,"line":3530},[3090,8779,8780],{"class":4458},"        Options",[3090,8782,4488],{"class":3115},[3090,8784,8785],{"class":4458},"options",[3090,8787,3457],{"class":3115},[3090,8789,8790],{"class":3092,"line":3599},[3090,8791,3517],{"class":3115},[3090,8793,8794],{"class":3092,"line":4029},[3090,8795,3533],{"class":3115},[3090,8797,8798],{"class":3092,"line":4047},[3090,8799,3463],{"emptyLinePlaceholder":3462},[3090,8801,8802],{"class":3092,"line":4063},[3090,8803,8804],{"class":3096},"// Делегат для події\n",[3090,8806,8807,8809,8812,8814,8817,8819,8821,8823,8825,8828,8830],{"class":3092,"line":4078},[3090,8808,3468],{"class":3444},[3090,8810,8811],{"class":3444}," delegate",[3090,8813,4446],{"class":3444},[3090,8815,8816],{"class":3448}," SearchRequestedEventHandler",[3090,8818,4452],{"class":3115},[3090,8820,4455],{"class":3444},[3090,8822,4459],{"class":4458},[3090,8824,4462],{"class":3115},[3090,8826,8827],{"class":3448},"SearchRequestedEventArgs",[3090,8829,4468],{"class":4458},[3090,8831,5365],{"class":3115},[3090,8833,8834],{"class":3092,"line":4088},[3090,8835,3463],{"emptyLinePlaceholder":3462},[3090,8837,8838,8840,8842,8844,8846,8848],{"class":3092,"line":4094},[3090,8839,3468],{"class":3444},[3090,8841,3471],{"class":3444},[3090,8843,3474],{"class":3444},[3090,8845,3477],{"class":3448},[3090,8847,3480],{"class":3115},[3090,8849,3483],{"class":3448},[3090,8851,8852],{"class":3092,"line":4100},[3090,8853,3488],{"class":3115},[3090,8855,8856],{"class":3092,"line":4118},[3090,8857,8858],{"class":3096},"    // RoutedEvent з кастомним делегатом\n",[3090,8860,8861,8863,8865,8867,8869,8871],{"class":3092,"line":4131},[3090,8862,3493],{"class":3444},[3090,8864,5207],{"class":3444},[3090,8866,5210],{"class":3444},[3090,8868,7857],{"class":3448},[3090,8870,7860],{"class":4458},[3090,8872,5219],{"class":3115},[3090,8874,8875,8877,8879,8881],{"class":3092,"line":4142},[3090,8876,8121],{"class":4458},[3090,8878,3297],{"class":3115},[3090,8880,7872],{"class":3496},[3090,8882,5232],{"class":3115},[3090,8884,8885,8887,8889,8891],{"class":3092,"line":4153},[3090,8886,5573],{"class":3444},[3090,8888,4452],{"class":3115},[3090,8890,8136],{"class":4458},[3090,8892,5581],{"class":3115},[3090,8894,8895,8897,8899,8901],{"class":3092,"line":4165},[3090,8896,8143],{"class":4458},[3090,8898,3297],{"class":3115},[3090,8900,7901],{"class":4458},[3090,8902,7886],{"class":3115},[3090,8904,8905,8907,8909,8912],{"class":3092,"line":4170},[3090,8906,5586],{"class":3444},[3090,8908,4452],{"class":3115},[3090,8910,8911],{"class":3448},"SearchRequestedEventHandler",[3090,8913,5581],{"class":3115},[3090,8915,8916,8918,8920,8922],{"class":3092,"line":4176},[3090,8917,5586],{"class":3444},[3090,8919,4452],{"class":3115},[3090,8921,5284],{"class":3448},[3090,8923,4471],{"class":3115},[3090,8925,8926],{"class":3092,"line":4190},[3090,8927,5624],{"class":3115},[3090,8929,8930],{"class":3092,"line":4201},[3090,8931,3522],{"class":3115},[3090,8933,8934,8936,8938,8940],{"class":3092,"line":4212},[3090,8935,3493],{"class":3444},[3090,8937,7953],{"class":3444},[3090,8939,8816],{"class":3448},[3090,8941,7959],{"class":4458},[3090,8943,8944],{"class":3092,"line":4223},[3090,8945,3504],{"class":3115},[3090,8947,8948,8950,8952,8954,8956,8958,8960,8962],{"class":3092,"line":4233},[3090,8949,8196],{"class":3444},[3090,8951,5373],{"class":3115},[3090,8953,7973],{"class":3496},[3090,8955,4452],{"class":3115},[3090,8957,7978],{"class":4458},[3090,8959,4462],{"class":3115},[3090,8961,5385],{"class":4458},[3090,8963,5365],{"class":3115},[3090,8965,8966,8968,8970,8972,8974,8976,8978,8980],{"class":3092,"line":4246},[3090,8967,8215],{"class":3444},[3090,8969,5373],{"class":3115},[3090,8971,7994],{"class":3496},[3090,8973,4452],{"class":3115},[3090,8975,7978],{"class":4458},[3090,8977,4462],{"class":3115},[3090,8979,5385],{"class":4458},[3090,8981,5365],{"class":3115},[3090,8983,8984],{"class":3092,"line":4251},[3090,8985,3517],{"class":3115},[3090,8987,8988],{"class":3092,"line":4257},[3090,8989,3522],{"class":3115},[3090,8991,8992,8994,8996,8998],{"class":3092,"line":4271},[3090,8993,4443],{"class":3444},[3090,8995,4446],{"class":3444},[3090,8997,8027],{"class":3496},[3090,8999,3499],{"class":3115},[3090,9001,9002],{"class":3092,"line":4282},[3090,9003,3504],{"class":3115},[3090,9005,9006,9008,9010,9012,9014],{"class":3092,"line":4293},[3090,9007,5729],{"class":3444},[3090,9009,8743],{"class":4458},[3090,9011,4488],{"class":3115},[3090,9013,5299],{"class":3444},[3090,9015,9016],{"class":3448}," SearchOptions\n",[3090,9018,9019],{"class":3092,"line":4303},[3090,9020,5804],{"class":3115},[3090,9022,9023,9026,9028,9031,9033,9036,9038,9040],{"class":3092,"line":4313},[3090,9024,9025],{"class":4458},"            CaseSensitive",[3090,9027,4488],{"class":3115},[3090,9029,9030],{"class":4458},"CaseSensitiveCheckBox",[3090,9032,3297],{"class":3115},[3090,9034,9035],{"class":4458},"IsChecked",[3090,9037,8356],{"class":3115},[3090,9039,6731],{"class":3444},[3090,9041,7886],{"class":3115},[3090,9043,9044,9047,9049,9052,9054,9056,9058],{"class":3092,"line":4324},[3090,9045,9046],{"class":4458},"            WholeWord",[3090,9048,4488],{"class":3115},[3090,9050,9051],{"class":4458},"WholeWordCheckBox",[3090,9053,3297],{"class":3115},[3090,9055,9035],{"class":4458},[3090,9057,8356],{"class":3115},[3090,9059,9060],{"class":3444},"true\n",[3090,9062,9063],{"class":3092,"line":4335},[3090,9064,5909],{"class":3115},[3090,9066,9067],{"class":3092,"line":4346},[3090,9068,4663],{"class":3115},[3090,9070,9071,9073,9075,9077,9079,9081,9083,9085,9087,9089,9091,9093],{"class":3092,"line":4359},[3090,9072,5729],{"class":3444},[3090,9074,8041],{"class":4458},[3090,9076,4488],{"class":3115},[3090,9078,5299],{"class":3444},[3090,9080,8669],{"class":3448},[3090,9082,4452],{"class":3115},[3090,9084,7978],{"class":4458},[3090,9086,4462],{"class":3115},[3090,9088,5578],{"class":4458},[3090,9090,4462],{"class":3115},[3090,9092,8785],{"class":4458},[3090,9094,5365],{"class":3115},[3090,9096,9097,9099,9101,9103],{"class":3092,"line":4369},[3090,9098,8275],{"class":3496},[3090,9100,4452],{"class":3115},[3090,9102,8064],{"class":4458},[3090,9104,5365],{"class":3115},[3090,9106,9107],{"class":3092,"line":4378},[3090,9108,3517],{"class":3115},[3090,9110,9111],{"class":3092,"line":5961},[3090,9112,3533],{"class":3115},[2959,9114,9115],{},[2980,9116,9117],{},"Використання:",[3081,9119,9121],{"className":3435,"code":9120,"language":3437,"meta":3086,"style":3086},"MySearchBox.SearchRequested += (s, e) =>\n{\n    Console.WriteLine($\"Пошук: {e.SearchText}\");\n    Console.WriteLine($\"Case Sensitive: {e.Options.CaseSensitive}\");\n    Console.WriteLine($\"Whole Word: {e.Options.WholeWord}\");\n    \n    PerformSearch(e.SearchText, e.Options);\n};\n",[2966,9122,9123,9141,9145,9173,9206,9238,9242,9264],{"__ignoreMap":3086},[3090,9124,9125,9127,9129,9131,9133,9135,9137,9139],{"class":3092,"line":3093},[3090,9126,8628],{"class":4458},[3090,9128,3297],{"class":3115},[3090,9130,8136],{"class":4458},[3090,9132,5875],{"class":3115},[3090,9134,5878],{"class":4458},[3090,9136,4462],{"class":3115},[3090,9138,5492],{"class":4458},[3090,9140,5885],{"class":3115},[3090,9142,9143],{"class":3092,"line":3100},[3090,9144,3488],{"class":3115},[3090,9146,9147,9150,9152,9154,9156,9159,9161,9163,9165,9167,9169,9171],{"class":3092,"line":3134},[3090,9148,9149],{"class":4458},"    Console",[3090,9151,3297],{"class":3115},[3090,9153,6112],{"class":3496},[3090,9155,4452],{"class":3115},[3090,9157,9158],{"class":4491},"$\"Пошук: ",[3090,9160,6121],{"class":6120},[3090,9162,5492],{"class":4458},[3090,9164,3297],{"class":6120},[3090,9166,5578],{"class":4458},[3090,9168,6126],{"class":6120},[3090,9170,6129],{"class":4491},[3090,9172,5365],{"class":3115},[3090,9174,9175,9177,9179,9181,9183,9186,9188,9190,9192,9195,9197,9200,9202,9204],{"class":3092,"line":3154},[3090,9176,9149],{"class":4458},[3090,9178,3297],{"class":3115},[3090,9180,6112],{"class":3496},[3090,9182,4452],{"class":3115},[3090,9184,9185],{"class":4491},"$\"Case Sensitive: ",[3090,9187,6121],{"class":6120},[3090,9189,5492],{"class":4458},[3090,9191,3297],{"class":6120},[3090,9193,9194],{"class":4458},"Options",[3090,9196,3297],{"class":6120},[3090,9198,9199],{"class":4458},"CaseSensitive",[3090,9201,6126],{"class":6120},[3090,9203,6129],{"class":4491},[3090,9205,5365],{"class":3115},[3090,9207,9208,9210,9212,9214,9216,9219,9221,9223,9225,9227,9229,9232,9234,9236],{"class":3092,"line":3167},[3090,9209,9149],{"class":4458},[3090,9211,3297],{"class":3115},[3090,9213,6112],{"class":3496},[3090,9215,4452],{"class":3115},[3090,9217,9218],{"class":4491},"$\"Whole Word: ",[3090,9220,6121],{"class":6120},[3090,9222,5492],{"class":4458},[3090,9224,3297],{"class":6120},[3090,9226,9194],{"class":4458},[3090,9228,3297],{"class":6120},[3090,9230,9231],{"class":4458},"WholeWord",[3090,9233,6126],{"class":6120},[3090,9235,6129],{"class":4491},[3090,9237,5365],{"class":3115},[3090,9239,9240],{"class":3092,"line":3178},[3090,9241,3522],{"class":3115},[3090,9243,9244,9246,9248,9250,9252,9254,9256,9258,9260,9262],{"class":3092,"line":3192},[3090,9245,8551],{"class":3496},[3090,9247,4452],{"class":3115},[3090,9249,5492],{"class":4458},[3090,9251,3297],{"class":3115},[3090,9253,5578],{"class":4458},[3090,9255,4462],{"class":3115},[3090,9257,5492],{"class":4458},[3090,9259,3297],{"class":3115},[3090,9261,9194],{"class":4458},[3090,9263,5365],{"class":3115},[3090,9265,9266],{"class":3092,"line":3210},[3090,9267,9268],{"class":3115},"};\n",[3029,9270,9272],{"id":9271},"routingstrategy-bubble-vs-tunnel-vs-direct","RoutingStrategy: Bubble vs Tunnel vs Direct",[2959,9274,9275],{},"WPF підтримує три стратегії маршрутизації подій:",[9277,9278,9279,9295],"table",{},[9280,9281,9282],"thead",{},[9283,9284,9285,9289,9292],"tr",{},[9286,9287,9288],"th",{},"Стратегія",[9286,9290,9291],{},"Напрямок",[9286,9293,9294],{},"Використання",[9296,9297,9298,9311,9324],"tbody",{},[9283,9299,9300,9305,9308],{},[9301,9302,9303],"td",{},[2966,9304,7901],{},[9301,9306,9307],{},"Знизу вгору (від дочірнього до батьківського)",[9301,9309,9310],{},"Більшість подій (Click, MouseDown)",[9283,9312,9313,9318,9321],{},[9301,9314,9315],{},[2966,9316,9317],{},"Tunnel",[9301,9319,9320],{},"Зверху вниз (від батьківського до дочірнього)",[9301,9322,9323],{},"Preview-події (PreviewMouseDown)",[9283,9325,9326,9331,9334],{},[9301,9327,9328],{},[2966,9329,9330],{},"Direct",[9301,9332,9333],{},"Лише на елементі-джерелі",[9301,9335,9336],{},"Рідко використовується",[2959,9338,9339],{},[2980,9340,9341],{},"Приклад Bubble:",[3081,9343,9348],{"className":9344,"code":9346,"language":9347},[9345],"language-text","Button (Click) → StackPanel → Grid → Window\n","text",[2966,9349,9346],{"__ignoreMap":3086},[2959,9351,9352],{},[2980,9353,9354],{},"Приклад Tunnel:",[3081,9356,9359],{"className":9357,"code":9358,"language":9347},[9345],"Window (PreviewMouseDown) → Grid → StackPanel → Button\n",[2966,9360,9358],{"__ignoreMap":3086},[2959,9362,9363,9364,9367],{},"Для UserControl зазвичай використовується ",[2966,9365,9366],{},"RoutingStrategy.Bubble"," — подія спливає від компонента до батьківських елементів.",[3012,9369],{},[3015,9371,9373],{"id":9372},"datacontext-gotcha-найпоширеніша-помилка","DataContext gotcha: найпоширеніша помилка",[2959,9375,9376,9377,9380],{},"Це найважливіший розділ статті. Більшість початківців роблять одну критичну помилку при створенні UserControl — встановлюють ",[2966,9378,9379],{},"DataContext"," всередині компонента. Це ламає Binding і робить компонент непридатним для використання.",[3029,9382,9384],{"id":9383},"помилка-встановлення-datacontext-у-usercontrol","❌ Помилка: встановлення DataContext у UserControl",[3081,9386,9388],{"className":3083,"code":9387,"language":3085,"meta":3086,"style":3086},"\u003C!-- ❌ НЕПРАВИЛЬНО -->\n\u003CUserControl x:Class=\"MyApp.Controls.SearchBox\"\n             DataContext=\"{Binding RelativeSource={RelativeSource Self}}\">\n    \u003C!-- Розмітка -->\n\u003C/UserControl>\n",[2966,9389,9390,9395,9407,9419,9424],{"__ignoreMap":3086},[3090,9391,9392],{"class":3092,"line":3093},[3090,9393,9394],{"class":3096},"\u003C!-- ❌ НЕПРАВИЛЬНО -->\n",[3090,9396,9397,9399,9401,9403,9405],{"class":3092,"line":3100},[3090,9398,3104],{"class":3103},[3090,9400,2968],{"class":3107},[3090,9402,3324],{"class":3111},[3090,9404,3116],{"class":3115},[3090,9406,3329],{"class":3119},[3090,9408,9409,9412,9414,9417],{"class":3092,"line":3134},[3090,9410,9411],{"class":3111},"             DataContext",[3090,9413,3116],{"class":3115},[3090,9415,9416],{"class":3119},"\"{Binding RelativeSource={RelativeSource Self}}\"",[3090,9418,3131],{"class":3103},[3090,9420,9421],{"class":3092,"line":3154},[3090,9422,9423],{"class":3096},"    \u003C!-- Розмітка -->\n",[3090,9425,9426,9428,9430],{"class":3092,"line":3167},[3090,9427,3237],{"class":3103},[3090,9429,2968],{"class":3107},[3090,9431,3131],{"class":3103},[2959,9433,9434],{},"Або у code-behind:",[3081,9436,9438],{"className":3435,"code":9437,"language":3437,"meta":3086,"style":3086},"// ❌ НЕПРАВИЛЬНО\npublic SearchBox()\n{\n    InitializeComponent();\n    DataContext = this;  // Це зламає зовнішній Binding!\n}\n",[2966,9439,9440,9445,9453,9457,9463,9478],{"__ignoreMap":3086},[3090,9441,9442],{"class":3092,"line":3093},[3090,9443,9444],{"class":3096},"// ❌ НЕПРАВИЛЬНО\n",[3090,9446,9447,9449,9451],{"class":3092,"line":3100},[3090,9448,3468],{"class":3444},[3090,9450,3477],{"class":3496},[3090,9452,3499],{"class":3115},[3090,9454,9455],{"class":3092,"line":3134},[3090,9456,3488],{"class":3115},[3090,9458,9459,9461],{"class":3092,"line":3154},[3090,9460,8589],{"class":3496},[3090,9462,3512],{"class":3115},[3090,9464,9465,9468,9470,9473,9475],{"class":3092,"line":3167},[3090,9466,9467],{"class":4458},"    DataContext",[3090,9469,4488],{"class":3115},[3090,9471,9472],{"class":3444},"this",[3090,9474,5955],{"class":3115},[3090,9476,9477],{"class":3096},"// Це зламає зовнішній Binding!\n",[3090,9479,9480],{"class":3092,"line":3178},[3090,9481,3533],{"class":3115},[3029,9483,9485],{"id":9484},"чому-це-проблема","Чому це проблема?",[2959,9487,9488,9489,9491],{},"Коли ви встановлюєте ",[2966,9490,9379],{}," всередині UserControl, зовнішній Binding перестає працювати:",[3081,9493,9495],{"className":3083,"code":9494,"language":3085,"meta":3086,"style":3086},"\u003C!-- У MainWindow -->\n\u003Ccontrols:SearchBox DataContext=\"{Binding SearchViewModel}\"/>\n\u003C!-- SearchViewModel НЕ буде доступний всередині SearchBox! -->\n",[2966,9496,9497,9501,9517],{"__ignoreMap":3086},[3090,9498,9499],{"class":3092,"line":3093},[3090,9500,5999],{"class":3096},[3090,9502,9503,9505,9507,9510,9512,9515],{"class":3092,"line":3100},[3090,9504,3104],{"class":3103},[3090,9506,4675],{"class":3107},[3090,9508,9509],{"class":3111}," DataContext",[3090,9511,3116],{"class":3115},[3090,9513,9514],{"class":3119},"\"{Binding SearchViewModel}\"",[3090,9516,3189],{"class":3103},[3090,9518,9519],{"class":3092,"line":3134},[3090,9520,9521],{"class":3096},"\u003C!-- SearchViewModel НЕ буде доступний всередині SearchBox! -->\n",[2959,9523,9524],{},[2980,9525,6155],{},[3622,9527,9528,9537,9543,9552],{},[3042,9529,9530,9531,9533,9534],{},"MainWindow встановлює ",[2966,9532,9379],{}," SearchBox = ",[2966,9535,9536],{},"SearchViewModel",[3042,9538,9539,9540],{},"UserControl у своєму конструкторі перезаписує ",[2966,9541,9542],{},"DataContext = this",[3042,9544,9545,9546,9549,9550],{},"Всередині SearchBox тепер ",[2966,9547,9548],{},"DataContext = SearchBox",", а не ",[2966,9551,9536],{},[3042,9553,9554,9555,9557,9558],{},"Всі Binding всередині SearchBox шукають властивості у ",[2966,9556,5284],{},", а не у ",[2966,9559,9536],{},[3535,9561,9562],{},[3081,9563,9565],{"className":3539,"code":9564,"language":3535,"meta":3086,"style":3086},"graph TD\n    A[MainWindow встановлює\u003Cbr/>DataContext = SearchViewModel] --> B[UserControl.InitializeComponent]\n    B --> C[UserControl перезаписує\u003Cbr/>DataContext = this]\n    C --> D[Binding всередині шукають\u003Cbr/>властивості у SearchBox]\n    D --> E[❌ Зовнішній ViewModel недоступний]\n    \n    style A fill:#22c55e,stroke:#16a34a,color:#fff\n    style C fill:#ef4444,stroke:#b91c1c,color:#fff\n    style E fill:#ef4444,stroke:#b91c1c,color:#fff\n",[2966,9566,9567,9571,9576,9581,9586,9591,9595,9600,9605],{"__ignoreMap":3086},[3090,9568,9569],{"class":3092,"line":3093},[3090,9570,3547],{},[3090,9572,9573],{"class":3092,"line":3100},[3090,9574,9575],{},"    A[MainWindow встановлює\u003Cbr/>DataContext = SearchViewModel] --> B[UserControl.InitializeComponent]\n",[3090,9577,9578],{"class":3092,"line":3134},[3090,9579,9580],{},"    B --> C[UserControl перезаписує\u003Cbr/>DataContext = this]\n",[3090,9582,9583],{"class":3092,"line":3154},[3090,9584,9585],{},"    C --> D[Binding всередині шукають\u003Cbr/>властивості у SearchBox]\n",[3090,9587,9588],{"class":3092,"line":3167},[3090,9589,9590],{},"    D --> E[❌ Зовнішній ViewModel недоступний]\n",[3090,9592,9593],{"class":3092,"line":3178},[3090,9594,3522],{},[3090,9596,9597],{"class":3092,"line":3192},[3090,9598,9599],{},"    style A fill:#22c55e,stroke:#16a34a,color:#fff\n",[3090,9601,9602],{"class":3092,"line":3210},[3090,9603,9604],{},"    style C fill:#ef4444,stroke:#b91c1c,color:#fff\n",[3090,9606,9607],{"class":3092,"line":3221},[3090,9608,9609],{},"    style E fill:#ef4444,stroke:#b91c1c,color:#fff\n",[3029,9611,9613],{"id":9612},"правильний-підхід-relativesource-self-або-elementname","✅ Правильний підхід: RelativeSource Self або ElementName",[2959,9615,9616,9617,9619,9620,9622,9623,9626],{},"Замість встановлення ",[2966,9618,9379],{},", використовуйте ",[2966,9621,3001],{}," або ",[2966,9624,9625],{},"ElementName"," для прив'язки до DependencyProperty UserControl.",[2959,9628,9629],{},[2980,9630,9631],{},"Варіант 1: ElementName (рекомендовано):",[3081,9633,9635],{"className":3083,"code":9634,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Class=\"MyApp.Controls.SearchBox\"\n             x:Name=\"Root\">\n    \u003CBorder>\n        \u003CTextBox Text=\"{Binding SearchText, ElementName=Root}\"/>\n        \u003C!-- ElementName=Root вказує на сам UserControl -->\n    \u003C/Border>\n\u003C/UserControl>\n",[2966,9636,9637,9649,9659,9667,9682,9687,9695],{"__ignoreMap":3086},[3090,9638,9639,9641,9643,9645,9647],{"class":3092,"line":3093},[3090,9640,3104],{"class":3103},[3090,9642,2968],{"class":3107},[3090,9644,3324],{"class":3111},[3090,9646,3116],{"class":3115},[3090,9648,3329],{"class":3119},[3090,9650,9651,9653,9655,9657],{"class":3092,"line":3100},[3090,9652,6822],{"class":3111},[3090,9654,3116],{"class":3115},[3090,9656,6827],{"class":3119},[3090,9658,3131],{"class":3103},[3090,9660,9661,9663,9665],{"class":3092,"line":3134},[3090,9662,3137],{"class":3103},[3090,9664,3952],{"class":3107},[3090,9666,3131],{"class":3103},[3090,9668,9669,9671,9673,9675,9677,9680],{"class":3092,"line":3154},[3090,9670,3370],{"class":3103},[3090,9672,3140],{"class":3107},[3090,9674,4621],{"class":3111},[3090,9676,3116],{"class":3115},[3090,9678,9679],{"class":3119},"\"{Binding SearchText, ElementName=Root}\"",[3090,9681,3189],{"class":3103},[3090,9683,9684],{"class":3092,"line":3167},[3090,9685,9686],{"class":3096},"        \u003C!-- ElementName=Root вказує на сам UserControl -->\n",[3090,9688,9689,9691,9693],{"class":3092,"line":3178},[3090,9690,3414],{"class":3103},[3090,9692,3952],{"class":3107},[3090,9694,3131],{"class":3103},[3090,9696,9697,9699,9701],{"class":3092,"line":3192},[3090,9698,3237],{"class":3103},[3090,9700,2968],{"class":3107},[3090,9702,3131],{"class":3103},[2959,9704,9705],{},[2980,9706,9707],{},"Варіант 2: RelativeSource Self:",[3081,9709,9711],{"className":3083,"code":9710,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Class=\"MyApp.Controls.SearchBox\">\n    \u003CBorder>\n        \u003CTextBox Text=\"{Binding SearchText, RelativeSource={RelativeSource AncestorType=UserControl}}\"/>\n        \u003C!-- Шукає найближчий батьківський UserControl -->\n    \u003C/Border>\n\u003C/UserControl>\n",[2966,9712,9713,9728,9736,9751,9756,9764],{"__ignoreMap":3086},[3090,9714,9715,9717,9719,9721,9723,9726],{"class":3092,"line":3093},[3090,9716,3104],{"class":3103},[3090,9718,2968],{"class":3107},[3090,9720,3324],{"class":3111},[3090,9722,3116],{"class":3115},[3090,9724,9725],{"class":3119},"\"MyApp.Controls.SearchBox\"",[3090,9727,3131],{"class":3103},[3090,9729,9730,9732,9734],{"class":3092,"line":3100},[3090,9731,3137],{"class":3103},[3090,9733,3952],{"class":3107},[3090,9735,3131],{"class":3103},[3090,9737,9738,9740,9742,9744,9746,9749],{"class":3092,"line":3134},[3090,9739,3370],{"class":3103},[3090,9741,3140],{"class":3107},[3090,9743,4621],{"class":3111},[3090,9745,3116],{"class":3115},[3090,9747,9748],{"class":3119},"\"{Binding SearchText, RelativeSource={RelativeSource AncestorType=UserControl}}\"",[3090,9750,3189],{"class":3103},[3090,9752,9753],{"class":3092,"line":3154},[3090,9754,9755],{"class":3096},"        \u003C!-- Шукає найближчий батьківський UserControl -->\n",[3090,9757,9758,9760,9762],{"class":3092,"line":3167},[3090,9759,3414],{"class":3103},[3090,9761,3952],{"class":3107},[3090,9763,3131],{"class":3103},[3090,9765,9766,9768,9770],{"class":3092,"line":3178},[3090,9767,3237],{"class":3103},[3090,9769,2968],{"class":3107},[3090,9771,3131],{"class":3103},[2959,9773,9774],{},[2980,9775,9776],{},"Варіант 3: RelativeSource FindAncestor (для вкладених елементів):",[3081,9778,9780],{"className":3083,"code":9779,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Class=\"MyApp.Controls.SearchBox\">\n    \u003CBorder>\n        \u003CStackPanel>\n            \u003CTextBox Text=\"{Binding SearchText, RelativeSource={RelativeSource AncestorType={x:Type local:SearchBox}}}\"/>\n            \u003C!-- Явно вказуємо тип предка -->\n        \u003C/StackPanel>\n    \u003C/Border>\n\u003C/UserControl>\n",[2966,9781,9782,9796,9804,9812,9827,9832,9840,9848],{"__ignoreMap":3086},[3090,9783,9784,9786,9788,9790,9792,9794],{"class":3092,"line":3093},[3090,9785,3104],{"class":3103},[3090,9787,2968],{"class":3107},[3090,9789,3324],{"class":3111},[3090,9791,3116],{"class":3115},[3090,9793,9725],{"class":3119},[3090,9795,3131],{"class":3103},[3090,9797,9798,9800,9802],{"class":3092,"line":3100},[3090,9799,3137],{"class":3103},[3090,9801,3952],{"class":3107},[3090,9803,3131],{"class":3103},[3090,9805,9806,9808,9810],{"class":3092,"line":3134},[3090,9807,3370],{"class":3103},[3090,9809,3108],{"class":3107},[3090,9811,3131],{"class":3103},[3090,9813,9814,9816,9818,9820,9822,9825],{"class":3092,"line":3154},[3090,9815,4021],{"class":3103},[3090,9817,3140],{"class":3107},[3090,9819,4621],{"class":3111},[3090,9821,3116],{"class":3115},[3090,9823,9824],{"class":3119},"\"{Binding SearchText, RelativeSource={RelativeSource AncestorType={x:Type local:SearchBox}}}\"",[3090,9826,3189],{"class":3103},[3090,9828,9829],{"class":3092,"line":3167},[3090,9830,9831],{"class":3096},"            \u003C!-- Явно вказуємо тип предка -->\n",[3090,9833,9834,9836,9838],{"class":3092,"line":3178},[3090,9835,4362],{"class":3103},[3090,9837,3108],{"class":3107},[3090,9839,3131],{"class":3103},[3090,9841,9842,9844,9846],{"class":3092,"line":3192},[3090,9843,3414],{"class":3103},[3090,9845,3952],{"class":3107},[3090,9847,3131],{"class":3103},[3090,9849,9850,9852,9854],{"class":3092,"line":3210},[3090,9851,3237],{"class":3103},[3090,9853,2968],{"class":3107},[3090,9855,3131],{"class":3103},[3029,9857,9859],{"id":9858},"порівняння-підходів","Порівняння підходів",[9277,9861,9862,9875],{},[9280,9863,9864],{},[9283,9865,9866,9869,9872],{},[9286,9867,9868],{},"Підхід",[9286,9870,9871],{},"Переваги",[9286,9873,9874],{},"Недоліки",[9296,9876,9877,9891,9904],{},[9283,9878,9879,9883,9886],{},[9301,9880,9881],{},[2966,9882,7424],{},[9301,9884,9885],{},"Простий, читабельний",[9301,9887,9888,9889],{},"Потрібно ",[2966,9890,7420],{},[9283,9892,9893,9898,9901],{},[9301,9894,9895],{},[2966,9896,9897],{},"RelativeSource AncestorType=UserControl",[9301,9899,9900],{},"Не потрібен x:Name",[9301,9902,9903],{},"Довший синтаксис",[9283,9905,9906,9911,9914],{},[9301,9907,9908],{},[2966,9909,9910],{},"RelativeSource AncestorType={x:Type local:SearchBox}",[9301,9912,9913],{},"Явна типізація",[9301,9915,9916],{},"Найдовший синтаксис",[2959,9918,9919,9922,9923,9925],{},[2980,9920,9921],{},"Рекомендація:"," Використовуйте ",[2966,9924,7424],{}," — це найпростіший та найчитабельніший варіант.",[3029,9927,9929],{"id":9928},"правильна-структура-usercontrol","Правильна структура UserControl",[3081,9931,9933],{"className":3083,"code":9932,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Class=\"MyApp.Controls.SearchBox\"\n             xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n             xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"\n             x:Name=\"Root\">\n    \u003C!-- НЕ встановлюємо DataContext! -->\n    \n    \u003CBorder Background=\"White\" BorderBrush=\"#e2e8f0\" BorderThickness=\"1\" CornerRadius=\"8\" Padding=\"8\">\n        \u003CGrid>\n            \u003CGrid.ColumnDefinitions>\n                \u003CColumnDefinition Width=\"Auto\"/>\n                \u003CColumnDefinition Width=\"*\"/>\n                \u003CColumnDefinition Width=\"Auto\"/>\n            \u003C/Grid.ColumnDefinitions>\n            \n            \u003CTextBlock Grid.Column=\"0\" Text=\"🔍\" FontSize=\"16\" VerticalAlignment=\"Center\" Margin=\"0,0,8,0\"/>\n            \n            \u003C!-- Прив'язка до DependencyProperty через ElementName -->\n            \u003CTextBox Grid.Column=\"1\"\n                     x:Name=\"SearchTextBox\"\n                     Text=\"{Binding SearchText, ElementName=Root, UpdateSourceTrigger=PropertyChanged}\"\n                     BorderThickness=\"0\"\n                     Background=\"Transparent\"\n                     VerticalContentAlignment=\"Center\"\n                     FontSize=\"14\"/>\n            \n            \u003CButton Grid.Column=\"2\"\n                    Content=\"✕\"\n                    Background=\"Transparent\"\n                    BorderThickness=\"0\"\n                    Padding=\"8,4\"\n                    Cursor=\"Hand\"\n                    Click=\"ClearButton_Click\"\n                    Visibility=\"{Binding ShowClearButton, ElementName=Root, Converter={StaticResource BoolToVisibilityConverter}}\"/>\n        \u003C/Grid>\n    \u003C/Border>\n\u003C/UserControl>\n",[2966,9934,9935,9947,9955,9963,9973,9978,9982,10020,10028,10036,10050,10064,10078,10086,10090,10128,10132,10137,10149,10157,10167,10175,10183,10191,10201,10205,10217,10225,10233,10241,10249,10257,10265,10275,10283,10291],{"__ignoreMap":3086},[3090,9936,9937,9939,9941,9943,9945],{"class":3092,"line":3093},[3090,9938,3104],{"class":3103},[3090,9940,2968],{"class":3107},[3090,9942,3324],{"class":3111},[3090,9944,3116],{"class":3115},[3090,9946,3329],{"class":3119},[3090,9948,9949,9951,9953],{"class":3092,"line":3100},[3090,9950,3334],{"class":3111},[3090,9952,3116],{"class":3115},[3090,9954,3339],{"class":3119},[3090,9956,9957,9959,9961],{"class":3092,"line":3134},[3090,9958,3344],{"class":3111},[3090,9960,3116],{"class":3115},[3090,9962,3687],{"class":3119},[3090,9964,9965,9967,9969,9971],{"class":3092,"line":3154},[3090,9966,6822],{"class":3111},[3090,9968,3116],{"class":3115},[3090,9970,6827],{"class":3119},[3090,9972,3131],{"class":3103},[3090,9974,9975],{"class":3092,"line":3167},[3090,9976,9977],{"class":3096},"    \u003C!-- НЕ встановлюємо DataContext! -->\n",[3090,9979,9980],{"class":3092,"line":3178},[3090,9981,3522],{"class":3115},[3090,9983,9984,9986,9988,9990,9992,9994,9996,9998,10000,10002,10004,10006,10008,10010,10012,10014,10016,10018],{"class":3092,"line":3192},[3090,9985,3137],{"class":3103},[3090,9987,3952],{"class":3107},[3090,9989,3955],{"class":3111},[3090,9991,3116],{"class":3115},[3090,9993,3960],{"class":3119},[3090,9995,6844],{"class":3111},[3090,9997,3116],{"class":3115},[3090,9999,3972],{"class":3119},[3090,10001,6851],{"class":3111},[3090,10003,3116],{"class":3115},[3090,10005,3984],{"class":3119},[3090,10007,6858],{"class":3111},[3090,10009,3116],{"class":3115},[3090,10011,4005],{"class":3119},[3090,10013,3403],{"class":3111},[3090,10015,3116],{"class":3115},[3090,10017,4005],{"class":3119},[3090,10019,3131],{"class":3103},[3090,10021,10022,10024,10026],{"class":3092,"line":3210},[3090,10023,3370],{"class":3103},[3090,10025,4014],{"class":3107},[3090,10027,3131],{"class":3103},[3090,10029,10030,10032,10034],{"class":3092,"line":3221},[3090,10031,4021],{"class":3103},[3090,10033,4024],{"class":3107},[3090,10035,3131],{"class":3103},[3090,10037,10038,10040,10042,10044,10046,10048],{"class":3092,"line":3234},[3090,10039,4032],{"class":3103},[3090,10041,4035],{"class":3107},[3090,10043,3375],{"class":3111},[3090,10045,3116],{"class":3115},[3090,10047,4042],{"class":3119},[3090,10049,3189],{"class":3103},[3090,10051,10052,10054,10056,10058,10060,10062],{"class":3092,"line":3530},[3090,10053,4032],{"class":3103},[3090,10055,4035],{"class":3107},[3090,10057,3375],{"class":3111},[3090,10059,3116],{"class":3115},[3090,10061,4058],{"class":3119},[3090,10063,3189],{"class":3103},[3090,10065,10066,10068,10070,10072,10074,10076],{"class":3092,"line":3599},[3090,10067,4032],{"class":3103},[3090,10069,4035],{"class":3107},[3090,10071,3375],{"class":3111},[3090,10073,3116],{"class":3115},[3090,10075,4042],{"class":3119},[3090,10077,3189],{"class":3103},[3090,10079,10080,10082,10084],{"class":3092,"line":4029},[3090,10081,4081],{"class":3103},[3090,10083,4024],{"class":3107},[3090,10085,3131],{"class":3103},[3090,10087,10088],{"class":3092,"line":4047},[3090,10089,4091],{"class":3115},[3090,10091,10092,10094,10096,10098,10100,10102,10104,10106,10108,10110,10112,10114,10116,10118,10120,10122,10124,10126],{"class":3092,"line":4063},[3090,10093,4021],{"class":3103},[3090,10095,4105],{"class":3107},[3090,10097,4108],{"class":3111},[3090,10099,3116],{"class":3115},[3090,10101,4113],{"class":3119},[3090,10103,4621],{"class":3111},[3090,10105,3116],{"class":3115},[3090,10107,4126],{"class":3119},[3090,10109,6979],{"class":3111},[3090,10111,3116],{"class":3115},[3090,10113,6984],{"class":3119},[3090,10115,6987],{"class":3111},[3090,10117,3116],{"class":3115},[3090,10119,3186],{"class":3119},[3090,10121,3123],{"class":3111},[3090,10123,3116],{"class":3115},[3090,10125,3386],{"class":3119},[3090,10127,3189],{"class":3103},[3090,10129,10130],{"class":3092,"line":4078},[3090,10131,4091],{"class":3115},[3090,10133,10134],{"class":3092,"line":4088},[3090,10135,10136],{"class":3096},"            \u003C!-- Прив'язка до DependencyProperty через ElementName -->\n",[3090,10138,10139,10141,10143,10145,10147],{"class":3092,"line":4094},[3090,10140,4021],{"class":3103},[3090,10142,3140],{"class":3107},[3090,10144,4108],{"class":3111},[3090,10146,3116],{"class":3115},[3090,10148,4187],{"class":3119},[3090,10150,10151,10153,10155],{"class":3092,"line":4100},[3090,10152,4193],{"class":3111},[3090,10154,3116],{"class":3115},[3090,10156,4198],{"class":3119},[3090,10158,10159,10162,10164],{"class":3092,"line":4118},[3090,10160,10161],{"class":3111},"                     Text",[3090,10163,3116],{"class":3115},[3090,10165,10166],{"class":3119},"\"{Binding SearchText, ElementName=Root, UpdateSourceTrigger=PropertyChanged}\"\n",[3090,10168,10169,10171,10173],{"class":3092,"line":4131},[3090,10170,4204],{"class":3111},[3090,10172,3116],{"class":3115},[3090,10174,4209],{"class":3119},[3090,10176,10177,10179,10181],{"class":3092,"line":4142},[3090,10178,4215],{"class":3111},[3090,10180,3116],{"class":3115},[3090,10182,4220],{"class":3119},[3090,10184,10185,10187,10189],{"class":3092,"line":4153},[3090,10186,4226],{"class":3111},[3090,10188,3116],{"class":3115},[3090,10190,4150],{"class":3119},[3090,10192,10193,10195,10197,10199],{"class":3092,"line":4165},[3090,10194,4236],{"class":3111},[3090,10196,3116],{"class":3115},[3090,10198,4241],{"class":3119},[3090,10200,3189],{"class":3103},[3090,10202,10203],{"class":3092,"line":4170},[3090,10204,4091],{"class":3115},[3090,10206,10207,10209,10211,10213,10215],{"class":3092,"line":4176},[3090,10208,4021],{"class":3103},[3090,10210,3197],{"class":3107},[3090,10212,4108],{"class":3111},[3090,10214,3116],{"class":3115},[3090,10216,4268],{"class":3119},[3090,10218,10219,10221,10223],{"class":3092,"line":4190},[3090,10220,4285],{"class":3111},[3090,10222,3116],{"class":3115},[3090,10224,4290],{"class":3119},[3090,10226,10227,10229,10231],{"class":3092,"line":4201},[3090,10228,4296],{"class":3111},[3090,10230,3116],{"class":3115},[3090,10232,4220],{"class":3119},[3090,10234,10235,10237,10239],{"class":3092,"line":4212},[3090,10236,4306],{"class":3111},[3090,10238,3116],{"class":3115},[3090,10240,4209],{"class":3119},[3090,10242,10243,10245,10247],{"class":3092,"line":4223},[3090,10244,4316],{"class":3111},[3090,10246,3116],{"class":3115},[3090,10248,4321],{"class":3119},[3090,10250,10251,10253,10255],{"class":3092,"line":4233},[3090,10252,4338],{"class":3111},[3090,10254,3116],{"class":3115},[3090,10256,4343],{"class":3119},[3090,10258,10259,10261,10263],{"class":3092,"line":4246},[3090,10260,4349],{"class":3111},[3090,10262,3116],{"class":3115},[3090,10264,7372],{"class":3119},[3090,10266,10267,10269,10271,10273],{"class":3092,"line":4251},[3090,10268,7378],{"class":3111},[3090,10270,3116],{"class":3115},[3090,10272,7383],{"class":3119},[3090,10274,3189],{"class":3103},[3090,10276,10277,10279,10281],{"class":3092,"line":4257},[3090,10278,4362],{"class":3103},[3090,10280,4014],{"class":3107},[3090,10282,3131],{"class":3103},[3090,10284,10285,10287,10289],{"class":3092,"line":4271},[3090,10286,3414],{"class":3103},[3090,10288,3952],{"class":3107},[3090,10290,3131],{"class":3103},[3090,10292,10293,10295,10297],{"class":3092,"line":4282},[3090,10294,3237],{"class":3103},[3090,10296,2968],{"class":3107},[3090,10298,3131],{"class":3103},[2959,10300,10301],{},[2980,10302,10303],{},"Code-behind:",[3081,10305,10307],{"className":3435,"code":10306,"language":3437,"meta":3086,"style":3086},"public partial class SearchBox : UserControl\n{\n    // DependencyProperty\n    public static readonly DependencyProperty SearchTextProperty =\n        DependencyProperty.Register(nameof(SearchText), typeof(string), typeof(SearchBox),\n            new PropertyMetadata(\"\"));\n    \n    public string SearchText\n    {\n        get => (string)GetValue(SearchTextProperty);\n        set => SetValue(SearchTextProperty, value);\n    }\n    \n    public SearchBox()\n    {\n        InitializeComponent();\n        // НЕ встановлюємо DataContext!\n    }\n    \n    private void ClearButton_Click(object sender, RoutedEventArgs e)\n    {\n        SearchText = \"\";\n    }\n}\n",[2966,10308,10309,10323,10327,10332,10346,10380,10392,10396,10404,10408,10426,10444,10448,10452,10460,10464,10470,10475,10479,10483,10505,10509,10519,10523],{"__ignoreMap":3086},[3090,10310,10311,10313,10315,10317,10319,10321],{"class":3092,"line":3093},[3090,10312,3468],{"class":3444},[3090,10314,3471],{"class":3444},[3090,10316,3474],{"class":3444},[3090,10318,3477],{"class":3448},[3090,10320,3480],{"class":3115},[3090,10322,3483],{"class":3448},[3090,10324,10325],{"class":3092,"line":3100},[3090,10326,3488],{"class":3115},[3090,10328,10329],{"class":3092,"line":3134},[3090,10330,10331],{"class":3096},"    // DependencyProperty\n",[3090,10333,10334,10336,10338,10340,10342,10344],{"class":3092,"line":3154},[3090,10335,3493],{"class":3444},[3090,10337,5207],{"class":3444},[3090,10339,5210],{"class":3444},[3090,10341,5213],{"class":3448},[3090,10343,5216],{"class":4458},[3090,10345,5219],{"class":3115},[3090,10347,10348,10350,10352,10354,10356,10358,10360,10362,10364,10366,10368,10370,10372,10374,10376,10378],{"class":3092,"line":3167},[3090,10349,5562],{"class":4458},[3090,10351,3297],{"class":3115},[3090,10353,5229],{"class":3496},[3090,10355,4452],{"class":3115},[3090,10357,6304],{"class":3444},[3090,10359,4452],{"class":3115},[3090,10361,5578],{"class":4458},[3090,10363,6311],{"class":3115},[3090,10365,5259],{"class":3444},[3090,10367,4452],{"class":3115},[3090,10369,5264],{"class":3444},[3090,10371,6311],{"class":3115},[3090,10373,5259],{"class":3444},[3090,10375,4452],{"class":3115},[3090,10377,5284],{"class":3448},[3090,10379,5581],{"class":3115},[3090,10381,10382,10384,10386,10388,10390],{"class":3092,"line":3178},[3090,10383,5607],{"class":3444},[3090,10385,5302],{"class":3448},[3090,10387,4452],{"class":3115},[3090,10389,4492],{"class":4491},[3090,10391,6344],{"class":3115},[3090,10393,10394],{"class":3092,"line":3192},[3090,10395,3522],{"class":3115},[3090,10397,10398,10400,10402],{"class":3092,"line":3210},[3090,10399,3493],{"class":3444},[3090,10401,5334],{"class":3444},[3090,10403,5337],{"class":4458},[3090,10405,10406],{"class":3092,"line":3221},[3090,10407,3504],{"class":3115},[3090,10409,10410,10412,10414,10416,10418,10420,10422,10424],{"class":3092,"line":3234},[3090,10411,5650],{"class":3444},[3090,10413,5349],{"class":3115},[3090,10415,5264],{"class":3444},[3090,10417,5354],{"class":3115},[3090,10419,5357],{"class":3496},[3090,10421,4452],{"class":3115},[3090,10423,5362],{"class":4458},[3090,10425,5365],{"class":3115},[3090,10427,10428,10430,10432,10434,10436,10438,10440,10442],{"class":3092,"line":3530},[3090,10429,5669],{"class":3444},[3090,10431,5373],{"class":3115},[3090,10433,5376],{"class":3496},[3090,10435,4452],{"class":3115},[3090,10437,5362],{"class":4458},[3090,10439,4462],{"class":3115},[3090,10441,5385],{"class":4458},[3090,10443,5365],{"class":3115},[3090,10445,10446],{"class":3092,"line":3599},[3090,10447,3517],{"class":3115},[3090,10449,10450],{"class":3092,"line":4029},[3090,10451,3522],{"class":3115},[3090,10453,10454,10456,10458],{"class":3092,"line":4047},[3090,10455,3493],{"class":3444},[3090,10457,3477],{"class":3496},[3090,10459,3499],{"class":3115},[3090,10461,10462],{"class":3092,"line":4063},[3090,10463,3504],{"class":3115},[3090,10465,10466,10468],{"class":3092,"line":4078},[3090,10467,3509],{"class":3496},[3090,10469,3512],{"class":3115},[3090,10471,10472],{"class":3092,"line":4088},[3090,10473,10474],{"class":3096},"        // НЕ встановлюємо DataContext!\n",[3090,10476,10477],{"class":3092,"line":4094},[3090,10478,3517],{"class":3115},[3090,10480,10481],{"class":3092,"line":4100},[3090,10482,3522],{"class":3115},[3090,10484,10485,10487,10489,10491,10493,10495,10497,10499,10501,10503],{"class":3092,"line":4118},[3090,10486,4443],{"class":3444},[3090,10488,4446],{"class":3444},[3090,10490,4449],{"class":3496},[3090,10492,4452],{"class":3115},[3090,10494,4455],{"class":3444},[3090,10496,4459],{"class":4458},[3090,10498,4462],{"class":3115},[3090,10500,4465],{"class":3448},[3090,10502,4468],{"class":4458},[3090,10504,4471],{"class":3115},[3090,10506,10507],{"class":3092,"line":4131},[3090,10508,3504],{"class":3115},[3090,10510,10511,10513,10515,10517],{"class":3092,"line":4142},[3090,10512,5948],{"class":4458},[3090,10514,4488],{"class":3115},[3090,10516,4492],{"class":4491},[3090,10518,3457],{"class":3115},[3090,10520,10521],{"class":3092,"line":4153},[3090,10522,3517],{"class":3115},[3090,10524,10525],{"class":3092,"line":4165},[3090,10526,3533],{"class":3115},[2959,10528,10529],{},[2980,10530,9117],{},[3081,10532,10534],{"className":3083,"code":10533,"language":3085,"meta":3086,"style":3086},"\u003C!-- У MainWindow — DataContext працює правильно -->\n\u003CWindow DataContext=\"{Binding MainViewModel}\">\n    \u003CStackPanel>\n        \u003C!-- SearchBox отримує DataContext від Window -->\n        \u003Ccontrols:SearchBox SearchText=\"{Binding SearchQuery}\"/>\n        \n        \u003C!-- Інші контроли також бачать MainViewModel -->\n        \u003CListBox ItemsSource=\"{Binding Items}\"/>\n    \u003C/StackPanel>\n\u003C/Window>\n",[2966,10535,10536,10541,10556,10564,10569,10584,10588,10593,10609,10617],{"__ignoreMap":3086},[3090,10537,10538],{"class":3092,"line":3093},[3090,10539,10540],{"class":3096},"\u003C!-- У MainWindow — DataContext працює правильно -->\n",[3090,10542,10543,10545,10547,10549,10551,10554],{"class":3092,"line":3100},[3090,10544,3104],{"class":3103},[3090,10546,4532],{"class":3107},[3090,10548,9509],{"class":3111},[3090,10550,3116],{"class":3115},[3090,10552,10553],{"class":3119},"\"{Binding MainViewModel}\"",[3090,10555,3131],{"class":3103},[3090,10557,10558,10560,10562],{"class":3092,"line":3134},[3090,10559,3137],{"class":3103},[3090,10561,3108],{"class":3107},[3090,10563,3131],{"class":3103},[3090,10565,10566],{"class":3092,"line":3154},[3090,10567,10568],{"class":3096},"        \u003C!-- SearchBox отримує DataContext від Window -->\n",[3090,10570,10571,10573,10575,10577,10579,10582],{"class":3092,"line":3167},[3090,10572,3370],{"class":3103},[3090,10574,4675],{"class":3107},[3090,10576,3264],{"class":3111},[3090,10578,3116],{"class":3115},[3090,10580,10581],{"class":3119},"\"{Binding SearchQuery}\"",[3090,10583,3189],{"class":3103},[3090,10585,10586],{"class":3092,"line":3178},[3090,10587,4663],{"class":3115},[3090,10589,10590],{"class":3092,"line":3192},[3090,10591,10592],{"class":3096},"        \u003C!-- Інші контроли також бачать MainViewModel -->\n",[3090,10594,10595,10597,10599,10602,10604,10607],{"class":3092,"line":3210},[3090,10596,3370],{"class":3103},[3090,10598,4688],{"class":3107},[3090,10600,10601],{"class":3111}," ItemsSource",[3090,10603,3116],{"class":3115},[3090,10605,10606],{"class":3119},"\"{Binding Items}\"",[3090,10608,3189],{"class":3103},[3090,10610,10611,10613,10615],{"class":3092,"line":3221},[3090,10612,3414],{"class":3103},[3090,10614,3108],{"class":3107},[3090,10616,3131],{"class":3103},[3090,10618,10619,10621,10623],{"class":3092,"line":3234},[3090,10620,3237],{"class":3103},[3090,10622,4532],{"class":3107},[3090,10624,3131],{"class":3103},[3029,10626,10628],{"id":10627},"recap-datacontext-у-usercontrol","🔵 Recap: DataContext у UserControl",[2977,10630,10632,10637,10661,10666,10680,10685,10727,10732],{"title":10631},"🔵 Нагадування про DataContext",[2959,10633,10634],{},[2980,10635,10636],{},"Золоте правило UserControl:",[2959,10638,10639,10640,10643,10644,10646,10647,10650,10651,10654,10655,9622,10657,10660],{},"❌ ",[2980,10641,10642],{},"НІКОЛИ"," не встановлюйте ",[2966,10645,9379],{}," всередині UserControl",[10648,10649],"br",{},"\n✅ ",[2980,10652,10653],{},"ЗАВЖДИ"," використовуйте ",[2966,10656,9625],{},[2966,10658,10659],{},"RelativeSource"," для прив'язки до DependencyProperty",[2959,10662,10663],{},[2980,10664,10665],{},"Чому це важливо:",[3039,10667,10668,10671,10674,10677],{},[3042,10669,10670],{},"UserControl — це перевикористовуваний компонент",[3042,10672,10673],{},"Зовнішній код повинен мати можливість встановити свій DataContext",[3042,10675,10676],{},"Встановлення DataContext всередині ламає цю можливість",[3042,10678,10679],{},"Це найпоширеніша помилка початківців у WPF",[2959,10681,10682],{},[2980,10683,10684],{},"Правильний патерн:",[3081,10686,10688],{"className":3083,"code":10687,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Name=\"Root\">\n    \u003CTextBox Text=\"{Binding MyProperty, ElementName=Root}\"/>\n\u003C/UserControl>\n",[2966,10689,10690,10704,10719],{"__ignoreMap":3086},[3090,10691,10692,10694,10696,10698,10700,10702],{"class":3092,"line":3093},[3090,10693,3104],{"class":3103},[3090,10695,2968],{"class":3107},[3090,10697,3143],{"class":3111},[3090,10699,3116],{"class":3115},[3090,10701,6827],{"class":3119},[3090,10703,3131],{"class":3103},[3090,10705,10706,10708,10710,10712,10714,10717],{"class":3092,"line":3100},[3090,10707,3137],{"class":3103},[3090,10709,3140],{"class":3107},[3090,10711,4621],{"class":3111},[3090,10713,3116],{"class":3115},[3090,10715,10716],{"class":3119},"\"{Binding MyProperty, ElementName=Root}\"",[3090,10718,3189],{"class":3103},[3090,10720,10721,10723,10725],{"class":3092,"line":3134},[3090,10722,3237],{"class":3103},[3090,10724,2968],{"class":3107},[3090,10726,3131],{"class":3103},[2959,10728,10729],{},[2980,10730,10731],{},"Неправильний патерн:",[3081,10733,10735],{"className":3083,"code":10734,"language":3085,"meta":3086,"style":3086},"\u003CUserControl DataContext=\"{Binding RelativeSource={RelativeSource Self}}\">\n    \u003CTextBox Text=\"{Binding MyProperty}\"/>\n\u003C/UserControl>\n",[2966,10736,10737,10751,10766],{"__ignoreMap":3086},[3090,10738,10739,10741,10743,10745,10747,10749],{"class":3092,"line":3093},[3090,10740,3104],{"class":3103},[3090,10742,2968],{"class":3107},[3090,10744,9509],{"class":3111},[3090,10746,3116],{"class":3115},[3090,10748,9416],{"class":3119},[3090,10750,3131],{"class":3103},[3090,10752,10753,10755,10757,10759,10761,10764],{"class":3092,"line":3100},[3090,10754,3137],{"class":3103},[3090,10756,3140],{"class":3107},[3090,10758,4621],{"class":3111},[3090,10760,3116],{"class":3115},[3090,10762,10763],{"class":3119},"\"{Binding MyProperty}\"",[3090,10765,3189],{"class":3103},[3090,10767,10768,10770,10772],{"class":3092,"line":3134},[3090,10769,3237],{"class":3103},[3090,10771,2968],{"class":3107},[3090,10773,3131],{"class":3103},[3012,10775],{},[3015,10777,10779],{"id":10778},"патерн-usercontrol-з-власною-viewmodel","Патерн: UserControl з власною ViewModel",[2959,10781,10782],{},"Для складних UserControl з багатьма властивостями та логікою зручно створити окрему ViewModel. Але як це зробити правильно, не порушуючи DataContext?",[3029,10784,10786],{"id":10785},"проблема-складний-usercontrol","Проблема: складний UserControl",[2959,10788,10789,10790,10793],{},"Уявімо складний компонент ",[2966,10791,10792],{},"PaginationControl"," з логікою:",[3039,10795,10796,10799,10802,10805,10808],{},[3042,10797,10798],{},"Поточна сторінка (CurrentPage)",[3042,10800,10801],{},"Загальна кількість сторінок (TotalPages)",[3042,10803,10804],{},"Кількість кнопок сторінок для відображення",[3042,10806,10807],{},"Логіка обчислення видимих сторінок (1, 2, 3, ..., 10)",[3042,10809,10810],{},"Команди: FirstPage, PreviousPage, NextPage, LastPage, GoToPage",[2959,10812,10813],{},"Вся ця логіка у code-behind буде громіздкою. Краще винести її у ViewModel.",[3029,10815,10817],{"id":10816},"рішення-внутрішня-viewmodel","Рішення: внутрішня ViewModel",[2959,10819,10820],{},"Створюємо ViewModel для внутрішньої логіки компонента:",[3081,10822,10824],{"className":3435,"code":10823,"language":3437,"meta":3086,"style":3086},"// ViewModels/PaginationViewModel.cs\npublic partial class PaginationViewModel : ObservableObject\n{\n    [ObservableProperty]\n    private int _currentPage = 1;\n    \n    [ObservableProperty]\n    private int _totalPages = 1;\n    \n    [ObservableProperty]\n    private int _pageSize = 10;\n    \n    // Обчислювана властивість: видимі сторінки\n    public ObservableCollection\u003Cint> VisiblePages { get; } = new();\n    \n    partial void OnCurrentPageChanged(int value)\n    {\n        UpdateVisiblePages();\n    }\n    \n    partial void OnTotalPagesChanged(int value)\n    {\n        UpdateVisiblePages();\n    }\n    \n    private void UpdateVisiblePages()\n    {\n        VisiblePages.Clear();\n        \n        // Логіка: показувати 5 сторінок навколо поточної\n        int start = Math.Max(1, CurrentPage - 2);\n        int end = Math.Min(TotalPages, CurrentPage + 2);\n        \n        for (int i = start; i \u003C= end; i++)\n        {\n            VisiblePages.Add(i);\n        }\n    }\n    \n    [RelayCommand(CanExecute = nameof(CanGoToPreviousPage))]\n    private void GoToPreviousPage()\n    {\n        if (CurrentPage > 1)\n            CurrentPage--;\n    }\n    \n    private bool CanGoToPreviousPage() => CurrentPage > 1;\n    \n    [RelayCommand(CanExecute = nameof(CanGoToNextPage))]\n    private void GoToNextPage()\n    {\n        if (CurrentPage \u003C TotalPages)\n            CurrentPage++;\n    }\n    \n    private bool CanGoToNextPage() => CurrentPage \u003C TotalPages;\n    \n    [RelayCommand]\n    private void GoToFirstPage()\n    {\n        CurrentPage = 1;\n    }\n    \n    [RelayCommand]\n    private void GoToLastPage()\n    {\n        CurrentPage = TotalPages;\n    }\n    \n    [RelayCommand]\n    private void GoToPage(int page)\n    {\n        if (page >= 1 && page \u003C= TotalPages)\n            CurrentPage = page;\n    }\n}\n",[2966,10825,10826,10831,10846,10850,10858,10875,10879,10887,10902,10906,10914,10930,10934,10939,10967,10971,10988,10992,10999,11003,11007,11024,11028,11034,11038,11042,11053,11057,11068,11072,11077,11112,11144,11148,11184,11188,11204,11208,11212,11216,11240,11251,11255,11270,11278,11282,11286,11306,11310,11331,11342,11346,11361,11368,11372,11376,11395,11399,11408,11420,11425,11437,11442,11447,11456,11468,11473,11484,11489,11494,11503,11522,11527,11553,11564,11569],{"__ignoreMap":3086},[3090,10827,10828],{"class":3092,"line":3093},[3090,10829,10830],{"class":3096},"// ViewModels/PaginationViewModel.cs\n",[3090,10832,10833,10835,10837,10839,10842,10844],{"class":3092,"line":3100},[3090,10834,3468],{"class":3444},[3090,10836,3471],{"class":3444},[3090,10838,3474],{"class":3444},[3090,10840,10841],{"class":3448}," PaginationViewModel",[3090,10843,3480],{"class":3115},[3090,10845,6040],{"class":3448},[3090,10847,10848],{"class":3092,"line":3134},[3090,10849,3488],{"class":3115},[3090,10851,10852,10854,10856],{"class":3092,"line":3154},[3090,10853,6049],{"class":3115},[3090,10855,6052],{"class":3448},[3090,10857,6055],{"class":3115},[3090,10859,10860,10862,10865,10868,10870,10873],{"class":3092,"line":3167},[3090,10861,4443],{"class":3444},[3090,10863,10864],{"class":3444}," int",[3090,10866,10867],{"class":4458}," _currentPage",[3090,10869,4488],{"class":3115},[3090,10871,10872],{"class":7716},"1",[3090,10874,3457],{"class":3115},[3090,10876,10877],{"class":3092,"line":3178},[3090,10878,3522],{"class":3115},[3090,10880,10881,10883,10885],{"class":3092,"line":3192},[3090,10882,6049],{"class":3115},[3090,10884,6052],{"class":3448},[3090,10886,6055],{"class":3115},[3090,10888,10889,10891,10893,10896,10898,10900],{"class":3092,"line":3210},[3090,10890,4443],{"class":3444},[3090,10892,10864],{"class":3444},[3090,10894,10895],{"class":4458}," _totalPages",[3090,10897,4488],{"class":3115},[3090,10899,10872],{"class":7716},[3090,10901,3457],{"class":3115},[3090,10903,10904],{"class":3092,"line":3221},[3090,10905,3522],{"class":3115},[3090,10907,10908,10910,10912],{"class":3092,"line":3234},[3090,10909,6049],{"class":3115},[3090,10911,6052],{"class":3448},[3090,10913,6055],{"class":3115},[3090,10915,10916,10918,10920,10923,10925,10928],{"class":3092,"line":3530},[3090,10917,4443],{"class":3444},[3090,10919,10864],{"class":3444},[3090,10921,10922],{"class":4458}," _pageSize",[3090,10924,4488],{"class":3115},[3090,10926,10927],{"class":7716},"10",[3090,10929,3457],{"class":3115},[3090,10931,10932],{"class":3092,"line":3599},[3090,10933,3522],{"class":3115},[3090,10935,10936],{"class":3092,"line":4029},[3090,10937,10938],{"class":3096},"    // Обчислювана властивість: видимі сторінки\n",[3090,10940,10941,10943,10945,10947,10950,10953,10956,10958,10960,10963,10965],{"class":3092,"line":4047},[3090,10942,3493],{"class":3444},[3090,10944,7761],{"class":3448},[3090,10946,3104],{"class":3115},[3090,10948,10949],{"class":3444},"int",[3090,10951,10952],{"class":3115},"> ",[3090,10954,10955],{"class":4458},"VisiblePages",[3090,10957,8689],{"class":3115},[3090,10959,8692],{"class":3444},[3090,10961,10962],{"class":3115},"; } = ",[3090,10964,5299],{"class":3444},[3090,10966,3512],{"class":3115},[3090,10968,10969],{"class":3092,"line":4063},[3090,10970,3522],{"class":3115},[3090,10972,10973,10975,10977,10980,10982,10984,10986],{"class":3092,"line":4078},[3090,10974,6079],{"class":3444},[3090,10976,4446],{"class":3444},[3090,10978,10979],{"class":3496}," OnCurrentPageChanged",[3090,10981,4452],{"class":3115},[3090,10983,10949],{"class":3444},[3090,10985,6091],{"class":4458},[3090,10987,4471],{"class":3115},[3090,10989,10990],{"class":3092,"line":4088},[3090,10991,3504],{"class":3115},[3090,10993,10994,10997],{"class":3092,"line":4094},[3090,10995,10996],{"class":3496},"        UpdateVisiblePages",[3090,10998,3512],{"class":3115},[3090,11000,11001],{"class":3092,"line":4100},[3090,11002,3517],{"class":3115},[3090,11004,11005],{"class":3092,"line":4118},[3090,11006,3522],{"class":3115},[3090,11008,11009,11011,11013,11016,11018,11020,11022],{"class":3092,"line":4131},[3090,11010,6079],{"class":3444},[3090,11012,4446],{"class":3444},[3090,11014,11015],{"class":3496}," OnTotalPagesChanged",[3090,11017,4452],{"class":3115},[3090,11019,10949],{"class":3444},[3090,11021,6091],{"class":4458},[3090,11023,4471],{"class":3115},[3090,11025,11026],{"class":3092,"line":4142},[3090,11027,3504],{"class":3115},[3090,11029,11030,11032],{"class":3092,"line":4153},[3090,11031,10996],{"class":3496},[3090,11033,3512],{"class":3115},[3090,11035,11036],{"class":3092,"line":4165},[3090,11037,3517],{"class":3115},[3090,11039,11040],{"class":3092,"line":4170},[3090,11041,3522],{"class":3115},[3090,11043,11044,11046,11048,11051],{"class":3092,"line":4176},[3090,11045,4443],{"class":3444},[3090,11047,4446],{"class":3444},[3090,11049,11050],{"class":3496}," UpdateVisiblePages",[3090,11052,3499],{"class":3115},[3090,11054,11055],{"class":3092,"line":4190},[3090,11056,3504],{"class":3115},[3090,11058,11059,11062,11064,11066],{"class":3092,"line":4201},[3090,11060,11061],{"class":4458},"        VisiblePages",[3090,11063,3297],{"class":3115},[3090,11065,7657],{"class":3496},[3090,11067,3512],{"class":3115},[3090,11069,11070],{"class":3092,"line":4212},[3090,11071,4663],{"class":3115},[3090,11073,11074],{"class":3092,"line":4223},[3090,11075,11076],{"class":3096},"        // Логіка: показувати 5 сторінок навколо поточної\n",[3090,11078,11079,11082,11085,11087,11090,11092,11095,11097,11099,11101,11104,11107,11110],{"class":3092,"line":4233},[3090,11080,11081],{"class":3444},"        int",[3090,11083,11084],{"class":4458}," start",[3090,11086,4488],{"class":3115},[3090,11088,11089],{"class":4458},"Math",[3090,11091,3297],{"class":3115},[3090,11093,11094],{"class":3496},"Max",[3090,11096,4452],{"class":3115},[3090,11098,10872],{"class":7716},[3090,11100,4462],{"class":3115},[3090,11102,11103],{"class":4458},"CurrentPage",[3090,11105,11106],{"class":3115}," - ",[3090,11108,11109],{"class":7716},"2",[3090,11111,5365],{"class":3115},[3090,11113,11114,11116,11119,11121,11123,11125,11128,11130,11133,11135,11137,11140,11142],{"class":3092,"line":4246},[3090,11115,11081],{"class":3444},[3090,11117,11118],{"class":4458}," end",[3090,11120,4488],{"class":3115},[3090,11122,11089],{"class":4458},[3090,11124,3297],{"class":3115},[3090,11126,11127],{"class":3496},"Min",[3090,11129,4452],{"class":3115},[3090,11131,11132],{"class":4458},"TotalPages",[3090,11134,4462],{"class":3115},[3090,11136,11103],{"class":4458},[3090,11138,11139],{"class":3115}," + ",[3090,11141,11109],{"class":7716},[3090,11143,5365],{"class":3115},[3090,11145,11146],{"class":3092,"line":4251},[3090,11147,4663],{"class":3115},[3090,11149,11150,11153,11155,11157,11160,11162,11165,11168,11171,11174,11177,11179,11181],{"class":3092,"line":4257},[3090,11151,11152],{"class":3777},"        for",[3090,11154,5779],{"class":3115},[3090,11156,10949],{"class":3444},[3090,11158,11159],{"class":4458}," i",[3090,11161,4488],{"class":3115},[3090,11163,11164],{"class":4458},"start",[3090,11166,11167],{"class":3115},"; ",[3090,11169,11170],{"class":4458},"i",[3090,11172,11173],{"class":3115}," \u003C= ",[3090,11175,11176],{"class":4458},"end",[3090,11178,11167],{"class":3115},[3090,11180,11170],{"class":4458},[3090,11182,11183],{"class":3115},"++)\n",[3090,11185,11186],{"class":3092,"line":4271},[3090,11187,5804],{"class":3115},[3090,11189,11190,11193,11195,11198,11200,11202],{"class":3092,"line":4282},[3090,11191,11192],{"class":4458},"            VisiblePages",[3090,11194,3297],{"class":3115},[3090,11196,11197],{"class":3496},"Add",[3090,11199,4452],{"class":3115},[3090,11201,11170],{"class":4458},[3090,11203,5365],{"class":3115},[3090,11205,11206],{"class":3092,"line":4293},[3090,11207,5828],{"class":3115},[3090,11209,11210],{"class":3092,"line":4303},[3090,11211,3517],{"class":3115},[3090,11213,11214],{"class":3092,"line":4313},[3090,11215,3522],{"class":3115},[3090,11217,11218,11220,11223,11225,11228,11230,11232,11234,11237],{"class":3092,"line":4324},[3090,11219,6049],{"class":3115},[3090,11221,11222],{"class":3448},"RelayCommand",[3090,11224,4452],{"class":3115},[3090,11226,11227],{"class":4458},"CanExecute",[3090,11229,4488],{"class":3115},[3090,11231,6304],{"class":3444},[3090,11233,4452],{"class":3115},[3090,11235,11236],{"class":4458},"CanGoToPreviousPage",[3090,11238,11239],{"class":3115},"))]\n",[3090,11241,11242,11244,11246,11249],{"class":3092,"line":4335},[3090,11243,4443],{"class":3444},[3090,11245,4446],{"class":3444},[3090,11247,11248],{"class":3496}," GoToPreviousPage",[3090,11250,3499],{"class":3115},[3090,11252,11253],{"class":3092,"line":4346},[3090,11254,3504],{"class":3115},[3090,11256,11257,11259,11261,11263,11266,11268],{"class":3092,"line":4359},[3090,11258,5776],{"class":3777},[3090,11260,5779],{"class":3115},[3090,11262,11103],{"class":4458},[3090,11264,11265],{"class":3115}," > ",[3090,11267,10872],{"class":7716},[3090,11269,4471],{"class":3115},[3090,11271,11272,11275],{"class":3092,"line":4369},[3090,11273,11274],{"class":4458},"            CurrentPage",[3090,11276,11277],{"class":3115},"--;\n",[3090,11279,11280],{"class":3092,"line":4378},[3090,11281,3517],{"class":3115},[3090,11283,11284],{"class":3092,"line":5961},[3090,11285,3522],{"class":3115},[3090,11287,11288,11290,11292,11295,11298,11300,11302,11304],{"class":3092,"line":5972},[3090,11289,4443],{"class":3444},[3090,11291,6613],{"class":3444},[3090,11293,11294],{"class":3496}," CanGoToPreviousPage",[3090,11296,11297],{"class":3115},"() => ",[3090,11299,11103],{"class":4458},[3090,11301,11265],{"class":3115},[3090,11303,10872],{"class":7716},[3090,11305,3457],{"class":3115},[3090,11307,11308],{"class":3092,"line":5977},[3090,11309,3522],{"class":3115},[3090,11311,11312,11314,11316,11318,11320,11322,11324,11326,11329],{"class":3092,"line":7329},[3090,11313,6049],{"class":3115},[3090,11315,11222],{"class":3448},[3090,11317,4452],{"class":3115},[3090,11319,11227],{"class":4458},[3090,11321,4488],{"class":3115},[3090,11323,6304],{"class":3444},[3090,11325,4452],{"class":3115},[3090,11327,11328],{"class":4458},"CanGoToNextPage",[3090,11330,11239],{"class":3115},[3090,11332,11333,11335,11337,11340],{"class":3092,"line":7338},[3090,11334,4443],{"class":3444},[3090,11336,4446],{"class":3444},[3090,11338,11339],{"class":3496}," GoToNextPage",[3090,11341,3499],{"class":3115},[3090,11343,11344],{"class":3092,"line":7347},[3090,11345,3504],{"class":3115},[3090,11347,11348,11350,11352,11354,11357,11359],{"class":3092,"line":7356},[3090,11349,5776],{"class":3777},[3090,11351,5779],{"class":3115},[3090,11353,11103],{"class":4458},[3090,11355,11356],{"class":3115}," \u003C ",[3090,11358,11132],{"class":4458},[3090,11360,4471],{"class":3115},[3090,11362,11363,11365],{"class":3092,"line":7365},[3090,11364,11274],{"class":4458},[3090,11366,11367],{"class":3115},"++;\n",[3090,11369,11370],{"class":3092,"line":7375},[3090,11371,3517],{"class":3115},[3090,11373,11374],{"class":3092,"line":7388},[3090,11375,3522],{"class":3115},[3090,11377,11378,11380,11382,11385,11387,11389,11391,11393],{"class":3092,"line":7397},[3090,11379,4443],{"class":3444},[3090,11381,6613],{"class":3444},[3090,11383,11384],{"class":3496}," CanGoToNextPage",[3090,11386,11297],{"class":3115},[3090,11388,11103],{"class":4458},[3090,11390,11356],{"class":3115},[3090,11392,11132],{"class":4458},[3090,11394,3457],{"class":3115},[3090,11396,11397],{"class":3092,"line":7406},[3090,11398,3522],{"class":3115},[3090,11400,11402,11404,11406],{"class":3092,"line":11401},58,[3090,11403,6049],{"class":3115},[3090,11405,11222],{"class":3448},[3090,11407,6055],{"class":3115},[3090,11409,11411,11413,11415,11418],{"class":3092,"line":11410},59,[3090,11412,4443],{"class":3444},[3090,11414,4446],{"class":3444},[3090,11416,11417],{"class":3496}," GoToFirstPage",[3090,11419,3499],{"class":3115},[3090,11421,11423],{"class":3092,"line":11422},60,[3090,11424,3504],{"class":3115},[3090,11426,11428,11431,11433,11435],{"class":3092,"line":11427},61,[3090,11429,11430],{"class":4458},"        CurrentPage",[3090,11432,4488],{"class":3115},[3090,11434,10872],{"class":7716},[3090,11436,3457],{"class":3115},[3090,11438,11440],{"class":3092,"line":11439},62,[3090,11441,3517],{"class":3115},[3090,11443,11445],{"class":3092,"line":11444},63,[3090,11446,3522],{"class":3115},[3090,11448,11450,11452,11454],{"class":3092,"line":11449},64,[3090,11451,6049],{"class":3115},[3090,11453,11222],{"class":3448},[3090,11455,6055],{"class":3115},[3090,11457,11459,11461,11463,11466],{"class":3092,"line":11458},65,[3090,11460,4443],{"class":3444},[3090,11462,4446],{"class":3444},[3090,11464,11465],{"class":3496}," GoToLastPage",[3090,11467,3499],{"class":3115},[3090,11469,11471],{"class":3092,"line":11470},66,[3090,11472,3504],{"class":3115},[3090,11474,11476,11478,11480,11482],{"class":3092,"line":11475},67,[3090,11477,11430],{"class":4458},[3090,11479,4488],{"class":3115},[3090,11481,11132],{"class":4458},[3090,11483,3457],{"class":3115},[3090,11485,11487],{"class":3092,"line":11486},68,[3090,11488,3517],{"class":3115},[3090,11490,11492],{"class":3092,"line":11491},69,[3090,11493,3522],{"class":3115},[3090,11495,11497,11499,11501],{"class":3092,"line":11496},70,[3090,11498,6049],{"class":3115},[3090,11500,11222],{"class":3448},[3090,11502,6055],{"class":3115},[3090,11504,11506,11508,11510,11513,11515,11517,11520],{"class":3092,"line":11505},71,[3090,11507,4443],{"class":3444},[3090,11509,4446],{"class":3444},[3090,11511,11512],{"class":3496}," GoToPage",[3090,11514,4452],{"class":3115},[3090,11516,10949],{"class":3444},[3090,11518,11519],{"class":4458}," page",[3090,11521,4471],{"class":3115},[3090,11523,11525],{"class":3092,"line":11524},72,[3090,11526,3504],{"class":3115},[3090,11528,11530,11532,11534,11537,11540,11542,11545,11547,11549,11551],{"class":3092,"line":11529},73,[3090,11531,5776],{"class":3777},[3090,11533,5779],{"class":3115},[3090,11535,11536],{"class":4458},"page",[3090,11538,11539],{"class":3115}," >= ",[3090,11541,10872],{"class":7716},[3090,11543,11544],{"class":3115}," && ",[3090,11546,11536],{"class":4458},[3090,11548,11173],{"class":3115},[3090,11550,11132],{"class":4458},[3090,11552,4471],{"class":3115},[3090,11554,11556,11558,11560,11562],{"class":3092,"line":11555},74,[3090,11557,11274],{"class":4458},[3090,11559,4488],{"class":3115},[3090,11561,11536],{"class":4458},[3090,11563,3457],{"class":3115},[3090,11565,11567],{"class":3092,"line":11566},75,[3090,11568,3517],{"class":3115},[3090,11570,11572],{"class":3092,"line":11571},76,[3090,11573,3533],{"class":3115},[3029,11575,11577],{"id":11576},"usercontrol-з-внутрішньою-viewmodel","UserControl з внутрішньою ViewModel",[3081,11579,11581],{"className":3435,"code":11580,"language":3437,"meta":3086,"style":3086},"// Controls/PaginationControl.xaml.cs\npublic partial class PaginationControl : UserControl\n{\n    private readonly PaginationViewModel _viewModel;\n    \n    // DependencyProperty для зовнішнього API\n    public static readonly DependencyProperty CurrentPageProperty =\n        DependencyProperty.Register(nameof(CurrentPage), typeof(int), typeof(PaginationControl),\n            new FrameworkPropertyMetadata(1, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault, OnCurrentPageChanged));\n    \n    public int CurrentPage\n    {\n        get => (int)GetValue(CurrentPageProperty);\n        set => SetValue(CurrentPageProperty, value);\n    }\n    \n    private static void OnCurrentPageChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)\n    {\n        var control = (PaginationControl)d;\n        control._viewModel.CurrentPage = (int)e.NewValue;\n    }\n    \n    public static readonly DependencyProperty TotalPagesProperty =\n        DependencyProperty.Register(nameof(TotalPages), typeof(int), typeof(PaginationControl),\n            new PropertyMetadata(1, OnTotalPagesChanged));\n    \n    public int TotalPages\n    {\n        get => (int)GetValue(TotalPagesProperty);\n        set => SetValue(TotalPagesProperty, value);\n    }\n    \n    private static void OnTotalPagesChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)\n    {\n        var control = (PaginationControl)d;\n        control._viewModel.TotalPages = (int)e.NewValue;\n    }\n    \n    // RoutedEvent для повідомлення про зміну сторінки\n    public static readonly RoutedEvent PageChangedEvent =\n        EventManager.RegisterRoutedEvent(nameof(PageChanged), RoutingStrategy.Bubble,\n            typeof(RoutedPropertyChangedEventHandler\u003Cint>), typeof(PaginationControl));\n    \n    public event RoutedPropertyChangedEventHandler\u003Cint> PageChanged\n    {\n        add => AddHandler(PageChangedEvent, value);\n        remove => RemoveHandler(PageChangedEvent, value);\n    }\n    \n    public PaginationControl()\n    {\n        InitializeComponent();\n        \n        // Створюємо внутрішню ViewModel\n        _viewModel = new PaginationViewModel();\n        \n        // Встановлюємо DataContext для КОРЕНЕВОГО елемента, а не UserControl\n        RootGrid.DataContext = _viewModel;\n        \n        // Підписуємось на зміни у ViewModel\n        _viewModel.PropertyChanged += (s, e) =>\n        {\n            if (e.PropertyName == nameof(_viewModel.CurrentPage))\n            {\n                // Синхронізуємо назад до DependencyProperty\n                if (CurrentPage != _viewModel.CurrentPage)\n                {\n                    CurrentPage = _viewModel.CurrentPage;\n                    \n                    // Викликаємо RoutedEvent\n                    var args = new RoutedPropertyChangedEventArgs\u003Cint>(\n                        CurrentPage, _viewModel.CurrentPage, PageChangedEvent);\n                    RaiseEvent(args);\n                }\n            }\n        };\n    }\n}\n",[2966,11582,11583,11588,11603,11607,11620,11624,11629,11644,11678,11706,11710,11719,11723,11742,11760,11764,11768,11792,11796,11812,11840,11844,11848,11863,11897,11914,11918,11927,11931,11950,11968,11972,11976,12000,12004,12020,12046,12050,12054,12059,12074,12101,12125,12129,12147,12151,12170,12188,12192,12196,12204,12208,12214,12218,12223,12236,12240,12245,12260,12264,12269,12288,12292,12319,12323,12328,12347,12352,12367,12372,12377,12398,12417,12428,12433,12437,12441,12446],{"__ignoreMap":3086},[3090,11584,11585],{"class":3092,"line":3093},[3090,11586,11587],{"class":3096},"// Controls/PaginationControl.xaml.cs\n",[3090,11589,11590,11592,11594,11596,11599,11601],{"class":3092,"line":3100},[3090,11591,3468],{"class":3444},[3090,11593,3471],{"class":3444},[3090,11595,3474],{"class":3444},[3090,11597,11598],{"class":3448}," PaginationControl",[3090,11600,3480],{"class":3115},[3090,11602,3483],{"class":3448},[3090,11604,11605],{"class":3092,"line":3134},[3090,11606,3488],{"class":3115},[3090,11608,11609,11611,11613,11615,11618],{"class":3092,"line":3154},[3090,11610,4443],{"class":3444},[3090,11612,5210],{"class":3444},[3090,11614,10841],{"class":3448},[3090,11616,11617],{"class":4458}," _viewModel",[3090,11619,3457],{"class":3115},[3090,11621,11622],{"class":3092,"line":3167},[3090,11623,3522],{"class":3115},[3090,11625,11626],{"class":3092,"line":3178},[3090,11627,11628],{"class":3096},"    // DependencyProperty для зовнішнього API\n",[3090,11630,11631,11633,11635,11637,11639,11642],{"class":3092,"line":3192},[3090,11632,3493],{"class":3444},[3090,11634,5207],{"class":3444},[3090,11636,5210],{"class":3444},[3090,11638,5213],{"class":3448},[3090,11640,11641],{"class":4458}," CurrentPageProperty",[3090,11643,5219],{"class":3115},[3090,11645,11646,11648,11650,11652,11654,11656,11658,11660,11662,11664,11666,11668,11670,11672,11674,11676],{"class":3092,"line":3210},[3090,11647,5562],{"class":4458},[3090,11649,3297],{"class":3115},[3090,11651,5229],{"class":3496},[3090,11653,4452],{"class":3115},[3090,11655,6304],{"class":3444},[3090,11657,4452],{"class":3115},[3090,11659,11103],{"class":4458},[3090,11661,6311],{"class":3115},[3090,11663,5259],{"class":3444},[3090,11665,4452],{"class":3115},[3090,11667,10949],{"class":3444},[3090,11669,6311],{"class":3115},[3090,11671,5259],{"class":3444},[3090,11673,4452],{"class":3115},[3090,11675,10792],{"class":3448},[3090,11677,5581],{"class":3115},[3090,11679,11680,11682,11685,11687,11689,11691,11694,11696,11699,11701,11704],{"class":3092,"line":3221},[3090,11681,5607],{"class":3444},[3090,11683,11684],{"class":3448}," FrameworkPropertyMetadata",[3090,11686,4452],{"class":3115},[3090,11688,10872],{"class":7716},[3090,11690,4462],{"class":3115},[3090,11692,11693],{"class":4458},"FrameworkPropertyMetadataOptions",[3090,11695,3297],{"class":3115},[3090,11697,11698],{"class":4458},"BindsTwoWayByDefault",[3090,11700,4462],{"class":3115},[3090,11702,11703],{"class":4458},"OnCurrentPageChanged",[3090,11705,6344],{"class":3115},[3090,11707,11708],{"class":3092,"line":3234},[3090,11709,3522],{"class":3115},[3090,11711,11712,11714,11716],{"class":3092,"line":3530},[3090,11713,3493],{"class":3444},[3090,11715,10864],{"class":3444},[3090,11717,11718],{"class":4458}," CurrentPage\n",[3090,11720,11721],{"class":3092,"line":3599},[3090,11722,3504],{"class":3115},[3090,11724,11725,11727,11729,11731,11733,11735,11737,11740],{"class":3092,"line":4029},[3090,11726,5650],{"class":3444},[3090,11728,5349],{"class":3115},[3090,11730,10949],{"class":3444},[3090,11732,5354],{"class":3115},[3090,11734,5357],{"class":3496},[3090,11736,4452],{"class":3115},[3090,11738,11739],{"class":4458},"CurrentPageProperty",[3090,11741,5365],{"class":3115},[3090,11743,11744,11746,11748,11750,11752,11754,11756,11758],{"class":3092,"line":4047},[3090,11745,5669],{"class":3444},[3090,11747,5373],{"class":3115},[3090,11749,5376],{"class":3496},[3090,11751,4452],{"class":3115},[3090,11753,11739],{"class":4458},[3090,11755,4462],{"class":3115},[3090,11757,5385],{"class":4458},[3090,11759,5365],{"class":3115},[3090,11761,11762],{"class":3092,"line":4063},[3090,11763,3517],{"class":3115},[3090,11765,11766],{"class":3092,"line":4078},[3090,11767,3522],{"class":3115},[3090,11769,11770,11772,11774,11776,11778,11780,11782,11784,11786,11788,11790],{"class":3092,"line":4088},[3090,11771,4443],{"class":3444},[3090,11773,5207],{"class":3444},[3090,11775,4446],{"class":3444},[3090,11777,10979],{"class":3496},[3090,11779,4452],{"class":3115},[3090,11781,5439],{"class":3448},[3090,11783,5442],{"class":4458},[3090,11785,4462],{"class":3115},[3090,11787,5447],{"class":3448},[3090,11789,4468],{"class":4458},[3090,11791,4471],{"class":3115},[3090,11793,11794],{"class":3092,"line":4094},[3090,11795,3504],{"class":3115},[3090,11797,11798,11800,11802,11804,11806,11808,11810],{"class":3092,"line":4100},[3090,11799,5729],{"class":3444},[3090,11801,5463],{"class":4458},[3090,11803,5466],{"class":3115},[3090,11805,10792],{"class":3448},[3090,11807,5354],{"class":3115},[3090,11809,5473],{"class":4458},[3090,11811,3457],{"class":3115},[3090,11813,11814,11817,11819,11822,11824,11826,11828,11830,11832,11834,11836,11838],{"class":3092,"line":4118},[3090,11815,11816],{"class":4458},"        control",[3090,11818,3297],{"class":3115},[3090,11820,11821],{"class":4458},"_viewModel",[3090,11823,3297],{"class":3115},[3090,11825,11103],{"class":4458},[3090,11827,5466],{"class":3115},[3090,11829,10949],{"class":3444},[3090,11831,5354],{"class":3115},[3090,11833,5492],{"class":4458},[3090,11835,3297],{"class":3115},[3090,11837,5497],{"class":4458},[3090,11839,3457],{"class":3115},[3090,11841,11842],{"class":3092,"line":4131},[3090,11843,3517],{"class":3115},[3090,11845,11846],{"class":3092,"line":4142},[3090,11847,3522],{"class":3115},[3090,11849,11850,11852,11854,11856,11858,11861],{"class":3092,"line":4153},[3090,11851,3493],{"class":3444},[3090,11853,5207],{"class":3444},[3090,11855,5210],{"class":3444},[3090,11857,5213],{"class":3448},[3090,11859,11860],{"class":4458}," TotalPagesProperty",[3090,11862,5219],{"class":3115},[3090,11864,11865,11867,11869,11871,11873,11875,11877,11879,11881,11883,11885,11887,11889,11891,11893,11895],{"class":3092,"line":4165},[3090,11866,5562],{"class":4458},[3090,11868,3297],{"class":3115},[3090,11870,5229],{"class":3496},[3090,11872,4452],{"class":3115},[3090,11874,6304],{"class":3444},[3090,11876,4452],{"class":3115},[3090,11878,11132],{"class":4458},[3090,11880,6311],{"class":3115},[3090,11882,5259],{"class":3444},[3090,11884,4452],{"class":3115},[3090,11886,10949],{"class":3444},[3090,11888,6311],{"class":3115},[3090,11890,5259],{"class":3444},[3090,11892,4452],{"class":3115},[3090,11894,10792],{"class":3448},[3090,11896,5581],{"class":3115},[3090,11898,11899,11901,11903,11905,11907,11909,11912],{"class":3092,"line":4170},[3090,11900,5607],{"class":3444},[3090,11902,5302],{"class":3448},[3090,11904,4452],{"class":3115},[3090,11906,10872],{"class":7716},[3090,11908,4462],{"class":3115},[3090,11910,11911],{"class":4458},"OnTotalPagesChanged",[3090,11913,6344],{"class":3115},[3090,11915,11916],{"class":3092,"line":4176},[3090,11917,3522],{"class":3115},[3090,11919,11920,11922,11924],{"class":3092,"line":4190},[3090,11921,3493],{"class":3444},[3090,11923,10864],{"class":3444},[3090,11925,11926],{"class":4458}," TotalPages\n",[3090,11928,11929],{"class":3092,"line":4201},[3090,11930,3504],{"class":3115},[3090,11932,11933,11935,11937,11939,11941,11943,11945,11948],{"class":3092,"line":4212},[3090,11934,5650],{"class":3444},[3090,11936,5349],{"class":3115},[3090,11938,10949],{"class":3444},[3090,11940,5354],{"class":3115},[3090,11942,5357],{"class":3496},[3090,11944,4452],{"class":3115},[3090,11946,11947],{"class":4458},"TotalPagesProperty",[3090,11949,5365],{"class":3115},[3090,11951,11952,11954,11956,11958,11960,11962,11964,11966],{"class":3092,"line":4223},[3090,11953,5669],{"class":3444},[3090,11955,5373],{"class":3115},[3090,11957,5376],{"class":3496},[3090,11959,4452],{"class":3115},[3090,11961,11947],{"class":4458},[3090,11963,4462],{"class":3115},[3090,11965,5385],{"class":4458},[3090,11967,5365],{"class":3115},[3090,11969,11970],{"class":3092,"line":4233},[3090,11971,3517],{"class":3115},[3090,11973,11974],{"class":3092,"line":4246},[3090,11975,3522],{"class":3115},[3090,11977,11978,11980,11982,11984,11986,11988,11990,11992,11994,11996,11998],{"class":3092,"line":4251},[3090,11979,4443],{"class":3444},[3090,11981,5207],{"class":3444},[3090,11983,4446],{"class":3444},[3090,11985,11015],{"class":3496},[3090,11987,4452],{"class":3115},[3090,11989,5439],{"class":3448},[3090,11991,5442],{"class":4458},[3090,11993,4462],{"class":3115},[3090,11995,5447],{"class":3448},[3090,11997,4468],{"class":4458},[3090,11999,4471],{"class":3115},[3090,12001,12002],{"class":3092,"line":4257},[3090,12003,3504],{"class":3115},[3090,12005,12006,12008,12010,12012,12014,12016,12018],{"class":3092,"line":4271},[3090,12007,5729],{"class":3444},[3090,12009,5463],{"class":4458},[3090,12011,5466],{"class":3115},[3090,12013,10792],{"class":3448},[3090,12015,5354],{"class":3115},[3090,12017,5473],{"class":4458},[3090,12019,3457],{"class":3115},[3090,12021,12022,12024,12026,12028,12030,12032,12034,12036,12038,12040,12042,12044],{"class":3092,"line":4282},[3090,12023,11816],{"class":4458},[3090,12025,3297],{"class":3115},[3090,12027,11821],{"class":4458},[3090,12029,3297],{"class":3115},[3090,12031,11132],{"class":4458},[3090,12033,5466],{"class":3115},[3090,12035,10949],{"class":3444},[3090,12037,5354],{"class":3115},[3090,12039,5492],{"class":4458},[3090,12041,3297],{"class":3115},[3090,12043,5497],{"class":4458},[3090,12045,3457],{"class":3115},[3090,12047,12048],{"class":3092,"line":4293},[3090,12049,3517],{"class":3115},[3090,12051,12052],{"class":3092,"line":4303},[3090,12053,3522],{"class":3115},[3090,12055,12056],{"class":3092,"line":4313},[3090,12057,12058],{"class":3096},"    // RoutedEvent для повідомлення про зміну сторінки\n",[3090,12060,12061,12063,12065,12067,12069,12072],{"class":3092,"line":4324},[3090,12062,3493],{"class":3444},[3090,12064,5207],{"class":3444},[3090,12066,5210],{"class":3444},[3090,12068,7857],{"class":3448},[3090,12070,12071],{"class":4458}," PageChangedEvent",[3090,12073,5219],{"class":3115},[3090,12075,12076,12078,12080,12082,12084,12086,12088,12091,12093,12095,12097,12099],{"class":3092,"line":4335},[3090,12077,8121],{"class":4458},[3090,12079,3297],{"class":3115},[3090,12081,7872],{"class":3496},[3090,12083,4452],{"class":3115},[3090,12085,6304],{"class":3444},[3090,12087,4452],{"class":3115},[3090,12089,12090],{"class":4458},"PageChanged",[3090,12092,6311],{"class":3115},[3090,12094,7896],{"class":4458},[3090,12096,3297],{"class":3115},[3090,12098,7901],{"class":4458},[3090,12100,7886],{"class":3115},[3090,12102,12103,12105,12107,12110,12112,12114,12117,12119,12121,12123],{"class":3092,"line":4346},[3090,12104,5586],{"class":3444},[3090,12106,4452],{"class":3115},[3090,12108,12109],{"class":3448},"RoutedPropertyChangedEventHandler",[3090,12111,3104],{"class":3115},[3090,12113,10949],{"class":3444},[3090,12115,12116],{"class":3115},">), ",[3090,12118,5259],{"class":3444},[3090,12120,4452],{"class":3115},[3090,12122,10792],{"class":3448},[3090,12124,6344],{"class":3115},[3090,12126,12127],{"class":3092,"line":4359},[3090,12128,3522],{"class":3115},[3090,12130,12131,12133,12135,12138,12140,12142,12144],{"class":3092,"line":4369},[3090,12132,3493],{"class":3444},[3090,12134,7953],{"class":3444},[3090,12136,12137],{"class":3448}," RoutedPropertyChangedEventHandler",[3090,12139,3104],{"class":3115},[3090,12141,10949],{"class":3444},[3090,12143,10952],{"class":3115},[3090,12145,12146],{"class":4458},"PageChanged\n",[3090,12148,12149],{"class":3092,"line":4378},[3090,12150,3504],{"class":3115},[3090,12152,12153,12155,12157,12159,12161,12164,12166,12168],{"class":3092,"line":5961},[3090,12154,8196],{"class":3444},[3090,12156,5373],{"class":3115},[3090,12158,7973],{"class":3496},[3090,12160,4452],{"class":3115},[3090,12162,12163],{"class":4458},"PageChangedEvent",[3090,12165,4462],{"class":3115},[3090,12167,5385],{"class":4458},[3090,12169,5365],{"class":3115},[3090,12171,12172,12174,12176,12178,12180,12182,12184,12186],{"class":3092,"line":5972},[3090,12173,8215],{"class":3444},[3090,12175,5373],{"class":3115},[3090,12177,7994],{"class":3496},[3090,12179,4452],{"class":3115},[3090,12181,12163],{"class":4458},[3090,12183,4462],{"class":3115},[3090,12185,5385],{"class":4458},[3090,12187,5365],{"class":3115},[3090,12189,12190],{"class":3092,"line":5977},[3090,12191,3517],{"class":3115},[3090,12193,12194],{"class":3092,"line":7329},[3090,12195,3522],{"class":3115},[3090,12197,12198,12200,12202],{"class":3092,"line":7338},[3090,12199,3493],{"class":3444},[3090,12201,11598],{"class":3496},[3090,12203,3499],{"class":3115},[3090,12205,12206],{"class":3092,"line":7347},[3090,12207,3504],{"class":3115},[3090,12209,12210,12212],{"class":3092,"line":7356},[3090,12211,3509],{"class":3496},[3090,12213,3512],{"class":3115},[3090,12215,12216],{"class":3092,"line":7365},[3090,12217,4663],{"class":3115},[3090,12219,12220],{"class":3092,"line":7375},[3090,12221,12222],{"class":3096},"        // Створюємо внутрішню ViewModel\n",[3090,12224,12225,12228,12230,12232,12234],{"class":3092,"line":7388},[3090,12226,12227],{"class":4458},"        _viewModel",[3090,12229,4488],{"class":3115},[3090,12231,5299],{"class":3444},[3090,12233,10841],{"class":3448},[3090,12235,3512],{"class":3115},[3090,12237,12238],{"class":3092,"line":7397},[3090,12239,4663],{"class":3115},[3090,12241,12242],{"class":3092,"line":7406},[3090,12243,12244],{"class":3096},"        // Встановлюємо DataContext для КОРЕНЕВОГО елемента, а не UserControl\n",[3090,12246,12247,12250,12252,12254,12256,12258],{"class":3092,"line":11401},[3090,12248,12249],{"class":4458},"        RootGrid",[3090,12251,3297],{"class":3115},[3090,12253,9379],{"class":4458},[3090,12255,4488],{"class":3115},[3090,12257,11821],{"class":4458},[3090,12259,3457],{"class":3115},[3090,12261,12262],{"class":3092,"line":11410},[3090,12263,4663],{"class":3115},[3090,12265,12266],{"class":3092,"line":11422},[3090,12267,12268],{"class":3096},"        // Підписуємось на зміни у ViewModel\n",[3090,12270,12271,12273,12275,12278,12280,12282,12284,12286],{"class":3092,"line":11427},[3090,12272,12227],{"class":4458},[3090,12274,3297],{"class":3115},[3090,12276,12277],{"class":4458},"PropertyChanged",[3090,12279,5875],{"class":3115},[3090,12281,5878],{"class":4458},[3090,12283,4462],{"class":3115},[3090,12285,5492],{"class":4458},[3090,12287,5885],{"class":3115},[3090,12289,12290],{"class":3092,"line":11439},[3090,12291,5804],{"class":3115},[3090,12293,12294,12296,12298,12300,12302,12305,12307,12309,12311,12313,12315,12317],{"class":3092,"line":11444},[3090,12295,8344],{"class":3777},[3090,12297,5779],{"class":3115},[3090,12299,5492],{"class":4458},[3090,12301,3297],{"class":3115},[3090,12303,12304],{"class":4458},"PropertyName",[3090,12306,8356],{"class":3115},[3090,12308,6304],{"class":3444},[3090,12310,4452],{"class":3115},[3090,12312,11821],{"class":4458},[3090,12314,3297],{"class":3115},[3090,12316,11103],{"class":4458},[3090,12318,7643],{"class":3115},[3090,12320,12321],{"class":3092,"line":11449},[3090,12322,8370],{"class":3115},[3090,12324,12325],{"class":3092,"line":11458},[3090,12326,12327],{"class":3096},"                // Синхронізуємо назад до DependencyProperty\n",[3090,12329,12330,12333,12335,12337,12339,12341,12343,12345],{"class":3092,"line":11470},[3090,12331,12332],{"class":3777},"                if",[3090,12334,5779],{"class":3115},[3090,12336,11103],{"class":4458},[3090,12338,5794],{"class":3115},[3090,12340,11821],{"class":4458},[3090,12342,3297],{"class":3115},[3090,12344,11103],{"class":4458},[3090,12346,4471],{"class":3115},[3090,12348,12349],{"class":3092,"line":11475},[3090,12350,12351],{"class":3115},"                {\n",[3090,12353,12354,12357,12359,12361,12363,12365],{"class":3092,"line":11486},[3090,12355,12356],{"class":4458},"                    CurrentPage",[3090,12358,4488],{"class":3115},[3090,12360,11821],{"class":4458},[3090,12362,3297],{"class":3115},[3090,12364,11103],{"class":4458},[3090,12366,3457],{"class":3115},[3090,12368,12369],{"class":3092,"line":11491},[3090,12370,12371],{"class":3115},"                    \n",[3090,12373,12374],{"class":3092,"line":11496},[3090,12375,12376],{"class":3096},"                    // Викликаємо RoutedEvent\n",[3090,12378,12379,12382,12384,12386,12388,12391,12393,12395],{"class":3092,"line":11505},[3090,12380,12381],{"class":3444},"                    var",[3090,12383,8041],{"class":4458},[3090,12385,4488],{"class":3115},[3090,12387,5299],{"class":3444},[3090,12389,12390],{"class":3448}," RoutedPropertyChangedEventArgs",[3090,12392,3104],{"class":3115},[3090,12394,10949],{"class":3444},[3090,12396,12397],{"class":3115},">(\n",[3090,12399,12400,12403,12405,12407,12409,12411,12413,12415],{"class":3092,"line":11524},[3090,12401,12402],{"class":4458},"                        CurrentPage",[3090,12404,4462],{"class":3115},[3090,12406,11821],{"class":4458},[3090,12408,3297],{"class":3115},[3090,12410,11103],{"class":4458},[3090,12412,4462],{"class":3115},[3090,12414,12163],{"class":4458},[3090,12416,5365],{"class":3115},[3090,12418,12419,12422,12424,12426],{"class":3092,"line":11529},[3090,12420,12421],{"class":3496},"                    RaiseEvent",[3090,12423,4452],{"class":3115},[3090,12425,8064],{"class":4458},[3090,12427,5365],{"class":3115},[3090,12429,12430],{"class":3092,"line":11555},[3090,12431,12432],{"class":3115},"                }\n",[3090,12434,12435],{"class":3092,"line":11566},[3090,12436,8382],{"class":3115},[3090,12438,12439],{"class":3092,"line":11571},[3090,12440,5909],{"class":3115},[3090,12442,12444],{"class":3092,"line":12443},77,[3090,12445,3517],{"class":3115},[3090,12447,12449],{"class":3092,"line":12448},78,[3090,12450,3533],{"class":3115},[2959,12452,12453,2983,12455,12458],{},[2980,12454,7417],{},[2966,12456,12457],{},"RootGrid.DataContext = _viewModel"," — встановлюємо DataContext для кореневого Grid, а не для UserControl. Це дозволяє зовнішньому коду встановлювати свій DataContext для UserControl.",[3029,12460,12462],{"id":12461},"xaml-з-внутрішньою-viewmodel","XAML з внутрішньою ViewModel",[3081,12464,12466],{"className":3083,"code":12465,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Class=\"MyApp.Controls.PaginationControl\"\n             xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n             xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"\n             x:Name=\"Root\">\n    \n    \u003C!-- DataContext встановлюється для RootGrid, а не для UserControl -->\n    \u003CGrid x:Name=\"RootGrid\">\n        \u003CStackPanel Orientation=\"Horizontal\" HorizontalAlignment=\"Center\" Spacing=\"4\">\n            \n            \u003C!-- Перша сторінка -->\n            \u003CButton Content=\"⏮️\" \n                    Command=\"{Binding GoToFirstPageCommand}\"\n                    Padding=\"8,4\"\n                    ToolTip=\"Перша сторінка\"/>\n            \n            \u003C!-- Попередня сторінка -->\n            \u003CButton Content=\"◀️\" \n                    Command=\"{Binding GoToPreviousPageCommand}\"\n                    Padding=\"8,4\"\n                    ToolTip=\"Попередня сторінка\"/>\n            \n            \u003C!-- Кнопки сторінок -->\n            \u003CItemsControl ItemsSource=\"{Binding VisiblePages}\">\n                \u003CItemsControl.ItemsPanel>\n                    \u003CItemsPanelTemplate>\n                        \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"4\"/>\n                    \u003C/ItemsPanelTemplate>\n                \u003C/ItemsControl.ItemsPanel>\n                \u003CItemsControl.ItemTemplate>\n                    \u003CDataTemplate>\n                        \u003CButton Content=\"{Binding}\"\n                                Command=\"{Binding DataContext.GoToPageCommand, RelativeSource={RelativeSource AncestorType=UserControl}}\"\n                                CommandParameter=\"{Binding}\"\n                                Padding=\"8,4\"\n                                MinWidth=\"32\">\n                            \u003CButton.Style>\n                                \u003CStyle TargetType=\"Button\">\n                                    \u003CStyle.Triggers>\n                                        \u003CDataTrigger Binding=\"{Binding}\" Value=\"{Binding DataContext.CurrentPage, RelativeSource={RelativeSource AncestorType=UserControl}}\">\n                                            \u003CSetter Property=\"Background\" Value=\"#3b82f6\"/>\n                                            \u003CSetter Property=\"Foreground\" Value=\"White\"/>\n                                            \u003CSetter Property=\"FontWeight\" Value=\"Bold\"/>\n                                        \u003C/DataTrigger>\n                                    \u003C/Style.Triggers>\n                                \u003C/Style>\n                            \u003C/Button.Style>\n                        \u003C/Button>\n                    \u003C/DataTemplate>\n                \u003C/ItemsControl.ItemTemplate>\n            \u003C/ItemsControl>\n            \n            \u003C!-- Наступна сторінка -->\n            \u003CButton Content=\"▶️\" \n                    Command=\"{Binding GoToNextPageCommand}\"\n                    Padding=\"8,4\"\n                    ToolTip=\"Наступна сторінка\"/>\n            \n            \u003C!-- Остання сторінка -->\n            \u003CButton Content=\"⏭️\" \n                    Command=\"{Binding GoToLastPageCommand}\"\n                    Padding=\"8,4\"\n                    ToolTip=\"Остання сторінка\"/>\n            \n            \u003C!-- Інформація про сторінки -->\n            \u003CTextBlock Text=\"{Binding CurrentPage, StringFormat='Сторінка {0}'}\"\n                       VerticalAlignment=\"Center\"\n                       Margin=\"12,0,0,0\"/>\n            \u003CTextBlock Text=\"{Binding TotalPages, StringFormat='з {0}'}\"\n                       VerticalAlignment=\"Center\"\n                       Margin=\"4,0,0,0\"/>\n        \u003C/StackPanel>\n    \u003C/Grid>\n\u003C/UserControl>\n",[2966,12467,12468,12481,12489,12497,12507,12511,12516,12531,12560,12564,12569,12584,12594,12602,12614,12618,12623,12638,12647,12655,12666,12670,12675,12691,12700,12709,12729,12737,12745,12754,12763,12776,12786,12795,12804,12816,12825,12843,12853,12879,12904,12925,12947,12956,12965,12974,12983,12991,12999,13007,13015,13019,13024,13039,13048,13056,13067,13071,13076,13091,13100,13108,13119,13123,13128,13141,13149,13160,13173,13181,13192,13200,13208],{"__ignoreMap":3086},[3090,12469,12470,12472,12474,12476,12478],{"class":3092,"line":3093},[3090,12471,3104],{"class":3103},[3090,12473,2968],{"class":3107},[3090,12475,3324],{"class":3111},[3090,12477,3116],{"class":3115},[3090,12479,12480],{"class":3119},"\"MyApp.Controls.PaginationControl\"\n",[3090,12482,12483,12485,12487],{"class":3092,"line":3100},[3090,12484,3334],{"class":3111},[3090,12486,3116],{"class":3115},[3090,12488,3339],{"class":3119},[3090,12490,12491,12493,12495],{"class":3092,"line":3134},[3090,12492,3344],{"class":3111},[3090,12494,3116],{"class":3115},[3090,12496,3687],{"class":3119},[3090,12498,12499,12501,12503,12505],{"class":3092,"line":3154},[3090,12500,6822],{"class":3111},[3090,12502,3116],{"class":3115},[3090,12504,6827],{"class":3119},[3090,12506,3131],{"class":3103},[3090,12508,12509],{"class":3092,"line":3167},[3090,12510,3522],{"class":3115},[3090,12512,12513],{"class":3092,"line":3178},[3090,12514,12515],{"class":3096},"    \u003C!-- DataContext встановлюється для RootGrid, а не для UserControl -->\n",[3090,12517,12518,12520,12522,12524,12526,12529],{"class":3092,"line":3192},[3090,12519,3137],{"class":3103},[3090,12521,4014],{"class":3107},[3090,12523,3143],{"class":3111},[3090,12525,3116],{"class":3115},[3090,12527,12528],{"class":3119},"\"RootGrid\"",[3090,12530,3131],{"class":3103},[3090,12532,12533,12535,12537,12539,12541,12543,12546,12548,12550,12553,12555,12558],{"class":3092,"line":3210},[3090,12534,3370],{"class":3103},[3090,12536,3108],{"class":3107},[3090,12538,3112],{"class":3111},[3090,12540,3116],{"class":3115},[3090,12542,3120],{"class":3119},[3090,12544,12545],{"class":3111}," HorizontalAlignment",[3090,12547,3116],{"class":3115},[3090,12549,3186],{"class":3119},[3090,12551,12552],{"class":3111}," Spacing",[3090,12554,3116],{"class":3115},[3090,12556,12557],{"class":3119},"\"4\"",[3090,12559,3131],{"class":3103},[3090,12561,12562],{"class":3092,"line":3221},[3090,12563,4091],{"class":3115},[3090,12565,12566],{"class":3092,"line":3234},[3090,12567,12568],{"class":3096},"            \u003C!-- Перша сторінка -->\n",[3090,12570,12571,12573,12575,12577,12579,12582],{"class":3092,"line":3530},[3090,12572,4021],{"class":3103},[3090,12574,3197],{"class":3107},[3090,12576,3200],{"class":3111},[3090,12578,3116],{"class":3115},[3090,12580,12581],{"class":3119},"\"⏮️\"",[3090,12583,3151],{"class":3115},[3090,12585,12586,12589,12591],{"class":3092,"line":3599},[3090,12587,12588],{"class":3111},"                    Command",[3090,12590,3116],{"class":3115},[3090,12592,12593],{"class":3119},"\"{Binding GoToFirstPageCommand}\"\n",[3090,12595,12596,12598,12600],{"class":3092,"line":4029},[3090,12597,4316],{"class":3111},[3090,12599,3116],{"class":3115},[3090,12601,4321],{"class":3119},[3090,12603,12604,12607,12609,12612],{"class":3092,"line":4047},[3090,12605,12606],{"class":3111},"                    ToolTip",[3090,12608,3116],{"class":3115},[3090,12610,12611],{"class":3119},"\"Перша сторінка\"",[3090,12613,3189],{"class":3103},[3090,12615,12616],{"class":3092,"line":4063},[3090,12617,4091],{"class":3115},[3090,12619,12620],{"class":3092,"line":4078},[3090,12621,12622],{"class":3096},"            \u003C!-- Попередня сторінка -->\n",[3090,12624,12625,12627,12629,12631,12633,12636],{"class":3092,"line":4088},[3090,12626,4021],{"class":3103},[3090,12628,3197],{"class":3107},[3090,12630,3200],{"class":3111},[3090,12632,3116],{"class":3115},[3090,12634,12635],{"class":3119},"\"◀️\"",[3090,12637,3151],{"class":3115},[3090,12639,12640,12642,12644],{"class":3092,"line":4094},[3090,12641,12588],{"class":3111},[3090,12643,3116],{"class":3115},[3090,12645,12646],{"class":3119},"\"{Binding GoToPreviousPageCommand}\"\n",[3090,12648,12649,12651,12653],{"class":3092,"line":4100},[3090,12650,4316],{"class":3111},[3090,12652,3116],{"class":3115},[3090,12654,4321],{"class":3119},[3090,12656,12657,12659,12661,12664],{"class":3092,"line":4118},[3090,12658,12606],{"class":3111},[3090,12660,3116],{"class":3115},[3090,12662,12663],{"class":3119},"\"Попередня сторінка\"",[3090,12665,3189],{"class":3103},[3090,12667,12668],{"class":3092,"line":4131},[3090,12669,4091],{"class":3115},[3090,12671,12672],{"class":3092,"line":4142},[3090,12673,12674],{"class":3096},"            \u003C!-- Кнопки сторінок -->\n",[3090,12676,12677,12679,12682,12684,12686,12689],{"class":3092,"line":4153},[3090,12678,4021],{"class":3103},[3090,12680,12681],{"class":3107},"ItemsControl",[3090,12683,10601],{"class":3111},[3090,12685,3116],{"class":3115},[3090,12687,12688],{"class":3119},"\"{Binding VisiblePages}\"",[3090,12690,3131],{"class":3103},[3090,12692,12693,12695,12698],{"class":3092,"line":4165},[3090,12694,4032],{"class":3103},[3090,12696,12697],{"class":3107},"ItemsControl.ItemsPanel",[3090,12699,3131],{"class":3103},[3090,12701,12702,12704,12707],{"class":3092,"line":4170},[3090,12703,7140],{"class":3103},[3090,12705,12706],{"class":3107},"ItemsPanelTemplate",[3090,12708,3131],{"class":3103},[3090,12710,12711,12713,12715,12717,12719,12721,12723,12725,12727],{"class":3092,"line":4176},[3090,12712,7150],{"class":3103},[3090,12714,3108],{"class":3107},[3090,12716,3112],{"class":3111},[3090,12718,3116],{"class":3115},[3090,12720,3120],{"class":3119},[3090,12722,12552],{"class":3111},[3090,12724,3116],{"class":3115},[3090,12726,12557],{"class":3119},[3090,12728,3189],{"class":3103},[3090,12730,12731,12733,12735],{"class":3092,"line":4190},[3090,12732,7201],{"class":3103},[3090,12734,12706],{"class":3107},[3090,12736,3131],{"class":3103},[3090,12738,12739,12741,12743],{"class":3092,"line":4201},[3090,12740,7210],{"class":3103},[3090,12742,12697],{"class":3107},[3090,12744,3131],{"class":3103},[3090,12746,12747,12749,12752],{"class":3092,"line":4212},[3090,12748,4032],{"class":3103},[3090,12750,12751],{"class":3107},"ItemsControl.ItemTemplate",[3090,12753,3131],{"class":3103},[3090,12755,12756,12758,12761],{"class":3092,"line":4223},[3090,12757,7140],{"class":3103},[3090,12759,12760],{"class":3107},"DataTemplate",[3090,12762,3131],{"class":3103},[3090,12764,12765,12767,12769,12771,12773],{"class":3092,"line":4233},[3090,12766,7150],{"class":3103},[3090,12768,3197],{"class":3107},[3090,12770,3200],{"class":3111},[3090,12772,3116],{"class":3115},[3090,12774,12775],{"class":3119},"\"{Binding}\"\n",[3090,12777,12778,12781,12783],{"class":3092,"line":4246},[3090,12779,12780],{"class":3111},"                                Command",[3090,12782,3116],{"class":3115},[3090,12784,12785],{"class":3119},"\"{Binding DataContext.GoToPageCommand, RelativeSource={RelativeSource AncestorType=UserControl}}\"\n",[3090,12787,12788,12791,12793],{"class":3092,"line":4251},[3090,12789,12790],{"class":3111},"                                CommandParameter",[3090,12792,3116],{"class":3115},[3090,12794,12775],{"class":3119},[3090,12796,12797,12800,12802],{"class":3092,"line":4257},[3090,12798,12799],{"class":3111},"                                Padding",[3090,12801,3116],{"class":3115},[3090,12803,4321],{"class":3119},[3090,12805,12806,12809,12811,12814],{"class":3092,"line":4271},[3090,12807,12808],{"class":3111},"                                MinWidth",[3090,12810,3116],{"class":3115},[3090,12812,12813],{"class":3119},"\"32\"",[3090,12815,3131],{"class":3103},[3090,12817,12818,12820,12823],{"class":3092,"line":4282},[3090,12819,7168],{"class":3103},[3090,12821,12822],{"class":3107},"Button.Style",[3090,12824,3131],{"class":3103},[3090,12826,12827,12830,12833,12836,12838,12841],{"class":3092,"line":4293},[3090,12828,12829],{"class":3103},"                                \u003C",[3090,12831,12832],{"class":3107},"Style",[3090,12834,12835],{"class":3111}," TargetType",[3090,12837,3116],{"class":3115},[3090,12839,12840],{"class":3119},"\"Button\"",[3090,12842,3131],{"class":3103},[3090,12844,12845,12848,12851],{"class":3092,"line":4303},[3090,12846,12847],{"class":3103},"                                    \u003C",[3090,12849,12850],{"class":3107},"Style.Triggers",[3090,12852,3131],{"class":3103},[3090,12854,12855,12858,12861,12864,12866,12869,12872,12874,12877],{"class":3092,"line":4313},[3090,12856,12857],{"class":3103},"                                        \u003C",[3090,12859,12860],{"class":3107},"DataTrigger",[3090,12862,12863],{"class":3111}," Binding",[3090,12865,3116],{"class":3115},[3090,12867,12868],{"class":3119},"\"{Binding}\"",[3090,12870,12871],{"class":3111}," Value",[3090,12873,3116],{"class":3115},[3090,12875,12876],{"class":3119},"\"{Binding DataContext.CurrentPage, RelativeSource={RelativeSource AncestorType=UserControl}}\"",[3090,12878,3131],{"class":3103},[3090,12880,12881,12884,12887,12890,12892,12895,12897,12899,12902],{"class":3092,"line":4324},[3090,12882,12883],{"class":3103},"                                            \u003C",[3090,12885,12886],{"class":3107},"Setter",[3090,12888,12889],{"class":3111}," Property",[3090,12891,3116],{"class":3115},[3090,12893,12894],{"class":3119},"\"Background\"",[3090,12896,12871],{"class":3111},[3090,12898,3116],{"class":3115},[3090,12900,12901],{"class":3119},"\"#3b82f6\"",[3090,12903,3189],{"class":3103},[3090,12905,12906,12908,12910,12912,12914,12917,12919,12921,12923],{"class":3092,"line":4335},[3090,12907,12883],{"class":3103},[3090,12909,12886],{"class":3107},[3090,12911,12889],{"class":3111},[3090,12913,3116],{"class":3115},[3090,12915,12916],{"class":3119},"\"Foreground\"",[3090,12918,12871],{"class":3111},[3090,12920,3116],{"class":3115},[3090,12922,3960],{"class":3119},[3090,12924,3189],{"class":3103},[3090,12926,12927,12929,12931,12933,12935,12938,12940,12942,12945],{"class":3092,"line":4346},[3090,12928,12883],{"class":3103},[3090,12930,12886],{"class":3107},[3090,12932,12889],{"class":3111},[3090,12934,3116],{"class":3115},[3090,12936,12937],{"class":3119},"\"FontWeight\"",[3090,12939,12871],{"class":3111},[3090,12941,3116],{"class":3115},[3090,12943,12944],{"class":3119},"\"Bold\"",[3090,12946,3189],{"class":3103},[3090,12948,12949,12952,12954],{"class":3092,"line":4359},[3090,12950,12951],{"class":3103},"                                        \u003C/",[3090,12953,12860],{"class":3107},[3090,12955,3131],{"class":3103},[3090,12957,12958,12961,12963],{"class":3092,"line":4369},[3090,12959,12960],{"class":3103},"                                    \u003C/",[3090,12962,12850],{"class":3107},[3090,12964,3131],{"class":3103},[3090,12966,12967,12970,12972],{"class":3092,"line":4378},[3090,12968,12969],{"class":3103},"                                \u003C/",[3090,12971,12832],{"class":3107},[3090,12973,3131],{"class":3103},[3090,12975,12976,12979,12981],{"class":3092,"line":5961},[3090,12977,12978],{"class":3103},"                            \u003C/",[3090,12980,12822],{"class":3107},[3090,12982,3131],{"class":3103},[3090,12984,12985,12987,12989],{"class":3092,"line":5972},[3090,12986,7192],{"class":3103},[3090,12988,3197],{"class":3107},[3090,12990,3131],{"class":3103},[3090,12992,12993,12995,12997],{"class":3092,"line":5977},[3090,12994,7201],{"class":3103},[3090,12996,12760],{"class":3107},[3090,12998,3131],{"class":3103},[3090,13000,13001,13003,13005],{"class":3092,"line":7329},[3090,13002,7210],{"class":3103},[3090,13004,12751],{"class":3107},[3090,13006,3131],{"class":3103},[3090,13008,13009,13011,13013],{"class":3092,"line":7338},[3090,13010,4081],{"class":3103},[3090,13012,12681],{"class":3107},[3090,13014,3131],{"class":3103},[3090,13016,13017],{"class":3092,"line":7347},[3090,13018,4091],{"class":3115},[3090,13020,13021],{"class":3092,"line":7356},[3090,13022,13023],{"class":3096},"            \u003C!-- Наступна сторінка -->\n",[3090,13025,13026,13028,13030,13032,13034,13037],{"class":3092,"line":7365},[3090,13027,4021],{"class":3103},[3090,13029,3197],{"class":3107},[3090,13031,3200],{"class":3111},[3090,13033,3116],{"class":3115},[3090,13035,13036],{"class":3119},"\"▶️\"",[3090,13038,3151],{"class":3115},[3090,13040,13041,13043,13045],{"class":3092,"line":7375},[3090,13042,12588],{"class":3111},[3090,13044,3116],{"class":3115},[3090,13046,13047],{"class":3119},"\"{Binding GoToNextPageCommand}\"\n",[3090,13049,13050,13052,13054],{"class":3092,"line":7388},[3090,13051,4316],{"class":3111},[3090,13053,3116],{"class":3115},[3090,13055,4321],{"class":3119},[3090,13057,13058,13060,13062,13065],{"class":3092,"line":7397},[3090,13059,12606],{"class":3111},[3090,13061,3116],{"class":3115},[3090,13063,13064],{"class":3119},"\"Наступна сторінка\"",[3090,13066,3189],{"class":3103},[3090,13068,13069],{"class":3092,"line":7406},[3090,13070,4091],{"class":3115},[3090,13072,13073],{"class":3092,"line":11401},[3090,13074,13075],{"class":3096},"            \u003C!-- Остання сторінка -->\n",[3090,13077,13078,13080,13082,13084,13086,13089],{"class":3092,"line":11410},[3090,13079,4021],{"class":3103},[3090,13081,3197],{"class":3107},[3090,13083,3200],{"class":3111},[3090,13085,3116],{"class":3115},[3090,13087,13088],{"class":3119},"\"⏭️\"",[3090,13090,3151],{"class":3115},[3090,13092,13093,13095,13097],{"class":3092,"line":11422},[3090,13094,12588],{"class":3111},[3090,13096,3116],{"class":3115},[3090,13098,13099],{"class":3119},"\"{Binding GoToLastPageCommand}\"\n",[3090,13101,13102,13104,13106],{"class":3092,"line":11427},[3090,13103,4316],{"class":3111},[3090,13105,3116],{"class":3115},[3090,13107,4321],{"class":3119},[3090,13109,13110,13112,13114,13117],{"class":3092,"line":11439},[3090,13111,12606],{"class":3111},[3090,13113,3116],{"class":3115},[3090,13115,13116],{"class":3119},"\"Остання сторінка\"",[3090,13118,3189],{"class":3103},[3090,13120,13121],{"class":3092,"line":11444},[3090,13122,4091],{"class":3115},[3090,13124,13125],{"class":3092,"line":11449},[3090,13126,13127],{"class":3096},"            \u003C!-- Інформація про сторінки -->\n",[3090,13129,13130,13132,13134,13136,13138],{"class":3092,"line":11458},[3090,13131,4021],{"class":3103},[3090,13133,4105],{"class":3107},[3090,13135,4621],{"class":3111},[3090,13137,3116],{"class":3115},[3090,13139,13140],{"class":3119},"\"{Binding CurrentPage, StringFormat='Сторінка {0}'}\"\n",[3090,13142,13143,13145,13147],{"class":3092,"line":11470},[3090,13144,4145],{"class":3111},[3090,13146,3116],{"class":3115},[3090,13148,4150],{"class":3119},[3090,13150,13151,13153,13155,13158],{"class":3092,"line":11475},[3090,13152,4156],{"class":3111},[3090,13154,3116],{"class":3115},[3090,13156,13157],{"class":3119},"\"12,0,0,0\"",[3090,13159,3189],{"class":3103},[3090,13161,13162,13164,13166,13168,13170],{"class":3092,"line":11486},[3090,13163,4021],{"class":3103},[3090,13165,4105],{"class":3107},[3090,13167,4621],{"class":3111},[3090,13169,3116],{"class":3115},[3090,13171,13172],{"class":3119},"\"{Binding TotalPages, StringFormat='з {0}'}\"\n",[3090,13174,13175,13177,13179],{"class":3092,"line":11491},[3090,13176,4145],{"class":3111},[3090,13178,3116],{"class":3115},[3090,13180,4150],{"class":3119},[3090,13182,13183,13185,13187,13190],{"class":3092,"line":11496},[3090,13184,4156],{"class":3111},[3090,13186,3116],{"class":3115},[3090,13188,13189],{"class":3119},"\"4,0,0,0\"",[3090,13191,3189],{"class":3103},[3090,13193,13194,13196,13198],{"class":3092,"line":11505},[3090,13195,4362],{"class":3103},[3090,13197,3108],{"class":3107},[3090,13199,3131],{"class":3103},[3090,13201,13202,13204,13206],{"class":3092,"line":11524},[3090,13203,3414],{"class":3103},[3090,13205,4014],{"class":3107},[3090,13207,3131],{"class":3103},[3090,13209,13210,13212,13214],{"class":3092,"line":11529},[3090,13211,3237],{"class":3103},[3090,13213,2968],{"class":3107},[3090,13215,3131],{"class":3103},[3029,13217,13219],{"id":13218},"використання-paginationcontrol","Використання PaginationControl",[3081,13221,13223],{"className":3083,"code":13222,"language":3085,"meta":3086,"style":3086},"\u003Ccontrols:PaginationControl CurrentPage=\"{Binding CurrentPage, Mode=TwoWay}\"\n                            TotalPages=\"{Binding TotalPages}\"\n                            PageChanged=\"PaginationControl_PageChanged\"/>\n",[2966,13224,13225,13240,13250],{"__ignoreMap":3086},[3090,13226,13227,13229,13232,13235,13237],{"class":3092,"line":3093},[3090,13228,3104],{"class":3103},[3090,13230,13231],{"class":3107},"controls:PaginationControl",[3090,13233,13234],{"class":3111}," CurrentPage",[3090,13236,3116],{"class":3115},[3090,13238,13239],{"class":3119},"\"{Binding CurrentPage, Mode=TwoWay}\"\n",[3090,13241,13242,13245,13247],{"class":3092,"line":3100},[3090,13243,13244],{"class":3111},"                            TotalPages",[3090,13246,3116],{"class":3115},[3090,13248,13249],{"class":3119},"\"{Binding TotalPages}\"\n",[3090,13251,13252,13255,13257,13260],{"class":3092,"line":3134},[3090,13253,13254],{"class":3111},"                            PageChanged",[3090,13256,3116],{"class":3115},[3090,13258,13259],{"class":3119},"\"PaginationControl_PageChanged\"",[3090,13261,3189],{"class":3103},[3081,13263,13265],{"className":3435,"code":13264,"language":3437,"meta":3086,"style":3086},"public partial class MainViewModel : ObservableObject\n{\n    [ObservableProperty]\n    private int _currentPage = 1;\n    \n    [ObservableProperty]\n    private int _totalPages = 10;\n    \n    [ObservableProperty]\n    private ObservableCollection\u003CItem> _items = new();\n    \n    partial void OnCurrentPageChanged(int value)\n    {\n        LoadPage(value);\n    }\n    \n    private async void LoadPage(int page)\n    {\n        var items = await _dataService.GetPageAsync(page, pageSize: 20);\n        Items = new ObservableCollection\u003CItem>(items);\n    }\n}\n",[2966,13266,13267,13281,13285,13293,13307,13311,13319,13333,13337,13345,13366,13370,13386,13390,13401,13405,13409,13428,13432,13467,13489,13493],{"__ignoreMap":3086},[3090,13268,13269,13271,13273,13275,13277,13279],{"class":3092,"line":3093},[3090,13270,3468],{"class":3444},[3090,13272,3471],{"class":3444},[3090,13274,3474],{"class":3444},[3090,13276,6035],{"class":3448},[3090,13278,3480],{"class":3115},[3090,13280,6040],{"class":3448},[3090,13282,13283],{"class":3092,"line":3100},[3090,13284,3488],{"class":3115},[3090,13286,13287,13289,13291],{"class":3092,"line":3134},[3090,13288,6049],{"class":3115},[3090,13290,6052],{"class":3448},[3090,13292,6055],{"class":3115},[3090,13294,13295,13297,13299,13301,13303,13305],{"class":3092,"line":3154},[3090,13296,4443],{"class":3444},[3090,13298,10864],{"class":3444},[3090,13300,10867],{"class":4458},[3090,13302,4488],{"class":3115},[3090,13304,10872],{"class":7716},[3090,13306,3457],{"class":3115},[3090,13308,13309],{"class":3092,"line":3167},[3090,13310,3522],{"class":3115},[3090,13312,13313,13315,13317],{"class":3092,"line":3178},[3090,13314,6049],{"class":3115},[3090,13316,6052],{"class":3448},[3090,13318,6055],{"class":3115},[3090,13320,13321,13323,13325,13327,13329,13331],{"class":3092,"line":3192},[3090,13322,4443],{"class":3444},[3090,13324,10864],{"class":3444},[3090,13326,10895],{"class":4458},[3090,13328,4488],{"class":3115},[3090,13330,10927],{"class":7716},[3090,13332,3457],{"class":3115},[3090,13334,13335],{"class":3092,"line":3210},[3090,13336,3522],{"class":3115},[3090,13338,13339,13341,13343],{"class":3092,"line":3221},[3090,13340,6049],{"class":3115},[3090,13342,6052],{"class":3448},[3090,13344,6055],{"class":3115},[3090,13346,13347,13349,13351,13353,13355,13357,13360,13362,13364],{"class":3092,"line":3234},[3090,13348,4443],{"class":3444},[3090,13350,7761],{"class":3448},[3090,13352,3104],{"class":3115},[3090,13354,7766],{"class":3448},[3090,13356,10952],{"class":3115},[3090,13358,13359],{"class":4458},"_items",[3090,13361,4488],{"class":3115},[3090,13363,5299],{"class":3444},[3090,13365,3512],{"class":3115},[3090,13367,13368],{"class":3092,"line":3530},[3090,13369,3522],{"class":3115},[3090,13371,13372,13374,13376,13378,13380,13382,13384],{"class":3092,"line":3599},[3090,13373,6079],{"class":3444},[3090,13375,4446],{"class":3444},[3090,13377,10979],{"class":3496},[3090,13379,4452],{"class":3115},[3090,13381,10949],{"class":3444},[3090,13383,6091],{"class":4458},[3090,13385,4471],{"class":3115},[3090,13387,13388],{"class":3092,"line":4029},[3090,13389,3504],{"class":3115},[3090,13391,13392,13395,13397,13399],{"class":3092,"line":4047},[3090,13393,13394],{"class":3496},"        LoadPage",[3090,13396,4452],{"class":3115},[3090,13398,5385],{"class":4458},[3090,13400,5365],{"class":3115},[3090,13402,13403],{"class":3092,"line":4063},[3090,13404,3517],{"class":3115},[3090,13406,13407],{"class":3092,"line":4078},[3090,13408,3522],{"class":3115},[3090,13410,13411,13413,13415,13417,13420,13422,13424,13426],{"class":3092,"line":4088},[3090,13412,4443],{"class":3444},[3090,13414,7604],{"class":3444},[3090,13416,4446],{"class":3444},[3090,13418,13419],{"class":3496}," LoadPage",[3090,13421,4452],{"class":3115},[3090,13423,10949],{"class":3444},[3090,13425,11519],{"class":4458},[3090,13427,4471],{"class":3115},[3090,13429,13430],{"class":3092,"line":4094},[3090,13431,3504],{"class":3115},[3090,13433,13434,13436,13439,13441,13443,13446,13448,13451,13453,13455,13457,13460,13462,13465],{"class":3092,"line":4100},[3090,13435,5729],{"class":3444},[3090,13437,13438],{"class":4458}," items",[3090,13440,4488],{"class":3115},[3090,13442,7736],{"class":3444},[3090,13444,13445],{"class":4458}," _dataService",[3090,13447,3297],{"class":3115},[3090,13449,13450],{"class":3496},"GetPageAsync",[3090,13452,4452],{"class":3115},[3090,13454,11536],{"class":4458},[3090,13456,4462],{"class":3115},[3090,13458,13459],{"class":4458},"pageSize",[3090,13461,5240],{"class":3115},[3090,13463,13464],{"class":7716},"20",[3090,13466,5365],{"class":3115},[3090,13468,13469,13472,13474,13476,13478,13480,13482,13484,13487],{"class":3092,"line":4118},[3090,13470,13471],{"class":4458},"        Items",[3090,13473,4488],{"class":3115},[3090,13475,5299],{"class":3444},[3090,13477,7761],{"class":3448},[3090,13479,3104],{"class":3115},[3090,13481,7766],{"class":3448},[3090,13483,7769],{"class":3115},[3090,13485,13486],{"class":4458},"items",[3090,13488,5365],{"class":3115},[3090,13490,13491],{"class":3092,"line":4131},[3090,13492,3517],{"class":3115},[3090,13494,13495],{"class":3092,"line":4142},[3090,13496,3533],{"class":3115},[3029,13498,13500],{"id":13499},"переваги-патерну-з-внутрішньою-viewmodel","Переваги патерну з внутрішньою ViewModel",[3039,13502,13503,13506,13509,13512,13515],{},[3042,13504,13505],{},"✅ Вся складна логіка інкапсульована у ViewModel",[3042,13507,13508],{},"✅ UserControl залишається тестованим (можна тестувати ViewModel окремо)",[3042,13510,13511],{},"✅ Зовнішній DataContext не порушується",[3042,13513,13514],{},"✅ Чистий розділ відповідальностей",[3042,13516,13517],{},"✅ Легко додавати нову функціональність",[3535,13519,13520],{},[3081,13521,13523],{"className":3539,"code":13522,"language":3535,"meta":3086,"style":3086},"graph TD\n    A[Зовнішній код] --> B[PaginationControl\u003Cbr/>DependencyProperty]\n    B --> C[Внутрішня ViewModel]\n    C --> D[Складна логіка]\n    C --> E[Команди]\n    C --> F[Обчислювані властивості]\n    B --> G[RoutedEvent]\n    G --> A\n    \n    style A fill:#3b82f6,stroke:#1d4ed8,color:#fff\n    style B fill:#f59e0b,stroke:#b45309,color:#fff\n    style C fill:#22c55e,stroke:#16a34a,color:#fff\n",[2966,13524,13525,13529,13534,13539,13544,13549,13554,13559,13564,13568,13572,13577],{"__ignoreMap":3086},[3090,13526,13527],{"class":3092,"line":3093},[3090,13528,3547],{},[3090,13530,13531],{"class":3092,"line":3100},[3090,13532,13533],{},"    A[Зовнішній код] --> B[PaginationControl\u003Cbr/>DependencyProperty]\n",[3090,13535,13536],{"class":3092,"line":3134},[3090,13537,13538],{},"    B --> C[Внутрішня ViewModel]\n",[3090,13540,13541],{"class":3092,"line":3154},[3090,13542,13543],{},"    C --> D[Складна логіка]\n",[3090,13545,13546],{"class":3092,"line":3167},[3090,13547,13548],{},"    C --> E[Команди]\n",[3090,13550,13551],{"class":3092,"line":3178},[3090,13552,13553],{},"    C --> F[Обчислювані властивості]\n",[3090,13555,13556],{"class":3092,"line":3192},[3090,13557,13558],{},"    B --> G[RoutedEvent]\n",[3090,13560,13561],{"class":3092,"line":3210},[3090,13562,13563],{},"    G --> A\n",[3090,13565,13566],{"class":3092,"line":3221},[3090,13567,3522],{},[3090,13569,13570],{"class":3092,"line":3234},[3090,13571,3591],{},[3090,13573,13574],{"class":3092,"line":3530},[3090,13575,13576],{},"    style B fill:#f59e0b,stroke:#b45309,color:#fff\n",[3090,13578,13579],{"class":3092,"line":3599},[3090,13580,13581],{},"    style C fill:#22c55e,stroke:#16a34a,color:#fff\n",[3012,13583],{},[3015,13585,13587],{"id":13586},"практичні-завдання","Практичні завдання",[3029,13589,13591],{"id":13590},"рівень-1-searchbox-usercontrol","Рівень 1: SearchBox UserControl",[2959,13593,13594,13597],{},[2980,13595,13596],{},"Мета:"," Навчитися створювати базовий UserControl з DependencyProperty.",[2959,13599,13600],{},[2980,13601,13602],{},"Завдання:",[2959,13604,13605],{},"Створіть перевикористовуваний компонент SearchBox:",[3622,13607,13608,13624,13641,13657],{},[3042,13609,13610,13613],{},[2980,13611,13612],{},"UI:",[3039,13614,13615,13618,13621],{},[3042,13616,13617],{},"TextBox для введення тексту",[3042,13619,13620],{},"Button \"Шукати\" (або іконка 🔍)",[3042,13622,13623],{},"Button \"Очистити\" (або іконка ✕)",[3042,13625,13626,13629],{},[2980,13627,13628],{},"DependencyProperty:",[3039,13630,13631,13636],{},[3042,13632,13633,13635],{},[2966,13634,5578],{}," (string) — текст пошуку",[3042,13637,13638,13640],{},[2966,13639,6441],{}," (string) — placeholder для TextBox",[3042,13642,13643,13646],{},[2980,13644,13645],{},"Функціональність:",[3039,13647,13648,13651,13654],{},[3042,13649,13650],{},"Кнопка \"Очистити\" очищає текст",[3042,13652,13653],{},"TextBox синхронізується з SearchText через Binding",[3042,13655,13656],{},"Placeholder показується коли текст порожній",[3042,13658,13659,13661],{},[2980,13660,9117],{},[3039,13662,13663,13666,13669],{},[3042,13664,13665],{},"Створити MainWindow зі списком файлів",[3042,13667,13668],{},"Додати SearchBox з прив'язкою до ViewModel",[3042,13670,13671],{},"Фільтрувати список при зміні SearchText",[2959,13673,13674],{},[2980,13675,13676],{},"Критерії успіху:",[3039,13678,13679,13682,13685,13688,13691],{},[3042,13680,13681],{},"UserControl створено правильно (XAML + code-behind)",[3042,13683,13684],{},"DependencyProperty SearchText працює з Binding",[3042,13686,13687],{},"Placeholder відображається коли текст порожній",[3042,13689,13690],{},"Кнопка \"Очистити\" працює",[3042,13692,13693],{},"DataContext не встановлюється всередині UserControl",[2959,13695,13696],{},[2980,13697,13698],{},"Підказка:",[3081,13700,13702],{"className":3435,"code":13701,"language":3437,"meta":3086,"style":3086},"public partial class SearchBox : UserControl\n{\n    public static readonly DependencyProperty SearchTextProperty =\n        DependencyProperty.Register(\n            nameof(SearchText),\n            typeof(string),\n            typeof(SearchBox),\n            new FrameworkPropertyMetadata(\"\", FrameworkPropertyMetadataOptions.BindsTwoWayByDefault)\n        );\n    \n    public string SearchText\n    {\n        get => (string)GetValue(SearchTextProperty);\n        set => SetValue(SearchTextProperty, value);\n    }\n    \n    public static readonly DependencyProperty PlaceholderProperty =\n        DependencyProperty.Register(\n            nameof(Placeholder),\n            typeof(string),\n            typeof(SearchBox),\n            new PropertyMetadata(\"Введіть текст для пошуку...\")\n        );\n    \n    public string Placeholder\n    {\n        get => (string)GetValue(PlaceholderProperty);\n        set => SetValue(PlaceholderProperty, value);\n    }\n    \n    public SearchBox()\n    {\n        InitializeComponent();\n    }\n    \n    private void ClearButton_Click(object sender, RoutedEventArgs e)\n    {\n        SearchText = \"\";\n    }\n}\n",[2966,13703,13704,13718,13722,13736,13746,13756,13766,13776,13796,13800,13804,13812,13816,13834,13852,13856,13860,13874,13884,13894,13904,13914,13926,13930,13934,13942,13946,13964,13982,13986,13990,13998,14002,14008,14012,14016,14038,14042,14052,14056],{"__ignoreMap":3086},[3090,13705,13706,13708,13710,13712,13714,13716],{"class":3092,"line":3093},[3090,13707,3468],{"class":3444},[3090,13709,3471],{"class":3444},[3090,13711,3474],{"class":3444},[3090,13713,3477],{"class":3448},[3090,13715,3480],{"class":3115},[3090,13717,3483],{"class":3448},[3090,13719,13720],{"class":3092,"line":3100},[3090,13721,3488],{"class":3115},[3090,13723,13724,13726,13728,13730,13732,13734],{"class":3092,"line":3134},[3090,13725,3493],{"class":3444},[3090,13727,5207],{"class":3444},[3090,13729,5210],{"class":3444},[3090,13731,5213],{"class":3448},[3090,13733,5216],{"class":4458},[3090,13735,5219],{"class":3115},[3090,13737,13738,13740,13742,13744],{"class":3092,"line":3154},[3090,13739,5562],{"class":4458},[3090,13741,3297],{"class":3115},[3090,13743,5229],{"class":3496},[3090,13745,5232],{"class":3115},[3090,13747,13748,13750,13752,13754],{"class":3092,"line":3167},[3090,13749,5573],{"class":3444},[3090,13751,4452],{"class":3115},[3090,13753,5578],{"class":4458},[3090,13755,5581],{"class":3115},[3090,13757,13758,13760,13762,13764],{"class":3092,"line":3178},[3090,13759,5586],{"class":3444},[3090,13761,4452],{"class":3115},[3090,13763,5264],{"class":3444},[3090,13765,5581],{"class":3115},[3090,13767,13768,13770,13772,13774],{"class":3092,"line":3192},[3090,13769,5586],{"class":3444},[3090,13771,4452],{"class":3115},[3090,13773,5284],{"class":3448},[3090,13775,5581],{"class":3115},[3090,13777,13778,13780,13782,13784,13786,13788,13790,13792,13794],{"class":3092,"line":3210},[3090,13779,5607],{"class":3444},[3090,13781,11684],{"class":3448},[3090,13783,4452],{"class":3115},[3090,13785,4492],{"class":4491},[3090,13787,4462],{"class":3115},[3090,13789,11693],{"class":4458},[3090,13791,3297],{"class":3115},[3090,13793,11698],{"class":4458},[3090,13795,4471],{"class":3115},[3090,13797,13798],{"class":3092,"line":3221},[3090,13799,5624],{"class":3115},[3090,13801,13802],{"class":3092,"line":3234},[3090,13803,3522],{"class":3115},[3090,13805,13806,13808,13810],{"class":3092,"line":3530},[3090,13807,3493],{"class":3444},[3090,13809,5334],{"class":3444},[3090,13811,5337],{"class":4458},[3090,13813,13814],{"class":3092,"line":3599},[3090,13815,3504],{"class":3115},[3090,13817,13818,13820,13822,13824,13826,13828,13830,13832],{"class":3092,"line":4029},[3090,13819,5650],{"class":3444},[3090,13821,5349],{"class":3115},[3090,13823,5264],{"class":3444},[3090,13825,5354],{"class":3115},[3090,13827,5357],{"class":3496},[3090,13829,4452],{"class":3115},[3090,13831,5362],{"class":4458},[3090,13833,5365],{"class":3115},[3090,13835,13836,13838,13840,13842,13844,13846,13848,13850],{"class":3092,"line":4047},[3090,13837,5669],{"class":3444},[3090,13839,5373],{"class":3115},[3090,13841,5376],{"class":3496},[3090,13843,4452],{"class":3115},[3090,13845,5362],{"class":4458},[3090,13847,4462],{"class":3115},[3090,13849,5385],{"class":4458},[3090,13851,5365],{"class":3115},[3090,13853,13854],{"class":3092,"line":4063},[3090,13855,3517],{"class":3115},[3090,13857,13858],{"class":3092,"line":4078},[3090,13859,3522],{"class":3115},[3090,13861,13862,13864,13866,13868,13870,13872],{"class":3092,"line":4088},[3090,13863,3493],{"class":3444},[3090,13865,5207],{"class":3444},[3090,13867,5210],{"class":3444},[3090,13869,5213],{"class":3448},[3090,13871,6422],{"class":4458},[3090,13873,5219],{"class":3115},[3090,13875,13876,13878,13880,13882],{"class":3092,"line":4094},[3090,13877,5562],{"class":4458},[3090,13879,3297],{"class":3115},[3090,13881,5229],{"class":3496},[3090,13883,5232],{"class":3115},[3090,13885,13886,13888,13890,13892],{"class":3092,"line":4100},[3090,13887,5573],{"class":3444},[3090,13889,4452],{"class":3115},[3090,13891,6441],{"class":4458},[3090,13893,5581],{"class":3115},[3090,13895,13896,13898,13900,13902],{"class":3092,"line":4118},[3090,13897,5586],{"class":3444},[3090,13899,4452],{"class":3115},[3090,13901,5264],{"class":3444},[3090,13903,5581],{"class":3115},[3090,13905,13906,13908,13910,13912],{"class":3092,"line":4131},[3090,13907,5586],{"class":3444},[3090,13909,4452],{"class":3115},[3090,13911,5284],{"class":3448},[3090,13913,5581],{"class":3115},[3090,13915,13916,13918,13920,13922,13924],{"class":3092,"line":4142},[3090,13917,5607],{"class":3444},[3090,13919,5302],{"class":3448},[3090,13921,4452],{"class":3115},[3090,13923,5013],{"class":4491},[3090,13925,4471],{"class":3115},[3090,13927,13928],{"class":3092,"line":4153},[3090,13929,5624],{"class":3115},[3090,13931,13932],{"class":3092,"line":4165},[3090,13933,3522],{"class":3115},[3090,13935,13936,13938,13940],{"class":3092,"line":4170},[3090,13937,3493],{"class":3444},[3090,13939,5334],{"class":3444},[3090,13941,6484],{"class":4458},[3090,13943,13944],{"class":3092,"line":4176},[3090,13945,3504],{"class":3115},[3090,13947,13948,13950,13952,13954,13956,13958,13960,13962],{"class":3092,"line":4190},[3090,13949,5650],{"class":3444},[3090,13951,5349],{"class":3115},[3090,13953,5264],{"class":3444},[3090,13955,5354],{"class":3115},[3090,13957,5357],{"class":3496},[3090,13959,4452],{"class":3115},[3090,13961,6505],{"class":4458},[3090,13963,5365],{"class":3115},[3090,13965,13966,13968,13970,13972,13974,13976,13978,13980],{"class":3092,"line":4201},[3090,13967,5669],{"class":3444},[3090,13969,5373],{"class":3115},[3090,13971,5376],{"class":3496},[3090,13973,4452],{"class":3115},[3090,13975,6505],{"class":4458},[3090,13977,4462],{"class":3115},[3090,13979,5385],{"class":4458},[3090,13981,5365],{"class":3115},[3090,13983,13984],{"class":3092,"line":4212},[3090,13985,3517],{"class":3115},[3090,13987,13988],{"class":3092,"line":4223},[3090,13989,3522],{"class":3115},[3090,13991,13992,13994,13996],{"class":3092,"line":4233},[3090,13993,3493],{"class":3444},[3090,13995,3477],{"class":3496},[3090,13997,3499],{"class":3115},[3090,13999,14000],{"class":3092,"line":4246},[3090,14001,3504],{"class":3115},[3090,14003,14004,14006],{"class":3092,"line":4251},[3090,14005,3509],{"class":3496},[3090,14007,3512],{"class":3115},[3090,14009,14010],{"class":3092,"line":4257},[3090,14011,3517],{"class":3115},[3090,14013,14014],{"class":3092,"line":4271},[3090,14015,3522],{"class":3115},[3090,14017,14018,14020,14022,14024,14026,14028,14030,14032,14034,14036],{"class":3092,"line":4282},[3090,14019,4443],{"class":3444},[3090,14021,4446],{"class":3444},[3090,14023,4449],{"class":3496},[3090,14025,4452],{"class":3115},[3090,14027,4455],{"class":3444},[3090,14029,4459],{"class":4458},[3090,14031,4462],{"class":3115},[3090,14033,4465],{"class":3448},[3090,14035,4468],{"class":4458},[3090,14037,4471],{"class":3115},[3090,14039,14040],{"class":3092,"line":4293},[3090,14041,3504],{"class":3115},[3090,14043,14044,14046,14048,14050],{"class":3092,"line":4303},[3090,14045,5948],{"class":4458},[3090,14047,4488],{"class":3115},[3090,14049,4492],{"class":4491},[3090,14051,3457],{"class":3115},[3090,14053,14054],{"class":3092,"line":4313},[3090,14055,3517],{"class":3115},[3090,14057,14058],{"class":3092,"line":4324},[3090,14059,3533],{"class":3115},[2959,14061,14062],{},[2980,14063,14064],{},"XAML підказка:",[3081,14066,14068],{"className":3083,"code":14067,"language":3085,"meta":3086,"style":3086},"\u003CUserControl x:Name=\"Root\">\n    \u003CBorder BorderBrush=\"#e2e8f0\" BorderThickness=\"1\" CornerRadius=\"8\" Padding=\"8\">\n        \u003CGrid>\n            \u003CGrid.ColumnDefinitions>\n                \u003CColumnDefinition Width=\"*\"/>\n                \u003CColumnDefinition Width=\"Auto\"/>\n            \u003C/Grid.ColumnDefinitions>\n            \n            \u003CTextBox Grid.Column=\"0\"\n                     Text=\"{Binding SearchText, ElementName=Root, UpdateSourceTrigger=PropertyChanged}\"\n                     BorderThickness=\"0\"/>\n            \n            \u003CButton Grid.Column=\"1\"\n                    Content=\"✕\"\n                    Click=\"ClearButton_Click\"/>\n        \u003C/Grid>\n    \u003C/Border>\n\u003C/UserControl>\n",[2966,14069,14070,14084,14116,14124,14132,14146,14160,14168,14172,14184,14192,14202,14206,14218,14226,14236,14244,14252],{"__ignoreMap":3086},[3090,14071,14072,14074,14076,14078,14080,14082],{"class":3092,"line":3093},[3090,14073,3104],{"class":3103},[3090,14075,2968],{"class":3107},[3090,14077,3143],{"class":3111},[3090,14079,3116],{"class":3115},[3090,14081,6827],{"class":3119},[3090,14083,3131],{"class":3103},[3090,14085,14086,14088,14090,14092,14094,14096,14098,14100,14102,14104,14106,14108,14110,14112,14114],{"class":3092,"line":3100},[3090,14087,3137],{"class":3103},[3090,14089,3952],{"class":3107},[3090,14091,6844],{"class":3111},[3090,14093,3116],{"class":3115},[3090,14095,3972],{"class":3119},[3090,14097,6851],{"class":3111},[3090,14099,3116],{"class":3115},[3090,14101,3984],{"class":3119},[3090,14103,6858],{"class":3111},[3090,14105,3116],{"class":3115},[3090,14107,4005],{"class":3119},[3090,14109,3403],{"class":3111},[3090,14111,3116],{"class":3115},[3090,14113,4005],{"class":3119},[3090,14115,3131],{"class":3103},[3090,14117,14118,14120,14122],{"class":3092,"line":3134},[3090,14119,3370],{"class":3103},[3090,14121,4014],{"class":3107},[3090,14123,3131],{"class":3103},[3090,14125,14126,14128,14130],{"class":3092,"line":3154},[3090,14127,4021],{"class":3103},[3090,14129,4024],{"class":3107},[3090,14131,3131],{"class":3103},[3090,14133,14134,14136,14138,14140,14142,14144],{"class":3092,"line":3167},[3090,14135,4032],{"class":3103},[3090,14137,4035],{"class":3107},[3090,14139,3375],{"class":3111},[3090,14141,3116],{"class":3115},[3090,14143,4058],{"class":3119},[3090,14145,3189],{"class":3103},[3090,14147,14148,14150,14152,14154,14156,14158],{"class":3092,"line":3178},[3090,14149,4032],{"class":3103},[3090,14151,4035],{"class":3107},[3090,14153,3375],{"class":3111},[3090,14155,3116],{"class":3115},[3090,14157,4042],{"class":3119},[3090,14159,3189],{"class":3103},[3090,14161,14162,14164,14166],{"class":3092,"line":3192},[3090,14163,4081],{"class":3103},[3090,14165,4024],{"class":3107},[3090,14167,3131],{"class":3103},[3090,14169,14170],{"class":3092,"line":3210},[3090,14171,4091],{"class":3115},[3090,14173,14174,14176,14178,14180,14182],{"class":3092,"line":3221},[3090,14175,4021],{"class":3103},[3090,14177,3140],{"class":3107},[3090,14179,4108],{"class":3111},[3090,14181,3116],{"class":3115},[3090,14183,4209],{"class":3119},[3090,14185,14186,14188,14190],{"class":3092,"line":3234},[3090,14187,10161],{"class":3111},[3090,14189,3116],{"class":3115},[3090,14191,10166],{"class":3119},[3090,14193,14194,14196,14198,14200],{"class":3092,"line":3530},[3090,14195,4204],{"class":3111},[3090,14197,3116],{"class":3115},[3090,14199,4113],{"class":3119},[3090,14201,3189],{"class":3103},[3090,14203,14204],{"class":3092,"line":3599},[3090,14205,4091],{"class":3115},[3090,14207,14208,14210,14212,14214,14216],{"class":3092,"line":4029},[3090,14209,4021],{"class":3103},[3090,14211,3197],{"class":3107},[3090,14213,4108],{"class":3111},[3090,14215,3116],{"class":3115},[3090,14217,4187],{"class":3119},[3090,14219,14220,14222,14224],{"class":3092,"line":4047},[3090,14221,4285],{"class":3111},[3090,14223,3116],{"class":3115},[3090,14225,4290],{"class":3119},[3090,14227,14228,14230,14232,14234],{"class":3092,"line":4063},[3090,14229,4349],{"class":3111},[3090,14231,3116],{"class":3115},[3090,14233,4354],{"class":3119},[3090,14235,3189],{"class":3103},[3090,14237,14238,14240,14242],{"class":3092,"line":4078},[3090,14239,4362],{"class":3103},[3090,14241,4014],{"class":3107},[3090,14243,3131],{"class":3103},[3090,14245,14246,14248,14250],{"class":3092,"line":4088},[3090,14247,3414],{"class":3103},[3090,14249,3952],{"class":3107},[3090,14251,3131],{"class":3103},[3090,14253,14254,14256,14258],{"class":3092,"line":4094},[3090,14255,3237],{"class":3103},[3090,14257,2968],{"class":3107},[3090,14259,3131],{"class":3103},[3012,14261],{},[3029,14263,14265],{"id":14264},"рівень-2-headercontrol-з-title-subtitle-icon","Рівень 2: HeaderControl з Title, Subtitle, Icon",[2959,14267,14268,14270],{},[2980,14269,13596],{}," Навчитися створювати складніший UserControl з кількома DependencyProperty.",[2959,14272,14273],{},[2980,14274,13602],{},[2959,14276,14277],{},"Створіть компонент HeaderControl для заголовків екранів:",[3622,14279,14280,14298,14334,14347],{},[3042,14281,14282,14284],{},[2980,14283,13612],{},[3039,14285,14286,14289,14292,14295],{},[3042,14287,14288],{},"Іконка зліва (опціонально)",[3042,14290,14291],{},"Заголовок (великий текст)",[3042,14293,14294],{},"Підзаголовок (малий текст, опціонально)",[3042,14296,14297],{},"Кнопка дії справа (опціонально)",[3042,14299,14300,14302],{},[2980,14301,13628],{},[3039,14303,14304,14310,14316,14322,14328],{},[3042,14305,14306,14309],{},[2966,14307,14308],{},"Icon"," (string) — emoji або символ іконки",[3042,14311,14312,14315],{},[2966,14313,14314],{},"Title"," (string) — основний заголовок",[3042,14317,14318,14321],{},[2966,14319,14320],{},"Subtitle"," (string) — підзаголовок",[3042,14323,14324,14327],{},[2966,14325,14326],{},"ShowActionButton"," (bool) — показувати кнопку дії",[3042,14329,14330,14333],{},[2966,14331,14332],{},"ActionButtonText"," (string) — текст кнопки дії",[3042,14335,14336,14339],{},[2980,14337,14338],{},"RoutedEvent:",[3039,14340,14341],{},[3042,14342,14343,14346],{},[2966,14344,14345],{},"ActionButtonClicked"," — подія при натисканні кнопки дії",[3042,14348,14349,14351],{},[2980,14350,13645],{},[3039,14352,14353,14356,14359,14362],{},[3042,14354,14355],{},"Іконка показується лише якщо Icon не порожній",[3042,14357,14358],{},"Підзаголовок показується лише якщо Subtitle не порожній",[3042,14360,14361],{},"Кнопка дії показується лише якщо ShowActionButton = true",[3042,14363,14364],{},"При натисканні кнопки викликається RoutedEvent",[2959,14366,14367],{},[2980,14368,13676],{},[3039,14370,14371,14374,14377,14380,14383],{},[3042,14372,14373],{},"Всі DependencyProperty працюють з Binding",[3042,14375,14376],{},"RoutedEvent викликається при натисканні кнопки",[3042,14378,14379],{},"Опціональні елементи показуються/ховаються правильно",[3042,14381,14382],{},"Компонент виглядає професійно",[3042,14384,14385],{},"DataContext не порушується",[2959,14387,14388],{},[2980,14389,14390],{},"Підказка для RoutedEvent:",[3081,14392,14394],{"className":3435,"code":14393,"language":3437,"meta":3086,"style":3086},"public static readonly RoutedEvent ActionButtonClickedEvent =\n    EventManager.RegisterRoutedEvent(\n        nameof(ActionButtonClicked),\n        RoutingStrategy.Bubble,\n        typeof(RoutedEventHandler),\n        typeof(HeaderControl)\n    );\n\npublic event RoutedEventHandler ActionButtonClicked\n{\n    add => AddHandler(ActionButtonClickedEvent, value);\n    remove => RemoveHandler(ActionButtonClickedEvent, value);\n}\n\nprivate void ActionButton_Click(object sender, RoutedEventArgs e)\n{\n    RaiseEvent(new RoutedEventArgs(ActionButtonClickedEvent));\n}\n",[2966,14395,14396,14411,14421,14432,14443,14454,14465,14469,14473,14484,14488,14507,14525,14529,14533,14556,14560,14576],{"__ignoreMap":3086},[3090,14397,14398,14400,14402,14404,14406,14409],{"class":3092,"line":3093},[3090,14399,3468],{"class":3444},[3090,14401,5207],{"class":3444},[3090,14403,5210],{"class":3444},[3090,14405,7857],{"class":3448},[3090,14407,14408],{"class":4458}," ActionButtonClickedEvent",[3090,14410,5219],{"class":3115},[3090,14412,14413,14415,14417,14419],{"class":3092,"line":3100},[3090,14414,7867],{"class":4458},[3090,14416,3297],{"class":3115},[3090,14418,7872],{"class":3496},[3090,14420,5232],{"class":3115},[3090,14422,14423,14426,14428,14430],{"class":3092,"line":3134},[3090,14424,14425],{"class":3444},"        nameof",[3090,14427,4452],{"class":3115},[3090,14429,14345],{"class":4458},[3090,14431,5581],{"class":3115},[3090,14433,14434,14437,14439,14441],{"class":3092,"line":3154},[3090,14435,14436],{"class":4458},"        RoutingStrategy",[3090,14438,3297],{"class":3115},[3090,14440,7901],{"class":4458},[3090,14442,7886],{"class":3115},[3090,14444,14445,14448,14450,14452],{"class":3092,"line":3167},[3090,14446,14447],{"class":3444},"        typeof",[3090,14449,4452],{"class":3115},[3090,14451,7917],{"class":3448},[3090,14453,5581],{"class":3115},[3090,14455,14456,14458,14460,14463],{"class":3092,"line":3178},[3090,14457,14447],{"class":3444},[3090,14459,4452],{"class":3115},[3090,14461,14462],{"class":3448},"HeaderControl",[3090,14464,4471],{"class":3115},[3090,14466,14467],{"class":3092,"line":3192},[3090,14468,5317],{"class":3115},[3090,14470,14471],{"class":3092,"line":3210},[3090,14472,3463],{"emptyLinePlaceholder":3462},[3090,14474,14475,14477,14479,14481],{"class":3092,"line":3221},[3090,14476,3468],{"class":3444},[3090,14478,7953],{"class":4458},[3090,14480,7956],{"class":4458},[3090,14482,14483],{"class":4458}," ActionButtonClicked\n",[3090,14485,14486],{"class":3092,"line":3234},[3090,14487,3488],{"class":3115},[3090,14489,14490,14492,14494,14496,14498,14501,14503,14505],{"class":3092,"line":3530},[3090,14491,7968],{"class":4458},[3090,14493,5373],{"class":3115},[3090,14495,7973],{"class":3496},[3090,14497,4452],{"class":3115},[3090,14499,14500],{"class":4458},"ActionButtonClickedEvent",[3090,14502,4462],{"class":3115},[3090,14504,5385],{"class":4458},[3090,14506,5365],{"class":3115},[3090,14508,14509,14511,14513,14515,14517,14519,14521,14523],{"class":3092,"line":3599},[3090,14510,7989],{"class":4458},[3090,14512,5373],{"class":3115},[3090,14514,7994],{"class":3496},[3090,14516,4452],{"class":3115},[3090,14518,14500],{"class":4458},[3090,14520,4462],{"class":3115},[3090,14522,5385],{"class":4458},[3090,14524,5365],{"class":3115},[3090,14526,14527],{"class":3092,"line":4029},[3090,14528,3533],{"class":3115},[3090,14530,14531],{"class":3092,"line":4047},[3090,14532,3463],{"emptyLinePlaceholder":3462},[3090,14534,14535,14537,14539,14542,14544,14546,14548,14550,14552,14554],{"class":3092,"line":4063},[3090,14536,5427],{"class":3444},[3090,14538,4446],{"class":3444},[3090,14540,14541],{"class":3496}," ActionButton_Click",[3090,14543,4452],{"class":3115},[3090,14545,4455],{"class":3444},[3090,14547,4459],{"class":4458},[3090,14549,4462],{"class":3115},[3090,14551,4465],{"class":3448},[3090,14553,4468],{"class":4458},[3090,14555,4471],{"class":3115},[3090,14557,14558],{"class":3092,"line":4078},[3090,14559,3488],{"class":3115},[3090,14561,14562,14564,14566,14568,14570,14572,14574],{"class":3092,"line":4088},[3090,14563,8059],{"class":3496},[3090,14565,4452],{"class":3115},[3090,14567,5299],{"class":3444},[3090,14569,8048],{"class":3448},[3090,14571,4452],{"class":3115},[3090,14573,14500],{"class":4458},[3090,14575,6344],{"class":3115},[3090,14577,14578],{"class":3092,"line":4094},[3090,14579,3533],{"class":3115},[2959,14581,14582],{},[2980,14583,9117],{},[3081,14585,14587],{"className":3083,"code":14586,"language":3085,"meta":3086,"style":3086},"\u003Ccontrols:HeaderControl Icon=\"📁\"\n                        Title=\"Мої файли\"\n                        Subtitle=\"125 файлів, 2.4 GB\"\n                        ShowActionButton=\"True\"\n                        ActionButtonText=\"Додати файл\"\n                        ActionButtonClicked=\"HeaderControl_ActionButtonClicked\"/>\n",[2966,14588,14589,14604,14614,14624,14633,14643],{"__ignoreMap":3086},[3090,14590,14591,14593,14596,14599,14601],{"class":3092,"line":3093},[3090,14592,3104],{"class":3103},[3090,14594,14595],{"class":3107},"controls:HeaderControl",[3090,14597,14598],{"class":3111}," Icon",[3090,14600,3116],{"class":3115},[3090,14602,14603],{"class":3119},"\"📁\"\n",[3090,14605,14606,14609,14611],{"class":3092,"line":3100},[3090,14607,14608],{"class":3111},"                        Title",[3090,14610,3116],{"class":3115},[3090,14612,14613],{"class":3119},"\"Мої файли\"\n",[3090,14615,14616,14619,14621],{"class":3092,"line":3134},[3090,14617,14618],{"class":3111},"                        Subtitle",[3090,14620,3116],{"class":3115},[3090,14622,14623],{"class":3119},"\"125 файлів, 2.4 GB\"\n",[3090,14625,14626,14629,14631],{"class":3092,"line":3154},[3090,14627,14628],{"class":3111},"                        ShowActionButton",[3090,14630,3116],{"class":3115},[3090,14632,7476],{"class":3119},[3090,14634,14635,14638,14640],{"class":3092,"line":3167},[3090,14636,14637],{"class":3111},"                        ActionButtonText",[3090,14639,3116],{"class":3115},[3090,14641,14642],{"class":3119},"\"Додати файл\"\n",[3090,14644,14645,14648,14650,14653],{"class":3092,"line":3178},[3090,14646,14647],{"class":3111},"                        ActionButtonClicked",[3090,14649,3116],{"class":3115},[3090,14651,14652],{"class":3119},"\"HeaderControl_ActionButtonClicked\"",[3090,14654,3189],{"class":3103},[3012,14656],{},[3029,14658,14660],{"id":14659},"рівень-3-paginationcontrol-з-внутрішньою-viewmodel","Рівень 3: PaginationControl з внутрішньою ViewModel",[2959,14662,14663,14665],{},[2980,14664,13596],{}," Навчитися створювати складний UserControl з власною ViewModel.",[2959,14667,14668],{},[2980,14669,13602],{},[2959,14671,14672],{},"Створіть повноцінний компонент пагінації:",[3622,14674,14675,14702,14725,14736,14755],{},[3042,14676,14677,14680],{},[2980,14678,14679],{},"Внутрішня ViewModel:",[3039,14681,14682,14687,14692,14700],{},[3042,14683,14684,14686],{},[2966,14685,11103],{}," (int) — поточна сторінка",[3042,14688,14689,14691],{},[2966,14690,11132],{}," (int) — загальна кількість сторінок",[3042,14693,14694,14696,14697],{},[2966,14695,10955],{}," (ObservableCollection",[10949,14698,14699],{},") — видимі номери сторінок",[3042,14701,10810],{},[3042,14703,14704,14707],{},[2980,14705,14706],{},"DependencyProperty (публічний API):",[3039,14708,14709,14714,14719],{},[3042,14710,14711,14713],{},[2966,14712,11103],{}," (int, TwoWay) — синхронізується з ViewModel",[3042,14715,14716,14718],{},[2966,14717,11132],{}," (int) — синхронізується з ViewModel",[3042,14720,14721,14724],{},[2966,14722,14723],{},"PageSize"," (int) — кількість елементів на сторінці",[3042,14726,14727,14729],{},[2980,14728,14338],{},[3039,14730,14731],{},[3042,14732,14733,14735],{},[2966,14734,12090],{}," — подія при зміні сторінки",[3042,14737,14738,14741],{},[2980,14739,14740],{},"Логіка:",[3039,14742,14743,14746,14749,14752],{},[3042,14744,14745],{},"Показувати 5 сторінок навколо поточної (наприклад: 1, 2, 3, 4, 5 або 8, 9, 10, 11, 12)",[3042,14747,14748],{},"Кнопки \"Перша\" та \"Попередня\" disabled на першій сторінці",[3042,14750,14751],{},"Кнопки \"Наступна\" та \"Остання\" disabled на останній сторінці",[3042,14753,14754],{},"Поточна сторінка підсвічується",[3042,14756,14757,14759],{},[2980,14758,13612],{},[3039,14760,14761,14764,14767,14770,14773,14776],{},[3042,14762,14763],{},"Кнопка \"⏮️ Перша\"",[3042,14765,14766],{},"Кнопка \"◀️ Попередня\"",[3042,14768,14769],{},"Кнопки номерів сторінок (динамічно генеруються)",[3042,14771,14772],{},"Кнопка \"▶️ Наступна\"",[3042,14774,14775],{},"Кнопка \"⏭️ Остання\"",[3042,14777,14778],{},"Текст \"Сторінка X з Y\"",[2959,14780,14781],{},[2980,14782,13676],{},[3039,14784,14785,14788,14791,14794,14797,14800,14803],{},[3042,14786,14787],{},"Внутрішня ViewModel правильно інкапсульована",[3042,14789,14790],{},"DependencyProperty синхронізуються з ViewModel",[3042,14792,14793],{},"Логіка обчислення видимих сторінок працює правильно",[3042,14795,14796],{},"Команди мають правильний CanExecute",[3042,14798,14799],{},"RoutedEvent викликається при зміні сторінки",[3042,14801,14802],{},"DataContext зовнішнього коду не порушується",[3042,14804,14805],{},"Компонент повністю перевикористовуваний",[2959,14807,14808],{},[2980,14809,14810],{},"Підказка для ViewModel:",[3081,14812,14814],{"className":3435,"code":14813,"language":3437,"meta":3086,"style":3086},"public partial class PaginationViewModel : ObservableObject\n{\n    [ObservableProperty]\n    private int _currentPage = 1;\n    \n    [ObservableProperty]\n    private int _totalPages = 1;\n    \n    public ObservableCollection\u003Cint> VisiblePages { get; } = new();\n    \n    partial void OnCurrentPageChanged(int value)\n    {\n        UpdateVisiblePages();\n        GoToPreviousPageCommand.NotifyCanExecuteChanged();\n        GoToNextPageCommand.NotifyCanExecuteChanged();\n    }\n    \n    partial void OnTotalPagesChanged(int value)\n    {\n        UpdateVisiblePages();\n    }\n    \n    private void UpdateVisiblePages()\n    {\n        VisiblePages.Clear();\n        \n        // Показувати 5 сторінок навколо поточної\n        int start = Math.Max(1, CurrentPage - 2);\n        int end = Math.Min(TotalPages, CurrentPage + 2);\n        \n        // Якщо менше 5 сторінок — показати всі\n        if (end - start \u003C 4)\n        {\n            if (CurrentPage \u003C= 3)\n                end = Math.Min(5, TotalPages);\n            else\n                start = Math.Max(1, TotalPages - 4);\n        }\n        \n        for (int i = start; i \u003C= end; i++)\n        {\n            VisiblePages.Add(i);\n        }\n    }\n    \n    [RelayCommand(CanExecute = nameof(CanGoToPreviousPage))]\n    private void GoToPreviousPage()\n    {\n        if (CurrentPage > 1)\n            CurrentPage--;\n    }\n    \n    private bool CanGoToPreviousPage() => CurrentPage > 1;\n    \n    [RelayCommand(CanExecute = nameof(CanGoToNextPage))]\n    private void GoToNextPage()\n    {\n        if (CurrentPage \u003C TotalPages)\n            CurrentPage++;\n    }\n    \n    private bool CanGoToNextPage() => CurrentPage \u003C TotalPages;\n}\n",[2966,14815,14816,14830,14834,14842,14856,14860,14868,14882,14886,14910,14914,14930,14934,14940,14952,14963,14967,14971,14987,14991,14997,15001,15005,15015,15019,15029,15033,15038,15066,15094,15098,15103,15122,15126,15141,15165,15170,15197,15201,15205,15233,15237,15251,15255,15259,15263,15283,15293,15297,15311,15317,15321,15325,15343,15347,15367,15377,15381,15395,15401,15405,15409,15427],{"__ignoreMap":3086},[3090,14817,14818,14820,14822,14824,14826,14828],{"class":3092,"line":3093},[3090,14819,3468],{"class":3444},[3090,14821,3471],{"class":3444},[3090,14823,3474],{"class":3444},[3090,14825,10841],{"class":3448},[3090,14827,3480],{"class":3115},[3090,14829,6040],{"class":3448},[3090,14831,14832],{"class":3092,"line":3100},[3090,14833,3488],{"class":3115},[3090,14835,14836,14838,14840],{"class":3092,"line":3134},[3090,14837,6049],{"class":3115},[3090,14839,6052],{"class":3448},[3090,14841,6055],{"class":3115},[3090,14843,14844,14846,14848,14850,14852,14854],{"class":3092,"line":3154},[3090,14845,4443],{"class":3444},[3090,14847,10864],{"class":3444},[3090,14849,10867],{"class":4458},[3090,14851,4488],{"class":3115},[3090,14853,10872],{"class":7716},[3090,14855,3457],{"class":3115},[3090,14857,14858],{"class":3092,"line":3167},[3090,14859,3522],{"class":3115},[3090,14861,14862,14864,14866],{"class":3092,"line":3178},[3090,14863,6049],{"class":3115},[3090,14865,6052],{"class":3448},[3090,14867,6055],{"class":3115},[3090,14869,14870,14872,14874,14876,14878,14880],{"class":3092,"line":3192},[3090,14871,4443],{"class":3444},[3090,14873,10864],{"class":3444},[3090,14875,10895],{"class":4458},[3090,14877,4488],{"class":3115},[3090,14879,10872],{"class":7716},[3090,14881,3457],{"class":3115},[3090,14883,14884],{"class":3092,"line":3210},[3090,14885,3522],{"class":3115},[3090,14887,14888,14890,14892,14894,14896,14898,14900,14902,14904,14906,14908],{"class":3092,"line":3221},[3090,14889,3493],{"class":3444},[3090,14891,7761],{"class":3448},[3090,14893,3104],{"class":3115},[3090,14895,10949],{"class":3444},[3090,14897,10952],{"class":3115},[3090,14899,10955],{"class":4458},[3090,14901,8689],{"class":3115},[3090,14903,8692],{"class":3444},[3090,14905,10962],{"class":3115},[3090,14907,5299],{"class":3444},[3090,14909,3512],{"class":3115},[3090,14911,14912],{"class":3092,"line":3234},[3090,14913,3522],{"class":3115},[3090,14915,14916,14918,14920,14922,14924,14926,14928],{"class":3092,"line":3530},[3090,14917,6079],{"class":3444},[3090,14919,4446],{"class":3444},[3090,14921,10979],{"class":3496},[3090,14923,4452],{"class":3115},[3090,14925,10949],{"class":3444},[3090,14927,6091],{"class":4458},[3090,14929,4471],{"class":3115},[3090,14931,14932],{"class":3092,"line":3599},[3090,14933,3504],{"class":3115},[3090,14935,14936,14938],{"class":3092,"line":4029},[3090,14937,10996],{"class":3496},[3090,14939,3512],{"class":3115},[3090,14941,14942,14945,14947,14950],{"class":3092,"line":4047},[3090,14943,14944],{"class":4458},"        GoToPreviousPageCommand",[3090,14946,3297],{"class":3115},[3090,14948,14949],{"class":3496},"NotifyCanExecuteChanged",[3090,14951,3512],{"class":3115},[3090,14953,14954,14957,14959,14961],{"class":3092,"line":4063},[3090,14955,14956],{"class":4458},"        GoToNextPageCommand",[3090,14958,3297],{"class":3115},[3090,14960,14949],{"class":3496},[3090,14962,3512],{"class":3115},[3090,14964,14965],{"class":3092,"line":4078},[3090,14966,3517],{"class":3115},[3090,14968,14969],{"class":3092,"line":4088},[3090,14970,3522],{"class":3115},[3090,14972,14973,14975,14977,14979,14981,14983,14985],{"class":3092,"line":4094},[3090,14974,6079],{"class":3444},[3090,14976,4446],{"class":3444},[3090,14978,11015],{"class":3496},[3090,14980,4452],{"class":3115},[3090,14982,10949],{"class":3444},[3090,14984,6091],{"class":4458},[3090,14986,4471],{"class":3115},[3090,14988,14989],{"class":3092,"line":4100},[3090,14990,3504],{"class":3115},[3090,14992,14993,14995],{"class":3092,"line":4118},[3090,14994,10996],{"class":3496},[3090,14996,3512],{"class":3115},[3090,14998,14999],{"class":3092,"line":4131},[3090,15000,3517],{"class":3115},[3090,15002,15003],{"class":3092,"line":4142},[3090,15004,3522],{"class":3115},[3090,15006,15007,15009,15011,15013],{"class":3092,"line":4153},[3090,15008,4443],{"class":3444},[3090,15010,4446],{"class":3444},[3090,15012,11050],{"class":3496},[3090,15014,3499],{"class":3115},[3090,15016,15017],{"class":3092,"line":4165},[3090,15018,3504],{"class":3115},[3090,15020,15021,15023,15025,15027],{"class":3092,"line":4170},[3090,15022,11061],{"class":4458},[3090,15024,3297],{"class":3115},[3090,15026,7657],{"class":3496},[3090,15028,3512],{"class":3115},[3090,15030,15031],{"class":3092,"line":4176},[3090,15032,4663],{"class":3115},[3090,15034,15035],{"class":3092,"line":4190},[3090,15036,15037],{"class":3096},"        // Показувати 5 сторінок навколо поточної\n",[3090,15039,15040,15042,15044,15046,15048,15050,15052,15054,15056,15058,15060,15062,15064],{"class":3092,"line":4201},[3090,15041,11081],{"class":3444},[3090,15043,11084],{"class":4458},[3090,15045,4488],{"class":3115},[3090,15047,11089],{"class":4458},[3090,15049,3297],{"class":3115},[3090,15051,11094],{"class":3496},[3090,15053,4452],{"class":3115},[3090,15055,10872],{"class":7716},[3090,15057,4462],{"class":3115},[3090,15059,11103],{"class":4458},[3090,15061,11106],{"class":3115},[3090,15063,11109],{"class":7716},[3090,15065,5365],{"class":3115},[3090,15067,15068,15070,15072,15074,15076,15078,15080,15082,15084,15086,15088,15090,15092],{"class":3092,"line":4212},[3090,15069,11081],{"class":3444},[3090,15071,11118],{"class":4458},[3090,15073,4488],{"class":3115},[3090,15075,11089],{"class":4458},[3090,15077,3297],{"class":3115},[3090,15079,11127],{"class":3496},[3090,15081,4452],{"class":3115},[3090,15083,11132],{"class":4458},[3090,15085,4462],{"class":3115},[3090,15087,11103],{"class":4458},[3090,15089,11139],{"class":3115},[3090,15091,11109],{"class":7716},[3090,15093,5365],{"class":3115},[3090,15095,15096],{"class":3092,"line":4223},[3090,15097,4663],{"class":3115},[3090,15099,15100],{"class":3092,"line":4233},[3090,15101,15102],{"class":3096},"        // Якщо менше 5 сторінок — показати всі\n",[3090,15104,15105,15107,15109,15111,15113,15115,15117,15120],{"class":3092,"line":4246},[3090,15106,5776],{"class":3777},[3090,15108,5779],{"class":3115},[3090,15110,11176],{"class":4458},[3090,15112,11106],{"class":3115},[3090,15114,11164],{"class":4458},[3090,15116,11356],{"class":3115},[3090,15118,15119],{"class":7716},"4",[3090,15121,4471],{"class":3115},[3090,15123,15124],{"class":3092,"line":4251},[3090,15125,5804],{"class":3115},[3090,15127,15128,15130,15132,15134,15136,15139],{"class":3092,"line":4257},[3090,15129,8344],{"class":3777},[3090,15131,5779],{"class":3115},[3090,15133,11103],{"class":4458},[3090,15135,11173],{"class":3115},[3090,15137,15138],{"class":7716},"3",[3090,15140,4471],{"class":3115},[3090,15142,15143,15146,15148,15150,15152,15154,15156,15159,15161,15163],{"class":3092,"line":4271},[3090,15144,15145],{"class":4458},"                end",[3090,15147,4488],{"class":3115},[3090,15149,11089],{"class":4458},[3090,15151,3297],{"class":3115},[3090,15153,11127],{"class":3496},[3090,15155,4452],{"class":3115},[3090,15157,15158],{"class":7716},"5",[3090,15160,4462],{"class":3115},[3090,15162,11132],{"class":4458},[3090,15164,5365],{"class":3115},[3090,15166,15167],{"class":3092,"line":4282},[3090,15168,15169],{"class":3777},"            else\n",[3090,15171,15172,15175,15177,15179,15181,15183,15185,15187,15189,15191,15193,15195],{"class":3092,"line":4293},[3090,15173,15174],{"class":4458},"                start",[3090,15176,4488],{"class":3115},[3090,15178,11089],{"class":4458},[3090,15180,3297],{"class":3115},[3090,15182,11094],{"class":3496},[3090,15184,4452],{"class":3115},[3090,15186,10872],{"class":7716},[3090,15188,4462],{"class":3115},[3090,15190,11132],{"class":4458},[3090,15192,11106],{"class":3115},[3090,15194,15119],{"class":7716},[3090,15196,5365],{"class":3115},[3090,15198,15199],{"class":3092,"line":4303},[3090,15200,5828],{"class":3115},[3090,15202,15203],{"class":3092,"line":4313},[3090,15204,4663],{"class":3115},[3090,15206,15207,15209,15211,15213,15215,15217,15219,15221,15223,15225,15227,15229,15231],{"class":3092,"line":4324},[3090,15208,11152],{"class":3777},[3090,15210,5779],{"class":3115},[3090,15212,10949],{"class":3444},[3090,15214,11159],{"class":4458},[3090,15216,4488],{"class":3115},[3090,15218,11164],{"class":4458},[3090,15220,11167],{"class":3115},[3090,15222,11170],{"class":4458},[3090,15224,11173],{"class":3115},[3090,15226,11176],{"class":4458},[3090,15228,11167],{"class":3115},[3090,15230,11170],{"class":4458},[3090,15232,11183],{"class":3115},[3090,15234,15235],{"class":3092,"line":4335},[3090,15236,5804],{"class":3115},[3090,15238,15239,15241,15243,15245,15247,15249],{"class":3092,"line":4346},[3090,15240,11192],{"class":4458},[3090,15242,3297],{"class":3115},[3090,15244,11197],{"class":3496},[3090,15246,4452],{"class":3115},[3090,15248,11170],{"class":4458},[3090,15250,5365],{"class":3115},[3090,15252,15253],{"class":3092,"line":4359},[3090,15254,5828],{"class":3115},[3090,15256,15257],{"class":3092,"line":4369},[3090,15258,3517],{"class":3115},[3090,15260,15261],{"class":3092,"line":4378},[3090,15262,3522],{"class":3115},[3090,15264,15265,15267,15269,15271,15273,15275,15277,15279,15281],{"class":3092,"line":5961},[3090,15266,6049],{"class":3115},[3090,15268,11222],{"class":3448},[3090,15270,4452],{"class":3115},[3090,15272,11227],{"class":4458},[3090,15274,4488],{"class":3115},[3090,15276,6304],{"class":3444},[3090,15278,4452],{"class":3115},[3090,15280,11236],{"class":4458},[3090,15282,11239],{"class":3115},[3090,15284,15285,15287,15289,15291],{"class":3092,"line":5972},[3090,15286,4443],{"class":3444},[3090,15288,4446],{"class":3444},[3090,15290,11248],{"class":3496},[3090,15292,3499],{"class":3115},[3090,15294,15295],{"class":3092,"line":5977},[3090,15296,3504],{"class":3115},[3090,15298,15299,15301,15303,15305,15307,15309],{"class":3092,"line":7329},[3090,15300,5776],{"class":3777},[3090,15302,5779],{"class":3115},[3090,15304,11103],{"class":4458},[3090,15306,11265],{"class":3115},[3090,15308,10872],{"class":7716},[3090,15310,4471],{"class":3115},[3090,15312,15313,15315],{"class":3092,"line":7338},[3090,15314,11274],{"class":4458},[3090,15316,11277],{"class":3115},[3090,15318,15319],{"class":3092,"line":7347},[3090,15320,3517],{"class":3115},[3090,15322,15323],{"class":3092,"line":7356},[3090,15324,3522],{"class":3115},[3090,15326,15327,15329,15331,15333,15335,15337,15339,15341],{"class":3092,"line":7365},[3090,15328,4443],{"class":3444},[3090,15330,6613],{"class":3444},[3090,15332,11294],{"class":3496},[3090,15334,11297],{"class":3115},[3090,15336,11103],{"class":4458},[3090,15338,11265],{"class":3115},[3090,15340,10872],{"class":7716},[3090,15342,3457],{"class":3115},[3090,15344,15345],{"class":3092,"line":7375},[3090,15346,3522],{"class":3115},[3090,15348,15349,15351,15353,15355,15357,15359,15361,15363,15365],{"class":3092,"line":7388},[3090,15350,6049],{"class":3115},[3090,15352,11222],{"class":3448},[3090,15354,4452],{"class":3115},[3090,15356,11227],{"class":4458},[3090,15358,4488],{"class":3115},[3090,15360,6304],{"class":3444},[3090,15362,4452],{"class":3115},[3090,15364,11328],{"class":4458},[3090,15366,11239],{"class":3115},[3090,15368,15369,15371,15373,15375],{"class":3092,"line":7397},[3090,15370,4443],{"class":3444},[3090,15372,4446],{"class":3444},[3090,15374,11339],{"class":3496},[3090,15376,3499],{"class":3115},[3090,15378,15379],{"class":3092,"line":7406},[3090,15380,3504],{"class":3115},[3090,15382,15383,15385,15387,15389,15391,15393],{"class":3092,"line":11401},[3090,15384,5776],{"class":3777},[3090,15386,5779],{"class":3115},[3090,15388,11103],{"class":4458},[3090,15390,11356],{"class":3115},[3090,15392,11132],{"class":4458},[3090,15394,4471],{"class":3115},[3090,15396,15397,15399],{"class":3092,"line":11410},[3090,15398,11274],{"class":4458},[3090,15400,11367],{"class":3115},[3090,15402,15403],{"class":3092,"line":11422},[3090,15404,3517],{"class":3115},[3090,15406,15407],{"class":3092,"line":11427},[3090,15408,3522],{"class":3115},[3090,15410,15411,15413,15415,15417,15419,15421,15423,15425],{"class":3092,"line":11439},[3090,15412,4443],{"class":3444},[3090,15414,6613],{"class":3444},[3090,15416,11384],{"class":3496},[3090,15418,11297],{"class":3115},[3090,15420,11103],{"class":4458},[3090,15422,11356],{"class":3115},[3090,15424,11132],{"class":4458},[3090,15426,3457],{"class":3115},[3090,15428,15429],{"class":3092,"line":11444},[3090,15430,3533],{"class":3115},[2959,15432,15433],{},[2980,15434,9117],{},[3081,15436,15438],{"className":3083,"code":15437,"language":3085,"meta":3086,"style":3086},"\u003Ccontrols:PaginationControl CurrentPage=\"{Binding CurrentPage, Mode=TwoWay}\"\n                            TotalPages=\"{Binding TotalPages}\"\n                            PageChanged=\"PaginationControl_PageChanged\"\n                            Margin=\"0,16,0,0\"/>\n",[2966,15439,15440,15452,15460,15469],{"__ignoreMap":3086},[3090,15441,15442,15444,15446,15448,15450],{"class":3092,"line":3093},[3090,15443,3104],{"class":3103},[3090,15445,13231],{"class":3107},[3090,15447,13234],{"class":3111},[3090,15449,3116],{"class":3115},[3090,15451,13239],{"class":3119},[3090,15453,15454,15456,15458],{"class":3092,"line":3100},[3090,15455,13244],{"class":3111},[3090,15457,3116],{"class":3115},[3090,15459,13249],{"class":3119},[3090,15461,15462,15464,15466],{"class":3092,"line":3134},[3090,15463,13254],{"class":3111},[3090,15465,3116],{"class":3115},[3090,15467,15468],{"class":3119},"\"PaginationControl_PageChanged\"\n",[3090,15470,15471,15474,15476,15478],{"class":3092,"line":3154},[3090,15472,15473],{"class":3111},"                            Margin",[3090,15475,3116],{"class":3115},[3090,15477,4695],{"class":3119},[3090,15479,3189],{"class":3103},[3081,15481,15483],{"className":3435,"code":15482,"language":3437,"meta":3086,"style":3086},"public partial class MainViewModel : ObservableObject\n{\n    [ObservableProperty]\n    private int _currentPage = 1;\n    \n    [ObservableProperty]\n    private int _totalPages;\n    \n    [ObservableProperty]\n    private ObservableCollection\u003CItem> _items = new();\n    \n    partial void OnCurrentPageChanged(int value)\n    {\n        LoadPageAsync(value);\n    }\n    \n    private async void LoadPageAsync(int page)\n    {\n        var result = await _dataService.GetPageAsync(page, pageSize: 20);\n        Items = new ObservableCollection\u003CItem>(result.Items);\n        TotalPages = result.TotalPages;\n    }\n}\n",[2966,15484,15485,15499,15503,15511,15525,15529,15537,15547,15551,15559,15579,15583,15599,15603,15614,15618,15622,15641,15645,15676,15702,15717,15721],{"__ignoreMap":3086},[3090,15486,15487,15489,15491,15493,15495,15497],{"class":3092,"line":3093},[3090,15488,3468],{"class":3444},[3090,15490,3471],{"class":3444},[3090,15492,3474],{"class":3444},[3090,15494,6035],{"class":3448},[3090,15496,3480],{"class":3115},[3090,15498,6040],{"class":3448},[3090,15500,15501],{"class":3092,"line":3100},[3090,15502,3488],{"class":3115},[3090,15504,15505,15507,15509],{"class":3092,"line":3134},[3090,15506,6049],{"class":3115},[3090,15508,6052],{"class":3448},[3090,15510,6055],{"class":3115},[3090,15512,15513,15515,15517,15519,15521,15523],{"class":3092,"line":3154},[3090,15514,4443],{"class":3444},[3090,15516,10864],{"class":3444},[3090,15518,10867],{"class":4458},[3090,15520,4488],{"class":3115},[3090,15522,10872],{"class":7716},[3090,15524,3457],{"class":3115},[3090,15526,15527],{"class":3092,"line":3167},[3090,15528,3522],{"class":3115},[3090,15530,15531,15533,15535],{"class":3092,"line":3178},[3090,15532,6049],{"class":3115},[3090,15534,6052],{"class":3448},[3090,15536,6055],{"class":3115},[3090,15538,15539,15541,15543,15545],{"class":3092,"line":3192},[3090,15540,4443],{"class":3444},[3090,15542,10864],{"class":3444},[3090,15544,10895],{"class":4458},[3090,15546,3457],{"class":3115},[3090,15548,15549],{"class":3092,"line":3210},[3090,15550,3522],{"class":3115},[3090,15552,15553,15555,15557],{"class":3092,"line":3221},[3090,15554,6049],{"class":3115},[3090,15556,6052],{"class":3448},[3090,15558,6055],{"class":3115},[3090,15560,15561,15563,15565,15567,15569,15571,15573,15575,15577],{"class":3092,"line":3234},[3090,15562,4443],{"class":3444},[3090,15564,7761],{"class":3448},[3090,15566,3104],{"class":3115},[3090,15568,7766],{"class":3448},[3090,15570,10952],{"class":3115},[3090,15572,13359],{"class":4458},[3090,15574,4488],{"class":3115},[3090,15576,5299],{"class":3444},[3090,15578,3512],{"class":3115},[3090,15580,15581],{"class":3092,"line":3530},[3090,15582,3522],{"class":3115},[3090,15584,15585,15587,15589,15591,15593,15595,15597],{"class":3092,"line":3599},[3090,15586,6079],{"class":3444},[3090,15588,4446],{"class":3444},[3090,15590,10979],{"class":3496},[3090,15592,4452],{"class":3115},[3090,15594,10949],{"class":3444},[3090,15596,6091],{"class":4458},[3090,15598,4471],{"class":3115},[3090,15600,15601],{"class":3092,"line":4029},[3090,15602,3504],{"class":3115},[3090,15604,15605,15608,15610,15612],{"class":3092,"line":4047},[3090,15606,15607],{"class":3496},"        LoadPageAsync",[3090,15609,4452],{"class":3115},[3090,15611,5385],{"class":4458},[3090,15613,5365],{"class":3115},[3090,15615,15616],{"class":3092,"line":4063},[3090,15617,3517],{"class":3115},[3090,15619,15620],{"class":3092,"line":4078},[3090,15621,3522],{"class":3115},[3090,15623,15624,15626,15628,15630,15633,15635,15637,15639],{"class":3092,"line":4088},[3090,15625,4443],{"class":3444},[3090,15627,7604],{"class":3444},[3090,15629,4446],{"class":3444},[3090,15631,15632],{"class":3496}," LoadPageAsync",[3090,15634,4452],{"class":3115},[3090,15636,10949],{"class":3444},[3090,15638,11519],{"class":4458},[3090,15640,4471],{"class":3115},[3090,15642,15643],{"class":3092,"line":4094},[3090,15644,3504],{"class":3115},[3090,15646,15647,15649,15652,15654,15656,15658,15660,15662,15664,15666,15668,15670,15672,15674],{"class":3092,"line":4100},[3090,15648,5729],{"class":3444},[3090,15650,15651],{"class":4458}," result",[3090,15653,4488],{"class":3115},[3090,15655,7736],{"class":3444},[3090,15657,13445],{"class":4458},[3090,15659,3297],{"class":3115},[3090,15661,13450],{"class":3496},[3090,15663,4452],{"class":3115},[3090,15665,11536],{"class":4458},[3090,15667,4462],{"class":3115},[3090,15669,13459],{"class":4458},[3090,15671,5240],{"class":3115},[3090,15673,13464],{"class":7716},[3090,15675,5365],{"class":3115},[3090,15677,15678,15680,15682,15684,15686,15688,15690,15692,15695,15697,15700],{"class":3092,"line":4118},[3090,15679,13471],{"class":4458},[3090,15681,4488],{"class":3115},[3090,15683,5299],{"class":3444},[3090,15685,7761],{"class":3448},[3090,15687,3104],{"class":3115},[3090,15689,7766],{"class":3448},[3090,15691,7769],{"class":3115},[3090,15693,15694],{"class":4458},"result",[3090,15696,3297],{"class":3115},[3090,15698,15699],{"class":4458},"Items",[3090,15701,5365],{"class":3115},[3090,15703,15704,15707,15709,15711,15713,15715],{"class":3092,"line":4131},[3090,15705,15706],{"class":4458},"        TotalPages",[3090,15708,4488],{"class":3115},[3090,15710,15694],{"class":4458},[3090,15712,3297],{"class":3115},[3090,15714,11132],{"class":4458},[3090,15716,3457],{"class":3115},[3090,15718,15719],{"class":3092,"line":4142},[3090,15720,3517],{"class":3115},[3090,15722,15723],{"class":3092,"line":4153},[3090,15724,3533],{"class":3115},[3012,15726],{},[3015,15728,15730],{"id":15729},"підсумок","Підсумок",[2959,15732,15733],{},"UserControl — це потужний інструмент для створення перевикористовуваних UI-компонентів у WPF. Правильне використання DependencyProperty, RoutedEvent та уникнення DataContext gotcha робить компоненти професійними та зручними.",[2959,15735,15736],{},[2980,15737,15738],{},"Ключові висновки:",[15740,15741,15742,15748,15753,15758,15763,15768],"card-group",{},[15743,15744,15747],"card",{"icon":15745,"title":15746},"i-lucide-puzzle","🧩 Composition","UserControl — це композиція стандартних контролів. Інкапсулюйте складний UI у перевикористовувані компоненти.",[15743,15749,15752],{"icon":15750,"title":15751},"i-lucide-plug","🔌 DependencyProperty","Публічний API компонента через DependencyProperty. Підтримка Binding, Animation, Styling.",[15743,15754,15757],{"icon":15755,"title":15756},"i-lucide-radio","📡 RoutedEvent","Кастомні події для повідомлення зовнішнього коду. Bubbling стратегія для спливання подій.",[15743,15759,15762],{"icon":15760,"title":15761},"i-lucide-alert-triangle","⚠️ DataContext Gotcha","НІКОЛИ не встановлюйте DataContext всередині UserControl. Використовуйте ElementName або RelativeSource.",[15743,15764,15767],{"icon":15765,"title":15766},"i-lucide-building","🏗️ Internal ViewModel","Для складних компонентів створюйте внутрішню ViewModel. Встановлюйте DataContext для кореневого елемента, а не UserControl.",[15743,15769,15772],{"icon":15770,"title":15771},"i-lucide-recycle","♻️ Reusability","UserControl — це будівельний блок для бібліотек компонентів та дизайн-систем.",[2959,15774,15775],{},[2980,15776,15777],{},"Переваги UserControl:",[3039,15779,15780,15783,15786,15788,15791,15794],{},[3042,15781,15782],{},"✅ Перевикористовуваність коду",[3042,15784,15785],{},"✅ Інкапсуляція складної логіки",[3042,15787,13514],{},[3042,15789,15790],{},"✅ Легке тестування (особливо з внутрішньою ViewModel)",[3042,15792,15793],{},"✅ Можливість створення бібліотек компонентів",[3042,15795,15796],{},"✅ Підтримка MVVM-архітектури",[2959,15798,15799],{},[2980,15800,15801],{},"Порівняння підходів:",[9277,15803,15804,15821],{},[9280,15805,15806],{},[9283,15807,15808,15810,15813,15816,15819],{},[9286,15809,9868],{},[9286,15811,15812],{},"Складність",[9286,15814,15815],{},"Перевикористовуваність",[9286,15817,15818],{},"Тестованість",[9286,15820,9294],{},[9296,15822,15823,15838,15853,15867],{},[9283,15824,15825,15828,15831,15833,15835],{},[9301,15826,15827],{},"Inline XAML",[9301,15829,15830],{},"Низька",[9301,15832,15830],{},[9301,15834,15830],{},[9301,15836,15837],{},"Унікальний UI",[9283,15839,15840,15842,15845,15848,15850],{},[9301,15841,2968],{},[9301,15843,15844],{},"Середня",[9301,15846,15847],{},"Висока",[9301,15849,15844],{},[9301,15851,15852],{},"Повторюваний UI",[9283,15854,15855,15858,15860,15862,15864],{},[9301,15856,15857],{},"UserControl + ViewModel",[9301,15859,15847],{},[9301,15861,15847],{},[9301,15863,15847],{},[9301,15865,15866],{},"Складні компоненти",[9283,15868,15869,15872,15875,15877,15879],{},[9301,15870,15871],{},"CustomControl",[9301,15873,15874],{},"Дуже висока",[9301,15876,15874],{},[9301,15878,15847],{},[9301,15880,15881],{},"Бібліотеки контролів",[15883,15884,15885,15887],"tip",{},[2980,15886,9921],{}," Використовуйте UserControl для будь-якого UI, що повторюється більше одного разу. Для складних компонентів з логікою — створюйте внутрішню ViewModel. Завжди пам'ятайте про DataContext gotcha!",[2959,15889,15890],{},[2980,15891,15892],{},"Що далі?",[2959,15894,15895],{},"Ви завершили статтю про UserControl! Наступні теми:",[3039,15897,15898,15903,15909],{},[3042,15899,15900,15902],{},[2980,15901,15871],{}," (стаття 38) — створення повністю кастомних контролів з ControlTemplate",[3042,15904,15905,15908],{},[2980,15906,15907],{},"Attached Properties"," (стаття 39) — розширення функціональності існуючих контролів",[3042,15910,15911,15914],{},[2980,15912,15913],{},"Behaviors"," (стаття 40) — додавання поведінки до контролів без наслідування",[3012,15916],{},[3015,15918,15920],{"id":15919},"словник-термінів","Словник термінів",[2977,15922,15924,15929,15934,15939,15945,15951,15956,15961,15966,15971,15976,15982,15988,15994,16000],{"title":15923},"📚 Глосарій",[2959,15925,15926,15928],{},[2980,15927,2968],{}," — перевикористовуваний UI-компонент, що складається з XAML-розмітки та code-behind.",[2959,15930,15931,15933],{},[2980,15932,2989],{}," — спеціальна властивість WPF з підтримкою Binding, Animation, Styling та інших WPF-можливостей.",[2959,15935,15936,15938],{},[2980,15937,2993],{}," — подія WPF, що \"спливає\" (bubbling) або \"тоне\" (tunneling) по дереву елементів.",[2959,15940,15941,15944],{},[2980,15942,15943],{},"Bubbling"," — стратегія маршрутизації події знизу вгору (від дочірнього до батьківського елемента).",[2959,15946,15947,15950],{},[2980,15948,15949],{},"Tunneling"," — стратегія маршрутизації події зверху вниз (від батьківського до дочірнього елемента).",[2959,15952,15953,15955],{},[2980,15954,2997],{}," — поширена помилка встановлення DataContext всередині UserControl, що ламає зовнішній Binding.",[2959,15957,15958,15960],{},[2980,15959,3001],{}," — спосіб прив'язки до властивостей самого елемента через RelativeSource.",[2959,15962,15963,15965],{},[2980,15964,9625],{}," — спосіб прив'язки до властивостей іншого елемента за його x:Name.",[2959,15967,15968,15970],{},[2980,15969,3005],{}," — побудова складного UI з простих компонентів (композиція замість наслідування).",[2959,15972,15973,15975],{},[2980,15974,3009],{}," — публічний інтерфейс компонента (DependencyProperty, RoutedEvent, методи).",[2959,15977,15978,15981],{},[2980,15979,15980],{},"Internal ViewModel"," — ViewModel для внутрішньої логіки UserControl (не порушує зовнішній DataContext).",[2959,15983,15984,15987],{},[2980,15985,15986],{},"PropertyMetadata"," — метадані DependencyProperty (значення за замовчуванням, callback при зміні).",[2959,15989,15990,15993],{},[2980,15991,15992],{},"FrameworkPropertyMetadata"," — розширені метадані з додатковими опціями (BindsTwoWayByDefault, AffectsRender).",[2959,15995,15996,15999],{},[2980,15997,15998],{},"PropertyChangedCallback"," — метод, що викликається при зміні значення DependencyProperty.",[2959,16001,16002,16005],{},[2980,16003,16004],{},"CoerceValueCallback"," — метод для валідації та корекції значення DependencyProperty.",[3012,16007],{},[3015,16009,16011],{"id":16010},"додаткові-ресурси","Додаткові ресурси",[15740,16013,16014,16019,16024,16029,16034,16040],{},[15743,16015,16018],{"icon":15,"title":16016,"to":16017},"📖 WPF UserControl Docs","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/how-to-create-apply-template","Офіційна документація про створення UserControl.",[15743,16020,16023],{"icon":15750,"title":16021,"to":16022},"🔌 DependencyProperty Guide","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/properties/dependency-properties-overview","Повний гайд з DependencyProperty та PropertyMetadata.",[15743,16025,16028],{"icon":15755,"title":16026,"to":16027},"📡 RoutedEvent Tutorial","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/events/routed-events-overview","Детальна стаття про RoutedEvent та стратегії маршрутизації.",[15743,16030,16033],{"icon":15760,"title":16031,"to":16032},"⚠️ DataContext Best Practices","https://stackoverflow.com/questions/84278/how-do-i-use-wpf-bindings-with-relativesource","Обговорення DataContext gotcha та правильних підходів.",[15743,16035,16039],{"icon":16036,"title":16037,"to":16038},"i-lucide-arrow-left","📚 Попередня стаття: Dialogs and File Pickers","/csharp/desktop-ui/36.dialogs-file-pickers","Повернутися до діалогів та file pickers.",[15743,16041,16045],{"icon":16042,"title":16043,"to":16044},"i-lucide-arrow-right","📚 Наступна стаття: CustomControl","/csharp/desktop-ui/38.custom-control","Дізнатися про створення повністю кастомних контролів.",[16047,16048,16049],"style",{},"html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .su9tN, html code.shiki .su9tN{--shiki-light:#0000FF;--shiki-default:#CE9178;--shiki-dark:#CE9178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sCDza, html code.shiki .sCDza{--shiki-light:#AF00DB;--shiki-default:#CE92A4;--shiki-dark:#CE92A4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}",{"title":3086,"searchDepth":3100,"depth":3100,"links":16051},[16052,16057,16062,16070,16077,16085,16093,16098,16099,16100],{"id":3017,"depth":3100,"text":3018,"children":16053},[16054,16055,16056],{"id":3031,"depth":3134,"text":3032},{"id":3075,"depth":3134,"text":3076},{"id":3300,"depth":3134,"text":3301},{"id":3607,"depth":3100,"text":3608,"children":16058},[16059,16060,16061],{"id":3614,"depth":3134,"text":3615},{"id":3888,"depth":3134,"text":3889},{"id":4516,"depth":3134,"text":4517},{"id":5128,"depth":3100,"text":5129,"children":16063},[16064,16065,16066,16067,16068,16069],{"id":5138,"depth":3134,"text":5139},{"id":5186,"depth":3134,"text":5187},{"id":5511,"depth":3134,"text":5512},{"id":5982,"depth":3134,"text":5983},{"id":6245,"depth":3134,"text":6246},{"id":7427,"depth":3134,"text":7428},{"id":7815,"depth":3100,"text":7816,"children":16071},[16072,16073,16074,16075,16076],{"id":7832,"depth":3134,"text":7833},{"id":8073,"depth":3134,"text":8074},{"id":8439,"depth":3134,"text":8440},{"id":8646,"depth":3134,"text":8647},{"id":9271,"depth":3134,"text":9272},{"id":9372,"depth":3100,"text":9373,"children":16078},[16079,16080,16081,16082,16083,16084],{"id":9383,"depth":3134,"text":9384},{"id":9484,"depth":3134,"text":9485},{"id":9612,"depth":3134,"text":9613},{"id":9858,"depth":3134,"text":9859},{"id":9928,"depth":3134,"text":9929},{"id":10627,"depth":3134,"text":10628},{"id":10778,"depth":3100,"text":10779,"children":16086},[16087,16088,16089,16090,16091,16092],{"id":10785,"depth":3134,"text":10786},{"id":10816,"depth":3134,"text":10817},{"id":11576,"depth":3134,"text":11577},{"id":12461,"depth":3134,"text":12462},{"id":13218,"depth":3134,"text":13219},{"id":13499,"depth":3134,"text":13500},{"id":13586,"depth":3100,"text":13587,"children":16094},[16095,16096,16097],{"id":13590,"depth":3134,"text":13591},{"id":14264,"depth":3134,"text":14265},{"id":14659,"depth":3134,"text":14660},{"id":15729,"depth":3100,"text":15730},{"id":15919,"depth":3100,"text":15920},{"id":16010,"depth":3100,"text":16011},"Створення перевикористовуваних UI-компонентів через UserControl. DependencyProperty як public API, кастомні RoutedEvent, DataContext gotcha та патерни для складних контролів з власними ViewModel.","md",null,{},{"title":1581,"description":16101},"8zcYw9nPdbOmLrO583anP3ap14DHVktNUunJDXMlX2g",[16108,16110],{"title":1577,"path":1578,"stem":1579,"description":16109,"children":-1},"Стандартні діалогові вікна WPF: MessageBox, OpenFileDialog, SaveFileDialog, FolderBrowserDialog. Custom Dialogs через Window.ShowDialog() та MVVM-friendly Dialog Service pattern.",{"title":1585,"path":1586,"stem":1587,"description":16111,"children":-1},"Різниця між UserControl та Custom Control. Створення lookless контролів з Template Parts, DefaultStyleKey, OnApplyTemplate та Automation Peers для accessibility.",1777911662612]