[{"data":1,"prerenderedAt":13898},["ShallowReactive",2],{"navigation_docs":3,"-csharp-desktop-ui-layout-advanced":2949,"-csharp-desktop-ui-layout-advanced-surround":13893},[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":1405,"body":2951,"description":13887,"extension":13888,"links":13889,"meta":13890,"navigation":3088,"path":1406,"seo":13891,"stem":1407,"__hash__":13892},"docs/01.csharp/12.desktop-ui/08.layout-advanced.md",{"type":2952,"value":2953,"toc":13856},"minimark",[2954,2958,2962,2965,3001,3004,3009,3023,3028,3031,3153,3164,3171,3293,3297,3304,3383,3393,3476,3478,3482,3502,3508,3598,3602,3610,3648,4165,4167,4171,4174,4193,4199,4203,4526,5623,5627,5644,5768,5770,5774,5777,5975,5978,6014,6508,6510,6514,6522,6569,6573,6583,6643,6648,6662,6801,6805,6808,6870,6887,6896,6953,6969,7097,7109,7181,8331,8333,8337,8345,8411,8415,8420,8700,9533,9535,9539,9562,9649,9658,9804,9808,10002,10885,10887,10891,10903,11109,11113,11220,11226,11229,11257,13084,13086,13090,13093,13101,13479,13481,13485,13583,13585,13589,13852],[2955,2956,1405],"h1",{"id":2957},"просунуті-техніки-layout",[2959,2960,2961],"p",{},"Попередні статті про панелі (StackPanel, WrapPanel, DockPanel, Grid) охопили основний \"каркас\" інтерфейсу. Але WPF пропонує набір додаткових інструментів, без яких реальний UI неможливий: коректні відступи, вирівнювання, обмеження розмірів, прокручування, масштабування та інтерактивне перетворення зон.",[2959,2963,2964],{},"Ця стаття — про деталі, що відрізняють \"робочий\" інтерфейс від \"гарного\" інтерфейсу.",[2966,2967,2968,2972,2973,2976,2977,2980,2981,2984,2985,2988,2989,2992,2993,2996,2997,3000],"note",{},[2969,2970,2971],"strong",{},"Словник теми:"," ",[2969,2974,2975],{},"Margin"," — зовнішні відступи елемента від сусідів і країв батьківського контейнера. ",[2969,2978,2979],{},"Padding"," — внутрішні відступи між краями контролу та його вмістом. ",[2969,2982,2983],{},"HorizontalAlignment/VerticalAlignment"," — розміщення елемента у межах виділеного простору. ",[2969,2986,2987],{},"Stretch"," — режим де елемент займає увесь доступний простір. ",[2969,2990,2991],{},"ScrollViewer"," — контейнер що додає смуги прокрутки до вмісту. ",[2969,2994,2995],{},"ViewBox"," — масштабуючий контейнер. ",[2969,2998,2999],{},"GridSplitter"," — інтерактивний роздільник між зонами Grid.",[3002,3003],"hr",{},[3005,3006,3008],"h2",{"id":3007},"margin-зовнішні-відступи","Margin: зовнішні відступи",[2959,3010,3011,3014,3015,3018,3019,3022],{},[3012,3013,2975],"code",{}," — це простір ",[2969,3016,3017],{},"навколо"," елемента, між його зовнішнім краєм і сусідніми елементами або краями батьківського контейнера. Аналог ",[3012,3020,3021],{},"margin"," у CSS.",[3024,3025,3027],"h3",{"id":3026},"синтаксис-margin","Синтаксис Margin",[2959,3029,3030],{},"WPF підтримує три варіанти запису:",[3032,3033,3038],"pre",{"className":3034,"code":3035,"language":3036,"meta":3037,"style":3037},"language-xml shiki shiki-themes light-plus dark-plus dark-plus","\u003C!-- 1. Одне число: однаковий відступ з усіх сторін -->\n\u003CButton Margin=\"8\" Content=\"8px з усіх сторін\"/>\n\n\u003C!-- 2. Два числа: horizontal, vertical (Left+Right, Top+Bottom) -->\n\u003CButton Margin=\"16,8\" Content=\"16pxліво/право, 8px верх/низ\"/>\n\n\u003C!-- 3. Чотири числа: Left, Top, Right, Bottom -->\n\u003CButton Margin=\"12,8,12,4\" Content=\"12 ліво, 8 верх, 12 право, 4 низ\"/>\n","xml","",[3012,3039,3040,3049,3083,3090,3096,3119,3124,3130],{"__ignoreMap":3037},[3041,3042,3045],"span",{"class":3043,"line":3044},"line",1,[3041,3046,3048],{"class":3047},"spJ8K","\u003C!-- 1. Одне число: однаковий відступ з усіх сторін -->\n",[3041,3050,3052,3056,3060,3064,3068,3072,3075,3077,3080],{"class":3043,"line":3051},2,[3041,3053,3055],{"class":3054},"s0P7L","\u003C",[3041,3057,3059],{"class":3058},"sKtos","Button",[3041,3061,3063],{"class":3062},"sa4r_"," Margin",[3041,3065,3067],{"class":3066},"sHH4Y","=",[3041,3069,3071],{"class":3070},"su9tN","\"8\"",[3041,3073,3074],{"class":3062}," Content",[3041,3076,3067],{"class":3066},[3041,3078,3079],{"class":3070},"\"8px з усіх сторін\"",[3041,3081,3082],{"class":3054},"/>\n",[3041,3084,3086],{"class":3043,"line":3085},3,[3041,3087,3089],{"emptyLinePlaceholder":3088},true,"\n",[3041,3091,3093],{"class":3043,"line":3092},4,[3041,3094,3095],{"class":3047},"\u003C!-- 2. Два числа: horizontal, vertical (Left+Right, Top+Bottom) -->\n",[3041,3097,3099,3101,3103,3105,3107,3110,3112,3114,3117],{"class":3043,"line":3098},5,[3041,3100,3055],{"class":3054},[3041,3102,3059],{"class":3058},[3041,3104,3063],{"class":3062},[3041,3106,3067],{"class":3066},[3041,3108,3109],{"class":3070},"\"16,8\"",[3041,3111,3074],{"class":3062},[3041,3113,3067],{"class":3066},[3041,3115,3116],{"class":3070},"\"16pxліво/право, 8px верх/низ\"",[3041,3118,3082],{"class":3054},[3041,3120,3122],{"class":3043,"line":3121},6,[3041,3123,3089],{"emptyLinePlaceholder":3088},[3041,3125,3127],{"class":3043,"line":3126},7,[3041,3128,3129],{"class":3047},"\u003C!-- 3. Чотири числа: Left, Top, Right, Bottom -->\n",[3041,3131,3133,3135,3137,3139,3141,3144,3146,3148,3151],{"class":3043,"line":3132},8,[3041,3134,3055],{"class":3054},[3041,3136,3059],{"class":3058},[3041,3138,3063],{"class":3062},[3041,3140,3067],{"class":3066},[3041,3142,3143],{"class":3070},"\"12,8,12,4\"",[3041,3145,3074],{"class":3062},[3041,3147,3067],{"class":3066},[3041,3149,3150],{"class":3070},"\"12 ліво, 8 верх, 12 право, 4 низ\"",[3041,3152,3082],{"class":3054},[2966,3154,3155,3156,3159,3160,3163],{},"Порядок у WPF: ",[3012,3157,3158],{},"Left, Top, Right, Bottom"," — відрізняється від CSS де порядок ",[3012,3161,3162],{},"Top, Right, Bottom, Left"," (за годинниковою). Це часта помилка навіть у досвідчених WPF-розробників що прийшли з веб.",[2959,3165,3166,3167,3170],{},"Margin — це ",[3012,3168,3169],{},"Thickness"," — структура з чотирма полями. У коді:",[3032,3172,3176],{"className":3173,"code":3174,"language":3175,"meta":3037,"style":3037},"language-csharp shiki shiki-themes light-plus dark-plus dark-plus","// Еквіваленти:\nbutton.Margin = new Thickness(8);             // \"8\"\nbutton.Margin = new Thickness(16, 8, 16, 8);  // \"16,8\"\nbutton.Margin = new Thickness(12, 8, 12, 4);  // \"12,8,12,4\"\n","csharp",[3012,3177,3178,3183,3218,3256],{"__ignoreMap":3037},[3041,3179,3180],{"class":3043,"line":3044},[3041,3181,3182],{"class":3047},"// Еквіваленти:\n",[3041,3184,3185,3189,3192,3194,3197,3201,3205,3208,3212,3215],{"class":3043,"line":3051},[3041,3186,3188],{"class":3187},"siwwj","button",[3041,3190,3191],{"class":3066},".",[3041,3193,2975],{"class":3187},[3041,3195,3196],{"class":3066}," = ",[3041,3198,3200],{"class":3199},"su1O8","new",[3041,3202,3204],{"class":3203},"sN1BT"," Thickness",[3041,3206,3207],{"class":3066},"(",[3041,3209,3211],{"class":3210},"sJj4R","8",[3041,3213,3214],{"class":3066},");             ",[3041,3216,3217],{"class":3047},"// \"8\"\n",[3041,3219,3220,3222,3224,3226,3228,3230,3232,3234,3237,3240,3242,3244,3246,3248,3250,3253],{"class":3043,"line":3085},[3041,3221,3188],{"class":3187},[3041,3223,3191],{"class":3066},[3041,3225,2975],{"class":3187},[3041,3227,3196],{"class":3066},[3041,3229,3200],{"class":3199},[3041,3231,3204],{"class":3203},[3041,3233,3207],{"class":3066},[3041,3235,3236],{"class":3210},"16",[3041,3238,3239],{"class":3066},", ",[3041,3241,3211],{"class":3210},[3041,3243,3239],{"class":3066},[3041,3245,3236],{"class":3210},[3041,3247,3239],{"class":3066},[3041,3249,3211],{"class":3210},[3041,3251,3252],{"class":3066},");  ",[3041,3254,3255],{"class":3047},"// \"16,8\"\n",[3041,3257,3258,3260,3262,3264,3266,3268,3270,3272,3275,3277,3279,3281,3283,3285,3288,3290],{"class":3043,"line":3092},[3041,3259,3188],{"class":3187},[3041,3261,3191],{"class":3066},[3041,3263,2975],{"class":3187},[3041,3265,3196],{"class":3066},[3041,3267,3200],{"class":3199},[3041,3269,3204],{"class":3203},[3041,3271,3207],{"class":3066},[3041,3273,3274],{"class":3210},"12",[3041,3276,3239],{"class":3066},[3041,3278,3211],{"class":3210},[3041,3280,3239],{"class":3066},[3041,3282,3274],{"class":3210},[3041,3284,3239],{"class":3066},[3041,3286,3287],{"class":3210},"4",[3041,3289,3252],{"class":3066},[3041,3291,3292],{"class":3047},"// \"12,8,12,4\"\n",[3024,3294,3296],{"id":3295},"margin-зсередини-grid-та-stackpanel","Margin зсередини Grid та StackPanel",[2959,3298,3299,3300,3303],{},"Margin елемента займає простір ",[2969,3301,3302],{},"у батьківському контейнері"," — зменшує доступний простір для елемента:",[3032,3305,3307],{"className":3034,"code":3306,"language":3036,"meta":3037,"style":3037},"\u003CStackPanel>\n    \u003CButton Margin=\"8\" Content=\"Кнопка 1\"/>      \u003C!-- 8px відступ з усіх сторін -->\n    \u003CButton Margin=\"8\" Content=\"Кнопка 2\"/>      \u003C!-- Відступ між кнопками: 8 + 8 = 16px -->\n    \u003C!-- Ось чому Spacing у StackPanel зручніший: не подвоює відступи -->\n\u003C/StackPanel>\n",[3012,3308,3309,3319,3345,3369,3374],{"__ignoreMap":3037},[3041,3310,3311,3313,3316],{"class":3043,"line":3044},[3041,3312,3055],{"class":3054},[3041,3314,3315],{"class":3058},"StackPanel",[3041,3317,3318],{"class":3054},">\n",[3041,3320,3321,3324,3326,3328,3330,3332,3334,3336,3339,3342],{"class":3043,"line":3051},[3041,3322,3323],{"class":3054},"    \u003C",[3041,3325,3059],{"class":3058},[3041,3327,3063],{"class":3062},[3041,3329,3067],{"class":3066},[3041,3331,3071],{"class":3070},[3041,3333,3074],{"class":3062},[3041,3335,3067],{"class":3066},[3041,3337,3338],{"class":3070},"\"Кнопка 1\"",[3041,3340,3341],{"class":3054},"/>",[3041,3343,3344],{"class":3047},"      \u003C!-- 8px відступ з усіх сторін -->\n",[3041,3346,3347,3349,3351,3353,3355,3357,3359,3361,3364,3366],{"class":3043,"line":3085},[3041,3348,3323],{"class":3054},[3041,3350,3059],{"class":3058},[3041,3352,3063],{"class":3062},[3041,3354,3067],{"class":3066},[3041,3356,3071],{"class":3070},[3041,3358,3074],{"class":3062},[3041,3360,3067],{"class":3066},[3041,3362,3363],{"class":3070},"\"Кнопка 2\"",[3041,3365,3341],{"class":3054},[3041,3367,3368],{"class":3047},"      \u003C!-- Відступ між кнопками: 8 + 8 = 16px -->\n",[3041,3370,3371],{"class":3043,"line":3092},[3041,3372,3373],{"class":3047},"    \u003C!-- Ось чому Spacing у StackPanel зручніший: не подвоює відступи -->\n",[3041,3375,3376,3379,3381],{"class":3043,"line":3098},[3041,3377,3378],{"class":3054},"\u003C/",[3041,3380,3315],{"class":3058},[3041,3382,3318],{"class":3054},[2959,3384,3385,3386,3389,3390,3392],{},"Краще використовувати ",[3012,3387,3388],{},"Spacing"," у StackPanel для відступів між елементами і ",[3012,3391,2975],{}," для відступів від країв контейнера:",[3032,3394,3396],{"className":3034,"code":3395,"language":3036,"meta":3037,"style":3037},"\u003C!-- Правильно: Spacing між елементами, Margin ззовні -->\n\u003CStackPanel Spacing=\"8\" Margin=\"16\">\n    \u003CButton Content=\"Кнопка 1\"/>\n    \u003CButton Content=\"Кнопка 2\"/>\n    \u003CButton Content=\"Кнопка 3\"/>\n\u003C/StackPanel>\n",[3012,3397,3398,3403,3425,3439,3453,3468],{"__ignoreMap":3037},[3041,3399,3400],{"class":3043,"line":3044},[3041,3401,3402],{"class":3047},"\u003C!-- Правильно: Spacing між елементами, Margin ззовні -->\n",[3041,3404,3405,3407,3409,3412,3414,3416,3418,3420,3423],{"class":3043,"line":3051},[3041,3406,3055],{"class":3054},[3041,3408,3315],{"class":3058},[3041,3410,3411],{"class":3062}," Spacing",[3041,3413,3067],{"class":3066},[3041,3415,3071],{"class":3070},[3041,3417,3063],{"class":3062},[3041,3419,3067],{"class":3066},[3041,3421,3422],{"class":3070},"\"16\"",[3041,3424,3318],{"class":3054},[3041,3426,3427,3429,3431,3433,3435,3437],{"class":3043,"line":3085},[3041,3428,3323],{"class":3054},[3041,3430,3059],{"class":3058},[3041,3432,3074],{"class":3062},[3041,3434,3067],{"class":3066},[3041,3436,3338],{"class":3070},[3041,3438,3082],{"class":3054},[3041,3440,3441,3443,3445,3447,3449,3451],{"class":3043,"line":3092},[3041,3442,3323],{"class":3054},[3041,3444,3059],{"class":3058},[3041,3446,3074],{"class":3062},[3041,3448,3067],{"class":3066},[3041,3450,3363],{"class":3070},[3041,3452,3082],{"class":3054},[3041,3454,3455,3457,3459,3461,3463,3466],{"class":3043,"line":3098},[3041,3456,3323],{"class":3054},[3041,3458,3059],{"class":3058},[3041,3460,3074],{"class":3062},[3041,3462,3067],{"class":3066},[3041,3464,3465],{"class":3070},"\"Кнопка 3\"",[3041,3467,3082],{"class":3054},[3041,3469,3470,3472,3474],{"class":3043,"line":3121},[3041,3471,3378],{"class":3054},[3041,3473,3315],{"class":3058},[3041,3475,3318],{"class":3054},[3002,3477],{},[3005,3479,3481],{"id":3480},"padding-внутрішні-відступи","Padding: внутрішні відступи",[2959,3483,3484,3486,3487,3490,3491,3493,3494,3497,3498,3501],{},[3012,3485,2979],{}," — простір ",[2969,3488,3489],{},"всередині"," контролу, між його краями і вмістом. Не всі елементи мають ",[3012,3492,2979],{}," (наприклад, ",[3012,3495,3496],{},"TextBlock"," підтримує, ",[3012,3499,3500],{},"Rectangle"," — ні).",[2959,3503,3504,3505,3507],{},"Той самий синтаксис що ",[3012,3506,2975],{},":",[3032,3509,3511],{"className":3034,"code":3510,"language":3036,"meta":3037,"style":3037},"\u003CButton Padding=\"20,8\" Content=\"Більша кнопка\"/>\n\u003CTextBox Padding=\"12,6\" Text=\"Текст з відступами від країв\"/>\n\u003CBorder Padding=\"16\">\n    \u003CTextBlock Text=\"Контент з відступом 16px від кожного краю Border\"/>\n\u003C/Border>\n",[3012,3512,3513,3536,3560,3575,3590],{"__ignoreMap":3037},[3041,3514,3515,3517,3519,3522,3524,3527,3529,3531,3534],{"class":3043,"line":3044},[3041,3516,3055],{"class":3054},[3041,3518,3059],{"class":3058},[3041,3520,3521],{"class":3062}," Padding",[3041,3523,3067],{"class":3066},[3041,3525,3526],{"class":3070},"\"20,8\"",[3041,3528,3074],{"class":3062},[3041,3530,3067],{"class":3066},[3041,3532,3533],{"class":3070},"\"Більша кнопка\"",[3041,3535,3082],{"class":3054},[3041,3537,3538,3540,3543,3545,3547,3550,3553,3555,3558],{"class":3043,"line":3051},[3041,3539,3055],{"class":3054},[3041,3541,3542],{"class":3058},"TextBox",[3041,3544,3521],{"class":3062},[3041,3546,3067],{"class":3066},[3041,3548,3549],{"class":3070},"\"12,6\"",[3041,3551,3552],{"class":3062}," Text",[3041,3554,3067],{"class":3066},[3041,3556,3557],{"class":3070},"\"Текст з відступами від країв\"",[3041,3559,3082],{"class":3054},[3041,3561,3562,3564,3567,3569,3571,3573],{"class":3043,"line":3085},[3041,3563,3055],{"class":3054},[3041,3565,3566],{"class":3058},"Border",[3041,3568,3521],{"class":3062},[3041,3570,3067],{"class":3066},[3041,3572,3422],{"class":3070},[3041,3574,3318],{"class":3054},[3041,3576,3577,3579,3581,3583,3585,3588],{"class":3043,"line":3092},[3041,3578,3323],{"class":3054},[3041,3580,3496],{"class":3058},[3041,3582,3552],{"class":3062},[3041,3584,3067],{"class":3066},[3041,3586,3587],{"class":3070},"\"Контент з відступом 16px від кожного краю Border\"",[3041,3589,3082],{"class":3054},[3041,3591,3592,3594,3596],{"class":3043,"line":3098},[3041,3593,3378],{"class":3054},[3041,3595,3566],{"class":3058},[3041,3597,3318],{"class":3054},[3024,3599,3601],{"id":3600},"margin-proти-padding-ключова-різниця","Margin proти Padding: ключова різниця",[3032,3603,3608],{"className":3604,"code":3606,"language":3607},[3605],"language-text","┌─────────────── ParentContainer ─────────────────┐\n│         ↑ Margin.Top                            │\n│   ┌─────┴──────── Element ──────────────┐       │\n│   │      ↑ Padding.Top                 │       │\n│M  │  ┌───┴──────  Content  ─────┐     │P  M   │\n│.  │  │                         │     │.  .   │\n│L  │  └────────────────────────-┘     │R  R   │\n│   │      ↓ Padding.Bottom            │       │\n│   └───────────────────────────────────┘       │\n│         ↓ Margin.Bottom                       │\n└────────────────────────────────────────────────┘\n","text",[3012,3609,3606],{"__ignoreMap":3037},[3611,3612,3613,3622,3629,3638],"ul",{},[3614,3615,3616,3486,3618,3621],"li",{},[3012,3617,2975],{},[2969,3619,3620],{},"зовні"," елемента (між елементом і його сусідами)",[3614,3623,3624,3486,3626,3628],{},[3012,3625,2979],{},[2969,3627,3489],{}," кордону елемента (між кордоном і вмістом)",[3614,3630,3631,3634,3635,3637],{},[3012,3632,3633],{},"Background"," заповнює ",[3012,3636,2979],{},"-область (тобто фон видно за відступами)",[3614,3639,3640,3642,3643,3645,3646],{},[3012,3641,3566],{}," малюється поверх ",[3012,3644,3633],{},", але до ",[3012,3647,2979],{},[3649,3650,3652],"wpf-preview",{"title":3651},"Margin vs Padding: порівняння на кольорових прикладах",[3032,3653,3655],{"className":3034,"code":3654,"language":3036,"meta":3037,"style":3037},"\u003CStackPanel Margin=\"16\" Spacing=\"16\">\n\n    \u003C!-- Margin: зовнішній відступ від сусідів -->\n    \u003CTextBlock Text=\"Приклад 1: Margin (зовнішній відступ)\" FontWeight=\"SemiBold\" Foreground=\"#374151\"/>\n    \u003CGrid Background=\"#e0e7ff\">\n        \u003CButton Margin=\"24\" Content=\"Button з Margin=24\"\n                Background=\"#4f46e5\" Foreground=\"White\" Padding=\"8,4\"/>\n    \u003C/Grid>\n\n    \u003C!-- Padding: внутрішній відступ від країв до вмісту -->\n    \u003CTextBlock Text=\"Приклад 2: Padding (внутрішній відступ)\" FontWeight=\"SemiBold\" Foreground=\"#374151\"/>\n    \u003CGrid Background=\"#d1fae5\">\n        \u003CButton Padding=\"32,16\" Content=\"Button з Padding=32,16\"\n                Background=\"#059669\" Foreground=\"White\"/>\n    \u003C/Grid>\n\n    \u003C!-- Обидва разом -->\n    \u003CTextBlock Text=\"Приклад 3: Margin + Padding разом\" FontWeight=\"SemiBold\" Foreground=\"#374151\"/>\n    \u003CStackPanel Background=\"#fce7f3\" Spacing=\"0\">\n        \u003CBorder Margin=\"16\" Padding=\"16\" Background=\"#f9a8d4\" BorderBrush=\"#ec4899\" BorderThickness=\"2\" CornerRadius=\"8\">\n            \u003CTextBlock Text=\"Border: Margin=16 (зовні у рожевій зоні), Padding=16 (всередині між рамкою і текстом)\"\n                       TextWrapping=\"Wrap\" Foreground=\"#831843\"/>\n        \u003C/Border>\n    \u003C/StackPanel>\n\n    \u003C!-- Padding впливає на Area фону -->\n    \u003CTextBlock Text=\"Приклад 4: Background заповнює Padding-область\" FontWeight=\"SemiBold\" Foreground=\"#374151\"/>\n    \u003CTextBlock Text=\"Текст з Padding та фоном — фон видно за відступами\"\n               Padding=\"20,12\" Background=\"#fef3c7\" Foreground=\"#92400e\"\n               FontSize=\"14\"/>\n\n\u003C/StackPanel>\n",[3012,3656,3657,3677,3681,3686,3717,3734,3755,3781,3790,3795,3801,3829,3845,3866,3884,3893,3898,3904,3932,3955,4006,4021,4041,4051,4060,4065,4071,4099,4113,4138,4151,4156],{"__ignoreMap":3037},[3041,3658,3659,3661,3663,3665,3667,3669,3671,3673,3675],{"class":3043,"line":3044},[3041,3660,3055],{"class":3054},[3041,3662,3315],{"class":3058},[3041,3664,3063],{"class":3062},[3041,3666,3067],{"class":3066},[3041,3668,3422],{"class":3070},[3041,3670,3411],{"class":3062},[3041,3672,3067],{"class":3066},[3041,3674,3422],{"class":3070},[3041,3676,3318],{"class":3054},[3041,3678,3679],{"class":3043,"line":3051},[3041,3680,3089],{"emptyLinePlaceholder":3088},[3041,3682,3683],{"class":3043,"line":3085},[3041,3684,3685],{"class":3047},"    \u003C!-- Margin: зовнішній відступ від сусідів -->\n",[3041,3687,3688,3690,3692,3694,3696,3699,3702,3704,3707,3710,3712,3715],{"class":3043,"line":3092},[3041,3689,3323],{"class":3054},[3041,3691,3496],{"class":3058},[3041,3693,3552],{"class":3062},[3041,3695,3067],{"class":3066},[3041,3697,3698],{"class":3070},"\"Приклад 1: Margin (зовнішній відступ)\"",[3041,3700,3701],{"class":3062}," FontWeight",[3041,3703,3067],{"class":3066},[3041,3705,3706],{"class":3070},"\"SemiBold\"",[3041,3708,3709],{"class":3062}," Foreground",[3041,3711,3067],{"class":3066},[3041,3713,3714],{"class":3070},"\"#374151\"",[3041,3716,3082],{"class":3054},[3041,3718,3719,3721,3724,3727,3729,3732],{"class":3043,"line":3098},[3041,3720,3323],{"class":3054},[3041,3722,3723],{"class":3058},"Grid",[3041,3725,3726],{"class":3062}," Background",[3041,3728,3067],{"class":3066},[3041,3730,3731],{"class":3070},"\"#e0e7ff\"",[3041,3733,3318],{"class":3054},[3041,3735,3736,3739,3741,3743,3745,3748,3750,3752],{"class":3043,"line":3121},[3041,3737,3738],{"class":3054},"        \u003C",[3041,3740,3059],{"class":3058},[3041,3742,3063],{"class":3062},[3041,3744,3067],{"class":3066},[3041,3746,3747],{"class":3070},"\"24\"",[3041,3749,3074],{"class":3062},[3041,3751,3067],{"class":3066},[3041,3753,3754],{"class":3070},"\"Button з Margin=24\"\n",[3041,3756,3757,3760,3762,3765,3767,3769,3772,3774,3776,3779],{"class":3043,"line":3126},[3041,3758,3759],{"class":3062},"                Background",[3041,3761,3067],{"class":3066},[3041,3763,3764],{"class":3070},"\"#4f46e5\"",[3041,3766,3709],{"class":3062},[3041,3768,3067],{"class":3066},[3041,3770,3771],{"class":3070},"\"White\"",[3041,3773,3521],{"class":3062},[3041,3775,3067],{"class":3066},[3041,3777,3778],{"class":3070},"\"8,4\"",[3041,3780,3082],{"class":3054},[3041,3782,3783,3786,3788],{"class":3043,"line":3132},[3041,3784,3785],{"class":3054},"    \u003C/",[3041,3787,3723],{"class":3058},[3041,3789,3318],{"class":3054},[3041,3791,3793],{"class":3043,"line":3792},9,[3041,3794,3089],{"emptyLinePlaceholder":3088},[3041,3796,3798],{"class":3043,"line":3797},10,[3041,3799,3800],{"class":3047},"    \u003C!-- Padding: внутрішній відступ від країв до вмісту -->\n",[3041,3802,3804,3806,3808,3810,3812,3815,3817,3819,3821,3823,3825,3827],{"class":3043,"line":3803},11,[3041,3805,3323],{"class":3054},[3041,3807,3496],{"class":3058},[3041,3809,3552],{"class":3062},[3041,3811,3067],{"class":3066},[3041,3813,3814],{"class":3070},"\"Приклад 2: Padding (внутрішній відступ)\"",[3041,3816,3701],{"class":3062},[3041,3818,3067],{"class":3066},[3041,3820,3706],{"class":3070},[3041,3822,3709],{"class":3062},[3041,3824,3067],{"class":3066},[3041,3826,3714],{"class":3070},[3041,3828,3082],{"class":3054},[3041,3830,3832,3834,3836,3838,3840,3843],{"class":3043,"line":3831},12,[3041,3833,3323],{"class":3054},[3041,3835,3723],{"class":3058},[3041,3837,3726],{"class":3062},[3041,3839,3067],{"class":3066},[3041,3841,3842],{"class":3070},"\"#d1fae5\"",[3041,3844,3318],{"class":3054},[3041,3846,3848,3850,3852,3854,3856,3859,3861,3863],{"class":3043,"line":3847},13,[3041,3849,3738],{"class":3054},[3041,3851,3059],{"class":3058},[3041,3853,3521],{"class":3062},[3041,3855,3067],{"class":3066},[3041,3857,3858],{"class":3070},"\"32,16\"",[3041,3860,3074],{"class":3062},[3041,3862,3067],{"class":3066},[3041,3864,3865],{"class":3070},"\"Button з Padding=32,16\"\n",[3041,3867,3869,3871,3873,3876,3878,3880,3882],{"class":3043,"line":3868},14,[3041,3870,3759],{"class":3062},[3041,3872,3067],{"class":3066},[3041,3874,3875],{"class":3070},"\"#059669\"",[3041,3877,3709],{"class":3062},[3041,3879,3067],{"class":3066},[3041,3881,3771],{"class":3070},[3041,3883,3082],{"class":3054},[3041,3885,3887,3889,3891],{"class":3043,"line":3886},15,[3041,3888,3785],{"class":3054},[3041,3890,3723],{"class":3058},[3041,3892,3318],{"class":3054},[3041,3894,3896],{"class":3043,"line":3895},16,[3041,3897,3089],{"emptyLinePlaceholder":3088},[3041,3899,3901],{"class":3043,"line":3900},17,[3041,3902,3903],{"class":3047},"    \u003C!-- Обидва разом -->\n",[3041,3905,3907,3909,3911,3913,3915,3918,3920,3922,3924,3926,3928,3930],{"class":3043,"line":3906},18,[3041,3908,3323],{"class":3054},[3041,3910,3496],{"class":3058},[3041,3912,3552],{"class":3062},[3041,3914,3067],{"class":3066},[3041,3916,3917],{"class":3070},"\"Приклад 3: Margin + Padding разом\"",[3041,3919,3701],{"class":3062},[3041,3921,3067],{"class":3066},[3041,3923,3706],{"class":3070},[3041,3925,3709],{"class":3062},[3041,3927,3067],{"class":3066},[3041,3929,3714],{"class":3070},[3041,3931,3082],{"class":3054},[3041,3933,3935,3937,3939,3941,3943,3946,3948,3950,3953],{"class":3043,"line":3934},19,[3041,3936,3323],{"class":3054},[3041,3938,3315],{"class":3058},[3041,3940,3726],{"class":3062},[3041,3942,3067],{"class":3066},[3041,3944,3945],{"class":3070},"\"#fce7f3\"",[3041,3947,3411],{"class":3062},[3041,3949,3067],{"class":3066},[3041,3951,3952],{"class":3070},"\"0\"",[3041,3954,3318],{"class":3054},[3041,3956,3958,3960,3962,3964,3966,3968,3970,3972,3974,3976,3978,3981,3984,3986,3989,3992,3994,3997,4000,4002,4004],{"class":3043,"line":3957},20,[3041,3959,3738],{"class":3054},[3041,3961,3566],{"class":3058},[3041,3963,3063],{"class":3062},[3041,3965,3067],{"class":3066},[3041,3967,3422],{"class":3070},[3041,3969,3521],{"class":3062},[3041,3971,3067],{"class":3066},[3041,3973,3422],{"class":3070},[3041,3975,3726],{"class":3062},[3041,3977,3067],{"class":3066},[3041,3979,3980],{"class":3070},"\"#f9a8d4\"",[3041,3982,3983],{"class":3062}," BorderBrush",[3041,3985,3067],{"class":3066},[3041,3987,3988],{"class":3070},"\"#ec4899\"",[3041,3990,3991],{"class":3062}," BorderThickness",[3041,3993,3067],{"class":3066},[3041,3995,3996],{"class":3070},"\"2\"",[3041,3998,3999],{"class":3062}," CornerRadius",[3041,4001,3067],{"class":3066},[3041,4003,3071],{"class":3070},[3041,4005,3318],{"class":3054},[3041,4007,4009,4012,4014,4016,4018],{"class":3043,"line":4008},21,[3041,4010,4011],{"class":3054},"            \u003C",[3041,4013,3496],{"class":3058},[3041,4015,3552],{"class":3062},[3041,4017,3067],{"class":3066},[3041,4019,4020],{"class":3070},"\"Border: Margin=16 (зовні у рожевій зоні), Padding=16 (всередині між рамкою і текстом)\"\n",[3041,4022,4024,4027,4029,4032,4034,4036,4039],{"class":3043,"line":4023},22,[3041,4025,4026],{"class":3062},"                       TextWrapping",[3041,4028,3067],{"class":3066},[3041,4030,4031],{"class":3070},"\"Wrap\"",[3041,4033,3709],{"class":3062},[3041,4035,3067],{"class":3066},[3041,4037,4038],{"class":3070},"\"#831843\"",[3041,4040,3082],{"class":3054},[3041,4042,4044,4047,4049],{"class":3043,"line":4043},23,[3041,4045,4046],{"class":3054},"        \u003C/",[3041,4048,3566],{"class":3058},[3041,4050,3318],{"class":3054},[3041,4052,4054,4056,4058],{"class":3043,"line":4053},24,[3041,4055,3785],{"class":3054},[3041,4057,3315],{"class":3058},[3041,4059,3318],{"class":3054},[3041,4061,4063],{"class":3043,"line":4062},25,[3041,4064,3089],{"emptyLinePlaceholder":3088},[3041,4066,4068],{"class":3043,"line":4067},26,[3041,4069,4070],{"class":3047},"    \u003C!-- Padding впливає на Area фону -->\n",[3041,4072,4074,4076,4078,4080,4082,4085,4087,4089,4091,4093,4095,4097],{"class":3043,"line":4073},27,[3041,4075,3323],{"class":3054},[3041,4077,3496],{"class":3058},[3041,4079,3552],{"class":3062},[3041,4081,3067],{"class":3066},[3041,4083,4084],{"class":3070},"\"Приклад 4: Background заповнює Padding-область\"",[3041,4086,3701],{"class":3062},[3041,4088,3067],{"class":3066},[3041,4090,3706],{"class":3070},[3041,4092,3709],{"class":3062},[3041,4094,3067],{"class":3066},[3041,4096,3714],{"class":3070},[3041,4098,3082],{"class":3054},[3041,4100,4102,4104,4106,4108,4110],{"class":3043,"line":4101},28,[3041,4103,3323],{"class":3054},[3041,4105,3496],{"class":3058},[3041,4107,3552],{"class":3062},[3041,4109,3067],{"class":3066},[3041,4111,4112],{"class":3070},"\"Текст з Padding та фоном — фон видно за відступами\"\n",[3041,4114,4116,4119,4121,4124,4126,4128,4131,4133,4135],{"class":3043,"line":4115},29,[3041,4117,4118],{"class":3062},"               Padding",[3041,4120,3067],{"class":3066},[3041,4122,4123],{"class":3070},"\"20,12\"",[3041,4125,3726],{"class":3062},[3041,4127,3067],{"class":3066},[3041,4129,4130],{"class":3070},"\"#fef3c7\"",[3041,4132,3709],{"class":3062},[3041,4134,3067],{"class":3066},[3041,4136,4137],{"class":3070},"\"#92400e\"\n",[3041,4139,4141,4144,4146,4149],{"class":3043,"line":4140},30,[3041,4142,4143],{"class":3062},"               FontSize",[3041,4145,3067],{"class":3066},[3041,4147,4148],{"class":3070},"\"14\"",[3041,4150,3082],{"class":3054},[3041,4152,4154],{"class":3043,"line":4153},31,[3041,4155,3089],{"emptyLinePlaceholder":3088},[3041,4157,4159,4161,4163],{"class":3043,"line":4158},32,[3041,4160,3378],{"class":3054},[3041,4162,3315],{"class":3058},[3041,4164,3318],{"class":3054},[3002,4166],{},[3005,4168,4170],{"id":4169},"alignment-вирівнювання-елементів","Alignment: вирівнювання елементів",[2959,4172,4173],{},"Кожен елемент у WPF має дві властивості вирівнювання:",[3611,4175,4176,4185],{},[3614,4177,4178,4181,4182,4184],{},[3012,4179,4180],{},"HorizontalAlignment"," — горизонтальне (Left, Center, Right, ",[2969,4183,2987],{},")",[3614,4186,4187,4190,4191,4184],{},[3012,4188,4189],{},"VerticalAlignment"," — вертикальне (Top, Center, Bottom, ",[2969,4192,2987],{},[2959,4194,4195,4196,4198],{},"За замовчуванням — ",[2969,4197,2987],{},": елемент займає весь доступний простір у своєму напрямку.",[3024,4200,4202],{"id":4201},"вирівнювання-в-grid-комірці","Вирівнювання в Grid-комірці",[3032,4204,4206],{"className":3034,"code":4205,"language":3036,"meta":3037,"style":3037},"\u003CGrid Width=\"400\" Height=\"200\">\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition/>\n        \u003CRowDefinition/>\n    \u003C/Grid.RowDefinitions>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition/>\n        \u003CColumnDefinition/>\n        \u003CColumnDefinition/>\n        \u003CColumnDefinition/>\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003C!-- Без вирівнювання: Stretch (за замовчуванням) -->\n    \u003CButton Grid.Row=\"0\" Grid.Column=\"0\" Content=\"Stretch\" Margin=\"4\"/>\n\n    \u003C!-- Left: прилипає до лівого краю комірки -->\n    \u003CButton Grid.Row=\"0\" Grid.Column=\"1\" HorizontalAlignment=\"Left\"\n            Content=\"Left\" Margin=\"4\"/>\n\n    \u003C!-- Center: по центру комірки -->\n    \u003CButton Grid.Row=\"0\" Grid.Column=\"2\" HorizontalAlignment=\"Center\"\n            Content=\"Center\" Margin=\"4\"/>\n\n    \u003C!-- Right: прилипає до правого краю -->\n    \u003CButton Grid.Row=\"0\" Grid.Column=\"3\" HorizontalAlignment=\"Right\"\n            Content=\"Right\" Margin=\"4\"/>\n\u003C/Grid>\n",[3012,4207,4208,4232,4241,4250,4258,4266,4275,4284,4292,4300,4308,4316,4320,4325,4361,4365,4370,4397,4415,4419,4424,4449,4466,4470,4475,4501,4518],{"__ignoreMap":3037},[3041,4209,4210,4212,4214,4217,4219,4222,4225,4227,4230],{"class":3043,"line":3044},[3041,4211,3055],{"class":3054},[3041,4213,3723],{"class":3058},[3041,4215,4216],{"class":3062}," Width",[3041,4218,3067],{"class":3066},[3041,4220,4221],{"class":3070},"\"400\"",[3041,4223,4224],{"class":3062}," Height",[3041,4226,3067],{"class":3066},[3041,4228,4229],{"class":3070},"\"200\"",[3041,4231,3318],{"class":3054},[3041,4233,4234,4236,4239],{"class":3043,"line":3051},[3041,4235,3323],{"class":3054},[3041,4237,4238],{"class":3058},"Grid.RowDefinitions",[3041,4240,3318],{"class":3054},[3041,4242,4243,4245,4248],{"class":3043,"line":3085},[3041,4244,3738],{"class":3054},[3041,4246,4247],{"class":3058},"RowDefinition",[3041,4249,3082],{"class":3054},[3041,4251,4252,4254,4256],{"class":3043,"line":3092},[3041,4253,3738],{"class":3054},[3041,4255,4247],{"class":3058},[3041,4257,3082],{"class":3054},[3041,4259,4260,4262,4264],{"class":3043,"line":3098},[3041,4261,3785],{"class":3054},[3041,4263,4238],{"class":3058},[3041,4265,3318],{"class":3054},[3041,4267,4268,4270,4273],{"class":3043,"line":3121},[3041,4269,3323],{"class":3054},[3041,4271,4272],{"class":3058},"Grid.ColumnDefinitions",[3041,4274,3318],{"class":3054},[3041,4276,4277,4279,4282],{"class":3043,"line":3126},[3041,4278,3738],{"class":3054},[3041,4280,4281],{"class":3058},"ColumnDefinition",[3041,4283,3082],{"class":3054},[3041,4285,4286,4288,4290],{"class":3043,"line":3132},[3041,4287,3738],{"class":3054},[3041,4289,4281],{"class":3058},[3041,4291,3082],{"class":3054},[3041,4293,4294,4296,4298],{"class":3043,"line":3792},[3041,4295,3738],{"class":3054},[3041,4297,4281],{"class":3058},[3041,4299,3082],{"class":3054},[3041,4301,4302,4304,4306],{"class":3043,"line":3797},[3041,4303,3738],{"class":3054},[3041,4305,4281],{"class":3058},[3041,4307,3082],{"class":3054},[3041,4309,4310,4312,4314],{"class":3043,"line":3803},[3041,4311,3785],{"class":3054},[3041,4313,4272],{"class":3058},[3041,4315,3318],{"class":3054},[3041,4317,4318],{"class":3043,"line":3831},[3041,4319,3089],{"emptyLinePlaceholder":3088},[3041,4321,4322],{"class":3043,"line":3847},[3041,4323,4324],{"class":3047},"    \u003C!-- Без вирівнювання: Stretch (за замовчуванням) -->\n",[3041,4326,4327,4329,4331,4334,4336,4338,4341,4343,4345,4347,4349,4352,4354,4356,4359],{"class":3043,"line":3868},[3041,4328,3323],{"class":3054},[3041,4330,3059],{"class":3058},[3041,4332,4333],{"class":3062}," Grid.Row",[3041,4335,3067],{"class":3066},[3041,4337,3952],{"class":3070},[3041,4339,4340],{"class":3062}," Grid.Column",[3041,4342,3067],{"class":3066},[3041,4344,3952],{"class":3070},[3041,4346,3074],{"class":3062},[3041,4348,3067],{"class":3066},[3041,4350,4351],{"class":3070},"\"Stretch\"",[3041,4353,3063],{"class":3062},[3041,4355,3067],{"class":3066},[3041,4357,4358],{"class":3070},"\"4\"",[3041,4360,3082],{"class":3054},[3041,4362,4363],{"class":3043,"line":3886},[3041,4364,3089],{"emptyLinePlaceholder":3088},[3041,4366,4367],{"class":3043,"line":3895},[3041,4368,4369],{"class":3047},"    \u003C!-- Left: прилипає до лівого краю комірки -->\n",[3041,4371,4372,4374,4376,4378,4380,4382,4384,4386,4389,4392,4394],{"class":3043,"line":3900},[3041,4373,3323],{"class":3054},[3041,4375,3059],{"class":3058},[3041,4377,4333],{"class":3062},[3041,4379,3067],{"class":3066},[3041,4381,3952],{"class":3070},[3041,4383,4340],{"class":3062},[3041,4385,3067],{"class":3066},[3041,4387,4388],{"class":3070},"\"1\"",[3041,4390,4391],{"class":3062}," HorizontalAlignment",[3041,4393,3067],{"class":3066},[3041,4395,4396],{"class":3070},"\"Left\"\n",[3041,4398,4399,4402,4404,4407,4409,4411,4413],{"class":3043,"line":3906},[3041,4400,4401],{"class":3062},"            Content",[3041,4403,3067],{"class":3066},[3041,4405,4406],{"class":3070},"\"Left\"",[3041,4408,3063],{"class":3062},[3041,4410,3067],{"class":3066},[3041,4412,4358],{"class":3070},[3041,4414,3082],{"class":3054},[3041,4416,4417],{"class":3043,"line":3934},[3041,4418,3089],{"emptyLinePlaceholder":3088},[3041,4420,4421],{"class":3043,"line":3957},[3041,4422,4423],{"class":3047},"    \u003C!-- Center: по центру комірки -->\n",[3041,4425,4426,4428,4430,4432,4434,4436,4438,4440,4442,4444,4446],{"class":3043,"line":4008},[3041,4427,3323],{"class":3054},[3041,4429,3059],{"class":3058},[3041,4431,4333],{"class":3062},[3041,4433,3067],{"class":3066},[3041,4435,3952],{"class":3070},[3041,4437,4340],{"class":3062},[3041,4439,3067],{"class":3066},[3041,4441,3996],{"class":3070},[3041,4443,4391],{"class":3062},[3041,4445,3067],{"class":3066},[3041,4447,4448],{"class":3070},"\"Center\"\n",[3041,4450,4451,4453,4455,4458,4460,4462,4464],{"class":3043,"line":4023},[3041,4452,4401],{"class":3062},[3041,4454,3067],{"class":3066},[3041,4456,4457],{"class":3070},"\"Center\"",[3041,4459,3063],{"class":3062},[3041,4461,3067],{"class":3066},[3041,4463,4358],{"class":3070},[3041,4465,3082],{"class":3054},[3041,4467,4468],{"class":3043,"line":4043},[3041,4469,3089],{"emptyLinePlaceholder":3088},[3041,4471,4472],{"class":3043,"line":4053},[3041,4473,4474],{"class":3047},"    \u003C!-- Right: прилипає до правого краю -->\n",[3041,4476,4477,4479,4481,4483,4485,4487,4489,4491,4494,4496,4498],{"class":3043,"line":4062},[3041,4478,3323],{"class":3054},[3041,4480,3059],{"class":3058},[3041,4482,4333],{"class":3062},[3041,4484,3067],{"class":3066},[3041,4486,3952],{"class":3070},[3041,4488,4340],{"class":3062},[3041,4490,3067],{"class":3066},[3041,4492,4493],{"class":3070},"\"3\"",[3041,4495,4391],{"class":3062},[3041,4497,3067],{"class":3066},[3041,4499,4500],{"class":3070},"\"Right\"\n",[3041,4502,4503,4505,4507,4510,4512,4514,4516],{"class":3043,"line":4067},[3041,4504,4401],{"class":3062},[3041,4506,3067],{"class":3066},[3041,4508,4509],{"class":3070},"\"Right\"",[3041,4511,3063],{"class":3062},[3041,4513,3067],{"class":3066},[3041,4515,4358],{"class":3070},[3041,4517,3082],{"class":3054},[3041,4519,4520,4522,4524],{"class":3043,"line":4073},[3041,4521,3378],{"class":3054},[3041,4523,3723],{"class":3058},[3041,4525,3318],{"class":3054},[3649,4527,4529],{"title":4528},"HorizontalAlignment та VerticalAlignment: всі варіанти",[3032,4530,4532],{"className":3034,"code":4531,"language":3036,"meta":3037,"style":3037},"\u003CGrid ShowGridLines=\"True\" Margin=\"8\" Height=\"280\">\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition/>\n        \u003CRowDefinition/>\n        \u003CRowDefinition/>\n    \u003C/Grid.RowDefinitions>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition/>\n        \u003CColumnDefinition/>\n        \u003CColumnDefinition/>\n        \u003CColumnDefinition/>\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003C!-- Заголовки рядків -->\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"0\" Text=\"Stretch\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" FontSize=\"11\" Foreground=\"#6b7280\"/>\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"1\" Text=\"Left/Top\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" FontSize=\"11\" Foreground=\"#6b7280\"/>\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"2\" Text=\"Center\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" FontSize=\"11\" Foreground=\"#6b7280\"/>\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"3\" Text=\"Right/Bottom\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" FontSize=\"11\" Foreground=\"#6b7280\"/>\n\n    \u003C!-- Рядок 2: HorizontalAlignment -->\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"0\" Background=\"#2563eb\" Margin=\"4\">\n        \u003CTextBlock Text=\"H:Stretch\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" Foreground=\"White\" FontSize=\"10\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"1\" Background=\"#059669\" Margin=\"4\" HorizontalAlignment=\"Left\" Width=\"60\">\n        \u003CTextBlock Text=\"H:Left\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" Foreground=\"White\" FontSize=\"10\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"2\" Background=\"#7c3aed\" Margin=\"4\" HorizontalAlignment=\"Center\" Width=\"60\">\n        \u003CTextBlock Text=\"H:Center\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" Foreground=\"White\" FontSize=\"10\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"3\" Background=\"#dc2626\" Margin=\"4\" HorizontalAlignment=\"Right\" Width=\"60\">\n        \u003CTextBlock Text=\"H:Right\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" Foreground=\"White\" FontSize=\"10\"/>\n    \u003C/Border>\n\n    \u003C!-- Рядок 3: VerticalAlignment -->\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"0\" Background=\"#0369a1\" Margin=\"4\">\n        \u003CTextBlock Text=\"V:Stretch\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" Foreground=\"White\" FontSize=\"10\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"1\" Background=\"#065f46\" Margin=\"4\" VerticalAlignment=\"Top\" Height=\"30\">\n        \u003CTextBlock Text=\"V:Top\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" Foreground=\"White\" FontSize=\"10\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"2\" Background=\"#5b21b6\" Margin=\"4\" VerticalAlignment=\"Center\" Height=\"30\">\n        \u003CTextBlock Text=\"V:Center\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" Foreground=\"White\" FontSize=\"10\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"3\" Background=\"#991b1b\" Margin=\"4\" VerticalAlignment=\"Bottom\" Height=\"30\">\n        \u003CTextBlock Text=\"V:Bottom\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\" Foreground=\"White\" FontSize=\"10\"/>\n    \u003C/Border>\n\u003C/Grid>\n",[3012,4533,4534,4563,4571,4579,4587,4595,4603,4611,4619,4627,4635,4643,4651,4655,4660,4714,4765,4815,4866,4870,4875,4908,4948,4956,5001,5040,5048,5093,5132,5140,5185,5224,5232,5237,5243,5277,5317,5326,5374,5414,5423,5469,5509,5518,5565,5605,5614],{"__ignoreMap":3037},[3041,4535,4536,4538,4540,4543,4545,4548,4550,4552,4554,4556,4558,4561],{"class":3043,"line":3044},[3041,4537,3055],{"class":3054},[3041,4539,3723],{"class":3058},[3041,4541,4542],{"class":3062}," ShowGridLines",[3041,4544,3067],{"class":3066},[3041,4546,4547],{"class":3070},"\"True\"",[3041,4549,3063],{"class":3062},[3041,4551,3067],{"class":3066},[3041,4553,3071],{"class":3070},[3041,4555,4224],{"class":3062},[3041,4557,3067],{"class":3066},[3041,4559,4560],{"class":3070},"\"280\"",[3041,4562,3318],{"class":3054},[3041,4564,4565,4567,4569],{"class":3043,"line":3051},[3041,4566,3323],{"class":3054},[3041,4568,4238],{"class":3058},[3041,4570,3318],{"class":3054},[3041,4572,4573,4575,4577],{"class":3043,"line":3085},[3041,4574,3738],{"class":3054},[3041,4576,4247],{"class":3058},[3041,4578,3082],{"class":3054},[3041,4580,4581,4583,4585],{"class":3043,"line":3092},[3041,4582,3738],{"class":3054},[3041,4584,4247],{"class":3058},[3041,4586,3082],{"class":3054},[3041,4588,4589,4591,4593],{"class":3043,"line":3098},[3041,4590,3738],{"class":3054},[3041,4592,4247],{"class":3058},[3041,4594,3082],{"class":3054},[3041,4596,4597,4599,4601],{"class":3043,"line":3121},[3041,4598,3785],{"class":3054},[3041,4600,4238],{"class":3058},[3041,4602,3318],{"class":3054},[3041,4604,4605,4607,4609],{"class":3043,"line":3126},[3041,4606,3323],{"class":3054},[3041,4608,4272],{"class":3058},[3041,4610,3318],{"class":3054},[3041,4612,4613,4615,4617],{"class":3043,"line":3132},[3041,4614,3738],{"class":3054},[3041,4616,4281],{"class":3058},[3041,4618,3082],{"class":3054},[3041,4620,4621,4623,4625],{"class":3043,"line":3792},[3041,4622,3738],{"class":3054},[3041,4624,4281],{"class":3058},[3041,4626,3082],{"class":3054},[3041,4628,4629,4631,4633],{"class":3043,"line":3797},[3041,4630,3738],{"class":3054},[3041,4632,4281],{"class":3058},[3041,4634,3082],{"class":3054},[3041,4636,4637,4639,4641],{"class":3043,"line":3803},[3041,4638,3738],{"class":3054},[3041,4640,4281],{"class":3058},[3041,4642,3082],{"class":3054},[3041,4644,4645,4647,4649],{"class":3043,"line":3831},[3041,4646,3785],{"class":3054},[3041,4648,4272],{"class":3058},[3041,4650,3318],{"class":3054},[3041,4652,4653],{"class":3043,"line":3847},[3041,4654,3089],{"emptyLinePlaceholder":3088},[3041,4656,4657],{"class":3043,"line":3868},[3041,4658,4659],{"class":3047},"    \u003C!-- Заголовки рядків -->\n",[3041,4661,4662,4664,4666,4668,4670,4672,4674,4676,4678,4680,4682,4684,4686,4688,4690,4693,4695,4697,4700,4702,4705,4707,4709,4712],{"class":3043,"line":3886},[3041,4663,3323],{"class":3054},[3041,4665,3496],{"class":3058},[3041,4667,4333],{"class":3062},[3041,4669,3067],{"class":3066},[3041,4671,3952],{"class":3070},[3041,4673,4340],{"class":3062},[3041,4675,3067],{"class":3066},[3041,4677,3952],{"class":3070},[3041,4679,3552],{"class":3062},[3041,4681,3067],{"class":3066},[3041,4683,4351],{"class":3070},[3041,4685,4391],{"class":3062},[3041,4687,3067],{"class":3066},[3041,4689,4457],{"class":3070},[3041,4691,4692],{"class":3062}," VerticalAlignment",[3041,4694,3067],{"class":3066},[3041,4696,4457],{"class":3070},[3041,4698,4699],{"class":3062}," FontSize",[3041,4701,3067],{"class":3066},[3041,4703,4704],{"class":3070},"\"11\"",[3041,4706,3709],{"class":3062},[3041,4708,3067],{"class":3066},[3041,4710,4711],{"class":3070},"\"#6b7280\"",[3041,4713,3082],{"class":3054},[3041,4715,4716,4718,4720,4722,4724,4726,4728,4730,4732,4734,4736,4739,4741,4743,4745,4747,4749,4751,4753,4755,4757,4759,4761,4763],{"class":3043,"line":3895},[3041,4717,3323],{"class":3054},[3041,4719,3496],{"class":3058},[3041,4721,4333],{"class":3062},[3041,4723,3067],{"class":3066},[3041,4725,3952],{"class":3070},[3041,4727,4340],{"class":3062},[3041,4729,3067],{"class":3066},[3041,4731,4388],{"class":3070},[3041,4733,3552],{"class":3062},[3041,4735,3067],{"class":3066},[3041,4737,4738],{"class":3070},"\"Left/Top\"",[3041,4740,4391],{"class":3062},[3041,4742,3067],{"class":3066},[3041,4744,4457],{"class":3070},[3041,4746,4692],{"class":3062},[3041,4748,3067],{"class":3066},[3041,4750,4457],{"class":3070},[3041,4752,4699],{"class":3062},[3041,4754,3067],{"class":3066},[3041,4756,4704],{"class":3070},[3041,4758,3709],{"class":3062},[3041,4760,3067],{"class":3066},[3041,4762,4711],{"class":3070},[3041,4764,3082],{"class":3054},[3041,4766,4767,4769,4771,4773,4775,4777,4779,4781,4783,4785,4787,4789,4791,4793,4795,4797,4799,4801,4803,4805,4807,4809,4811,4813],{"class":3043,"line":3900},[3041,4768,3323],{"class":3054},[3041,4770,3496],{"class":3058},[3041,4772,4333],{"class":3062},[3041,4774,3067],{"class":3066},[3041,4776,3952],{"class":3070},[3041,4778,4340],{"class":3062},[3041,4780,3067],{"class":3066},[3041,4782,3996],{"class":3070},[3041,4784,3552],{"class":3062},[3041,4786,3067],{"class":3066},[3041,4788,4457],{"class":3070},[3041,4790,4391],{"class":3062},[3041,4792,3067],{"class":3066},[3041,4794,4457],{"class":3070},[3041,4796,4692],{"class":3062},[3041,4798,3067],{"class":3066},[3041,4800,4457],{"class":3070},[3041,4802,4699],{"class":3062},[3041,4804,3067],{"class":3066},[3041,4806,4704],{"class":3070},[3041,4808,3709],{"class":3062},[3041,4810,3067],{"class":3066},[3041,4812,4711],{"class":3070},[3041,4814,3082],{"class":3054},[3041,4816,4817,4819,4821,4823,4825,4827,4829,4831,4833,4835,4837,4840,4842,4844,4846,4848,4850,4852,4854,4856,4858,4860,4862,4864],{"class":3043,"line":3906},[3041,4818,3323],{"class":3054},[3041,4820,3496],{"class":3058},[3041,4822,4333],{"class":3062},[3041,4824,3067],{"class":3066},[3041,4826,3952],{"class":3070},[3041,4828,4340],{"class":3062},[3041,4830,3067],{"class":3066},[3041,4832,4493],{"class":3070},[3041,4834,3552],{"class":3062},[3041,4836,3067],{"class":3066},[3041,4838,4839],{"class":3070},"\"Right/Bottom\"",[3041,4841,4391],{"class":3062},[3041,4843,3067],{"class":3066},[3041,4845,4457],{"class":3070},[3041,4847,4692],{"class":3062},[3041,4849,3067],{"class":3066},[3041,4851,4457],{"class":3070},[3041,4853,4699],{"class":3062},[3041,4855,3067],{"class":3066},[3041,4857,4704],{"class":3070},[3041,4859,3709],{"class":3062},[3041,4861,3067],{"class":3066},[3041,4863,4711],{"class":3070},[3041,4865,3082],{"class":3054},[3041,4867,4868],{"class":3043,"line":3934},[3041,4869,3089],{"emptyLinePlaceholder":3088},[3041,4871,4872],{"class":3043,"line":3957},[3041,4873,4874],{"class":3047},"    \u003C!-- Рядок 2: HorizontalAlignment -->\n",[3041,4876,4877,4879,4881,4883,4885,4887,4889,4891,4893,4895,4897,4900,4902,4904,4906],{"class":3043,"line":4008},[3041,4878,3323],{"class":3054},[3041,4880,3566],{"class":3058},[3041,4882,4333],{"class":3062},[3041,4884,3067],{"class":3066},[3041,4886,4388],{"class":3070},[3041,4888,4340],{"class":3062},[3041,4890,3067],{"class":3066},[3041,4892,3952],{"class":3070},[3041,4894,3726],{"class":3062},[3041,4896,3067],{"class":3066},[3041,4898,4899],{"class":3070},"\"#2563eb\"",[3041,4901,3063],{"class":3062},[3041,4903,3067],{"class":3066},[3041,4905,4358],{"class":3070},[3041,4907,3318],{"class":3054},[3041,4909,4910,4912,4914,4916,4918,4921,4923,4925,4927,4929,4931,4933,4935,4937,4939,4941,4943,4946],{"class":3043,"line":4023},[3041,4911,3738],{"class":3054},[3041,4913,3496],{"class":3058},[3041,4915,3552],{"class":3062},[3041,4917,3067],{"class":3066},[3041,4919,4920],{"class":3070},"\"H:Stretch\"",[3041,4922,4391],{"class":3062},[3041,4924,3067],{"class":3066},[3041,4926,4457],{"class":3070},[3041,4928,4692],{"class":3062},[3041,4930,3067],{"class":3066},[3041,4932,4457],{"class":3070},[3041,4934,3709],{"class":3062},[3041,4936,3067],{"class":3066},[3041,4938,3771],{"class":3070},[3041,4940,4699],{"class":3062},[3041,4942,3067],{"class":3066},[3041,4944,4945],{"class":3070},"\"10\"",[3041,4947,3082],{"class":3054},[3041,4949,4950,4952,4954],{"class":3043,"line":4043},[3041,4951,3785],{"class":3054},[3041,4953,3566],{"class":3058},[3041,4955,3318],{"class":3054},[3041,4957,4958,4960,4962,4964,4966,4968,4970,4972,4974,4976,4978,4980,4982,4984,4986,4988,4990,4992,4994,4996,4999],{"class":3043,"line":4053},[3041,4959,3323],{"class":3054},[3041,4961,3566],{"class":3058},[3041,4963,4333],{"class":3062},[3041,4965,3067],{"class":3066},[3041,4967,4388],{"class":3070},[3041,4969,4340],{"class":3062},[3041,4971,3067],{"class":3066},[3041,4973,4388],{"class":3070},[3041,4975,3726],{"class":3062},[3041,4977,3067],{"class":3066},[3041,4979,3875],{"class":3070},[3041,4981,3063],{"class":3062},[3041,4983,3067],{"class":3066},[3041,4985,4358],{"class":3070},[3041,4987,4391],{"class":3062},[3041,4989,3067],{"class":3066},[3041,4991,4406],{"class":3070},[3041,4993,4216],{"class":3062},[3041,4995,3067],{"class":3066},[3041,4997,4998],{"class":3070},"\"60\"",[3041,5000,3318],{"class":3054},[3041,5002,5003,5005,5007,5009,5011,5014,5016,5018,5020,5022,5024,5026,5028,5030,5032,5034,5036,5038],{"class":3043,"line":4062},[3041,5004,3738],{"class":3054},[3041,5006,3496],{"class":3058},[3041,5008,3552],{"class":3062},[3041,5010,3067],{"class":3066},[3041,5012,5013],{"class":3070},"\"H:Left\"",[3041,5015,4391],{"class":3062},[3041,5017,3067],{"class":3066},[3041,5019,4457],{"class":3070},[3041,5021,4692],{"class":3062},[3041,5023,3067],{"class":3066},[3041,5025,4457],{"class":3070},[3041,5027,3709],{"class":3062},[3041,5029,3067],{"class":3066},[3041,5031,3771],{"class":3070},[3041,5033,4699],{"class":3062},[3041,5035,3067],{"class":3066},[3041,5037,4945],{"class":3070},[3041,5039,3082],{"class":3054},[3041,5041,5042,5044,5046],{"class":3043,"line":4067},[3041,5043,3785],{"class":3054},[3041,5045,3566],{"class":3058},[3041,5047,3318],{"class":3054},[3041,5049,5050,5052,5054,5056,5058,5060,5062,5064,5066,5068,5070,5073,5075,5077,5079,5081,5083,5085,5087,5089,5091],{"class":3043,"line":4073},[3041,5051,3323],{"class":3054},[3041,5053,3566],{"class":3058},[3041,5055,4333],{"class":3062},[3041,5057,3067],{"class":3066},[3041,5059,4388],{"class":3070},[3041,5061,4340],{"class":3062},[3041,5063,3067],{"class":3066},[3041,5065,3996],{"class":3070},[3041,5067,3726],{"class":3062},[3041,5069,3067],{"class":3066},[3041,5071,5072],{"class":3070},"\"#7c3aed\"",[3041,5074,3063],{"class":3062},[3041,5076,3067],{"class":3066},[3041,5078,4358],{"class":3070},[3041,5080,4391],{"class":3062},[3041,5082,3067],{"class":3066},[3041,5084,4457],{"class":3070},[3041,5086,4216],{"class":3062},[3041,5088,3067],{"class":3066},[3041,5090,4998],{"class":3070},[3041,5092,3318],{"class":3054},[3041,5094,5095,5097,5099,5101,5103,5106,5108,5110,5112,5114,5116,5118,5120,5122,5124,5126,5128,5130],{"class":3043,"line":4101},[3041,5096,3738],{"class":3054},[3041,5098,3496],{"class":3058},[3041,5100,3552],{"class":3062},[3041,5102,3067],{"class":3066},[3041,5104,5105],{"class":3070},"\"H:Center\"",[3041,5107,4391],{"class":3062},[3041,5109,3067],{"class":3066},[3041,5111,4457],{"class":3070},[3041,5113,4692],{"class":3062},[3041,5115,3067],{"class":3066},[3041,5117,4457],{"class":3070},[3041,5119,3709],{"class":3062},[3041,5121,3067],{"class":3066},[3041,5123,3771],{"class":3070},[3041,5125,4699],{"class":3062},[3041,5127,3067],{"class":3066},[3041,5129,4945],{"class":3070},[3041,5131,3082],{"class":3054},[3041,5133,5134,5136,5138],{"class":3043,"line":4115},[3041,5135,3785],{"class":3054},[3041,5137,3566],{"class":3058},[3041,5139,3318],{"class":3054},[3041,5141,5142,5144,5146,5148,5150,5152,5154,5156,5158,5160,5162,5165,5167,5169,5171,5173,5175,5177,5179,5181,5183],{"class":3043,"line":4140},[3041,5143,3323],{"class":3054},[3041,5145,3566],{"class":3058},[3041,5147,4333],{"class":3062},[3041,5149,3067],{"class":3066},[3041,5151,4388],{"class":3070},[3041,5153,4340],{"class":3062},[3041,5155,3067],{"class":3066},[3041,5157,4493],{"class":3070},[3041,5159,3726],{"class":3062},[3041,5161,3067],{"class":3066},[3041,5163,5164],{"class":3070},"\"#dc2626\"",[3041,5166,3063],{"class":3062},[3041,5168,3067],{"class":3066},[3041,5170,4358],{"class":3070},[3041,5172,4391],{"class":3062},[3041,5174,3067],{"class":3066},[3041,5176,4509],{"class":3070},[3041,5178,4216],{"class":3062},[3041,5180,3067],{"class":3066},[3041,5182,4998],{"class":3070},[3041,5184,3318],{"class":3054},[3041,5186,5187,5189,5191,5193,5195,5198,5200,5202,5204,5206,5208,5210,5212,5214,5216,5218,5220,5222],{"class":3043,"line":4153},[3041,5188,3738],{"class":3054},[3041,5190,3496],{"class":3058},[3041,5192,3552],{"class":3062},[3041,5194,3067],{"class":3066},[3041,5196,5197],{"class":3070},"\"H:Right\"",[3041,5199,4391],{"class":3062},[3041,5201,3067],{"class":3066},[3041,5203,4457],{"class":3070},[3041,5205,4692],{"class":3062},[3041,5207,3067],{"class":3066},[3041,5209,4457],{"class":3070},[3041,5211,3709],{"class":3062},[3041,5213,3067],{"class":3066},[3041,5215,3771],{"class":3070},[3041,5217,4699],{"class":3062},[3041,5219,3067],{"class":3066},[3041,5221,4945],{"class":3070},[3041,5223,3082],{"class":3054},[3041,5225,5226,5228,5230],{"class":3043,"line":4158},[3041,5227,3785],{"class":3054},[3041,5229,3566],{"class":3058},[3041,5231,3318],{"class":3054},[3041,5233,5235],{"class":3043,"line":5234},33,[3041,5236,3089],{"emptyLinePlaceholder":3088},[3041,5238,5240],{"class":3043,"line":5239},34,[3041,5241,5242],{"class":3047},"    \u003C!-- Рядок 3: VerticalAlignment -->\n",[3041,5244,5246,5248,5250,5252,5254,5256,5258,5260,5262,5264,5266,5269,5271,5273,5275],{"class":3043,"line":5245},35,[3041,5247,3323],{"class":3054},[3041,5249,3566],{"class":3058},[3041,5251,4333],{"class":3062},[3041,5253,3067],{"class":3066},[3041,5255,3996],{"class":3070},[3041,5257,4340],{"class":3062},[3041,5259,3067],{"class":3066},[3041,5261,3952],{"class":3070},[3041,5263,3726],{"class":3062},[3041,5265,3067],{"class":3066},[3041,5267,5268],{"class":3070},"\"#0369a1\"",[3041,5270,3063],{"class":3062},[3041,5272,3067],{"class":3066},[3041,5274,4358],{"class":3070},[3041,5276,3318],{"class":3054},[3041,5278,5280,5282,5284,5286,5288,5291,5293,5295,5297,5299,5301,5303,5305,5307,5309,5311,5313,5315],{"class":3043,"line":5279},36,[3041,5281,3738],{"class":3054},[3041,5283,3496],{"class":3058},[3041,5285,3552],{"class":3062},[3041,5287,3067],{"class":3066},[3041,5289,5290],{"class":3070},"\"V:Stretch\"",[3041,5292,4391],{"class":3062},[3041,5294,3067],{"class":3066},[3041,5296,4457],{"class":3070},[3041,5298,4692],{"class":3062},[3041,5300,3067],{"class":3066},[3041,5302,4457],{"class":3070},[3041,5304,3709],{"class":3062},[3041,5306,3067],{"class":3066},[3041,5308,3771],{"class":3070},[3041,5310,4699],{"class":3062},[3041,5312,3067],{"class":3066},[3041,5314,4945],{"class":3070},[3041,5316,3082],{"class":3054},[3041,5318,5320,5322,5324],{"class":3043,"line":5319},37,[3041,5321,3785],{"class":3054},[3041,5323,3566],{"class":3058},[3041,5325,3318],{"class":3054},[3041,5327,5329,5331,5333,5335,5337,5339,5341,5343,5345,5347,5349,5352,5354,5356,5358,5360,5362,5365,5367,5369,5372],{"class":3043,"line":5328},38,[3041,5330,3323],{"class":3054},[3041,5332,3566],{"class":3058},[3041,5334,4333],{"class":3062},[3041,5336,3067],{"class":3066},[3041,5338,3996],{"class":3070},[3041,5340,4340],{"class":3062},[3041,5342,3067],{"class":3066},[3041,5344,4388],{"class":3070},[3041,5346,3726],{"class":3062},[3041,5348,3067],{"class":3066},[3041,5350,5351],{"class":3070},"\"#065f46\"",[3041,5353,3063],{"class":3062},[3041,5355,3067],{"class":3066},[3041,5357,4358],{"class":3070},[3041,5359,4692],{"class":3062},[3041,5361,3067],{"class":3066},[3041,5363,5364],{"class":3070},"\"Top\"",[3041,5366,4224],{"class":3062},[3041,5368,3067],{"class":3066},[3041,5370,5371],{"class":3070},"\"30\"",[3041,5373,3318],{"class":3054},[3041,5375,5377,5379,5381,5383,5385,5388,5390,5392,5394,5396,5398,5400,5402,5404,5406,5408,5410,5412],{"class":3043,"line":5376},39,[3041,5378,3738],{"class":3054},[3041,5380,3496],{"class":3058},[3041,5382,3552],{"class":3062},[3041,5384,3067],{"class":3066},[3041,5386,5387],{"class":3070},"\"V:Top\"",[3041,5389,4391],{"class":3062},[3041,5391,3067],{"class":3066},[3041,5393,4457],{"class":3070},[3041,5395,4692],{"class":3062},[3041,5397,3067],{"class":3066},[3041,5399,4457],{"class":3070},[3041,5401,3709],{"class":3062},[3041,5403,3067],{"class":3066},[3041,5405,3771],{"class":3070},[3041,5407,4699],{"class":3062},[3041,5409,3067],{"class":3066},[3041,5411,4945],{"class":3070},[3041,5413,3082],{"class":3054},[3041,5415,5417,5419,5421],{"class":3043,"line":5416},40,[3041,5418,3785],{"class":3054},[3041,5420,3566],{"class":3058},[3041,5422,3318],{"class":3054},[3041,5424,5426,5428,5430,5432,5434,5436,5438,5440,5442,5444,5446,5449,5451,5453,5455,5457,5459,5461,5463,5465,5467],{"class":3043,"line":5425},41,[3041,5427,3323],{"class":3054},[3041,5429,3566],{"class":3058},[3041,5431,4333],{"class":3062},[3041,5433,3067],{"class":3066},[3041,5435,3996],{"class":3070},[3041,5437,4340],{"class":3062},[3041,5439,3067],{"class":3066},[3041,5441,3996],{"class":3070},[3041,5443,3726],{"class":3062},[3041,5445,3067],{"class":3066},[3041,5447,5448],{"class":3070},"\"#5b21b6\"",[3041,5450,3063],{"class":3062},[3041,5452,3067],{"class":3066},[3041,5454,4358],{"class":3070},[3041,5456,4692],{"class":3062},[3041,5458,3067],{"class":3066},[3041,5460,4457],{"class":3070},[3041,5462,4224],{"class":3062},[3041,5464,3067],{"class":3066},[3041,5466,5371],{"class":3070},[3041,5468,3318],{"class":3054},[3041,5470,5472,5474,5476,5478,5480,5483,5485,5487,5489,5491,5493,5495,5497,5499,5501,5503,5505,5507],{"class":3043,"line":5471},42,[3041,5473,3738],{"class":3054},[3041,5475,3496],{"class":3058},[3041,5477,3552],{"class":3062},[3041,5479,3067],{"class":3066},[3041,5481,5482],{"class":3070},"\"V:Center\"",[3041,5484,4391],{"class":3062},[3041,5486,3067],{"class":3066},[3041,5488,4457],{"class":3070},[3041,5490,4692],{"class":3062},[3041,5492,3067],{"class":3066},[3041,5494,4457],{"class":3070},[3041,5496,3709],{"class":3062},[3041,5498,3067],{"class":3066},[3041,5500,3771],{"class":3070},[3041,5502,4699],{"class":3062},[3041,5504,3067],{"class":3066},[3041,5506,4945],{"class":3070},[3041,5508,3082],{"class":3054},[3041,5510,5512,5514,5516],{"class":3043,"line":5511},43,[3041,5513,3785],{"class":3054},[3041,5515,3566],{"class":3058},[3041,5517,3318],{"class":3054},[3041,5519,5521,5523,5525,5527,5529,5531,5533,5535,5537,5539,5541,5544,5546,5548,5550,5552,5554,5557,5559,5561,5563],{"class":3043,"line":5520},44,[3041,5522,3323],{"class":3054},[3041,5524,3566],{"class":3058},[3041,5526,4333],{"class":3062},[3041,5528,3067],{"class":3066},[3041,5530,3996],{"class":3070},[3041,5532,4340],{"class":3062},[3041,5534,3067],{"class":3066},[3041,5536,4493],{"class":3070},[3041,5538,3726],{"class":3062},[3041,5540,3067],{"class":3066},[3041,5542,5543],{"class":3070},"\"#991b1b\"",[3041,5545,3063],{"class":3062},[3041,5547,3067],{"class":3066},[3041,5549,4358],{"class":3070},[3041,5551,4692],{"class":3062},[3041,5553,3067],{"class":3066},[3041,5555,5556],{"class":3070},"\"Bottom\"",[3041,5558,4224],{"class":3062},[3041,5560,3067],{"class":3066},[3041,5562,5371],{"class":3070},[3041,5564,3318],{"class":3054},[3041,5566,5568,5570,5572,5574,5576,5579,5581,5583,5585,5587,5589,5591,5593,5595,5597,5599,5601,5603],{"class":3043,"line":5567},45,[3041,5569,3738],{"class":3054},[3041,5571,3496],{"class":3058},[3041,5573,3552],{"class":3062},[3041,5575,3067],{"class":3066},[3041,5577,5578],{"class":3070},"\"V:Bottom\"",[3041,5580,4391],{"class":3062},[3041,5582,3067],{"class":3066},[3041,5584,4457],{"class":3070},[3041,5586,4692],{"class":3062},[3041,5588,3067],{"class":3066},[3041,5590,4457],{"class":3070},[3041,5592,3709],{"class":3062},[3041,5594,3067],{"class":3066},[3041,5596,3771],{"class":3070},[3041,5598,4699],{"class":3062},[3041,5600,3067],{"class":3066},[3041,5602,4945],{"class":3070},[3041,5604,3082],{"class":3054},[3041,5606,5608,5610,5612],{"class":3043,"line":5607},46,[3041,5609,3785],{"class":3054},[3041,5611,3566],{"class":3058},[3041,5613,3318],{"class":3054},[3041,5615,5617,5619,5621],{"class":3043,"line":5616},47,[3041,5618,3378],{"class":3054},[3041,5620,3723],{"class":3058},[3041,5622,3318],{"class":3054},[3024,5624,5626],{"id":5625},"horizontalcontentalignment-та-verticalcontentalignment","HorizontalContentAlignment та VerticalContentAlignment",[2959,5628,5629,5630,5633,5634,5636,5637,5640,5641,5643],{},"Це ",[2969,5631,5632],{},"вирівнювання вмісту всередині"," контролу — наприклад, тексту всередині ",[3012,5635,3059],{}," або ",[3012,5638,5639],{},"ListBoxItem",". Відрізняється від ",[3012,5642,4180],{}," контролу відносно батьківського контейнера:",[3032,5645,5647],{"className":3034,"code":5646,"language":3036,"meta":3037,"style":3037},"\u003C!-- HorizontalAlignment: кнопка у правій частині Grid -->\n\u003CButton HorizontalAlignment=\"Right\" Content=\"Праворуч у Grid\"/>\n\n\u003C!-- HorizontalContentAlignment: текст у правій частині кнопки -->\n\u003CButton Width=\"200\" HorizontalContentAlignment=\"Right\" Content=\"Текст у правій частині кнопки\"/>\n\n\u003C!-- Поєднання: кнопка по центру Grid, текст по лівому краю всередині кнопки -->\n\u003CButton HorizontalAlignment=\"Center\" Width=\"200\"\n        HorizontalContentAlignment=\"Left\" Padding=\"12,0\"\n        Content=\"← Текст зліва у кнопці\"/>\n",[3012,5648,5649,5654,5675,5679,5684,5712,5716,5721,5740,5756],{"__ignoreMap":3037},[3041,5650,5651],{"class":3043,"line":3044},[3041,5652,5653],{"class":3047},"\u003C!-- HorizontalAlignment: кнопка у правій частині Grid -->\n",[3041,5655,5656,5658,5660,5662,5664,5666,5668,5670,5673],{"class":3043,"line":3051},[3041,5657,3055],{"class":3054},[3041,5659,3059],{"class":3058},[3041,5661,4391],{"class":3062},[3041,5663,3067],{"class":3066},[3041,5665,4509],{"class":3070},[3041,5667,3074],{"class":3062},[3041,5669,3067],{"class":3066},[3041,5671,5672],{"class":3070},"\"Праворуч у Grid\"",[3041,5674,3082],{"class":3054},[3041,5676,5677],{"class":3043,"line":3085},[3041,5678,3089],{"emptyLinePlaceholder":3088},[3041,5680,5681],{"class":3043,"line":3092},[3041,5682,5683],{"class":3047},"\u003C!-- HorizontalContentAlignment: текст у правій частині кнопки -->\n",[3041,5685,5686,5688,5690,5692,5694,5696,5699,5701,5703,5705,5707,5710],{"class":3043,"line":3098},[3041,5687,3055],{"class":3054},[3041,5689,3059],{"class":3058},[3041,5691,4216],{"class":3062},[3041,5693,3067],{"class":3066},[3041,5695,4229],{"class":3070},[3041,5697,5698],{"class":3062}," HorizontalContentAlignment",[3041,5700,3067],{"class":3066},[3041,5702,4509],{"class":3070},[3041,5704,3074],{"class":3062},[3041,5706,3067],{"class":3066},[3041,5708,5709],{"class":3070},"\"Текст у правій частині кнопки\"",[3041,5711,3082],{"class":3054},[3041,5713,5714],{"class":3043,"line":3121},[3041,5715,3089],{"emptyLinePlaceholder":3088},[3041,5717,5718],{"class":3043,"line":3126},[3041,5719,5720],{"class":3047},"\u003C!-- Поєднання: кнопка по центру Grid, текст по лівому краю всередині кнопки -->\n",[3041,5722,5723,5725,5727,5729,5731,5733,5735,5737],{"class":3043,"line":3132},[3041,5724,3055],{"class":3054},[3041,5726,3059],{"class":3058},[3041,5728,4391],{"class":3062},[3041,5730,3067],{"class":3066},[3041,5732,4457],{"class":3070},[3041,5734,4216],{"class":3062},[3041,5736,3067],{"class":3066},[3041,5738,5739],{"class":3070},"\"200\"\n",[3041,5741,5742,5745,5747,5749,5751,5753],{"class":3043,"line":3792},[3041,5743,5744],{"class":3062},"        HorizontalContentAlignment",[3041,5746,3067],{"class":3066},[3041,5748,4406],{"class":3070},[3041,5750,3521],{"class":3062},[3041,5752,3067],{"class":3066},[3041,5754,5755],{"class":3070},"\"12,0\"\n",[3041,5757,5758,5761,5763,5766],{"class":3043,"line":3797},[3041,5759,5760],{"class":3062},"        Content",[3041,5762,3067],{"class":3066},[3041,5764,5765],{"class":3070},"\"← Текст зліва у кнопці\"",[3041,5767,3082],{"class":3054},[3002,5769],{},[3005,5771,5773],{"id":5772},"minwidthmaxwidth-minheightmaxheight","MinWidth/MaxWidth, MinHeight/MaxHeight",[2959,5775,5776],{},"Обмеження розмірів — важливий інструмент для адаптивних інтерфейсів. Без обмежень елементи можуть бути занадто малими або занадто великими.",[3032,5778,5780],{"className":3034,"code":5779,"language":3036,"meta":3037,"style":3037},"\u003C!-- TextBox що розтягується, але не менше 100px і не більше 400px -->\n\u003CTextBox MinWidth=\"100\" MaxWidth=\"400\" Width=\"Auto\"\n         HorizontalAlignment=\"Stretch\" Text=\"Гнучке текстове поле\"/>\n\n\u003C!-- Кнопки мають мінімальну ширину 80px (однаковий вигляд) -->\n\u003CStackPanel Orientation=\"Horizontal\" Spacing=\"8\">\n    \u003CButton MinWidth=\"80\" Content=\"OK\"/>\n    \u003CButton MinWidth=\"80\" Content=\"Скасувати\"/>\n    \u003CButton MinWidth=\"80\" Content=\"Застосувати\"/>\n\u003C/StackPanel>\n\n\u003C!-- Dropdown-список не вище 300px -->\n\u003CComboBox MaxHeight=\"300\">\n    \u003C!-- ItemsSource або Items -->\n\u003C/ComboBox>\n",[3012,5781,5782,5787,5815,5833,5837,5842,5864,5886,5907,5928,5936,5940,5945,5962,5967],{"__ignoreMap":3037},[3041,5783,5784],{"class":3043,"line":3044},[3041,5785,5786],{"class":3047},"\u003C!-- TextBox що розтягується, але не менше 100px і не більше 400px -->\n",[3041,5788,5789,5791,5793,5796,5798,5801,5804,5806,5808,5810,5812],{"class":3043,"line":3051},[3041,5790,3055],{"class":3054},[3041,5792,3542],{"class":3058},[3041,5794,5795],{"class":3062}," MinWidth",[3041,5797,3067],{"class":3066},[3041,5799,5800],{"class":3070},"\"100\"",[3041,5802,5803],{"class":3062}," MaxWidth",[3041,5805,3067],{"class":3066},[3041,5807,4221],{"class":3070},[3041,5809,4216],{"class":3062},[3041,5811,3067],{"class":3066},[3041,5813,5814],{"class":3070},"\"Auto\"\n",[3041,5816,5817,5820,5822,5824,5826,5828,5831],{"class":3043,"line":3085},[3041,5818,5819],{"class":3062},"         HorizontalAlignment",[3041,5821,3067],{"class":3066},[3041,5823,4351],{"class":3070},[3041,5825,3552],{"class":3062},[3041,5827,3067],{"class":3066},[3041,5829,5830],{"class":3070},"\"Гнучке текстове поле\"",[3041,5832,3082],{"class":3054},[3041,5834,5835],{"class":3043,"line":3092},[3041,5836,3089],{"emptyLinePlaceholder":3088},[3041,5838,5839],{"class":3043,"line":3098},[3041,5840,5841],{"class":3047},"\u003C!-- Кнопки мають мінімальну ширину 80px (однаковий вигляд) -->\n",[3041,5843,5844,5846,5848,5851,5853,5856,5858,5860,5862],{"class":3043,"line":3121},[3041,5845,3055],{"class":3054},[3041,5847,3315],{"class":3058},[3041,5849,5850],{"class":3062}," Orientation",[3041,5852,3067],{"class":3066},[3041,5854,5855],{"class":3070},"\"Horizontal\"",[3041,5857,3411],{"class":3062},[3041,5859,3067],{"class":3066},[3041,5861,3071],{"class":3070},[3041,5863,3318],{"class":3054},[3041,5865,5866,5868,5870,5872,5874,5877,5879,5881,5884],{"class":3043,"line":3126},[3041,5867,3323],{"class":3054},[3041,5869,3059],{"class":3058},[3041,5871,5795],{"class":3062},[3041,5873,3067],{"class":3066},[3041,5875,5876],{"class":3070},"\"80\"",[3041,5878,3074],{"class":3062},[3041,5880,3067],{"class":3066},[3041,5882,5883],{"class":3070},"\"OK\"",[3041,5885,3082],{"class":3054},[3041,5887,5888,5890,5892,5894,5896,5898,5900,5902,5905],{"class":3043,"line":3132},[3041,5889,3323],{"class":3054},[3041,5891,3059],{"class":3058},[3041,5893,5795],{"class":3062},[3041,5895,3067],{"class":3066},[3041,5897,5876],{"class":3070},[3041,5899,3074],{"class":3062},[3041,5901,3067],{"class":3066},[3041,5903,5904],{"class":3070},"\"Скасувати\"",[3041,5906,3082],{"class":3054},[3041,5908,5909,5911,5913,5915,5917,5919,5921,5923,5926],{"class":3043,"line":3792},[3041,5910,3323],{"class":3054},[3041,5912,3059],{"class":3058},[3041,5914,5795],{"class":3062},[3041,5916,3067],{"class":3066},[3041,5918,5876],{"class":3070},[3041,5920,3074],{"class":3062},[3041,5922,3067],{"class":3066},[3041,5924,5925],{"class":3070},"\"Застосувати\"",[3041,5927,3082],{"class":3054},[3041,5929,5930,5932,5934],{"class":3043,"line":3797},[3041,5931,3378],{"class":3054},[3041,5933,3315],{"class":3058},[3041,5935,3318],{"class":3054},[3041,5937,5938],{"class":3043,"line":3803},[3041,5939,3089],{"emptyLinePlaceholder":3088},[3041,5941,5942],{"class":3043,"line":3831},[3041,5943,5944],{"class":3047},"\u003C!-- Dropdown-список не вище 300px -->\n",[3041,5946,5947,5949,5952,5955,5957,5960],{"class":3043,"line":3847},[3041,5948,3055],{"class":3054},[3041,5950,5951],{"class":3058},"ComboBox",[3041,5953,5954],{"class":3062}," MaxHeight",[3041,5956,3067],{"class":3066},[3041,5958,5959],{"class":3070},"\"300\"",[3041,5961,3318],{"class":3054},[3041,5963,5964],{"class":3043,"line":3868},[3041,5965,5966],{"class":3047},"    \u003C!-- ItemsSource або Items -->\n",[3041,5968,5969,5971,5973],{"class":3043,"line":3886},[3041,5970,3378],{"class":3054},[3041,5972,5951],{"class":3058},[3041,5974,3318],{"class":3054},[2959,5976,5977],{},"MinWidth/MaxWidth взаємодіють із Measure Pass:",[5979,5980,5981,5984,5991,6005],"ol",{},[3614,5982,5983],{},"Grid/StackPanel питає елемент: \"Скільки тобі треба?\" (MeasureOverride)",[3614,5985,5986,5987,5990],{},"Елемент відповідає ",[3012,5988,5989],{},"DesiredSize"," — але з урахуванням Min/Max обмежень",[3614,5992,5993,5994,5997,5998,6001,6002,6004],{},"Якщо доступне місце менше ніж ",[3012,5995,5996],{},"MinWidth"," — елемент ",[2969,5999,6000],{},"усе одно"," займе ",[3012,6003,5996],{}," (може виступати за межі батьківського)",[3614,6006,6007,6008,6011,6012],{},"Якщо доступне місце більше ",[3012,6009,6010],{},"MaxWidth"," — елемент обмежується ",[3012,6013,6010],{},[3649,6015,6017],{"title":6016},"MinWidth/MaxWidth: адаптивна форма з обмеженнями розміру",[3032,6018,6020],{"className":3034,"code":6019,"language":3036,"meta":3037,"style":3037},"\u003CStackPanel Margin=\"16\" Spacing=\"12\" MaxWidth=\"480\" HorizontalAlignment=\"Left\">\n\n    \u003CTextBlock Text=\"Адаптивна форма (спробуйте змінити ширину вікна)\"\n               FontWeight=\"Bold\" Foreground=\"#1e293b\"/>\n\n    \u003C!-- Шукати: мінімум 120px, максимум повна ширина -->\n    \u003CGrid>\n        \u003CGrid.ColumnDefinitions>\n            \u003CColumnDefinition Width=\"*\"/>\n            \u003CColumnDefinition Width=\"Auto\"/>\n        \u003C/Grid.ColumnDefinitions>\n        \u003CTextBox Grid.Column=\"0\" Padding=\"10,7\" MinWidth=\"120\"\n                 Text=\"Пошук...\" BorderBrush=\"#cbd5e1\"/>\n        \u003CButton Grid.Column=\"1\" Content=\"🔍\" Padding=\"10,7\"\n                Background=\"#2563eb\" Foreground=\"White\" Margin=\"8,0,0,0\"/>\n    \u003C/Grid>\n\n    \u003C!-- Кнопки з однаковою мінімальною шириною -->\n    \u003CTextBlock Text=\"Кнопки дій (MinWidth=100 для однаковості):\"\n               Foreground=\"#64748b\" FontSize=\"13\"/>\n    \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"8\">\n        \u003CButton MinWidth=\"100\" Content=\"Зберегти\" Background=\"#2563eb\" Foreground=\"White\" Padding=\"8,6\"/>\n        \u003CButton MinWidth=\"100\" Content=\"OK\" Padding=\"8,6\"/>\n        \u003CButton MinWidth=\"100\" Content=\"Скасувати\" Padding=\"8,6\"/>\n    \u003C/StackPanel>\n\n    \u003C!-- TextBox з MaxWidth: не стає ширшим ніж потрібно -->\n    \u003CTextBlock Text=\"Поле Email (MaxWidth=280):\" Foreground=\"#64748b\" FontSize=\"13\"/>\n    \u003CTextBox MaxWidth=\"280\" HorizontalAlignment=\"Left\"\n             Padding=\"10,7\" Text=\"user@example.com\" BorderBrush=\"#cbd5e1\"/>\n\n\u003C/StackPanel>\n",[3012,6021,6022,6056,6060,6073,6092,6096,6101,6109,6117,6132,6147,6155,6181,6200,6226,6249,6257,6261,6266,6279,6298,6318,6358,6384,6410,6418,6422,6427,6454,6472,6496,6500],{"__ignoreMap":3037},[3041,6023,6024,6026,6028,6030,6032,6034,6036,6038,6041,6043,6045,6048,6050,6052,6054],{"class":3043,"line":3044},[3041,6025,3055],{"class":3054},[3041,6027,3315],{"class":3058},[3041,6029,3063],{"class":3062},[3041,6031,3067],{"class":3066},[3041,6033,3422],{"class":3070},[3041,6035,3411],{"class":3062},[3041,6037,3067],{"class":3066},[3041,6039,6040],{"class":3070},"\"12\"",[3041,6042,5803],{"class":3062},[3041,6044,3067],{"class":3066},[3041,6046,6047],{"class":3070},"\"480\"",[3041,6049,4391],{"class":3062},[3041,6051,3067],{"class":3066},[3041,6053,4406],{"class":3070},[3041,6055,3318],{"class":3054},[3041,6057,6058],{"class":3043,"line":3051},[3041,6059,3089],{"emptyLinePlaceholder":3088},[3041,6061,6062,6064,6066,6068,6070],{"class":3043,"line":3085},[3041,6063,3323],{"class":3054},[3041,6065,3496],{"class":3058},[3041,6067,3552],{"class":3062},[3041,6069,3067],{"class":3066},[3041,6071,6072],{"class":3070},"\"Адаптивна форма (спробуйте змінити ширину вікна)\"\n",[3041,6074,6075,6078,6080,6083,6085,6087,6090],{"class":3043,"line":3092},[3041,6076,6077],{"class":3062},"               FontWeight",[3041,6079,3067],{"class":3066},[3041,6081,6082],{"class":3070},"\"Bold\"",[3041,6084,3709],{"class":3062},[3041,6086,3067],{"class":3066},[3041,6088,6089],{"class":3070},"\"#1e293b\"",[3041,6091,3082],{"class":3054},[3041,6093,6094],{"class":3043,"line":3098},[3041,6095,3089],{"emptyLinePlaceholder":3088},[3041,6097,6098],{"class":3043,"line":3121},[3041,6099,6100],{"class":3047},"    \u003C!-- Шукати: мінімум 120px, максимум повна ширина -->\n",[3041,6102,6103,6105,6107],{"class":3043,"line":3126},[3041,6104,3323],{"class":3054},[3041,6106,3723],{"class":3058},[3041,6108,3318],{"class":3054},[3041,6110,6111,6113,6115],{"class":3043,"line":3132},[3041,6112,3738],{"class":3054},[3041,6114,4272],{"class":3058},[3041,6116,3318],{"class":3054},[3041,6118,6119,6121,6123,6125,6127,6130],{"class":3043,"line":3792},[3041,6120,4011],{"class":3054},[3041,6122,4281],{"class":3058},[3041,6124,4216],{"class":3062},[3041,6126,3067],{"class":3066},[3041,6128,6129],{"class":3070},"\"*\"",[3041,6131,3082],{"class":3054},[3041,6133,6134,6136,6138,6140,6142,6145],{"class":3043,"line":3797},[3041,6135,4011],{"class":3054},[3041,6137,4281],{"class":3058},[3041,6139,4216],{"class":3062},[3041,6141,3067],{"class":3066},[3041,6143,6144],{"class":3070},"\"Auto\"",[3041,6146,3082],{"class":3054},[3041,6148,6149,6151,6153],{"class":3043,"line":3803},[3041,6150,4046],{"class":3054},[3041,6152,4272],{"class":3058},[3041,6154,3318],{"class":3054},[3041,6156,6157,6159,6161,6163,6165,6167,6169,6171,6174,6176,6178],{"class":3043,"line":3831},[3041,6158,3738],{"class":3054},[3041,6160,3542],{"class":3058},[3041,6162,4340],{"class":3062},[3041,6164,3067],{"class":3066},[3041,6166,3952],{"class":3070},[3041,6168,3521],{"class":3062},[3041,6170,3067],{"class":3066},[3041,6172,6173],{"class":3070},"\"10,7\"",[3041,6175,5795],{"class":3062},[3041,6177,3067],{"class":3066},[3041,6179,6180],{"class":3070},"\"120\"\n",[3041,6182,6183,6186,6188,6191,6193,6195,6198],{"class":3043,"line":3847},[3041,6184,6185],{"class":3062},"                 Text",[3041,6187,3067],{"class":3066},[3041,6189,6190],{"class":3070},"\"Пошук...\"",[3041,6192,3983],{"class":3062},[3041,6194,3067],{"class":3066},[3041,6196,6197],{"class":3070},"\"#cbd5e1\"",[3041,6199,3082],{"class":3054},[3041,6201,6202,6204,6206,6208,6210,6212,6214,6216,6219,6221,6223],{"class":3043,"line":3868},[3041,6203,3738],{"class":3054},[3041,6205,3059],{"class":3058},[3041,6207,4340],{"class":3062},[3041,6209,3067],{"class":3066},[3041,6211,4388],{"class":3070},[3041,6213,3074],{"class":3062},[3041,6215,3067],{"class":3066},[3041,6217,6218],{"class":3070},"\"🔍\"",[3041,6220,3521],{"class":3062},[3041,6222,3067],{"class":3066},[3041,6224,6225],{"class":3070},"\"10,7\"\n",[3041,6227,6228,6230,6232,6234,6236,6238,6240,6242,6244,6247],{"class":3043,"line":3886},[3041,6229,3759],{"class":3062},[3041,6231,3067],{"class":3066},[3041,6233,4899],{"class":3070},[3041,6235,3709],{"class":3062},[3041,6237,3067],{"class":3066},[3041,6239,3771],{"class":3070},[3041,6241,3063],{"class":3062},[3041,6243,3067],{"class":3066},[3041,6245,6246],{"class":3070},"\"8,0,0,0\"",[3041,6248,3082],{"class":3054},[3041,6250,6251,6253,6255],{"class":3043,"line":3895},[3041,6252,3785],{"class":3054},[3041,6254,3723],{"class":3058},[3041,6256,3318],{"class":3054},[3041,6258,6259],{"class":3043,"line":3900},[3041,6260,3089],{"emptyLinePlaceholder":3088},[3041,6262,6263],{"class":3043,"line":3906},[3041,6264,6265],{"class":3047},"    \u003C!-- Кнопки з однаковою мінімальною шириною -->\n",[3041,6267,6268,6270,6272,6274,6276],{"class":3043,"line":3934},[3041,6269,3323],{"class":3054},[3041,6271,3496],{"class":3058},[3041,6273,3552],{"class":3062},[3041,6275,3067],{"class":3066},[3041,6277,6278],{"class":3070},"\"Кнопки дій (MinWidth=100 для однаковості):\"\n",[3041,6280,6281,6284,6286,6289,6291,6293,6296],{"class":3043,"line":3957},[3041,6282,6283],{"class":3062},"               Foreground",[3041,6285,3067],{"class":3066},[3041,6287,6288],{"class":3070},"\"#64748b\"",[3041,6290,4699],{"class":3062},[3041,6292,3067],{"class":3066},[3041,6294,6295],{"class":3070},"\"13\"",[3041,6297,3082],{"class":3054},[3041,6299,6300,6302,6304,6306,6308,6310,6312,6314,6316],{"class":3043,"line":4008},[3041,6301,3323],{"class":3054},[3041,6303,3315],{"class":3058},[3041,6305,5850],{"class":3062},[3041,6307,3067],{"class":3066},[3041,6309,5855],{"class":3070},[3041,6311,3411],{"class":3062},[3041,6313,3067],{"class":3066},[3041,6315,3071],{"class":3070},[3041,6317,3318],{"class":3054},[3041,6319,6320,6322,6324,6326,6328,6330,6332,6334,6337,6339,6341,6343,6345,6347,6349,6351,6353,6356],{"class":3043,"line":4023},[3041,6321,3738],{"class":3054},[3041,6323,3059],{"class":3058},[3041,6325,5795],{"class":3062},[3041,6327,3067],{"class":3066},[3041,6329,5800],{"class":3070},[3041,6331,3074],{"class":3062},[3041,6333,3067],{"class":3066},[3041,6335,6336],{"class":3070},"\"Зберегти\"",[3041,6338,3726],{"class":3062},[3041,6340,3067],{"class":3066},[3041,6342,4899],{"class":3070},[3041,6344,3709],{"class":3062},[3041,6346,3067],{"class":3066},[3041,6348,3771],{"class":3070},[3041,6350,3521],{"class":3062},[3041,6352,3067],{"class":3066},[3041,6354,6355],{"class":3070},"\"8,6\"",[3041,6357,3082],{"class":3054},[3041,6359,6360,6362,6364,6366,6368,6370,6372,6374,6376,6378,6380,6382],{"class":3043,"line":4043},[3041,6361,3738],{"class":3054},[3041,6363,3059],{"class":3058},[3041,6365,5795],{"class":3062},[3041,6367,3067],{"class":3066},[3041,6369,5800],{"class":3070},[3041,6371,3074],{"class":3062},[3041,6373,3067],{"class":3066},[3041,6375,5883],{"class":3070},[3041,6377,3521],{"class":3062},[3041,6379,3067],{"class":3066},[3041,6381,6355],{"class":3070},[3041,6383,3082],{"class":3054},[3041,6385,6386,6388,6390,6392,6394,6396,6398,6400,6402,6404,6406,6408],{"class":3043,"line":4053},[3041,6387,3738],{"class":3054},[3041,6389,3059],{"class":3058},[3041,6391,5795],{"class":3062},[3041,6393,3067],{"class":3066},[3041,6395,5800],{"class":3070},[3041,6397,3074],{"class":3062},[3041,6399,3067],{"class":3066},[3041,6401,5904],{"class":3070},[3041,6403,3521],{"class":3062},[3041,6405,3067],{"class":3066},[3041,6407,6355],{"class":3070},[3041,6409,3082],{"class":3054},[3041,6411,6412,6414,6416],{"class":3043,"line":4062},[3041,6413,3785],{"class":3054},[3041,6415,3315],{"class":3058},[3041,6417,3318],{"class":3054},[3041,6419,6420],{"class":3043,"line":4067},[3041,6421,3089],{"emptyLinePlaceholder":3088},[3041,6423,6424],{"class":3043,"line":4073},[3041,6425,6426],{"class":3047},"    \u003C!-- TextBox з MaxWidth: не стає ширшим ніж потрібно -->\n",[3041,6428,6429,6431,6433,6435,6437,6440,6442,6444,6446,6448,6450,6452],{"class":3043,"line":4101},[3041,6430,3323],{"class":3054},[3041,6432,3496],{"class":3058},[3041,6434,3552],{"class":3062},[3041,6436,3067],{"class":3066},[3041,6438,6439],{"class":3070},"\"Поле Email (MaxWidth=280):\"",[3041,6441,3709],{"class":3062},[3041,6443,3067],{"class":3066},[3041,6445,6288],{"class":3070},[3041,6447,4699],{"class":3062},[3041,6449,3067],{"class":3066},[3041,6451,6295],{"class":3070},[3041,6453,3082],{"class":3054},[3041,6455,6456,6458,6460,6462,6464,6466,6468,6470],{"class":3043,"line":4115},[3041,6457,3323],{"class":3054},[3041,6459,3542],{"class":3058},[3041,6461,5803],{"class":3062},[3041,6463,3067],{"class":3066},[3041,6465,4560],{"class":3070},[3041,6467,4391],{"class":3062},[3041,6469,3067],{"class":3066},[3041,6471,4396],{"class":3070},[3041,6473,6474,6477,6479,6481,6483,6485,6488,6490,6492,6494],{"class":3043,"line":4140},[3041,6475,6476],{"class":3062},"             Padding",[3041,6478,3067],{"class":3066},[3041,6480,6173],{"class":3070},[3041,6482,3552],{"class":3062},[3041,6484,3067],{"class":3066},[3041,6486,6487],{"class":3070},"\"user@example.com\"",[3041,6489,3983],{"class":3062},[3041,6491,3067],{"class":3066},[3041,6493,6197],{"class":3070},[3041,6495,3082],{"class":3054},[3041,6497,6498],{"class":3043,"line":4153},[3041,6499,3089],{"emptyLinePlaceholder":3088},[3041,6501,6502,6504,6506],{"class":3043,"line":4158},[3041,6503,3378],{"class":3054},[3041,6505,3315],{"class":3058},[3041,6507,3318],{"class":3054},[3002,6509],{},[3005,6511,6513],{"id":6512},"scrollviewer-прокрутка-вмісту","ScrollViewer: прокрутка вмісту",[2959,6515,6516,6518,6519,3191],{},[3012,6517,2991],{}," — контейнер-обгортка, що додає смуги прокрутки до свого вмісту. Коли вміст більший за видиму область — з'являється ",[3012,6520,6521],{},"ScrollBar",[3032,6523,6525],{"className":3034,"code":6524,"language":3036,"meta":3037,"style":3037},"\u003C!-- Базовий ScrollViewer: вертикальна прокрутка за замовчуванням -->\n\u003CScrollViewer>\n    \u003CStackPanel>\n        \u003C!-- Bagato elementiv -->\n    \u003C/StackPanel>\n\u003C/ScrollViewer>\n",[3012,6526,6527,6532,6540,6548,6553,6561],{"__ignoreMap":3037},[3041,6528,6529],{"class":3043,"line":3044},[3041,6530,6531],{"class":3047},"\u003C!-- Базовий ScrollViewer: вертикальна прокрутка за замовчуванням -->\n",[3041,6533,6534,6536,6538],{"class":3043,"line":3051},[3041,6535,3055],{"class":3054},[3041,6537,2991],{"class":3058},[3041,6539,3318],{"class":3054},[3041,6541,6542,6544,6546],{"class":3043,"line":3085},[3041,6543,3323],{"class":3054},[3041,6545,3315],{"class":3058},[3041,6547,3318],{"class":3054},[3041,6549,6550],{"class":3043,"line":3092},[3041,6551,6552],{"class":3047},"        \u003C!-- Bagato elementiv -->\n",[3041,6554,6555,6557,6559],{"class":3043,"line":3098},[3041,6556,3785],{"class":3054},[3041,6558,3315],{"class":3058},[3041,6560,3318],{"class":3054},[3041,6562,6563,6565,6567],{"class":3043,"line":3121},[3041,6564,3378],{"class":3054},[3041,6566,2991],{"class":3058},[3041,6568,3318],{"class":3054},[3024,6570,6572],{"id":6571},"visibility-режими-scrollbar","Visibility режими ScrollBar",[2959,6574,6575,6578,6579,6582],{},[3012,6576,6577],{},"VerticalScrollBarVisibility"," і ",[3012,6580,6581],{},"HorizontalScrollBarVisibility"," мають чотири значення:",[6584,6585,6586,6599],"table",{},[6587,6588,6589],"thead",{},[6590,6591,6592,6596],"tr",{},[6593,6594,6595],"th",{},"Значення",[6593,6597,6598],{},"Поведінка",[6600,6601,6602,6613,6623,6633],"tbody",{},[6590,6603,6604,6610],{},[6605,6606,6607],"td",{},[3012,6608,6609],{},"Auto",[6605,6611,6612],{},"Смуга прокрутки з'являється тільки коли вміст не вміщується (за замовчуванням для Vertical)",[6590,6614,6615,6620],{},[6605,6616,6617],{},[3012,6618,6619],{},"Visible",[6605,6621,6622],{},"Смуга завжди видима (навіть якщо прокрутки немає)",[6590,6624,6625,6630],{},[6605,6626,6627],{},[3012,6628,6629],{},"Hidden",[6605,6631,6632],{},"Смуга прихована, але вміст все одно прокручується (колесо миші)",[6590,6634,6635,6640],{},[6605,6636,6637],{},[3012,6638,6639],{},"Disabled",[6605,6641,6642],{},"Смуга прихована І контент обрізається (прокрутки немає)",[2959,6644,6645,6646,3507],{},"За замовчуванням у ",[3012,6647,2991],{},[3611,6649,6650,6656],{},[3614,6651,6652,6655],{},[3012,6653,6654],{},"VerticalScrollBarVisibility = Auto"," (вертикальна прокрутка є)",[3614,6657,6658,6661],{},[3012,6659,6660],{},"HorizontalScrollBarVisibility = Disabled"," (горизонтальна прокрутка вимкнена!)",[3032,6663,6665],{"className":3034,"code":6664,"language":3036,"meta":3037,"style":3037},"\u003C!-- Вертикальна: Auto (з'являється за потребою) -->\n\u003CScrollViewer VerticalScrollBarVisibility=\"Auto\">...\u003C/ScrollViewer>\n\n\u003C!-- Обидва напрямки -->\n\u003CScrollViewer HorizontalScrollBarVisibility=\"Auto\"\n              VerticalScrollBarVisibility=\"Auto\">\n    \u003CImage Width=\"2000\" Height=\"3000\" Source=\"large-map.jpg\"/>\n\u003C/ScrollViewer>\n\n\u003C!-- Завжди видима смуга (виглядає стабільніше) -->\n\u003CScrollViewer VerticalScrollBarVisibility=\"Visible\">...\u003C/ScrollViewer>\n",[3012,6666,6667,6672,6697,6701,6706,6719,6730,6761,6769,6773,6778],{"__ignoreMap":3037},[3041,6668,6669],{"class":3043,"line":3044},[3041,6670,6671],{"class":3047},"\u003C!-- Вертикальна: Auto (з'являється за потребою) -->\n",[3041,6673,6674,6676,6678,6681,6683,6685,6688,6691,6693,6695],{"class":3043,"line":3051},[3041,6675,3055],{"class":3054},[3041,6677,2991],{"class":3058},[3041,6679,6680],{"class":3062}," VerticalScrollBarVisibility",[3041,6682,3067],{"class":3066},[3041,6684,6144],{"class":3070},[3041,6686,6687],{"class":3054},">",[3041,6689,6690],{"class":3066},"...",[3041,6692,3378],{"class":3054},[3041,6694,2991],{"class":3058},[3041,6696,3318],{"class":3054},[3041,6698,6699],{"class":3043,"line":3085},[3041,6700,3089],{"emptyLinePlaceholder":3088},[3041,6702,6703],{"class":3043,"line":3092},[3041,6704,6705],{"class":3047},"\u003C!-- Обидва напрямки -->\n",[3041,6707,6708,6710,6712,6715,6717],{"class":3043,"line":3098},[3041,6709,3055],{"class":3054},[3041,6711,2991],{"class":3058},[3041,6713,6714],{"class":3062}," HorizontalScrollBarVisibility",[3041,6716,3067],{"class":3066},[3041,6718,5814],{"class":3070},[3041,6720,6721,6724,6726,6728],{"class":3043,"line":3121},[3041,6722,6723],{"class":3062},"              VerticalScrollBarVisibility",[3041,6725,3067],{"class":3066},[3041,6727,6144],{"class":3070},[3041,6729,3318],{"class":3054},[3041,6731,6732,6734,6737,6739,6741,6744,6746,6748,6751,6754,6756,6759],{"class":3043,"line":3126},[3041,6733,3323],{"class":3054},[3041,6735,6736],{"class":3058},"Image",[3041,6738,4216],{"class":3062},[3041,6740,3067],{"class":3066},[3041,6742,6743],{"class":3070},"\"2000\"",[3041,6745,4224],{"class":3062},[3041,6747,3067],{"class":3066},[3041,6749,6750],{"class":3070},"\"3000\"",[3041,6752,6753],{"class":3062}," Source",[3041,6755,3067],{"class":3066},[3041,6757,6758],{"class":3070},"\"large-map.jpg\"",[3041,6760,3082],{"class":3054},[3041,6762,6763,6765,6767],{"class":3043,"line":3132},[3041,6764,3378],{"class":3054},[3041,6766,2991],{"class":3058},[3041,6768,3318],{"class":3054},[3041,6770,6771],{"class":3043,"line":3792},[3041,6772,3089],{"emptyLinePlaceholder":3088},[3041,6774,6775],{"class":3043,"line":3797},[3041,6776,6777],{"class":3047},"\u003C!-- Завжди видима смуга (виглядає стабільніше) -->\n",[3041,6779,6780,6782,6784,6786,6788,6791,6793,6795,6797,6799],{"class":3043,"line":3803},[3041,6781,3055],{"class":3054},[3041,6783,2991],{"class":3058},[3041,6785,6680],{"class":3062},[3041,6787,3067],{"class":3066},[3041,6789,6790],{"class":3070},"\"Visible\"",[3041,6792,6687],{"class":3054},[3041,6794,6690],{"class":3066},[3041,6796,3378],{"class":3054},[3041,6798,2991],{"class":3058},[3041,6800,3318],{"class":3054},[3024,6802,6804],{"id":6803},"типова-помилка-scrollviewer-всередині-stackpanel","Типова помилка: ScrollViewer всередині StackPanel",[2959,6806,6807],{},"Найпоширеніша помилка початківця:",[3032,6809,6811],{"className":3034,"code":6810,"language":3036,"meta":3037,"style":3037},"\u003C!-- ПРОБЛЕМА: ScrollViewer не прокручується! -->\n\u003CStackPanel>\n    \u003CScrollViewer>  \u003C!-- ← ScrollViewer отримує нескінченну висоту! -->\n        \u003CListBox ItemsSource=\"{Binding Items}\"/>\n    \u003C/ScrollViewer>\n\u003C/StackPanel>\n",[3012,6812,6813,6818,6826,6837,6854,6862],{"__ignoreMap":3037},[3041,6814,6815],{"class":3043,"line":3044},[3041,6816,6817],{"class":3047},"\u003C!-- ПРОБЛЕМА: ScrollViewer не прокручується! -->\n",[3041,6819,6820,6822,6824],{"class":3043,"line":3051},[3041,6821,3055],{"class":3054},[3041,6823,3315],{"class":3058},[3041,6825,3318],{"class":3054},[3041,6827,6828,6830,6832,6834],{"class":3043,"line":3085},[3041,6829,3323],{"class":3054},[3041,6831,2991],{"class":3058},[3041,6833,6687],{"class":3054},[3041,6835,6836],{"class":3047},"  \u003C!-- ← ScrollViewer отримує нескінченну висоту! -->\n",[3041,6838,6839,6841,6844,6847,6849,6852],{"class":3043,"line":3092},[3041,6840,3738],{"class":3054},[3041,6842,6843],{"class":3058},"ListBox",[3041,6845,6846],{"class":3062}," ItemsSource",[3041,6848,3067],{"class":3066},[3041,6850,6851],{"class":3070},"\"{Binding Items}\"",[3041,6853,3082],{"class":3054},[3041,6855,6856,6858,6860],{"class":3043,"line":3098},[3041,6857,3785],{"class":3054},[3041,6859,2991],{"class":3058},[3041,6861,3318],{"class":3054},[3041,6863,6864,6866,6868],{"class":3043,"line":3121},[3041,6865,3378],{"class":3054},[3041,6867,3315],{"class":3058},[3041,6869,3318],{"class":3054},[2959,6871,6872,6873,6875,6876,6879,6880,6883,6884,6886],{},"Причина: ",[3012,6874,3315],{}," надає своїм дочірнім елементам ",[2969,6877,6878],{},"нескінченний"," простір по вертикалі (Measure Pass повертає ",[3012,6881,6882],{},"Infinity","). Тому ",[3012,6885,2991],{}," отримує нескінченну висоту, його вміст теж отримує нескінченну висоту і ніколи не \"переповнюється\" — прокрутки не виникає.",[2959,6888,6889,6892,6893,6895],{},[2969,6890,6891],{},"Рішення 1",": Дати ",[3012,6894,2991],{}," фіксовану висоту:",[3032,6897,6899],{"className":3034,"code":6898,"language":3036,"meta":3037,"style":3037},"\u003CStackPanel>\n    \u003CScrollViewer Height=\"300\">\n        \u003CListBox ItemsSource=\"{Binding Items}\"/>\n    \u003C/ScrollViewer>\n\u003C/StackPanel>\n",[3012,6900,6901,6909,6923,6937,6945],{"__ignoreMap":3037},[3041,6902,6903,6905,6907],{"class":3043,"line":3044},[3041,6904,3055],{"class":3054},[3041,6906,3315],{"class":3058},[3041,6908,3318],{"class":3054},[3041,6910,6911,6913,6915,6917,6919,6921],{"class":3043,"line":3051},[3041,6912,3323],{"class":3054},[3041,6914,2991],{"class":3058},[3041,6916,4224],{"class":3062},[3041,6918,3067],{"class":3066},[3041,6920,5959],{"class":3070},[3041,6922,3318],{"class":3054},[3041,6924,6925,6927,6929,6931,6933,6935],{"class":3043,"line":3085},[3041,6926,3738],{"class":3054},[3041,6928,6843],{"class":3058},[3041,6930,6846],{"class":3062},[3041,6932,3067],{"class":3066},[3041,6934,6851],{"class":3070},[3041,6936,3082],{"class":3054},[3041,6938,6939,6941,6943],{"class":3043,"line":3092},[3041,6940,3785],{"class":3054},[3041,6942,2991],{"class":3058},[3041,6944,3318],{"class":3054},[3041,6946,6947,6949,6951],{"class":3043,"line":3098},[3041,6948,3378],{"class":3054},[3041,6950,3315],{"class":3058},[3041,6952,3318],{"class":3054},[2959,6954,6955,6958,6959,6961,6962,6964,6965,6968],{},[2969,6956,6957],{},"Рішення 2",": Замінити ",[3012,6960,3315],{}," на ",[3012,6963,3723],{}," з ",[3012,6966,6967],{},"*","-рядком (Grid надає скінченну висоту):",[3032,6970,6972],{"className":3034,"code":6971,"language":3036,"meta":3037,"style":3037},"\u003CGrid>\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"Auto\"/>  \u003C!-- Заголовок -->\n        \u003CRowDefinition Height=\"*\"/>     \u003C!-- ScrollViewer отримує скінченну висоту! -->\n    \u003C/Grid.RowDefinitions>\n    \u003CTextBlock Grid.Row=\"0\" Text=\"Список\"/>\n    \u003CScrollViewer Grid.Row=\"1\">\n        \u003CListBox ItemsSource=\"{Binding Items}\"/>\n    \u003C/ScrollViewer>\n\u003C/Grid>\n",[3012,6973,6974,6982,6990,7007,7024,7032,7053,7067,7081,7089],{"__ignoreMap":3037},[3041,6975,6976,6978,6980],{"class":3043,"line":3044},[3041,6977,3055],{"class":3054},[3041,6979,3723],{"class":3058},[3041,6981,3318],{"class":3054},[3041,6983,6984,6986,6988],{"class":3043,"line":3051},[3041,6985,3323],{"class":3054},[3041,6987,4238],{"class":3058},[3041,6989,3318],{"class":3054},[3041,6991,6992,6994,6996,6998,7000,7002,7004],{"class":3043,"line":3085},[3041,6993,3738],{"class":3054},[3041,6995,4247],{"class":3058},[3041,6997,4224],{"class":3062},[3041,6999,3067],{"class":3066},[3041,7001,6144],{"class":3070},[3041,7003,3341],{"class":3054},[3041,7005,7006],{"class":3047},"  \u003C!-- Заголовок -->\n",[3041,7008,7009,7011,7013,7015,7017,7019,7021],{"class":3043,"line":3092},[3041,7010,3738],{"class":3054},[3041,7012,4247],{"class":3058},[3041,7014,4224],{"class":3062},[3041,7016,3067],{"class":3066},[3041,7018,6129],{"class":3070},[3041,7020,3341],{"class":3054},[3041,7022,7023],{"class":3047},"     \u003C!-- ScrollViewer отримує скінченну висоту! -->\n",[3041,7025,7026,7028,7030],{"class":3043,"line":3098},[3041,7027,3785],{"class":3054},[3041,7029,4238],{"class":3058},[3041,7031,3318],{"class":3054},[3041,7033,7034,7036,7038,7040,7042,7044,7046,7048,7051],{"class":3043,"line":3121},[3041,7035,3323],{"class":3054},[3041,7037,3496],{"class":3058},[3041,7039,4333],{"class":3062},[3041,7041,3067],{"class":3066},[3041,7043,3952],{"class":3070},[3041,7045,3552],{"class":3062},[3041,7047,3067],{"class":3066},[3041,7049,7050],{"class":3070},"\"Список\"",[3041,7052,3082],{"class":3054},[3041,7054,7055,7057,7059,7061,7063,7065],{"class":3043,"line":3126},[3041,7056,3323],{"class":3054},[3041,7058,2991],{"class":3058},[3041,7060,4333],{"class":3062},[3041,7062,3067],{"class":3066},[3041,7064,4388],{"class":3070},[3041,7066,3318],{"class":3054},[3041,7068,7069,7071,7073,7075,7077,7079],{"class":3043,"line":3132},[3041,7070,3738],{"class":3054},[3041,7072,6843],{"class":3058},[3041,7074,6846],{"class":3062},[3041,7076,3067],{"class":3066},[3041,7078,6851],{"class":3070},[3041,7080,3082],{"class":3054},[3041,7082,7083,7085,7087],{"class":3043,"line":3792},[3041,7084,3785],{"class":3054},[3041,7086,2991],{"class":3058},[3041,7088,3318],{"class":3054},[3041,7090,7091,7093,7095],{"class":3043,"line":3797},[3041,7092,3378],{"class":3054},[3041,7094,3723],{"class":3058},[3041,7096,3318],{"class":3054},[2959,7098,7099,7102,7103,7105,7106,7108],{},[2969,7100,7101],{},"Рішення 3",": Загорнути весь ",[3012,7104,3315],{}," у ",[3012,7107,2991],{}," (часто найлогічніше):",[3032,7110,7112],{"className":3034,"code":7111,"language":3036,"meta":3037,"style":3037},"\u003CScrollViewer>\n    \u003CStackPanel>\n        \u003CTextBlock Text=\"Заголовок\"/>\n        \u003CListBox Height=\"300\" ItemsSource=\"{Binding Items}\"/>\n    \u003C/StackPanel>\n\u003C/ScrollViewer>\n",[3012,7113,7114,7122,7130,7145,7165,7173],{"__ignoreMap":3037},[3041,7115,7116,7118,7120],{"class":3043,"line":3044},[3041,7117,3055],{"class":3054},[3041,7119,2991],{"class":3058},[3041,7121,3318],{"class":3054},[3041,7123,7124,7126,7128],{"class":3043,"line":3051},[3041,7125,3323],{"class":3054},[3041,7127,3315],{"class":3058},[3041,7129,3318],{"class":3054},[3041,7131,7132,7134,7136,7138,7140,7143],{"class":3043,"line":3085},[3041,7133,3738],{"class":3054},[3041,7135,3496],{"class":3058},[3041,7137,3552],{"class":3062},[3041,7139,3067],{"class":3066},[3041,7141,7142],{"class":3070},"\"Заголовок\"",[3041,7144,3082],{"class":3054},[3041,7146,7147,7149,7151,7153,7155,7157,7159,7161,7163],{"class":3043,"line":3092},[3041,7148,3738],{"class":3054},[3041,7150,6843],{"class":3058},[3041,7152,4224],{"class":3062},[3041,7154,3067],{"class":3066},[3041,7156,5959],{"class":3070},[3041,7158,6846],{"class":3062},[3041,7160,3067],{"class":3066},[3041,7162,6851],{"class":3070},[3041,7164,3082],{"class":3054},[3041,7166,7167,7169,7171],{"class":3043,"line":3098},[3041,7168,3785],{"class":3054},[3041,7170,3315],{"class":3058},[3041,7172,3318],{"class":3054},[3041,7174,7175,7177,7179],{"class":3043,"line":3121},[3041,7176,3378],{"class":3054},[3041,7178,2991],{"class":3058},[3041,7180,3318],{"class":3054},[3649,7182,7184],{"title":7183},"ScrollViewer: VerticalScrollBarVisibility Auto + вкладений ScrollViewer",[3032,7185,7187],{"className":3034,"code":7186,"language":3036,"meta":3037,"style":3037},"\u003CGrid Margin=\"16\" Height=\"320\">\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"*\"/>\n        \u003CColumnDefinition Width=\"8\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n    \u003C/Grid.ColumnDefinitions>\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"Auto\"/>\n        \u003CRowDefinition Height=\"*\"/>\n    \u003C/Grid.RowDefinitions>\n\n    \u003C!-- Ліва панель -->\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"0\" Text=\"Auto (смуга за потребою)\"\n               FontWeight=\"SemiBold\" Foreground=\"#1e293b\" Margin=\"0,0,0,8\"/>\n    \u003CScrollViewer Grid.Row=\"1\" Grid.Column=\"0\" VerticalScrollBarVisibility=\"Auto\"\n                  Background=\"#f8fafc\" BorderBrush=\"#e2e8f0\" BorderThickness=\"1\">\n        \u003CStackPanel Spacing=\"0\">\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"📧 Листи\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\" Background=\"#eff6ff\">\n                \u003CTextBlock Text=\"📁 Вхідні\" Foreground=\"#2563eb\" FontWeight=\"SemiBold\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"📤 Надіслані\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"⭐ Важливі\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"🗑️ Кошик\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"📂 Архів\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"🏷️ Теги\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"📌 Закріплені\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"🔔 Сповіщення\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\">\n                \u003CTextBlock Text=\"⚙️ Налаштування\" Foreground=\"#374151\"/>\n            \u003C/Border>\n        \u003C/StackPanel>\n    \u003C/ScrollViewer>\n\n    \u003C!-- Права панель -->\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"2\" Text=\"Visible (смуга завжди)\"\n               FontWeight=\"SemiBold\" Foreground=\"#1e293b\" Margin=\"0,0,0,8\"/>\n    \u003CScrollViewer Grid.Row=\"1\" Grid.Column=\"2\" VerticalScrollBarVisibility=\"Visible\"\n                  Background=\"#f8fafc\" BorderBrush=\"#e2e8f0\" BorderThickness=\"1\">\n        \u003CStackPanel Spacing=\"0\">\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"Рядок 1\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"Рядок 2\" Foreground=\"#374151\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"12,8\" BorderBrush=\"#f1f5f9\" BorderThickness=\"0,0,0,1\">\n                \u003CTextBlock Text=\"Рядок 3\" Foreground=\"#374151\"/>\n            \u003C/Border>\n        \u003C/StackPanel>\n    \u003C/ScrollViewer>\n\u003C/Grid>\n",[3012,7188,7189,7210,7218,7232,7246,7260,7268,7276,7290,7304,7312,7316,7321,7346,7369,7393,7418,7432,7461,7483,7492,7525,7552,7560,7586,7607,7615,7641,7662,7670,7696,7717,7725,7751,7772,7780,7806,7827,7835,7861,7882,7890,7916,7937,7945,7959,7980,7988,7997,8006,8011,8017,8043,8066,8092,8115,8130,8157,8179,8188,8215,8237,8246,8273,8295,8304,8313,8322],{"__ignoreMap":3037},[3041,7190,7191,7193,7195,7197,7199,7201,7203,7205,7208],{"class":3043,"line":3044},[3041,7192,3055],{"class":3054},[3041,7194,3723],{"class":3058},[3041,7196,3063],{"class":3062},[3041,7198,3067],{"class":3066},[3041,7200,3422],{"class":3070},[3041,7202,4224],{"class":3062},[3041,7204,3067],{"class":3066},[3041,7206,7207],{"class":3070},"\"320\"",[3041,7209,3318],{"class":3054},[3041,7211,7212,7214,7216],{"class":3043,"line":3051},[3041,7213,3323],{"class":3054},[3041,7215,4272],{"class":3058},[3041,7217,3318],{"class":3054},[3041,7219,7220,7222,7224,7226,7228,7230],{"class":3043,"line":3085},[3041,7221,3738],{"class":3054},[3041,7223,4281],{"class":3058},[3041,7225,4216],{"class":3062},[3041,7227,3067],{"class":3066},[3041,7229,6129],{"class":3070},[3041,7231,3082],{"class":3054},[3041,7233,7234,7236,7238,7240,7242,7244],{"class":3043,"line":3092},[3041,7235,3738],{"class":3054},[3041,7237,4281],{"class":3058},[3041,7239,4216],{"class":3062},[3041,7241,3067],{"class":3066},[3041,7243,3071],{"class":3070},[3041,7245,3082],{"class":3054},[3041,7247,7248,7250,7252,7254,7256,7258],{"class":3043,"line":3098},[3041,7249,3738],{"class":3054},[3041,7251,4281],{"class":3058},[3041,7253,4216],{"class":3062},[3041,7255,3067],{"class":3066},[3041,7257,6129],{"class":3070},[3041,7259,3082],{"class":3054},[3041,7261,7262,7264,7266],{"class":3043,"line":3121},[3041,7263,3785],{"class":3054},[3041,7265,4272],{"class":3058},[3041,7267,3318],{"class":3054},[3041,7269,7270,7272,7274],{"class":3043,"line":3126},[3041,7271,3323],{"class":3054},[3041,7273,4238],{"class":3058},[3041,7275,3318],{"class":3054},[3041,7277,7278,7280,7282,7284,7286,7288],{"class":3043,"line":3132},[3041,7279,3738],{"class":3054},[3041,7281,4247],{"class":3058},[3041,7283,4224],{"class":3062},[3041,7285,3067],{"class":3066},[3041,7287,6144],{"class":3070},[3041,7289,3082],{"class":3054},[3041,7291,7292,7294,7296,7298,7300,7302],{"class":3043,"line":3792},[3041,7293,3738],{"class":3054},[3041,7295,4247],{"class":3058},[3041,7297,4224],{"class":3062},[3041,7299,3067],{"class":3066},[3041,7301,6129],{"class":3070},[3041,7303,3082],{"class":3054},[3041,7305,7306,7308,7310],{"class":3043,"line":3797},[3041,7307,3785],{"class":3054},[3041,7309,4238],{"class":3058},[3041,7311,3318],{"class":3054},[3041,7313,7314],{"class":3043,"line":3803},[3041,7315,3089],{"emptyLinePlaceholder":3088},[3041,7317,7318],{"class":3043,"line":3831},[3041,7319,7320],{"class":3047},"    \u003C!-- Ліва панель -->\n",[3041,7322,7323,7325,7327,7329,7331,7333,7335,7337,7339,7341,7343],{"class":3043,"line":3847},[3041,7324,3323],{"class":3054},[3041,7326,3496],{"class":3058},[3041,7328,4333],{"class":3062},[3041,7330,3067],{"class":3066},[3041,7332,3952],{"class":3070},[3041,7334,4340],{"class":3062},[3041,7336,3067],{"class":3066},[3041,7338,3952],{"class":3070},[3041,7340,3552],{"class":3062},[3041,7342,3067],{"class":3066},[3041,7344,7345],{"class":3070},"\"Auto (смуга за потребою)\"\n",[3041,7347,7348,7350,7352,7354,7356,7358,7360,7362,7364,7367],{"class":3043,"line":3868},[3041,7349,6077],{"class":3062},[3041,7351,3067],{"class":3066},[3041,7353,3706],{"class":3070},[3041,7355,3709],{"class":3062},[3041,7357,3067],{"class":3066},[3041,7359,6089],{"class":3070},[3041,7361,3063],{"class":3062},[3041,7363,3067],{"class":3066},[3041,7365,7366],{"class":3070},"\"0,0,0,8\"",[3041,7368,3082],{"class":3054},[3041,7370,7371,7373,7375,7377,7379,7381,7383,7385,7387,7389,7391],{"class":3043,"line":3886},[3041,7372,3323],{"class":3054},[3041,7374,2991],{"class":3058},[3041,7376,4333],{"class":3062},[3041,7378,3067],{"class":3066},[3041,7380,4388],{"class":3070},[3041,7382,4340],{"class":3062},[3041,7384,3067],{"class":3066},[3041,7386,3952],{"class":3070},[3041,7388,6680],{"class":3062},[3041,7390,3067],{"class":3066},[3041,7392,5814],{"class":3070},[3041,7394,7395,7398,7400,7403,7405,7407,7410,7412,7414,7416],{"class":3043,"line":3895},[3041,7396,7397],{"class":3062},"                  Background",[3041,7399,3067],{"class":3066},[3041,7401,7402],{"class":3070},"\"#f8fafc\"",[3041,7404,3983],{"class":3062},[3041,7406,3067],{"class":3066},[3041,7408,7409],{"class":3070},"\"#e2e8f0\"",[3041,7411,3991],{"class":3062},[3041,7413,3067],{"class":3066},[3041,7415,4388],{"class":3070},[3041,7417,3318],{"class":3054},[3041,7419,7420,7422,7424,7426,7428,7430],{"class":3043,"line":3900},[3041,7421,3738],{"class":3054},[3041,7423,3315],{"class":3058},[3041,7425,3411],{"class":3062},[3041,7427,3067],{"class":3066},[3041,7429,3952],{"class":3070},[3041,7431,3318],{"class":3054},[3041,7433,7434,7436,7438,7440,7442,7445,7447,7449,7452,7454,7456,7459],{"class":3043,"line":3906},[3041,7435,4011],{"class":3054},[3041,7437,3566],{"class":3058},[3041,7439,3521],{"class":3062},[3041,7441,3067],{"class":3066},[3041,7443,7444],{"class":3070},"\"12,8\"",[3041,7446,3983],{"class":3062},[3041,7448,3067],{"class":3066},[3041,7450,7451],{"class":3070},"\"#f1f5f9\"",[3041,7453,3991],{"class":3062},[3041,7455,3067],{"class":3066},[3041,7457,7458],{"class":3070},"\"0,0,0,1\"",[3041,7460,3318],{"class":3054},[3041,7462,7463,7466,7468,7470,7472,7475,7477,7479,7481],{"class":3043,"line":3934},[3041,7464,7465],{"class":3054},"                \u003C",[3041,7467,3496],{"class":3058},[3041,7469,3552],{"class":3062},[3041,7471,3067],{"class":3066},[3041,7473,7474],{"class":3070},"\"📧 Листи\"",[3041,7476,3709],{"class":3062},[3041,7478,3067],{"class":3066},[3041,7480,3714],{"class":3070},[3041,7482,3082],{"class":3054},[3041,7484,7485,7488,7490],{"class":3043,"line":3957},[3041,7486,7487],{"class":3054},"            \u003C/",[3041,7489,3566],{"class":3058},[3041,7491,3318],{"class":3054},[3041,7493,7494,7496,7498,7500,7502,7504,7506,7508,7510,7512,7514,7516,7518,7520,7523],{"class":3043,"line":4008},[3041,7495,4011],{"class":3054},[3041,7497,3566],{"class":3058},[3041,7499,3521],{"class":3062},[3041,7501,3067],{"class":3066},[3041,7503,7444],{"class":3070},[3041,7505,3983],{"class":3062},[3041,7507,3067],{"class":3066},[3041,7509,7451],{"class":3070},[3041,7511,3991],{"class":3062},[3041,7513,3067],{"class":3066},[3041,7515,7458],{"class":3070},[3041,7517,3726],{"class":3062},[3041,7519,3067],{"class":3066},[3041,7521,7522],{"class":3070},"\"#eff6ff\"",[3041,7524,3318],{"class":3054},[3041,7526,7527,7529,7531,7533,7535,7538,7540,7542,7544,7546,7548,7550],{"class":3043,"line":4023},[3041,7528,7465],{"class":3054},[3041,7530,3496],{"class":3058},[3041,7532,3552],{"class":3062},[3041,7534,3067],{"class":3066},[3041,7536,7537],{"class":3070},"\"📁 Вхідні\"",[3041,7539,3709],{"class":3062},[3041,7541,3067],{"class":3066},[3041,7543,4899],{"class":3070},[3041,7545,3701],{"class":3062},[3041,7547,3067],{"class":3066},[3041,7549,3706],{"class":3070},[3041,7551,3082],{"class":3054},[3041,7553,7554,7556,7558],{"class":3043,"line":4043},[3041,7555,7487],{"class":3054},[3041,7557,3566],{"class":3058},[3041,7559,3318],{"class":3054},[3041,7561,7562,7564,7566,7568,7570,7572,7574,7576,7578,7580,7582,7584],{"class":3043,"line":4053},[3041,7563,4011],{"class":3054},[3041,7565,3566],{"class":3058},[3041,7567,3521],{"class":3062},[3041,7569,3067],{"class":3066},[3041,7571,7444],{"class":3070},[3041,7573,3983],{"class":3062},[3041,7575,3067],{"class":3066},[3041,7577,7451],{"class":3070},[3041,7579,3991],{"class":3062},[3041,7581,3067],{"class":3066},[3041,7583,7458],{"class":3070},[3041,7585,3318],{"class":3054},[3041,7587,7588,7590,7592,7594,7596,7599,7601,7603,7605],{"class":3043,"line":4062},[3041,7589,7465],{"class":3054},[3041,7591,3496],{"class":3058},[3041,7593,3552],{"class":3062},[3041,7595,3067],{"class":3066},[3041,7597,7598],{"class":3070},"\"📤 Надіслані\"",[3041,7600,3709],{"class":3062},[3041,7602,3067],{"class":3066},[3041,7604,3714],{"class":3070},[3041,7606,3082],{"class":3054},[3041,7608,7609,7611,7613],{"class":3043,"line":4067},[3041,7610,7487],{"class":3054},[3041,7612,3566],{"class":3058},[3041,7614,3318],{"class":3054},[3041,7616,7617,7619,7621,7623,7625,7627,7629,7631,7633,7635,7637,7639],{"class":3043,"line":4073},[3041,7618,4011],{"class":3054},[3041,7620,3566],{"class":3058},[3041,7622,3521],{"class":3062},[3041,7624,3067],{"class":3066},[3041,7626,7444],{"class":3070},[3041,7628,3983],{"class":3062},[3041,7630,3067],{"class":3066},[3041,7632,7451],{"class":3070},[3041,7634,3991],{"class":3062},[3041,7636,3067],{"class":3066},[3041,7638,7458],{"class":3070},[3041,7640,3318],{"class":3054},[3041,7642,7643,7645,7647,7649,7651,7654,7656,7658,7660],{"class":3043,"line":4101},[3041,7644,7465],{"class":3054},[3041,7646,3496],{"class":3058},[3041,7648,3552],{"class":3062},[3041,7650,3067],{"class":3066},[3041,7652,7653],{"class":3070},"\"⭐ Важливі\"",[3041,7655,3709],{"class":3062},[3041,7657,3067],{"class":3066},[3041,7659,3714],{"class":3070},[3041,7661,3082],{"class":3054},[3041,7663,7664,7666,7668],{"class":3043,"line":4115},[3041,7665,7487],{"class":3054},[3041,7667,3566],{"class":3058},[3041,7669,3318],{"class":3054},[3041,7671,7672,7674,7676,7678,7680,7682,7684,7686,7688,7690,7692,7694],{"class":3043,"line":4140},[3041,7673,4011],{"class":3054},[3041,7675,3566],{"class":3058},[3041,7677,3521],{"class":3062},[3041,7679,3067],{"class":3066},[3041,7681,7444],{"class":3070},[3041,7683,3983],{"class":3062},[3041,7685,3067],{"class":3066},[3041,7687,7451],{"class":3070},[3041,7689,3991],{"class":3062},[3041,7691,3067],{"class":3066},[3041,7693,7458],{"class":3070},[3041,7695,3318],{"class":3054},[3041,7697,7698,7700,7702,7704,7706,7709,7711,7713,7715],{"class":3043,"line":4153},[3041,7699,7465],{"class":3054},[3041,7701,3496],{"class":3058},[3041,7703,3552],{"class":3062},[3041,7705,3067],{"class":3066},[3041,7707,7708],{"class":3070},"\"🗑️ Кошик\"",[3041,7710,3709],{"class":3062},[3041,7712,3067],{"class":3066},[3041,7714,3714],{"class":3070},[3041,7716,3082],{"class":3054},[3041,7718,7719,7721,7723],{"class":3043,"line":4158},[3041,7720,7487],{"class":3054},[3041,7722,3566],{"class":3058},[3041,7724,3318],{"class":3054},[3041,7726,7727,7729,7731,7733,7735,7737,7739,7741,7743,7745,7747,7749],{"class":3043,"line":5234},[3041,7728,4011],{"class":3054},[3041,7730,3566],{"class":3058},[3041,7732,3521],{"class":3062},[3041,7734,3067],{"class":3066},[3041,7736,7444],{"class":3070},[3041,7738,3983],{"class":3062},[3041,7740,3067],{"class":3066},[3041,7742,7451],{"class":3070},[3041,7744,3991],{"class":3062},[3041,7746,3067],{"class":3066},[3041,7748,7458],{"class":3070},[3041,7750,3318],{"class":3054},[3041,7752,7753,7755,7757,7759,7761,7764,7766,7768,7770],{"class":3043,"line":5239},[3041,7754,7465],{"class":3054},[3041,7756,3496],{"class":3058},[3041,7758,3552],{"class":3062},[3041,7760,3067],{"class":3066},[3041,7762,7763],{"class":3070},"\"📂 Архів\"",[3041,7765,3709],{"class":3062},[3041,7767,3067],{"class":3066},[3041,7769,3714],{"class":3070},[3041,7771,3082],{"class":3054},[3041,7773,7774,7776,7778],{"class":3043,"line":5245},[3041,7775,7487],{"class":3054},[3041,7777,3566],{"class":3058},[3041,7779,3318],{"class":3054},[3041,7781,7782,7784,7786,7788,7790,7792,7794,7796,7798,7800,7802,7804],{"class":3043,"line":5279},[3041,7783,4011],{"class":3054},[3041,7785,3566],{"class":3058},[3041,7787,3521],{"class":3062},[3041,7789,3067],{"class":3066},[3041,7791,7444],{"class":3070},[3041,7793,3983],{"class":3062},[3041,7795,3067],{"class":3066},[3041,7797,7451],{"class":3070},[3041,7799,3991],{"class":3062},[3041,7801,3067],{"class":3066},[3041,7803,7458],{"class":3070},[3041,7805,3318],{"class":3054},[3041,7807,7808,7810,7812,7814,7816,7819,7821,7823,7825],{"class":3043,"line":5319},[3041,7809,7465],{"class":3054},[3041,7811,3496],{"class":3058},[3041,7813,3552],{"class":3062},[3041,7815,3067],{"class":3066},[3041,7817,7818],{"class":3070},"\"🏷️ Теги\"",[3041,7820,3709],{"class":3062},[3041,7822,3067],{"class":3066},[3041,7824,3714],{"class":3070},[3041,7826,3082],{"class":3054},[3041,7828,7829,7831,7833],{"class":3043,"line":5328},[3041,7830,7487],{"class":3054},[3041,7832,3566],{"class":3058},[3041,7834,3318],{"class":3054},[3041,7836,7837,7839,7841,7843,7845,7847,7849,7851,7853,7855,7857,7859],{"class":3043,"line":5376},[3041,7838,4011],{"class":3054},[3041,7840,3566],{"class":3058},[3041,7842,3521],{"class":3062},[3041,7844,3067],{"class":3066},[3041,7846,7444],{"class":3070},[3041,7848,3983],{"class":3062},[3041,7850,3067],{"class":3066},[3041,7852,7451],{"class":3070},[3041,7854,3991],{"class":3062},[3041,7856,3067],{"class":3066},[3041,7858,7458],{"class":3070},[3041,7860,3318],{"class":3054},[3041,7862,7863,7865,7867,7869,7871,7874,7876,7878,7880],{"class":3043,"line":5416},[3041,7864,7465],{"class":3054},[3041,7866,3496],{"class":3058},[3041,7868,3552],{"class":3062},[3041,7870,3067],{"class":3066},[3041,7872,7873],{"class":3070},"\"📌 Закріплені\"",[3041,7875,3709],{"class":3062},[3041,7877,3067],{"class":3066},[3041,7879,3714],{"class":3070},[3041,7881,3082],{"class":3054},[3041,7883,7884,7886,7888],{"class":3043,"line":5425},[3041,7885,7487],{"class":3054},[3041,7887,3566],{"class":3058},[3041,7889,3318],{"class":3054},[3041,7891,7892,7894,7896,7898,7900,7902,7904,7906,7908,7910,7912,7914],{"class":3043,"line":5471},[3041,7893,4011],{"class":3054},[3041,7895,3566],{"class":3058},[3041,7897,3521],{"class":3062},[3041,7899,3067],{"class":3066},[3041,7901,7444],{"class":3070},[3041,7903,3983],{"class":3062},[3041,7905,3067],{"class":3066},[3041,7907,7451],{"class":3070},[3041,7909,3991],{"class":3062},[3041,7911,3067],{"class":3066},[3041,7913,7458],{"class":3070},[3041,7915,3318],{"class":3054},[3041,7917,7918,7920,7922,7924,7926,7929,7931,7933,7935],{"class":3043,"line":5511},[3041,7919,7465],{"class":3054},[3041,7921,3496],{"class":3058},[3041,7923,3552],{"class":3062},[3041,7925,3067],{"class":3066},[3041,7927,7928],{"class":3070},"\"🔔 Сповіщення\"",[3041,7930,3709],{"class":3062},[3041,7932,3067],{"class":3066},[3041,7934,3714],{"class":3070},[3041,7936,3082],{"class":3054},[3041,7938,7939,7941,7943],{"class":3043,"line":5520},[3041,7940,7487],{"class":3054},[3041,7942,3566],{"class":3058},[3041,7944,3318],{"class":3054},[3041,7946,7947,7949,7951,7953,7955,7957],{"class":3043,"line":5567},[3041,7948,4011],{"class":3054},[3041,7950,3566],{"class":3058},[3041,7952,3521],{"class":3062},[3041,7954,3067],{"class":3066},[3041,7956,7444],{"class":3070},[3041,7958,3318],{"class":3054},[3041,7960,7961,7963,7965,7967,7969,7972,7974,7976,7978],{"class":3043,"line":5607},[3041,7962,7465],{"class":3054},[3041,7964,3496],{"class":3058},[3041,7966,3552],{"class":3062},[3041,7968,3067],{"class":3066},[3041,7970,7971],{"class":3070},"\"⚙️ Налаштування\"",[3041,7973,3709],{"class":3062},[3041,7975,3067],{"class":3066},[3041,7977,3714],{"class":3070},[3041,7979,3082],{"class":3054},[3041,7981,7982,7984,7986],{"class":3043,"line":5616},[3041,7983,7487],{"class":3054},[3041,7985,3566],{"class":3058},[3041,7987,3318],{"class":3054},[3041,7989,7991,7993,7995],{"class":3043,"line":7990},48,[3041,7992,4046],{"class":3054},[3041,7994,3315],{"class":3058},[3041,7996,3318],{"class":3054},[3041,7998,8000,8002,8004],{"class":3043,"line":7999},49,[3041,8001,3785],{"class":3054},[3041,8003,2991],{"class":3058},[3041,8005,3318],{"class":3054},[3041,8007,8009],{"class":3043,"line":8008},50,[3041,8010,3089],{"emptyLinePlaceholder":3088},[3041,8012,8014],{"class":3043,"line":8013},51,[3041,8015,8016],{"class":3047},"    \u003C!-- Права панель -->\n",[3041,8018,8020,8022,8024,8026,8028,8030,8032,8034,8036,8038,8040],{"class":3043,"line":8019},52,[3041,8021,3323],{"class":3054},[3041,8023,3496],{"class":3058},[3041,8025,4333],{"class":3062},[3041,8027,3067],{"class":3066},[3041,8029,3952],{"class":3070},[3041,8031,4340],{"class":3062},[3041,8033,3067],{"class":3066},[3041,8035,3996],{"class":3070},[3041,8037,3552],{"class":3062},[3041,8039,3067],{"class":3066},[3041,8041,8042],{"class":3070},"\"Visible (смуга завжди)\"\n",[3041,8044,8046,8048,8050,8052,8054,8056,8058,8060,8062,8064],{"class":3043,"line":8045},53,[3041,8047,6077],{"class":3062},[3041,8049,3067],{"class":3066},[3041,8051,3706],{"class":3070},[3041,8053,3709],{"class":3062},[3041,8055,3067],{"class":3066},[3041,8057,6089],{"class":3070},[3041,8059,3063],{"class":3062},[3041,8061,3067],{"class":3066},[3041,8063,7366],{"class":3070},[3041,8065,3082],{"class":3054},[3041,8067,8069,8071,8073,8075,8077,8079,8081,8083,8085,8087,8089],{"class":3043,"line":8068},54,[3041,8070,3323],{"class":3054},[3041,8072,2991],{"class":3058},[3041,8074,4333],{"class":3062},[3041,8076,3067],{"class":3066},[3041,8078,4388],{"class":3070},[3041,8080,4340],{"class":3062},[3041,8082,3067],{"class":3066},[3041,8084,3996],{"class":3070},[3041,8086,6680],{"class":3062},[3041,8088,3067],{"class":3066},[3041,8090,8091],{"class":3070},"\"Visible\"\n",[3041,8093,8095,8097,8099,8101,8103,8105,8107,8109,8111,8113],{"class":3043,"line":8094},55,[3041,8096,7397],{"class":3062},[3041,8098,3067],{"class":3066},[3041,8100,7402],{"class":3070},[3041,8102,3983],{"class":3062},[3041,8104,3067],{"class":3066},[3041,8106,7409],{"class":3070},[3041,8108,3991],{"class":3062},[3041,8110,3067],{"class":3066},[3041,8112,4388],{"class":3070},[3041,8114,3318],{"class":3054},[3041,8116,8118,8120,8122,8124,8126,8128],{"class":3043,"line":8117},56,[3041,8119,3738],{"class":3054},[3041,8121,3315],{"class":3058},[3041,8123,3411],{"class":3062},[3041,8125,3067],{"class":3066},[3041,8127,3952],{"class":3070},[3041,8129,3318],{"class":3054},[3041,8131,8133,8135,8137,8139,8141,8143,8145,8147,8149,8151,8153,8155],{"class":3043,"line":8132},57,[3041,8134,4011],{"class":3054},[3041,8136,3566],{"class":3058},[3041,8138,3521],{"class":3062},[3041,8140,3067],{"class":3066},[3041,8142,7444],{"class":3070},[3041,8144,3983],{"class":3062},[3041,8146,3067],{"class":3066},[3041,8148,7451],{"class":3070},[3041,8150,3991],{"class":3062},[3041,8152,3067],{"class":3066},[3041,8154,7458],{"class":3070},[3041,8156,3318],{"class":3054},[3041,8158,8160,8162,8164,8166,8168,8171,8173,8175,8177],{"class":3043,"line":8159},58,[3041,8161,7465],{"class":3054},[3041,8163,3496],{"class":3058},[3041,8165,3552],{"class":3062},[3041,8167,3067],{"class":3066},[3041,8169,8170],{"class":3070},"\"Рядок 1\"",[3041,8172,3709],{"class":3062},[3041,8174,3067],{"class":3066},[3041,8176,3714],{"class":3070},[3041,8178,3082],{"class":3054},[3041,8180,8182,8184,8186],{"class":3043,"line":8181},59,[3041,8183,7487],{"class":3054},[3041,8185,3566],{"class":3058},[3041,8187,3318],{"class":3054},[3041,8189,8191,8193,8195,8197,8199,8201,8203,8205,8207,8209,8211,8213],{"class":3043,"line":8190},60,[3041,8192,4011],{"class":3054},[3041,8194,3566],{"class":3058},[3041,8196,3521],{"class":3062},[3041,8198,3067],{"class":3066},[3041,8200,7444],{"class":3070},[3041,8202,3983],{"class":3062},[3041,8204,3067],{"class":3066},[3041,8206,7451],{"class":3070},[3041,8208,3991],{"class":3062},[3041,8210,3067],{"class":3066},[3041,8212,7458],{"class":3070},[3041,8214,3318],{"class":3054},[3041,8216,8218,8220,8222,8224,8226,8229,8231,8233,8235],{"class":3043,"line":8217},61,[3041,8219,7465],{"class":3054},[3041,8221,3496],{"class":3058},[3041,8223,3552],{"class":3062},[3041,8225,3067],{"class":3066},[3041,8227,8228],{"class":3070},"\"Рядок 2\"",[3041,8230,3709],{"class":3062},[3041,8232,3067],{"class":3066},[3041,8234,3714],{"class":3070},[3041,8236,3082],{"class":3054},[3041,8238,8240,8242,8244],{"class":3043,"line":8239},62,[3041,8241,7487],{"class":3054},[3041,8243,3566],{"class":3058},[3041,8245,3318],{"class":3054},[3041,8247,8249,8251,8253,8255,8257,8259,8261,8263,8265,8267,8269,8271],{"class":3043,"line":8248},63,[3041,8250,4011],{"class":3054},[3041,8252,3566],{"class":3058},[3041,8254,3521],{"class":3062},[3041,8256,3067],{"class":3066},[3041,8258,7444],{"class":3070},[3041,8260,3983],{"class":3062},[3041,8262,3067],{"class":3066},[3041,8264,7451],{"class":3070},[3041,8266,3991],{"class":3062},[3041,8268,3067],{"class":3066},[3041,8270,7458],{"class":3070},[3041,8272,3318],{"class":3054},[3041,8274,8276,8278,8280,8282,8284,8287,8289,8291,8293],{"class":3043,"line":8275},64,[3041,8277,7465],{"class":3054},[3041,8279,3496],{"class":3058},[3041,8281,3552],{"class":3062},[3041,8283,3067],{"class":3066},[3041,8285,8286],{"class":3070},"\"Рядок 3\"",[3041,8288,3709],{"class":3062},[3041,8290,3067],{"class":3066},[3041,8292,3714],{"class":3070},[3041,8294,3082],{"class":3054},[3041,8296,8298,8300,8302],{"class":3043,"line":8297},65,[3041,8299,7487],{"class":3054},[3041,8301,3566],{"class":3058},[3041,8303,3318],{"class":3054},[3041,8305,8307,8309,8311],{"class":3043,"line":8306},66,[3041,8308,4046],{"class":3054},[3041,8310,3315],{"class":3058},[3041,8312,3318],{"class":3054},[3041,8314,8316,8318,8320],{"class":3043,"line":8315},67,[3041,8317,3785],{"class":3054},[3041,8319,2991],{"class":3058},[3041,8321,3318],{"class":3054},[3041,8323,8325,8327,8329],{"class":3043,"line":8324},68,[3041,8326,3378],{"class":3054},[3041,8328,3723],{"class":3058},[3041,8330,3318],{"class":3054},[3002,8332],{},[3005,8334,8336],{"id":8335},"viewbox-масштабування-вмісту","ViewBox: масштабування вмісту",[2959,8338,8339,8341,8342,3191],{},[3012,8340,2995],{}," — контейнер, що масштабує свій єдиний дочірній елемент, щоб заповнити доступний простір. Він не змінює логічний розмір вмісту — тільки візуально трансформує через ",[3012,8343,8344],{},"ScaleTransform",[3032,8346,8348],{"className":3034,"code":8347,"language":3036,"meta":3037,"style":3037},"\u003CViewbox Width=\"200\" Height=\"100\">\n    \u003C!-- Вміст Viewbox: кнопка 80×30 → буде масштабована до 200×100 -->\n    \u003CButton Width=\"80\" Height=\"30\" Content=\"Масштабована кнопка\"/>\n\u003C/Viewbox>\n",[3012,8349,8350,8371,8376,8403],{"__ignoreMap":3037},[3041,8351,8352,8354,8357,8359,8361,8363,8365,8367,8369],{"class":3043,"line":3044},[3041,8353,3055],{"class":3054},[3041,8355,8356],{"class":3058},"Viewbox",[3041,8358,4216],{"class":3062},[3041,8360,3067],{"class":3066},[3041,8362,4229],{"class":3070},[3041,8364,4224],{"class":3062},[3041,8366,3067],{"class":3066},[3041,8368,5800],{"class":3070},[3041,8370,3318],{"class":3054},[3041,8372,8373],{"class":3043,"line":3051},[3041,8374,8375],{"class":3047},"    \u003C!-- Вміст Viewbox: кнопка 80×30 → буде масштабована до 200×100 -->\n",[3041,8377,8378,8380,8382,8384,8386,8388,8390,8392,8394,8396,8398,8401],{"class":3043,"line":3085},[3041,8379,3323],{"class":3054},[3041,8381,3059],{"class":3058},[3041,8383,4216],{"class":3062},[3041,8385,3067],{"class":3066},[3041,8387,5876],{"class":3070},[3041,8389,4224],{"class":3062},[3041,8391,3067],{"class":3066},[3041,8393,5371],{"class":3070},[3041,8395,3074],{"class":3062},[3041,8397,3067],{"class":3066},[3041,8399,8400],{"class":3070},"\"Масштабована кнопка\"",[3041,8402,3082],{"class":3054},[3041,8404,8405,8407,8409],{"class":3043,"line":3092},[3041,8406,3378],{"class":3054},[3041,8408,8356],{"class":3058},[3041,8410,3318],{"class":3054},[3024,8412,8414],{"id":8413},"режими-stretch","Режими Stretch",[2959,8416,8417,8419],{},[3012,8418,2987],{}," визначає як саме вміст масштабується:",[3032,8421,8423],{"className":3034,"code":8422,"language":3036,"meta":3037,"style":3037},"\u003C!-- Uniform: зберігає пропорції (чорні смуги якщо пропорції різні) -->\n\u003CViewbox Stretch=\"Uniform\" Width=\"300\" Height=\"100\">\n    \u003CButton Width=\"200\" Height=\"200\" Content=\"Квадрат у прямокутнику\"/>\n\u003C/Viewbox>\n\n\u003C!-- Fill: розтягує без збереження пропорцій (все заповнено, але може деформуватись) -->\n\u003CViewbox Stretch=\"Fill\" Width=\"300\" Height=\"100\">\n    \u003CButton Width=\"200\" Height=\"200\" Content=\"Деформований\"/>\n\u003C/Viewbox>\n\n\u003C!-- UniformToFill: зберігає пропорції, обрізає (все заповнено, нічого не деформовано) -->\n\u003CViewbox Stretch=\"UniformToFill\" Width=\"300\" Height=\"100\">\n    \u003CTextBlock Text=\"Обрізаний але не деформований\" FontSize=\"24\"/>\n\u003C/Viewbox>\n\n\u003C!-- None: не масштабує (натуральний розмір) -->\n\u003CViewbox Stretch=\"None\" Width=\"300\" Height=\"100\">\n    \u003CButton Width=\"200\" Height=\"200\" Content=\"Натуральний (може виступати)\"/>\n\u003C/Viewbox>\n",[3012,8424,8425,8430,8458,8485,8493,8497,8502,8529,8556,8564,8568,8573,8600,8621,8629,8633,8638,8665,8692],{"__ignoreMap":3037},[3041,8426,8427],{"class":3043,"line":3044},[3041,8428,8429],{"class":3047},"\u003C!-- Uniform: зберігає пропорції (чорні смуги якщо пропорції різні) -->\n",[3041,8431,8432,8434,8436,8439,8441,8444,8446,8448,8450,8452,8454,8456],{"class":3043,"line":3051},[3041,8433,3055],{"class":3054},[3041,8435,8356],{"class":3058},[3041,8437,8438],{"class":3062}," Stretch",[3041,8440,3067],{"class":3066},[3041,8442,8443],{"class":3070},"\"Uniform\"",[3041,8445,4216],{"class":3062},[3041,8447,3067],{"class":3066},[3041,8449,5959],{"class":3070},[3041,8451,4224],{"class":3062},[3041,8453,3067],{"class":3066},[3041,8455,5800],{"class":3070},[3041,8457,3318],{"class":3054},[3041,8459,8460,8462,8464,8466,8468,8470,8472,8474,8476,8478,8480,8483],{"class":3043,"line":3085},[3041,8461,3323],{"class":3054},[3041,8463,3059],{"class":3058},[3041,8465,4216],{"class":3062},[3041,8467,3067],{"class":3066},[3041,8469,4229],{"class":3070},[3041,8471,4224],{"class":3062},[3041,8473,3067],{"class":3066},[3041,8475,4229],{"class":3070},[3041,8477,3074],{"class":3062},[3041,8479,3067],{"class":3066},[3041,8481,8482],{"class":3070},"\"Квадрат у прямокутнику\"",[3041,8484,3082],{"class":3054},[3041,8486,8487,8489,8491],{"class":3043,"line":3092},[3041,8488,3378],{"class":3054},[3041,8490,8356],{"class":3058},[3041,8492,3318],{"class":3054},[3041,8494,8495],{"class":3043,"line":3098},[3041,8496,3089],{"emptyLinePlaceholder":3088},[3041,8498,8499],{"class":3043,"line":3121},[3041,8500,8501],{"class":3047},"\u003C!-- Fill: розтягує без збереження пропорцій (все заповнено, але може деформуватись) -->\n",[3041,8503,8504,8506,8508,8510,8512,8515,8517,8519,8521,8523,8525,8527],{"class":3043,"line":3126},[3041,8505,3055],{"class":3054},[3041,8507,8356],{"class":3058},[3041,8509,8438],{"class":3062},[3041,8511,3067],{"class":3066},[3041,8513,8514],{"class":3070},"\"Fill\"",[3041,8516,4216],{"class":3062},[3041,8518,3067],{"class":3066},[3041,8520,5959],{"class":3070},[3041,8522,4224],{"class":3062},[3041,8524,3067],{"class":3066},[3041,8526,5800],{"class":3070},[3041,8528,3318],{"class":3054},[3041,8530,8531,8533,8535,8537,8539,8541,8543,8545,8547,8549,8551,8554],{"class":3043,"line":3132},[3041,8532,3323],{"class":3054},[3041,8534,3059],{"class":3058},[3041,8536,4216],{"class":3062},[3041,8538,3067],{"class":3066},[3041,8540,4229],{"class":3070},[3041,8542,4224],{"class":3062},[3041,8544,3067],{"class":3066},[3041,8546,4229],{"class":3070},[3041,8548,3074],{"class":3062},[3041,8550,3067],{"class":3066},[3041,8552,8553],{"class":3070},"\"Деформований\"",[3041,8555,3082],{"class":3054},[3041,8557,8558,8560,8562],{"class":3043,"line":3792},[3041,8559,3378],{"class":3054},[3041,8561,8356],{"class":3058},[3041,8563,3318],{"class":3054},[3041,8565,8566],{"class":3043,"line":3797},[3041,8567,3089],{"emptyLinePlaceholder":3088},[3041,8569,8570],{"class":3043,"line":3803},[3041,8571,8572],{"class":3047},"\u003C!-- UniformToFill: зберігає пропорції, обрізає (все заповнено, нічого не деформовано) -->\n",[3041,8574,8575,8577,8579,8581,8583,8586,8588,8590,8592,8594,8596,8598],{"class":3043,"line":3831},[3041,8576,3055],{"class":3054},[3041,8578,8356],{"class":3058},[3041,8580,8438],{"class":3062},[3041,8582,3067],{"class":3066},[3041,8584,8585],{"class":3070},"\"UniformToFill\"",[3041,8587,4216],{"class":3062},[3041,8589,3067],{"class":3066},[3041,8591,5959],{"class":3070},[3041,8593,4224],{"class":3062},[3041,8595,3067],{"class":3066},[3041,8597,5800],{"class":3070},[3041,8599,3318],{"class":3054},[3041,8601,8602,8604,8606,8608,8610,8613,8615,8617,8619],{"class":3043,"line":3847},[3041,8603,3323],{"class":3054},[3041,8605,3496],{"class":3058},[3041,8607,3552],{"class":3062},[3041,8609,3067],{"class":3066},[3041,8611,8612],{"class":3070},"\"Обрізаний але не деформований\"",[3041,8614,4699],{"class":3062},[3041,8616,3067],{"class":3066},[3041,8618,3747],{"class":3070},[3041,8620,3082],{"class":3054},[3041,8622,8623,8625,8627],{"class":3043,"line":3868},[3041,8624,3378],{"class":3054},[3041,8626,8356],{"class":3058},[3041,8628,3318],{"class":3054},[3041,8630,8631],{"class":3043,"line":3886},[3041,8632,3089],{"emptyLinePlaceholder":3088},[3041,8634,8635],{"class":3043,"line":3895},[3041,8636,8637],{"class":3047},"\u003C!-- None: не масштабує (натуральний розмір) -->\n",[3041,8639,8640,8642,8644,8646,8648,8651,8653,8655,8657,8659,8661,8663],{"class":3043,"line":3900},[3041,8641,3055],{"class":3054},[3041,8643,8356],{"class":3058},[3041,8645,8438],{"class":3062},[3041,8647,3067],{"class":3066},[3041,8649,8650],{"class":3070},"\"None\"",[3041,8652,4216],{"class":3062},[3041,8654,3067],{"class":3066},[3041,8656,5959],{"class":3070},[3041,8658,4224],{"class":3062},[3041,8660,3067],{"class":3066},[3041,8662,5800],{"class":3070},[3041,8664,3318],{"class":3054},[3041,8666,8667,8669,8671,8673,8675,8677,8679,8681,8683,8685,8687,8690],{"class":3043,"line":3906},[3041,8668,3323],{"class":3054},[3041,8670,3059],{"class":3058},[3041,8672,4216],{"class":3062},[3041,8674,3067],{"class":3066},[3041,8676,4229],{"class":3070},[3041,8678,4224],{"class":3062},[3041,8680,3067],{"class":3066},[3041,8682,4229],{"class":3070},[3041,8684,3074],{"class":3062},[3041,8686,3067],{"class":3066},[3041,8688,8689],{"class":3070},"\"Натуральний (може виступати)\"",[3041,8691,3082],{"class":3054},[3041,8693,8694,8696,8698],{"class":3043,"line":3934},[3041,8695,3378],{"class":3054},[3041,8697,8356],{"class":3058},[3041,8699,3318],{"class":3054},[3649,8701,8703],{"title":8702},"ViewBox: 4 режими Stretch на прикладі іконки",[3032,8704,8706],{"className":3034,"code":8705,"language":3036,"meta":3037,"style":3037},"\u003CGrid Margin=\"12\">\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"*\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n    \u003C/Grid.ColumnDefinitions>\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"Auto\"/>\n        \u003CRowDefinition Height=\"100\"/>\n    \u003C/Grid.RowDefinitions>\n\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"0\" Text=\"Uniform\" HorizontalAlignment=\"Center\" FontSize=\"11\" Foreground=\"#6b7280\" Margin=\"0,0,0,4\"/>\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"1\" Text=\"Fill\" HorizontalAlignment=\"Center\" FontSize=\"11\" Foreground=\"#6b7280\" Margin=\"0,0,0,4\"/>\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"2\" Text=\"UniformToFill\" HorizontalAlignment=\"Center\" FontSize=\"11\" Foreground=\"#6b7280\" Margin=\"0,0,0,4\"/>\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"3\" Text=\"None\" HorizontalAlignment=\"Center\" FontSize=\"11\" Foreground=\"#6b7280\" Margin=\"0,0,0,4\"/>\n\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"0\" Background=\"#eff6ff\" Margin=\"4\" ClipToBounds=\"True\">\n        \u003CViewbox Stretch=\"Uniform\">\n            \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"4\" Width=\"100\" Height=\"100\">\n                \u003CTextBlock Text=\"🎯\" FontSize=\"48\"/>\n            \u003C/StackPanel>\n        \u003C/Viewbox>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"1\" Background=\"#f0fdf4\" Margin=\"4\" ClipToBounds=\"True\">\n        \u003CViewbox Stretch=\"Fill\">\n            \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"4\" Width=\"100\" Height=\"100\">\n                \u003CTextBlock Text=\"🎯\" FontSize=\"48\"/>\n            \u003C/StackPanel>\n        \u003C/Viewbox>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"2\" Background=\"#fdf4ff\" Margin=\"4\" ClipToBounds=\"True\">\n        \u003CViewbox Stretch=\"UniformToFill\">\n            \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"4\" Width=\"100\" Height=\"100\">\n                \u003CTextBlock Text=\"🎯\" FontSize=\"48\"/>\n            \u003C/StackPanel>\n        \u003C/Viewbox>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"3\" Background=\"#fff7ed\" Margin=\"4\" ClipToBounds=\"True\">\n        \u003CViewbox Stretch=\"None\">\n            \u003CTextBlock Text=\"🎯\" FontSize=\"48\"/>\n        \u003C/Viewbox>\n    \u003C/Border>\n\u003C/Grid>\n",[3012,8707,8708,8722,8730,8744,8758,8772,8786,8794,8802,8816,8830,8838,8842,8893,8943,8993,9043,9047,9086,9100,9132,9154,9162,9170,9178,9217,9231,9263,9283,9291,9299,9307,9346,9360,9392,9412,9420,9428,9436,9475,9489,9509,9517,9525],{"__ignoreMap":3037},[3041,8709,8710,8712,8714,8716,8718,8720],{"class":3043,"line":3044},[3041,8711,3055],{"class":3054},[3041,8713,3723],{"class":3058},[3041,8715,3063],{"class":3062},[3041,8717,3067],{"class":3066},[3041,8719,6040],{"class":3070},[3041,8721,3318],{"class":3054},[3041,8723,8724,8726,8728],{"class":3043,"line":3051},[3041,8725,3323],{"class":3054},[3041,8727,4272],{"class":3058},[3041,8729,3318],{"class":3054},[3041,8731,8732,8734,8736,8738,8740,8742],{"class":3043,"line":3085},[3041,8733,3738],{"class":3054},[3041,8735,4281],{"class":3058},[3041,8737,4216],{"class":3062},[3041,8739,3067],{"class":3066},[3041,8741,6129],{"class":3070},[3041,8743,3082],{"class":3054},[3041,8745,8746,8748,8750,8752,8754,8756],{"class":3043,"line":3092},[3041,8747,3738],{"class":3054},[3041,8749,4281],{"class":3058},[3041,8751,4216],{"class":3062},[3041,8753,3067],{"class":3066},[3041,8755,6129],{"class":3070},[3041,8757,3082],{"class":3054},[3041,8759,8760,8762,8764,8766,8768,8770],{"class":3043,"line":3098},[3041,8761,3738],{"class":3054},[3041,8763,4281],{"class":3058},[3041,8765,4216],{"class":3062},[3041,8767,3067],{"class":3066},[3041,8769,6129],{"class":3070},[3041,8771,3082],{"class":3054},[3041,8773,8774,8776,8778,8780,8782,8784],{"class":3043,"line":3121},[3041,8775,3738],{"class":3054},[3041,8777,4281],{"class":3058},[3041,8779,4216],{"class":3062},[3041,8781,3067],{"class":3066},[3041,8783,6129],{"class":3070},[3041,8785,3082],{"class":3054},[3041,8787,8788,8790,8792],{"class":3043,"line":3126},[3041,8789,3785],{"class":3054},[3041,8791,4272],{"class":3058},[3041,8793,3318],{"class":3054},[3041,8795,8796,8798,8800],{"class":3043,"line":3132},[3041,8797,3323],{"class":3054},[3041,8799,4238],{"class":3058},[3041,8801,3318],{"class":3054},[3041,8803,8804,8806,8808,8810,8812,8814],{"class":3043,"line":3792},[3041,8805,3738],{"class":3054},[3041,8807,4247],{"class":3058},[3041,8809,4224],{"class":3062},[3041,8811,3067],{"class":3066},[3041,8813,6144],{"class":3070},[3041,8815,3082],{"class":3054},[3041,8817,8818,8820,8822,8824,8826,8828],{"class":3043,"line":3797},[3041,8819,3738],{"class":3054},[3041,8821,4247],{"class":3058},[3041,8823,4224],{"class":3062},[3041,8825,3067],{"class":3066},[3041,8827,5800],{"class":3070},[3041,8829,3082],{"class":3054},[3041,8831,8832,8834,8836],{"class":3043,"line":3803},[3041,8833,3785],{"class":3054},[3041,8835,4238],{"class":3058},[3041,8837,3318],{"class":3054},[3041,8839,8840],{"class":3043,"line":3831},[3041,8841,3089],{"emptyLinePlaceholder":3088},[3041,8843,8844,8846,8848,8850,8852,8854,8856,8858,8860,8862,8864,8866,8868,8870,8872,8874,8876,8878,8880,8882,8884,8886,8888,8891],{"class":3043,"line":3847},[3041,8845,3323],{"class":3054},[3041,8847,3496],{"class":3058},[3041,8849,4333],{"class":3062},[3041,8851,3067],{"class":3066},[3041,8853,3952],{"class":3070},[3041,8855,4340],{"class":3062},[3041,8857,3067],{"class":3066},[3041,8859,3952],{"class":3070},[3041,8861,3552],{"class":3062},[3041,8863,3067],{"class":3066},[3041,8865,8443],{"class":3070},[3041,8867,4391],{"class":3062},[3041,8869,3067],{"class":3066},[3041,8871,4457],{"class":3070},[3041,8873,4699],{"class":3062},[3041,8875,3067],{"class":3066},[3041,8877,4704],{"class":3070},[3041,8879,3709],{"class":3062},[3041,8881,3067],{"class":3066},[3041,8883,4711],{"class":3070},[3041,8885,3063],{"class":3062},[3041,8887,3067],{"class":3066},[3041,8889,8890],{"class":3070},"\"0,0,0,4\"",[3041,8892,3082],{"class":3054},[3041,8894,8895,8897,8899,8901,8903,8905,8907,8909,8911,8913,8915,8917,8919,8921,8923,8925,8927,8929,8931,8933,8935,8937,8939,8941],{"class":3043,"line":3868},[3041,8896,3323],{"class":3054},[3041,8898,3496],{"class":3058},[3041,8900,4333],{"class":3062},[3041,8902,3067],{"class":3066},[3041,8904,3952],{"class":3070},[3041,8906,4340],{"class":3062},[3041,8908,3067],{"class":3066},[3041,8910,4388],{"class":3070},[3041,8912,3552],{"class":3062},[3041,8914,3067],{"class":3066},[3041,8916,8514],{"class":3070},[3041,8918,4391],{"class":3062},[3041,8920,3067],{"class":3066},[3041,8922,4457],{"class":3070},[3041,8924,4699],{"class":3062},[3041,8926,3067],{"class":3066},[3041,8928,4704],{"class":3070},[3041,8930,3709],{"class":3062},[3041,8932,3067],{"class":3066},[3041,8934,4711],{"class":3070},[3041,8936,3063],{"class":3062},[3041,8938,3067],{"class":3066},[3041,8940,8890],{"class":3070},[3041,8942,3082],{"class":3054},[3041,8944,8945,8947,8949,8951,8953,8955,8957,8959,8961,8963,8965,8967,8969,8971,8973,8975,8977,8979,8981,8983,8985,8987,8989,8991],{"class":3043,"line":3886},[3041,8946,3323],{"class":3054},[3041,8948,3496],{"class":3058},[3041,8950,4333],{"class":3062},[3041,8952,3067],{"class":3066},[3041,8954,3952],{"class":3070},[3041,8956,4340],{"class":3062},[3041,8958,3067],{"class":3066},[3041,8960,3996],{"class":3070},[3041,8962,3552],{"class":3062},[3041,8964,3067],{"class":3066},[3041,8966,8585],{"class":3070},[3041,8968,4391],{"class":3062},[3041,8970,3067],{"class":3066},[3041,8972,4457],{"class":3070},[3041,8974,4699],{"class":3062},[3041,8976,3067],{"class":3066},[3041,8978,4704],{"class":3070},[3041,8980,3709],{"class":3062},[3041,8982,3067],{"class":3066},[3041,8984,4711],{"class":3070},[3041,8986,3063],{"class":3062},[3041,8988,3067],{"class":3066},[3041,8990,8890],{"class":3070},[3041,8992,3082],{"class":3054},[3041,8994,8995,8997,8999,9001,9003,9005,9007,9009,9011,9013,9015,9017,9019,9021,9023,9025,9027,9029,9031,9033,9035,9037,9039,9041],{"class":3043,"line":3895},[3041,8996,3323],{"class":3054},[3041,8998,3496],{"class":3058},[3041,9000,4333],{"class":3062},[3041,9002,3067],{"class":3066},[3041,9004,3952],{"class":3070},[3041,9006,4340],{"class":3062},[3041,9008,3067],{"class":3066},[3041,9010,4493],{"class":3070},[3041,9012,3552],{"class":3062},[3041,9014,3067],{"class":3066},[3041,9016,8650],{"class":3070},[3041,9018,4391],{"class":3062},[3041,9020,3067],{"class":3066},[3041,9022,4457],{"class":3070},[3041,9024,4699],{"class":3062},[3041,9026,3067],{"class":3066},[3041,9028,4704],{"class":3070},[3041,9030,3709],{"class":3062},[3041,9032,3067],{"class":3066},[3041,9034,4711],{"class":3070},[3041,9036,3063],{"class":3062},[3041,9038,3067],{"class":3066},[3041,9040,8890],{"class":3070},[3041,9042,3082],{"class":3054},[3041,9044,9045],{"class":3043,"line":3900},[3041,9046,3089],{"emptyLinePlaceholder":3088},[3041,9048,9049,9051,9053,9055,9057,9059,9061,9063,9065,9067,9069,9071,9073,9075,9077,9080,9082,9084],{"class":3043,"line":3906},[3041,9050,3323],{"class":3054},[3041,9052,3566],{"class":3058},[3041,9054,4333],{"class":3062},[3041,9056,3067],{"class":3066},[3041,9058,4388],{"class":3070},[3041,9060,4340],{"class":3062},[3041,9062,3067],{"class":3066},[3041,9064,3952],{"class":3070},[3041,9066,3726],{"class":3062},[3041,9068,3067],{"class":3066},[3041,9070,7522],{"class":3070},[3041,9072,3063],{"class":3062},[3041,9074,3067],{"class":3066},[3041,9076,4358],{"class":3070},[3041,9078,9079],{"class":3062}," ClipToBounds",[3041,9081,3067],{"class":3066},[3041,9083,4547],{"class":3070},[3041,9085,3318],{"class":3054},[3041,9087,9088,9090,9092,9094,9096,9098],{"class":3043,"line":3934},[3041,9089,3738],{"class":3054},[3041,9091,8356],{"class":3058},[3041,9093,8438],{"class":3062},[3041,9095,3067],{"class":3066},[3041,9097,8443],{"class":3070},[3041,9099,3318],{"class":3054},[3041,9101,9102,9104,9106,9108,9110,9112,9114,9116,9118,9120,9122,9124,9126,9128,9130],{"class":3043,"line":3957},[3041,9103,4011],{"class":3054},[3041,9105,3315],{"class":3058},[3041,9107,5850],{"class":3062},[3041,9109,3067],{"class":3066},[3041,9111,5855],{"class":3070},[3041,9113,3411],{"class":3062},[3041,9115,3067],{"class":3066},[3041,9117,4358],{"class":3070},[3041,9119,4216],{"class":3062},[3041,9121,3067],{"class":3066},[3041,9123,5800],{"class":3070},[3041,9125,4224],{"class":3062},[3041,9127,3067],{"class":3066},[3041,9129,5800],{"class":3070},[3041,9131,3318],{"class":3054},[3041,9133,9134,9136,9138,9140,9142,9145,9147,9149,9152],{"class":3043,"line":4008},[3041,9135,7465],{"class":3054},[3041,9137,3496],{"class":3058},[3041,9139,3552],{"class":3062},[3041,9141,3067],{"class":3066},[3041,9143,9144],{"class":3070},"\"🎯\"",[3041,9146,4699],{"class":3062},[3041,9148,3067],{"class":3066},[3041,9150,9151],{"class":3070},"\"48\"",[3041,9153,3082],{"class":3054},[3041,9155,9156,9158,9160],{"class":3043,"line":4023},[3041,9157,7487],{"class":3054},[3041,9159,3315],{"class":3058},[3041,9161,3318],{"class":3054},[3041,9163,9164,9166,9168],{"class":3043,"line":4043},[3041,9165,4046],{"class":3054},[3041,9167,8356],{"class":3058},[3041,9169,3318],{"class":3054},[3041,9171,9172,9174,9176],{"class":3043,"line":4053},[3041,9173,3785],{"class":3054},[3041,9175,3566],{"class":3058},[3041,9177,3318],{"class":3054},[3041,9179,9180,9182,9184,9186,9188,9190,9192,9194,9196,9198,9200,9203,9205,9207,9209,9211,9213,9215],{"class":3043,"line":4062},[3041,9181,3323],{"class":3054},[3041,9183,3566],{"class":3058},[3041,9185,4333],{"class":3062},[3041,9187,3067],{"class":3066},[3041,9189,4388],{"class":3070},[3041,9191,4340],{"class":3062},[3041,9193,3067],{"class":3066},[3041,9195,4388],{"class":3070},[3041,9197,3726],{"class":3062},[3041,9199,3067],{"class":3066},[3041,9201,9202],{"class":3070},"\"#f0fdf4\"",[3041,9204,3063],{"class":3062},[3041,9206,3067],{"class":3066},[3041,9208,4358],{"class":3070},[3041,9210,9079],{"class":3062},[3041,9212,3067],{"class":3066},[3041,9214,4547],{"class":3070},[3041,9216,3318],{"class":3054},[3041,9218,9219,9221,9223,9225,9227,9229],{"class":3043,"line":4067},[3041,9220,3738],{"class":3054},[3041,9222,8356],{"class":3058},[3041,9224,8438],{"class":3062},[3041,9226,3067],{"class":3066},[3041,9228,8514],{"class":3070},[3041,9230,3318],{"class":3054},[3041,9232,9233,9235,9237,9239,9241,9243,9245,9247,9249,9251,9253,9255,9257,9259,9261],{"class":3043,"line":4073},[3041,9234,4011],{"class":3054},[3041,9236,3315],{"class":3058},[3041,9238,5850],{"class":3062},[3041,9240,3067],{"class":3066},[3041,9242,5855],{"class":3070},[3041,9244,3411],{"class":3062},[3041,9246,3067],{"class":3066},[3041,9248,4358],{"class":3070},[3041,9250,4216],{"class":3062},[3041,9252,3067],{"class":3066},[3041,9254,5800],{"class":3070},[3041,9256,4224],{"class":3062},[3041,9258,3067],{"class":3066},[3041,9260,5800],{"class":3070},[3041,9262,3318],{"class":3054},[3041,9264,9265,9267,9269,9271,9273,9275,9277,9279,9281],{"class":3043,"line":4101},[3041,9266,7465],{"class":3054},[3041,9268,3496],{"class":3058},[3041,9270,3552],{"class":3062},[3041,9272,3067],{"class":3066},[3041,9274,9144],{"class":3070},[3041,9276,4699],{"class":3062},[3041,9278,3067],{"class":3066},[3041,9280,9151],{"class":3070},[3041,9282,3082],{"class":3054},[3041,9284,9285,9287,9289],{"class":3043,"line":4115},[3041,9286,7487],{"class":3054},[3041,9288,3315],{"class":3058},[3041,9290,3318],{"class":3054},[3041,9292,9293,9295,9297],{"class":3043,"line":4140},[3041,9294,4046],{"class":3054},[3041,9296,8356],{"class":3058},[3041,9298,3318],{"class":3054},[3041,9300,9301,9303,9305],{"class":3043,"line":4153},[3041,9302,3785],{"class":3054},[3041,9304,3566],{"class":3058},[3041,9306,3318],{"class":3054},[3041,9308,9309,9311,9313,9315,9317,9319,9321,9323,9325,9327,9329,9332,9334,9336,9338,9340,9342,9344],{"class":3043,"line":4158},[3041,9310,3323],{"class":3054},[3041,9312,3566],{"class":3058},[3041,9314,4333],{"class":3062},[3041,9316,3067],{"class":3066},[3041,9318,4388],{"class":3070},[3041,9320,4340],{"class":3062},[3041,9322,3067],{"class":3066},[3041,9324,3996],{"class":3070},[3041,9326,3726],{"class":3062},[3041,9328,3067],{"class":3066},[3041,9330,9331],{"class":3070},"\"#fdf4ff\"",[3041,9333,3063],{"class":3062},[3041,9335,3067],{"class":3066},[3041,9337,4358],{"class":3070},[3041,9339,9079],{"class":3062},[3041,9341,3067],{"class":3066},[3041,9343,4547],{"class":3070},[3041,9345,3318],{"class":3054},[3041,9347,9348,9350,9352,9354,9356,9358],{"class":3043,"line":5234},[3041,9349,3738],{"class":3054},[3041,9351,8356],{"class":3058},[3041,9353,8438],{"class":3062},[3041,9355,3067],{"class":3066},[3041,9357,8585],{"class":3070},[3041,9359,3318],{"class":3054},[3041,9361,9362,9364,9366,9368,9370,9372,9374,9376,9378,9380,9382,9384,9386,9388,9390],{"class":3043,"line":5239},[3041,9363,4011],{"class":3054},[3041,9365,3315],{"class":3058},[3041,9367,5850],{"class":3062},[3041,9369,3067],{"class":3066},[3041,9371,5855],{"class":3070},[3041,9373,3411],{"class":3062},[3041,9375,3067],{"class":3066},[3041,9377,4358],{"class":3070},[3041,9379,4216],{"class":3062},[3041,9381,3067],{"class":3066},[3041,9383,5800],{"class":3070},[3041,9385,4224],{"class":3062},[3041,9387,3067],{"class":3066},[3041,9389,5800],{"class":3070},[3041,9391,3318],{"class":3054},[3041,9393,9394,9396,9398,9400,9402,9404,9406,9408,9410],{"class":3043,"line":5245},[3041,9395,7465],{"class":3054},[3041,9397,3496],{"class":3058},[3041,9399,3552],{"class":3062},[3041,9401,3067],{"class":3066},[3041,9403,9144],{"class":3070},[3041,9405,4699],{"class":3062},[3041,9407,3067],{"class":3066},[3041,9409,9151],{"class":3070},[3041,9411,3082],{"class":3054},[3041,9413,9414,9416,9418],{"class":3043,"line":5279},[3041,9415,7487],{"class":3054},[3041,9417,3315],{"class":3058},[3041,9419,3318],{"class":3054},[3041,9421,9422,9424,9426],{"class":3043,"line":5319},[3041,9423,4046],{"class":3054},[3041,9425,8356],{"class":3058},[3041,9427,3318],{"class":3054},[3041,9429,9430,9432,9434],{"class":3043,"line":5328},[3041,9431,3785],{"class":3054},[3041,9433,3566],{"class":3058},[3041,9435,3318],{"class":3054},[3041,9437,9438,9440,9442,9444,9446,9448,9450,9452,9454,9456,9458,9461,9463,9465,9467,9469,9471,9473],{"class":3043,"line":5376},[3041,9439,3323],{"class":3054},[3041,9441,3566],{"class":3058},[3041,9443,4333],{"class":3062},[3041,9445,3067],{"class":3066},[3041,9447,4388],{"class":3070},[3041,9449,4340],{"class":3062},[3041,9451,3067],{"class":3066},[3041,9453,4493],{"class":3070},[3041,9455,3726],{"class":3062},[3041,9457,3067],{"class":3066},[3041,9459,9460],{"class":3070},"\"#fff7ed\"",[3041,9462,3063],{"class":3062},[3041,9464,3067],{"class":3066},[3041,9466,4358],{"class":3070},[3041,9468,9079],{"class":3062},[3041,9470,3067],{"class":3066},[3041,9472,4547],{"class":3070},[3041,9474,3318],{"class":3054},[3041,9476,9477,9479,9481,9483,9485,9487],{"class":3043,"line":5416},[3041,9478,3738],{"class":3054},[3041,9480,8356],{"class":3058},[3041,9482,8438],{"class":3062},[3041,9484,3067],{"class":3066},[3041,9486,8650],{"class":3070},[3041,9488,3318],{"class":3054},[3041,9490,9491,9493,9495,9497,9499,9501,9503,9505,9507],{"class":3043,"line":5425},[3041,9492,4011],{"class":3054},[3041,9494,3496],{"class":3058},[3041,9496,3552],{"class":3062},[3041,9498,3067],{"class":3066},[3041,9500,9144],{"class":3070},[3041,9502,4699],{"class":3062},[3041,9504,3067],{"class":3066},[3041,9506,9151],{"class":3070},[3041,9508,3082],{"class":3054},[3041,9510,9511,9513,9515],{"class":3043,"line":5471},[3041,9512,4046],{"class":3054},[3041,9514,8356],{"class":3058},[3041,9516,3318],{"class":3054},[3041,9518,9519,9521,9523],{"class":3043,"line":5511},[3041,9520,3785],{"class":3054},[3041,9522,3566],{"class":3058},[3041,9524,3318],{"class":3054},[3041,9526,9527,9529,9531],{"class":3043,"line":5520},[3041,9528,3378],{"class":3054},[3041,9530,3723],{"class":3058},[3041,9532,3318],{"class":3054},[3002,9534],{},[3005,9536,9538],{"id":9537},"border-візуальний-контейнер","Border: візуальний контейнер",[2959,9540,9541,9543,9544,9547,9548,9551,9552,9554,9555,9558,9559,9561],{},[3012,9542,3566],{}," — один з найуживаніших елементів у WPF. Він надає чотири візуальні можливості: рамку (",[3012,9545,9546],{},"BorderBrush","/",[3012,9549,9550],{},"BorderThickness","), фон (",[3012,9553,3633],{},"), закруглені кути (",[3012,9556,9557],{},"CornerRadius",") та внутрішні відступи (",[3012,9560,2979],{},").",[3032,9563,9565],{"className":3034,"code":9564,"language":3036,"meta":3037,"style":3037},"\u003CBorder Background=\"#f8fafc\"\n        BorderBrush=\"#e2e8f0\"\n        BorderThickness=\"1\"\n        CornerRadius=\"8\"\n        Padding=\"16\">\n    \u003C!-- Вміст: будь-який один елемент -->\n    \u003CTextBlock Text=\"Картка з рамкою, фоном і закругленнями\"/>\n\u003C/Border>\n",[3012,9566,9567,9580,9590,9600,9610,9621,9626,9641],{"__ignoreMap":3037},[3041,9568,9569,9571,9573,9575,9577],{"class":3043,"line":3044},[3041,9570,3055],{"class":3054},[3041,9572,3566],{"class":3058},[3041,9574,3726],{"class":3062},[3041,9576,3067],{"class":3066},[3041,9578,9579],{"class":3070},"\"#f8fafc\"\n",[3041,9581,9582,9585,9587],{"class":3043,"line":3051},[3041,9583,9584],{"class":3062},"        BorderBrush",[3041,9586,3067],{"class":3066},[3041,9588,9589],{"class":3070},"\"#e2e8f0\"\n",[3041,9591,9592,9595,9597],{"class":3043,"line":3085},[3041,9593,9594],{"class":3062},"        BorderThickness",[3041,9596,3067],{"class":3066},[3041,9598,9599],{"class":3070},"\"1\"\n",[3041,9601,9602,9605,9607],{"class":3043,"line":3092},[3041,9603,9604],{"class":3062},"        CornerRadius",[3041,9606,3067],{"class":3066},[3041,9608,9609],{"class":3070},"\"8\"\n",[3041,9611,9612,9615,9617,9619],{"class":3043,"line":3098},[3041,9613,9614],{"class":3062},"        Padding",[3041,9616,3067],{"class":3066},[3041,9618,3422],{"class":3070},[3041,9620,3318],{"class":3054},[3041,9622,9623],{"class":3043,"line":3121},[3041,9624,9625],{"class":3047},"    \u003C!-- Вміст: будь-який один елемент -->\n",[3041,9627,9628,9630,9632,9634,9636,9639],{"class":3043,"line":3126},[3041,9629,3323],{"class":3054},[3041,9631,3496],{"class":3058},[3041,9633,3552],{"class":3062},[3041,9635,3067],{"class":3066},[3041,9637,9638],{"class":3070},"\"Картка з рамкою, фоном і закругленнями\"",[3041,9640,3082],{"class":3054},[3041,9642,9643,9645,9647],{"class":3043,"line":3132},[3041,9644,3378],{"class":3054},[3041,9646,3566],{"class":3058},[3041,9648,3318],{"class":3054},[2959,9650,9651,9653,9654,5636,9656,3507],{},[3012,9652,3566],{}," — одно-дочірній контейнер. Щоб помістити кілька елементів — вкладіть ",[3012,9655,3315],{},[3012,9657,3723],{},[3032,9659,9661],{"className":3034,"code":9660,"language":3036,"meta":3037,"style":3037},"\u003CBorder Background=\"White\" BorderBrush=\"#e2e8f0\" BorderThickness=\"1\"\n        CornerRadius=\"12\" Padding=\"20\">\n    \u003CStackPanel Spacing=\"8\">\n        \u003CTextBlock Text=\"Заголовок картки\" FontSize=\"16\" FontWeight=\"Bold\"/>\n        \u003CTextBlock Text=\"Опис картки з кількома рядками тексту\" TextWrapping=\"Wrap\"/>\n        \u003CButton Content=\"Дія\" HorizontalAlignment=\"Right\"/>\n    \u003C/StackPanel>\n\u003C/Border>\n",[3012,9662,9663,9687,9704,9718,9745,9767,9788,9796],{"__ignoreMap":3037},[3041,9664,9665,9667,9669,9671,9673,9675,9677,9679,9681,9683,9685],{"class":3043,"line":3044},[3041,9666,3055],{"class":3054},[3041,9668,3566],{"class":3058},[3041,9670,3726],{"class":3062},[3041,9672,3067],{"class":3066},[3041,9674,3771],{"class":3070},[3041,9676,3983],{"class":3062},[3041,9678,3067],{"class":3066},[3041,9680,7409],{"class":3070},[3041,9682,3991],{"class":3062},[3041,9684,3067],{"class":3066},[3041,9686,9599],{"class":3070},[3041,9688,9689,9691,9693,9695,9697,9699,9702],{"class":3043,"line":3051},[3041,9690,9604],{"class":3062},[3041,9692,3067],{"class":3066},[3041,9694,6040],{"class":3070},[3041,9696,3521],{"class":3062},[3041,9698,3067],{"class":3066},[3041,9700,9701],{"class":3070},"\"20\"",[3041,9703,3318],{"class":3054},[3041,9705,9706,9708,9710,9712,9714,9716],{"class":3043,"line":3085},[3041,9707,3323],{"class":3054},[3041,9709,3315],{"class":3058},[3041,9711,3411],{"class":3062},[3041,9713,3067],{"class":3066},[3041,9715,3071],{"class":3070},[3041,9717,3318],{"class":3054},[3041,9719,9720,9722,9724,9726,9728,9731,9733,9735,9737,9739,9741,9743],{"class":3043,"line":3092},[3041,9721,3738],{"class":3054},[3041,9723,3496],{"class":3058},[3041,9725,3552],{"class":3062},[3041,9727,3067],{"class":3066},[3041,9729,9730],{"class":3070},"\"Заголовок картки\"",[3041,9732,4699],{"class":3062},[3041,9734,3067],{"class":3066},[3041,9736,3422],{"class":3070},[3041,9738,3701],{"class":3062},[3041,9740,3067],{"class":3066},[3041,9742,6082],{"class":3070},[3041,9744,3082],{"class":3054},[3041,9746,9747,9749,9751,9753,9755,9758,9761,9763,9765],{"class":3043,"line":3098},[3041,9748,3738],{"class":3054},[3041,9750,3496],{"class":3058},[3041,9752,3552],{"class":3062},[3041,9754,3067],{"class":3066},[3041,9756,9757],{"class":3070},"\"Опис картки з кількома рядками тексту\"",[3041,9759,9760],{"class":3062}," TextWrapping",[3041,9762,3067],{"class":3066},[3041,9764,4031],{"class":3070},[3041,9766,3082],{"class":3054},[3041,9768,9769,9771,9773,9775,9777,9780,9782,9784,9786],{"class":3043,"line":3121},[3041,9770,3738],{"class":3054},[3041,9772,3059],{"class":3058},[3041,9774,3074],{"class":3062},[3041,9776,3067],{"class":3066},[3041,9778,9779],{"class":3070},"\"Дія\"",[3041,9781,4391],{"class":3062},[3041,9783,3067],{"class":3066},[3041,9785,4509],{"class":3070},[3041,9787,3082],{"class":3054},[3041,9789,9790,9792,9794],{"class":3043,"line":3126},[3041,9791,3785],{"class":3054},[3041,9793,3315],{"class":3058},[3041,9795,3318],{"class":3054},[3041,9797,9798,9800,9802],{"class":3043,"line":3132},[3041,9799,3378],{"class":3054},[3041,9801,3566],{"class":3058},[3041,9803,3318],{"class":3054},[3024,9805,9807],{"id":9806},"cornerradius-закруглені-кути","CornerRadius: закруглені кути",[3032,9809,9811],{"className":3034,"code":9810,"language":3036,"meta":3037,"style":3037},"\u003C!-- Однакові всі 4 кути -->\n\u003CBorder CornerRadius=\"8\" Background=\"#2563eb\" Padding=\"12,6\">\n    \u003CTextBlock Text=\"Всі 8px\" Foreground=\"White\"/>\n\u003C/Border>\n\n\u003C!-- Різні кути: TopLeft, TopRight, BottomRight, BottomLeft -->\n\u003CBorder CornerRadius=\"16,0,16,0\" Background=\"#7c3aed\" Padding=\"12,6\">\n    \u003CTextBlock Text=\"Змінні кути\" Foreground=\"White\"/>\n\u003C/Border>\n\n\u003C!-- Таблетка (pill-форма): велике заокруглення для повністю круглих країв -->\n\u003CBorder CornerRadius=\"100\" Background=\"#059669\" Padding=\"16,8\">\n    \u003CTextBlock Text=\"Pill badge\" Foreground=\"White\"/>\n\u003C/Border>\n",[3012,9812,9813,9818,9844,9865,9873,9877,9882,9909,9930,9938,9942,9947,9973,9994],{"__ignoreMap":3037},[3041,9814,9815],{"class":3043,"line":3044},[3041,9816,9817],{"class":3047},"\u003C!-- Однакові всі 4 кути -->\n",[3041,9819,9820,9822,9824,9826,9828,9830,9832,9834,9836,9838,9840,9842],{"class":3043,"line":3051},[3041,9821,3055],{"class":3054},[3041,9823,3566],{"class":3058},[3041,9825,3999],{"class":3062},[3041,9827,3067],{"class":3066},[3041,9829,3071],{"class":3070},[3041,9831,3726],{"class":3062},[3041,9833,3067],{"class":3066},[3041,9835,4899],{"class":3070},[3041,9837,3521],{"class":3062},[3041,9839,3067],{"class":3066},[3041,9841,3549],{"class":3070},[3041,9843,3318],{"class":3054},[3041,9845,9846,9848,9850,9852,9854,9857,9859,9861,9863],{"class":3043,"line":3085},[3041,9847,3323],{"class":3054},[3041,9849,3496],{"class":3058},[3041,9851,3552],{"class":3062},[3041,9853,3067],{"class":3066},[3041,9855,9856],{"class":3070},"\"Всі 8px\"",[3041,9858,3709],{"class":3062},[3041,9860,3067],{"class":3066},[3041,9862,3771],{"class":3070},[3041,9864,3082],{"class":3054},[3041,9866,9867,9869,9871],{"class":3043,"line":3092},[3041,9868,3378],{"class":3054},[3041,9870,3566],{"class":3058},[3041,9872,3318],{"class":3054},[3041,9874,9875],{"class":3043,"line":3098},[3041,9876,3089],{"emptyLinePlaceholder":3088},[3041,9878,9879],{"class":3043,"line":3121},[3041,9880,9881],{"class":3047},"\u003C!-- Різні кути: TopLeft, TopRight, BottomRight, BottomLeft -->\n",[3041,9883,9884,9886,9888,9890,9892,9895,9897,9899,9901,9903,9905,9907],{"class":3043,"line":3126},[3041,9885,3055],{"class":3054},[3041,9887,3566],{"class":3058},[3041,9889,3999],{"class":3062},[3041,9891,3067],{"class":3066},[3041,9893,9894],{"class":3070},"\"16,0,16,0\"",[3041,9896,3726],{"class":3062},[3041,9898,3067],{"class":3066},[3041,9900,5072],{"class":3070},[3041,9902,3521],{"class":3062},[3041,9904,3067],{"class":3066},[3041,9906,3549],{"class":3070},[3041,9908,3318],{"class":3054},[3041,9910,9911,9913,9915,9917,9919,9922,9924,9926,9928],{"class":3043,"line":3132},[3041,9912,3323],{"class":3054},[3041,9914,3496],{"class":3058},[3041,9916,3552],{"class":3062},[3041,9918,3067],{"class":3066},[3041,9920,9921],{"class":3070},"\"Змінні кути\"",[3041,9923,3709],{"class":3062},[3041,9925,3067],{"class":3066},[3041,9927,3771],{"class":3070},[3041,9929,3082],{"class":3054},[3041,9931,9932,9934,9936],{"class":3043,"line":3792},[3041,9933,3378],{"class":3054},[3041,9935,3566],{"class":3058},[3041,9937,3318],{"class":3054},[3041,9939,9940],{"class":3043,"line":3797},[3041,9941,3089],{"emptyLinePlaceholder":3088},[3041,9943,9944],{"class":3043,"line":3803},[3041,9945,9946],{"class":3047},"\u003C!-- Таблетка (pill-форма): велике заокруглення для повністю круглих країв -->\n",[3041,9948,9949,9951,9953,9955,9957,9959,9961,9963,9965,9967,9969,9971],{"class":3043,"line":3831},[3041,9950,3055],{"class":3054},[3041,9952,3566],{"class":3058},[3041,9954,3999],{"class":3062},[3041,9956,3067],{"class":3066},[3041,9958,5800],{"class":3070},[3041,9960,3726],{"class":3062},[3041,9962,3067],{"class":3066},[3041,9964,3875],{"class":3070},[3041,9966,3521],{"class":3062},[3041,9968,3067],{"class":3066},[3041,9970,3109],{"class":3070},[3041,9972,3318],{"class":3054},[3041,9974,9975,9977,9979,9981,9983,9986,9988,9990,9992],{"class":3043,"line":3847},[3041,9976,3323],{"class":3054},[3041,9978,3496],{"class":3058},[3041,9980,3552],{"class":3062},[3041,9982,3067],{"class":3066},[3041,9984,9985],{"class":3070},"\"Pill badge\"",[3041,9987,3709],{"class":3062},[3041,9989,3067],{"class":3066},[3041,9991,3771],{"class":3070},[3041,9993,3082],{"class":3054},[3041,9995,9996,9998,10000],{"class":3043,"line":3868},[3041,9997,3378],{"class":3054},[3041,9999,3566],{"class":3058},[3041,10001,3318],{"class":3054},[3649,10003,10005],{"title":10004},"Border: картки різних стилів (картка/badge/notification)",[3032,10006,10008],{"className":3034,"code":10007,"language":3036,"meta":3037,"style":3037},"\u003CStackPanel Margin=\"16\" Spacing=\"16\">\n\n    \u003C!-- Класична картка -->\n    \u003CBorder Background=\"White\" BorderBrush=\"#e2e8f0\" BorderThickness=\"1\"\n            CornerRadius=\"10\" Padding=\"16\">\n        \u003CGrid>\n            \u003CGrid.ColumnDefinitions>\n                \u003CColumnDefinition Width=\"*\"/>\n                \u003CColumnDefinition Width=\"Auto\"/>\n            \u003C/Grid.ColumnDefinitions>\n            \u003CStackPanel Grid.Column=\"0\" Spacing=\"4\">\n                \u003CTextBlock Text=\"Нове замовлення #1847\" FontWeight=\"SemiBold\" Foreground=\"#1e293b\"/>\n                \u003CTextBlock Text=\"Іван Петренко • 3 товари • ₴2,340\" FontSize=\"13\" Foreground=\"#64748b\"/>\n            \u003C/StackPanel>\n            \u003CBorder Grid.Column=\"1\" Background=\"#dcfce7\" CornerRadius=\"6\" Padding=\"8,4\"\n                    VerticalAlignment=\"Center\">\n                \u003CTextBlock Text=\"✅ Оплачено\" Foreground=\"#166534\" FontSize=\"12\" FontWeight=\"SemiBold\"/>\n            \u003C/Border>\n        \u003C/Grid>\n    \u003C/Border>\n\n    \u003C!-- Кольорова картка з лівою акцентною лінією -->\n    \u003CBorder Background=\"#eff6ff\" CornerRadius=\"8\" Padding=\"0\"\n            BorderBrush=\"#e2e8f0\" BorderThickness=\"1\">\n        \u003CGrid>\n            \u003CGrid.ColumnDefinitions>\n                \u003CColumnDefinition Width=\"4\"/>\n                \u003CColumnDefinition Width=\"*\"/>\n            \u003C/Grid.ColumnDefinitions>\n            \u003CBorder Grid.Column=\"0\" Background=\"#2563eb\" CornerRadius=\"8,0,0,8\"/>\n            \u003CStackPanel Grid.Column=\"1\" Padding=\"14,12\" Spacing=\"4\">\n                \u003CTextBlock Text=\"ℹ️ Інформаційне повідомлення\" FontWeight=\"SemiBold\" Foreground=\"#1e40af\"/>\n                \u003CTextBlock Text=\"Border з CornerRadius='8,0,0,8' лівої частини для акцентної лінії.\"\n                           FontSize=\"12\" Foreground=\"#3b82f6\" TextWrapping=\"Wrap\"/>\n            \u003C/StackPanel>\n        \u003C/Grid>\n    \u003C/Border>\n\n    \u003C!-- Badge-набір -->\n    \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"8\">\n        \u003CBorder Background=\"#dbeafe\" CornerRadius=\"100\" Padding=\"12,4\">\n            \u003CTextBlock Text=\"WPF\" Foreground=\"#1e40af\" FontSize=\"12\" FontWeight=\"SemiBold\"/>\n        \u003C/Border>\n        \u003CBorder Background=\"#dcfce7\" CornerRadius=\"100\" Padding=\"12,4\">\n            \u003CTextBlock Text=\"Avalonia\" Foreground=\"#166534\" FontSize=\"12\" FontWeight=\"SemiBold\"/>\n        \u003C/Border>\n        \u003CBorder Background=\"#fae8ff\" CornerRadius=\"100\" Padding=\"12,4\">\n            \u003CTextBlock Text=\"XAML\" Foreground=\"#6b21a8\" FontSize=\"12\" FontWeight=\"SemiBold\"/>\n        \u003C/Border>\n        \u003CBorder Background=\"#fef9c3\" CornerRadius=\"100\" Padding=\"12,4\">\n            \u003CTextBlock Text=\"C# 12\" Foreground=\"#713f12\" FontSize=\"12\" FontWeight=\"SemiBold\"/>\n        \u003C/Border>\n    \u003C/StackPanel>\n\n\u003C/StackPanel>\n",[3012,10009,10010,10030,10034,10039,10063,10080,10088,10096,10110,10124,10132,10152,10179,10206,10214,10247,10258,10292,10300,10308,10316,10320,10325,10350,10367,10375,10383,10397,10411,10419,10446,10473,10501,10514,10538,10546,10554,10562,10566,10571,10591,10619,10652,10660,10686,10719,10727,10754,10788,10796,10823,10857,10865,10873,10877],{"__ignoreMap":3037},[3041,10011,10012,10014,10016,10018,10020,10022,10024,10026,10028],{"class":3043,"line":3044},[3041,10013,3055],{"class":3054},[3041,10015,3315],{"class":3058},[3041,10017,3063],{"class":3062},[3041,10019,3067],{"class":3066},[3041,10021,3422],{"class":3070},[3041,10023,3411],{"class":3062},[3041,10025,3067],{"class":3066},[3041,10027,3422],{"class":3070},[3041,10029,3318],{"class":3054},[3041,10031,10032],{"class":3043,"line":3051},[3041,10033,3089],{"emptyLinePlaceholder":3088},[3041,10035,10036],{"class":3043,"line":3085},[3041,10037,10038],{"class":3047},"    \u003C!-- Класична картка -->\n",[3041,10040,10041,10043,10045,10047,10049,10051,10053,10055,10057,10059,10061],{"class":3043,"line":3092},[3041,10042,3323],{"class":3054},[3041,10044,3566],{"class":3058},[3041,10046,3726],{"class":3062},[3041,10048,3067],{"class":3066},[3041,10050,3771],{"class":3070},[3041,10052,3983],{"class":3062},[3041,10054,3067],{"class":3066},[3041,10056,7409],{"class":3070},[3041,10058,3991],{"class":3062},[3041,10060,3067],{"class":3066},[3041,10062,9599],{"class":3070},[3041,10064,10065,10068,10070,10072,10074,10076,10078],{"class":3043,"line":3098},[3041,10066,10067],{"class":3062},"            CornerRadius",[3041,10069,3067],{"class":3066},[3041,10071,4945],{"class":3070},[3041,10073,3521],{"class":3062},[3041,10075,3067],{"class":3066},[3041,10077,3422],{"class":3070},[3041,10079,3318],{"class":3054},[3041,10081,10082,10084,10086],{"class":3043,"line":3121},[3041,10083,3738],{"class":3054},[3041,10085,3723],{"class":3058},[3041,10087,3318],{"class":3054},[3041,10089,10090,10092,10094],{"class":3043,"line":3126},[3041,10091,4011],{"class":3054},[3041,10093,4272],{"class":3058},[3041,10095,3318],{"class":3054},[3041,10097,10098,10100,10102,10104,10106,10108],{"class":3043,"line":3132},[3041,10099,7465],{"class":3054},[3041,10101,4281],{"class":3058},[3041,10103,4216],{"class":3062},[3041,10105,3067],{"class":3066},[3041,10107,6129],{"class":3070},[3041,10109,3082],{"class":3054},[3041,10111,10112,10114,10116,10118,10120,10122],{"class":3043,"line":3792},[3041,10113,7465],{"class":3054},[3041,10115,4281],{"class":3058},[3041,10117,4216],{"class":3062},[3041,10119,3067],{"class":3066},[3041,10121,6144],{"class":3070},[3041,10123,3082],{"class":3054},[3041,10125,10126,10128,10130],{"class":3043,"line":3797},[3041,10127,7487],{"class":3054},[3041,10129,4272],{"class":3058},[3041,10131,3318],{"class":3054},[3041,10133,10134,10136,10138,10140,10142,10144,10146,10148,10150],{"class":3043,"line":3803},[3041,10135,4011],{"class":3054},[3041,10137,3315],{"class":3058},[3041,10139,4340],{"class":3062},[3041,10141,3067],{"class":3066},[3041,10143,3952],{"class":3070},[3041,10145,3411],{"class":3062},[3041,10147,3067],{"class":3066},[3041,10149,4358],{"class":3070},[3041,10151,3318],{"class":3054},[3041,10153,10154,10156,10158,10160,10162,10165,10167,10169,10171,10173,10175,10177],{"class":3043,"line":3831},[3041,10155,7465],{"class":3054},[3041,10157,3496],{"class":3058},[3041,10159,3552],{"class":3062},[3041,10161,3067],{"class":3066},[3041,10163,10164],{"class":3070},"\"Нове замовлення #1847\"",[3041,10166,3701],{"class":3062},[3041,10168,3067],{"class":3066},[3041,10170,3706],{"class":3070},[3041,10172,3709],{"class":3062},[3041,10174,3067],{"class":3066},[3041,10176,6089],{"class":3070},[3041,10178,3082],{"class":3054},[3041,10180,10181,10183,10185,10187,10189,10192,10194,10196,10198,10200,10202,10204],{"class":3043,"line":3847},[3041,10182,7465],{"class":3054},[3041,10184,3496],{"class":3058},[3041,10186,3552],{"class":3062},[3041,10188,3067],{"class":3066},[3041,10190,10191],{"class":3070},"\"Іван Петренко • 3 товари • ₴2,340\"",[3041,10193,4699],{"class":3062},[3041,10195,3067],{"class":3066},[3041,10197,6295],{"class":3070},[3041,10199,3709],{"class":3062},[3041,10201,3067],{"class":3066},[3041,10203,6288],{"class":3070},[3041,10205,3082],{"class":3054},[3041,10207,10208,10210,10212],{"class":3043,"line":3868},[3041,10209,7487],{"class":3054},[3041,10211,3315],{"class":3058},[3041,10213,3318],{"class":3054},[3041,10215,10216,10218,10220,10222,10224,10226,10228,10230,10233,10235,10237,10240,10242,10244],{"class":3043,"line":3886},[3041,10217,4011],{"class":3054},[3041,10219,3566],{"class":3058},[3041,10221,4340],{"class":3062},[3041,10223,3067],{"class":3066},[3041,10225,4388],{"class":3070},[3041,10227,3726],{"class":3062},[3041,10229,3067],{"class":3066},[3041,10231,10232],{"class":3070},"\"#dcfce7\"",[3041,10234,3999],{"class":3062},[3041,10236,3067],{"class":3066},[3041,10238,10239],{"class":3070},"\"6\"",[3041,10241,3521],{"class":3062},[3041,10243,3067],{"class":3066},[3041,10245,10246],{"class":3070},"\"8,4\"\n",[3041,10248,10249,10252,10254,10256],{"class":3043,"line":3895},[3041,10250,10251],{"class":3062},"                    VerticalAlignment",[3041,10253,3067],{"class":3066},[3041,10255,4457],{"class":3070},[3041,10257,3318],{"class":3054},[3041,10259,10260,10262,10264,10266,10268,10271,10273,10275,10278,10280,10282,10284,10286,10288,10290],{"class":3043,"line":3900},[3041,10261,7465],{"class":3054},[3041,10263,3496],{"class":3058},[3041,10265,3552],{"class":3062},[3041,10267,3067],{"class":3066},[3041,10269,10270],{"class":3070},"\"✅ Оплачено\"",[3041,10272,3709],{"class":3062},[3041,10274,3067],{"class":3066},[3041,10276,10277],{"class":3070},"\"#166534\"",[3041,10279,4699],{"class":3062},[3041,10281,3067],{"class":3066},[3041,10283,6040],{"class":3070},[3041,10285,3701],{"class":3062},[3041,10287,3067],{"class":3066},[3041,10289,3706],{"class":3070},[3041,10291,3082],{"class":3054},[3041,10293,10294,10296,10298],{"class":3043,"line":3906},[3041,10295,7487],{"class":3054},[3041,10297,3566],{"class":3058},[3041,10299,3318],{"class":3054},[3041,10301,10302,10304,10306],{"class":3043,"line":3934},[3041,10303,4046],{"class":3054},[3041,10305,3723],{"class":3058},[3041,10307,3318],{"class":3054},[3041,10309,10310,10312,10314],{"class":3043,"line":3957},[3041,10311,3785],{"class":3054},[3041,10313,3566],{"class":3058},[3041,10315,3318],{"class":3054},[3041,10317,10318],{"class":3043,"line":4008},[3041,10319,3089],{"emptyLinePlaceholder":3088},[3041,10321,10322],{"class":3043,"line":4023},[3041,10323,10324],{"class":3047},"    \u003C!-- Кольорова картка з лівою акцентною лінією -->\n",[3041,10326,10327,10329,10331,10333,10335,10337,10339,10341,10343,10345,10347],{"class":3043,"line":4043},[3041,10328,3323],{"class":3054},[3041,10330,3566],{"class":3058},[3041,10332,3726],{"class":3062},[3041,10334,3067],{"class":3066},[3041,10336,7522],{"class":3070},[3041,10338,3999],{"class":3062},[3041,10340,3067],{"class":3066},[3041,10342,3071],{"class":3070},[3041,10344,3521],{"class":3062},[3041,10346,3067],{"class":3066},[3041,10348,10349],{"class":3070},"\"0\"\n",[3041,10351,10352,10355,10357,10359,10361,10363,10365],{"class":3043,"line":4053},[3041,10353,10354],{"class":3062},"            BorderBrush",[3041,10356,3067],{"class":3066},[3041,10358,7409],{"class":3070},[3041,10360,3991],{"class":3062},[3041,10362,3067],{"class":3066},[3041,10364,4388],{"class":3070},[3041,10366,3318],{"class":3054},[3041,10368,10369,10371,10373],{"class":3043,"line":4062},[3041,10370,3738],{"class":3054},[3041,10372,3723],{"class":3058},[3041,10374,3318],{"class":3054},[3041,10376,10377,10379,10381],{"class":3043,"line":4067},[3041,10378,4011],{"class":3054},[3041,10380,4272],{"class":3058},[3041,10382,3318],{"class":3054},[3041,10384,10385,10387,10389,10391,10393,10395],{"class":3043,"line":4073},[3041,10386,7465],{"class":3054},[3041,10388,4281],{"class":3058},[3041,10390,4216],{"class":3062},[3041,10392,3067],{"class":3066},[3041,10394,4358],{"class":3070},[3041,10396,3082],{"class":3054},[3041,10398,10399,10401,10403,10405,10407,10409],{"class":3043,"line":4101},[3041,10400,7465],{"class":3054},[3041,10402,4281],{"class":3058},[3041,10404,4216],{"class":3062},[3041,10406,3067],{"class":3066},[3041,10408,6129],{"class":3070},[3041,10410,3082],{"class":3054},[3041,10412,10413,10415,10417],{"class":3043,"line":4115},[3041,10414,7487],{"class":3054},[3041,10416,4272],{"class":3058},[3041,10418,3318],{"class":3054},[3041,10420,10421,10423,10425,10427,10429,10431,10433,10435,10437,10439,10441,10444],{"class":3043,"line":4140},[3041,10422,4011],{"class":3054},[3041,10424,3566],{"class":3058},[3041,10426,4340],{"class":3062},[3041,10428,3067],{"class":3066},[3041,10430,3952],{"class":3070},[3041,10432,3726],{"class":3062},[3041,10434,3067],{"class":3066},[3041,10436,4899],{"class":3070},[3041,10438,3999],{"class":3062},[3041,10440,3067],{"class":3066},[3041,10442,10443],{"class":3070},"\"8,0,0,8\"",[3041,10445,3082],{"class":3054},[3041,10447,10448,10450,10452,10454,10456,10458,10460,10462,10465,10467,10469,10471],{"class":3043,"line":4153},[3041,10449,4011],{"class":3054},[3041,10451,3315],{"class":3058},[3041,10453,4340],{"class":3062},[3041,10455,3067],{"class":3066},[3041,10457,4388],{"class":3070},[3041,10459,3521],{"class":3062},[3041,10461,3067],{"class":3066},[3041,10463,10464],{"class":3070},"\"14,12\"",[3041,10466,3411],{"class":3062},[3041,10468,3067],{"class":3066},[3041,10470,4358],{"class":3070},[3041,10472,3318],{"class":3054},[3041,10474,10475,10477,10479,10481,10483,10486,10488,10490,10492,10494,10496,10499],{"class":3043,"line":4158},[3041,10476,7465],{"class":3054},[3041,10478,3496],{"class":3058},[3041,10480,3552],{"class":3062},[3041,10482,3067],{"class":3066},[3041,10484,10485],{"class":3070},"\"ℹ️ Інформаційне повідомлення\"",[3041,10487,3701],{"class":3062},[3041,10489,3067],{"class":3066},[3041,10491,3706],{"class":3070},[3041,10493,3709],{"class":3062},[3041,10495,3067],{"class":3066},[3041,10497,10498],{"class":3070},"\"#1e40af\"",[3041,10500,3082],{"class":3054},[3041,10502,10503,10505,10507,10509,10511],{"class":3043,"line":5234},[3041,10504,7465],{"class":3054},[3041,10506,3496],{"class":3058},[3041,10508,3552],{"class":3062},[3041,10510,3067],{"class":3066},[3041,10512,10513],{"class":3070},"\"Border з CornerRadius='8,0,0,8' лівої частини для акцентної лінії.\"\n",[3041,10515,10516,10519,10521,10523,10525,10527,10530,10532,10534,10536],{"class":3043,"line":5239},[3041,10517,10518],{"class":3062},"                           FontSize",[3041,10520,3067],{"class":3066},[3041,10522,6040],{"class":3070},[3041,10524,3709],{"class":3062},[3041,10526,3067],{"class":3066},[3041,10528,10529],{"class":3070},"\"#3b82f6\"",[3041,10531,9760],{"class":3062},[3041,10533,3067],{"class":3066},[3041,10535,4031],{"class":3070},[3041,10537,3082],{"class":3054},[3041,10539,10540,10542,10544],{"class":3043,"line":5245},[3041,10541,7487],{"class":3054},[3041,10543,3315],{"class":3058},[3041,10545,3318],{"class":3054},[3041,10547,10548,10550,10552],{"class":3043,"line":5279},[3041,10549,4046],{"class":3054},[3041,10551,3723],{"class":3058},[3041,10553,3318],{"class":3054},[3041,10555,10556,10558,10560],{"class":3043,"line":5319},[3041,10557,3785],{"class":3054},[3041,10559,3566],{"class":3058},[3041,10561,3318],{"class":3054},[3041,10563,10564],{"class":3043,"line":5328},[3041,10565,3089],{"emptyLinePlaceholder":3088},[3041,10567,10568],{"class":3043,"line":5376},[3041,10569,10570],{"class":3047},"    \u003C!-- Badge-набір -->\n",[3041,10572,10573,10575,10577,10579,10581,10583,10585,10587,10589],{"class":3043,"line":5416},[3041,10574,3323],{"class":3054},[3041,10576,3315],{"class":3058},[3041,10578,5850],{"class":3062},[3041,10580,3067],{"class":3066},[3041,10582,5855],{"class":3070},[3041,10584,3411],{"class":3062},[3041,10586,3067],{"class":3066},[3041,10588,3071],{"class":3070},[3041,10590,3318],{"class":3054},[3041,10592,10593,10595,10597,10599,10601,10604,10606,10608,10610,10612,10614,10617],{"class":3043,"line":5425},[3041,10594,3738],{"class":3054},[3041,10596,3566],{"class":3058},[3041,10598,3726],{"class":3062},[3041,10600,3067],{"class":3066},[3041,10602,10603],{"class":3070},"\"#dbeafe\"",[3041,10605,3999],{"class":3062},[3041,10607,3067],{"class":3066},[3041,10609,5800],{"class":3070},[3041,10611,3521],{"class":3062},[3041,10613,3067],{"class":3066},[3041,10615,10616],{"class":3070},"\"12,4\"",[3041,10618,3318],{"class":3054},[3041,10620,10621,10623,10625,10627,10629,10632,10634,10636,10638,10640,10642,10644,10646,10648,10650],{"class":3043,"line":5471},[3041,10622,4011],{"class":3054},[3041,10624,3496],{"class":3058},[3041,10626,3552],{"class":3062},[3041,10628,3067],{"class":3066},[3041,10630,10631],{"class":3070},"\"WPF\"",[3041,10633,3709],{"class":3062},[3041,10635,3067],{"class":3066},[3041,10637,10498],{"class":3070},[3041,10639,4699],{"class":3062},[3041,10641,3067],{"class":3066},[3041,10643,6040],{"class":3070},[3041,10645,3701],{"class":3062},[3041,10647,3067],{"class":3066},[3041,10649,3706],{"class":3070},[3041,10651,3082],{"class":3054},[3041,10653,10654,10656,10658],{"class":3043,"line":5511},[3041,10655,4046],{"class":3054},[3041,10657,3566],{"class":3058},[3041,10659,3318],{"class":3054},[3041,10661,10662,10664,10666,10668,10670,10672,10674,10676,10678,10680,10682,10684],{"class":3043,"line":5520},[3041,10663,3738],{"class":3054},[3041,10665,3566],{"class":3058},[3041,10667,3726],{"class":3062},[3041,10669,3067],{"class":3066},[3041,10671,10232],{"class":3070},[3041,10673,3999],{"class":3062},[3041,10675,3067],{"class":3066},[3041,10677,5800],{"class":3070},[3041,10679,3521],{"class":3062},[3041,10681,3067],{"class":3066},[3041,10683,10616],{"class":3070},[3041,10685,3318],{"class":3054},[3041,10687,10688,10690,10692,10694,10696,10699,10701,10703,10705,10707,10709,10711,10713,10715,10717],{"class":3043,"line":5567},[3041,10689,4011],{"class":3054},[3041,10691,3496],{"class":3058},[3041,10693,3552],{"class":3062},[3041,10695,3067],{"class":3066},[3041,10697,10698],{"class":3070},"\"Avalonia\"",[3041,10700,3709],{"class":3062},[3041,10702,3067],{"class":3066},[3041,10704,10277],{"class":3070},[3041,10706,4699],{"class":3062},[3041,10708,3067],{"class":3066},[3041,10710,6040],{"class":3070},[3041,10712,3701],{"class":3062},[3041,10714,3067],{"class":3066},[3041,10716,3706],{"class":3070},[3041,10718,3082],{"class":3054},[3041,10720,10721,10723,10725],{"class":3043,"line":5607},[3041,10722,4046],{"class":3054},[3041,10724,3566],{"class":3058},[3041,10726,3318],{"class":3054},[3041,10728,10729,10731,10733,10735,10737,10740,10742,10744,10746,10748,10750,10752],{"class":3043,"line":5616},[3041,10730,3738],{"class":3054},[3041,10732,3566],{"class":3058},[3041,10734,3726],{"class":3062},[3041,10736,3067],{"class":3066},[3041,10738,10739],{"class":3070},"\"#fae8ff\"",[3041,10741,3999],{"class":3062},[3041,10743,3067],{"class":3066},[3041,10745,5800],{"class":3070},[3041,10747,3521],{"class":3062},[3041,10749,3067],{"class":3066},[3041,10751,10616],{"class":3070},[3041,10753,3318],{"class":3054},[3041,10755,10756,10758,10760,10762,10764,10767,10769,10771,10774,10776,10778,10780,10782,10784,10786],{"class":3043,"line":7990},[3041,10757,4011],{"class":3054},[3041,10759,3496],{"class":3058},[3041,10761,3552],{"class":3062},[3041,10763,3067],{"class":3066},[3041,10765,10766],{"class":3070},"\"XAML\"",[3041,10768,3709],{"class":3062},[3041,10770,3067],{"class":3066},[3041,10772,10773],{"class":3070},"\"#6b21a8\"",[3041,10775,4699],{"class":3062},[3041,10777,3067],{"class":3066},[3041,10779,6040],{"class":3070},[3041,10781,3701],{"class":3062},[3041,10783,3067],{"class":3066},[3041,10785,3706],{"class":3070},[3041,10787,3082],{"class":3054},[3041,10789,10790,10792,10794],{"class":3043,"line":7999},[3041,10791,4046],{"class":3054},[3041,10793,3566],{"class":3058},[3041,10795,3318],{"class":3054},[3041,10797,10798,10800,10802,10804,10806,10809,10811,10813,10815,10817,10819,10821],{"class":3043,"line":8008},[3041,10799,3738],{"class":3054},[3041,10801,3566],{"class":3058},[3041,10803,3726],{"class":3062},[3041,10805,3067],{"class":3066},[3041,10807,10808],{"class":3070},"\"#fef9c3\"",[3041,10810,3999],{"class":3062},[3041,10812,3067],{"class":3066},[3041,10814,5800],{"class":3070},[3041,10816,3521],{"class":3062},[3041,10818,3067],{"class":3066},[3041,10820,10616],{"class":3070},[3041,10822,3318],{"class":3054},[3041,10824,10825,10827,10829,10831,10833,10836,10838,10840,10843,10845,10847,10849,10851,10853,10855],{"class":3043,"line":8013},[3041,10826,4011],{"class":3054},[3041,10828,3496],{"class":3058},[3041,10830,3552],{"class":3062},[3041,10832,3067],{"class":3066},[3041,10834,10835],{"class":3070},"\"C# 12\"",[3041,10837,3709],{"class":3062},[3041,10839,3067],{"class":3066},[3041,10841,10842],{"class":3070},"\"#713f12\"",[3041,10844,4699],{"class":3062},[3041,10846,3067],{"class":3066},[3041,10848,6040],{"class":3070},[3041,10850,3701],{"class":3062},[3041,10852,3067],{"class":3066},[3041,10854,3706],{"class":3070},[3041,10856,3082],{"class":3054},[3041,10858,10859,10861,10863],{"class":3043,"line":8019},[3041,10860,4046],{"class":3054},[3041,10862,3566],{"class":3058},[3041,10864,3318],{"class":3054},[3041,10866,10867,10869,10871],{"class":3043,"line":8045},[3041,10868,3785],{"class":3054},[3041,10870,3315],{"class":3058},[3041,10872,3318],{"class":3054},[3041,10874,10875],{"class":3043,"line":8068},[3041,10876,3089],{"emptyLinePlaceholder":3088},[3041,10878,10879,10881,10883],{"class":3043,"line":8094},[3041,10880,3378],{"class":3054},[3041,10882,3315],{"class":3058},[3041,10884,3318],{"class":3054},[3002,10886],{},[3005,10888,10890],{"id":10889},"gridsplitter-інтерактивне-перетворення-зон","GridSplitter: інтерактивне перетворення зон",[2959,10892,10893,10895,10896,10899,10900,10902],{},[3012,10894,2999],{}," — елемент, що дозволяє користувачеві ",[2969,10897,10898],{},"перетягуванням"," змінювати розміри рядків і колонок у ",[3012,10901,3723],{},". Це ключовий елемент для IDE-подібних інтерфейсів з регульованими панелями.",[3032,10904,10906],{"className":3034,"code":10905,"language":3036,"meta":3037,"style":3037},"\u003CGrid>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"200\" MinWidth=\"100\" MaxWidth=\"400\"/>\n        \u003CColumnDefinition Width=\"4\"/>    \u003C!-- Колонка для GridSplitter -->\n        \u003CColumnDefinition Width=\"*\"/>\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003C!-- Ліва панель -->\n    \u003CTreeView Grid.Column=\"0\"/>\n\n    \u003C!-- GridSplitter: займає свою колонку цілком -->\n    \u003CGridSplitter Grid.Column=\"1\"\n                  Width=\"4\"\n                  HorizontalAlignment=\"Stretch\"\n                  VerticalAlignment=\"Stretch\"\n                  Background=\"#e2e8f0\"/>\n\n    \u003C!-- Права панель -->\n    \u003CTextBox Grid.Column=\"2\" AcceptsReturn=\"True\"/>\n\u003C/Grid>\n",[3012,10907,10908,10916,10924,10950,10967,10981,10989,10993,10997,11012,11016,11021,11033,11043,11053,11062,11072,11076,11080,11101],{"__ignoreMap":3037},[3041,10909,10910,10912,10914],{"class":3043,"line":3044},[3041,10911,3055],{"class":3054},[3041,10913,3723],{"class":3058},[3041,10915,3318],{"class":3054},[3041,10917,10918,10920,10922],{"class":3043,"line":3051},[3041,10919,3323],{"class":3054},[3041,10921,4272],{"class":3058},[3041,10923,3318],{"class":3054},[3041,10925,10926,10928,10930,10932,10934,10936,10938,10940,10942,10944,10946,10948],{"class":3043,"line":3085},[3041,10927,3738],{"class":3054},[3041,10929,4281],{"class":3058},[3041,10931,4216],{"class":3062},[3041,10933,3067],{"class":3066},[3041,10935,4229],{"class":3070},[3041,10937,5795],{"class":3062},[3041,10939,3067],{"class":3066},[3041,10941,5800],{"class":3070},[3041,10943,5803],{"class":3062},[3041,10945,3067],{"class":3066},[3041,10947,4221],{"class":3070},[3041,10949,3082],{"class":3054},[3041,10951,10952,10954,10956,10958,10960,10962,10964],{"class":3043,"line":3092},[3041,10953,3738],{"class":3054},[3041,10955,4281],{"class":3058},[3041,10957,4216],{"class":3062},[3041,10959,3067],{"class":3066},[3041,10961,4358],{"class":3070},[3041,10963,3341],{"class":3054},[3041,10965,10966],{"class":3047},"    \u003C!-- Колонка для GridSplitter -->\n",[3041,10968,10969,10971,10973,10975,10977,10979],{"class":3043,"line":3098},[3041,10970,3738],{"class":3054},[3041,10972,4281],{"class":3058},[3041,10974,4216],{"class":3062},[3041,10976,3067],{"class":3066},[3041,10978,6129],{"class":3070},[3041,10980,3082],{"class":3054},[3041,10982,10983,10985,10987],{"class":3043,"line":3121},[3041,10984,3785],{"class":3054},[3041,10986,4272],{"class":3058},[3041,10988,3318],{"class":3054},[3041,10990,10991],{"class":3043,"line":3126},[3041,10992,3089],{"emptyLinePlaceholder":3088},[3041,10994,10995],{"class":3043,"line":3132},[3041,10996,7320],{"class":3047},[3041,10998,10999,11001,11004,11006,11008,11010],{"class":3043,"line":3792},[3041,11000,3323],{"class":3054},[3041,11002,11003],{"class":3058},"TreeView",[3041,11005,4340],{"class":3062},[3041,11007,3067],{"class":3066},[3041,11009,3952],{"class":3070},[3041,11011,3082],{"class":3054},[3041,11013,11014],{"class":3043,"line":3797},[3041,11015,3089],{"emptyLinePlaceholder":3088},[3041,11017,11018],{"class":3043,"line":3803},[3041,11019,11020],{"class":3047},"    \u003C!-- GridSplitter: займає свою колонку цілком -->\n",[3041,11022,11023,11025,11027,11029,11031],{"class":3043,"line":3831},[3041,11024,3323],{"class":3054},[3041,11026,2999],{"class":3058},[3041,11028,4340],{"class":3062},[3041,11030,3067],{"class":3066},[3041,11032,9599],{"class":3070},[3041,11034,11035,11038,11040],{"class":3043,"line":3847},[3041,11036,11037],{"class":3062},"                  Width",[3041,11039,3067],{"class":3066},[3041,11041,11042],{"class":3070},"\"4\"\n",[3041,11044,11045,11048,11050],{"class":3043,"line":3868},[3041,11046,11047],{"class":3062},"                  HorizontalAlignment",[3041,11049,3067],{"class":3066},[3041,11051,11052],{"class":3070},"\"Stretch\"\n",[3041,11054,11055,11058,11060],{"class":3043,"line":3886},[3041,11056,11057],{"class":3062},"                  VerticalAlignment",[3041,11059,3067],{"class":3066},[3041,11061,11052],{"class":3070},[3041,11063,11064,11066,11068,11070],{"class":3043,"line":3895},[3041,11065,7397],{"class":3062},[3041,11067,3067],{"class":3066},[3041,11069,7409],{"class":3070},[3041,11071,3082],{"class":3054},[3041,11073,11074],{"class":3043,"line":3900},[3041,11075,3089],{"emptyLinePlaceholder":3088},[3041,11077,11078],{"class":3043,"line":3906},[3041,11079,8016],{"class":3047},[3041,11081,11082,11084,11086,11088,11090,11092,11095,11097,11099],{"class":3043,"line":3934},[3041,11083,3323],{"class":3054},[3041,11085,3542],{"class":3058},[3041,11087,4340],{"class":3062},[3041,11089,3067],{"class":3066},[3041,11091,3996],{"class":3070},[3041,11093,11094],{"class":3062}," AcceptsReturn",[3041,11096,3067],{"class":3066},[3041,11098,4547],{"class":3070},[3041,11100,3082],{"class":3054},[3041,11102,11103,11105,11107],{"class":3043,"line":3957},[3041,11104,3378],{"class":3054},[3041,11106,3723],{"class":3058},[3041,11108,3318],{"class":3054},[3024,11110,11112],{"id":11111},"вертикальний-vs-горизонтальний-gridsplitter","Вертикальний vs горизонтальний GridSplitter",[3032,11114,11116],{"className":3034,"code":11115,"language":3036,"meta":3037,"style":3037},"\u003C!-- Вертикальний роздільник (між колонками): -->\n\u003CGridSplitter Grid.Column=\"1\"\n              Width=\"4\"\n              HorizontalAlignment=\"Stretch\"  \u003C!-- займає всю ширину колонки -->\n              ResizeDirection=\"Columns\"/>\n\n\u003C!-- Горизонтальний роздільник (між рядками): -->\n\u003CGridSplitter Grid.Row=\"1\"\n              Height=\"4\"\n              VerticalAlignment=\"Stretch\"    \u003C!-- займає всю висоту рядка -->\n              HorizontalAlignment=\"Stretch\"  \u003C!-- займає всю ширину -->\n              ResizeDirection=\"Rows\"/>\n",[3012,11117,11118,11123,11135,11144,11158,11163,11167,11172,11184,11193,11207,11215],{"__ignoreMap":3037},[3041,11119,11120],{"class":3043,"line":3044},[3041,11121,11122],{"class":3047},"\u003C!-- Вертикальний роздільник (між колонками): -->\n",[3041,11124,11125,11127,11129,11131,11133],{"class":3043,"line":3051},[3041,11126,3055],{"class":3054},[3041,11128,2999],{"class":3058},[3041,11130,4340],{"class":3062},[3041,11132,3067],{"class":3066},[3041,11134,9599],{"class":3070},[3041,11136,11137,11140,11142],{"class":3043,"line":3085},[3041,11138,11139],{"class":3062},"              Width",[3041,11141,3067],{"class":3066},[3041,11143,11042],{"class":3070},[3041,11145,11146,11149,11151,11153,11156],{"class":3043,"line":3092},[3041,11147,11148],{"class":3062},"              HorizontalAlignment",[3041,11150,3067],{"class":3066},[3041,11152,4351],{"class":3070},[3041,11154,11155],{"class":3066},"  \u003C!-- займає всю ширину колонки --",[3041,11157,3318],{"class":3054},[3041,11159,11160],{"class":3043,"line":3098},[3041,11161,11162],{"class":3066},"              ResizeDirection=\"Columns\"/>\n",[3041,11164,11165],{"class":3043,"line":3121},[3041,11166,3089],{"emptyLinePlaceholder":3088},[3041,11168,11169],{"class":3043,"line":3126},[3041,11170,11171],{"class":3047},"\u003C!-- Горизонтальний роздільник (між рядками): -->\n",[3041,11173,11174,11176,11178,11180,11182],{"class":3043,"line":3132},[3041,11175,3055],{"class":3054},[3041,11177,2999],{"class":3058},[3041,11179,4333],{"class":3062},[3041,11181,3067],{"class":3066},[3041,11183,9599],{"class":3070},[3041,11185,11186,11189,11191],{"class":3043,"line":3792},[3041,11187,11188],{"class":3062},"              Height",[3041,11190,3067],{"class":3066},[3041,11192,11042],{"class":3070},[3041,11194,11195,11198,11200,11202,11205],{"class":3043,"line":3797},[3041,11196,11197],{"class":3062},"              VerticalAlignment",[3041,11199,3067],{"class":3066},[3041,11201,4351],{"class":3070},[3041,11203,11204],{"class":3066},"    \u003C!-- займає всю висоту рядка --",[3041,11206,3318],{"class":3054},[3041,11208,11209,11212],{"class":3043,"line":3803},[3041,11210,11211],{"class":3066},"              HorizontalAlignment=\"Stretch\"  ",[3041,11213,11214],{"class":3047},"\u003C!-- займає всю ширину -->\n",[3041,11216,11217],{"class":3043,"line":3831},[3041,11218,11219],{"class":3066},"              ResizeDirection=\"Rows\"/>\n",[3024,11221,11223],{"id":11222},"resizebehavior",[3012,11224,11225],{},"ResizeBehavior",[2959,11227,11228],{},"Визначає які сусідні рядки/колонки змінюються при перетягуванні:",[3611,11230,11231,11237,11243,11249],{},[3614,11232,11233,11236],{},[3012,11234,11235],{},"PreviousAndNext"," (за замовчуванням): змінює попередню та наступну",[3614,11238,11239,11242],{},[3012,11240,11241],{},"PreviousAndCurrent",": змінює попередню та поточну",[3614,11244,11245,11248],{},[3012,11246,11247],{},"CurrentAndNext",": змінює поточну та наступну",[3614,11250,11251,11254,11255],{},[3012,11252,11253],{},"BasedOnAlignment",": автоматично визначається по ",[3012,11256,4180],{},[3649,11258,11260],{"title":11259},"GridSplitter: Email-клієнт з трьома регульованими панелями",[3032,11261,11263],{"className":3034,"code":11262,"language":3036,"meta":3037,"style":3037},"\u003CGrid Height=\"360\" Margin=\"8\">\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"160\" MinWidth=\"80\"/>\n        \u003CColumnDefinition Width=\"4\"/>\n        \u003CColumnDefinition Width=\"200\" MinWidth=\"120\"/>\n        \u003CColumnDefinition Width=\"4\"/>\n        \u003CColumnDefinition Width=\"*\" MinWidth=\"100\"/>\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003C!-- Ліва панель: Папки -->\n    \u003CBorder Grid.Column=\"0\" Background=\"#1e293b\">\n        \u003CStackPanel Spacing=\"2\" Margin=\"8\">\n            \u003CTextBlock Text=\"📬 ПОШТА\" Foreground=\"#64748b\" FontSize=\"10\" FontWeight=\"Bold\" Margin=\"8,12,0,8\"/>\n            \u003CBorder Background=\"#2563eb\" CornerRadius=\"6\" Padding=\"10,6\">\n                \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"8\">\n                    \u003CTextBlock Text=\"📥\" Foreground=\"White\"/>\n                    \u003CTextBlock Text=\"Вхідні\" Foreground=\"White\" FontWeight=\"SemiBold\"/>\n                    \u003CBorder Background=\"#ef4444\" CornerRadius=\"10\" Padding=\"5,1\" HorizontalAlignment=\"Right\">\n                        \u003CTextBlock Text=\"12\" Foreground=\"White\" FontSize=\"10\"/>\n                    \u003C/Border>\n                \u003C/StackPanel>\n            \u003C/Border>\n            \u003CBorder Padding=\"10,6\" CornerRadius=\"6\">\n                \u003CTextBlock Text=\"📤 Надіслані\" Foreground=\"#94a3b8\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"10,6\" CornerRadius=\"6\">\n                \u003CTextBlock Text=\"⭐ Важливі\" Foreground=\"#94a3b8\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"10,6\" CornerRadius=\"6\">\n                \u003CTextBlock Text=\"📋 Чернетки\" Foreground=\"#94a3b8\"/>\n            \u003C/Border>\n            \u003CBorder Padding=\"10,6\" CornerRadius=\"6\">\n                \u003CTextBlock Text=\"🗑️ Кошик\" Foreground=\"#94a3b8\"/>\n            \u003C/Border>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003C!-- GridSplitter 1 -->\n    \u003CGridSplitter Grid.Column=\"1\" Width=\"4\" HorizontalAlignment=\"Stretch\"\n                  Background=\"#334155\" Cursor=\"SizeWE\"/>\n\n    \u003C!-- Середня панель: Список листів -->\n    \u003CBorder Grid.Column=\"2\" Background=\"#f8fafc\">\n        \u003CScrollViewer>\n            \u003CStackPanel Spacing=\"0\">\n                \u003CBorder Padding=\"12,10\" Background=\"#eff6ff\" BorderBrush=\"#e2e8f0\" BorderThickness=\"0,0,0,1\">\n                    \u003CStackPanel Spacing=\"2\">\n                        \u003CStackPanel Orientation=\"Horizontal\">\n                            \u003CTextBlock Text=\"Андрій Коваль\" FontWeight=\"Bold\" Foreground=\"#1e293b\" FontSize=\"12\"/>\n                            \u003CTextBlock Text=\" • 10:24\" Foreground=\"#94a3b8\" FontSize=\"11\" VerticalAlignment=\"Center\"/>\n                        \u003C/StackPanel>\n                        \u003CTextBlock Text=\"Звіт за Q1 2025\" FontSize=\"12\" Foreground=\"#374151\" FontWeight=\"SemiBold\"/>\n                        \u003CTextBlock Text=\"Привіт! Надсилаю звіт за перший квартал...\" FontSize=\"11\" Foreground=\"#64748b\" TextTrimming=\"CharacterEllipsis\"/>\n                    \u003C/StackPanel>\n                \u003C/Border>\n                \u003CBorder Padding=\"12,10\" BorderBrush=\"#e2e8f0\" BorderThickness=\"0,0,0,1\">\n                    \u003CStackPanel Spacing=\"2\">\n                        \u003CStackPanel Orientation=\"Horizontal\">\n                            \u003CTextBlock Text=\"GitHub\" Foreground=\"#374151\" FontSize=\"12\"/>\n                            \u003CTextBlock Text=\" • вчора\" Foreground=\"#94a3b8\" FontSize=\"11\" VerticalAlignment=\"Center\"/>\n                        \u003C/StackPanel>\n                        \u003CTextBlock Text=\"[PR] Add GridSplitter support\" FontSize=\"12\" Foreground=\"#374151\"/>\n                        \u003CTextBlock Text=\"A pull request was opened by...\" FontSize=\"11\" Foreground=\"#64748b\" TextTrimming=\"CharacterEllipsis\"/>\n                    \u003C/StackPanel>\n                \u003C/Border>\n                \u003CBorder Padding=\"12,10\" BorderBrush=\"#e2e8f0\" BorderThickness=\"0,0,0,1\">\n                    \u003CStackPanel Spacing=\"2\">\n                        \u003CStackPanel Orientation=\"Horizontal\">\n                            \u003CTextBlock Text=\"Команда Avalonia\" Foreground=\"#374151\" FontSize=\"12\"/>\n                            \u003CTextBlock Text=\" • пн\" Foreground=\"#94a3b8\" FontSize=\"11\" VerticalAlignment=\"Center\"/>\n                        \u003C/StackPanel>\n                        \u003CTextBlock Text=\"Release Notes 11.2.0\" FontSize=\"12\" Foreground=\"#374151\"/>\n                        \u003CTextBlock Text=\"Нова версія вийшла з підтримкою...\" FontSize=\"11\" Foreground=\"#64748b\" TextTrimming=\"CharacterEllipsis\"/>\n                    \u003C/StackPanel>\n                \u003C/Border>\n            \u003C/StackPanel>\n        \u003C/ScrollViewer>\n    \u003C/Border>\n\n    \u003C!-- GridSplitter 2 -->\n    \u003CGridSplitter Grid.Column=\"3\" Width=\"4\" HorizontalAlignment=\"Stretch\"\n                  Background=\"#e2e8f0\" Cursor=\"SizeWE\"/>\n\n    \u003C!-- Права панель: Вміст листа -->\n    \u003CBorder Grid.Column=\"4\" Background=\"White\">\n        \u003CStackPanel Margin=\"16\" Spacing=\"8\">\n            \u003CTextBlock Text=\"Звіт за Q1 2025\" FontSize=\"16\" FontWeight=\"Bold\" Foreground=\"#1e293b\"/>\n            \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"4\">\n                \u003CTextBlock Text=\"Від:\" Foreground=\"#94a3b8\" FontSize=\"12\"/>\n                \u003CTextBlock Text=\"Андрій Коваль <a.koval@company.ua>\" Foreground=\"#374151\" FontSize=\"12\"/>\n            \u003C/StackPanel>\n            \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"4\">\n                \u003CTextBlock Text=\"Кому:\" Foreground=\"#94a3b8\" FontSize=\"12\"/>\n                \u003CTextBlock Text=\"ivan@example.com\" Foreground=\"#374151\" FontSize=\"12\"/>\n            \u003C/StackPanel>\n            \u003CSeparator/>\n            \u003CTextBlock Text=\"Привіт Іване!\" Foreground=\"#374151\" FontSize=\"13\"/>\n            \u003CTextBlock Text=\"Надсилаю підготовлений звіт за перший квартал 2025 року. Загальний дохід зріс на 23% у порівнянні з Q1 2024.\" Foreground=\"#374151\" FontSize=\"13\" TextWrapping=\"Wrap\"/>\n            \u003CTextBlock Text=\"Звіт складається з наступних розділів: доходи, витрати, прогноз на Q2.\" Foreground=\"#374151\" FontSize=\"13\" TextWrapping=\"Wrap\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\u003C/Grid>\n",[3012,11264,11265,11286,11294,11315,11329,11350,11364,11384,11392,11396,11401,11421,11441,11481,11508,11528,11550,11577,11611,11638,11647,11656,11664,11684,11705,11713,11733,11753,11761,11781,11802,11810,11830,11850,11858,11866,11874,11878,11883,11907,11926,11930,11935,11955,11963,11977,12010,12024,12038,12072,12105,12114,12147,12182,12190,12198,12224,12238,12252,12279,12312,12320,12347,12380,12388,12396,12422,12436,12450,12478,12512,12521,12549,12583,12592,12601,12610,12619,12628,12633,12639,12664,12681,12686,12692,12713,12734,12767,12788,12816,12856,12865,12886,12914,12942,12951,12961,12989,13023,13057,13066,13075],{"__ignoreMap":3037},[3041,11266,11267,11269,11271,11273,11275,11278,11280,11282,11284],{"class":3043,"line":3044},[3041,11268,3055],{"class":3054},[3041,11270,3723],{"class":3058},[3041,11272,4224],{"class":3062},[3041,11274,3067],{"class":3066},[3041,11276,11277],{"class":3070},"\"360\"",[3041,11279,3063],{"class":3062},[3041,11281,3067],{"class":3066},[3041,11283,3071],{"class":3070},[3041,11285,3318],{"class":3054},[3041,11287,11288,11290,11292],{"class":3043,"line":3051},[3041,11289,3323],{"class":3054},[3041,11291,4272],{"class":3058},[3041,11293,3318],{"class":3054},[3041,11295,11296,11298,11300,11302,11304,11307,11309,11311,11313],{"class":3043,"line":3085},[3041,11297,3738],{"class":3054},[3041,11299,4281],{"class":3058},[3041,11301,4216],{"class":3062},[3041,11303,3067],{"class":3066},[3041,11305,11306],{"class":3070},"\"160\"",[3041,11308,5795],{"class":3062},[3041,11310,3067],{"class":3066},[3041,11312,5876],{"class":3070},[3041,11314,3082],{"class":3054},[3041,11316,11317,11319,11321,11323,11325,11327],{"class":3043,"line":3092},[3041,11318,3738],{"class":3054},[3041,11320,4281],{"class":3058},[3041,11322,4216],{"class":3062},[3041,11324,3067],{"class":3066},[3041,11326,4358],{"class":3070},[3041,11328,3082],{"class":3054},[3041,11330,11331,11333,11335,11337,11339,11341,11343,11345,11348],{"class":3043,"line":3098},[3041,11332,3738],{"class":3054},[3041,11334,4281],{"class":3058},[3041,11336,4216],{"class":3062},[3041,11338,3067],{"class":3066},[3041,11340,4229],{"class":3070},[3041,11342,5795],{"class":3062},[3041,11344,3067],{"class":3066},[3041,11346,11347],{"class":3070},"\"120\"",[3041,11349,3082],{"class":3054},[3041,11351,11352,11354,11356,11358,11360,11362],{"class":3043,"line":3121},[3041,11353,3738],{"class":3054},[3041,11355,4281],{"class":3058},[3041,11357,4216],{"class":3062},[3041,11359,3067],{"class":3066},[3041,11361,4358],{"class":3070},[3041,11363,3082],{"class":3054},[3041,11365,11366,11368,11370,11372,11374,11376,11378,11380,11382],{"class":3043,"line":3126},[3041,11367,3738],{"class":3054},[3041,11369,4281],{"class":3058},[3041,11371,4216],{"class":3062},[3041,11373,3067],{"class":3066},[3041,11375,6129],{"class":3070},[3041,11377,5795],{"class":3062},[3041,11379,3067],{"class":3066},[3041,11381,5800],{"class":3070},[3041,11383,3082],{"class":3054},[3041,11385,11386,11388,11390],{"class":3043,"line":3132},[3041,11387,3785],{"class":3054},[3041,11389,4272],{"class":3058},[3041,11391,3318],{"class":3054},[3041,11393,11394],{"class":3043,"line":3792},[3041,11395,3089],{"emptyLinePlaceholder":3088},[3041,11397,11398],{"class":3043,"line":3797},[3041,11399,11400],{"class":3047},"    \u003C!-- Ліва панель: Папки -->\n",[3041,11402,11403,11405,11407,11409,11411,11413,11415,11417,11419],{"class":3043,"line":3803},[3041,11404,3323],{"class":3054},[3041,11406,3566],{"class":3058},[3041,11408,4340],{"class":3062},[3041,11410,3067],{"class":3066},[3041,11412,3952],{"class":3070},[3041,11414,3726],{"class":3062},[3041,11416,3067],{"class":3066},[3041,11418,6089],{"class":3070},[3041,11420,3318],{"class":3054},[3041,11422,11423,11425,11427,11429,11431,11433,11435,11437,11439],{"class":3043,"line":3831},[3041,11424,3738],{"class":3054},[3041,11426,3315],{"class":3058},[3041,11428,3411],{"class":3062},[3041,11430,3067],{"class":3066},[3041,11432,3996],{"class":3070},[3041,11434,3063],{"class":3062},[3041,11436,3067],{"class":3066},[3041,11438,3071],{"class":3070},[3041,11440,3318],{"class":3054},[3041,11442,11443,11445,11447,11449,11451,11454,11456,11458,11460,11462,11464,11466,11468,11470,11472,11474,11476,11479],{"class":3043,"line":3847},[3041,11444,4011],{"class":3054},[3041,11446,3496],{"class":3058},[3041,11448,3552],{"class":3062},[3041,11450,3067],{"class":3066},[3041,11452,11453],{"class":3070},"\"📬 ПОШТА\"",[3041,11455,3709],{"class":3062},[3041,11457,3067],{"class":3066},[3041,11459,6288],{"class":3070},[3041,11461,4699],{"class":3062},[3041,11463,3067],{"class":3066},[3041,11465,4945],{"class":3070},[3041,11467,3701],{"class":3062},[3041,11469,3067],{"class":3066},[3041,11471,6082],{"class":3070},[3041,11473,3063],{"class":3062},[3041,11475,3067],{"class":3066},[3041,11477,11478],{"class":3070},"\"8,12,0,8\"",[3041,11480,3082],{"class":3054},[3041,11482,11483,11485,11487,11489,11491,11493,11495,11497,11499,11501,11503,11506],{"class":3043,"line":3868},[3041,11484,4011],{"class":3054},[3041,11486,3566],{"class":3058},[3041,11488,3726],{"class":3062},[3041,11490,3067],{"class":3066},[3041,11492,4899],{"class":3070},[3041,11494,3999],{"class":3062},[3041,11496,3067],{"class":3066},[3041,11498,10239],{"class":3070},[3041,11500,3521],{"class":3062},[3041,11502,3067],{"class":3066},[3041,11504,11505],{"class":3070},"\"10,6\"",[3041,11507,3318],{"class":3054},[3041,11509,11510,11512,11514,11516,11518,11520,11522,11524,11526],{"class":3043,"line":3886},[3041,11511,7465],{"class":3054},[3041,11513,3315],{"class":3058},[3041,11515,5850],{"class":3062},[3041,11517,3067],{"class":3066},[3041,11519,5855],{"class":3070},[3041,11521,3411],{"class":3062},[3041,11523,3067],{"class":3066},[3041,11525,3071],{"class":3070},[3041,11527,3318],{"class":3054},[3041,11529,11530,11533,11535,11537,11539,11542,11544,11546,11548],{"class":3043,"line":3895},[3041,11531,11532],{"class":3054},"                    \u003C",[3041,11534,3496],{"class":3058},[3041,11536,3552],{"class":3062},[3041,11538,3067],{"class":3066},[3041,11540,11541],{"class":3070},"\"📥\"",[3041,11543,3709],{"class":3062},[3041,11545,3067],{"class":3066},[3041,11547,3771],{"class":3070},[3041,11549,3082],{"class":3054},[3041,11551,11552,11554,11556,11558,11560,11563,11565,11567,11569,11571,11573,11575],{"class":3043,"line":3900},[3041,11553,11532],{"class":3054},[3041,11555,3496],{"class":3058},[3041,11557,3552],{"class":3062},[3041,11559,3067],{"class":3066},[3041,11561,11562],{"class":3070},"\"Вхідні\"",[3041,11564,3709],{"class":3062},[3041,11566,3067],{"class":3066},[3041,11568,3771],{"class":3070},[3041,11570,3701],{"class":3062},[3041,11572,3067],{"class":3066},[3041,11574,3706],{"class":3070},[3041,11576,3082],{"class":3054},[3041,11578,11579,11581,11583,11585,11587,11590,11592,11594,11596,11598,11600,11603,11605,11607,11609],{"class":3043,"line":3906},[3041,11580,11532],{"class":3054},[3041,11582,3566],{"class":3058},[3041,11584,3726],{"class":3062},[3041,11586,3067],{"class":3066},[3041,11588,11589],{"class":3070},"\"#ef4444\"",[3041,11591,3999],{"class":3062},[3041,11593,3067],{"class":3066},[3041,11595,4945],{"class":3070},[3041,11597,3521],{"class":3062},[3041,11599,3067],{"class":3066},[3041,11601,11602],{"class":3070},"\"5,1\"",[3041,11604,4391],{"class":3062},[3041,11606,3067],{"class":3066},[3041,11608,4509],{"class":3070},[3041,11610,3318],{"class":3054},[3041,11612,11613,11616,11618,11620,11622,11624,11626,11628,11630,11632,11634,11636],{"class":3043,"line":3934},[3041,11614,11615],{"class":3054},"                        \u003C",[3041,11617,3496],{"class":3058},[3041,11619,3552],{"class":3062},[3041,11621,3067],{"class":3066},[3041,11623,6040],{"class":3070},[3041,11625,3709],{"class":3062},[3041,11627,3067],{"class":3066},[3041,11629,3771],{"class":3070},[3041,11631,4699],{"class":3062},[3041,11633,3067],{"class":3066},[3041,11635,4945],{"class":3070},[3041,11637,3082],{"class":3054},[3041,11639,11640,11643,11645],{"class":3043,"line":3957},[3041,11641,11642],{"class":3054},"                    \u003C/",[3041,11644,3566],{"class":3058},[3041,11646,3318],{"class":3054},[3041,11648,11649,11652,11654],{"class":3043,"line":4008},[3041,11650,11651],{"class":3054},"                \u003C/",[3041,11653,3315],{"class":3058},[3041,11655,3318],{"class":3054},[3041,11657,11658,11660,11662],{"class":3043,"line":4023},[3041,11659,7487],{"class":3054},[3041,11661,3566],{"class":3058},[3041,11663,3318],{"class":3054},[3041,11665,11666,11668,11670,11672,11674,11676,11678,11680,11682],{"class":3043,"line":4043},[3041,11667,4011],{"class":3054},[3041,11669,3566],{"class":3058},[3041,11671,3521],{"class":3062},[3041,11673,3067],{"class":3066},[3041,11675,11505],{"class":3070},[3041,11677,3999],{"class":3062},[3041,11679,3067],{"class":3066},[3041,11681,10239],{"class":3070},[3041,11683,3318],{"class":3054},[3041,11685,11686,11688,11690,11692,11694,11696,11698,11700,11703],{"class":3043,"line":4053},[3041,11687,7465],{"class":3054},[3041,11689,3496],{"class":3058},[3041,11691,3552],{"class":3062},[3041,11693,3067],{"class":3066},[3041,11695,7598],{"class":3070},[3041,11697,3709],{"class":3062},[3041,11699,3067],{"class":3066},[3041,11701,11702],{"class":3070},"\"#94a3b8\"",[3041,11704,3082],{"class":3054},[3041,11706,11707,11709,11711],{"class":3043,"line":4062},[3041,11708,7487],{"class":3054},[3041,11710,3566],{"class":3058},[3041,11712,3318],{"class":3054},[3041,11714,11715,11717,11719,11721,11723,11725,11727,11729,11731],{"class":3043,"line":4067},[3041,11716,4011],{"class":3054},[3041,11718,3566],{"class":3058},[3041,11720,3521],{"class":3062},[3041,11722,3067],{"class":3066},[3041,11724,11505],{"class":3070},[3041,11726,3999],{"class":3062},[3041,11728,3067],{"class":3066},[3041,11730,10239],{"class":3070},[3041,11732,3318],{"class":3054},[3041,11734,11735,11737,11739,11741,11743,11745,11747,11749,11751],{"class":3043,"line":4073},[3041,11736,7465],{"class":3054},[3041,11738,3496],{"class":3058},[3041,11740,3552],{"class":3062},[3041,11742,3067],{"class":3066},[3041,11744,7653],{"class":3070},[3041,11746,3709],{"class":3062},[3041,11748,3067],{"class":3066},[3041,11750,11702],{"class":3070},[3041,11752,3082],{"class":3054},[3041,11754,11755,11757,11759],{"class":3043,"line":4101},[3041,11756,7487],{"class":3054},[3041,11758,3566],{"class":3058},[3041,11760,3318],{"class":3054},[3041,11762,11763,11765,11767,11769,11771,11773,11775,11777,11779],{"class":3043,"line":4115},[3041,11764,4011],{"class":3054},[3041,11766,3566],{"class":3058},[3041,11768,3521],{"class":3062},[3041,11770,3067],{"class":3066},[3041,11772,11505],{"class":3070},[3041,11774,3999],{"class":3062},[3041,11776,3067],{"class":3066},[3041,11778,10239],{"class":3070},[3041,11780,3318],{"class":3054},[3041,11782,11783,11785,11787,11789,11791,11794,11796,11798,11800],{"class":3043,"line":4140},[3041,11784,7465],{"class":3054},[3041,11786,3496],{"class":3058},[3041,11788,3552],{"class":3062},[3041,11790,3067],{"class":3066},[3041,11792,11793],{"class":3070},"\"📋 Чернетки\"",[3041,11795,3709],{"class":3062},[3041,11797,3067],{"class":3066},[3041,11799,11702],{"class":3070},[3041,11801,3082],{"class":3054},[3041,11803,11804,11806,11808],{"class":3043,"line":4153},[3041,11805,7487],{"class":3054},[3041,11807,3566],{"class":3058},[3041,11809,3318],{"class":3054},[3041,11811,11812,11814,11816,11818,11820,11822,11824,11826,11828],{"class":3043,"line":4158},[3041,11813,4011],{"class":3054},[3041,11815,3566],{"class":3058},[3041,11817,3521],{"class":3062},[3041,11819,3067],{"class":3066},[3041,11821,11505],{"class":3070},[3041,11823,3999],{"class":3062},[3041,11825,3067],{"class":3066},[3041,11827,10239],{"class":3070},[3041,11829,3318],{"class":3054},[3041,11831,11832,11834,11836,11838,11840,11842,11844,11846,11848],{"class":3043,"line":5234},[3041,11833,7465],{"class":3054},[3041,11835,3496],{"class":3058},[3041,11837,3552],{"class":3062},[3041,11839,3067],{"class":3066},[3041,11841,7708],{"class":3070},[3041,11843,3709],{"class":3062},[3041,11845,3067],{"class":3066},[3041,11847,11702],{"class":3070},[3041,11849,3082],{"class":3054},[3041,11851,11852,11854,11856],{"class":3043,"line":5239},[3041,11853,7487],{"class":3054},[3041,11855,3566],{"class":3058},[3041,11857,3318],{"class":3054},[3041,11859,11860,11862,11864],{"class":3043,"line":5245},[3041,11861,4046],{"class":3054},[3041,11863,3315],{"class":3058},[3041,11865,3318],{"class":3054},[3041,11867,11868,11870,11872],{"class":3043,"line":5279},[3041,11869,3785],{"class":3054},[3041,11871,3566],{"class":3058},[3041,11873,3318],{"class":3054},[3041,11875,11876],{"class":3043,"line":5319},[3041,11877,3089],{"emptyLinePlaceholder":3088},[3041,11879,11880],{"class":3043,"line":5328},[3041,11881,11882],{"class":3047},"    \u003C!-- GridSplitter 1 -->\n",[3041,11884,11885,11887,11889,11891,11893,11895,11897,11899,11901,11903,11905],{"class":3043,"line":5376},[3041,11886,3323],{"class":3054},[3041,11888,2999],{"class":3058},[3041,11890,4340],{"class":3062},[3041,11892,3067],{"class":3066},[3041,11894,4388],{"class":3070},[3041,11896,4216],{"class":3062},[3041,11898,3067],{"class":3066},[3041,11900,4358],{"class":3070},[3041,11902,4391],{"class":3062},[3041,11904,3067],{"class":3066},[3041,11906,11052],{"class":3070},[3041,11908,11909,11911,11913,11916,11919,11921,11924],{"class":3043,"line":5416},[3041,11910,7397],{"class":3062},[3041,11912,3067],{"class":3066},[3041,11914,11915],{"class":3070},"\"#334155\"",[3041,11917,11918],{"class":3062}," Cursor",[3041,11920,3067],{"class":3066},[3041,11922,11923],{"class":3070},"\"SizeWE\"",[3041,11925,3082],{"class":3054},[3041,11927,11928],{"class":3043,"line":5425},[3041,11929,3089],{"emptyLinePlaceholder":3088},[3041,11931,11932],{"class":3043,"line":5471},[3041,11933,11934],{"class":3047},"    \u003C!-- Середня панель: Список листів -->\n",[3041,11936,11937,11939,11941,11943,11945,11947,11949,11951,11953],{"class":3043,"line":5511},[3041,11938,3323],{"class":3054},[3041,11940,3566],{"class":3058},[3041,11942,4340],{"class":3062},[3041,11944,3067],{"class":3066},[3041,11946,3996],{"class":3070},[3041,11948,3726],{"class":3062},[3041,11950,3067],{"class":3066},[3041,11952,7402],{"class":3070},[3041,11954,3318],{"class":3054},[3041,11956,11957,11959,11961],{"class":3043,"line":5520},[3041,11958,3738],{"class":3054},[3041,11960,2991],{"class":3058},[3041,11962,3318],{"class":3054},[3041,11964,11965,11967,11969,11971,11973,11975],{"class":3043,"line":5567},[3041,11966,4011],{"class":3054},[3041,11968,3315],{"class":3058},[3041,11970,3411],{"class":3062},[3041,11972,3067],{"class":3066},[3041,11974,3952],{"class":3070},[3041,11976,3318],{"class":3054},[3041,11978,11979,11981,11983,11985,11987,11990,11992,11994,11996,11998,12000,12002,12004,12006,12008],{"class":3043,"line":5607},[3041,11980,7465],{"class":3054},[3041,11982,3566],{"class":3058},[3041,11984,3521],{"class":3062},[3041,11986,3067],{"class":3066},[3041,11988,11989],{"class":3070},"\"12,10\"",[3041,11991,3726],{"class":3062},[3041,11993,3067],{"class":3066},[3041,11995,7522],{"class":3070},[3041,11997,3983],{"class":3062},[3041,11999,3067],{"class":3066},[3041,12001,7409],{"class":3070},[3041,12003,3991],{"class":3062},[3041,12005,3067],{"class":3066},[3041,12007,7458],{"class":3070},[3041,12009,3318],{"class":3054},[3041,12011,12012,12014,12016,12018,12020,12022],{"class":3043,"line":5616},[3041,12013,11532],{"class":3054},[3041,12015,3315],{"class":3058},[3041,12017,3411],{"class":3062},[3041,12019,3067],{"class":3066},[3041,12021,3996],{"class":3070},[3041,12023,3318],{"class":3054},[3041,12025,12026,12028,12030,12032,12034,12036],{"class":3043,"line":7990},[3041,12027,11615],{"class":3054},[3041,12029,3315],{"class":3058},[3041,12031,5850],{"class":3062},[3041,12033,3067],{"class":3066},[3041,12035,5855],{"class":3070},[3041,12037,3318],{"class":3054},[3041,12039,12040,12043,12045,12047,12049,12052,12054,12056,12058,12060,12062,12064,12066,12068,12070],{"class":3043,"line":7999},[3041,12041,12042],{"class":3054},"                            \u003C",[3041,12044,3496],{"class":3058},[3041,12046,3552],{"class":3062},[3041,12048,3067],{"class":3066},[3041,12050,12051],{"class":3070},"\"Андрій Коваль\"",[3041,12053,3701],{"class":3062},[3041,12055,3067],{"class":3066},[3041,12057,6082],{"class":3070},[3041,12059,3709],{"class":3062},[3041,12061,3067],{"class":3066},[3041,12063,6089],{"class":3070},[3041,12065,4699],{"class":3062},[3041,12067,3067],{"class":3066},[3041,12069,6040],{"class":3070},[3041,12071,3082],{"class":3054},[3041,12073,12074,12076,12078,12080,12082,12085,12087,12089,12091,12093,12095,12097,12099,12101,12103],{"class":3043,"line":8008},[3041,12075,12042],{"class":3054},[3041,12077,3496],{"class":3058},[3041,12079,3552],{"class":3062},[3041,12081,3067],{"class":3066},[3041,12083,12084],{"class":3070},"\" • 10:24\"",[3041,12086,3709],{"class":3062},[3041,12088,3067],{"class":3066},[3041,12090,11702],{"class":3070},[3041,12092,4699],{"class":3062},[3041,12094,3067],{"class":3066},[3041,12096,4704],{"class":3070},[3041,12098,4692],{"class":3062},[3041,12100,3067],{"class":3066},[3041,12102,4457],{"class":3070},[3041,12104,3082],{"class":3054},[3041,12106,12107,12110,12112],{"class":3043,"line":8013},[3041,12108,12109],{"class":3054},"                        \u003C/",[3041,12111,3315],{"class":3058},[3041,12113,3318],{"class":3054},[3041,12115,12116,12118,12120,12122,12124,12127,12129,12131,12133,12135,12137,12139,12141,12143,12145],{"class":3043,"line":8019},[3041,12117,11615],{"class":3054},[3041,12119,3496],{"class":3058},[3041,12121,3552],{"class":3062},[3041,12123,3067],{"class":3066},[3041,12125,12126],{"class":3070},"\"Звіт за Q1 2025\"",[3041,12128,4699],{"class":3062},[3041,12130,3067],{"class":3066},[3041,12132,6040],{"class":3070},[3041,12134,3709],{"class":3062},[3041,12136,3067],{"class":3066},[3041,12138,3714],{"class":3070},[3041,12140,3701],{"class":3062},[3041,12142,3067],{"class":3066},[3041,12144,3706],{"class":3070},[3041,12146,3082],{"class":3054},[3041,12148,12149,12151,12153,12155,12157,12160,12162,12164,12166,12168,12170,12172,12175,12177,12180],{"class":3043,"line":8045},[3041,12150,11615],{"class":3054},[3041,12152,3496],{"class":3058},[3041,12154,3552],{"class":3062},[3041,12156,3067],{"class":3066},[3041,12158,12159],{"class":3070},"\"Привіт! Надсилаю звіт за перший квартал...\"",[3041,12161,4699],{"class":3062},[3041,12163,3067],{"class":3066},[3041,12165,4704],{"class":3070},[3041,12167,3709],{"class":3062},[3041,12169,3067],{"class":3066},[3041,12171,6288],{"class":3070},[3041,12173,12174],{"class":3062}," TextTrimming",[3041,12176,3067],{"class":3066},[3041,12178,12179],{"class":3070},"\"CharacterEllipsis\"",[3041,12181,3082],{"class":3054},[3041,12183,12184,12186,12188],{"class":3043,"line":8068},[3041,12185,11642],{"class":3054},[3041,12187,3315],{"class":3058},[3041,12189,3318],{"class":3054},[3041,12191,12192,12194,12196],{"class":3043,"line":8094},[3041,12193,11651],{"class":3054},[3041,12195,3566],{"class":3058},[3041,12197,3318],{"class":3054},[3041,12199,12200,12202,12204,12206,12208,12210,12212,12214,12216,12218,12220,12222],{"class":3043,"line":8117},[3041,12201,7465],{"class":3054},[3041,12203,3566],{"class":3058},[3041,12205,3521],{"class":3062},[3041,12207,3067],{"class":3066},[3041,12209,11989],{"class":3070},[3041,12211,3983],{"class":3062},[3041,12213,3067],{"class":3066},[3041,12215,7409],{"class":3070},[3041,12217,3991],{"class":3062},[3041,12219,3067],{"class":3066},[3041,12221,7458],{"class":3070},[3041,12223,3318],{"class":3054},[3041,12225,12226,12228,12230,12232,12234,12236],{"class":3043,"line":8132},[3041,12227,11532],{"class":3054},[3041,12229,3315],{"class":3058},[3041,12231,3411],{"class":3062},[3041,12233,3067],{"class":3066},[3041,12235,3996],{"class":3070},[3041,12237,3318],{"class":3054},[3041,12239,12240,12242,12244,12246,12248,12250],{"class":3043,"line":8159},[3041,12241,11615],{"class":3054},[3041,12243,3315],{"class":3058},[3041,12245,5850],{"class":3062},[3041,12247,3067],{"class":3066},[3041,12249,5855],{"class":3070},[3041,12251,3318],{"class":3054},[3041,12253,12254,12256,12258,12260,12262,12265,12267,12269,12271,12273,12275,12277],{"class":3043,"line":8181},[3041,12255,12042],{"class":3054},[3041,12257,3496],{"class":3058},[3041,12259,3552],{"class":3062},[3041,12261,3067],{"class":3066},[3041,12263,12264],{"class":3070},"\"GitHub\"",[3041,12266,3709],{"class":3062},[3041,12268,3067],{"class":3066},[3041,12270,3714],{"class":3070},[3041,12272,4699],{"class":3062},[3041,12274,3067],{"class":3066},[3041,12276,6040],{"class":3070},[3041,12278,3082],{"class":3054},[3041,12280,12281,12283,12285,12287,12289,12292,12294,12296,12298,12300,12302,12304,12306,12308,12310],{"class":3043,"line":8190},[3041,12282,12042],{"class":3054},[3041,12284,3496],{"class":3058},[3041,12286,3552],{"class":3062},[3041,12288,3067],{"class":3066},[3041,12290,12291],{"class":3070},"\" • вчора\"",[3041,12293,3709],{"class":3062},[3041,12295,3067],{"class":3066},[3041,12297,11702],{"class":3070},[3041,12299,4699],{"class":3062},[3041,12301,3067],{"class":3066},[3041,12303,4704],{"class":3070},[3041,12305,4692],{"class":3062},[3041,12307,3067],{"class":3066},[3041,12309,4457],{"class":3070},[3041,12311,3082],{"class":3054},[3041,12313,12314,12316,12318],{"class":3043,"line":8217},[3041,12315,12109],{"class":3054},[3041,12317,3315],{"class":3058},[3041,12319,3318],{"class":3054},[3041,12321,12322,12324,12326,12328,12330,12333,12335,12337,12339,12341,12343,12345],{"class":3043,"line":8239},[3041,12323,11615],{"class":3054},[3041,12325,3496],{"class":3058},[3041,12327,3552],{"class":3062},[3041,12329,3067],{"class":3066},[3041,12331,12332],{"class":3070},"\"[PR] Add GridSplitter support\"",[3041,12334,4699],{"class":3062},[3041,12336,3067],{"class":3066},[3041,12338,6040],{"class":3070},[3041,12340,3709],{"class":3062},[3041,12342,3067],{"class":3066},[3041,12344,3714],{"class":3070},[3041,12346,3082],{"class":3054},[3041,12348,12349,12351,12353,12355,12357,12360,12362,12364,12366,12368,12370,12372,12374,12376,12378],{"class":3043,"line":8248},[3041,12350,11615],{"class":3054},[3041,12352,3496],{"class":3058},[3041,12354,3552],{"class":3062},[3041,12356,3067],{"class":3066},[3041,12358,12359],{"class":3070},"\"A pull request was opened by...\"",[3041,12361,4699],{"class":3062},[3041,12363,3067],{"class":3066},[3041,12365,4704],{"class":3070},[3041,12367,3709],{"class":3062},[3041,12369,3067],{"class":3066},[3041,12371,6288],{"class":3070},[3041,12373,12174],{"class":3062},[3041,12375,3067],{"class":3066},[3041,12377,12179],{"class":3070},[3041,12379,3082],{"class":3054},[3041,12381,12382,12384,12386],{"class":3043,"line":8275},[3041,12383,11642],{"class":3054},[3041,12385,3315],{"class":3058},[3041,12387,3318],{"class":3054},[3041,12389,12390,12392,12394],{"class":3043,"line":8297},[3041,12391,11651],{"class":3054},[3041,12393,3566],{"class":3058},[3041,12395,3318],{"class":3054},[3041,12397,12398,12400,12402,12404,12406,12408,12410,12412,12414,12416,12418,12420],{"class":3043,"line":8306},[3041,12399,7465],{"class":3054},[3041,12401,3566],{"class":3058},[3041,12403,3521],{"class":3062},[3041,12405,3067],{"class":3066},[3041,12407,11989],{"class":3070},[3041,12409,3983],{"class":3062},[3041,12411,3067],{"class":3066},[3041,12413,7409],{"class":3070},[3041,12415,3991],{"class":3062},[3041,12417,3067],{"class":3066},[3041,12419,7458],{"class":3070},[3041,12421,3318],{"class":3054},[3041,12423,12424,12426,12428,12430,12432,12434],{"class":3043,"line":8315},[3041,12425,11532],{"class":3054},[3041,12427,3315],{"class":3058},[3041,12429,3411],{"class":3062},[3041,12431,3067],{"class":3066},[3041,12433,3996],{"class":3070},[3041,12435,3318],{"class":3054},[3041,12437,12438,12440,12442,12444,12446,12448],{"class":3043,"line":8324},[3041,12439,11615],{"class":3054},[3041,12441,3315],{"class":3058},[3041,12443,5850],{"class":3062},[3041,12445,3067],{"class":3066},[3041,12447,5855],{"class":3070},[3041,12449,3318],{"class":3054},[3041,12451,12453,12455,12457,12459,12461,12464,12466,12468,12470,12472,12474,12476],{"class":3043,"line":12452},69,[3041,12454,12042],{"class":3054},[3041,12456,3496],{"class":3058},[3041,12458,3552],{"class":3062},[3041,12460,3067],{"class":3066},[3041,12462,12463],{"class":3070},"\"Команда Avalonia\"",[3041,12465,3709],{"class":3062},[3041,12467,3067],{"class":3066},[3041,12469,3714],{"class":3070},[3041,12471,4699],{"class":3062},[3041,12473,3067],{"class":3066},[3041,12475,6040],{"class":3070},[3041,12477,3082],{"class":3054},[3041,12479,12481,12483,12485,12487,12489,12492,12494,12496,12498,12500,12502,12504,12506,12508,12510],{"class":3043,"line":12480},70,[3041,12482,12042],{"class":3054},[3041,12484,3496],{"class":3058},[3041,12486,3552],{"class":3062},[3041,12488,3067],{"class":3066},[3041,12490,12491],{"class":3070},"\" • пн\"",[3041,12493,3709],{"class":3062},[3041,12495,3067],{"class":3066},[3041,12497,11702],{"class":3070},[3041,12499,4699],{"class":3062},[3041,12501,3067],{"class":3066},[3041,12503,4704],{"class":3070},[3041,12505,4692],{"class":3062},[3041,12507,3067],{"class":3066},[3041,12509,4457],{"class":3070},[3041,12511,3082],{"class":3054},[3041,12513,12515,12517,12519],{"class":3043,"line":12514},71,[3041,12516,12109],{"class":3054},[3041,12518,3315],{"class":3058},[3041,12520,3318],{"class":3054},[3041,12522,12524,12526,12528,12530,12532,12535,12537,12539,12541,12543,12545,12547],{"class":3043,"line":12523},72,[3041,12525,11615],{"class":3054},[3041,12527,3496],{"class":3058},[3041,12529,3552],{"class":3062},[3041,12531,3067],{"class":3066},[3041,12533,12534],{"class":3070},"\"Release Notes 11.2.0\"",[3041,12536,4699],{"class":3062},[3041,12538,3067],{"class":3066},[3041,12540,6040],{"class":3070},[3041,12542,3709],{"class":3062},[3041,12544,3067],{"class":3066},[3041,12546,3714],{"class":3070},[3041,12548,3082],{"class":3054},[3041,12550,12552,12554,12556,12558,12560,12563,12565,12567,12569,12571,12573,12575,12577,12579,12581],{"class":3043,"line":12551},73,[3041,12553,11615],{"class":3054},[3041,12555,3496],{"class":3058},[3041,12557,3552],{"class":3062},[3041,12559,3067],{"class":3066},[3041,12561,12562],{"class":3070},"\"Нова версія вийшла з підтримкою...\"",[3041,12564,4699],{"class":3062},[3041,12566,3067],{"class":3066},[3041,12568,4704],{"class":3070},[3041,12570,3709],{"class":3062},[3041,12572,3067],{"class":3066},[3041,12574,6288],{"class":3070},[3041,12576,12174],{"class":3062},[3041,12578,3067],{"class":3066},[3041,12580,12179],{"class":3070},[3041,12582,3082],{"class":3054},[3041,12584,12586,12588,12590],{"class":3043,"line":12585},74,[3041,12587,11642],{"class":3054},[3041,12589,3315],{"class":3058},[3041,12591,3318],{"class":3054},[3041,12593,12595,12597,12599],{"class":3043,"line":12594},75,[3041,12596,11651],{"class":3054},[3041,12598,3566],{"class":3058},[3041,12600,3318],{"class":3054},[3041,12602,12604,12606,12608],{"class":3043,"line":12603},76,[3041,12605,7487],{"class":3054},[3041,12607,3315],{"class":3058},[3041,12609,3318],{"class":3054},[3041,12611,12613,12615,12617],{"class":3043,"line":12612},77,[3041,12614,4046],{"class":3054},[3041,12616,2991],{"class":3058},[3041,12618,3318],{"class":3054},[3041,12620,12622,12624,12626],{"class":3043,"line":12621},78,[3041,12623,3785],{"class":3054},[3041,12625,3566],{"class":3058},[3041,12627,3318],{"class":3054},[3041,12629,12631],{"class":3043,"line":12630},79,[3041,12632,3089],{"emptyLinePlaceholder":3088},[3041,12634,12636],{"class":3043,"line":12635},80,[3041,12637,12638],{"class":3047},"    \u003C!-- GridSplitter 2 -->\n",[3041,12640,12642,12644,12646,12648,12650,12652,12654,12656,12658,12660,12662],{"class":3043,"line":12641},81,[3041,12643,3323],{"class":3054},[3041,12645,2999],{"class":3058},[3041,12647,4340],{"class":3062},[3041,12649,3067],{"class":3066},[3041,12651,4493],{"class":3070},[3041,12653,4216],{"class":3062},[3041,12655,3067],{"class":3066},[3041,12657,4358],{"class":3070},[3041,12659,4391],{"class":3062},[3041,12661,3067],{"class":3066},[3041,12663,11052],{"class":3070},[3041,12665,12667,12669,12671,12673,12675,12677,12679],{"class":3043,"line":12666},82,[3041,12668,7397],{"class":3062},[3041,12670,3067],{"class":3066},[3041,12672,7409],{"class":3070},[3041,12674,11918],{"class":3062},[3041,12676,3067],{"class":3066},[3041,12678,11923],{"class":3070},[3041,12680,3082],{"class":3054},[3041,12682,12684],{"class":3043,"line":12683},83,[3041,12685,3089],{"emptyLinePlaceholder":3088},[3041,12687,12689],{"class":3043,"line":12688},84,[3041,12690,12691],{"class":3047},"    \u003C!-- Права панель: Вміст листа -->\n",[3041,12693,12695,12697,12699,12701,12703,12705,12707,12709,12711],{"class":3043,"line":12694},85,[3041,12696,3323],{"class":3054},[3041,12698,3566],{"class":3058},[3041,12700,4340],{"class":3062},[3041,12702,3067],{"class":3066},[3041,12704,4358],{"class":3070},[3041,12706,3726],{"class":3062},[3041,12708,3067],{"class":3066},[3041,12710,3771],{"class":3070},[3041,12712,3318],{"class":3054},[3041,12714,12716,12718,12720,12722,12724,12726,12728,12730,12732],{"class":3043,"line":12715},86,[3041,12717,3738],{"class":3054},[3041,12719,3315],{"class":3058},[3041,12721,3063],{"class":3062},[3041,12723,3067],{"class":3066},[3041,12725,3422],{"class":3070},[3041,12727,3411],{"class":3062},[3041,12729,3067],{"class":3066},[3041,12731,3071],{"class":3070},[3041,12733,3318],{"class":3054},[3041,12735,12737,12739,12741,12743,12745,12747,12749,12751,12753,12755,12757,12759,12761,12763,12765],{"class":3043,"line":12736},87,[3041,12738,4011],{"class":3054},[3041,12740,3496],{"class":3058},[3041,12742,3552],{"class":3062},[3041,12744,3067],{"class":3066},[3041,12746,12126],{"class":3070},[3041,12748,4699],{"class":3062},[3041,12750,3067],{"class":3066},[3041,12752,3422],{"class":3070},[3041,12754,3701],{"class":3062},[3041,12756,3067],{"class":3066},[3041,12758,6082],{"class":3070},[3041,12760,3709],{"class":3062},[3041,12762,3067],{"class":3066},[3041,12764,6089],{"class":3070},[3041,12766,3082],{"class":3054},[3041,12768,12770,12772,12774,12776,12778,12780,12782,12784,12786],{"class":3043,"line":12769},88,[3041,12771,4011],{"class":3054},[3041,12773,3315],{"class":3058},[3041,12775,5850],{"class":3062},[3041,12777,3067],{"class":3066},[3041,12779,5855],{"class":3070},[3041,12781,3411],{"class":3062},[3041,12783,3067],{"class":3066},[3041,12785,4358],{"class":3070},[3041,12787,3318],{"class":3054},[3041,12789,12791,12793,12795,12797,12799,12802,12804,12806,12808,12810,12812,12814],{"class":3043,"line":12790},89,[3041,12792,7465],{"class":3054},[3041,12794,3496],{"class":3058},[3041,12796,3552],{"class":3062},[3041,12798,3067],{"class":3066},[3041,12800,12801],{"class":3070},"\"Від:\"",[3041,12803,3709],{"class":3062},[3041,12805,3067],{"class":3066},[3041,12807,11702],{"class":3070},[3041,12809,4699],{"class":3062},[3041,12811,3067],{"class":3066},[3041,12813,6040],{"class":3070},[3041,12815,3082],{"class":3054},[3041,12817,12819,12821,12823,12825,12827,12830,12833,12836,12839,12842,12844,12846,12848,12850,12852,12854],{"class":3043,"line":12818},90,[3041,12820,7465],{"class":3054},[3041,12822,3496],{"class":3058},[3041,12824,3552],{"class":3062},[3041,12826,3067],{"class":3066},[3041,12828,12829],{"class":3070},"\"Андрій Коваль ",[3041,12831,12832],{"class":3199},"<",[3041,12834,12835],{"class":3070},"a.koval@company.ua",[3041,12837,12838],{"class":3199},">",[3041,12840,12841],{"class":3070},"\"",[3041,12843,3709],{"class":3062},[3041,12845,3067],{"class":3066},[3041,12847,3714],{"class":3070},[3041,12849,4699],{"class":3062},[3041,12851,3067],{"class":3066},[3041,12853,6040],{"class":3070},[3041,12855,3082],{"class":3054},[3041,12857,12859,12861,12863],{"class":3043,"line":12858},91,[3041,12860,7487],{"class":3054},[3041,12862,3315],{"class":3058},[3041,12864,3318],{"class":3054},[3041,12866,12868,12870,12872,12874,12876,12878,12880,12882,12884],{"class":3043,"line":12867},92,[3041,12869,4011],{"class":3054},[3041,12871,3315],{"class":3058},[3041,12873,5850],{"class":3062},[3041,12875,3067],{"class":3066},[3041,12877,5855],{"class":3070},[3041,12879,3411],{"class":3062},[3041,12881,3067],{"class":3066},[3041,12883,4358],{"class":3070},[3041,12885,3318],{"class":3054},[3041,12887,12889,12891,12893,12895,12897,12900,12902,12904,12906,12908,12910,12912],{"class":3043,"line":12888},93,[3041,12890,7465],{"class":3054},[3041,12892,3496],{"class":3058},[3041,12894,3552],{"class":3062},[3041,12896,3067],{"class":3066},[3041,12898,12899],{"class":3070},"\"Кому:\"",[3041,12901,3709],{"class":3062},[3041,12903,3067],{"class":3066},[3041,12905,11702],{"class":3070},[3041,12907,4699],{"class":3062},[3041,12909,3067],{"class":3066},[3041,12911,6040],{"class":3070},[3041,12913,3082],{"class":3054},[3041,12915,12917,12919,12921,12923,12925,12928,12930,12932,12934,12936,12938,12940],{"class":3043,"line":12916},94,[3041,12918,7465],{"class":3054},[3041,12920,3496],{"class":3058},[3041,12922,3552],{"class":3062},[3041,12924,3067],{"class":3066},[3041,12926,12927],{"class":3070},"\"ivan@example.com\"",[3041,12929,3709],{"class":3062},[3041,12931,3067],{"class":3066},[3041,12933,3714],{"class":3070},[3041,12935,4699],{"class":3062},[3041,12937,3067],{"class":3066},[3041,12939,6040],{"class":3070},[3041,12941,3082],{"class":3054},[3041,12943,12945,12947,12949],{"class":3043,"line":12944},95,[3041,12946,7487],{"class":3054},[3041,12948,3315],{"class":3058},[3041,12950,3318],{"class":3054},[3041,12952,12954,12956,12959],{"class":3043,"line":12953},96,[3041,12955,4011],{"class":3054},[3041,12957,12958],{"class":3058},"Separator",[3041,12960,3082],{"class":3054},[3041,12962,12964,12966,12968,12970,12972,12975,12977,12979,12981,12983,12985,12987],{"class":3043,"line":12963},97,[3041,12965,4011],{"class":3054},[3041,12967,3496],{"class":3058},[3041,12969,3552],{"class":3062},[3041,12971,3067],{"class":3066},[3041,12973,12974],{"class":3070},"\"Привіт Іване!\"",[3041,12976,3709],{"class":3062},[3041,12978,3067],{"class":3066},[3041,12980,3714],{"class":3070},[3041,12982,4699],{"class":3062},[3041,12984,3067],{"class":3066},[3041,12986,6295],{"class":3070},[3041,12988,3082],{"class":3054},[3041,12990,12992,12994,12996,12998,13000,13003,13005,13007,13009,13011,13013,13015,13017,13019,13021],{"class":3043,"line":12991},98,[3041,12993,4011],{"class":3054},[3041,12995,3496],{"class":3058},[3041,12997,3552],{"class":3062},[3041,12999,3067],{"class":3066},[3041,13001,13002],{"class":3070},"\"Надсилаю підготовлений звіт за перший квартал 2025 року. Загальний дохід зріс на 23% у порівнянні з Q1 2024.\"",[3041,13004,3709],{"class":3062},[3041,13006,3067],{"class":3066},[3041,13008,3714],{"class":3070},[3041,13010,4699],{"class":3062},[3041,13012,3067],{"class":3066},[3041,13014,6295],{"class":3070},[3041,13016,9760],{"class":3062},[3041,13018,3067],{"class":3066},[3041,13020,4031],{"class":3070},[3041,13022,3082],{"class":3054},[3041,13024,13026,13028,13030,13032,13034,13037,13039,13041,13043,13045,13047,13049,13051,13053,13055],{"class":3043,"line":13025},99,[3041,13027,4011],{"class":3054},[3041,13029,3496],{"class":3058},[3041,13031,3552],{"class":3062},[3041,13033,3067],{"class":3066},[3041,13035,13036],{"class":3070},"\"Звіт складається з наступних розділів: доходи, витрати, прогноз на Q2.\"",[3041,13038,3709],{"class":3062},[3041,13040,3067],{"class":3066},[3041,13042,3714],{"class":3070},[3041,13044,4699],{"class":3062},[3041,13046,3067],{"class":3066},[3041,13048,6295],{"class":3070},[3041,13050,9760],{"class":3062},[3041,13052,3067],{"class":3066},[3041,13054,4031],{"class":3070},[3041,13056,3082],{"class":3054},[3041,13058,13060,13062,13064],{"class":3043,"line":13059},100,[3041,13061,4046],{"class":3054},[3041,13063,3315],{"class":3058},[3041,13065,3318],{"class":3054},[3041,13067,13069,13071,13073],{"class":3043,"line":13068},101,[3041,13070,3785],{"class":3054},[3041,13072,3566],{"class":3058},[3041,13074,3318],{"class":3054},[3041,13076,13078,13080,13082],{"class":3043,"line":13077},102,[3041,13079,3378],{"class":3054},[3041,13081,3723],{"class":3058},[3041,13083,3318],{"class":3054},[3002,13085],{},[3005,13087,13089],{"id":13088},"вкладання-панелей-комплексний-layout","Вкладання панелей: комплексний layout",[2959,13091,13092],{},"Реальні інтерфейси завжди є комбінацією панелей. Ключове правило:",[13094,13095,13096],"blockquote",{},[2959,13097,13098],{},[2969,13099,13100],{},"Grid — основний каркас, StackPanel/WrapPanel — для простих списків всередині комірок.",[3032,13102,13104],{"className":3034,"code":13103,"language":3036,"meta":3037,"style":3037},"\u003C!-- Типова архітектура: DockPanel → Grid → StackPanel -->\n\u003CDockPanel>\n    \u003C!-- Зовнішній рівень: DockPanel для Shell Layout -->\n    \u003CMenu DockPanel.Dock=\"Top\"/>\n    \u003CStatusBar DockPanel.Dock=\"Bottom\"/>\n\n    \u003C!-- Середній рівень: Grid для основного layout -->\n    \u003CGrid>\n        \u003CGrid.ColumnDefinitions>\n            \u003CColumnDefinition Width=\"250\"/>\n            \u003CColumnDefinition Width=\"4\"/>\n            \u003CColumnDefinition Width=\"*\"/>\n        \u003C/Grid.ColumnDefinitions>\n\n        \u003C!-- Ліва панель: StackPanel для навігації -->\n        \u003CScrollViewer Grid.Column=\"0\">\n            \u003CStackPanel Spacing=\"4\" Margin=\"8\">\n                \u003CButton Content=\"Пункт 1\"/>\n                \u003CButton Content=\"Пункт 2\"/>\n                \u003C!-- ... -->\n            \u003C/StackPanel>\n        \u003C/ScrollViewer>\n\n        \u003CGridSplitter Grid.Column=\"1\" Width=\"4\" HorizontalAlignment=\"Stretch\"/>\n\n        \u003C!-- Права панель: Grid для форми -->\n        \u003CScrollViewer Grid.Column=\"2\">\n            \u003CGrid Margin=\"16\">\n                \u003CGrid.RowDefinitions>\n                    \u003CRowDefinition Height=\"Auto\"/>\n                    \u003CRowDefinition Height=\"Auto\"/>\n                    \u003C!-- ... -->\n                \u003C/Grid.RowDefinitions>\n                \u003C!-- Поля форми -->\n            \u003C/Grid>\n        \u003C/ScrollViewer>\n    \u003C/Grid>\n\u003C/DockPanel>\n",[3012,13105,13106,13111,13120,13125,13141,13156,13160,13165,13173,13181,13196,13210,13224,13232,13236,13241,13255,13275,13290,13305,13310,13318,13326,13330,13356,13360,13365,13379,13393,13401,13415,13429,13434,13442,13447,13455,13463,13471],{"__ignoreMap":3037},[3041,13107,13108],{"class":3043,"line":3044},[3041,13109,13110],{"class":3047},"\u003C!-- Типова архітектура: DockPanel → Grid → StackPanel -->\n",[3041,13112,13113,13115,13118],{"class":3043,"line":3051},[3041,13114,3055],{"class":3054},[3041,13116,13117],{"class":3058},"DockPanel",[3041,13119,3318],{"class":3054},[3041,13121,13122],{"class":3043,"line":3085},[3041,13123,13124],{"class":3047},"    \u003C!-- Зовнішній рівень: DockPanel для Shell Layout -->\n",[3041,13126,13127,13129,13132,13135,13137,13139],{"class":3043,"line":3092},[3041,13128,3323],{"class":3054},[3041,13130,13131],{"class":3058},"Menu",[3041,13133,13134],{"class":3062}," DockPanel.Dock",[3041,13136,3067],{"class":3066},[3041,13138,5364],{"class":3070},[3041,13140,3082],{"class":3054},[3041,13142,13143,13145,13148,13150,13152,13154],{"class":3043,"line":3098},[3041,13144,3323],{"class":3054},[3041,13146,13147],{"class":3058},"StatusBar",[3041,13149,13134],{"class":3062},[3041,13151,3067],{"class":3066},[3041,13153,5556],{"class":3070},[3041,13155,3082],{"class":3054},[3041,13157,13158],{"class":3043,"line":3121},[3041,13159,3089],{"emptyLinePlaceholder":3088},[3041,13161,13162],{"class":3043,"line":3126},[3041,13163,13164],{"class":3047},"    \u003C!-- Середній рівень: Grid для основного layout -->\n",[3041,13166,13167,13169,13171],{"class":3043,"line":3132},[3041,13168,3323],{"class":3054},[3041,13170,3723],{"class":3058},[3041,13172,3318],{"class":3054},[3041,13174,13175,13177,13179],{"class":3043,"line":3792},[3041,13176,3738],{"class":3054},[3041,13178,4272],{"class":3058},[3041,13180,3318],{"class":3054},[3041,13182,13183,13185,13187,13189,13191,13194],{"class":3043,"line":3797},[3041,13184,4011],{"class":3054},[3041,13186,4281],{"class":3058},[3041,13188,4216],{"class":3062},[3041,13190,3067],{"class":3066},[3041,13192,13193],{"class":3070},"\"250\"",[3041,13195,3082],{"class":3054},[3041,13197,13198,13200,13202,13204,13206,13208],{"class":3043,"line":3803},[3041,13199,4011],{"class":3054},[3041,13201,4281],{"class":3058},[3041,13203,4216],{"class":3062},[3041,13205,3067],{"class":3066},[3041,13207,4358],{"class":3070},[3041,13209,3082],{"class":3054},[3041,13211,13212,13214,13216,13218,13220,13222],{"class":3043,"line":3831},[3041,13213,4011],{"class":3054},[3041,13215,4281],{"class":3058},[3041,13217,4216],{"class":3062},[3041,13219,3067],{"class":3066},[3041,13221,6129],{"class":3070},[3041,13223,3082],{"class":3054},[3041,13225,13226,13228,13230],{"class":3043,"line":3847},[3041,13227,4046],{"class":3054},[3041,13229,4272],{"class":3058},[3041,13231,3318],{"class":3054},[3041,13233,13234],{"class":3043,"line":3868},[3041,13235,3089],{"emptyLinePlaceholder":3088},[3041,13237,13238],{"class":3043,"line":3886},[3041,13239,13240],{"class":3047},"        \u003C!-- Ліва панель: StackPanel для навігації -->\n",[3041,13242,13243,13245,13247,13249,13251,13253],{"class":3043,"line":3895},[3041,13244,3738],{"class":3054},[3041,13246,2991],{"class":3058},[3041,13248,4340],{"class":3062},[3041,13250,3067],{"class":3066},[3041,13252,3952],{"class":3070},[3041,13254,3318],{"class":3054},[3041,13256,13257,13259,13261,13263,13265,13267,13269,13271,13273],{"class":3043,"line":3900},[3041,13258,4011],{"class":3054},[3041,13260,3315],{"class":3058},[3041,13262,3411],{"class":3062},[3041,13264,3067],{"class":3066},[3041,13266,4358],{"class":3070},[3041,13268,3063],{"class":3062},[3041,13270,3067],{"class":3066},[3041,13272,3071],{"class":3070},[3041,13274,3318],{"class":3054},[3041,13276,13277,13279,13281,13283,13285,13288],{"class":3043,"line":3906},[3041,13278,7465],{"class":3054},[3041,13280,3059],{"class":3058},[3041,13282,3074],{"class":3062},[3041,13284,3067],{"class":3066},[3041,13286,13287],{"class":3070},"\"Пункт 1\"",[3041,13289,3082],{"class":3054},[3041,13291,13292,13294,13296,13298,13300,13303],{"class":3043,"line":3934},[3041,13293,7465],{"class":3054},[3041,13295,3059],{"class":3058},[3041,13297,3074],{"class":3062},[3041,13299,3067],{"class":3066},[3041,13301,13302],{"class":3070},"\"Пункт 2\"",[3041,13304,3082],{"class":3054},[3041,13306,13307],{"class":3043,"line":3957},[3041,13308,13309],{"class":3047},"                \u003C!-- ... -->\n",[3041,13311,13312,13314,13316],{"class":3043,"line":4008},[3041,13313,7487],{"class":3054},[3041,13315,3315],{"class":3058},[3041,13317,3318],{"class":3054},[3041,13319,13320,13322,13324],{"class":3043,"line":4023},[3041,13321,4046],{"class":3054},[3041,13323,2991],{"class":3058},[3041,13325,3318],{"class":3054},[3041,13327,13328],{"class":3043,"line":4043},[3041,13329,3089],{"emptyLinePlaceholder":3088},[3041,13331,13332,13334,13336,13338,13340,13342,13344,13346,13348,13350,13352,13354],{"class":3043,"line":4053},[3041,13333,3738],{"class":3054},[3041,13335,2999],{"class":3058},[3041,13337,4340],{"class":3062},[3041,13339,3067],{"class":3066},[3041,13341,4388],{"class":3070},[3041,13343,4216],{"class":3062},[3041,13345,3067],{"class":3066},[3041,13347,4358],{"class":3070},[3041,13349,4391],{"class":3062},[3041,13351,3067],{"class":3066},[3041,13353,4351],{"class":3070},[3041,13355,3082],{"class":3054},[3041,13357,13358],{"class":3043,"line":4062},[3041,13359,3089],{"emptyLinePlaceholder":3088},[3041,13361,13362],{"class":3043,"line":4067},[3041,13363,13364],{"class":3047},"        \u003C!-- Права панель: Grid для форми -->\n",[3041,13366,13367,13369,13371,13373,13375,13377],{"class":3043,"line":4073},[3041,13368,3738],{"class":3054},[3041,13370,2991],{"class":3058},[3041,13372,4340],{"class":3062},[3041,13374,3067],{"class":3066},[3041,13376,3996],{"class":3070},[3041,13378,3318],{"class":3054},[3041,13380,13381,13383,13385,13387,13389,13391],{"class":3043,"line":4101},[3041,13382,4011],{"class":3054},[3041,13384,3723],{"class":3058},[3041,13386,3063],{"class":3062},[3041,13388,3067],{"class":3066},[3041,13390,3422],{"class":3070},[3041,13392,3318],{"class":3054},[3041,13394,13395,13397,13399],{"class":3043,"line":4115},[3041,13396,7465],{"class":3054},[3041,13398,4238],{"class":3058},[3041,13400,3318],{"class":3054},[3041,13402,13403,13405,13407,13409,13411,13413],{"class":3043,"line":4140},[3041,13404,11532],{"class":3054},[3041,13406,4247],{"class":3058},[3041,13408,4224],{"class":3062},[3041,13410,3067],{"class":3066},[3041,13412,6144],{"class":3070},[3041,13414,3082],{"class":3054},[3041,13416,13417,13419,13421,13423,13425,13427],{"class":3043,"line":4153},[3041,13418,11532],{"class":3054},[3041,13420,4247],{"class":3058},[3041,13422,4224],{"class":3062},[3041,13424,3067],{"class":3066},[3041,13426,6144],{"class":3070},[3041,13428,3082],{"class":3054},[3041,13430,13431],{"class":3043,"line":4158},[3041,13432,13433],{"class":3047},"                    \u003C!-- ... -->\n",[3041,13435,13436,13438,13440],{"class":3043,"line":5234},[3041,13437,11651],{"class":3054},[3041,13439,4238],{"class":3058},[3041,13441,3318],{"class":3054},[3041,13443,13444],{"class":3043,"line":5239},[3041,13445,13446],{"class":3047},"                \u003C!-- Поля форми -->\n",[3041,13448,13449,13451,13453],{"class":3043,"line":5245},[3041,13450,7487],{"class":3054},[3041,13452,3723],{"class":3058},[3041,13454,3318],{"class":3054},[3041,13456,13457,13459,13461],{"class":3043,"line":5279},[3041,13458,4046],{"class":3054},[3041,13460,2991],{"class":3058},[3041,13462,3318],{"class":3054},[3041,13464,13465,13467,13469],{"class":3043,"line":5319},[3041,13466,3785],{"class":3054},[3041,13468,3723],{"class":3058},[3041,13470,3318],{"class":3054},[3041,13472,13473,13475,13477],{"class":3043,"line":5328},[3041,13474,3378],{"class":3054},[3041,13476,13117],{"class":3058},[3041,13478,3318],{"class":3054},[3002,13480],{},[3005,13482,13484],{"id":13483},"підсумок","Підсумок",[6584,13486,13487,13497],{},[6587,13488,13489],{},[6590,13490,13491,13494],{},[6593,13492,13493],{},"Інструмент",[6593,13495,13496],{},"Призначення",[6600,13498,13499,13508,13517,13526,13536,13547,13556,13565,13574],{},[6590,13500,13501,13505],{},[6605,13502,13503],{},[3012,13504,2975],{},[6605,13506,13507],{},"Зовнішні відступи від сусідів/контейнера",[6590,13509,13510,13514],{},[6605,13511,13512],{},[3012,13513,2979],{},[6605,13515,13516],{},"Внутрішні відступи між кордоном і вмістом",[6590,13518,13519,13523],{},[6605,13520,13521],{},[3012,13522,4180],{},[6605,13524,13525],{},"Позиція у батьківській комірці (Left/Center/Right/Stretch)",[6590,13527,13528,13533],{},[6605,13529,13530],{},[3012,13531,13532],{},"HorizontalContentAlignment",[6605,13534,13535],{},"Позиція вмісту всередині контролу",[6590,13537,13538,13544],{},[6605,13539,13540,9547,13542],{},[3012,13541,5996],{},[3012,13543,6010],{},[6605,13545,13546],{},"Обмеження розмірів (адаптивність)",[6590,13548,13549,13553],{},[6605,13550,13551],{},[3012,13552,2991],{},[6605,13554,13555],{},"Прокрутка — дати Grid/фіксовану висоту, не StackPanel",[6590,13557,13558,13562],{},[6605,13559,13560],{},[3012,13561,2995],{},[6605,13563,13564],{},"Масштабування вмісту (Uniform/Fill/UniformToFill/None)",[6590,13566,13567,13571],{},[6605,13568,13569],{},[3012,13570,3566],{},[6605,13572,13573],{},"Рамка + фон + CornerRadius + Padding",[6590,13575,13576,13580],{},[6605,13577,13578],{},[3012,13579,2999],{},[6605,13581,13582],{},"Інтерактивна зміна розмірів зон Grid мишею",[3002,13584],{},[3005,13586,13588],{"id":13587},"практичні-завдання","Практичні завдання",[13590,13591,13592,13692,13759],"accordion",{},[13593,13594,13597,13603,13608,13673,13686],"accordion-item",{"icon":13595,"label":13596},"i-lucide-circle-help","🟢 Рівень 1: Форма з правильними Margin/Padding та Border",[2959,13598,13599,13602],{},[2969,13600,13601],{},"Завдання",": Побудуйте форму профілю користувача з коректними відступами і оформленням.",[2959,13604,13605,3507],{},[2969,13606,13607],{},"Вимоги",[5979,13609,13610,13628,13640,13643,13650,13660],{},[3614,13611,13612,13613,13615,13616,3239,13619,3239,13622,3239,13625],{},"Зовнішній ",[3012,13614,3566],{}," (картка): ",[3012,13617,13618],{},"Background White",[3012,13620,13621],{},"CornerRadius=12",[3012,13623,13624],{},"BorderBrush=#e2e8f0",[3012,13626,13627],{},"Padding=24",[3614,13629,13630,13631,13633,13634,13636,13637,13639],{},"Всередині ",[3012,13632,3723],{}," (2 колонки: ",[3012,13635,6609],{}," для міток + ",[3012,13638,6967],{}," для полів)",[3614,13641,13642],{},"Мінімум 4 рядки: Ім'я, Email, Телефон, Місто",[3614,13644,13645,13646,13649],{},"Кожна мітка: ",[3012,13647,13648],{},"Margin=\"0,0,12,0\""," (відступ від поля)",[3614,13651,13652,13653,13656,13657],{},"Кожне поле: ",[3012,13654,13655],{},"Margin=\"0,0,0,8\""," (нижній відступ між рядками) + ",[3012,13658,13659],{},"Padding=\"10,7\"",[3614,13661,13662,13663,13666,13667,6578,13670],{},"Кнопки \"Скасувати\" + \"Зберегти\" з ",[3012,13664,13665],{},"MinWidth=\"100\""," у Footer Border з ",[3012,13668,13669],{},"Background=\"#f8fafc\"",[3012,13671,13672],{},"Padding=\"16\"",[2959,13674,13675,13678,13679,3239,13682,13685],{},[2969,13676,13677],{},"Завдання на Badge",": Додайте у куток картки Badge \"✅ Підтверджено\" (Border ",[3012,13680,13681],{},"CornerRadius=100",[3012,13683,13684],{},"Background=\"#dcfce7\"",", Pill-форма).",[2959,13687,13688,13691],{},[2969,13689,13690],{},"Перевірка",": Всі мітки вирівняні по правому краю відносно полів. Відступи рівномірні.",[13593,13693,13695,13700,13704,13754],{"icon":13595,"label":13694},"🟡 Рівень 2: Email-клієнт layout (3-колонковий з GridSplitter)",[2959,13696,13697,13699],{},[2969,13698,13601],{},": Реалізуйте layout email-клієнта на основі наданого у статті прикладу, але з доповненнями.",[2959,13701,13702,3507],{},[2969,13703,13607],{},[5979,13705,13706,13711,13718,13731,13740,13746],{},[3614,13707,13708,13710],{},[3012,13709,13117],{},": Toolbar зверху (кнопки \"✉️ Написати\", \"🔄 Оновити\"), StatusBar знизу",[3614,13712,13713,13715,13716,4184],{},[3012,13714,3723],{}," з 5 колонками: Sidebar(140px) + Splitter(4px) + ListPanel(180px) + Splitter(4px) + Content(",[3012,13717,6967],{},[3614,13719,13720,13722,13723,6578,13726,9547,13728,13730],{},[3012,13721,2999],{}," на кожному роздільнику з ",[3012,13724,13725],{},"Cursor=\"SizeWE\"",[3012,13727,5996],{},[3012,13729,6010],{}," на крайніх колонках",[3614,13732,13733,13734,13736,13737,13739],{},"Sidebar: темний фон, ",[3012,13735,2991],{}," → ",[3012,13738,3315],{}," з 5+ папок",[3614,13741,13742,13743,13745],{},"ListPanel: ",[3012,13744,2991],{}," → список з 8+ \"листів\" (Border + StackPanel для кожного)",[3614,13747,13748,13749,13751,13752,4184],{},"Content panel: розбити на ",[3012,13750,3723],{}," з 2 рядками: заголовок (60px) + ScrollViewer (",[3012,13753,6967],{},[2959,13755,13756,13758],{},[2969,13757,13690],{},": Перетягування кожного GridSplitter змінює ширину сусідніх панелей. Sidebar і ListPanel не звужуються нижче MinWidth.",[13593,13760,13762,13767,13783,13792,13803,13817,13822,13843],{"icon":13595,"label":13761},"🔴 Рівень 3: Налаштування зі ScrollViewer та групуванням Border",[2959,13763,13764,13766],{},[2969,13765,13601],{},": Сторінка налаштувань з групами секцій, прокруткою та валідацією.",[2959,13768,13769,13772,13773,13775,13776,13779,13780,13782],{},[2969,13770,13771],{},"Layout",": ",[3012,13774,13117],{}," → Header (60px, ",[3012,13777,13778],{},"DockPanel.Dock=Top",") + ",[3012,13781,2991],{}," (Fill)",[2959,13784,13785,13772,13788,13791],{},[2969,13786,13787],{},"Всередині ScrollViewer",[3012,13789,13790],{},"StackPanel Spacing=\"16\" Margin=\"24\""," з 4+ секціями.",[2959,13793,13794,13772,13797,13800,13801,3507],{},[2969,13795,13796],{},"Кожна секція",[3012,13798,13799],{},"Border CornerRadius=\"10\""," з внутрішнім ",[3012,13802,3315],{},[3611,13804,13805,13808],{},[3614,13806,13807],{},"Заголовок секції (TextBlock, FontSize=14, FontWeight=Bold, BorderBrush=#e2e8f0 знизу)",[3614,13809,13810,13811,13813,13814,13816],{},"Рядки налаштувань через Grid (",[3012,13812,6609],{}," + ",[3012,13815,6967],{},"): мітка + контрол (TextBox/ComboBox/Slider/CheckBox)",[2959,13818,13819,3507],{},[2969,13820,13821],{},"Секції",[5979,13823,13824,13827,13830,13833],{},[3614,13825,13826],{},"\"Акаунт\" — Ім'я, Email, Пароль",[3614,13828,13829],{},"\"Зовнішній вигляд\" — Тема (ComboBox Light/Dark/System), Шрифт (Slider 10-24), Мова (ComboBox)",[3614,13831,13832],{},"\"Сповіщення\" — 3 CheckBox з описами",[3614,13834,13835,13836,2972,13839,13842],{},"\"Небезпечна зона\" — ",[3012,13837,13838],{},"Background=\"#fff1f2\"",[3012,13840,13841],{},"BorderBrush=\"#fecdd3\""," — кнопки \"Видалити акаунт\"",[2959,13844,13845,13847,13848,13851],{},[2969,13846,13690],{},": ScrollViewer прокручується. Секції вирівняні. Slider FontSize оновлює ",[3012,13849,13850],{},"TextBlock.FontSize"," через Binding ElementName.",[13853,13854,13855],"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 .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}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 .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}",{"title":3037,"searchDepth":3051,"depth":3051,"links":13857},[13858,13862,13865,13869,13870,13874,13877,13880,13884,13885,13886],{"id":3007,"depth":3051,"text":3008,"children":13859},[13860,13861],{"id":3026,"depth":3085,"text":3027},{"id":3295,"depth":3085,"text":3296},{"id":3480,"depth":3051,"text":3481,"children":13863},[13864],{"id":3600,"depth":3085,"text":3601},{"id":4169,"depth":3051,"text":4170,"children":13866},[13867,13868],{"id":4201,"depth":3085,"text":4202},{"id":5625,"depth":3085,"text":5626},{"id":5772,"depth":3051,"text":5773},{"id":6512,"depth":3051,"text":6513,"children":13871},[13872,13873],{"id":6571,"depth":3085,"text":6572},{"id":6803,"depth":3085,"text":6804},{"id":8335,"depth":3051,"text":8336,"children":13875},[13876],{"id":8413,"depth":3085,"text":8414},{"id":9537,"depth":3051,"text":9538,"children":13878},[13879],{"id":9806,"depth":3085,"text":9807},{"id":10889,"depth":3051,"text":10890,"children":13881},[13882,13883],{"id":11111,"depth":3085,"text":11112},{"id":11222,"depth":3085,"text":11225},{"id":13088,"depth":3051,"text":13089},{"id":13483,"depth":3051,"text":13484},{"id":13587,"depth":3051,"text":13588},"Margin, Padding, Alignment, MinWidth/MaxWidth, ScrollViewer, ViewBox, Border, GridSplitter — повноцінний посібник з просунутих можливостей розташування елементів у WPF і Avalonia.","md",null,{},{"title":1405,"description":13887},"zWa_jwyCVFA8mS8tv40S_lT35x8Eau9I_Db58ZCcG5Y",[13894,13896],{"title":1401,"path":1402,"stem":1403,"description":13895,"children":-1},"Вивчаємо Grid — найпотужнішу панель WPF: типи розмірів Auto/**/fixed, Grid.Row/Column, RowSpan/ColumnSpan, SharedSizeGroup. Розбираємо Canvas та UniformGrid.",{"title":1409,"path":1410,"stem":1411,"description":13897,"children":-1},"Responsive Layout у WPF: Star sizing, Visibility (Collapsed/Hidden), SizeChanged event, MinWidth як responsive tool, WrapPanel для адаптивних сіток, best practices.",1777911646891]