[{"data":1,"prerenderedAt":14421},["ShallowReactive",2],{"navigation_docs":3,"-csharp-desktop-ui-layout-panels-part2":2949,"-csharp-desktop-ui-layout-panels-part2-surround":14416},[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":1401,"body":2951,"description":14410,"extension":14411,"links":14412,"meta":14413,"navigation":3296,"path":1402,"seo":14414,"stem":1403,"__hash__":14415},"docs/01.csharp/12.desktop-ui/07.layout-panels-part2.md",{"type":2952,"value":2953,"toc":14380},"minimark",[2954,2958,2974,2984,3030,3033,3038,3047,3052,3067,3193,3199,3203,3503,3518,3520,3524,3534,3538,3541,3581,3587,3593,3597,3606,3645,3653,3662,3973,3982,3986,3993,4070,4081,4181,4187,4209,4326,5296,5303,5312,5336,5338,5342,5355,5694,5698,5709,5841,6507,6509,6513,6522,6620,7844,9421,9423,9427,9433,9441,9687,10535,10549,10551,10555,10560,10669,10672,10699,10717,10721,10724,10750,11901,11905,11912,11954,12187,12191,12198,12318,12324,12326,12330,12345,12474,12483,12499,12611,13138,14046,14050,14129,14131,14135,14174,14176,14180,14376],[2955,2956,1401],"h1",{"id":2957},"grid-canvas-uniformgrid",[2959,2960,2961,2962,2966,2967,2966,2970,2973],"p",{},"У попередній статті ми розібрали три панелі: ",[2963,2964,2965],"code",{},"StackPanel",", ",[2963,2968,2969],{},"WrapPanel",[2963,2971,2972],{},"DockPanel",". Всі вони вирішують конкретні завдання, але є принципово лінійними: елементи вишиковуються в один рядок, стовпець або прикріплюються до сторін.",[2959,2975,2976,2977,2980,2981,2983],{},"Настав час головної панелі WPF. Якщо б вам довелося залишити тільки одну панель — це був би ",[2963,2978,2979],{},"Grid",". Він вирішує будь-яке завдання верстки: форми, діалоги, дашборди, складні сітки, повноекранні лейаути. Professional WPF-розробник використовує ",[2963,2982,2979],{}," у 70-80% випадків верстки.",[2985,2986,2987,2991,2992,2994,2995,2998,2999,3006,3007,3009,3010,3013,3014,3017,3018,3021,3022,3025,3026,3029],"note",{},[2988,2989,2990],"strong",{},"Словник теми:"," ",[2988,2993,2979],{}," — двовимірна панель з рядками та колонками; кожен дочірній елемент розміщується у конкретній комірці. ",[2988,2996,2997],{},"Auto"," — розмір рядка/колонки по вмісту. ",[2988,3000,3001,3002,3005],{},"Star (",[2963,3003,3004],{},"*",")"," — пропорційний розмір: решта місця поділяється між усіма ",[2963,3008,3004],{},"-рядками/колонками у їх пропорції. ",[2988,3011,3012],{},"RowSpan / ColumnSpan"," — об'єднання кількох рядків/колонок для одного елемента. ",[2988,3015,3016],{},"SharedSizeGroup"," — механізм синхронізації ширини колонок між різними Grid-ами. ",[2988,3019,3020],{},"Canvas"," — панель абсолютного позиціонування: ",[2963,3023,3024],{},"Canvas.Left/Top/Right/Bottom",". ",[2988,3027,3028],{},"UniformGrid"," — спрощений Grid з однаковими комірками.",[3031,3032],"hr",{},[3034,3035,3037],"h2",{"id":3036},"grid-двовимірна-панель","Grid: двовимірна панель",[2959,3039,3040,3042,3043,3046],{},[2963,3041,2979],{}," — це таблиця. Ви визначаєте структуру рядків та колонок, а потім розміщуєте елементи у конкретних комірках. На відміну від HTML-таблиць, Grid у WPF не потребує вкладання ",[2963,3044,3045],{},"\u003Ctr>\u003Ctd>"," — будь-який елемент може бути розміщений у будь-якій комірці через Attached Properties.",[3048,3049,3051],"h3",{"id":3050},"мінімальний-grid","Мінімальний Grid",[2959,3053,3054,3055,3058,3059,3062,3063,3066],{},"Навіть без оголошення ",[2963,3056,3057],{},"RowDefinitions"," та ",[2963,3060,3061],{},"ColumnDefinitions"," Grid вже є: він має 1 рядок і 1 колонку за замовчуванням. Тому будь-який ",[2963,3064,3065],{},"\u003CGrid>"," без визначень — це просто контейнер де всі елементи ставляться одне на одне по центру:",[3068,3069,3074],"pre",{"className":3070,"code":3071,"language":3072,"meta":3073,"style":3073},"language-xml shiki shiki-themes light-plus dark-plus dark-plus","\u003C!-- Один рядок, одна колонка — все по центру один на одному -->\n\u003CGrid>\n    \u003CRectangle Fill=\"#3b82f6\" Width=\"200\" Height=\"100\"/>\n    \u003CTextBlock Text=\"Поверх прямокутника\" HorizontalAlignment=\"Center\"\n               VerticalAlignment=\"Center\" Foreground=\"White\"/>\n\u003C/Grid>\n","xml","",[2963,3075,3076,3085,3098,3138,3162,3183],{"__ignoreMap":3073},[3077,3078,3081],"span",{"class":3079,"line":3080},"line",1,[3077,3082,3084],{"class":3083},"spJ8K","\u003C!-- Один рядок, одна колонка — все по центру один на одному -->\n",[3077,3086,3088,3092,3095],{"class":3079,"line":3087},2,[3077,3089,3091],{"class":3090},"s0P7L","\u003C",[3077,3093,2979],{"class":3094},"sKtos",[3077,3096,3097],{"class":3090},">\n",[3077,3099,3101,3104,3107,3111,3115,3119,3122,3124,3127,3130,3132,3135],{"class":3079,"line":3100},3,[3077,3102,3103],{"class":3090},"    \u003C",[3077,3105,3106],{"class":3094},"Rectangle",[3077,3108,3110],{"class":3109},"sa4r_"," Fill",[3077,3112,3114],{"class":3113},"sHH4Y","=",[3077,3116,3118],{"class":3117},"su9tN","\"#3b82f6\"",[3077,3120,3121],{"class":3109}," Width",[3077,3123,3114],{"class":3113},[3077,3125,3126],{"class":3117},"\"200\"",[3077,3128,3129],{"class":3109}," Height",[3077,3131,3114],{"class":3113},[3077,3133,3134],{"class":3117},"\"100\"",[3077,3136,3137],{"class":3090},"/>\n",[3077,3139,3141,3143,3146,3149,3151,3154,3157,3159],{"class":3079,"line":3140},4,[3077,3142,3103],{"class":3090},[3077,3144,3145],{"class":3094},"TextBlock",[3077,3147,3148],{"class":3109}," Text",[3077,3150,3114],{"class":3113},[3077,3152,3153],{"class":3117},"\"Поверх прямокутника\"",[3077,3155,3156],{"class":3109}," HorizontalAlignment",[3077,3158,3114],{"class":3113},[3077,3160,3161],{"class":3117},"\"Center\"\n",[3077,3163,3165,3168,3170,3173,3176,3178,3181],{"class":3079,"line":3164},5,[3077,3166,3167],{"class":3109},"               VerticalAlignment",[3077,3169,3114],{"class":3113},[3077,3171,3172],{"class":3117},"\"Center\"",[3077,3174,3175],{"class":3109}," Foreground",[3077,3177,3114],{"class":3113},[3077,3179,3180],{"class":3117},"\"White\"",[3077,3182,3137],{"class":3090},[3077,3184,3186,3189,3191],{"class":3079,"line":3185},6,[3077,3187,3188],{"class":3090},"\u003C/",[3077,3190,2979],{"class":3094},[3077,3192,3097],{"class":3090},[2959,3194,3195,3196,3198],{},"Це корисно коли вам потрібно накласти елементи один на одного (наприклад, Loading Spinner поверх контенту) — для цього Grid є кращим контейнером ніж ",[2963,3197,3020],{},".",[3048,3200,3202],{"id":3201},"оголошення-рядків-та-колонок","Оголошення рядків та колонок",[3068,3204,3206],{"className":3070,"code":3205,"language":3072,"meta":3073,"style":3073},"\u003CGrid>\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"Auto\"/>   \u003C!-- рядок по вмісту -->\n        \u003CRowDefinition Height=\"*\"/>      \u003C!-- рядок займає решту -->\n        \u003CRowDefinition Height=\"60\"/>     \u003C!-- рядок рівно 60px -->\n    \u003C/Grid.RowDefinitions>\n\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"200\"/>  \u003C!-- колонка рівно 200px -->\n        \u003CColumnDefinition Width=\"*\"/>    \u003C!-- колонка займає решту -->\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003C!-- Тепер розміщуємо елементи через Grid.Row і Grid.Column -->\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"0\" Text=\"Рядок 0, Колонка 0\"/>\n    \u003CTextBox   Grid.Row=\"0\" Grid.Column=\"1\" Text=\"Рядок 0, Колонка 1\"/>\n    \u003CListBox   Grid.Row=\"1\" Grid.Column=\"0\" Grid.ColumnSpan=\"2\"/>\n    \u003CButton    Grid.Row=\"2\" Grid.Column=\"0\" Grid.ColumnSpan=\"2\" Content=\"OK\"/>\n\u003C/Grid>\n",[2963,3207,3208,3216,3225,3246,3264,3282,3291,3298,3308,3327,3345,3354,3359,3365,3396,3427,3457,3494],{"__ignoreMap":3073},[3077,3209,3210,3212,3214],{"class":3079,"line":3080},[3077,3211,3091],{"class":3090},[3077,3213,2979],{"class":3094},[3077,3215,3097],{"class":3090},[3077,3217,3218,3220,3223],{"class":3079,"line":3087},[3077,3219,3103],{"class":3090},[3077,3221,3222],{"class":3094},"Grid.RowDefinitions",[3077,3224,3097],{"class":3090},[3077,3226,3227,3230,3233,3235,3237,3240,3243],{"class":3079,"line":3100},[3077,3228,3229],{"class":3090},"        \u003C",[3077,3231,3232],{"class":3094},"RowDefinition",[3077,3234,3129],{"class":3109},[3077,3236,3114],{"class":3113},[3077,3238,3239],{"class":3117},"\"Auto\"",[3077,3241,3242],{"class":3090},"/>",[3077,3244,3245],{"class":3083},"   \u003C!-- рядок по вмісту -->\n",[3077,3247,3248,3250,3252,3254,3256,3259,3261],{"class":3079,"line":3140},[3077,3249,3229],{"class":3090},[3077,3251,3232],{"class":3094},[3077,3253,3129],{"class":3109},[3077,3255,3114],{"class":3113},[3077,3257,3258],{"class":3117},"\"*\"",[3077,3260,3242],{"class":3090},[3077,3262,3263],{"class":3083},"      \u003C!-- рядок займає решту -->\n",[3077,3265,3266,3268,3270,3272,3274,3277,3279],{"class":3079,"line":3164},[3077,3267,3229],{"class":3090},[3077,3269,3232],{"class":3094},[3077,3271,3129],{"class":3109},[3077,3273,3114],{"class":3113},[3077,3275,3276],{"class":3117},"\"60\"",[3077,3278,3242],{"class":3090},[3077,3280,3281],{"class":3083},"     \u003C!-- рядок рівно 60px -->\n",[3077,3283,3284,3287,3289],{"class":3079,"line":3185},[3077,3285,3286],{"class":3090},"    \u003C/",[3077,3288,3222],{"class":3094},[3077,3290,3097],{"class":3090},[3077,3292,3294],{"class":3079,"line":3293},7,[3077,3295,3297],{"emptyLinePlaceholder":3296},true,"\n",[3077,3299,3301,3303,3306],{"class":3079,"line":3300},8,[3077,3302,3103],{"class":3090},[3077,3304,3305],{"class":3094},"Grid.ColumnDefinitions",[3077,3307,3097],{"class":3090},[3077,3309,3311,3313,3316,3318,3320,3322,3324],{"class":3079,"line":3310},9,[3077,3312,3229],{"class":3090},[3077,3314,3315],{"class":3094},"ColumnDefinition",[3077,3317,3121],{"class":3109},[3077,3319,3114],{"class":3113},[3077,3321,3126],{"class":3117},[3077,3323,3242],{"class":3090},[3077,3325,3326],{"class":3083},"  \u003C!-- колонка рівно 200px -->\n",[3077,3328,3330,3332,3334,3336,3338,3340,3342],{"class":3079,"line":3329},10,[3077,3331,3229],{"class":3090},[3077,3333,3315],{"class":3094},[3077,3335,3121],{"class":3109},[3077,3337,3114],{"class":3113},[3077,3339,3258],{"class":3117},[3077,3341,3242],{"class":3090},[3077,3343,3344],{"class":3083},"    \u003C!-- колонка займає решту -->\n",[3077,3346,3348,3350,3352],{"class":3079,"line":3347},11,[3077,3349,3286],{"class":3090},[3077,3351,3305],{"class":3094},[3077,3353,3097],{"class":3090},[3077,3355,3357],{"class":3079,"line":3356},12,[3077,3358,3297],{"emptyLinePlaceholder":3296},[3077,3360,3362],{"class":3079,"line":3361},13,[3077,3363,3364],{"class":3083},"    \u003C!-- Тепер розміщуємо елементи через Grid.Row і Grid.Column -->\n",[3077,3366,3368,3370,3372,3375,3377,3380,3383,3385,3387,3389,3391,3394],{"class":3079,"line":3367},14,[3077,3369,3103],{"class":3090},[3077,3371,3145],{"class":3094},[3077,3373,3374],{"class":3109}," Grid.Row",[3077,3376,3114],{"class":3113},[3077,3378,3379],{"class":3117},"\"0\"",[3077,3381,3382],{"class":3109}," Grid.Column",[3077,3384,3114],{"class":3113},[3077,3386,3379],{"class":3117},[3077,3388,3148],{"class":3109},[3077,3390,3114],{"class":3113},[3077,3392,3393],{"class":3117},"\"Рядок 0, Колонка 0\"",[3077,3395,3137],{"class":3090},[3077,3397,3399,3401,3404,3407,3409,3411,3413,3415,3418,3420,3422,3425],{"class":3079,"line":3398},15,[3077,3400,3103],{"class":3090},[3077,3402,3403],{"class":3094},"TextBox",[3077,3405,3406],{"class":3109},"   Grid.Row",[3077,3408,3114],{"class":3113},[3077,3410,3379],{"class":3117},[3077,3412,3382],{"class":3109},[3077,3414,3114],{"class":3113},[3077,3416,3417],{"class":3117},"\"1\"",[3077,3419,3148],{"class":3109},[3077,3421,3114],{"class":3113},[3077,3423,3424],{"class":3117},"\"Рядок 0, Колонка 1\"",[3077,3426,3137],{"class":3090},[3077,3428,3430,3432,3435,3437,3439,3441,3443,3445,3447,3450,3452,3455],{"class":3079,"line":3429},16,[3077,3431,3103],{"class":3090},[3077,3433,3434],{"class":3094},"ListBox",[3077,3436,3406],{"class":3109},[3077,3438,3114],{"class":3113},[3077,3440,3417],{"class":3117},[3077,3442,3382],{"class":3109},[3077,3444,3114],{"class":3113},[3077,3446,3379],{"class":3117},[3077,3448,3449],{"class":3109}," Grid.ColumnSpan",[3077,3451,3114],{"class":3113},[3077,3453,3454],{"class":3117},"\"2\"",[3077,3456,3137],{"class":3090},[3077,3458,3460,3462,3465,3468,3470,3472,3474,3476,3478,3480,3482,3484,3487,3489,3492],{"class":3079,"line":3459},17,[3077,3461,3103],{"class":3090},[3077,3463,3464],{"class":3094},"Button",[3077,3466,3467],{"class":3109},"    Grid.Row",[3077,3469,3114],{"class":3113},[3077,3471,3454],{"class":3117},[3077,3473,3382],{"class":3109},[3077,3475,3114],{"class":3113},[3077,3477,3379],{"class":3117},[3077,3479,3449],{"class":3109},[3077,3481,3114],{"class":3113},[3077,3483,3454],{"class":3117},[3077,3485,3486],{"class":3109}," Content",[3077,3488,3114],{"class":3113},[3077,3490,3491],{"class":3117},"\"OK\"",[3077,3493,3137],{"class":3090},[3077,3495,3497,3499,3501],{"class":3079,"line":3496},18,[3077,3498,3188],{"class":3090},[3077,3500,2979],{"class":3094},[3077,3502,3097],{"class":3090},[2959,3504,3505,3506,3509,3510,3513,3514,3517],{},"Якщо ",[2963,3507,3508],{},"Grid.Row"," або ",[2963,3511,3512],{},"Grid.Column"," не вказані — за замовчуванням ",[2963,3515,3516],{},"0",". Це корисно: перший елемент без атрибутів потрапляє у верхній лівий кут.",[3031,3519],{},[3034,3521,3523],{"id":3522},"типи-розмірів-auto-fixed","Типи розмірів: Auto, *, fixed",[2959,3525,3526,3527,3058,3530,3533],{},"Це найважливіша концепція Grid. Кожен ",[2963,3528,3529],{},"RowDefinition.Height",[2963,3531,3532],{},"ColumnDefinition.Width"," може мати один з трьох типів розміру. Їх правильне поєднання — ключ до елегантного layout.",[3048,3535,3537],{"id":3536},"fixed-фіксовані-пікселі","Fixed: фіксовані пікселі",[2959,3539,3540],{},"Просто число — означає конкретну кількість device-independent pixels (DIP). Рядок або колонка завжди цього розміру, незалежно від вмісту чи розміру вікна:",[3068,3542,3544],{"className":3070,"code":3543,"language":3072,"meta":3073,"style":3073},"\u003CColumnDefinition Width=\"200\"/>  \u003C!-- завжди 200px -->\n\u003CRowDefinition Height=\"48\"/>     \u003C!-- завжди 48px -->\n",[2963,3545,3546,3563],{"__ignoreMap":3073},[3077,3547,3548,3550,3552,3554,3556,3558,3560],{"class":3079,"line":3080},[3077,3549,3091],{"class":3090},[3077,3551,3315],{"class":3094},[3077,3553,3121],{"class":3109},[3077,3555,3114],{"class":3113},[3077,3557,3126],{"class":3117},[3077,3559,3242],{"class":3090},[3077,3561,3562],{"class":3083},"  \u003C!-- завжди 200px -->\n",[3077,3564,3565,3567,3569,3571,3573,3576,3578],{"class":3079,"line":3087},[3077,3566,3091],{"class":3090},[3077,3568,3232],{"class":3094},[3077,3570,3129],{"class":3109},[3077,3572,3114],{"class":3113},[3077,3574,3575],{"class":3117},"\"48\"",[3077,3577,3242],{"class":3090},[3077,3579,3580],{"class":3083},"     \u003C!-- завжди 48px -->\n",[2959,3582,3583,3586],{},[2988,3584,3585],{},"Коли використовувати",": Sidebar фіксованої ширини, header фіксованої висоти, toolbar. Загалом — коли розмір не має змінюватися з вмістом.",[2959,3588,3589,3592],{},[2988,3590,3591],{},"Коли НЕ використовувати",": Основний вміст, форми де текст може бути різної довжини (через локалізацію тощо).",[3048,3594,3596],{"id":3595},"auto-розмір-по-вмісту","Auto: розмір по вмісту",[2959,3598,3599,3601,3602,3605],{},[2963,3600,2997],{}," — The Grid просить дочірній елемент визначити потрібний розмір (Measure Pass), і потім встановлює розмір рядка/колонки рівним максимальному ",[2963,3603,3604],{},"DesiredSize"," серед усіх елементів у цьому рядку/колонці:",[3068,3607,3609],{"className":3070,"code":3608,"language":3072,"meta":3073,"style":3073},"\u003CColumnDefinition Width=\"Auto\"/>  \u003C!-- ширина = ширина найшироішого елемента у цій колонці -->\n\u003CRowDefinition Height=\"Auto\"/>    \u003C!-- висота = висота найвищого елемента у цьому рядку -->\n",[2963,3610,3611,3628],{"__ignoreMap":3073},[3077,3612,3613,3615,3617,3619,3621,3623,3625],{"class":3079,"line":3080},[3077,3614,3091],{"class":3090},[3077,3616,3315],{"class":3094},[3077,3618,3121],{"class":3109},[3077,3620,3114],{"class":3113},[3077,3622,3239],{"class":3117},[3077,3624,3242],{"class":3090},[3077,3626,3627],{"class":3083},"  \u003C!-- ширина = ширина найшироішого елемента у цій колонці -->\n",[3077,3629,3630,3632,3634,3636,3638,3640,3642],{"class":3079,"line":3087},[3077,3631,3091],{"class":3090},[3077,3633,3232],{"class":3094},[3077,3635,3129],{"class":3109},[3077,3637,3114],{"class":3113},[3077,3639,3239],{"class":3117},[3077,3641,3242],{"class":3090},[3077,3643,3644],{"class":3083},"    \u003C!-- висота = висота найвищого елемента у цьому рядку -->\n",[2959,3646,3647,3649,3650,3652],{},[2988,3648,3585],{},": Label-колонки у формах (мітки різної довжини — ",[2963,3651,2997],{}," підлаштовується), рядки з контентом різної висоти.",[2959,3654,3655,3658,3659,3661],{},[2988,3656,3657],{},"Важливо",": ",[2963,3660,2997],{},"-колонка або рядок ніколи не займе більше ніж треба. Але й не менше.",[3068,3663,3665],{"className":3070,"code":3664,"language":3072,"meta":3073,"style":3073},"\u003C!-- Класичний Layout форми: Label Auto, Input * -->\n\u003CGrid>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"Auto\"/> \u003C!-- Колонка міток -->\n        \u003CColumnDefinition Width=\"*\"/>    \u003C!-- Колонка полів вводу -->\n    \u003C/Grid.ColumnDefinitions>\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"Auto\"/>\n        \u003CRowDefinition Height=\"Auto\"/>\n        \u003CRowDefinition Height=\"Auto\"/>\n    \u003C/Grid.RowDefinitions>\n\n    \u003CLabel Grid.Row=\"0\" Grid.Column=\"0\" Content=\"Ім'я:\"/>\n    \u003CTextBox Grid.Row=\"0\" Grid.Column=\"1\" Margin=\"4\"/>\n\n    \u003CLabel Grid.Row=\"1\" Grid.Column=\"0\" Content=\"Email:\"/>\n    \u003CTextBox Grid.Row=\"1\" Grid.Column=\"1\" Margin=\"4\"/>\n\n    \u003CLabel Grid.Row=\"2\" Grid.Column=\"0\" Content=\"Телефон:\"/>\n    \u003CTextBox Grid.Row=\"2\" Grid.Column=\"1\" Margin=\"4\"/>\n\u003C/Grid>\n",[2963,3666,3667,3672,3680,3688,3705,3722,3730,3738,3752,3766,3780,3788,3792,3820,3848,3852,3879,3905,3909,3937,3964],{"__ignoreMap":3073},[3077,3668,3669],{"class":3079,"line":3080},[3077,3670,3671],{"class":3083},"\u003C!-- Класичний Layout форми: Label Auto, Input * -->\n",[3077,3673,3674,3676,3678],{"class":3079,"line":3087},[3077,3675,3091],{"class":3090},[3077,3677,2979],{"class":3094},[3077,3679,3097],{"class":3090},[3077,3681,3682,3684,3686],{"class":3079,"line":3100},[3077,3683,3103],{"class":3090},[3077,3685,3305],{"class":3094},[3077,3687,3097],{"class":3090},[3077,3689,3690,3692,3694,3696,3698,3700,3702],{"class":3079,"line":3140},[3077,3691,3229],{"class":3090},[3077,3693,3315],{"class":3094},[3077,3695,3121],{"class":3109},[3077,3697,3114],{"class":3113},[3077,3699,3239],{"class":3117},[3077,3701,3242],{"class":3090},[3077,3703,3704],{"class":3083}," \u003C!-- Колонка міток -->\n",[3077,3706,3707,3709,3711,3713,3715,3717,3719],{"class":3079,"line":3164},[3077,3708,3229],{"class":3090},[3077,3710,3315],{"class":3094},[3077,3712,3121],{"class":3109},[3077,3714,3114],{"class":3113},[3077,3716,3258],{"class":3117},[3077,3718,3242],{"class":3090},[3077,3720,3721],{"class":3083},"    \u003C!-- Колонка полів вводу -->\n",[3077,3723,3724,3726,3728],{"class":3079,"line":3185},[3077,3725,3286],{"class":3090},[3077,3727,3305],{"class":3094},[3077,3729,3097],{"class":3090},[3077,3731,3732,3734,3736],{"class":3079,"line":3293},[3077,3733,3103],{"class":3090},[3077,3735,3222],{"class":3094},[3077,3737,3097],{"class":3090},[3077,3739,3740,3742,3744,3746,3748,3750],{"class":3079,"line":3300},[3077,3741,3229],{"class":3090},[3077,3743,3232],{"class":3094},[3077,3745,3129],{"class":3109},[3077,3747,3114],{"class":3113},[3077,3749,3239],{"class":3117},[3077,3751,3137],{"class":3090},[3077,3753,3754,3756,3758,3760,3762,3764],{"class":3079,"line":3310},[3077,3755,3229],{"class":3090},[3077,3757,3232],{"class":3094},[3077,3759,3129],{"class":3109},[3077,3761,3114],{"class":3113},[3077,3763,3239],{"class":3117},[3077,3765,3137],{"class":3090},[3077,3767,3768,3770,3772,3774,3776,3778],{"class":3079,"line":3329},[3077,3769,3229],{"class":3090},[3077,3771,3232],{"class":3094},[3077,3773,3129],{"class":3109},[3077,3775,3114],{"class":3113},[3077,3777,3239],{"class":3117},[3077,3779,3137],{"class":3090},[3077,3781,3782,3784,3786],{"class":3079,"line":3347},[3077,3783,3286],{"class":3090},[3077,3785,3222],{"class":3094},[3077,3787,3097],{"class":3090},[3077,3789,3790],{"class":3079,"line":3356},[3077,3791,3297],{"emptyLinePlaceholder":3296},[3077,3793,3794,3796,3799,3801,3803,3805,3807,3809,3811,3813,3815,3818],{"class":3079,"line":3361},[3077,3795,3103],{"class":3090},[3077,3797,3798],{"class":3094},"Label",[3077,3800,3374],{"class":3109},[3077,3802,3114],{"class":3113},[3077,3804,3379],{"class":3117},[3077,3806,3382],{"class":3109},[3077,3808,3114],{"class":3113},[3077,3810,3379],{"class":3117},[3077,3812,3486],{"class":3109},[3077,3814,3114],{"class":3113},[3077,3816,3817],{"class":3117},"\"Ім'я:\"",[3077,3819,3137],{"class":3090},[3077,3821,3822,3824,3826,3828,3830,3832,3834,3836,3838,3841,3843,3846],{"class":3079,"line":3367},[3077,3823,3103],{"class":3090},[3077,3825,3403],{"class":3094},[3077,3827,3374],{"class":3109},[3077,3829,3114],{"class":3113},[3077,3831,3379],{"class":3117},[3077,3833,3382],{"class":3109},[3077,3835,3114],{"class":3113},[3077,3837,3417],{"class":3117},[3077,3839,3840],{"class":3109}," Margin",[3077,3842,3114],{"class":3113},[3077,3844,3845],{"class":3117},"\"4\"",[3077,3847,3137],{"class":3090},[3077,3849,3850],{"class":3079,"line":3398},[3077,3851,3297],{"emptyLinePlaceholder":3296},[3077,3853,3854,3856,3858,3860,3862,3864,3866,3868,3870,3872,3874,3877],{"class":3079,"line":3429},[3077,3855,3103],{"class":3090},[3077,3857,3798],{"class":3094},[3077,3859,3374],{"class":3109},[3077,3861,3114],{"class":3113},[3077,3863,3417],{"class":3117},[3077,3865,3382],{"class":3109},[3077,3867,3114],{"class":3113},[3077,3869,3379],{"class":3117},[3077,3871,3486],{"class":3109},[3077,3873,3114],{"class":3113},[3077,3875,3876],{"class":3117},"\"Email:\"",[3077,3878,3137],{"class":3090},[3077,3880,3881,3883,3885,3887,3889,3891,3893,3895,3897,3899,3901,3903],{"class":3079,"line":3459},[3077,3882,3103],{"class":3090},[3077,3884,3403],{"class":3094},[3077,3886,3374],{"class":3109},[3077,3888,3114],{"class":3113},[3077,3890,3417],{"class":3117},[3077,3892,3382],{"class":3109},[3077,3894,3114],{"class":3113},[3077,3896,3417],{"class":3117},[3077,3898,3840],{"class":3109},[3077,3900,3114],{"class":3113},[3077,3902,3845],{"class":3117},[3077,3904,3137],{"class":3090},[3077,3906,3907],{"class":3079,"line":3496},[3077,3908,3297],{"emptyLinePlaceholder":3296},[3077,3910,3912,3914,3916,3918,3920,3922,3924,3926,3928,3930,3932,3935],{"class":3079,"line":3911},19,[3077,3913,3103],{"class":3090},[3077,3915,3798],{"class":3094},[3077,3917,3374],{"class":3109},[3077,3919,3114],{"class":3113},[3077,3921,3454],{"class":3117},[3077,3923,3382],{"class":3109},[3077,3925,3114],{"class":3113},[3077,3927,3379],{"class":3117},[3077,3929,3486],{"class":3109},[3077,3931,3114],{"class":3113},[3077,3933,3934],{"class":3117},"\"Телефон:\"",[3077,3936,3137],{"class":3090},[3077,3938,3940,3942,3944,3946,3948,3950,3952,3954,3956,3958,3960,3962],{"class":3079,"line":3939},20,[3077,3941,3103],{"class":3090},[3077,3943,3403],{"class":3094},[3077,3945,3374],{"class":3109},[3077,3947,3114],{"class":3113},[3077,3949,3454],{"class":3117},[3077,3951,3382],{"class":3109},[3077,3953,3114],{"class":3113},[3077,3955,3417],{"class":3117},[3077,3957,3840],{"class":3109},[3077,3959,3114],{"class":3113},[3077,3961,3845],{"class":3117},[3077,3963,3137],{"class":3090},[3077,3965,3967,3969,3971],{"class":3079,"line":3966},21,[3077,3968,3188],{"class":3090},[3077,3970,2979],{"class":3094},[3077,3972,3097],{"class":3090},[2959,3974,3975,3976,3978,3979,3981],{},"Мітка \"Телефон:\" трохи довша за \"Ім'я:\" та \"Email:\" — але тому що перша колонка ",[2963,3977,2997],{},", вся колонка автоматично розшириться до ширини найдовшої мітки. Всі поля вводу (у ",[2963,3980,3004],{},"-колонці) при цьому залишаться вирівняними.",[3048,3983,3985],{"id":3984},"star-пропорційний-розподіл","Star (*): пропорційний розподіл",[2959,3987,3988,3989,3992],{},"Зірочкові рядки/колонки ділять між собою ",[2988,3990,3991],{},"весь залишковий простір"," після фіксованих і Auto-розмірів. За замовчуванням зірочки рівноправні:",[3068,3994,3996],{"className":3070,"code":3995,"language":3072,"meta":3073,"style":3073},"\u003CGrid Width=\"300\">\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"*\"/>  \u003C!-- 150px: половина -->\n        \u003CColumnDefinition Width=\"*\"/>  \u003C!-- 150px: половина -->\n    \u003C/Grid.ColumnDefinitions>\n\u003C/Grid>\n",[2963,3997,3998,4013,4021,4038,4054,4062],{"__ignoreMap":3073},[3077,3999,4000,4002,4004,4006,4008,4011],{"class":3079,"line":3080},[3077,4001,3091],{"class":3090},[3077,4003,2979],{"class":3094},[3077,4005,3121],{"class":3109},[3077,4007,3114],{"class":3113},[3077,4009,4010],{"class":3117},"\"300\"",[3077,4012,3097],{"class":3090},[3077,4014,4015,4017,4019],{"class":3079,"line":3087},[3077,4016,3103],{"class":3090},[3077,4018,3305],{"class":3094},[3077,4020,3097],{"class":3090},[3077,4022,4023,4025,4027,4029,4031,4033,4035],{"class":3079,"line":3100},[3077,4024,3229],{"class":3090},[3077,4026,3315],{"class":3094},[3077,4028,3121],{"class":3109},[3077,4030,3114],{"class":3113},[3077,4032,3258],{"class":3117},[3077,4034,3242],{"class":3090},[3077,4036,4037],{"class":3083},"  \u003C!-- 150px: половина -->\n",[3077,4039,4040,4042,4044,4046,4048,4050,4052],{"class":3079,"line":3140},[3077,4041,3229],{"class":3090},[3077,4043,3315],{"class":3094},[3077,4045,3121],{"class":3109},[3077,4047,3114],{"class":3113},[3077,4049,3258],{"class":3117},[3077,4051,3242],{"class":3090},[3077,4053,4037],{"class":3083},[3077,4055,4056,4058,4060],{"class":3079,"line":3164},[3077,4057,3286],{"class":3090},[3077,4059,3305],{"class":3094},[3077,4061,3097],{"class":3090},[3077,4063,4064,4066,4068],{"class":3079,"line":3185},[3077,4065,3188],{"class":3090},[3077,4067,2979],{"class":3094},[3077,4069,3097],{"class":3090},[2959,4071,4072,4073,4076,4077,4080],{},"Числовий коефіцієнт перед зірочкою задає пропорцію. ",[2963,4074,4075],{},"2*"," означає \"вдвічі більше ніж ",[2963,4078,4079],{},"1*","\":",[3068,4082,4084],{"className":3070,"code":4083,"language":3072,"meta":3073,"style":3073},"\u003CGrid Width=\"600\">\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"*\"/>   \u003C!-- 150px: 1 частина з 4 -->\n        \u003CColumnDefinition Width=\"2*\"/>  \u003C!-- 300px: 2 частини з 4 -->\n        \u003CColumnDefinition Width=\"*\"/>   \u003C!-- 150px: 1 частина з 4 -->\n    \u003C/Grid.ColumnDefinitions>\n    \u003C!-- Загалом: 1+2+1 = 4 частини. 600 / 4 = 150px на частину -->\n\u003C/Grid>\n",[2963,4085,4086,4101,4109,4126,4144,4160,4168,4173],{"__ignoreMap":3073},[3077,4087,4088,4090,4092,4094,4096,4099],{"class":3079,"line":3080},[3077,4089,3091],{"class":3090},[3077,4091,2979],{"class":3094},[3077,4093,3121],{"class":3109},[3077,4095,3114],{"class":3113},[3077,4097,4098],{"class":3117},"\"600\"",[3077,4100,3097],{"class":3090},[3077,4102,4103,4105,4107],{"class":3079,"line":3087},[3077,4104,3103],{"class":3090},[3077,4106,3305],{"class":3094},[3077,4108,3097],{"class":3090},[3077,4110,4111,4113,4115,4117,4119,4121,4123],{"class":3079,"line":3100},[3077,4112,3229],{"class":3090},[3077,4114,3315],{"class":3094},[3077,4116,3121],{"class":3109},[3077,4118,3114],{"class":3113},[3077,4120,3258],{"class":3117},[3077,4122,3242],{"class":3090},[3077,4124,4125],{"class":3083},"   \u003C!-- 150px: 1 частина з 4 -->\n",[3077,4127,4128,4130,4132,4134,4136,4139,4141],{"class":3079,"line":3140},[3077,4129,3229],{"class":3090},[3077,4131,3315],{"class":3094},[3077,4133,3121],{"class":3109},[3077,4135,3114],{"class":3113},[3077,4137,4138],{"class":3117},"\"2*\"",[3077,4140,3242],{"class":3090},[3077,4142,4143],{"class":3083},"  \u003C!-- 300px: 2 частини з 4 -->\n",[3077,4145,4146,4148,4150,4152,4154,4156,4158],{"class":3079,"line":3164},[3077,4147,3229],{"class":3090},[3077,4149,3315],{"class":3094},[3077,4151,3121],{"class":3109},[3077,4153,3114],{"class":3113},[3077,4155,3258],{"class":3117},[3077,4157,3242],{"class":3090},[3077,4159,4125],{"class":3083},[3077,4161,4162,4164,4166],{"class":3079,"line":3185},[3077,4163,3286],{"class":3090},[3077,4165,3305],{"class":3094},[3077,4167,3097],{"class":3090},[3077,4169,4170],{"class":3079,"line":3293},[3077,4171,4172],{"class":3083},"    \u003C!-- Загалом: 1+2+1 = 4 частини. 600 / 4 = 150px на частину -->\n",[3077,4174,4175,4177,4179],{"class":3079,"line":3300},[3077,4176,3188],{"class":3090},[3077,4178,2979],{"class":3094},[3077,4180,3097],{"class":3090},[2959,4182,4183,4186],{},[2988,4184,4185],{},"Алгоритм",":",[4188,4189,4190,4194,4197,4200,4206],"ol",{},[4191,4192,4193],"li",{},"Відніміть всі Fixed-розміри від доступного простору",[4191,4195,4196],{},"Для Auto — виміряйте вміст",[4191,4198,4199],{},"Відніміть Auto-розміри від залишку",[4191,4201,4202,4203,4205],{},"Порахуйте суму коефіцієнтів усіх ",[2963,4204,3004],{},"-визначень",[4191,4207,4208],{},"Розподіліть залишок пропорційно коефіцієнтам",[3068,4210,4212],{"className":3070,"code":4211,"language":3072,"meta":3073,"style":3073},"\u003C!-- Приклад: Total width = 800px -->\n\u003CGrid Width=\"800\">\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"200\"/>   \u003C!-- fixed: 200px -->\n        \u003CColumnDefinition Width=\"Auto\"/>  \u003C!-- auto: припустимо 80px (по вмісту) -->\n        \u003CColumnDefinition Width=\"2*\"/>    \u003C!-- star: (800-200-80) * 2/3 = 346.67px -->\n        \u003CColumnDefinition Width=\"*\"/>     \u003C!-- star: (800-200-80) * 1/3 = 173.33px -->\n    \u003C/Grid.ColumnDefinitions>\n\u003C/Grid>\n",[2963,4213,4214,4219,4234,4242,4259,4276,4293,4310,4318],{"__ignoreMap":3073},[3077,4215,4216],{"class":3079,"line":3080},[3077,4217,4218],{"class":3083},"\u003C!-- Приклад: Total width = 800px -->\n",[3077,4220,4221,4223,4225,4227,4229,4232],{"class":3079,"line":3087},[3077,4222,3091],{"class":3090},[3077,4224,2979],{"class":3094},[3077,4226,3121],{"class":3109},[3077,4228,3114],{"class":3113},[3077,4230,4231],{"class":3117},"\"800\"",[3077,4233,3097],{"class":3090},[3077,4235,4236,4238,4240],{"class":3079,"line":3100},[3077,4237,3103],{"class":3090},[3077,4239,3305],{"class":3094},[3077,4241,3097],{"class":3090},[3077,4243,4244,4246,4248,4250,4252,4254,4256],{"class":3079,"line":3140},[3077,4245,3229],{"class":3090},[3077,4247,3315],{"class":3094},[3077,4249,3121],{"class":3109},[3077,4251,3114],{"class":3113},[3077,4253,3126],{"class":3117},[3077,4255,3242],{"class":3090},[3077,4257,4258],{"class":3083},"   \u003C!-- fixed: 200px -->\n",[3077,4260,4261,4263,4265,4267,4269,4271,4273],{"class":3079,"line":3164},[3077,4262,3229],{"class":3090},[3077,4264,3315],{"class":3094},[3077,4266,3121],{"class":3109},[3077,4268,3114],{"class":3113},[3077,4270,3239],{"class":3117},[3077,4272,3242],{"class":3090},[3077,4274,4275],{"class":3083},"  \u003C!-- auto: припустимо 80px (по вмісту) -->\n",[3077,4277,4278,4280,4282,4284,4286,4288,4290],{"class":3079,"line":3185},[3077,4279,3229],{"class":3090},[3077,4281,3315],{"class":3094},[3077,4283,3121],{"class":3109},[3077,4285,3114],{"class":3113},[3077,4287,4138],{"class":3117},[3077,4289,3242],{"class":3090},[3077,4291,4292],{"class":3083},"    \u003C!-- star: (800-200-80) * 2/3 = 346.67px -->\n",[3077,4294,4295,4297,4299,4301,4303,4305,4307],{"class":3079,"line":3293},[3077,4296,3229],{"class":3090},[3077,4298,3315],{"class":3094},[3077,4300,3121],{"class":3109},[3077,4302,3114],{"class":3113},[3077,4304,3258],{"class":3117},[3077,4306,3242],{"class":3090},[3077,4308,4309],{"class":3083},"     \u003C!-- star: (800-200-80) * 1/3 = 173.33px -->\n",[3077,4311,4312,4314,4316],{"class":3079,"line":3300},[3077,4313,3286],{"class":3090},[3077,4315,3305],{"class":3094},[3077,4317,3097],{"class":3090},[3077,4319,4320,4322,4324],{"class":3079,"line":3310},[3077,4321,3188],{"class":3090},[3077,4323,2979],{"class":3094},[3077,4325,3097],{"class":3090},[4327,4328,4330],"wpf-preview",{"title":4329},"Типи розмірів Grid: Fixed / Auto / Star",[3068,4331,4333],{"className":3070,"code":4332,"language":3072,"meta":3073,"style":3073},"\u003CGrid Margin=\"16\" ShowGridLines=\"True\">\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"Auto\"/>\n        \u003CRowDefinition Height=\"*\"/>\n        \u003CRowDefinition Height=\"2*\"/>\n        \u003CRowDefinition Height=\"60\"/>\n    \u003C/Grid.RowDefinitions>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"Auto\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n        \u003CColumnDefinition Width=\"2*\"/>\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003C!-- Рядок 0 (Auto) -->\n    \u003CBorder Grid.Row=\"0\" Grid.Column=\"0\" Background=\"#fef3c7\" Padding=\"8,4\">\n        \u003CTextBlock Text=\"Auto Col\" FontWeight=\"Bold\" FontSize=\"11\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"0\" Grid.Column=\"1\" Background=\"#fef3c7\" Padding=\"8,4\">\n        \u003CTextBlock Text=\"1* Col\" FontWeight=\"Bold\" FontSize=\"11\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"0\" Grid.Column=\"2\" Background=\"#fef3c7\" Padding=\"8,4\">\n        \u003CTextBlock Text=\"2* Col\" FontWeight=\"Bold\" FontSize=\"11\"/>\n    \u003C/Border>\n\n    \u003C!-- Рядок 1 (1*) -->\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"0\" Background=\"#dbeafe\" Padding=\"4\">\n        \u003CTextBlock Text=\"Auto\" VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" FontSize=\"11\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"1\" Background=\"#e0f2fe\" Padding=\"4\">\n        \u003CTextBlock Text=\"1* Row\" VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" FontSize=\"11\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"2\" Background=\"#bae6fd\" Padding=\"4\">\n        \u003CTextBlock Text=\"2* Column\" VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" FontSize=\"11\"/>\n    \u003C/Border>\n\n    \u003C!-- Рядок 2 (2*) -->\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"0\" Background=\"#dcfce7\" Padding=\"4\">\n        \u003CTextBlock Text=\"Auto\" VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" FontSize=\"11\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"1\" Background=\"#bbf7d0\" Padding=\"4\">\n        \u003CTextBlock Text=\"2* Row\" VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" FontSize=\"11\"/>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"2\" Background=\"#86efac\" Padding=\"4\">\n        \u003CTextBlock Text=\"2*✕2*\" VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" FontSize=\"11\"/>\n    \u003C/Border>\n\n    \u003C!-- Рядок 3 (60px fixed) -->\n    \u003CBorder Grid.Row=\"3\" Grid.Column=\"0\" Grid.ColumnSpan=\"3\" Background=\"#fce7f3\" Padding=\"4\">\n        \u003CTextBlock Text=\"60px fixed row (ColumnSpan=3)\" VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" FontSize=\"11\"/>\n    \u003C/Border>\n\u003C/Grid>\n",[2963,4334,4335,4358,4366,4380,4394,4408,4422,4430,4438,4452,4466,4480,4488,4492,4497,4534,4565,4573,4605,4632,4640,4672,4700,4709,4714,4720,4754,4788,4797,4831,4865,4874,4908,4942,4951,4956,4962,4996,5029,5038,5072,5106,5115,5149,5183,5192,5197,5203,5244,5278,5287],{"__ignoreMap":3073},[3077,4336,4337,4339,4341,4343,4345,4348,4351,4353,4356],{"class":3079,"line":3080},[3077,4338,3091],{"class":3090},[3077,4340,2979],{"class":3094},[3077,4342,3840],{"class":3109},[3077,4344,3114],{"class":3113},[3077,4346,4347],{"class":3117},"\"16\"",[3077,4349,4350],{"class":3109}," ShowGridLines",[3077,4352,3114],{"class":3113},[3077,4354,4355],{"class":3117},"\"True\"",[3077,4357,3097],{"class":3090},[3077,4359,4360,4362,4364],{"class":3079,"line":3087},[3077,4361,3103],{"class":3090},[3077,4363,3222],{"class":3094},[3077,4365,3097],{"class":3090},[3077,4367,4368,4370,4372,4374,4376,4378],{"class":3079,"line":3100},[3077,4369,3229],{"class":3090},[3077,4371,3232],{"class":3094},[3077,4373,3129],{"class":3109},[3077,4375,3114],{"class":3113},[3077,4377,3239],{"class":3117},[3077,4379,3137],{"class":3090},[3077,4381,4382,4384,4386,4388,4390,4392],{"class":3079,"line":3140},[3077,4383,3229],{"class":3090},[3077,4385,3232],{"class":3094},[3077,4387,3129],{"class":3109},[3077,4389,3114],{"class":3113},[3077,4391,3258],{"class":3117},[3077,4393,3137],{"class":3090},[3077,4395,4396,4398,4400,4402,4404,4406],{"class":3079,"line":3164},[3077,4397,3229],{"class":3090},[3077,4399,3232],{"class":3094},[3077,4401,3129],{"class":3109},[3077,4403,3114],{"class":3113},[3077,4405,4138],{"class":3117},[3077,4407,3137],{"class":3090},[3077,4409,4410,4412,4414,4416,4418,4420],{"class":3079,"line":3185},[3077,4411,3229],{"class":3090},[3077,4413,3232],{"class":3094},[3077,4415,3129],{"class":3109},[3077,4417,3114],{"class":3113},[3077,4419,3276],{"class":3117},[3077,4421,3137],{"class":3090},[3077,4423,4424,4426,4428],{"class":3079,"line":3293},[3077,4425,3286],{"class":3090},[3077,4427,3222],{"class":3094},[3077,4429,3097],{"class":3090},[3077,4431,4432,4434,4436],{"class":3079,"line":3300},[3077,4433,3103],{"class":3090},[3077,4435,3305],{"class":3094},[3077,4437,3097],{"class":3090},[3077,4439,4440,4442,4444,4446,4448,4450],{"class":3079,"line":3310},[3077,4441,3229],{"class":3090},[3077,4443,3315],{"class":3094},[3077,4445,3121],{"class":3109},[3077,4447,3114],{"class":3113},[3077,4449,3239],{"class":3117},[3077,4451,3137],{"class":3090},[3077,4453,4454,4456,4458,4460,4462,4464],{"class":3079,"line":3329},[3077,4455,3229],{"class":3090},[3077,4457,3315],{"class":3094},[3077,4459,3121],{"class":3109},[3077,4461,3114],{"class":3113},[3077,4463,3258],{"class":3117},[3077,4465,3137],{"class":3090},[3077,4467,4468,4470,4472,4474,4476,4478],{"class":3079,"line":3347},[3077,4469,3229],{"class":3090},[3077,4471,3315],{"class":3094},[3077,4473,3121],{"class":3109},[3077,4475,3114],{"class":3113},[3077,4477,4138],{"class":3117},[3077,4479,3137],{"class":3090},[3077,4481,4482,4484,4486],{"class":3079,"line":3356},[3077,4483,3286],{"class":3090},[3077,4485,3305],{"class":3094},[3077,4487,3097],{"class":3090},[3077,4489,4490],{"class":3079,"line":3361},[3077,4491,3297],{"emptyLinePlaceholder":3296},[3077,4493,4494],{"class":3079,"line":3367},[3077,4495,4496],{"class":3083},"    \u003C!-- Рядок 0 (Auto) -->\n",[3077,4498,4499,4501,4504,4506,4508,4510,4512,4514,4516,4519,4521,4524,4527,4529,4532],{"class":3079,"line":3398},[3077,4500,3103],{"class":3090},[3077,4502,4503],{"class":3094},"Border",[3077,4505,3374],{"class":3109},[3077,4507,3114],{"class":3113},[3077,4509,3379],{"class":3117},[3077,4511,3382],{"class":3109},[3077,4513,3114],{"class":3113},[3077,4515,3379],{"class":3117},[3077,4517,4518],{"class":3109}," Background",[3077,4520,3114],{"class":3113},[3077,4522,4523],{"class":3117},"\"#fef3c7\"",[3077,4525,4526],{"class":3109}," Padding",[3077,4528,3114],{"class":3113},[3077,4530,4531],{"class":3117},"\"8,4\"",[3077,4533,3097],{"class":3090},[3077,4535,4536,4538,4540,4542,4544,4547,4550,4552,4555,4558,4560,4563],{"class":3079,"line":3429},[3077,4537,3229],{"class":3090},[3077,4539,3145],{"class":3094},[3077,4541,3148],{"class":3109},[3077,4543,3114],{"class":3113},[3077,4545,4546],{"class":3117},"\"Auto Col\"",[3077,4548,4549],{"class":3109}," FontWeight",[3077,4551,3114],{"class":3113},[3077,4553,4554],{"class":3117},"\"Bold\"",[3077,4556,4557],{"class":3109}," FontSize",[3077,4559,3114],{"class":3113},[3077,4561,4562],{"class":3117},"\"11\"",[3077,4564,3137],{"class":3090},[3077,4566,4567,4569,4571],{"class":3079,"line":3459},[3077,4568,3286],{"class":3090},[3077,4570,4503],{"class":3094},[3077,4572,3097],{"class":3090},[3077,4574,4575,4577,4579,4581,4583,4585,4587,4589,4591,4593,4595,4597,4599,4601,4603],{"class":3079,"line":3496},[3077,4576,3103],{"class":3090},[3077,4578,4503],{"class":3094},[3077,4580,3374],{"class":3109},[3077,4582,3114],{"class":3113},[3077,4584,3379],{"class":3117},[3077,4586,3382],{"class":3109},[3077,4588,3114],{"class":3113},[3077,4590,3417],{"class":3117},[3077,4592,4518],{"class":3109},[3077,4594,3114],{"class":3113},[3077,4596,4523],{"class":3117},[3077,4598,4526],{"class":3109},[3077,4600,3114],{"class":3113},[3077,4602,4531],{"class":3117},[3077,4604,3097],{"class":3090},[3077,4606,4607,4609,4611,4613,4615,4618,4620,4622,4624,4626,4628,4630],{"class":3079,"line":3911},[3077,4608,3229],{"class":3090},[3077,4610,3145],{"class":3094},[3077,4612,3148],{"class":3109},[3077,4614,3114],{"class":3113},[3077,4616,4617],{"class":3117},"\"1* Col\"",[3077,4619,4549],{"class":3109},[3077,4621,3114],{"class":3113},[3077,4623,4554],{"class":3117},[3077,4625,4557],{"class":3109},[3077,4627,3114],{"class":3113},[3077,4629,4562],{"class":3117},[3077,4631,3137],{"class":3090},[3077,4633,4634,4636,4638],{"class":3079,"line":3939},[3077,4635,3286],{"class":3090},[3077,4637,4503],{"class":3094},[3077,4639,3097],{"class":3090},[3077,4641,4642,4644,4646,4648,4650,4652,4654,4656,4658,4660,4662,4664,4666,4668,4670],{"class":3079,"line":3966},[3077,4643,3103],{"class":3090},[3077,4645,4503],{"class":3094},[3077,4647,3374],{"class":3109},[3077,4649,3114],{"class":3113},[3077,4651,3379],{"class":3117},[3077,4653,3382],{"class":3109},[3077,4655,3114],{"class":3113},[3077,4657,3454],{"class":3117},[3077,4659,4518],{"class":3109},[3077,4661,3114],{"class":3113},[3077,4663,4523],{"class":3117},[3077,4665,4526],{"class":3109},[3077,4667,3114],{"class":3113},[3077,4669,4531],{"class":3117},[3077,4671,3097],{"class":3090},[3077,4673,4675,4677,4679,4681,4683,4686,4688,4690,4692,4694,4696,4698],{"class":3079,"line":4674},22,[3077,4676,3229],{"class":3090},[3077,4678,3145],{"class":3094},[3077,4680,3148],{"class":3109},[3077,4682,3114],{"class":3113},[3077,4684,4685],{"class":3117},"\"2* Col\"",[3077,4687,4549],{"class":3109},[3077,4689,3114],{"class":3113},[3077,4691,4554],{"class":3117},[3077,4693,4557],{"class":3109},[3077,4695,3114],{"class":3113},[3077,4697,4562],{"class":3117},[3077,4699,3137],{"class":3090},[3077,4701,4703,4705,4707],{"class":3079,"line":4702},23,[3077,4704,3286],{"class":3090},[3077,4706,4503],{"class":3094},[3077,4708,3097],{"class":3090},[3077,4710,4712],{"class":3079,"line":4711},24,[3077,4713,3297],{"emptyLinePlaceholder":3296},[3077,4715,4717],{"class":3079,"line":4716},25,[3077,4718,4719],{"class":3083},"    \u003C!-- Рядок 1 (1*) -->\n",[3077,4721,4723,4725,4727,4729,4731,4733,4735,4737,4739,4741,4743,4746,4748,4750,4752],{"class":3079,"line":4722},26,[3077,4724,3103],{"class":3090},[3077,4726,4503],{"class":3094},[3077,4728,3374],{"class":3109},[3077,4730,3114],{"class":3113},[3077,4732,3417],{"class":3117},[3077,4734,3382],{"class":3109},[3077,4736,3114],{"class":3113},[3077,4738,3379],{"class":3117},[3077,4740,4518],{"class":3109},[3077,4742,3114],{"class":3113},[3077,4744,4745],{"class":3117},"\"#dbeafe\"",[3077,4747,4526],{"class":3109},[3077,4749,3114],{"class":3113},[3077,4751,3845],{"class":3117},[3077,4753,3097],{"class":3090},[3077,4755,4757,4759,4761,4763,4765,4767,4770,4772,4774,4776,4778,4780,4782,4784,4786],{"class":3079,"line":4756},27,[3077,4758,3229],{"class":3090},[3077,4760,3145],{"class":3094},[3077,4762,3148],{"class":3109},[3077,4764,3114],{"class":3113},[3077,4766,3239],{"class":3117},[3077,4768,4769],{"class":3109}," VerticalAlignment",[3077,4771,3114],{"class":3113},[3077,4773,3172],{"class":3117},[3077,4775,3156],{"class":3109},[3077,4777,3114],{"class":3113},[3077,4779,3172],{"class":3117},[3077,4781,4557],{"class":3109},[3077,4783,3114],{"class":3113},[3077,4785,4562],{"class":3117},[3077,4787,3137],{"class":3090},[3077,4789,4791,4793,4795],{"class":3079,"line":4790},28,[3077,4792,3286],{"class":3090},[3077,4794,4503],{"class":3094},[3077,4796,3097],{"class":3090},[3077,4798,4800,4802,4804,4806,4808,4810,4812,4814,4816,4818,4820,4823,4825,4827,4829],{"class":3079,"line":4799},29,[3077,4801,3103],{"class":3090},[3077,4803,4503],{"class":3094},[3077,4805,3374],{"class":3109},[3077,4807,3114],{"class":3113},[3077,4809,3417],{"class":3117},[3077,4811,3382],{"class":3109},[3077,4813,3114],{"class":3113},[3077,4815,3417],{"class":3117},[3077,4817,4518],{"class":3109},[3077,4819,3114],{"class":3113},[3077,4821,4822],{"class":3117},"\"#e0f2fe\"",[3077,4824,4526],{"class":3109},[3077,4826,3114],{"class":3113},[3077,4828,3845],{"class":3117},[3077,4830,3097],{"class":3090},[3077,4832,4834,4836,4838,4840,4842,4845,4847,4849,4851,4853,4855,4857,4859,4861,4863],{"class":3079,"line":4833},30,[3077,4835,3229],{"class":3090},[3077,4837,3145],{"class":3094},[3077,4839,3148],{"class":3109},[3077,4841,3114],{"class":3113},[3077,4843,4844],{"class":3117},"\"1* Row\"",[3077,4846,4769],{"class":3109},[3077,4848,3114],{"class":3113},[3077,4850,3172],{"class":3117},[3077,4852,3156],{"class":3109},[3077,4854,3114],{"class":3113},[3077,4856,3172],{"class":3117},[3077,4858,4557],{"class":3109},[3077,4860,3114],{"class":3113},[3077,4862,4562],{"class":3117},[3077,4864,3137],{"class":3090},[3077,4866,4868,4870,4872],{"class":3079,"line":4867},31,[3077,4869,3286],{"class":3090},[3077,4871,4503],{"class":3094},[3077,4873,3097],{"class":3090},[3077,4875,4877,4879,4881,4883,4885,4887,4889,4891,4893,4895,4897,4900,4902,4904,4906],{"class":3079,"line":4876},32,[3077,4878,3103],{"class":3090},[3077,4880,4503],{"class":3094},[3077,4882,3374],{"class":3109},[3077,4884,3114],{"class":3113},[3077,4886,3417],{"class":3117},[3077,4888,3382],{"class":3109},[3077,4890,3114],{"class":3113},[3077,4892,3454],{"class":3117},[3077,4894,4518],{"class":3109},[3077,4896,3114],{"class":3113},[3077,4898,4899],{"class":3117},"\"#bae6fd\"",[3077,4901,4526],{"class":3109},[3077,4903,3114],{"class":3113},[3077,4905,3845],{"class":3117},[3077,4907,3097],{"class":3090},[3077,4909,4911,4913,4915,4917,4919,4922,4924,4926,4928,4930,4932,4934,4936,4938,4940],{"class":3079,"line":4910},33,[3077,4912,3229],{"class":3090},[3077,4914,3145],{"class":3094},[3077,4916,3148],{"class":3109},[3077,4918,3114],{"class":3113},[3077,4920,4921],{"class":3117},"\"2* Column\"",[3077,4923,4769],{"class":3109},[3077,4925,3114],{"class":3113},[3077,4927,3172],{"class":3117},[3077,4929,3156],{"class":3109},[3077,4931,3114],{"class":3113},[3077,4933,3172],{"class":3117},[3077,4935,4557],{"class":3109},[3077,4937,3114],{"class":3113},[3077,4939,4562],{"class":3117},[3077,4941,3137],{"class":3090},[3077,4943,4945,4947,4949],{"class":3079,"line":4944},34,[3077,4946,3286],{"class":3090},[3077,4948,4503],{"class":3094},[3077,4950,3097],{"class":3090},[3077,4952,4954],{"class":3079,"line":4953},35,[3077,4955,3297],{"emptyLinePlaceholder":3296},[3077,4957,4959],{"class":3079,"line":4958},36,[3077,4960,4961],{"class":3083},"    \u003C!-- Рядок 2 (2*) -->\n",[3077,4963,4965,4967,4969,4971,4973,4975,4977,4979,4981,4983,4985,4988,4990,4992,4994],{"class":3079,"line":4964},37,[3077,4966,3103],{"class":3090},[3077,4968,4503],{"class":3094},[3077,4970,3374],{"class":3109},[3077,4972,3114],{"class":3113},[3077,4974,3454],{"class":3117},[3077,4976,3382],{"class":3109},[3077,4978,3114],{"class":3113},[3077,4980,3379],{"class":3117},[3077,4982,4518],{"class":3109},[3077,4984,3114],{"class":3113},[3077,4986,4987],{"class":3117},"\"#dcfce7\"",[3077,4989,4526],{"class":3109},[3077,4991,3114],{"class":3113},[3077,4993,3845],{"class":3117},[3077,4995,3097],{"class":3090},[3077,4997,4999,5001,5003,5005,5007,5009,5011,5013,5015,5017,5019,5021,5023,5025,5027],{"class":3079,"line":4998},38,[3077,5000,3229],{"class":3090},[3077,5002,3145],{"class":3094},[3077,5004,3148],{"class":3109},[3077,5006,3114],{"class":3113},[3077,5008,3239],{"class":3117},[3077,5010,4769],{"class":3109},[3077,5012,3114],{"class":3113},[3077,5014,3172],{"class":3117},[3077,5016,3156],{"class":3109},[3077,5018,3114],{"class":3113},[3077,5020,3172],{"class":3117},[3077,5022,4557],{"class":3109},[3077,5024,3114],{"class":3113},[3077,5026,4562],{"class":3117},[3077,5028,3137],{"class":3090},[3077,5030,5032,5034,5036],{"class":3079,"line":5031},39,[3077,5033,3286],{"class":3090},[3077,5035,4503],{"class":3094},[3077,5037,3097],{"class":3090},[3077,5039,5041,5043,5045,5047,5049,5051,5053,5055,5057,5059,5061,5064,5066,5068,5070],{"class":3079,"line":5040},40,[3077,5042,3103],{"class":3090},[3077,5044,4503],{"class":3094},[3077,5046,3374],{"class":3109},[3077,5048,3114],{"class":3113},[3077,5050,3454],{"class":3117},[3077,5052,3382],{"class":3109},[3077,5054,3114],{"class":3113},[3077,5056,3417],{"class":3117},[3077,5058,4518],{"class":3109},[3077,5060,3114],{"class":3113},[3077,5062,5063],{"class":3117},"\"#bbf7d0\"",[3077,5065,4526],{"class":3109},[3077,5067,3114],{"class":3113},[3077,5069,3845],{"class":3117},[3077,5071,3097],{"class":3090},[3077,5073,5075,5077,5079,5081,5083,5086,5088,5090,5092,5094,5096,5098,5100,5102,5104],{"class":3079,"line":5074},41,[3077,5076,3229],{"class":3090},[3077,5078,3145],{"class":3094},[3077,5080,3148],{"class":3109},[3077,5082,3114],{"class":3113},[3077,5084,5085],{"class":3117},"\"2* Row\"",[3077,5087,4769],{"class":3109},[3077,5089,3114],{"class":3113},[3077,5091,3172],{"class":3117},[3077,5093,3156],{"class":3109},[3077,5095,3114],{"class":3113},[3077,5097,3172],{"class":3117},[3077,5099,4557],{"class":3109},[3077,5101,3114],{"class":3113},[3077,5103,4562],{"class":3117},[3077,5105,3137],{"class":3090},[3077,5107,5109,5111,5113],{"class":3079,"line":5108},42,[3077,5110,3286],{"class":3090},[3077,5112,4503],{"class":3094},[3077,5114,3097],{"class":3090},[3077,5116,5118,5120,5122,5124,5126,5128,5130,5132,5134,5136,5138,5141,5143,5145,5147],{"class":3079,"line":5117},43,[3077,5119,3103],{"class":3090},[3077,5121,4503],{"class":3094},[3077,5123,3374],{"class":3109},[3077,5125,3114],{"class":3113},[3077,5127,3454],{"class":3117},[3077,5129,3382],{"class":3109},[3077,5131,3114],{"class":3113},[3077,5133,3454],{"class":3117},[3077,5135,4518],{"class":3109},[3077,5137,3114],{"class":3113},[3077,5139,5140],{"class":3117},"\"#86efac\"",[3077,5142,4526],{"class":3109},[3077,5144,3114],{"class":3113},[3077,5146,3845],{"class":3117},[3077,5148,3097],{"class":3090},[3077,5150,5152,5154,5156,5158,5160,5163,5165,5167,5169,5171,5173,5175,5177,5179,5181],{"class":3079,"line":5151},44,[3077,5153,3229],{"class":3090},[3077,5155,3145],{"class":3094},[3077,5157,3148],{"class":3109},[3077,5159,3114],{"class":3113},[3077,5161,5162],{"class":3117},"\"2*✕2*\"",[3077,5164,4769],{"class":3109},[3077,5166,3114],{"class":3113},[3077,5168,3172],{"class":3117},[3077,5170,3156],{"class":3109},[3077,5172,3114],{"class":3113},[3077,5174,3172],{"class":3117},[3077,5176,4557],{"class":3109},[3077,5178,3114],{"class":3113},[3077,5180,4562],{"class":3117},[3077,5182,3137],{"class":3090},[3077,5184,5186,5188,5190],{"class":3079,"line":5185},45,[3077,5187,3286],{"class":3090},[3077,5189,4503],{"class":3094},[3077,5191,3097],{"class":3090},[3077,5193,5195],{"class":3079,"line":5194},46,[3077,5196,3297],{"emptyLinePlaceholder":3296},[3077,5198,5200],{"class":3079,"line":5199},47,[3077,5201,5202],{"class":3083},"    \u003C!-- Рядок 3 (60px fixed) -->\n",[3077,5204,5206,5208,5210,5212,5214,5217,5219,5221,5223,5225,5227,5229,5231,5233,5236,5238,5240,5242],{"class":3079,"line":5205},48,[3077,5207,3103],{"class":3090},[3077,5209,4503],{"class":3094},[3077,5211,3374],{"class":3109},[3077,5213,3114],{"class":3113},[3077,5215,5216],{"class":3117},"\"3\"",[3077,5218,3382],{"class":3109},[3077,5220,3114],{"class":3113},[3077,5222,3379],{"class":3117},[3077,5224,3449],{"class":3109},[3077,5226,3114],{"class":3113},[3077,5228,5216],{"class":3117},[3077,5230,4518],{"class":3109},[3077,5232,3114],{"class":3113},[3077,5234,5235],{"class":3117},"\"#fce7f3\"",[3077,5237,4526],{"class":3109},[3077,5239,3114],{"class":3113},[3077,5241,3845],{"class":3117},[3077,5243,3097],{"class":3090},[3077,5245,5247,5249,5251,5253,5255,5258,5260,5262,5264,5266,5268,5270,5272,5274,5276],{"class":3079,"line":5246},49,[3077,5248,3229],{"class":3090},[3077,5250,3145],{"class":3094},[3077,5252,3148],{"class":3109},[3077,5254,3114],{"class":3113},[3077,5256,5257],{"class":3117},"\"60px fixed row (ColumnSpan=3)\"",[3077,5259,4769],{"class":3109},[3077,5261,3114],{"class":3113},[3077,5263,3172],{"class":3117},[3077,5265,3156],{"class":3109},[3077,5267,3114],{"class":3113},[3077,5269,3172],{"class":3117},[3077,5271,4557],{"class":3109},[3077,5273,3114],{"class":3113},[3077,5275,4562],{"class":3117},[3077,5277,3137],{"class":3090},[3077,5279,5281,5283,5285],{"class":3079,"line":5280},50,[3077,5282,3286],{"class":3090},[3077,5284,4503],{"class":3094},[3077,5286,3097],{"class":3090},[3077,5288,5290,5292,5294],{"class":3079,"line":5289},51,[3077,5291,3188],{"class":3090},[3077,5293,2979],{"class":3094},[3077,5295,3097],{"class":3090},[3048,5297,5299,5302],{"id":5298},"showgridlinestrue-для-відлагодження",[2963,5300,5301],{},"ShowGridLines=\"True\""," для відлагодження",[2959,5304,5305,5308,5309,3198],{},[2963,5306,5307],{},"ShowGridLines"," — корисний атрибут при розробці: він малює пунктирні лінії між рядками та колонками. У готовому застосунку завжди видаляйте або ставте ",[2963,5310,5311],{},"False",[3068,5313,5315],{"className":3070,"code":5314,"language":3072,"meta":3073,"style":3073},"\u003C!-- Тільки для розробки: -->\n\u003CGrid ShowGridLines=\"True\">\n",[2963,5316,5317,5322],{"__ignoreMap":3073},[3077,5318,5319],{"class":3079,"line":3080},[3077,5320,5321],{"class":3083},"\u003C!-- Тільки для розробки: -->\n",[3077,5323,5324,5326,5328,5330,5332,5334],{"class":3079,"line":3087},[3077,5325,3091],{"class":3090},[3077,5327,2979],{"class":3094},[3077,5329,4350],{"class":3109},[3077,5331,3114],{"class":3113},[3077,5333,4355],{"class":3117},[3077,5335,3097],{"class":3090},[3031,5337],{},[3034,5339,5341],{"id":5340},"gridrow-gridcolumn-розміщення-елементів","Grid.Row, Grid.Column: розміщення елементів",[2959,5343,5344,5345,5347,5348,5350,5351,5354],{},"Без Attached Properties ",[2963,5346,3508],{}," і ",[2963,5349,3512],{}," усі дочірні елементи потрапляють у комірку ",[2963,5352,5353],{},"[0, 0]",". Значення індексовані з нуля:",[3068,5356,5358],{"className":3070,"code":5357,"language":3072,"meta":3073,"style":3073},"\u003CGrid>\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"Auto\"/>  \u003C!-- Row 0 -->\n        \u003CRowDefinition Height=\"Auto\"/>  \u003C!-- Row 1 -->\n        \u003CRowDefinition Height=\"*\"/>     \u003C!-- Row 2 -->\n    \u003C/Grid.RowDefinitions>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"Auto\"/>  \u003C!-- Column 0 -->\n        \u003CColumnDefinition Width=\"*\"/>     \u003C!-- Column 1 -->\n        \u003CColumnDefinition Width=\"Auto\"/>  \u003C!-- Column 2 -->\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"0\" Text=\"Ім'я:\"/>\n    \u003CTextBox   Grid.Row=\"0\" Grid.Column=\"1\" Grid.ColumnSpan=\"2\"/>\n\n    \u003CTextBlock Grid.Row=\"1\" Grid.Column=\"0\" Text=\"Країна:\"/>\n    \u003CComboBox  Grid.Row=\"1\" Grid.Column=\"1\"/>\n    \u003CButton    Grid.Row=\"1\" Grid.Column=\"2\" Content=\"...\"/>\n\n    \u003CTextBox   Grid.Row=\"2\" Grid.Column=\"0\" Grid.ColumnSpan=\"3\"\n               AcceptsReturn=\"True\" TextWrapping=\"Wrap\"/>\n\u003C/Grid>\n",[2963,5359,5360,5368,5376,5393,5410,5427,5435,5443,5460,5477,5494,5502,5506,5532,5558,5562,5589,5611,5638,5642,5667,5686],{"__ignoreMap":3073},[3077,5361,5362,5364,5366],{"class":3079,"line":3080},[3077,5363,3091],{"class":3090},[3077,5365,2979],{"class":3094},[3077,5367,3097],{"class":3090},[3077,5369,5370,5372,5374],{"class":3079,"line":3087},[3077,5371,3103],{"class":3090},[3077,5373,3222],{"class":3094},[3077,5375,3097],{"class":3090},[3077,5377,5378,5380,5382,5384,5386,5388,5390],{"class":3079,"line":3100},[3077,5379,3229],{"class":3090},[3077,5381,3232],{"class":3094},[3077,5383,3129],{"class":3109},[3077,5385,3114],{"class":3113},[3077,5387,3239],{"class":3117},[3077,5389,3242],{"class":3090},[3077,5391,5392],{"class":3083},"  \u003C!-- Row 0 -->\n",[3077,5394,5395,5397,5399,5401,5403,5405,5407],{"class":3079,"line":3140},[3077,5396,3229],{"class":3090},[3077,5398,3232],{"class":3094},[3077,5400,3129],{"class":3109},[3077,5402,3114],{"class":3113},[3077,5404,3239],{"class":3117},[3077,5406,3242],{"class":3090},[3077,5408,5409],{"class":3083},"  \u003C!-- Row 1 -->\n",[3077,5411,5412,5414,5416,5418,5420,5422,5424],{"class":3079,"line":3164},[3077,5413,3229],{"class":3090},[3077,5415,3232],{"class":3094},[3077,5417,3129],{"class":3109},[3077,5419,3114],{"class":3113},[3077,5421,3258],{"class":3117},[3077,5423,3242],{"class":3090},[3077,5425,5426],{"class":3083},"     \u003C!-- Row 2 -->\n",[3077,5428,5429,5431,5433],{"class":3079,"line":3185},[3077,5430,3286],{"class":3090},[3077,5432,3222],{"class":3094},[3077,5434,3097],{"class":3090},[3077,5436,5437,5439,5441],{"class":3079,"line":3293},[3077,5438,3103],{"class":3090},[3077,5440,3305],{"class":3094},[3077,5442,3097],{"class":3090},[3077,5444,5445,5447,5449,5451,5453,5455,5457],{"class":3079,"line":3300},[3077,5446,3229],{"class":3090},[3077,5448,3315],{"class":3094},[3077,5450,3121],{"class":3109},[3077,5452,3114],{"class":3113},[3077,5454,3239],{"class":3117},[3077,5456,3242],{"class":3090},[3077,5458,5459],{"class":3083},"  \u003C!-- Column 0 -->\n",[3077,5461,5462,5464,5466,5468,5470,5472,5474],{"class":3079,"line":3310},[3077,5463,3229],{"class":3090},[3077,5465,3315],{"class":3094},[3077,5467,3121],{"class":3109},[3077,5469,3114],{"class":3113},[3077,5471,3258],{"class":3117},[3077,5473,3242],{"class":3090},[3077,5475,5476],{"class":3083},"     \u003C!-- Column 1 -->\n",[3077,5478,5479,5481,5483,5485,5487,5489,5491],{"class":3079,"line":3329},[3077,5480,3229],{"class":3090},[3077,5482,3315],{"class":3094},[3077,5484,3121],{"class":3109},[3077,5486,3114],{"class":3113},[3077,5488,3239],{"class":3117},[3077,5490,3242],{"class":3090},[3077,5492,5493],{"class":3083},"  \u003C!-- Column 2 -->\n",[3077,5495,5496,5498,5500],{"class":3079,"line":3347},[3077,5497,3286],{"class":3090},[3077,5499,3305],{"class":3094},[3077,5501,3097],{"class":3090},[3077,5503,5504],{"class":3079,"line":3356},[3077,5505,3297],{"emptyLinePlaceholder":3296},[3077,5507,5508,5510,5512,5514,5516,5518,5520,5522,5524,5526,5528,5530],{"class":3079,"line":3361},[3077,5509,3103],{"class":3090},[3077,5511,3145],{"class":3094},[3077,5513,3374],{"class":3109},[3077,5515,3114],{"class":3113},[3077,5517,3379],{"class":3117},[3077,5519,3382],{"class":3109},[3077,5521,3114],{"class":3113},[3077,5523,3379],{"class":3117},[3077,5525,3148],{"class":3109},[3077,5527,3114],{"class":3113},[3077,5529,3817],{"class":3117},[3077,5531,3137],{"class":3090},[3077,5533,5534,5536,5538,5540,5542,5544,5546,5548,5550,5552,5554,5556],{"class":3079,"line":3367},[3077,5535,3103],{"class":3090},[3077,5537,3403],{"class":3094},[3077,5539,3406],{"class":3109},[3077,5541,3114],{"class":3113},[3077,5543,3379],{"class":3117},[3077,5545,3382],{"class":3109},[3077,5547,3114],{"class":3113},[3077,5549,3417],{"class":3117},[3077,5551,3449],{"class":3109},[3077,5553,3114],{"class":3113},[3077,5555,3454],{"class":3117},[3077,5557,3137],{"class":3090},[3077,5559,5560],{"class":3079,"line":3398},[3077,5561,3297],{"emptyLinePlaceholder":3296},[3077,5563,5564,5566,5568,5570,5572,5574,5576,5578,5580,5582,5584,5587],{"class":3079,"line":3429},[3077,5565,3103],{"class":3090},[3077,5567,3145],{"class":3094},[3077,5569,3374],{"class":3109},[3077,5571,3114],{"class":3113},[3077,5573,3417],{"class":3117},[3077,5575,3382],{"class":3109},[3077,5577,3114],{"class":3113},[3077,5579,3379],{"class":3117},[3077,5581,3148],{"class":3109},[3077,5583,3114],{"class":3113},[3077,5585,5586],{"class":3117},"\"Країна:\"",[3077,5588,3137],{"class":3090},[3077,5590,5591,5593,5596,5599,5601,5603,5605,5607,5609],{"class":3079,"line":3459},[3077,5592,3103],{"class":3090},[3077,5594,5595],{"class":3094},"ComboBox",[3077,5597,5598],{"class":3109},"  Grid.Row",[3077,5600,3114],{"class":3113},[3077,5602,3417],{"class":3117},[3077,5604,3382],{"class":3109},[3077,5606,3114],{"class":3113},[3077,5608,3417],{"class":3117},[3077,5610,3137],{"class":3090},[3077,5612,5613,5615,5617,5619,5621,5623,5625,5627,5629,5631,5633,5636],{"class":3079,"line":3496},[3077,5614,3103],{"class":3090},[3077,5616,3464],{"class":3094},[3077,5618,3467],{"class":3109},[3077,5620,3114],{"class":3113},[3077,5622,3417],{"class":3117},[3077,5624,3382],{"class":3109},[3077,5626,3114],{"class":3113},[3077,5628,3454],{"class":3117},[3077,5630,3486],{"class":3109},[3077,5632,3114],{"class":3113},[3077,5634,5635],{"class":3117},"\"...\"",[3077,5637,3137],{"class":3090},[3077,5639,5640],{"class":3079,"line":3911},[3077,5641,3297],{"emptyLinePlaceholder":3296},[3077,5643,5644,5646,5648,5650,5652,5654,5656,5658,5660,5662,5664],{"class":3079,"line":3939},[3077,5645,3103],{"class":3090},[3077,5647,3403],{"class":3094},[3077,5649,3406],{"class":3109},[3077,5651,3114],{"class":3113},[3077,5653,3454],{"class":3117},[3077,5655,3382],{"class":3109},[3077,5657,3114],{"class":3113},[3077,5659,3379],{"class":3117},[3077,5661,3449],{"class":3109},[3077,5663,3114],{"class":3113},[3077,5665,5666],{"class":3117},"\"3\"\n",[3077,5668,5669,5672,5674,5676,5679,5681,5684],{"class":3079,"line":3966},[3077,5670,5671],{"class":3109},"               AcceptsReturn",[3077,5673,3114],{"class":3113},[3077,5675,4355],{"class":3117},[3077,5677,5678],{"class":3109}," TextWrapping",[3077,5680,3114],{"class":3113},[3077,5682,5683],{"class":3117},"\"Wrap\"",[3077,5685,3137],{"class":3090},[3077,5687,5688,5690,5692],{"class":3079,"line":4674},[3077,5689,3188],{"class":3090},[3077,5691,2979],{"class":3094},[3077,5693,3097],{"class":3090},[3048,5695,5697],{"id":5696},"відступи-в-grid-margin-на-дочірніх-елементах","Відступи в Grid: Margin на дочірніх елементах",[2959,5699,5700,5701,5704,5705,5708],{},"Grid не має вбудованого ",[2963,5702,5703],{},"Gap"," між комірками (на відміну від CSS Grid). Відступи задаються ",[2963,5706,5707],{},"Margin"," на дочірньому елементі:",[3068,5710,5712],{"className":3070,"code":5711,"language":3072,"meta":3073,"style":3073},"\u003CGrid>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"Auto\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003CTextBlock Grid.Column=\"0\" Text=\"Email:\" VerticalAlignment=\"Center\"\n               Margin=\"0,0,8,0\"/>  \u003C!-- 8px правого відступу між міткою і полем -->\n    \u003CTextBox Grid.Column=\"1\" Margin=\"0,4\"/>  \u003C!-- 4px зверху і знизу -->\n\u003C/Grid>\n",[2963,5713,5714,5722,5730,5744,5758,5766,5770,5794,5809,5833],{"__ignoreMap":3073},[3077,5715,5716,5718,5720],{"class":3079,"line":3080},[3077,5717,3091],{"class":3090},[3077,5719,2979],{"class":3094},[3077,5721,3097],{"class":3090},[3077,5723,5724,5726,5728],{"class":3079,"line":3087},[3077,5725,3103],{"class":3090},[3077,5727,3305],{"class":3094},[3077,5729,3097],{"class":3090},[3077,5731,5732,5734,5736,5738,5740,5742],{"class":3079,"line":3100},[3077,5733,3229],{"class":3090},[3077,5735,3315],{"class":3094},[3077,5737,3121],{"class":3109},[3077,5739,3114],{"class":3113},[3077,5741,3239],{"class":3117},[3077,5743,3137],{"class":3090},[3077,5745,5746,5748,5750,5752,5754,5756],{"class":3079,"line":3140},[3077,5747,3229],{"class":3090},[3077,5749,3315],{"class":3094},[3077,5751,3121],{"class":3109},[3077,5753,3114],{"class":3113},[3077,5755,3258],{"class":3117},[3077,5757,3137],{"class":3090},[3077,5759,5760,5762,5764],{"class":3079,"line":3164},[3077,5761,3286],{"class":3090},[3077,5763,3305],{"class":3094},[3077,5765,3097],{"class":3090},[3077,5767,5768],{"class":3079,"line":3185},[3077,5769,3297],{"emptyLinePlaceholder":3296},[3077,5771,5772,5774,5776,5778,5780,5782,5784,5786,5788,5790,5792],{"class":3079,"line":3293},[3077,5773,3103],{"class":3090},[3077,5775,3145],{"class":3094},[3077,5777,3382],{"class":3109},[3077,5779,3114],{"class":3113},[3077,5781,3379],{"class":3117},[3077,5783,3148],{"class":3109},[3077,5785,3114],{"class":3113},[3077,5787,3876],{"class":3117},[3077,5789,4769],{"class":3109},[3077,5791,3114],{"class":3113},[3077,5793,3161],{"class":3117},[3077,5795,5796,5799,5801,5804,5806],{"class":3079,"line":3300},[3077,5797,5798],{"class":3109},"               Margin",[3077,5800,3114],{"class":3113},[3077,5802,5803],{"class":3117},"\"0,0,8,0\"",[3077,5805,3242],{"class":3090},[3077,5807,5808],{"class":3083},"  \u003C!-- 8px правого відступу між міткою і полем -->\n",[3077,5810,5811,5813,5815,5817,5819,5821,5823,5825,5828,5830],{"class":3079,"line":3310},[3077,5812,3103],{"class":3090},[3077,5814,3403],{"class":3094},[3077,5816,3382],{"class":3109},[3077,5818,3114],{"class":3113},[3077,5820,3417],{"class":3117},[3077,5822,3840],{"class":3109},[3077,5824,3114],{"class":3113},[3077,5826,5827],{"class":3117},"\"0,4\"",[3077,5829,3242],{"class":3090},[3077,5831,5832],{"class":3083},"  \u003C!-- 4px зверху і знизу -->\n",[3077,5834,5835,5837,5839],{"class":3079,"line":3329},[3077,5836,3188],{"class":3090},[3077,5838,2979],{"class":3094},[3077,5840,3097],{"class":3090},[4327,5842,5844],{"title":5843},"Grid: форма логіну (Label Auto + Input \\*)",[3068,5845,5847],{"className":3070,"code":5846,"language":3072,"meta":3073,"style":3073},"\u003CBorder Background=\"White\" Padding=\"28\" CornerRadius=\"10\" Margin=\"20\"\n        BorderBrush=\"#e2e8f0\" BorderThickness=\"1\">\n    \u003CGrid Width=\"320\">\n        \u003CGrid.RowDefinitions>\n            \u003CRowDefinition Height=\"Auto\"/>\n            \u003CRowDefinition Height=\"24\"/>\n            \u003CRowDefinition Height=\"Auto\"/>\n            \u003CRowDefinition Height=\"12\"/>\n            \u003CRowDefinition Height=\"Auto\"/>\n            \u003CRowDefinition Height=\"20\"/>\n            \u003CRowDefinition Height=\"Auto\"/>\n        \u003C/Grid.RowDefinitions>\n        \u003CGrid.ColumnDefinitions>\n            \u003CColumnDefinition Width=\"Auto\"/>\n            \u003CColumnDefinition Width=\"*\"/>\n        \u003C/Grid.ColumnDefinitions>\n\n        \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"0\" Grid.ColumnSpan=\"2\"\n                   Text=\"Вхід до системи\" FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"/>\n\n        \u003CTextBlock Grid.Row=\"2\" Grid.Column=\"0\" Text=\"Email:\"\n                   VerticalAlignment=\"Center\" FontWeight=\"SemiBold\"\n                   Foreground=\"#475569\" Margin=\"0,0,12,0\"/>\n        \u003CTextBox Grid.Row=\"2\" Grid.Column=\"1\" Text=\"ivan@example.com\"\n                 Padding=\"10,7\" BorderBrush=\"#cbd5e1\" BorderThickness=\"1\"/>\n\n        \u003CTextBlock Grid.Row=\"4\" Grid.Column=\"0\" Text=\"Пароль:\"\n                   VerticalAlignment=\"Center\" FontWeight=\"SemiBold\"\n                   Foreground=\"#475569\" Margin=\"0,0,12,0\"/>\n        \u003CPasswordBox Grid.Row=\"4\" Grid.Column=\"1\"\n                     Padding=\"10,7\" BorderBrush=\"#cbd5e1\" BorderThickness=\"1\"/>\n\n        \u003CStackPanel Grid.Row=\"6\" Grid.Column=\"0\" Grid.ColumnSpan=\"2\"\n                    Orientation=\"Horizontal\" HorizontalAlignment=\"Right\" Spacing=\"8\">\n            \u003CButton Content=\"Скасувати\" Padding=\"16,8\"/>\n            \u003CButton Content=\"Увійти\" Padding=\"20,8\"\n                    Background=\"#2563eb\" Foreground=\"White\" FontWeight=\"SemiBold\"/>\n        \u003C/StackPanel>\n    \u003C/Grid>\n\u003C/Border>\n",[2963,5848,5849,5883,5902,5917,5925,5940,5955,5969,5984,5998,6013,6027,6036,6044,6058,6072,6080,6084,6109,6132,6144,6148,6173,6189,6207,6232,6258,6262,6287,6301,6317,6337,6360,6364,6389,6416,6438,6458,6483,6491,6499],{"__ignoreMap":3073},[3077,5850,5851,5853,5855,5857,5859,5861,5863,5865,5868,5871,5873,5876,5878,5880],{"class":3079,"line":3080},[3077,5852,3091],{"class":3090},[3077,5854,4503],{"class":3094},[3077,5856,4518],{"class":3109},[3077,5858,3114],{"class":3113},[3077,5860,3180],{"class":3117},[3077,5862,4526],{"class":3109},[3077,5864,3114],{"class":3113},[3077,5866,5867],{"class":3117},"\"28\"",[3077,5869,5870],{"class":3109}," CornerRadius",[3077,5872,3114],{"class":3113},[3077,5874,5875],{"class":3117},"\"10\"",[3077,5877,3840],{"class":3109},[3077,5879,3114],{"class":3113},[3077,5881,5882],{"class":3117},"\"20\"\n",[3077,5884,5885,5888,5890,5893,5896,5898,5900],{"class":3079,"line":3087},[3077,5886,5887],{"class":3109},"        BorderBrush",[3077,5889,3114],{"class":3113},[3077,5891,5892],{"class":3117},"\"#e2e8f0\"",[3077,5894,5895],{"class":3109}," BorderThickness",[3077,5897,3114],{"class":3113},[3077,5899,3417],{"class":3117},[3077,5901,3097],{"class":3090},[3077,5903,5904,5906,5908,5910,5912,5915],{"class":3079,"line":3100},[3077,5905,3103],{"class":3090},[3077,5907,2979],{"class":3094},[3077,5909,3121],{"class":3109},[3077,5911,3114],{"class":3113},[3077,5913,5914],{"class":3117},"\"320\"",[3077,5916,3097],{"class":3090},[3077,5918,5919,5921,5923],{"class":3079,"line":3140},[3077,5920,3229],{"class":3090},[3077,5922,3222],{"class":3094},[3077,5924,3097],{"class":3090},[3077,5926,5927,5930,5932,5934,5936,5938],{"class":3079,"line":3164},[3077,5928,5929],{"class":3090},"            \u003C",[3077,5931,3232],{"class":3094},[3077,5933,3129],{"class":3109},[3077,5935,3114],{"class":3113},[3077,5937,3239],{"class":3117},[3077,5939,3137],{"class":3090},[3077,5941,5942,5944,5946,5948,5950,5953],{"class":3079,"line":3185},[3077,5943,5929],{"class":3090},[3077,5945,3232],{"class":3094},[3077,5947,3129],{"class":3109},[3077,5949,3114],{"class":3113},[3077,5951,5952],{"class":3117},"\"24\"",[3077,5954,3137],{"class":3090},[3077,5956,5957,5959,5961,5963,5965,5967],{"class":3079,"line":3293},[3077,5958,5929],{"class":3090},[3077,5960,3232],{"class":3094},[3077,5962,3129],{"class":3109},[3077,5964,3114],{"class":3113},[3077,5966,3239],{"class":3117},[3077,5968,3137],{"class":3090},[3077,5970,5971,5973,5975,5977,5979,5982],{"class":3079,"line":3300},[3077,5972,5929],{"class":3090},[3077,5974,3232],{"class":3094},[3077,5976,3129],{"class":3109},[3077,5978,3114],{"class":3113},[3077,5980,5981],{"class":3117},"\"12\"",[3077,5983,3137],{"class":3090},[3077,5985,5986,5988,5990,5992,5994,5996],{"class":3079,"line":3310},[3077,5987,5929],{"class":3090},[3077,5989,3232],{"class":3094},[3077,5991,3129],{"class":3109},[3077,5993,3114],{"class":3113},[3077,5995,3239],{"class":3117},[3077,5997,3137],{"class":3090},[3077,5999,6000,6002,6004,6006,6008,6011],{"class":3079,"line":3329},[3077,6001,5929],{"class":3090},[3077,6003,3232],{"class":3094},[3077,6005,3129],{"class":3109},[3077,6007,3114],{"class":3113},[3077,6009,6010],{"class":3117},"\"20\"",[3077,6012,3137],{"class":3090},[3077,6014,6015,6017,6019,6021,6023,6025],{"class":3079,"line":3347},[3077,6016,5929],{"class":3090},[3077,6018,3232],{"class":3094},[3077,6020,3129],{"class":3109},[3077,6022,3114],{"class":3113},[3077,6024,3239],{"class":3117},[3077,6026,3137],{"class":3090},[3077,6028,6029,6032,6034],{"class":3079,"line":3356},[3077,6030,6031],{"class":3090},"        \u003C/",[3077,6033,3222],{"class":3094},[3077,6035,3097],{"class":3090},[3077,6037,6038,6040,6042],{"class":3079,"line":3361},[3077,6039,3229],{"class":3090},[3077,6041,3305],{"class":3094},[3077,6043,3097],{"class":3090},[3077,6045,6046,6048,6050,6052,6054,6056],{"class":3079,"line":3367},[3077,6047,5929],{"class":3090},[3077,6049,3315],{"class":3094},[3077,6051,3121],{"class":3109},[3077,6053,3114],{"class":3113},[3077,6055,3239],{"class":3117},[3077,6057,3137],{"class":3090},[3077,6059,6060,6062,6064,6066,6068,6070],{"class":3079,"line":3398},[3077,6061,5929],{"class":3090},[3077,6063,3315],{"class":3094},[3077,6065,3121],{"class":3109},[3077,6067,3114],{"class":3113},[3077,6069,3258],{"class":3117},[3077,6071,3137],{"class":3090},[3077,6073,6074,6076,6078],{"class":3079,"line":3429},[3077,6075,6031],{"class":3090},[3077,6077,3305],{"class":3094},[3077,6079,3097],{"class":3090},[3077,6081,6082],{"class":3079,"line":3459},[3077,6083,3297],{"emptyLinePlaceholder":3296},[3077,6085,6086,6088,6090,6092,6094,6096,6098,6100,6102,6104,6106],{"class":3079,"line":3496},[3077,6087,3229],{"class":3090},[3077,6089,3145],{"class":3094},[3077,6091,3374],{"class":3109},[3077,6093,3114],{"class":3113},[3077,6095,3379],{"class":3117},[3077,6097,3382],{"class":3109},[3077,6099,3114],{"class":3113},[3077,6101,3379],{"class":3117},[3077,6103,3449],{"class":3109},[3077,6105,3114],{"class":3113},[3077,6107,6108],{"class":3117},"\"2\"\n",[3077,6110,6111,6114,6116,6119,6121,6123,6125,6127,6129],{"class":3079,"line":3911},[3077,6112,6113],{"class":3109},"                   Text",[3077,6115,3114],{"class":3113},[3077,6117,6118],{"class":3117},"\"Вхід до системи\"",[3077,6120,4557],{"class":3109},[3077,6122,3114],{"class":3113},[3077,6124,6010],{"class":3117},[3077,6126,4549],{"class":3109},[3077,6128,3114],{"class":3113},[3077,6130,6131],{"class":3117},"\"Bold\"\n",[3077,6133,6134,6137,6139,6142],{"class":3079,"line":3939},[3077,6135,6136],{"class":3109},"                   Foreground",[3077,6138,3114],{"class":3113},[3077,6140,6141],{"class":3117},"\"#1e293b\"",[3077,6143,3137],{"class":3090},[3077,6145,6146],{"class":3079,"line":3966},[3077,6147,3297],{"emptyLinePlaceholder":3296},[3077,6149,6150,6152,6154,6156,6158,6160,6162,6164,6166,6168,6170],{"class":3079,"line":4674},[3077,6151,3229],{"class":3090},[3077,6153,3145],{"class":3094},[3077,6155,3374],{"class":3109},[3077,6157,3114],{"class":3113},[3077,6159,3454],{"class":3117},[3077,6161,3382],{"class":3109},[3077,6163,3114],{"class":3113},[3077,6165,3379],{"class":3117},[3077,6167,3148],{"class":3109},[3077,6169,3114],{"class":3113},[3077,6171,6172],{"class":3117},"\"Email:\"\n",[3077,6174,6175,6178,6180,6182,6184,6186],{"class":3079,"line":4702},[3077,6176,6177],{"class":3109},"                   VerticalAlignment",[3077,6179,3114],{"class":3113},[3077,6181,3172],{"class":3117},[3077,6183,4549],{"class":3109},[3077,6185,3114],{"class":3113},[3077,6187,6188],{"class":3117},"\"SemiBold\"\n",[3077,6190,6191,6193,6195,6198,6200,6202,6205],{"class":3079,"line":4711},[3077,6192,6136],{"class":3109},[3077,6194,3114],{"class":3113},[3077,6196,6197],{"class":3117},"\"#475569\"",[3077,6199,3840],{"class":3109},[3077,6201,3114],{"class":3113},[3077,6203,6204],{"class":3117},"\"0,0,12,0\"",[3077,6206,3137],{"class":3090},[3077,6208,6209,6211,6213,6215,6217,6219,6221,6223,6225,6227,6229],{"class":3079,"line":4716},[3077,6210,3229],{"class":3090},[3077,6212,3403],{"class":3094},[3077,6214,3374],{"class":3109},[3077,6216,3114],{"class":3113},[3077,6218,3454],{"class":3117},[3077,6220,3382],{"class":3109},[3077,6222,3114],{"class":3113},[3077,6224,3417],{"class":3117},[3077,6226,3148],{"class":3109},[3077,6228,3114],{"class":3113},[3077,6230,6231],{"class":3117},"\"ivan@example.com\"\n",[3077,6233,6234,6237,6239,6242,6245,6247,6250,6252,6254,6256],{"class":3079,"line":4722},[3077,6235,6236],{"class":3109},"                 Padding",[3077,6238,3114],{"class":3113},[3077,6240,6241],{"class":3117},"\"10,7\"",[3077,6243,6244],{"class":3109}," BorderBrush",[3077,6246,3114],{"class":3113},[3077,6248,6249],{"class":3117},"\"#cbd5e1\"",[3077,6251,5895],{"class":3109},[3077,6253,3114],{"class":3113},[3077,6255,3417],{"class":3117},[3077,6257,3137],{"class":3090},[3077,6259,6260],{"class":3079,"line":4756},[3077,6261,3297],{"emptyLinePlaceholder":3296},[3077,6263,6264,6266,6268,6270,6272,6274,6276,6278,6280,6282,6284],{"class":3079,"line":4790},[3077,6265,3229],{"class":3090},[3077,6267,3145],{"class":3094},[3077,6269,3374],{"class":3109},[3077,6271,3114],{"class":3113},[3077,6273,3845],{"class":3117},[3077,6275,3382],{"class":3109},[3077,6277,3114],{"class":3113},[3077,6279,3379],{"class":3117},[3077,6281,3148],{"class":3109},[3077,6283,3114],{"class":3113},[3077,6285,6286],{"class":3117},"\"Пароль:\"\n",[3077,6288,6289,6291,6293,6295,6297,6299],{"class":3079,"line":4799},[3077,6290,6177],{"class":3109},[3077,6292,3114],{"class":3113},[3077,6294,3172],{"class":3117},[3077,6296,4549],{"class":3109},[3077,6298,3114],{"class":3113},[3077,6300,6188],{"class":3117},[3077,6302,6303,6305,6307,6309,6311,6313,6315],{"class":3079,"line":4833},[3077,6304,6136],{"class":3109},[3077,6306,3114],{"class":3113},[3077,6308,6197],{"class":3117},[3077,6310,3840],{"class":3109},[3077,6312,3114],{"class":3113},[3077,6314,6204],{"class":3117},[3077,6316,3137],{"class":3090},[3077,6318,6319,6321,6324,6326,6328,6330,6332,6334],{"class":3079,"line":4867},[3077,6320,3229],{"class":3090},[3077,6322,6323],{"class":3094},"PasswordBox",[3077,6325,3374],{"class":3109},[3077,6327,3114],{"class":3113},[3077,6329,3845],{"class":3117},[3077,6331,3382],{"class":3109},[3077,6333,3114],{"class":3113},[3077,6335,6336],{"class":3117},"\"1\"\n",[3077,6338,6339,6342,6344,6346,6348,6350,6352,6354,6356,6358],{"class":3079,"line":4876},[3077,6340,6341],{"class":3109},"                     Padding",[3077,6343,3114],{"class":3113},[3077,6345,6241],{"class":3117},[3077,6347,6244],{"class":3109},[3077,6349,3114],{"class":3113},[3077,6351,6249],{"class":3117},[3077,6353,5895],{"class":3109},[3077,6355,3114],{"class":3113},[3077,6357,3417],{"class":3117},[3077,6359,3137],{"class":3090},[3077,6361,6362],{"class":3079,"line":4910},[3077,6363,3297],{"emptyLinePlaceholder":3296},[3077,6365,6366,6368,6370,6372,6374,6377,6379,6381,6383,6385,6387],{"class":3079,"line":4944},[3077,6367,3229],{"class":3090},[3077,6369,2965],{"class":3094},[3077,6371,3374],{"class":3109},[3077,6373,3114],{"class":3113},[3077,6375,6376],{"class":3117},"\"6\"",[3077,6378,3382],{"class":3109},[3077,6380,3114],{"class":3113},[3077,6382,3379],{"class":3117},[3077,6384,3449],{"class":3109},[3077,6386,3114],{"class":3113},[3077,6388,6108],{"class":3117},[3077,6390,6391,6394,6396,6399,6401,6403,6406,6409,6411,6414],{"class":3079,"line":4953},[3077,6392,6393],{"class":3109},"                    Orientation",[3077,6395,3114],{"class":3113},[3077,6397,6398],{"class":3117},"\"Horizontal\"",[3077,6400,3156],{"class":3109},[3077,6402,3114],{"class":3113},[3077,6404,6405],{"class":3117},"\"Right\"",[3077,6407,6408],{"class":3109}," Spacing",[3077,6410,3114],{"class":3113},[3077,6412,6413],{"class":3117},"\"8\"",[3077,6415,3097],{"class":3090},[3077,6417,6418,6420,6422,6424,6426,6429,6431,6433,6436],{"class":3079,"line":4958},[3077,6419,5929],{"class":3090},[3077,6421,3464],{"class":3094},[3077,6423,3486],{"class":3109},[3077,6425,3114],{"class":3113},[3077,6427,6428],{"class":3117},"\"Скасувати\"",[3077,6430,4526],{"class":3109},[3077,6432,3114],{"class":3113},[3077,6434,6435],{"class":3117},"\"16,8\"",[3077,6437,3137],{"class":3090},[3077,6439,6440,6442,6444,6446,6448,6451,6453,6455],{"class":3079,"line":4964},[3077,6441,5929],{"class":3090},[3077,6443,3464],{"class":3094},[3077,6445,3486],{"class":3109},[3077,6447,3114],{"class":3113},[3077,6449,6450],{"class":3117},"\"Увійти\"",[3077,6452,4526],{"class":3109},[3077,6454,3114],{"class":3113},[3077,6456,6457],{"class":3117},"\"20,8\"\n",[3077,6459,6460,6463,6465,6468,6470,6472,6474,6476,6478,6481],{"class":3079,"line":4998},[3077,6461,6462],{"class":3109},"                    Background",[3077,6464,3114],{"class":3113},[3077,6466,6467],{"class":3117},"\"#2563eb\"",[3077,6469,3175],{"class":3109},[3077,6471,3114],{"class":3113},[3077,6473,3180],{"class":3117},[3077,6475,4549],{"class":3109},[3077,6477,3114],{"class":3113},[3077,6479,6480],{"class":3117},"\"SemiBold\"",[3077,6482,3137],{"class":3090},[3077,6484,6485,6487,6489],{"class":3079,"line":5031},[3077,6486,6031],{"class":3090},[3077,6488,2965],{"class":3094},[3077,6490,3097],{"class":3090},[3077,6492,6493,6495,6497],{"class":3079,"line":5040},[3077,6494,3286],{"class":3090},[3077,6496,2979],{"class":3094},[3077,6498,3097],{"class":3090},[3077,6500,6501,6503,6505],{"class":3079,"line":5074},[3077,6502,3188],{"class":3090},[3077,6504,4503],{"class":3094},[3077,6506,3097],{"class":3090},[3031,6508],{},[3034,6510,6512],{"id":6511},"rowspan-та-columnspan-обєднання-комірок","RowSpan та ColumnSpan: об'єднання комірок",[2959,6514,6515,3058,6518,6521],{},[2963,6516,6517],{},"Grid.RowSpan",[2963,6519,6520],{},"Grid.ColumnSpan"," дозволяють елементу займати кілька суміжних рядків або колонок:",[3068,6523,6525],{"className":3070,"code":6524,"language":3072,"meta":3073,"style":3073},"\u003CButton Grid.Row=\"0\" Grid.Column=\"0\" Grid.ColumnSpan=\"2\" Content=\"Розтягнута кнопка\"/>\n\u003CListBox Grid.Row=\"0\" Grid.Column=\"0\" Grid.RowSpan=\"3\"/>\n\u003CImage Grid.Row=\"1\" Grid.Column=\"1\" Grid.RowSpan=\"2\" Grid.ColumnSpan=\"2\"/>\n",[2963,6526,6527,6560,6587],{"__ignoreMap":3073},[3077,6528,6529,6531,6533,6535,6537,6539,6541,6543,6545,6547,6549,6551,6553,6555,6558],{"class":3079,"line":3080},[3077,6530,3091],{"class":3090},[3077,6532,3464],{"class":3094},[3077,6534,3374],{"class":3109},[3077,6536,3114],{"class":3113},[3077,6538,3379],{"class":3117},[3077,6540,3382],{"class":3109},[3077,6542,3114],{"class":3113},[3077,6544,3379],{"class":3117},[3077,6546,3449],{"class":3109},[3077,6548,3114],{"class":3113},[3077,6550,3454],{"class":3117},[3077,6552,3486],{"class":3109},[3077,6554,3114],{"class":3113},[3077,6556,6557],{"class":3117},"\"Розтягнута кнопка\"",[3077,6559,3137],{"class":3090},[3077,6561,6562,6564,6566,6568,6570,6572,6574,6576,6578,6581,6583,6585],{"class":3079,"line":3087},[3077,6563,3091],{"class":3090},[3077,6565,3434],{"class":3094},[3077,6567,3374],{"class":3109},[3077,6569,3114],{"class":3113},[3077,6571,3379],{"class":3117},[3077,6573,3382],{"class":3109},[3077,6575,3114],{"class":3113},[3077,6577,3379],{"class":3117},[3077,6579,6580],{"class":3109}," Grid.RowSpan",[3077,6582,3114],{"class":3113},[3077,6584,5216],{"class":3117},[3077,6586,3137],{"class":3090},[3077,6588,6589,6591,6594,6596,6598,6600,6602,6604,6606,6608,6610,6612,6614,6616,6618],{"class":3079,"line":3100},[3077,6590,3091],{"class":3090},[3077,6592,6593],{"class":3094},"Image",[3077,6595,3374],{"class":3109},[3077,6597,3114],{"class":3113},[3077,6599,3417],{"class":3117},[3077,6601,3382],{"class":3109},[3077,6603,3114],{"class":3113},[3077,6605,3417],{"class":3117},[3077,6607,6580],{"class":3109},[3077,6609,3114],{"class":3113},[3077,6611,3454],{"class":3117},[3077,6613,3449],{"class":3109},[3077,6615,3114],{"class":3113},[3077,6617,3454],{"class":3117},[3077,6619,3137],{"class":3090},[4327,6621,6623],{"title":6622},"Grid: RowSpan і ColumnSpan — дашборд з картками",[3068,6624,6626],{"className":3070,"code":6625,"language":3072,"meta":3073,"style":3073},"\u003CGrid Margin=\"16\" Width=\"480\" Height=\"320\">\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"*\"/>\n        \u003CRowDefinition Height=\"*\"/>\n        \u003CRowDefinition Height=\"*\"/>\n    \u003C/Grid.RowDefinitions>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"*\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003C!-- Велика картка: 2 рядки × 2 колонки -->\n    \u003CBorder Grid.Row=\"0\" Grid.Column=\"0\" Grid.RowSpan=\"2\" Grid.ColumnSpan=\"2\"\n            Background=\"#1e40af\" CornerRadius=\"8\" Margin=\"4\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" Spacing=\"4\">\n            \u003CTextBlock Text=\"📊\" FontSize=\"36\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"Загальний дохід\" Foreground=\"#93c5fd\" FontSize=\"12\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"₴ 847,230\" FontSize=\"24\" FontWeight=\"Bold\"\n                       Foreground=\"White\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"+12.5% цього місяця\" Foreground=\"#86efac\" FontSize=\"11\" HorizontalAlignment=\"Center\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003CBorder Grid.Row=\"0\" Grid.Column=\"2\" Background=\"#059669\" CornerRadius=\"8\" Margin=\"4\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" Spacing=\"2\">\n            \u003CTextBlock Text=\"👥\" FontSize=\"20\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"Користувачі\" Foreground=\"#a7f3d0\" FontSize=\"10\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"3,421\" FontSize=\"18\" FontWeight=\"Bold\" Foreground=\"White\" HorizontalAlignment=\"Center\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003CBorder Grid.Row=\"1\" Grid.Column=\"2\" Background=\"#7c3aed\" CornerRadius=\"8\" Margin=\"4\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" Spacing=\"2\">\n            \u003CTextBlock Text=\"📦\" FontSize=\"20\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"Замовлення\" Foreground=\"#ddd6fe\" FontSize=\"10\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"1,847\" FontSize=\"18\" FontWeight=\"Bold\" Foreground=\"White\" HorizontalAlignment=\"Center\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"0\" Background=\"#0f172a\" CornerRadius=\"8\" Margin=\"4\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\">\n            \u003CTextBlock Text=\"Конверсія\" Foreground=\"#94a3b8\" FontSize=\"10\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"4.7%\" FontSize=\"16\" FontWeight=\"Bold\" Foreground=\"White\" HorizontalAlignment=\"Center\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"1\" Background=\"#0f172a\" CornerRadius=\"8\" Margin=\"4\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\">\n            \u003CTextBlock Text=\"Avg. Order\" Foreground=\"#94a3b8\" FontSize=\"10\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"₴ 458\" FontSize=\"16\" FontWeight=\"Bold\" Foreground=\"White\" HorizontalAlignment=\"Center\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n    \u003CBorder Grid.Row=\"2\" Grid.Column=\"2\" Background=\"#0f172a\" CornerRadius=\"8\" Margin=\"4\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\">\n            \u003CTextBlock Text=\"Повернення\" Foreground=\"#94a3b8\" FontSize=\"10\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"2.1%\" FontSize=\"16\" FontWeight=\"Bold\" Foreground=\"White\" HorizontalAlignment=\"Center\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\u003C/Grid>\n",[2963,6627,6628,6655,6663,6677,6691,6705,6713,6721,6735,6749,6763,6771,6775,6780,6810,6834,6860,6888,6922,6947,6964,6997,7005,7013,7017,7056,7082,7109,7143,7183,7191,7199,7203,7242,7268,7295,7329,7368,7376,7384,7388,7427,7447,7481,7520,7528,7536,7574,7594,7627,7666,7674,7683,7722,7743,7777,7817,7826,7835],{"__ignoreMap":3073},[3077,6629,6630,6632,6634,6636,6638,6640,6642,6644,6647,6649,6651,6653],{"class":3079,"line":3080},[3077,6631,3091],{"class":3090},[3077,6633,2979],{"class":3094},[3077,6635,3840],{"class":3109},[3077,6637,3114],{"class":3113},[3077,6639,4347],{"class":3117},[3077,6641,3121],{"class":3109},[3077,6643,3114],{"class":3113},[3077,6645,6646],{"class":3117},"\"480\"",[3077,6648,3129],{"class":3109},[3077,6650,3114],{"class":3113},[3077,6652,5914],{"class":3117},[3077,6654,3097],{"class":3090},[3077,6656,6657,6659,6661],{"class":3079,"line":3087},[3077,6658,3103],{"class":3090},[3077,6660,3222],{"class":3094},[3077,6662,3097],{"class":3090},[3077,6664,6665,6667,6669,6671,6673,6675],{"class":3079,"line":3100},[3077,6666,3229],{"class":3090},[3077,6668,3232],{"class":3094},[3077,6670,3129],{"class":3109},[3077,6672,3114],{"class":3113},[3077,6674,3258],{"class":3117},[3077,6676,3137],{"class":3090},[3077,6678,6679,6681,6683,6685,6687,6689],{"class":3079,"line":3140},[3077,6680,3229],{"class":3090},[3077,6682,3232],{"class":3094},[3077,6684,3129],{"class":3109},[3077,6686,3114],{"class":3113},[3077,6688,3258],{"class":3117},[3077,6690,3137],{"class":3090},[3077,6692,6693,6695,6697,6699,6701,6703],{"class":3079,"line":3164},[3077,6694,3229],{"class":3090},[3077,6696,3232],{"class":3094},[3077,6698,3129],{"class":3109},[3077,6700,3114],{"class":3113},[3077,6702,3258],{"class":3117},[3077,6704,3137],{"class":3090},[3077,6706,6707,6709,6711],{"class":3079,"line":3185},[3077,6708,3286],{"class":3090},[3077,6710,3222],{"class":3094},[3077,6712,3097],{"class":3090},[3077,6714,6715,6717,6719],{"class":3079,"line":3293},[3077,6716,3103],{"class":3090},[3077,6718,3305],{"class":3094},[3077,6720,3097],{"class":3090},[3077,6722,6723,6725,6727,6729,6731,6733],{"class":3079,"line":3300},[3077,6724,3229],{"class":3090},[3077,6726,3315],{"class":3094},[3077,6728,3121],{"class":3109},[3077,6730,3114],{"class":3113},[3077,6732,3258],{"class":3117},[3077,6734,3137],{"class":3090},[3077,6736,6737,6739,6741,6743,6745,6747],{"class":3079,"line":3310},[3077,6738,3229],{"class":3090},[3077,6740,3315],{"class":3094},[3077,6742,3121],{"class":3109},[3077,6744,3114],{"class":3113},[3077,6746,3258],{"class":3117},[3077,6748,3137],{"class":3090},[3077,6750,6751,6753,6755,6757,6759,6761],{"class":3079,"line":3329},[3077,6752,3229],{"class":3090},[3077,6754,3315],{"class":3094},[3077,6756,3121],{"class":3109},[3077,6758,3114],{"class":3113},[3077,6760,3258],{"class":3117},[3077,6762,3137],{"class":3090},[3077,6764,6765,6767,6769],{"class":3079,"line":3347},[3077,6766,3286],{"class":3090},[3077,6768,3305],{"class":3094},[3077,6770,3097],{"class":3090},[3077,6772,6773],{"class":3079,"line":3356},[3077,6774,3297],{"emptyLinePlaceholder":3296},[3077,6776,6777],{"class":3079,"line":3361},[3077,6778,6779],{"class":3083},"    \u003C!-- Велика картка: 2 рядки × 2 колонки -->\n",[3077,6781,6782,6784,6786,6788,6790,6792,6794,6796,6798,6800,6802,6804,6806,6808],{"class":3079,"line":3367},[3077,6783,3103],{"class":3090},[3077,6785,4503],{"class":3094},[3077,6787,3374],{"class":3109},[3077,6789,3114],{"class":3113},[3077,6791,3379],{"class":3117},[3077,6793,3382],{"class":3109},[3077,6795,3114],{"class":3113},[3077,6797,3379],{"class":3117},[3077,6799,6580],{"class":3109},[3077,6801,3114],{"class":3113},[3077,6803,3454],{"class":3117},[3077,6805,3449],{"class":3109},[3077,6807,3114],{"class":3113},[3077,6809,6108],{"class":3117},[3077,6811,6812,6815,6817,6820,6822,6824,6826,6828,6830,6832],{"class":3079,"line":3398},[3077,6813,6814],{"class":3109},"            Background",[3077,6816,3114],{"class":3113},[3077,6818,6819],{"class":3117},"\"#1e40af\"",[3077,6821,5870],{"class":3109},[3077,6823,3114],{"class":3113},[3077,6825,6413],{"class":3117},[3077,6827,3840],{"class":3109},[3077,6829,3114],{"class":3113},[3077,6831,3845],{"class":3117},[3077,6833,3097],{"class":3090},[3077,6835,6836,6838,6840,6842,6844,6846,6848,6850,6852,6854,6856,6858],{"class":3079,"line":3429},[3077,6837,3229],{"class":3090},[3077,6839,2965],{"class":3094},[3077,6841,4769],{"class":3109},[3077,6843,3114],{"class":3113},[3077,6845,3172],{"class":3117},[3077,6847,3156],{"class":3109},[3077,6849,3114],{"class":3113},[3077,6851,3172],{"class":3117},[3077,6853,6408],{"class":3109},[3077,6855,3114],{"class":3113},[3077,6857,3845],{"class":3117},[3077,6859,3097],{"class":3090},[3077,6861,6862,6864,6866,6868,6870,6873,6875,6877,6880,6882,6884,6886],{"class":3079,"line":3459},[3077,6863,5929],{"class":3090},[3077,6865,3145],{"class":3094},[3077,6867,3148],{"class":3109},[3077,6869,3114],{"class":3113},[3077,6871,6872],{"class":3117},"\"📊\"",[3077,6874,4557],{"class":3109},[3077,6876,3114],{"class":3113},[3077,6878,6879],{"class":3117},"\"36\"",[3077,6881,3156],{"class":3109},[3077,6883,3114],{"class":3113},[3077,6885,3172],{"class":3117},[3077,6887,3137],{"class":3090},[3077,6889,6890,6892,6894,6896,6898,6901,6903,6905,6908,6910,6912,6914,6916,6918,6920],{"class":3079,"line":3496},[3077,6891,5929],{"class":3090},[3077,6893,3145],{"class":3094},[3077,6895,3148],{"class":3109},[3077,6897,3114],{"class":3113},[3077,6899,6900],{"class":3117},"\"Загальний дохід\"",[3077,6902,3175],{"class":3109},[3077,6904,3114],{"class":3113},[3077,6906,6907],{"class":3117},"\"#93c5fd\"",[3077,6909,4557],{"class":3109},[3077,6911,3114],{"class":3113},[3077,6913,5981],{"class":3117},[3077,6915,3156],{"class":3109},[3077,6917,3114],{"class":3113},[3077,6919,3172],{"class":3117},[3077,6921,3137],{"class":3090},[3077,6923,6924,6926,6928,6930,6932,6935,6937,6939,6941,6943,6945],{"class":3079,"line":3911},[3077,6925,5929],{"class":3090},[3077,6927,3145],{"class":3094},[3077,6929,3148],{"class":3109},[3077,6931,3114],{"class":3113},[3077,6933,6934],{"class":3117},"\"₴ 847,230\"",[3077,6936,4557],{"class":3109},[3077,6938,3114],{"class":3113},[3077,6940,5952],{"class":3117},[3077,6942,4549],{"class":3109},[3077,6944,3114],{"class":3113},[3077,6946,6131],{"class":3117},[3077,6948,6949,6952,6954,6956,6958,6960,6962],{"class":3079,"line":3939},[3077,6950,6951],{"class":3109},"                       Foreground",[3077,6953,3114],{"class":3113},[3077,6955,3180],{"class":3117},[3077,6957,3156],{"class":3109},[3077,6959,3114],{"class":3113},[3077,6961,3172],{"class":3117},[3077,6963,3137],{"class":3090},[3077,6965,6966,6968,6970,6972,6974,6977,6979,6981,6983,6985,6987,6989,6991,6993,6995],{"class":3079,"line":3966},[3077,6967,5929],{"class":3090},[3077,6969,3145],{"class":3094},[3077,6971,3148],{"class":3109},[3077,6973,3114],{"class":3113},[3077,6975,6976],{"class":3117},"\"+12.5% цього місяця\"",[3077,6978,3175],{"class":3109},[3077,6980,3114],{"class":3113},[3077,6982,5140],{"class":3117},[3077,6984,4557],{"class":3109},[3077,6986,3114],{"class":3113},[3077,6988,4562],{"class":3117},[3077,6990,3156],{"class":3109},[3077,6992,3114],{"class":3113},[3077,6994,3172],{"class":3117},[3077,6996,3137],{"class":3090},[3077,6998,6999,7001,7003],{"class":3079,"line":4674},[3077,7000,6031],{"class":3090},[3077,7002,2965],{"class":3094},[3077,7004,3097],{"class":3090},[3077,7006,7007,7009,7011],{"class":3079,"line":4702},[3077,7008,3286],{"class":3090},[3077,7010,4503],{"class":3094},[3077,7012,3097],{"class":3090},[3077,7014,7015],{"class":3079,"line":4711},[3077,7016,3297],{"emptyLinePlaceholder":3296},[3077,7018,7019,7021,7023,7025,7027,7029,7031,7033,7035,7037,7039,7042,7044,7046,7048,7050,7052,7054],{"class":3079,"line":4716},[3077,7020,3103],{"class":3090},[3077,7022,4503],{"class":3094},[3077,7024,3374],{"class":3109},[3077,7026,3114],{"class":3113},[3077,7028,3379],{"class":3117},[3077,7030,3382],{"class":3109},[3077,7032,3114],{"class":3113},[3077,7034,3454],{"class":3117},[3077,7036,4518],{"class":3109},[3077,7038,3114],{"class":3113},[3077,7040,7041],{"class":3117},"\"#059669\"",[3077,7043,5870],{"class":3109},[3077,7045,3114],{"class":3113},[3077,7047,6413],{"class":3117},[3077,7049,3840],{"class":3109},[3077,7051,3114],{"class":3113},[3077,7053,3845],{"class":3117},[3077,7055,3097],{"class":3090},[3077,7057,7058,7060,7062,7064,7066,7068,7070,7072,7074,7076,7078,7080],{"class":3079,"line":4722},[3077,7059,3229],{"class":3090},[3077,7061,2965],{"class":3094},[3077,7063,4769],{"class":3109},[3077,7065,3114],{"class":3113},[3077,7067,3172],{"class":3117},[3077,7069,3156],{"class":3109},[3077,7071,3114],{"class":3113},[3077,7073,3172],{"class":3117},[3077,7075,6408],{"class":3109},[3077,7077,3114],{"class":3113},[3077,7079,3454],{"class":3117},[3077,7081,3097],{"class":3090},[3077,7083,7084,7086,7088,7090,7092,7095,7097,7099,7101,7103,7105,7107],{"class":3079,"line":4756},[3077,7085,5929],{"class":3090},[3077,7087,3145],{"class":3094},[3077,7089,3148],{"class":3109},[3077,7091,3114],{"class":3113},[3077,7093,7094],{"class":3117},"\"👥\"",[3077,7096,4557],{"class":3109},[3077,7098,3114],{"class":3113},[3077,7100,6010],{"class":3117},[3077,7102,3156],{"class":3109},[3077,7104,3114],{"class":3113},[3077,7106,3172],{"class":3117},[3077,7108,3137],{"class":3090},[3077,7110,7111,7113,7115,7117,7119,7122,7124,7126,7129,7131,7133,7135,7137,7139,7141],{"class":3079,"line":4790},[3077,7112,5929],{"class":3090},[3077,7114,3145],{"class":3094},[3077,7116,3148],{"class":3109},[3077,7118,3114],{"class":3113},[3077,7120,7121],{"class":3117},"\"Користувачі\"",[3077,7123,3175],{"class":3109},[3077,7125,3114],{"class":3113},[3077,7127,7128],{"class":3117},"\"#a7f3d0\"",[3077,7130,4557],{"class":3109},[3077,7132,3114],{"class":3113},[3077,7134,5875],{"class":3117},[3077,7136,3156],{"class":3109},[3077,7138,3114],{"class":3113},[3077,7140,3172],{"class":3117},[3077,7142,3137],{"class":3090},[3077,7144,7145,7147,7149,7151,7153,7156,7158,7160,7163,7165,7167,7169,7171,7173,7175,7177,7179,7181],{"class":3079,"line":4799},[3077,7146,5929],{"class":3090},[3077,7148,3145],{"class":3094},[3077,7150,3148],{"class":3109},[3077,7152,3114],{"class":3113},[3077,7154,7155],{"class":3117},"\"3,421\"",[3077,7157,4557],{"class":3109},[3077,7159,3114],{"class":3113},[3077,7161,7162],{"class":3117},"\"18\"",[3077,7164,4549],{"class":3109},[3077,7166,3114],{"class":3113},[3077,7168,4554],{"class":3117},[3077,7170,3175],{"class":3109},[3077,7172,3114],{"class":3113},[3077,7174,3180],{"class":3117},[3077,7176,3156],{"class":3109},[3077,7178,3114],{"class":3113},[3077,7180,3172],{"class":3117},[3077,7182,3137],{"class":3090},[3077,7184,7185,7187,7189],{"class":3079,"line":4833},[3077,7186,6031],{"class":3090},[3077,7188,2965],{"class":3094},[3077,7190,3097],{"class":3090},[3077,7192,7193,7195,7197],{"class":3079,"line":4867},[3077,7194,3286],{"class":3090},[3077,7196,4503],{"class":3094},[3077,7198,3097],{"class":3090},[3077,7200,7201],{"class":3079,"line":4876},[3077,7202,3297],{"emptyLinePlaceholder":3296},[3077,7204,7205,7207,7209,7211,7213,7215,7217,7219,7221,7223,7225,7228,7230,7232,7234,7236,7238,7240],{"class":3079,"line":4910},[3077,7206,3103],{"class":3090},[3077,7208,4503],{"class":3094},[3077,7210,3374],{"class":3109},[3077,7212,3114],{"class":3113},[3077,7214,3417],{"class":3117},[3077,7216,3382],{"class":3109},[3077,7218,3114],{"class":3113},[3077,7220,3454],{"class":3117},[3077,7222,4518],{"class":3109},[3077,7224,3114],{"class":3113},[3077,7226,7227],{"class":3117},"\"#7c3aed\"",[3077,7229,5870],{"class":3109},[3077,7231,3114],{"class":3113},[3077,7233,6413],{"class":3117},[3077,7235,3840],{"class":3109},[3077,7237,3114],{"class":3113},[3077,7239,3845],{"class":3117},[3077,7241,3097],{"class":3090},[3077,7243,7244,7246,7248,7250,7252,7254,7256,7258,7260,7262,7264,7266],{"class":3079,"line":4944},[3077,7245,3229],{"class":3090},[3077,7247,2965],{"class":3094},[3077,7249,4769],{"class":3109},[3077,7251,3114],{"class":3113},[3077,7253,3172],{"class":3117},[3077,7255,3156],{"class":3109},[3077,7257,3114],{"class":3113},[3077,7259,3172],{"class":3117},[3077,7261,6408],{"class":3109},[3077,7263,3114],{"class":3113},[3077,7265,3454],{"class":3117},[3077,7267,3097],{"class":3090},[3077,7269,7270,7272,7274,7276,7278,7281,7283,7285,7287,7289,7291,7293],{"class":3079,"line":4953},[3077,7271,5929],{"class":3090},[3077,7273,3145],{"class":3094},[3077,7275,3148],{"class":3109},[3077,7277,3114],{"class":3113},[3077,7279,7280],{"class":3117},"\"📦\"",[3077,7282,4557],{"class":3109},[3077,7284,3114],{"class":3113},[3077,7286,6010],{"class":3117},[3077,7288,3156],{"class":3109},[3077,7290,3114],{"class":3113},[3077,7292,3172],{"class":3117},[3077,7294,3137],{"class":3090},[3077,7296,7297,7299,7301,7303,7305,7308,7310,7312,7315,7317,7319,7321,7323,7325,7327],{"class":3079,"line":4958},[3077,7298,5929],{"class":3090},[3077,7300,3145],{"class":3094},[3077,7302,3148],{"class":3109},[3077,7304,3114],{"class":3113},[3077,7306,7307],{"class":3117},"\"Замовлення\"",[3077,7309,3175],{"class":3109},[3077,7311,3114],{"class":3113},[3077,7313,7314],{"class":3117},"\"#ddd6fe\"",[3077,7316,4557],{"class":3109},[3077,7318,3114],{"class":3113},[3077,7320,5875],{"class":3117},[3077,7322,3156],{"class":3109},[3077,7324,3114],{"class":3113},[3077,7326,3172],{"class":3117},[3077,7328,3137],{"class":3090},[3077,7330,7331,7333,7335,7337,7339,7342,7344,7346,7348,7350,7352,7354,7356,7358,7360,7362,7364,7366],{"class":3079,"line":4964},[3077,7332,5929],{"class":3090},[3077,7334,3145],{"class":3094},[3077,7336,3148],{"class":3109},[3077,7338,3114],{"class":3113},[3077,7340,7341],{"class":3117},"\"1,847\"",[3077,7343,4557],{"class":3109},[3077,7345,3114],{"class":3113},[3077,7347,7162],{"class":3117},[3077,7349,4549],{"class":3109},[3077,7351,3114],{"class":3113},[3077,7353,4554],{"class":3117},[3077,7355,3175],{"class":3109},[3077,7357,3114],{"class":3113},[3077,7359,3180],{"class":3117},[3077,7361,3156],{"class":3109},[3077,7363,3114],{"class":3113},[3077,7365,3172],{"class":3117},[3077,7367,3137],{"class":3090},[3077,7369,7370,7372,7374],{"class":3079,"line":4998},[3077,7371,6031],{"class":3090},[3077,7373,2965],{"class":3094},[3077,7375,3097],{"class":3090},[3077,7377,7378,7380,7382],{"class":3079,"line":5031},[3077,7379,3286],{"class":3090},[3077,7381,4503],{"class":3094},[3077,7383,3097],{"class":3090},[3077,7385,7386],{"class":3079,"line":5040},[3077,7387,3297],{"emptyLinePlaceholder":3296},[3077,7389,7390,7392,7394,7396,7398,7400,7402,7404,7406,7408,7410,7413,7415,7417,7419,7421,7423,7425],{"class":3079,"line":5074},[3077,7391,3103],{"class":3090},[3077,7393,4503],{"class":3094},[3077,7395,3374],{"class":3109},[3077,7397,3114],{"class":3113},[3077,7399,3454],{"class":3117},[3077,7401,3382],{"class":3109},[3077,7403,3114],{"class":3113},[3077,7405,3379],{"class":3117},[3077,7407,4518],{"class":3109},[3077,7409,3114],{"class":3113},[3077,7411,7412],{"class":3117},"\"#0f172a\"",[3077,7414,5870],{"class":3109},[3077,7416,3114],{"class":3113},[3077,7418,6413],{"class":3117},[3077,7420,3840],{"class":3109},[3077,7422,3114],{"class":3113},[3077,7424,3845],{"class":3117},[3077,7426,3097],{"class":3090},[3077,7428,7429,7431,7433,7435,7437,7439,7441,7443,7445],{"class":3079,"line":5108},[3077,7430,3229],{"class":3090},[3077,7432,2965],{"class":3094},[3077,7434,4769],{"class":3109},[3077,7436,3114],{"class":3113},[3077,7438,3172],{"class":3117},[3077,7440,3156],{"class":3109},[3077,7442,3114],{"class":3113},[3077,7444,3172],{"class":3117},[3077,7446,3097],{"class":3090},[3077,7448,7449,7451,7453,7455,7457,7460,7462,7464,7467,7469,7471,7473,7475,7477,7479],{"class":3079,"line":5117},[3077,7450,5929],{"class":3090},[3077,7452,3145],{"class":3094},[3077,7454,3148],{"class":3109},[3077,7456,3114],{"class":3113},[3077,7458,7459],{"class":3117},"\"Конверсія\"",[3077,7461,3175],{"class":3109},[3077,7463,3114],{"class":3113},[3077,7465,7466],{"class":3117},"\"#94a3b8\"",[3077,7468,4557],{"class":3109},[3077,7470,3114],{"class":3113},[3077,7472,5875],{"class":3117},[3077,7474,3156],{"class":3109},[3077,7476,3114],{"class":3113},[3077,7478,3172],{"class":3117},[3077,7480,3137],{"class":3090},[3077,7482,7483,7485,7487,7489,7491,7494,7496,7498,7500,7502,7504,7506,7508,7510,7512,7514,7516,7518],{"class":3079,"line":5151},[3077,7484,5929],{"class":3090},[3077,7486,3145],{"class":3094},[3077,7488,3148],{"class":3109},[3077,7490,3114],{"class":3113},[3077,7492,7493],{"class":3117},"\"4.7%\"",[3077,7495,4557],{"class":3109},[3077,7497,3114],{"class":3113},[3077,7499,4347],{"class":3117},[3077,7501,4549],{"class":3109},[3077,7503,3114],{"class":3113},[3077,7505,4554],{"class":3117},[3077,7507,3175],{"class":3109},[3077,7509,3114],{"class":3113},[3077,7511,3180],{"class":3117},[3077,7513,3156],{"class":3109},[3077,7515,3114],{"class":3113},[3077,7517,3172],{"class":3117},[3077,7519,3137],{"class":3090},[3077,7521,7522,7524,7526],{"class":3079,"line":5185},[3077,7523,6031],{"class":3090},[3077,7525,2965],{"class":3094},[3077,7527,3097],{"class":3090},[3077,7529,7530,7532,7534],{"class":3079,"line":5194},[3077,7531,3286],{"class":3090},[3077,7533,4503],{"class":3094},[3077,7535,3097],{"class":3090},[3077,7537,7538,7540,7542,7544,7546,7548,7550,7552,7554,7556,7558,7560,7562,7564,7566,7568,7570,7572],{"class":3079,"line":5199},[3077,7539,3103],{"class":3090},[3077,7541,4503],{"class":3094},[3077,7543,3374],{"class":3109},[3077,7545,3114],{"class":3113},[3077,7547,3454],{"class":3117},[3077,7549,3382],{"class":3109},[3077,7551,3114],{"class":3113},[3077,7553,3417],{"class":3117},[3077,7555,4518],{"class":3109},[3077,7557,3114],{"class":3113},[3077,7559,7412],{"class":3117},[3077,7561,5870],{"class":3109},[3077,7563,3114],{"class":3113},[3077,7565,6413],{"class":3117},[3077,7567,3840],{"class":3109},[3077,7569,3114],{"class":3113},[3077,7571,3845],{"class":3117},[3077,7573,3097],{"class":3090},[3077,7575,7576,7578,7580,7582,7584,7586,7588,7590,7592],{"class":3079,"line":5205},[3077,7577,3229],{"class":3090},[3077,7579,2965],{"class":3094},[3077,7581,4769],{"class":3109},[3077,7583,3114],{"class":3113},[3077,7585,3172],{"class":3117},[3077,7587,3156],{"class":3109},[3077,7589,3114],{"class":3113},[3077,7591,3172],{"class":3117},[3077,7593,3097],{"class":3090},[3077,7595,7596,7598,7600,7602,7604,7607,7609,7611,7613,7615,7617,7619,7621,7623,7625],{"class":3079,"line":5246},[3077,7597,5929],{"class":3090},[3077,7599,3145],{"class":3094},[3077,7601,3148],{"class":3109},[3077,7603,3114],{"class":3113},[3077,7605,7606],{"class":3117},"\"Avg. Order\"",[3077,7608,3175],{"class":3109},[3077,7610,3114],{"class":3113},[3077,7612,7466],{"class":3117},[3077,7614,4557],{"class":3109},[3077,7616,3114],{"class":3113},[3077,7618,5875],{"class":3117},[3077,7620,3156],{"class":3109},[3077,7622,3114],{"class":3113},[3077,7624,3172],{"class":3117},[3077,7626,3137],{"class":3090},[3077,7628,7629,7631,7633,7635,7637,7640,7642,7644,7646,7648,7650,7652,7654,7656,7658,7660,7662,7664],{"class":3079,"line":5280},[3077,7630,5929],{"class":3090},[3077,7632,3145],{"class":3094},[3077,7634,3148],{"class":3109},[3077,7636,3114],{"class":3113},[3077,7638,7639],{"class":3117},"\"₴ 458\"",[3077,7641,4557],{"class":3109},[3077,7643,3114],{"class":3113},[3077,7645,4347],{"class":3117},[3077,7647,4549],{"class":3109},[3077,7649,3114],{"class":3113},[3077,7651,4554],{"class":3117},[3077,7653,3175],{"class":3109},[3077,7655,3114],{"class":3113},[3077,7657,3180],{"class":3117},[3077,7659,3156],{"class":3109},[3077,7661,3114],{"class":3113},[3077,7663,3172],{"class":3117},[3077,7665,3137],{"class":3090},[3077,7667,7668,7670,7672],{"class":3079,"line":5289},[3077,7669,6031],{"class":3090},[3077,7671,2965],{"class":3094},[3077,7673,3097],{"class":3090},[3077,7675,7677,7679,7681],{"class":3079,"line":7676},52,[3077,7678,3286],{"class":3090},[3077,7680,4503],{"class":3094},[3077,7682,3097],{"class":3090},[3077,7684,7686,7688,7690,7692,7694,7696,7698,7700,7702,7704,7706,7708,7710,7712,7714,7716,7718,7720],{"class":3079,"line":7685},53,[3077,7687,3103],{"class":3090},[3077,7689,4503],{"class":3094},[3077,7691,3374],{"class":3109},[3077,7693,3114],{"class":3113},[3077,7695,3454],{"class":3117},[3077,7697,3382],{"class":3109},[3077,7699,3114],{"class":3113},[3077,7701,3454],{"class":3117},[3077,7703,4518],{"class":3109},[3077,7705,3114],{"class":3113},[3077,7707,7412],{"class":3117},[3077,7709,5870],{"class":3109},[3077,7711,3114],{"class":3113},[3077,7713,6413],{"class":3117},[3077,7715,3840],{"class":3109},[3077,7717,3114],{"class":3113},[3077,7719,3845],{"class":3117},[3077,7721,3097],{"class":3090},[3077,7723,7725,7727,7729,7731,7733,7735,7737,7739,7741],{"class":3079,"line":7724},54,[3077,7726,3229],{"class":3090},[3077,7728,2965],{"class":3094},[3077,7730,4769],{"class":3109},[3077,7732,3114],{"class":3113},[3077,7734,3172],{"class":3117},[3077,7736,3156],{"class":3109},[3077,7738,3114],{"class":3113},[3077,7740,3172],{"class":3117},[3077,7742,3097],{"class":3090},[3077,7744,7746,7748,7750,7752,7754,7757,7759,7761,7763,7765,7767,7769,7771,7773,7775],{"class":3079,"line":7745},55,[3077,7747,5929],{"class":3090},[3077,7749,3145],{"class":3094},[3077,7751,3148],{"class":3109},[3077,7753,3114],{"class":3113},[3077,7755,7756],{"class":3117},"\"Повернення\"",[3077,7758,3175],{"class":3109},[3077,7760,3114],{"class":3113},[3077,7762,7466],{"class":3117},[3077,7764,4557],{"class":3109},[3077,7766,3114],{"class":3113},[3077,7768,5875],{"class":3117},[3077,7770,3156],{"class":3109},[3077,7772,3114],{"class":3113},[3077,7774,3172],{"class":3117},[3077,7776,3137],{"class":3090},[3077,7778,7780,7782,7784,7786,7788,7791,7793,7795,7797,7799,7801,7803,7805,7807,7809,7811,7813,7815],{"class":3079,"line":7779},56,[3077,7781,5929],{"class":3090},[3077,7783,3145],{"class":3094},[3077,7785,3148],{"class":3109},[3077,7787,3114],{"class":3113},[3077,7789,7790],{"class":3117},"\"2.1%\"",[3077,7792,4557],{"class":3109},[3077,7794,3114],{"class":3113},[3077,7796,4347],{"class":3117},[3077,7798,4549],{"class":3109},[3077,7800,3114],{"class":3113},[3077,7802,4554],{"class":3117},[3077,7804,3175],{"class":3109},[3077,7806,3114],{"class":3113},[3077,7808,3180],{"class":3117},[3077,7810,3156],{"class":3109},[3077,7812,3114],{"class":3113},[3077,7814,3172],{"class":3117},[3077,7816,3137],{"class":3090},[3077,7818,7820,7822,7824],{"class":3079,"line":7819},57,[3077,7821,6031],{"class":3090},[3077,7823,2965],{"class":3094},[3077,7825,3097],{"class":3090},[3077,7827,7829,7831,7833],{"class":3079,"line":7828},58,[3077,7830,3286],{"class":3090},[3077,7832,4503],{"class":3094},[3077,7834,3097],{"class":3090},[3077,7836,7838,7840,7842],{"class":3079,"line":7837},59,[3077,7839,3188],{"class":3090},[3077,7841,2979],{"class":3094},[3077,7843,3097],{"class":3090},[4327,7845,7847],{"title":7846},"Grid: Калькулятор у стилі iOS",[3068,7848,7850],{"className":3070,"code":7849,"language":3072,"meta":3073,"style":3073},"\u003CBorder Background=\"#1c1c1e\" CornerRadius=\"12\" Margin=\"20\" Width=\"280\">\n    \u003CGrid Margin=\"12\">\n        \u003CGrid.RowDefinitions>\n            \u003CRowDefinition Height=\"80\"/>\n            \u003CRowDefinition Height=\"8\"/>\n            \u003CRowDefinition Height=\"56\"/>\n            \u003CRowDefinition Height=\"56\"/>\n            \u003CRowDefinition Height=\"56\"/>\n            \u003CRowDefinition Height=\"56\"/>\n            \u003CRowDefinition Height=\"56\"/>\n        \u003C/Grid.RowDefinitions>\n        \u003CGrid.ColumnDefinitions>\n            \u003CColumnDefinition Width=\"*\"/>\n            \u003CColumnDefinition Width=\"*\"/>\n            \u003CColumnDefinition Width=\"*\"/>\n            \u003CColumnDefinition Width=\"*\"/>\n        \u003C/Grid.ColumnDefinitions>\n\n        \u003CBorder Grid.Row=\"0\" Grid.Column=\"0\" Grid.ColumnSpan=\"4\"\n                Background=\"#2c2c2e\" CornerRadius=\"8\" Padding=\"12,10\">\n            \u003CStackPanel VerticalAlignment=\"Bottom\">\n                \u003CTextBlock Text=\"123 + 456\" Foreground=\"#8e8e93\" FontSize=\"13\" HorizontalAlignment=\"Right\"/>\n                \u003CTextBlock Text=\"579\" Foreground=\"White\" FontSize=\"36\" FontWeight=\"Light\" HorizontalAlignment=\"Right\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n\n        \u003CButton Grid.Row=\"2\" Grid.Column=\"0\" Content=\"AC\"  Margin=\"3\" Padding=\"0,12\" Background=\"#a1a1aa\" Foreground=\"Black\" FontSize=\"16\" FontWeight=\"SemiBold\"/>\n        \u003CButton Grid.Row=\"2\" Grid.Column=\"1\" Content=\"+/-\" Margin=\"3\" Padding=\"0,12\" Background=\"#a1a1aa\" Foreground=\"Black\" FontSize=\"16\" FontWeight=\"SemiBold\"/>\n        \u003CButton Grid.Row=\"2\" Grid.Column=\"2\" Content=\"%\"   Margin=\"3\" Padding=\"0,12\" Background=\"#a1a1aa\" Foreground=\"Black\" FontSize=\"16\" FontWeight=\"SemiBold\"/>\n        \u003CButton Grid.Row=\"2\" Grid.Column=\"3\" Content=\"÷\"   Margin=\"3\" Padding=\"0,12\" Background=\"#f59e0b\" Foreground=\"White\" FontSize=\"20\" FontWeight=\"Bold\"/>\n        \u003CButton Grid.Row=\"3\" Grid.Column=\"0\" Content=\"7\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"3\" Grid.Column=\"1\" Content=\"8\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"3\" Grid.Column=\"2\" Content=\"9\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"3\" Grid.Column=\"3\" Content=\"×\"   Margin=\"3\" Padding=\"0,12\" Background=\"#f59e0b\" Foreground=\"White\" FontSize=\"20\" FontWeight=\"Bold\"/>\n        \u003CButton Grid.Row=\"4\" Grid.Column=\"0\" Content=\"4\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"4\" Grid.Column=\"1\" Content=\"5\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"4\" Grid.Column=\"2\" Content=\"6\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"4\" Grid.Column=\"3\" Content=\"-\"   Margin=\"3\" Padding=\"0,12\" Background=\"#f59e0b\" Foreground=\"White\" FontSize=\"20\" FontWeight=\"Bold\"/>\n        \u003CButton Grid.Row=\"5\" Grid.Column=\"0\" Content=\"1\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"5\" Grid.Column=\"1\" Content=\"2\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"5\" Grid.Column=\"2\" Content=\"3\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"5\" Grid.Column=\"3\" Content=\"+\"   Margin=\"3\" Padding=\"0,12\" Background=\"#f59e0b\" Foreground=\"White\" FontSize=\"20\" FontWeight=\"Bold\"/>\n        \u003CButton Grid.Row=\"6\" Grid.Column=\"0\" Grid.ColumnSpan=\"2\" Content=\"0\" Margin=\"3\"\n                Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"\n                HorizontalContentAlignment=\"Left\" Padding=\"20,12,0,12\"/>\n        \u003CButton Grid.Row=\"6\" Grid.Column=\"2\" Content=\".\"   Margin=\"3\" Padding=\"0,12\" Background=\"#3a3a3c\" Foreground=\"White\" FontSize=\"18\"/>\n        \u003CButton Grid.Row=\"6\" Grid.Column=\"3\" Content=\"=\"   Margin=\"3\" Padding=\"0,12\" Background=\"#f59e0b\" Foreground=\"White\" FontSize=\"20\" FontWeight=\"Bold\"/>\n    \u003C/Grid>\n\u003C/Border>\n",[2963,7851,7852,7886,7900,7908,7923,7937,7952,7966,7980,7994,8008,8016,8024,8038,8052,8066,8080,8088,8092,8117,8142,8157,8193,8233,8242,8250,8254,8321,8384,8448,8512,8570,8626,8683,8746,8802,8859,8915,8978,9034,9090,9146,9209,9245,9266,9285,9342,9405,9413],{"__ignoreMap":3073},[3077,7853,7854,7856,7858,7860,7862,7865,7867,7869,7871,7873,7875,7877,7879,7881,7884],{"class":3079,"line":3080},[3077,7855,3091],{"class":3090},[3077,7857,4503],{"class":3094},[3077,7859,4518],{"class":3109},[3077,7861,3114],{"class":3113},[3077,7863,7864],{"class":3117},"\"#1c1c1e\"",[3077,7866,5870],{"class":3109},[3077,7868,3114],{"class":3113},[3077,7870,5981],{"class":3117},[3077,7872,3840],{"class":3109},[3077,7874,3114],{"class":3113},[3077,7876,6010],{"class":3117},[3077,7878,3121],{"class":3109},[3077,7880,3114],{"class":3113},[3077,7882,7883],{"class":3117},"\"280\"",[3077,7885,3097],{"class":3090},[3077,7887,7888,7890,7892,7894,7896,7898],{"class":3079,"line":3087},[3077,7889,3103],{"class":3090},[3077,7891,2979],{"class":3094},[3077,7893,3840],{"class":3109},[3077,7895,3114],{"class":3113},[3077,7897,5981],{"class":3117},[3077,7899,3097],{"class":3090},[3077,7901,7902,7904,7906],{"class":3079,"line":3100},[3077,7903,3229],{"class":3090},[3077,7905,3222],{"class":3094},[3077,7907,3097],{"class":3090},[3077,7909,7910,7912,7914,7916,7918,7921],{"class":3079,"line":3140},[3077,7911,5929],{"class":3090},[3077,7913,3232],{"class":3094},[3077,7915,3129],{"class":3109},[3077,7917,3114],{"class":3113},[3077,7919,7920],{"class":3117},"\"80\"",[3077,7922,3137],{"class":3090},[3077,7924,7925,7927,7929,7931,7933,7935],{"class":3079,"line":3164},[3077,7926,5929],{"class":3090},[3077,7928,3232],{"class":3094},[3077,7930,3129],{"class":3109},[3077,7932,3114],{"class":3113},[3077,7934,6413],{"class":3117},[3077,7936,3137],{"class":3090},[3077,7938,7939,7941,7943,7945,7947,7950],{"class":3079,"line":3185},[3077,7940,5929],{"class":3090},[3077,7942,3232],{"class":3094},[3077,7944,3129],{"class":3109},[3077,7946,3114],{"class":3113},[3077,7948,7949],{"class":3117},"\"56\"",[3077,7951,3137],{"class":3090},[3077,7953,7954,7956,7958,7960,7962,7964],{"class":3079,"line":3293},[3077,7955,5929],{"class":3090},[3077,7957,3232],{"class":3094},[3077,7959,3129],{"class":3109},[3077,7961,3114],{"class":3113},[3077,7963,7949],{"class":3117},[3077,7965,3137],{"class":3090},[3077,7967,7968,7970,7972,7974,7976,7978],{"class":3079,"line":3300},[3077,7969,5929],{"class":3090},[3077,7971,3232],{"class":3094},[3077,7973,3129],{"class":3109},[3077,7975,3114],{"class":3113},[3077,7977,7949],{"class":3117},[3077,7979,3137],{"class":3090},[3077,7981,7982,7984,7986,7988,7990,7992],{"class":3079,"line":3310},[3077,7983,5929],{"class":3090},[3077,7985,3232],{"class":3094},[3077,7987,3129],{"class":3109},[3077,7989,3114],{"class":3113},[3077,7991,7949],{"class":3117},[3077,7993,3137],{"class":3090},[3077,7995,7996,7998,8000,8002,8004,8006],{"class":3079,"line":3329},[3077,7997,5929],{"class":3090},[3077,7999,3232],{"class":3094},[3077,8001,3129],{"class":3109},[3077,8003,3114],{"class":3113},[3077,8005,7949],{"class":3117},[3077,8007,3137],{"class":3090},[3077,8009,8010,8012,8014],{"class":3079,"line":3347},[3077,8011,6031],{"class":3090},[3077,8013,3222],{"class":3094},[3077,8015,3097],{"class":3090},[3077,8017,8018,8020,8022],{"class":3079,"line":3356},[3077,8019,3229],{"class":3090},[3077,8021,3305],{"class":3094},[3077,8023,3097],{"class":3090},[3077,8025,8026,8028,8030,8032,8034,8036],{"class":3079,"line":3361},[3077,8027,5929],{"class":3090},[3077,8029,3315],{"class":3094},[3077,8031,3121],{"class":3109},[3077,8033,3114],{"class":3113},[3077,8035,3258],{"class":3117},[3077,8037,3137],{"class":3090},[3077,8039,8040,8042,8044,8046,8048,8050],{"class":3079,"line":3367},[3077,8041,5929],{"class":3090},[3077,8043,3315],{"class":3094},[3077,8045,3121],{"class":3109},[3077,8047,3114],{"class":3113},[3077,8049,3258],{"class":3117},[3077,8051,3137],{"class":3090},[3077,8053,8054,8056,8058,8060,8062,8064],{"class":3079,"line":3398},[3077,8055,5929],{"class":3090},[3077,8057,3315],{"class":3094},[3077,8059,3121],{"class":3109},[3077,8061,3114],{"class":3113},[3077,8063,3258],{"class":3117},[3077,8065,3137],{"class":3090},[3077,8067,8068,8070,8072,8074,8076,8078],{"class":3079,"line":3429},[3077,8069,5929],{"class":3090},[3077,8071,3315],{"class":3094},[3077,8073,3121],{"class":3109},[3077,8075,3114],{"class":3113},[3077,8077,3258],{"class":3117},[3077,8079,3137],{"class":3090},[3077,8081,8082,8084,8086],{"class":3079,"line":3459},[3077,8083,6031],{"class":3090},[3077,8085,3305],{"class":3094},[3077,8087,3097],{"class":3090},[3077,8089,8090],{"class":3079,"line":3496},[3077,8091,3297],{"emptyLinePlaceholder":3296},[3077,8093,8094,8096,8098,8100,8102,8104,8106,8108,8110,8112,8114],{"class":3079,"line":3911},[3077,8095,3229],{"class":3090},[3077,8097,4503],{"class":3094},[3077,8099,3374],{"class":3109},[3077,8101,3114],{"class":3113},[3077,8103,3379],{"class":3117},[3077,8105,3382],{"class":3109},[3077,8107,3114],{"class":3113},[3077,8109,3379],{"class":3117},[3077,8111,3449],{"class":3109},[3077,8113,3114],{"class":3113},[3077,8115,8116],{"class":3117},"\"4\"\n",[3077,8118,8119,8122,8124,8127,8129,8131,8133,8135,8137,8140],{"class":3079,"line":3939},[3077,8120,8121],{"class":3109},"                Background",[3077,8123,3114],{"class":3113},[3077,8125,8126],{"class":3117},"\"#2c2c2e\"",[3077,8128,5870],{"class":3109},[3077,8130,3114],{"class":3113},[3077,8132,6413],{"class":3117},[3077,8134,4526],{"class":3109},[3077,8136,3114],{"class":3113},[3077,8138,8139],{"class":3117},"\"12,10\"",[3077,8141,3097],{"class":3090},[3077,8143,8144,8146,8148,8150,8152,8155],{"class":3079,"line":3966},[3077,8145,5929],{"class":3090},[3077,8147,2965],{"class":3094},[3077,8149,4769],{"class":3109},[3077,8151,3114],{"class":3113},[3077,8153,8154],{"class":3117},"\"Bottom\"",[3077,8156,3097],{"class":3090},[3077,8158,8159,8162,8164,8166,8168,8171,8173,8175,8178,8180,8182,8185,8187,8189,8191],{"class":3079,"line":4674},[3077,8160,8161],{"class":3090},"                \u003C",[3077,8163,3145],{"class":3094},[3077,8165,3148],{"class":3109},[3077,8167,3114],{"class":3113},[3077,8169,8170],{"class":3117},"\"123 + 456\"",[3077,8172,3175],{"class":3109},[3077,8174,3114],{"class":3113},[3077,8176,8177],{"class":3117},"\"#8e8e93\"",[3077,8179,4557],{"class":3109},[3077,8181,3114],{"class":3113},[3077,8183,8184],{"class":3117},"\"13\"",[3077,8186,3156],{"class":3109},[3077,8188,3114],{"class":3113},[3077,8190,6405],{"class":3117},[3077,8192,3137],{"class":3090},[3077,8194,8195,8197,8199,8201,8203,8206,8208,8210,8212,8214,8216,8218,8220,8222,8225,8227,8229,8231],{"class":3079,"line":4702},[3077,8196,8161],{"class":3090},[3077,8198,3145],{"class":3094},[3077,8200,3148],{"class":3109},[3077,8202,3114],{"class":3113},[3077,8204,8205],{"class":3117},"\"579\"",[3077,8207,3175],{"class":3109},[3077,8209,3114],{"class":3113},[3077,8211,3180],{"class":3117},[3077,8213,4557],{"class":3109},[3077,8215,3114],{"class":3113},[3077,8217,6879],{"class":3117},[3077,8219,4549],{"class":3109},[3077,8221,3114],{"class":3113},[3077,8223,8224],{"class":3117},"\"Light\"",[3077,8226,3156],{"class":3109},[3077,8228,3114],{"class":3113},[3077,8230,6405],{"class":3117},[3077,8232,3137],{"class":3090},[3077,8234,8235,8238,8240],{"class":3079,"line":4711},[3077,8236,8237],{"class":3090},"            \u003C/",[3077,8239,2965],{"class":3094},[3077,8241,3097],{"class":3090},[3077,8243,8244,8246,8248],{"class":3079,"line":4716},[3077,8245,6031],{"class":3090},[3077,8247,4503],{"class":3094},[3077,8249,3097],{"class":3090},[3077,8251,8252],{"class":3079,"line":4722},[3077,8253,3297],{"emptyLinePlaceholder":3296},[3077,8255,8256,8258,8260,8262,8264,8266,8268,8270,8272,8274,8276,8279,8282,8284,8286,8288,8290,8293,8295,8297,8300,8302,8304,8307,8309,8311,8313,8315,8317,8319],{"class":3079,"line":4756},[3077,8257,3229],{"class":3090},[3077,8259,3464],{"class":3094},[3077,8261,3374],{"class":3109},[3077,8263,3114],{"class":3113},[3077,8265,3454],{"class":3117},[3077,8267,3382],{"class":3109},[3077,8269,3114],{"class":3113},[3077,8271,3379],{"class":3117},[3077,8273,3486],{"class":3109},[3077,8275,3114],{"class":3113},[3077,8277,8278],{"class":3117},"\"AC\"",[3077,8280,8281],{"class":3109},"  Margin",[3077,8283,3114],{"class":3113},[3077,8285,5216],{"class":3117},[3077,8287,4526],{"class":3109},[3077,8289,3114],{"class":3113},[3077,8291,8292],{"class":3117},"\"0,12\"",[3077,8294,4518],{"class":3109},[3077,8296,3114],{"class":3113},[3077,8298,8299],{"class":3117},"\"#a1a1aa\"",[3077,8301,3175],{"class":3109},[3077,8303,3114],{"class":3113},[3077,8305,8306],{"class":3117},"\"Black\"",[3077,8308,4557],{"class":3109},[3077,8310,3114],{"class":3113},[3077,8312,4347],{"class":3117},[3077,8314,4549],{"class":3109},[3077,8316,3114],{"class":3113},[3077,8318,6480],{"class":3117},[3077,8320,3137],{"class":3090},[3077,8322,8323,8325,8327,8329,8331,8333,8335,8337,8339,8341,8343,8346,8348,8350,8352,8354,8356,8358,8360,8362,8364,8366,8368,8370,8372,8374,8376,8378,8380,8382],{"class":3079,"line":4790},[3077,8324,3229],{"class":3090},[3077,8326,3464],{"class":3094},[3077,8328,3374],{"class":3109},[3077,8330,3114],{"class":3113},[3077,8332,3454],{"class":3117},[3077,8334,3382],{"class":3109},[3077,8336,3114],{"class":3113},[3077,8338,3417],{"class":3117},[3077,8340,3486],{"class":3109},[3077,8342,3114],{"class":3113},[3077,8344,8345],{"class":3117},"\"+/-\"",[3077,8347,3840],{"class":3109},[3077,8349,3114],{"class":3113},[3077,8351,5216],{"class":3117},[3077,8353,4526],{"class":3109},[3077,8355,3114],{"class":3113},[3077,8357,8292],{"class":3117},[3077,8359,4518],{"class":3109},[3077,8361,3114],{"class":3113},[3077,8363,8299],{"class":3117},[3077,8365,3175],{"class":3109},[3077,8367,3114],{"class":3113},[3077,8369,8306],{"class":3117},[3077,8371,4557],{"class":3109},[3077,8373,3114],{"class":3113},[3077,8375,4347],{"class":3117},[3077,8377,4549],{"class":3109},[3077,8379,3114],{"class":3113},[3077,8381,6480],{"class":3117},[3077,8383,3137],{"class":3090},[3077,8385,8386,8388,8390,8392,8394,8396,8398,8400,8402,8404,8406,8409,8412,8414,8416,8418,8420,8422,8424,8426,8428,8430,8432,8434,8436,8438,8440,8442,8444,8446],{"class":3079,"line":4799},[3077,8387,3229],{"class":3090},[3077,8389,3464],{"class":3094},[3077,8391,3374],{"class":3109},[3077,8393,3114],{"class":3113},[3077,8395,3454],{"class":3117},[3077,8397,3382],{"class":3109},[3077,8399,3114],{"class":3113},[3077,8401,3454],{"class":3117},[3077,8403,3486],{"class":3109},[3077,8405,3114],{"class":3113},[3077,8407,8408],{"class":3117},"\"%\"",[3077,8410,8411],{"class":3109},"   Margin",[3077,8413,3114],{"class":3113},[3077,8415,5216],{"class":3117},[3077,8417,4526],{"class":3109},[3077,8419,3114],{"class":3113},[3077,8421,8292],{"class":3117},[3077,8423,4518],{"class":3109},[3077,8425,3114],{"class":3113},[3077,8427,8299],{"class":3117},[3077,8429,3175],{"class":3109},[3077,8431,3114],{"class":3113},[3077,8433,8306],{"class":3117},[3077,8435,4557],{"class":3109},[3077,8437,3114],{"class":3113},[3077,8439,4347],{"class":3117},[3077,8441,4549],{"class":3109},[3077,8443,3114],{"class":3113},[3077,8445,6480],{"class":3117},[3077,8447,3137],{"class":3090},[3077,8449,8450,8452,8454,8456,8458,8460,8462,8464,8466,8468,8470,8473,8475,8477,8479,8481,8483,8485,8487,8489,8492,8494,8496,8498,8500,8502,8504,8506,8508,8510],{"class":3079,"line":4833},[3077,8451,3229],{"class":3090},[3077,8453,3464],{"class":3094},[3077,8455,3374],{"class":3109},[3077,8457,3114],{"class":3113},[3077,8459,3454],{"class":3117},[3077,8461,3382],{"class":3109},[3077,8463,3114],{"class":3113},[3077,8465,5216],{"class":3117},[3077,8467,3486],{"class":3109},[3077,8469,3114],{"class":3113},[3077,8471,8472],{"class":3117},"\"÷\"",[3077,8474,8411],{"class":3109},[3077,8476,3114],{"class":3113},[3077,8478,5216],{"class":3117},[3077,8480,4526],{"class":3109},[3077,8482,3114],{"class":3113},[3077,8484,8292],{"class":3117},[3077,8486,4518],{"class":3109},[3077,8488,3114],{"class":3113},[3077,8490,8491],{"class":3117},"\"#f59e0b\"",[3077,8493,3175],{"class":3109},[3077,8495,3114],{"class":3113},[3077,8497,3180],{"class":3117},[3077,8499,4557],{"class":3109},[3077,8501,3114],{"class":3113},[3077,8503,6010],{"class":3117},[3077,8505,4549],{"class":3109},[3077,8507,3114],{"class":3113},[3077,8509,4554],{"class":3117},[3077,8511,3137],{"class":3090},[3077,8513,8514,8516,8518,8520,8522,8524,8526,8528,8530,8532,8534,8537,8539,8541,8543,8545,8547,8549,8551,8553,8556,8558,8560,8562,8564,8566,8568],{"class":3079,"line":4867},[3077,8515,3229],{"class":3090},[3077,8517,3464],{"class":3094},[3077,8519,3374],{"class":3109},[3077,8521,3114],{"class":3113},[3077,8523,5216],{"class":3117},[3077,8525,3382],{"class":3109},[3077,8527,3114],{"class":3113},[3077,8529,3379],{"class":3117},[3077,8531,3486],{"class":3109},[3077,8533,3114],{"class":3113},[3077,8535,8536],{"class":3117},"\"7\"",[3077,8538,8411],{"class":3109},[3077,8540,3114],{"class":3113},[3077,8542,5216],{"class":3117},[3077,8544,4526],{"class":3109},[3077,8546,3114],{"class":3113},[3077,8548,8292],{"class":3117},[3077,8550,4518],{"class":3109},[3077,8552,3114],{"class":3113},[3077,8554,8555],{"class":3117},"\"#3a3a3c\"",[3077,8557,3175],{"class":3109},[3077,8559,3114],{"class":3113},[3077,8561,3180],{"class":3117},[3077,8563,4557],{"class":3109},[3077,8565,3114],{"class":3113},[3077,8567,7162],{"class":3117},[3077,8569,3137],{"class":3090},[3077,8571,8572,8574,8576,8578,8580,8582,8584,8586,8588,8590,8592,8594,8596,8598,8600,8602,8604,8606,8608,8610,8612,8614,8616,8618,8620,8622,8624],{"class":3079,"line":4876},[3077,8573,3229],{"class":3090},[3077,8575,3464],{"class":3094},[3077,8577,3374],{"class":3109},[3077,8579,3114],{"class":3113},[3077,8581,5216],{"class":3117},[3077,8583,3382],{"class":3109},[3077,8585,3114],{"class":3113},[3077,8587,3417],{"class":3117},[3077,8589,3486],{"class":3109},[3077,8591,3114],{"class":3113},[3077,8593,6413],{"class":3117},[3077,8595,8411],{"class":3109},[3077,8597,3114],{"class":3113},[3077,8599,5216],{"class":3117},[3077,8601,4526],{"class":3109},[3077,8603,3114],{"class":3113},[3077,8605,8292],{"class":3117},[3077,8607,4518],{"class":3109},[3077,8609,3114],{"class":3113},[3077,8611,8555],{"class":3117},[3077,8613,3175],{"class":3109},[3077,8615,3114],{"class":3113},[3077,8617,3180],{"class":3117},[3077,8619,4557],{"class":3109},[3077,8621,3114],{"class":3113},[3077,8623,7162],{"class":3117},[3077,8625,3137],{"class":3090},[3077,8627,8628,8630,8632,8634,8636,8638,8640,8642,8644,8646,8648,8651,8653,8655,8657,8659,8661,8663,8665,8667,8669,8671,8673,8675,8677,8679,8681],{"class":3079,"line":4910},[3077,8629,3229],{"class":3090},[3077,8631,3464],{"class":3094},[3077,8633,3374],{"class":3109},[3077,8635,3114],{"class":3113},[3077,8637,5216],{"class":3117},[3077,8639,3382],{"class":3109},[3077,8641,3114],{"class":3113},[3077,8643,3454],{"class":3117},[3077,8645,3486],{"class":3109},[3077,8647,3114],{"class":3113},[3077,8649,8650],{"class":3117},"\"9\"",[3077,8652,8411],{"class":3109},[3077,8654,3114],{"class":3113},[3077,8656,5216],{"class":3117},[3077,8658,4526],{"class":3109},[3077,8660,3114],{"class":3113},[3077,8662,8292],{"class":3117},[3077,8664,4518],{"class":3109},[3077,8666,3114],{"class":3113},[3077,8668,8555],{"class":3117},[3077,8670,3175],{"class":3109},[3077,8672,3114],{"class":3113},[3077,8674,3180],{"class":3117},[3077,8676,4557],{"class":3109},[3077,8678,3114],{"class":3113},[3077,8680,7162],{"class":3117},[3077,8682,3137],{"class":3090},[3077,8684,8685,8687,8689,8691,8693,8695,8697,8699,8701,8703,8705,8708,8710,8712,8714,8716,8718,8720,8722,8724,8726,8728,8730,8732,8734,8736,8738,8740,8742,8744],{"class":3079,"line":4944},[3077,8686,3229],{"class":3090},[3077,8688,3464],{"class":3094},[3077,8690,3374],{"class":3109},[3077,8692,3114],{"class":3113},[3077,8694,5216],{"class":3117},[3077,8696,3382],{"class":3109},[3077,8698,3114],{"class":3113},[3077,8700,5216],{"class":3117},[3077,8702,3486],{"class":3109},[3077,8704,3114],{"class":3113},[3077,8706,8707],{"class":3117},"\"×\"",[3077,8709,8411],{"class":3109},[3077,8711,3114],{"class":3113},[3077,8713,5216],{"class":3117},[3077,8715,4526],{"class":3109},[3077,8717,3114],{"class":3113},[3077,8719,8292],{"class":3117},[3077,8721,4518],{"class":3109},[3077,8723,3114],{"class":3113},[3077,8725,8491],{"class":3117},[3077,8727,3175],{"class":3109},[3077,8729,3114],{"class":3113},[3077,8731,3180],{"class":3117},[3077,8733,4557],{"class":3109},[3077,8735,3114],{"class":3113},[3077,8737,6010],{"class":3117},[3077,8739,4549],{"class":3109},[3077,8741,3114],{"class":3113},[3077,8743,4554],{"class":3117},[3077,8745,3137],{"class":3090},[3077,8747,8748,8750,8752,8754,8756,8758,8760,8762,8764,8766,8768,8770,8772,8774,8776,8778,8780,8782,8784,8786,8788,8790,8792,8794,8796,8798,8800],{"class":3079,"line":4953},[3077,8749,3229],{"class":3090},[3077,8751,3464],{"class":3094},[3077,8753,3374],{"class":3109},[3077,8755,3114],{"class":3113},[3077,8757,3845],{"class":3117},[3077,8759,3382],{"class":3109},[3077,8761,3114],{"class":3113},[3077,8763,3379],{"class":3117},[3077,8765,3486],{"class":3109},[3077,8767,3114],{"class":3113},[3077,8769,3845],{"class":3117},[3077,8771,8411],{"class":3109},[3077,8773,3114],{"class":3113},[3077,8775,5216],{"class":3117},[3077,8777,4526],{"class":3109},[3077,8779,3114],{"class":3113},[3077,8781,8292],{"class":3117},[3077,8783,4518],{"class":3109},[3077,8785,3114],{"class":3113},[3077,8787,8555],{"class":3117},[3077,8789,3175],{"class":3109},[3077,8791,3114],{"class":3113},[3077,8793,3180],{"class":3117},[3077,8795,4557],{"class":3109},[3077,8797,3114],{"class":3113},[3077,8799,7162],{"class":3117},[3077,8801,3137],{"class":3090},[3077,8803,8804,8806,8808,8810,8812,8814,8816,8818,8820,8822,8824,8827,8829,8831,8833,8835,8837,8839,8841,8843,8845,8847,8849,8851,8853,8855,8857],{"class":3079,"line":4958},[3077,8805,3229],{"class":3090},[3077,8807,3464],{"class":3094},[3077,8809,3374],{"class":3109},[3077,8811,3114],{"class":3113},[3077,8813,3845],{"class":3117},[3077,8815,3382],{"class":3109},[3077,8817,3114],{"class":3113},[3077,8819,3417],{"class":3117},[3077,8821,3486],{"class":3109},[3077,8823,3114],{"class":3113},[3077,8825,8826],{"class":3117},"\"5\"",[3077,8828,8411],{"class":3109},[3077,8830,3114],{"class":3113},[3077,8832,5216],{"class":3117},[3077,8834,4526],{"class":3109},[3077,8836,3114],{"class":3113},[3077,8838,8292],{"class":3117},[3077,8840,4518],{"class":3109},[3077,8842,3114],{"class":3113},[3077,8844,8555],{"class":3117},[3077,8846,3175],{"class":3109},[3077,8848,3114],{"class":3113},[3077,8850,3180],{"class":3117},[3077,8852,4557],{"class":3109},[3077,8854,3114],{"class":3113},[3077,8856,7162],{"class":3117},[3077,8858,3137],{"class":3090},[3077,8860,8861,8863,8865,8867,8869,8871,8873,8875,8877,8879,8881,8883,8885,8887,8889,8891,8893,8895,8897,8899,8901,8903,8905,8907,8909,8911,8913],{"class":3079,"line":4964},[3077,8862,3229],{"class":3090},[3077,8864,3464],{"class":3094},[3077,8866,3374],{"class":3109},[3077,8868,3114],{"class":3113},[3077,8870,3845],{"class":3117},[3077,8872,3382],{"class":3109},[3077,8874,3114],{"class":3113},[3077,8876,3454],{"class":3117},[3077,8878,3486],{"class":3109},[3077,8880,3114],{"class":3113},[3077,8882,6376],{"class":3117},[3077,8884,8411],{"class":3109},[3077,8886,3114],{"class":3113},[3077,8888,5216],{"class":3117},[3077,8890,4526],{"class":3109},[3077,8892,3114],{"class":3113},[3077,8894,8292],{"class":3117},[3077,8896,4518],{"class":3109},[3077,8898,3114],{"class":3113},[3077,8900,8555],{"class":3117},[3077,8902,3175],{"class":3109},[3077,8904,3114],{"class":3113},[3077,8906,3180],{"class":3117},[3077,8908,4557],{"class":3109},[3077,8910,3114],{"class":3113},[3077,8912,7162],{"class":3117},[3077,8914,3137],{"class":3090},[3077,8916,8917,8919,8921,8923,8925,8927,8929,8931,8933,8935,8937,8940,8942,8944,8946,8948,8950,8952,8954,8956,8958,8960,8962,8964,8966,8968,8970,8972,8974,8976],{"class":3079,"line":4998},[3077,8918,3229],{"class":3090},[3077,8920,3464],{"class":3094},[3077,8922,3374],{"class":3109},[3077,8924,3114],{"class":3113},[3077,8926,3845],{"class":3117},[3077,8928,3382],{"class":3109},[3077,8930,3114],{"class":3113},[3077,8932,5216],{"class":3117},[3077,8934,3486],{"class":3109},[3077,8936,3114],{"class":3113},[3077,8938,8939],{"class":3117},"\"-\"",[3077,8941,8411],{"class":3109},[3077,8943,3114],{"class":3113},[3077,8945,5216],{"class":3117},[3077,8947,4526],{"class":3109},[3077,8949,3114],{"class":3113},[3077,8951,8292],{"class":3117},[3077,8953,4518],{"class":3109},[3077,8955,3114],{"class":3113},[3077,8957,8491],{"class":3117},[3077,8959,3175],{"class":3109},[3077,8961,3114],{"class":3113},[3077,8963,3180],{"class":3117},[3077,8965,4557],{"class":3109},[3077,8967,3114],{"class":3113},[3077,8969,6010],{"class":3117},[3077,8971,4549],{"class":3109},[3077,8973,3114],{"class":3113},[3077,8975,4554],{"class":3117},[3077,8977,3137],{"class":3090},[3077,8979,8980,8982,8984,8986,8988,8990,8992,8994,8996,8998,9000,9002,9004,9006,9008,9010,9012,9014,9016,9018,9020,9022,9024,9026,9028,9030,9032],{"class":3079,"line":5031},[3077,8981,3229],{"class":3090},[3077,8983,3464],{"class":3094},[3077,8985,3374],{"class":3109},[3077,8987,3114],{"class":3113},[3077,8989,8826],{"class":3117},[3077,8991,3382],{"class":3109},[3077,8993,3114],{"class":3113},[3077,8995,3379],{"class":3117},[3077,8997,3486],{"class":3109},[3077,8999,3114],{"class":3113},[3077,9001,3417],{"class":3117},[3077,9003,8411],{"class":3109},[3077,9005,3114],{"class":3113},[3077,9007,5216],{"class":3117},[3077,9009,4526],{"class":3109},[3077,9011,3114],{"class":3113},[3077,9013,8292],{"class":3117},[3077,9015,4518],{"class":3109},[3077,9017,3114],{"class":3113},[3077,9019,8555],{"class":3117},[3077,9021,3175],{"class":3109},[3077,9023,3114],{"class":3113},[3077,9025,3180],{"class":3117},[3077,9027,4557],{"class":3109},[3077,9029,3114],{"class":3113},[3077,9031,7162],{"class":3117},[3077,9033,3137],{"class":3090},[3077,9035,9036,9038,9040,9042,9044,9046,9048,9050,9052,9054,9056,9058,9060,9062,9064,9066,9068,9070,9072,9074,9076,9078,9080,9082,9084,9086,9088],{"class":3079,"line":5040},[3077,9037,3229],{"class":3090},[3077,9039,3464],{"class":3094},[3077,9041,3374],{"class":3109},[3077,9043,3114],{"class":3113},[3077,9045,8826],{"class":3117},[3077,9047,3382],{"class":3109},[3077,9049,3114],{"class":3113},[3077,9051,3417],{"class":3117},[3077,9053,3486],{"class":3109},[3077,9055,3114],{"class":3113},[3077,9057,3454],{"class":3117},[3077,9059,8411],{"class":3109},[3077,9061,3114],{"class":3113},[3077,9063,5216],{"class":3117},[3077,9065,4526],{"class":3109},[3077,9067,3114],{"class":3113},[3077,9069,8292],{"class":3117},[3077,9071,4518],{"class":3109},[3077,9073,3114],{"class":3113},[3077,9075,8555],{"class":3117},[3077,9077,3175],{"class":3109},[3077,9079,3114],{"class":3113},[3077,9081,3180],{"class":3117},[3077,9083,4557],{"class":3109},[3077,9085,3114],{"class":3113},[3077,9087,7162],{"class":3117},[3077,9089,3137],{"class":3090},[3077,9091,9092,9094,9096,9098,9100,9102,9104,9106,9108,9110,9112,9114,9116,9118,9120,9122,9124,9126,9128,9130,9132,9134,9136,9138,9140,9142,9144],{"class":3079,"line":5074},[3077,9093,3229],{"class":3090},[3077,9095,3464],{"class":3094},[3077,9097,3374],{"class":3109},[3077,9099,3114],{"class":3113},[3077,9101,8826],{"class":3117},[3077,9103,3382],{"class":3109},[3077,9105,3114],{"class":3113},[3077,9107,3454],{"class":3117},[3077,9109,3486],{"class":3109},[3077,9111,3114],{"class":3113},[3077,9113,5216],{"class":3117},[3077,9115,8411],{"class":3109},[3077,9117,3114],{"class":3113},[3077,9119,5216],{"class":3117},[3077,9121,4526],{"class":3109},[3077,9123,3114],{"class":3113},[3077,9125,8292],{"class":3117},[3077,9127,4518],{"class":3109},[3077,9129,3114],{"class":3113},[3077,9131,8555],{"class":3117},[3077,9133,3175],{"class":3109},[3077,9135,3114],{"class":3113},[3077,9137,3180],{"class":3117},[3077,9139,4557],{"class":3109},[3077,9141,3114],{"class":3113},[3077,9143,7162],{"class":3117},[3077,9145,3137],{"class":3090},[3077,9147,9148,9150,9152,9154,9156,9158,9160,9162,9164,9166,9168,9171,9173,9175,9177,9179,9181,9183,9185,9187,9189,9191,9193,9195,9197,9199,9201,9203,9205,9207],{"class":3079,"line":5108},[3077,9149,3229],{"class":3090},[3077,9151,3464],{"class":3094},[3077,9153,3374],{"class":3109},[3077,9155,3114],{"class":3113},[3077,9157,8826],{"class":3117},[3077,9159,3382],{"class":3109},[3077,9161,3114],{"class":3113},[3077,9163,5216],{"class":3117},[3077,9165,3486],{"class":3109},[3077,9167,3114],{"class":3113},[3077,9169,9170],{"class":3117},"\"+\"",[3077,9172,8411],{"class":3109},[3077,9174,3114],{"class":3113},[3077,9176,5216],{"class":3117},[3077,9178,4526],{"class":3109},[3077,9180,3114],{"class":3113},[3077,9182,8292],{"class":3117},[3077,9184,4518],{"class":3109},[3077,9186,3114],{"class":3113},[3077,9188,8491],{"class":3117},[3077,9190,3175],{"class":3109},[3077,9192,3114],{"class":3113},[3077,9194,3180],{"class":3117},[3077,9196,4557],{"class":3109},[3077,9198,3114],{"class":3113},[3077,9200,6010],{"class":3117},[3077,9202,4549],{"class":3109},[3077,9204,3114],{"class":3113},[3077,9206,4554],{"class":3117},[3077,9208,3137],{"class":3090},[3077,9210,9211,9213,9215,9217,9219,9221,9223,9225,9227,9229,9231,9233,9235,9237,9239,9241,9243],{"class":3079,"line":5117},[3077,9212,3229],{"class":3090},[3077,9214,3464],{"class":3094},[3077,9216,3374],{"class":3109},[3077,9218,3114],{"class":3113},[3077,9220,6376],{"class":3117},[3077,9222,3382],{"class":3109},[3077,9224,3114],{"class":3113},[3077,9226,3379],{"class":3117},[3077,9228,3449],{"class":3109},[3077,9230,3114],{"class":3113},[3077,9232,3454],{"class":3117},[3077,9234,3486],{"class":3109},[3077,9236,3114],{"class":3113},[3077,9238,3379],{"class":3117},[3077,9240,3840],{"class":3109},[3077,9242,3114],{"class":3113},[3077,9244,5666],{"class":3117},[3077,9246,9247,9249,9251,9253,9255,9257,9259,9261,9263],{"class":3079,"line":5151},[3077,9248,8121],{"class":3109},[3077,9250,3114],{"class":3113},[3077,9252,8555],{"class":3117},[3077,9254,3175],{"class":3109},[3077,9256,3114],{"class":3113},[3077,9258,3180],{"class":3117},[3077,9260,4557],{"class":3109},[3077,9262,3114],{"class":3113},[3077,9264,9265],{"class":3117},"\"18\"\n",[3077,9267,9268,9271,9273,9276,9278,9280,9283],{"class":3079,"line":5185},[3077,9269,9270],{"class":3109},"                HorizontalContentAlignment",[3077,9272,3114],{"class":3113},[3077,9274,9275],{"class":3117},"\"Left\"",[3077,9277,4526],{"class":3109},[3077,9279,3114],{"class":3113},[3077,9281,9282],{"class":3117},"\"20,12,0,12\"",[3077,9284,3137],{"class":3090},[3077,9286,9287,9289,9291,9293,9295,9297,9299,9301,9303,9305,9307,9310,9312,9314,9316,9318,9320,9322,9324,9326,9328,9330,9332,9334,9336,9338,9340],{"class":3079,"line":5194},[3077,9288,3229],{"class":3090},[3077,9290,3464],{"class":3094},[3077,9292,3374],{"class":3109},[3077,9294,3114],{"class":3113},[3077,9296,6376],{"class":3117},[3077,9298,3382],{"class":3109},[3077,9300,3114],{"class":3113},[3077,9302,3454],{"class":3117},[3077,9304,3486],{"class":3109},[3077,9306,3114],{"class":3113},[3077,9308,9309],{"class":3117},"\".\"",[3077,9311,8411],{"class":3109},[3077,9313,3114],{"class":3113},[3077,9315,5216],{"class":3117},[3077,9317,4526],{"class":3109},[3077,9319,3114],{"class":3113},[3077,9321,8292],{"class":3117},[3077,9323,4518],{"class":3109},[3077,9325,3114],{"class":3113},[3077,9327,8555],{"class":3117},[3077,9329,3175],{"class":3109},[3077,9331,3114],{"class":3113},[3077,9333,3180],{"class":3117},[3077,9335,4557],{"class":3109},[3077,9337,3114],{"class":3113},[3077,9339,7162],{"class":3117},[3077,9341,3137],{"class":3090},[3077,9343,9344,9346,9348,9350,9352,9354,9356,9358,9360,9362,9364,9367,9369,9371,9373,9375,9377,9379,9381,9383,9385,9387,9389,9391,9393,9395,9397,9399,9401,9403],{"class":3079,"line":5199},[3077,9345,3229],{"class":3090},[3077,9347,3464],{"class":3094},[3077,9349,3374],{"class":3109},[3077,9351,3114],{"class":3113},[3077,9353,6376],{"class":3117},[3077,9355,3382],{"class":3109},[3077,9357,3114],{"class":3113},[3077,9359,5216],{"class":3117},[3077,9361,3486],{"class":3109},[3077,9363,3114],{"class":3113},[3077,9365,9366],{"class":3117},"\"=\"",[3077,9368,8411],{"class":3109},[3077,9370,3114],{"class":3113},[3077,9372,5216],{"class":3117},[3077,9374,4526],{"class":3109},[3077,9376,3114],{"class":3113},[3077,9378,8292],{"class":3117},[3077,9380,4518],{"class":3109},[3077,9382,3114],{"class":3113},[3077,9384,8491],{"class":3117},[3077,9386,3175],{"class":3109},[3077,9388,3114],{"class":3113},[3077,9390,3180],{"class":3117},[3077,9392,4557],{"class":3109},[3077,9394,3114],{"class":3113},[3077,9396,6010],{"class":3117},[3077,9398,4549],{"class":3109},[3077,9400,3114],{"class":3113},[3077,9402,4554],{"class":3117},[3077,9404,3137],{"class":3090},[3077,9406,9407,9409,9411],{"class":3079,"line":5205},[3077,9408,3286],{"class":3090},[3077,9410,2979],{"class":3094},[3077,9412,3097],{"class":3090},[3077,9414,9415,9417,9419],{"class":3079,"line":5246},[3077,9416,3188],{"class":3090},[3077,9418,4503],{"class":3094},[3077,9420,3097],{"class":3090},[3031,9422],{},[3034,9424,9426],{"id":9425},"sharedsizegroup-синхронізація-між-grid-ами","SharedSizeGroup: синхронізація між Grid-ами",[2959,9428,9429,9430,9432],{},"Уявіть список налаштувань де кожен рядок — окремий маленький Grid з міткою і полем вводу. Мітки мають різну ширину (бо ",[2963,9431,2997],{},"), але ви хочете щоб усі вони вирівнялись — як у таблиці.",[2959,9434,9435,9437,9438,3198],{},[2963,9436,3016],{}," дозволяє колонкам у різних Grid ділити ",[2988,9439,9440],{},"спільну ширину",[3068,9442,9444],{"className":3070,"code":9443,"language":3072,"meta":3073,"style":3073},"\u003C!-- Grid.IsSharedSizeScope=\"True\" на батьківському контейнері -->\n\u003CStackPanel Grid.IsSharedSizeScope=\"True\">\n    \u003CGrid>\n        \u003CGrid.ColumnDefinitions>\n            \u003CColumnDefinition Width=\"Auto\" SharedSizeGroup=\"LabelColumn\"/>\n            \u003CColumnDefinition Width=\"*\"/>\n        \u003C/Grid.ColumnDefinitions>\n        \u003CTextBlock Grid.Column=\"0\" Text=\"Ім'я:\"/>\n        \u003CTextBox   Grid.Column=\"1\"/>\n    \u003C/Grid>\n\n    \u003CGrid>\n        \u003CGrid.ColumnDefinitions>\n            \u003CColumnDefinition Width=\"Auto\" SharedSizeGroup=\"LabelColumn\"/>\n            \u003CColumnDefinition Width=\"*\"/>\n        \u003C/Grid.ColumnDefinitions>\n        \u003C!-- Ця мітка довша — але ширина першої колонки синхронізується між обома Grid -->\n        \u003CTextBlock Grid.Column=\"0\" Text=\"Довга назва поля:\"/>\n        \u003CTextBox   Grid.Column=\"1\"/>\n    \u003C/Grid>\n\u003C/StackPanel>\n",[2963,9445,9446,9451,9466,9474,9482,9504,9518,9526,9546,9561,9569,9573,9581,9589,9609,9623,9631,9636,9657,9671,9679],{"__ignoreMap":3073},[3077,9447,9448],{"class":3079,"line":3080},[3077,9449,9450],{"class":3083},"\u003C!-- Grid.IsSharedSizeScope=\"True\" на батьківському контейнері -->\n",[3077,9452,9453,9455,9457,9460,9462,9464],{"class":3079,"line":3087},[3077,9454,3091],{"class":3090},[3077,9456,2965],{"class":3094},[3077,9458,9459],{"class":3109}," Grid.IsSharedSizeScope",[3077,9461,3114],{"class":3113},[3077,9463,4355],{"class":3117},[3077,9465,3097],{"class":3090},[3077,9467,9468,9470,9472],{"class":3079,"line":3100},[3077,9469,3103],{"class":3090},[3077,9471,2979],{"class":3094},[3077,9473,3097],{"class":3090},[3077,9475,9476,9478,9480],{"class":3079,"line":3140},[3077,9477,3229],{"class":3090},[3077,9479,3305],{"class":3094},[3077,9481,3097],{"class":3090},[3077,9483,9484,9486,9488,9490,9492,9494,9497,9499,9502],{"class":3079,"line":3164},[3077,9485,5929],{"class":3090},[3077,9487,3315],{"class":3094},[3077,9489,3121],{"class":3109},[3077,9491,3114],{"class":3113},[3077,9493,3239],{"class":3117},[3077,9495,9496],{"class":3109}," SharedSizeGroup",[3077,9498,3114],{"class":3113},[3077,9500,9501],{"class":3117},"\"LabelColumn\"",[3077,9503,3137],{"class":3090},[3077,9505,9506,9508,9510,9512,9514,9516],{"class":3079,"line":3185},[3077,9507,5929],{"class":3090},[3077,9509,3315],{"class":3094},[3077,9511,3121],{"class":3109},[3077,9513,3114],{"class":3113},[3077,9515,3258],{"class":3117},[3077,9517,3137],{"class":3090},[3077,9519,9520,9522,9524],{"class":3079,"line":3293},[3077,9521,6031],{"class":3090},[3077,9523,3305],{"class":3094},[3077,9525,3097],{"class":3090},[3077,9527,9528,9530,9532,9534,9536,9538,9540,9542,9544],{"class":3079,"line":3300},[3077,9529,3229],{"class":3090},[3077,9531,3145],{"class":3094},[3077,9533,3382],{"class":3109},[3077,9535,3114],{"class":3113},[3077,9537,3379],{"class":3117},[3077,9539,3148],{"class":3109},[3077,9541,3114],{"class":3113},[3077,9543,3817],{"class":3117},[3077,9545,3137],{"class":3090},[3077,9547,9548,9550,9552,9555,9557,9559],{"class":3079,"line":3310},[3077,9549,3229],{"class":3090},[3077,9551,3403],{"class":3094},[3077,9553,9554],{"class":3109},"   Grid.Column",[3077,9556,3114],{"class":3113},[3077,9558,3417],{"class":3117},[3077,9560,3137],{"class":3090},[3077,9562,9563,9565,9567],{"class":3079,"line":3329},[3077,9564,3286],{"class":3090},[3077,9566,2979],{"class":3094},[3077,9568,3097],{"class":3090},[3077,9570,9571],{"class":3079,"line":3347},[3077,9572,3297],{"emptyLinePlaceholder":3296},[3077,9574,9575,9577,9579],{"class":3079,"line":3356},[3077,9576,3103],{"class":3090},[3077,9578,2979],{"class":3094},[3077,9580,3097],{"class":3090},[3077,9582,9583,9585,9587],{"class":3079,"line":3361},[3077,9584,3229],{"class":3090},[3077,9586,3305],{"class":3094},[3077,9588,3097],{"class":3090},[3077,9590,9591,9593,9595,9597,9599,9601,9603,9605,9607],{"class":3079,"line":3367},[3077,9592,5929],{"class":3090},[3077,9594,3315],{"class":3094},[3077,9596,3121],{"class":3109},[3077,9598,3114],{"class":3113},[3077,9600,3239],{"class":3117},[3077,9602,9496],{"class":3109},[3077,9604,3114],{"class":3113},[3077,9606,9501],{"class":3117},[3077,9608,3137],{"class":3090},[3077,9610,9611,9613,9615,9617,9619,9621],{"class":3079,"line":3398},[3077,9612,5929],{"class":3090},[3077,9614,3315],{"class":3094},[3077,9616,3121],{"class":3109},[3077,9618,3114],{"class":3113},[3077,9620,3258],{"class":3117},[3077,9622,3137],{"class":3090},[3077,9624,9625,9627,9629],{"class":3079,"line":3429},[3077,9626,6031],{"class":3090},[3077,9628,3305],{"class":3094},[3077,9630,3097],{"class":3090},[3077,9632,9633],{"class":3079,"line":3459},[3077,9634,9635],{"class":3083},"        \u003C!-- Ця мітка довша — але ширина першої колонки синхронізується між обома Grid -->\n",[3077,9637,9638,9640,9642,9644,9646,9648,9650,9652,9655],{"class":3079,"line":3496},[3077,9639,3229],{"class":3090},[3077,9641,3145],{"class":3094},[3077,9643,3382],{"class":3109},[3077,9645,3114],{"class":3113},[3077,9647,3379],{"class":3117},[3077,9649,3148],{"class":3109},[3077,9651,3114],{"class":3113},[3077,9653,9654],{"class":3117},"\"Довга назва поля:\"",[3077,9656,3137],{"class":3090},[3077,9658,9659,9661,9663,9665,9667,9669],{"class":3079,"line":3911},[3077,9660,3229],{"class":3090},[3077,9662,3403],{"class":3094},[3077,9664,9554],{"class":3109},[3077,9666,3114],{"class":3113},[3077,9668,3417],{"class":3117},[3077,9670,3137],{"class":3090},[3077,9672,9673,9675,9677],{"class":3079,"line":3939},[3077,9674,3286],{"class":3090},[3077,9676,2979],{"class":3094},[3077,9678,3097],{"class":3090},[3077,9680,9681,9683,9685],{"class":3079,"line":3966},[3077,9682,3188],{"class":3090},[3077,9684,2965],{"class":3094},[3077,9686,3097],{"class":3090},[4327,9688,9690],{"title":9689},"SharedSizeGroup: вирівнювання міток у двох секціях форми",[3068,9691,9693],{"className":3070,"code":9692,"language":3072,"meta":3073,"style":3073},"\u003CStackPanel Grid.IsSharedSizeScope=\"True\" Margin=\"20\" Spacing=\"0\">\n\n    \u003CBorder Background=\"#f8fafc\" Padding=\"16\" Margin=\"0,0,0,1\">\n        \u003CStackPanel Spacing=\"8\">\n            \u003CTextBlock Text=\"ОСОБИСТІ ДАНІ\" FontSize=\"11\" FontWeight=\"Bold\" Foreground=\"#94a3b8\"/>\n\n            \u003CGrid>\n                \u003CGrid.ColumnDefinitions>\n                    \u003CColumnDefinition Width=\"Auto\" SharedSizeGroup=\"FormLabel\"/>\n                    \u003CColumnDefinition Width=\"*\"/>\n                \u003C/Grid.ColumnDefinitions>\n                \u003CTextBlock Grid.Column=\"0\" Text=\"Ім'я та прізвище:\" Margin=\"0,0,12,0\"\n                           VerticalAlignment=\"Center\" Foreground=\"#475569\"/>\n                \u003CTextBox Grid.Column=\"1\" Text=\"Іван Петренко\" Padding=\"8,5\"\n                         BorderBrush=\"#e2e8f0\" BorderThickness=\"1\"/>\n            \u003C/Grid>\n\n            \u003CGrid>\n                \u003CGrid.ColumnDefinitions>\n                    \u003CColumnDefinition Width=\"Auto\" SharedSizeGroup=\"FormLabel\"/>\n                    \u003CColumnDefinition Width=\"*\"/>\n                \u003C/Grid.ColumnDefinitions>\n                \u003CTextBlock Grid.Column=\"0\" Text=\"Дата народження:\" Margin=\"0,0,12,0\"\n                           VerticalAlignment=\"Center\" Foreground=\"#475569\"/>\n                \u003CTextBox Grid.Column=\"1\" Text=\"01.01.1990\" Padding=\"8,5\"\n                         BorderBrush=\"#e2e8f0\" BorderThickness=\"1\"/>\n            \u003C/Grid>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003CBorder Background=\"White\" Padding=\"16\" Margin=\"0,0,0,1\">\n        \u003CStackPanel Spacing=\"8\">\n            \u003CTextBlock Text=\"КОНТАКТНІ ДАНІ\" FontSize=\"11\" FontWeight=\"Bold\" Foreground=\"#94a3b8\"/>\n\n            \u003CGrid>\n                \u003CGrid.ColumnDefinitions>\n                    \u003CColumnDefinition Width=\"Auto\" SharedSizeGroup=\"FormLabel\"/>\n                    \u003CColumnDefinition Width=\"*\"/>\n                \u003C/Grid.ColumnDefinitions>\n                \u003CTextBlock Grid.Column=\"0\" Text=\"Email:\" Margin=\"0,0,12,0\"\n                           VerticalAlignment=\"Center\" Foreground=\"#475569\"/>\n                \u003CTextBox Grid.Column=\"1\" Text=\"ivan@example.com\" Padding=\"8,5\"\n                         BorderBrush=\"#e2e8f0\" BorderThickness=\"1\"/>\n            \u003C/Grid>\n\n            \u003CGrid>\n                \u003CGrid.ColumnDefinitions>\n                    \u003CColumnDefinition Width=\"Auto\" SharedSizeGroup=\"FormLabel\"/>\n                    \u003CColumnDefinition Width=\"*\"/>\n                \u003C/Grid.ColumnDefinitions>\n                \u003CTextBlock Grid.Column=\"0\" Text=\"Контактний телефон:\" Margin=\"0,0,12,0\"\n                           VerticalAlignment=\"Center\" Foreground=\"#475569\"/>\n                \u003CTextBox Grid.Column=\"1\" Text=\"+380 (67) 123-45-67\" Padding=\"8,5\"\n                         BorderBrush=\"#e2e8f0\" BorderThickness=\"1\"/>\n            \u003C/Grid>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n\u003C/StackPanel>\n",[2963,9694,9695,9721,9725,9753,9767,9800,9804,9812,9820,9842,9856,9865,9891,9908,9934,9951,9959,9963,9971,9979,9999,10013,10021,10046,10062,10087,10103,10111,10119,10127,10131,10157,10171,10204,10208,10216,10224,10244,10258,10266,10290,10306,10331,10347,10355,10359,10367,10375,10395,10409,10417,10442,10458,10483,10499,10507,10515,10523,10527],{"__ignoreMap":3073},[3077,9696,9697,9699,9701,9703,9705,9707,9709,9711,9713,9715,9717,9719],{"class":3079,"line":3080},[3077,9698,3091],{"class":3090},[3077,9700,2965],{"class":3094},[3077,9702,9459],{"class":3109},[3077,9704,3114],{"class":3113},[3077,9706,4355],{"class":3117},[3077,9708,3840],{"class":3109},[3077,9710,3114],{"class":3113},[3077,9712,6010],{"class":3117},[3077,9714,6408],{"class":3109},[3077,9716,3114],{"class":3113},[3077,9718,3379],{"class":3117},[3077,9720,3097],{"class":3090},[3077,9722,9723],{"class":3079,"line":3087},[3077,9724,3297],{"emptyLinePlaceholder":3296},[3077,9726,9727,9729,9731,9733,9735,9738,9740,9742,9744,9746,9748,9751],{"class":3079,"line":3100},[3077,9728,3103],{"class":3090},[3077,9730,4503],{"class":3094},[3077,9732,4518],{"class":3109},[3077,9734,3114],{"class":3113},[3077,9736,9737],{"class":3117},"\"#f8fafc\"",[3077,9739,4526],{"class":3109},[3077,9741,3114],{"class":3113},[3077,9743,4347],{"class":3117},[3077,9745,3840],{"class":3109},[3077,9747,3114],{"class":3113},[3077,9749,9750],{"class":3117},"\"0,0,0,1\"",[3077,9752,3097],{"class":3090},[3077,9754,9755,9757,9759,9761,9763,9765],{"class":3079,"line":3140},[3077,9756,3229],{"class":3090},[3077,9758,2965],{"class":3094},[3077,9760,6408],{"class":3109},[3077,9762,3114],{"class":3113},[3077,9764,6413],{"class":3117},[3077,9766,3097],{"class":3090},[3077,9768,9769,9771,9773,9775,9777,9780,9782,9784,9786,9788,9790,9792,9794,9796,9798],{"class":3079,"line":3164},[3077,9770,5929],{"class":3090},[3077,9772,3145],{"class":3094},[3077,9774,3148],{"class":3109},[3077,9776,3114],{"class":3113},[3077,9778,9779],{"class":3117},"\"ОСОБИСТІ ДАНІ\"",[3077,9781,4557],{"class":3109},[3077,9783,3114],{"class":3113},[3077,9785,4562],{"class":3117},[3077,9787,4549],{"class":3109},[3077,9789,3114],{"class":3113},[3077,9791,4554],{"class":3117},[3077,9793,3175],{"class":3109},[3077,9795,3114],{"class":3113},[3077,9797,7466],{"class":3117},[3077,9799,3137],{"class":3090},[3077,9801,9802],{"class":3079,"line":3185},[3077,9803,3297],{"emptyLinePlaceholder":3296},[3077,9805,9806,9808,9810],{"class":3079,"line":3293},[3077,9807,5929],{"class":3090},[3077,9809,2979],{"class":3094},[3077,9811,3097],{"class":3090},[3077,9813,9814,9816,9818],{"class":3079,"line":3300},[3077,9815,8161],{"class":3090},[3077,9817,3305],{"class":3094},[3077,9819,3097],{"class":3090},[3077,9821,9822,9825,9827,9829,9831,9833,9835,9837,9840],{"class":3079,"line":3310},[3077,9823,9824],{"class":3090},"                    \u003C",[3077,9826,3315],{"class":3094},[3077,9828,3121],{"class":3109},[3077,9830,3114],{"class":3113},[3077,9832,3239],{"class":3117},[3077,9834,9496],{"class":3109},[3077,9836,3114],{"class":3113},[3077,9838,9839],{"class":3117},"\"FormLabel\"",[3077,9841,3137],{"class":3090},[3077,9843,9844,9846,9848,9850,9852,9854],{"class":3079,"line":3329},[3077,9845,9824],{"class":3090},[3077,9847,3315],{"class":3094},[3077,9849,3121],{"class":3109},[3077,9851,3114],{"class":3113},[3077,9853,3258],{"class":3117},[3077,9855,3137],{"class":3090},[3077,9857,9858,9861,9863],{"class":3079,"line":3347},[3077,9859,9860],{"class":3090},"                \u003C/",[3077,9862,3305],{"class":3094},[3077,9864,3097],{"class":3090},[3077,9866,9867,9869,9871,9873,9875,9877,9879,9881,9884,9886,9888],{"class":3079,"line":3356},[3077,9868,8161],{"class":3090},[3077,9870,3145],{"class":3094},[3077,9872,3382],{"class":3109},[3077,9874,3114],{"class":3113},[3077,9876,3379],{"class":3117},[3077,9878,3148],{"class":3109},[3077,9880,3114],{"class":3113},[3077,9882,9883],{"class":3117},"\"Ім'я та прізвище:\"",[3077,9885,3840],{"class":3109},[3077,9887,3114],{"class":3113},[3077,9889,9890],{"class":3117},"\"0,0,12,0\"\n",[3077,9892,9893,9896,9898,9900,9902,9904,9906],{"class":3079,"line":3361},[3077,9894,9895],{"class":3109},"                           VerticalAlignment",[3077,9897,3114],{"class":3113},[3077,9899,3172],{"class":3117},[3077,9901,3175],{"class":3109},[3077,9903,3114],{"class":3113},[3077,9905,6197],{"class":3117},[3077,9907,3137],{"class":3090},[3077,9909,9910,9912,9914,9916,9918,9920,9922,9924,9927,9929,9931],{"class":3079,"line":3367},[3077,9911,8161],{"class":3090},[3077,9913,3403],{"class":3094},[3077,9915,3382],{"class":3109},[3077,9917,3114],{"class":3113},[3077,9919,3417],{"class":3117},[3077,9921,3148],{"class":3109},[3077,9923,3114],{"class":3113},[3077,9925,9926],{"class":3117},"\"Іван Петренко\"",[3077,9928,4526],{"class":3109},[3077,9930,3114],{"class":3113},[3077,9932,9933],{"class":3117},"\"8,5\"\n",[3077,9935,9936,9939,9941,9943,9945,9947,9949],{"class":3079,"line":3398},[3077,9937,9938],{"class":3109},"                         BorderBrush",[3077,9940,3114],{"class":3113},[3077,9942,5892],{"class":3117},[3077,9944,5895],{"class":3109},[3077,9946,3114],{"class":3113},[3077,9948,3417],{"class":3117},[3077,9950,3137],{"class":3090},[3077,9952,9953,9955,9957],{"class":3079,"line":3429},[3077,9954,8237],{"class":3090},[3077,9956,2979],{"class":3094},[3077,9958,3097],{"class":3090},[3077,9960,9961],{"class":3079,"line":3459},[3077,9962,3297],{"emptyLinePlaceholder":3296},[3077,9964,9965,9967,9969],{"class":3079,"line":3496},[3077,9966,5929],{"class":3090},[3077,9968,2979],{"class":3094},[3077,9970,3097],{"class":3090},[3077,9972,9973,9975,9977],{"class":3079,"line":3911},[3077,9974,8161],{"class":3090},[3077,9976,3305],{"class":3094},[3077,9978,3097],{"class":3090},[3077,9980,9981,9983,9985,9987,9989,9991,9993,9995,9997],{"class":3079,"line":3939},[3077,9982,9824],{"class":3090},[3077,9984,3315],{"class":3094},[3077,9986,3121],{"class":3109},[3077,9988,3114],{"class":3113},[3077,9990,3239],{"class":3117},[3077,9992,9496],{"class":3109},[3077,9994,3114],{"class":3113},[3077,9996,9839],{"class":3117},[3077,9998,3137],{"class":3090},[3077,10000,10001,10003,10005,10007,10009,10011],{"class":3079,"line":3966},[3077,10002,9824],{"class":3090},[3077,10004,3315],{"class":3094},[3077,10006,3121],{"class":3109},[3077,10008,3114],{"class":3113},[3077,10010,3258],{"class":3117},[3077,10012,3137],{"class":3090},[3077,10014,10015,10017,10019],{"class":3079,"line":4674},[3077,10016,9860],{"class":3090},[3077,10018,3305],{"class":3094},[3077,10020,3097],{"class":3090},[3077,10022,10023,10025,10027,10029,10031,10033,10035,10037,10040,10042,10044],{"class":3079,"line":4702},[3077,10024,8161],{"class":3090},[3077,10026,3145],{"class":3094},[3077,10028,3382],{"class":3109},[3077,10030,3114],{"class":3113},[3077,10032,3379],{"class":3117},[3077,10034,3148],{"class":3109},[3077,10036,3114],{"class":3113},[3077,10038,10039],{"class":3117},"\"Дата народження:\"",[3077,10041,3840],{"class":3109},[3077,10043,3114],{"class":3113},[3077,10045,9890],{"class":3117},[3077,10047,10048,10050,10052,10054,10056,10058,10060],{"class":3079,"line":4711},[3077,10049,9895],{"class":3109},[3077,10051,3114],{"class":3113},[3077,10053,3172],{"class":3117},[3077,10055,3175],{"class":3109},[3077,10057,3114],{"class":3113},[3077,10059,6197],{"class":3117},[3077,10061,3137],{"class":3090},[3077,10063,10064,10066,10068,10070,10072,10074,10076,10078,10081,10083,10085],{"class":3079,"line":4716},[3077,10065,8161],{"class":3090},[3077,10067,3403],{"class":3094},[3077,10069,3382],{"class":3109},[3077,10071,3114],{"class":3113},[3077,10073,3417],{"class":3117},[3077,10075,3148],{"class":3109},[3077,10077,3114],{"class":3113},[3077,10079,10080],{"class":3117},"\"01.01.1990\"",[3077,10082,4526],{"class":3109},[3077,10084,3114],{"class":3113},[3077,10086,9933],{"class":3117},[3077,10088,10089,10091,10093,10095,10097,10099,10101],{"class":3079,"line":4722},[3077,10090,9938],{"class":3109},[3077,10092,3114],{"class":3113},[3077,10094,5892],{"class":3117},[3077,10096,5895],{"class":3109},[3077,10098,3114],{"class":3113},[3077,10100,3417],{"class":3117},[3077,10102,3137],{"class":3090},[3077,10104,10105,10107,10109],{"class":3079,"line":4756},[3077,10106,8237],{"class":3090},[3077,10108,2979],{"class":3094},[3077,10110,3097],{"class":3090},[3077,10112,10113,10115,10117],{"class":3079,"line":4790},[3077,10114,6031],{"class":3090},[3077,10116,2965],{"class":3094},[3077,10118,3097],{"class":3090},[3077,10120,10121,10123,10125],{"class":3079,"line":4799},[3077,10122,3286],{"class":3090},[3077,10124,4503],{"class":3094},[3077,10126,3097],{"class":3090},[3077,10128,10129],{"class":3079,"line":4833},[3077,10130,3297],{"emptyLinePlaceholder":3296},[3077,10132,10133,10135,10137,10139,10141,10143,10145,10147,10149,10151,10153,10155],{"class":3079,"line":4867},[3077,10134,3103],{"class":3090},[3077,10136,4503],{"class":3094},[3077,10138,4518],{"class":3109},[3077,10140,3114],{"class":3113},[3077,10142,3180],{"class":3117},[3077,10144,4526],{"class":3109},[3077,10146,3114],{"class":3113},[3077,10148,4347],{"class":3117},[3077,10150,3840],{"class":3109},[3077,10152,3114],{"class":3113},[3077,10154,9750],{"class":3117},[3077,10156,3097],{"class":3090},[3077,10158,10159,10161,10163,10165,10167,10169],{"class":3079,"line":4876},[3077,10160,3229],{"class":3090},[3077,10162,2965],{"class":3094},[3077,10164,6408],{"class":3109},[3077,10166,3114],{"class":3113},[3077,10168,6413],{"class":3117},[3077,10170,3097],{"class":3090},[3077,10172,10173,10175,10177,10179,10181,10184,10186,10188,10190,10192,10194,10196,10198,10200,10202],{"class":3079,"line":4910},[3077,10174,5929],{"class":3090},[3077,10176,3145],{"class":3094},[3077,10178,3148],{"class":3109},[3077,10180,3114],{"class":3113},[3077,10182,10183],{"class":3117},"\"КОНТАКТНІ ДАНІ\"",[3077,10185,4557],{"class":3109},[3077,10187,3114],{"class":3113},[3077,10189,4562],{"class":3117},[3077,10191,4549],{"class":3109},[3077,10193,3114],{"class":3113},[3077,10195,4554],{"class":3117},[3077,10197,3175],{"class":3109},[3077,10199,3114],{"class":3113},[3077,10201,7466],{"class":3117},[3077,10203,3137],{"class":3090},[3077,10205,10206],{"class":3079,"line":4944},[3077,10207,3297],{"emptyLinePlaceholder":3296},[3077,10209,10210,10212,10214],{"class":3079,"line":4953},[3077,10211,5929],{"class":3090},[3077,10213,2979],{"class":3094},[3077,10215,3097],{"class":3090},[3077,10217,10218,10220,10222],{"class":3079,"line":4958},[3077,10219,8161],{"class":3090},[3077,10221,3305],{"class":3094},[3077,10223,3097],{"class":3090},[3077,10225,10226,10228,10230,10232,10234,10236,10238,10240,10242],{"class":3079,"line":4964},[3077,10227,9824],{"class":3090},[3077,10229,3315],{"class":3094},[3077,10231,3121],{"class":3109},[3077,10233,3114],{"class":3113},[3077,10235,3239],{"class":3117},[3077,10237,9496],{"class":3109},[3077,10239,3114],{"class":3113},[3077,10241,9839],{"class":3117},[3077,10243,3137],{"class":3090},[3077,10245,10246,10248,10250,10252,10254,10256],{"class":3079,"line":4998},[3077,10247,9824],{"class":3090},[3077,10249,3315],{"class":3094},[3077,10251,3121],{"class":3109},[3077,10253,3114],{"class":3113},[3077,10255,3258],{"class":3117},[3077,10257,3137],{"class":3090},[3077,10259,10260,10262,10264],{"class":3079,"line":5031},[3077,10261,9860],{"class":3090},[3077,10263,3305],{"class":3094},[3077,10265,3097],{"class":3090},[3077,10267,10268,10270,10272,10274,10276,10278,10280,10282,10284,10286,10288],{"class":3079,"line":5040},[3077,10269,8161],{"class":3090},[3077,10271,3145],{"class":3094},[3077,10273,3382],{"class":3109},[3077,10275,3114],{"class":3113},[3077,10277,3379],{"class":3117},[3077,10279,3148],{"class":3109},[3077,10281,3114],{"class":3113},[3077,10283,3876],{"class":3117},[3077,10285,3840],{"class":3109},[3077,10287,3114],{"class":3113},[3077,10289,9890],{"class":3117},[3077,10291,10292,10294,10296,10298,10300,10302,10304],{"class":3079,"line":5074},[3077,10293,9895],{"class":3109},[3077,10295,3114],{"class":3113},[3077,10297,3172],{"class":3117},[3077,10299,3175],{"class":3109},[3077,10301,3114],{"class":3113},[3077,10303,6197],{"class":3117},[3077,10305,3137],{"class":3090},[3077,10307,10308,10310,10312,10314,10316,10318,10320,10322,10325,10327,10329],{"class":3079,"line":5108},[3077,10309,8161],{"class":3090},[3077,10311,3403],{"class":3094},[3077,10313,3382],{"class":3109},[3077,10315,3114],{"class":3113},[3077,10317,3417],{"class":3117},[3077,10319,3148],{"class":3109},[3077,10321,3114],{"class":3113},[3077,10323,10324],{"class":3117},"\"ivan@example.com\"",[3077,10326,4526],{"class":3109},[3077,10328,3114],{"class":3113},[3077,10330,9933],{"class":3117},[3077,10332,10333,10335,10337,10339,10341,10343,10345],{"class":3079,"line":5117},[3077,10334,9938],{"class":3109},[3077,10336,3114],{"class":3113},[3077,10338,5892],{"class":3117},[3077,10340,5895],{"class":3109},[3077,10342,3114],{"class":3113},[3077,10344,3417],{"class":3117},[3077,10346,3137],{"class":3090},[3077,10348,10349,10351,10353],{"class":3079,"line":5151},[3077,10350,8237],{"class":3090},[3077,10352,2979],{"class":3094},[3077,10354,3097],{"class":3090},[3077,10356,10357],{"class":3079,"line":5185},[3077,10358,3297],{"emptyLinePlaceholder":3296},[3077,10360,10361,10363,10365],{"class":3079,"line":5194},[3077,10362,5929],{"class":3090},[3077,10364,2979],{"class":3094},[3077,10366,3097],{"class":3090},[3077,10368,10369,10371,10373],{"class":3079,"line":5199},[3077,10370,8161],{"class":3090},[3077,10372,3305],{"class":3094},[3077,10374,3097],{"class":3090},[3077,10376,10377,10379,10381,10383,10385,10387,10389,10391,10393],{"class":3079,"line":5205},[3077,10378,9824],{"class":3090},[3077,10380,3315],{"class":3094},[3077,10382,3121],{"class":3109},[3077,10384,3114],{"class":3113},[3077,10386,3239],{"class":3117},[3077,10388,9496],{"class":3109},[3077,10390,3114],{"class":3113},[3077,10392,9839],{"class":3117},[3077,10394,3137],{"class":3090},[3077,10396,10397,10399,10401,10403,10405,10407],{"class":3079,"line":5246},[3077,10398,9824],{"class":3090},[3077,10400,3315],{"class":3094},[3077,10402,3121],{"class":3109},[3077,10404,3114],{"class":3113},[3077,10406,3258],{"class":3117},[3077,10408,3137],{"class":3090},[3077,10410,10411,10413,10415],{"class":3079,"line":5280},[3077,10412,9860],{"class":3090},[3077,10414,3305],{"class":3094},[3077,10416,3097],{"class":3090},[3077,10418,10419,10421,10423,10425,10427,10429,10431,10433,10436,10438,10440],{"class":3079,"line":5289},[3077,10420,8161],{"class":3090},[3077,10422,3145],{"class":3094},[3077,10424,3382],{"class":3109},[3077,10426,3114],{"class":3113},[3077,10428,3379],{"class":3117},[3077,10430,3148],{"class":3109},[3077,10432,3114],{"class":3113},[3077,10434,10435],{"class":3117},"\"Контактний телефон:\"",[3077,10437,3840],{"class":3109},[3077,10439,3114],{"class":3113},[3077,10441,9890],{"class":3117},[3077,10443,10444,10446,10448,10450,10452,10454,10456],{"class":3079,"line":7676},[3077,10445,9895],{"class":3109},[3077,10447,3114],{"class":3113},[3077,10449,3172],{"class":3117},[3077,10451,3175],{"class":3109},[3077,10453,3114],{"class":3113},[3077,10455,6197],{"class":3117},[3077,10457,3137],{"class":3090},[3077,10459,10460,10462,10464,10466,10468,10470,10472,10474,10477,10479,10481],{"class":3079,"line":7685},[3077,10461,8161],{"class":3090},[3077,10463,3403],{"class":3094},[3077,10465,3382],{"class":3109},[3077,10467,3114],{"class":3113},[3077,10469,3417],{"class":3117},[3077,10471,3148],{"class":3109},[3077,10473,3114],{"class":3113},[3077,10475,10476],{"class":3117},"\"+380 (67) 123-45-67\"",[3077,10478,4526],{"class":3109},[3077,10480,3114],{"class":3113},[3077,10482,9933],{"class":3117},[3077,10484,10485,10487,10489,10491,10493,10495,10497],{"class":3079,"line":7724},[3077,10486,9938],{"class":3109},[3077,10488,3114],{"class":3113},[3077,10490,5892],{"class":3117},[3077,10492,5895],{"class":3109},[3077,10494,3114],{"class":3113},[3077,10496,3417],{"class":3117},[3077,10498,3137],{"class":3090},[3077,10500,10501,10503,10505],{"class":3079,"line":7745},[3077,10502,8237],{"class":3090},[3077,10504,2979],{"class":3094},[3077,10506,3097],{"class":3090},[3077,10508,10509,10511,10513],{"class":3079,"line":7779},[3077,10510,6031],{"class":3090},[3077,10512,2965],{"class":3094},[3077,10514,3097],{"class":3090},[3077,10516,10517,10519,10521],{"class":3079,"line":7819},[3077,10518,3286],{"class":3090},[3077,10520,4503],{"class":3094},[3077,10522,3097],{"class":3090},[3077,10524,10525],{"class":3079,"line":7828},[3077,10526,3297],{"emptyLinePlaceholder":3296},[3077,10528,10529,10531,10533],{"class":3079,"line":7837},[3077,10530,3188],{"class":3090},[3077,10532,2965],{"class":3094},[3077,10534,3097],{"class":3090},[10536,10537,10538,10541,10542,10545,10546,10548],"tip",{},[2963,10539,10540],{},"Grid.IsSharedSizeScope=\"True\""," встановлюється на ",[2988,10543,10544],{},"батьківський"," контейнер (StackPanel, ScrollViewer тощо) — не на самі Grid. Назва ",[2963,10547,3016],{}," — довільний рядок; головне щоб він збігався у всіх колонках що мають синхронізуватися.",[3031,10550],{},[3034,10552,10554],{"id":10553},"canvas-абсолютне-позиціонування","Canvas: абсолютне позиціонування",[2959,10556,10557,10559],{},[2963,10558,3020],{}," — це панель де ви самі вказуєте точну позицію кожного елемента у пікселях. Вона принципово відрізняється від усіх попередніх панелей.",[3068,10561,10563],{"className":3070,"code":10562,"language":3072,"meta":3073,"style":3073},"\u003CCanvas>\n    \u003CButton Canvas.Left=\"50\"  Canvas.Top=\"20\"  Content=\"Кнопка 1\"/>\n    \u003CButton Canvas.Left=\"200\" Canvas.Top=\"80\"  Content=\"Кнопка 2\"/>\n    \u003CButton Canvas.Right=\"20\" Canvas.Bottom=\"20\" Content=\"Правий низ\"/>\n\u003C/Canvas>\n",[2963,10564,10565,10573,10604,10632,10661],{"__ignoreMap":3073},[3077,10566,10567,10569,10571],{"class":3079,"line":3080},[3077,10568,3091],{"class":3090},[3077,10570,3020],{"class":3094},[3077,10572,3097],{"class":3090},[3077,10574,10575,10577,10579,10582,10584,10587,10590,10592,10594,10597,10599,10602],{"class":3079,"line":3087},[3077,10576,3103],{"class":3090},[3077,10578,3464],{"class":3094},[3077,10580,10581],{"class":3109}," Canvas.Left",[3077,10583,3114],{"class":3113},[3077,10585,10586],{"class":3117},"\"50\"",[3077,10588,10589],{"class":3109},"  Canvas.Top",[3077,10591,3114],{"class":3113},[3077,10593,6010],{"class":3117},[3077,10595,10596],{"class":3109},"  Content",[3077,10598,3114],{"class":3113},[3077,10600,10601],{"class":3117},"\"Кнопка 1\"",[3077,10603,3137],{"class":3090},[3077,10605,10606,10608,10610,10612,10614,10616,10619,10621,10623,10625,10627,10630],{"class":3079,"line":3100},[3077,10607,3103],{"class":3090},[3077,10609,3464],{"class":3094},[3077,10611,10581],{"class":3109},[3077,10613,3114],{"class":3113},[3077,10615,3126],{"class":3117},[3077,10617,10618],{"class":3109}," Canvas.Top",[3077,10620,3114],{"class":3113},[3077,10622,7920],{"class":3117},[3077,10624,10596],{"class":3109},[3077,10626,3114],{"class":3113},[3077,10628,10629],{"class":3117},"\"Кнопка 2\"",[3077,10631,3137],{"class":3090},[3077,10633,10634,10636,10638,10641,10643,10645,10648,10650,10652,10654,10656,10659],{"class":3079,"line":3140},[3077,10635,3103],{"class":3090},[3077,10637,3464],{"class":3094},[3077,10639,10640],{"class":3109}," Canvas.Right",[3077,10642,3114],{"class":3113},[3077,10644,6010],{"class":3117},[3077,10646,10647],{"class":3109}," Canvas.Bottom",[3077,10649,3114],{"class":3113},[3077,10651,6010],{"class":3117},[3077,10653,3486],{"class":3109},[3077,10655,3114],{"class":3113},[3077,10657,10658],{"class":3117},"\"Правий низ\"",[3077,10660,3137],{"class":3090},[3077,10662,10663,10665,10667],{"class":3079,"line":3164},[3077,10664,3188],{"class":3090},[3077,10666,3020],{"class":3094},[3077,10668,3097],{"class":3090},[2959,10670,10671],{},"Чотири Attached Properties для позиціонування:",[10673,10674,10675,10681,10687,10693],"ul",{},[4191,10676,10677,10680],{},[2963,10678,10679],{},"Canvas.Left"," — відстань від лівого краю Canvas",[4191,10682,10683,10686],{},[2963,10684,10685],{},"Canvas.Top"," — відстань від верхнього краю Canvas",[4191,10688,10689,10692],{},[2963,10690,10691],{},"Canvas.Right"," — відстань від правого краю (потребує відомих розмірів Canvas)",[4191,10694,10695,10698],{},[2963,10696,10697],{},"Canvas.Bottom"," — відстань від нижнього краю",[2959,10700,10701,10702,5347,10704,2991,10706,10709,10710,10713,10714,3198],{},"Важливо: ",[2963,10703,10679],{},[2963,10705,10691],{},[2988,10707,10708],{},"не взаємовиключають"," — якщо задані обидва, а ширина Canvas відома, елемент буде розтягнутий. Зазвичай використовують або ",[2963,10711,10712],{},"Left+Top",", або ",[2963,10715,10716],{},"Right+Bottom",[3048,10718,10720],{"id":10719},"canvas-антипатерн-для-звичайних-форм","Canvas — антипатерн для звичайних форм",[2959,10722,10723],{},"Canvas виглядає привабливо для початківців — \"задам координати і готово\". Але у реальних застосунках це антипатерн:",[10673,10725,10726,10732,10738,10744],{},[4191,10727,10728,10731],{},[2988,10729,10730],{},"Не адаптивний",": При зміні розміру вікна елементи залишаються на своїх фіксованих координатах, вилазять за межі або перекриваються",[4191,10733,10734,10737],{},[2988,10735,10736],{},"Не враховує локалізацію",": Текст \"Зберегти\" і \"Save\" мають різну ширину — кнопка фіксованих розмірів обріже текст",[4191,10739,10740,10743],{},[2988,10741,10742],{},"Не реагує на системні параметри",": Збільшений шрифт у системних налаштуваннях — кнопки залишаться на місці але текст не поміститься",[4191,10745,10746,10749],{},[2988,10747,10748],{},"Важко підтримувати",": Зміна одного елемента вимагає оновлення координат усіх сусідніх вручну",[4327,10751,10753],{"title":10752},"Canvas: іконки файлів (правильне використання — freeform layout)",[3068,10754,10756],{"className":3070,"code":10755,"language":3072,"meta":3073,"style":3073},"\u003CCanvas Width=\"400\" Height=\"260\" Background=\"#f8fafc\" Margin=\"16\">\n\n    \u003C!-- Перший файл (обраний) -->\n    \u003CBorder Canvas.Left=\"20\" Canvas.Top=\"20\" Width=\"80\" Height=\"90\"\n            Background=\"#dbeafe\" CornerRadius=\"8\"\n            BorderBrush=\"#93c5fd\" BorderThickness=\"2\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" Spacing=\"4\">\n            \u003CTextBlock Text=\"📄\" FontSize=\"28\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"report.pdf\" FontSize=\"9\" HorizontalAlignment=\"Center\"\n                       Foreground=\"#1e40af\" TextTrimming=\"CharacterEllipsis\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003C!-- Другий файл -->\n    \u003CBorder Canvas.Left=\"120\" Canvas.Top=\"20\" Width=\"80\" Height=\"90\"\n            Background=\"White\" CornerRadius=\"8\"\n            BorderBrush=\"#e2e8f0\" BorderThickness=\"1\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" Spacing=\"4\">\n            \u003CTextBlock Text=\"🖼️\" FontSize=\"28\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"photo.jpg\" FontSize=\"9\" HorizontalAlignment=\"Center\"\n                       Foreground=\"#475569\" TextTrimming=\"CharacterEllipsis\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003C!-- Третій файл -->\n    \u003CBorder Canvas.Left=\"220\" Canvas.Top=\"20\" Width=\"80\" Height=\"90\"\n            Background=\"White\" CornerRadius=\"8\"\n            BorderBrush=\"#e2e8f0\" BorderThickness=\"1\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" Spacing=\"4\">\n            \u003CTextBlock Text=\"📊\" FontSize=\"28\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"data.xlsx\" FontSize=\"9\" HorizontalAlignment=\"Center\"\n                       Foreground=\"#475569\" TextTrimming=\"CharacterEllipsis\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003C!-- Перекриваючий елемент: \"виділення\" рамкою — просто ще один елемент з Z-order -->\n    \u003CBorder Canvas.Left=\"316\" Canvas.Top=\"20\" Width=\"80\" Height=\"90\"\n            Background=\"White\" CornerRadius=\"8\"\n            BorderBrush=\"#e2e8f0\" BorderThickness=\"1\">\n        \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\" Spacing=\"4\">\n            \u003CTextBlock Text=\"🎵\" FontSize=\"28\" HorizontalAlignment=\"Center\"/>\n            \u003CTextBlock Text=\"audio.mp3\" FontSize=\"9\" HorizontalAlignment=\"Center\"\n                       Foreground=\"#475569\" TextTrimming=\"CharacterEllipsis\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003C!-- Контекстне меню що \"пливе\" -->\n    \u003CBorder Canvas.Left=\"80\" Canvas.Top=\"120\"\n            Background=\"White\" CornerRadius=\"6\" Padding=\"4\"\n            BorderBrush=\"#e2e8f0\" BorderThickness=\"1\">\n        \u003CStackPanel Spacing=\"0\" Width=\"160\">\n            \u003CButton Content=\"📂 Відкрити\"         HorizontalContentAlignment=\"Left\" Padding=\"10,6\" Background=\"Transparent\" FontSize=\"12\"/>\n            \u003CButton Content=\"✂️ Вирізати\"          HorizontalContentAlignment=\"Left\" Padding=\"10,6\" Background=\"Transparent\" FontSize=\"12\"/>\n            \u003CButton Content=\"📋 Копіювати\"         HorizontalContentAlignment=\"Left\" Padding=\"10,6\" Background=\"Transparent\" FontSize=\"12\"/>\n            \u003CSeparator Margin=\"4,2\"/>\n            \u003CButton Content=\"🗑️ Видалити\"         HorizontalContentAlignment=\"Left\" Padding=\"10,6\" Background=\"Transparent\" FontSize=\"12\" Foreground=\"#dc2626\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\n    \u003C!-- Tooltip/Badge що накладається -->\n    \u003CBorder Canvas.Left=\"80\" Canvas.Top=\"16\" Background=\"#ef4444\" CornerRadius=\"10\" Padding=\"5,2\">\n        \u003CTextBlock Text=\"Вибрано\" Foreground=\"White\" FontSize=\"10\"/>\n    \u003C/Border>\n\n\u003C/Canvas>\n",[2963,10757,10758,10792,10796,10801,10832,10847,10864,10890,10917,10942,10960,10968,10976,10980,10985,11016,11030,11046,11072,11099,11124,11140,11148,11156,11160,11165,11196,11210,11226,11252,11278,11303,11319,11327,11335,11339,11344,11375,11389,11405,11431,11458,11483,11499,11507,11515,11519,11524,11543,11563,11579,11600,11642,11682,11721,11737,11783,11791,11799,11803,11809,11850,11878,11887,11892],{"__ignoreMap":3073},[3077,10759,10760,10762,10764,10766,10768,10771,10773,10775,10778,10780,10782,10784,10786,10788,10790],{"class":3079,"line":3080},[3077,10761,3091],{"class":3090},[3077,10763,3020],{"class":3094},[3077,10765,3121],{"class":3109},[3077,10767,3114],{"class":3113},[3077,10769,10770],{"class":3117},"\"400\"",[3077,10772,3129],{"class":3109},[3077,10774,3114],{"class":3113},[3077,10776,10777],{"class":3117},"\"260\"",[3077,10779,4518],{"class":3109},[3077,10781,3114],{"class":3113},[3077,10783,9737],{"class":3117},[3077,10785,3840],{"class":3109},[3077,10787,3114],{"class":3113},[3077,10789,4347],{"class":3117},[3077,10791,3097],{"class":3090},[3077,10793,10794],{"class":3079,"line":3087},[3077,10795,3297],{"emptyLinePlaceholder":3296},[3077,10797,10798],{"class":3079,"line":3100},[3077,10799,10800],{"class":3083},"    \u003C!-- Перший файл (обраний) -->\n",[3077,10802,10803,10805,10807,10809,10811,10813,10815,10817,10819,10821,10823,10825,10827,10829],{"class":3079,"line":3140},[3077,10804,3103],{"class":3090},[3077,10806,4503],{"class":3094},[3077,10808,10581],{"class":3109},[3077,10810,3114],{"class":3113},[3077,10812,6010],{"class":3117},[3077,10814,10618],{"class":3109},[3077,10816,3114],{"class":3113},[3077,10818,6010],{"class":3117},[3077,10820,3121],{"class":3109},[3077,10822,3114],{"class":3113},[3077,10824,7920],{"class":3117},[3077,10826,3129],{"class":3109},[3077,10828,3114],{"class":3113},[3077,10830,10831],{"class":3117},"\"90\"\n",[3077,10833,10834,10836,10838,10840,10842,10844],{"class":3079,"line":3164},[3077,10835,6814],{"class":3109},[3077,10837,3114],{"class":3113},[3077,10839,4745],{"class":3117},[3077,10841,5870],{"class":3109},[3077,10843,3114],{"class":3113},[3077,10845,10846],{"class":3117},"\"8\"\n",[3077,10848,10849,10852,10854,10856,10858,10860,10862],{"class":3079,"line":3185},[3077,10850,10851],{"class":3109},"            BorderBrush",[3077,10853,3114],{"class":3113},[3077,10855,6907],{"class":3117},[3077,10857,5895],{"class":3109},[3077,10859,3114],{"class":3113},[3077,10861,3454],{"class":3117},[3077,10863,3097],{"class":3090},[3077,10865,10866,10868,10870,10872,10874,10876,10878,10880,10882,10884,10886,10888],{"class":3079,"line":3293},[3077,10867,3229],{"class":3090},[3077,10869,2965],{"class":3094},[3077,10871,4769],{"class":3109},[3077,10873,3114],{"class":3113},[3077,10875,3172],{"class":3117},[3077,10877,3156],{"class":3109},[3077,10879,3114],{"class":3113},[3077,10881,3172],{"class":3117},[3077,10883,6408],{"class":3109},[3077,10885,3114],{"class":3113},[3077,10887,3845],{"class":3117},[3077,10889,3097],{"class":3090},[3077,10891,10892,10894,10896,10898,10900,10903,10905,10907,10909,10911,10913,10915],{"class":3079,"line":3300},[3077,10893,5929],{"class":3090},[3077,10895,3145],{"class":3094},[3077,10897,3148],{"class":3109},[3077,10899,3114],{"class":3113},[3077,10901,10902],{"class":3117},"\"📄\"",[3077,10904,4557],{"class":3109},[3077,10906,3114],{"class":3113},[3077,10908,5867],{"class":3117},[3077,10910,3156],{"class":3109},[3077,10912,3114],{"class":3113},[3077,10914,3172],{"class":3117},[3077,10916,3137],{"class":3090},[3077,10918,10919,10921,10923,10925,10927,10930,10932,10934,10936,10938,10940],{"class":3079,"line":3310},[3077,10920,5929],{"class":3090},[3077,10922,3145],{"class":3094},[3077,10924,3148],{"class":3109},[3077,10926,3114],{"class":3113},[3077,10928,10929],{"class":3117},"\"report.pdf\"",[3077,10931,4557],{"class":3109},[3077,10933,3114],{"class":3113},[3077,10935,8650],{"class":3117},[3077,10937,3156],{"class":3109},[3077,10939,3114],{"class":3113},[3077,10941,3161],{"class":3117},[3077,10943,10944,10946,10948,10950,10953,10955,10958],{"class":3079,"line":3329},[3077,10945,6951],{"class":3109},[3077,10947,3114],{"class":3113},[3077,10949,6819],{"class":3117},[3077,10951,10952],{"class":3109}," TextTrimming",[3077,10954,3114],{"class":3113},[3077,10956,10957],{"class":3117},"\"CharacterEllipsis\"",[3077,10959,3137],{"class":3090},[3077,10961,10962,10964,10966],{"class":3079,"line":3347},[3077,10963,6031],{"class":3090},[3077,10965,2965],{"class":3094},[3077,10967,3097],{"class":3090},[3077,10969,10970,10972,10974],{"class":3079,"line":3356},[3077,10971,3286],{"class":3090},[3077,10973,4503],{"class":3094},[3077,10975,3097],{"class":3090},[3077,10977,10978],{"class":3079,"line":3361},[3077,10979,3297],{"emptyLinePlaceholder":3296},[3077,10981,10982],{"class":3079,"line":3367},[3077,10983,10984],{"class":3083},"    \u003C!-- Другий файл -->\n",[3077,10986,10987,10989,10991,10993,10995,10998,11000,11002,11004,11006,11008,11010,11012,11014],{"class":3079,"line":3398},[3077,10988,3103],{"class":3090},[3077,10990,4503],{"class":3094},[3077,10992,10581],{"class":3109},[3077,10994,3114],{"class":3113},[3077,10996,10997],{"class":3117},"\"120\"",[3077,10999,10618],{"class":3109},[3077,11001,3114],{"class":3113},[3077,11003,6010],{"class":3117},[3077,11005,3121],{"class":3109},[3077,11007,3114],{"class":3113},[3077,11009,7920],{"class":3117},[3077,11011,3129],{"class":3109},[3077,11013,3114],{"class":3113},[3077,11015,10831],{"class":3117},[3077,11017,11018,11020,11022,11024,11026,11028],{"class":3079,"line":3429},[3077,11019,6814],{"class":3109},[3077,11021,3114],{"class":3113},[3077,11023,3180],{"class":3117},[3077,11025,5870],{"class":3109},[3077,11027,3114],{"class":3113},[3077,11029,10846],{"class":3117},[3077,11031,11032,11034,11036,11038,11040,11042,11044],{"class":3079,"line":3459},[3077,11033,10851],{"class":3109},[3077,11035,3114],{"class":3113},[3077,11037,5892],{"class":3117},[3077,11039,5895],{"class":3109},[3077,11041,3114],{"class":3113},[3077,11043,3417],{"class":3117},[3077,11045,3097],{"class":3090},[3077,11047,11048,11050,11052,11054,11056,11058,11060,11062,11064,11066,11068,11070],{"class":3079,"line":3496},[3077,11049,3229],{"class":3090},[3077,11051,2965],{"class":3094},[3077,11053,4769],{"class":3109},[3077,11055,3114],{"class":3113},[3077,11057,3172],{"class":3117},[3077,11059,3156],{"class":3109},[3077,11061,3114],{"class":3113},[3077,11063,3172],{"class":3117},[3077,11065,6408],{"class":3109},[3077,11067,3114],{"class":3113},[3077,11069,3845],{"class":3117},[3077,11071,3097],{"class":3090},[3077,11073,11074,11076,11078,11080,11082,11085,11087,11089,11091,11093,11095,11097],{"class":3079,"line":3911},[3077,11075,5929],{"class":3090},[3077,11077,3145],{"class":3094},[3077,11079,3148],{"class":3109},[3077,11081,3114],{"class":3113},[3077,11083,11084],{"class":3117},"\"🖼️\"",[3077,11086,4557],{"class":3109},[3077,11088,3114],{"class":3113},[3077,11090,5867],{"class":3117},[3077,11092,3156],{"class":3109},[3077,11094,3114],{"class":3113},[3077,11096,3172],{"class":3117},[3077,11098,3137],{"class":3090},[3077,11100,11101,11103,11105,11107,11109,11112,11114,11116,11118,11120,11122],{"class":3079,"line":3939},[3077,11102,5929],{"class":3090},[3077,11104,3145],{"class":3094},[3077,11106,3148],{"class":3109},[3077,11108,3114],{"class":3113},[3077,11110,11111],{"class":3117},"\"photo.jpg\"",[3077,11113,4557],{"class":3109},[3077,11115,3114],{"class":3113},[3077,11117,8650],{"class":3117},[3077,11119,3156],{"class":3109},[3077,11121,3114],{"class":3113},[3077,11123,3161],{"class":3117},[3077,11125,11126,11128,11130,11132,11134,11136,11138],{"class":3079,"line":3966},[3077,11127,6951],{"class":3109},[3077,11129,3114],{"class":3113},[3077,11131,6197],{"class":3117},[3077,11133,10952],{"class":3109},[3077,11135,3114],{"class":3113},[3077,11137,10957],{"class":3117},[3077,11139,3137],{"class":3090},[3077,11141,11142,11144,11146],{"class":3079,"line":4674},[3077,11143,6031],{"class":3090},[3077,11145,2965],{"class":3094},[3077,11147,3097],{"class":3090},[3077,11149,11150,11152,11154],{"class":3079,"line":4702},[3077,11151,3286],{"class":3090},[3077,11153,4503],{"class":3094},[3077,11155,3097],{"class":3090},[3077,11157,11158],{"class":3079,"line":4711},[3077,11159,3297],{"emptyLinePlaceholder":3296},[3077,11161,11162],{"class":3079,"line":4716},[3077,11163,11164],{"class":3083},"    \u003C!-- Третій файл -->\n",[3077,11166,11167,11169,11171,11173,11175,11178,11180,11182,11184,11186,11188,11190,11192,11194],{"class":3079,"line":4722},[3077,11168,3103],{"class":3090},[3077,11170,4503],{"class":3094},[3077,11172,10581],{"class":3109},[3077,11174,3114],{"class":3113},[3077,11176,11177],{"class":3117},"\"220\"",[3077,11179,10618],{"class":3109},[3077,11181,3114],{"class":3113},[3077,11183,6010],{"class":3117},[3077,11185,3121],{"class":3109},[3077,11187,3114],{"class":3113},[3077,11189,7920],{"class":3117},[3077,11191,3129],{"class":3109},[3077,11193,3114],{"class":3113},[3077,11195,10831],{"class":3117},[3077,11197,11198,11200,11202,11204,11206,11208],{"class":3079,"line":4756},[3077,11199,6814],{"class":3109},[3077,11201,3114],{"class":3113},[3077,11203,3180],{"class":3117},[3077,11205,5870],{"class":3109},[3077,11207,3114],{"class":3113},[3077,11209,10846],{"class":3117},[3077,11211,11212,11214,11216,11218,11220,11222,11224],{"class":3079,"line":4790},[3077,11213,10851],{"class":3109},[3077,11215,3114],{"class":3113},[3077,11217,5892],{"class":3117},[3077,11219,5895],{"class":3109},[3077,11221,3114],{"class":3113},[3077,11223,3417],{"class":3117},[3077,11225,3097],{"class":3090},[3077,11227,11228,11230,11232,11234,11236,11238,11240,11242,11244,11246,11248,11250],{"class":3079,"line":4799},[3077,11229,3229],{"class":3090},[3077,11231,2965],{"class":3094},[3077,11233,4769],{"class":3109},[3077,11235,3114],{"class":3113},[3077,11237,3172],{"class":3117},[3077,11239,3156],{"class":3109},[3077,11241,3114],{"class":3113},[3077,11243,3172],{"class":3117},[3077,11245,6408],{"class":3109},[3077,11247,3114],{"class":3113},[3077,11249,3845],{"class":3117},[3077,11251,3097],{"class":3090},[3077,11253,11254,11256,11258,11260,11262,11264,11266,11268,11270,11272,11274,11276],{"class":3079,"line":4833},[3077,11255,5929],{"class":3090},[3077,11257,3145],{"class":3094},[3077,11259,3148],{"class":3109},[3077,11261,3114],{"class":3113},[3077,11263,6872],{"class":3117},[3077,11265,4557],{"class":3109},[3077,11267,3114],{"class":3113},[3077,11269,5867],{"class":3117},[3077,11271,3156],{"class":3109},[3077,11273,3114],{"class":3113},[3077,11275,3172],{"class":3117},[3077,11277,3137],{"class":3090},[3077,11279,11280,11282,11284,11286,11288,11291,11293,11295,11297,11299,11301],{"class":3079,"line":4867},[3077,11281,5929],{"class":3090},[3077,11283,3145],{"class":3094},[3077,11285,3148],{"class":3109},[3077,11287,3114],{"class":3113},[3077,11289,11290],{"class":3117},"\"data.xlsx\"",[3077,11292,4557],{"class":3109},[3077,11294,3114],{"class":3113},[3077,11296,8650],{"class":3117},[3077,11298,3156],{"class":3109},[3077,11300,3114],{"class":3113},[3077,11302,3161],{"class":3117},[3077,11304,11305,11307,11309,11311,11313,11315,11317],{"class":3079,"line":4876},[3077,11306,6951],{"class":3109},[3077,11308,3114],{"class":3113},[3077,11310,6197],{"class":3117},[3077,11312,10952],{"class":3109},[3077,11314,3114],{"class":3113},[3077,11316,10957],{"class":3117},[3077,11318,3137],{"class":3090},[3077,11320,11321,11323,11325],{"class":3079,"line":4910},[3077,11322,6031],{"class":3090},[3077,11324,2965],{"class":3094},[3077,11326,3097],{"class":3090},[3077,11328,11329,11331,11333],{"class":3079,"line":4944},[3077,11330,3286],{"class":3090},[3077,11332,4503],{"class":3094},[3077,11334,3097],{"class":3090},[3077,11336,11337],{"class":3079,"line":4953},[3077,11338,3297],{"emptyLinePlaceholder":3296},[3077,11340,11341],{"class":3079,"line":4958},[3077,11342,11343],{"class":3083},"    \u003C!-- Перекриваючий елемент: \"виділення\" рамкою — просто ще один елемент з Z-order -->\n",[3077,11345,11346,11348,11350,11352,11354,11357,11359,11361,11363,11365,11367,11369,11371,11373],{"class":3079,"line":4964},[3077,11347,3103],{"class":3090},[3077,11349,4503],{"class":3094},[3077,11351,10581],{"class":3109},[3077,11353,3114],{"class":3113},[3077,11355,11356],{"class":3117},"\"316\"",[3077,11358,10618],{"class":3109},[3077,11360,3114],{"class":3113},[3077,11362,6010],{"class":3117},[3077,11364,3121],{"class":3109},[3077,11366,3114],{"class":3113},[3077,11368,7920],{"class":3117},[3077,11370,3129],{"class":3109},[3077,11372,3114],{"class":3113},[3077,11374,10831],{"class":3117},[3077,11376,11377,11379,11381,11383,11385,11387],{"class":3079,"line":4998},[3077,11378,6814],{"class":3109},[3077,11380,3114],{"class":3113},[3077,11382,3180],{"class":3117},[3077,11384,5870],{"class":3109},[3077,11386,3114],{"class":3113},[3077,11388,10846],{"class":3117},[3077,11390,11391,11393,11395,11397,11399,11401,11403],{"class":3079,"line":5031},[3077,11392,10851],{"class":3109},[3077,11394,3114],{"class":3113},[3077,11396,5892],{"class":3117},[3077,11398,5895],{"class":3109},[3077,11400,3114],{"class":3113},[3077,11402,3417],{"class":3117},[3077,11404,3097],{"class":3090},[3077,11406,11407,11409,11411,11413,11415,11417,11419,11421,11423,11425,11427,11429],{"class":3079,"line":5040},[3077,11408,3229],{"class":3090},[3077,11410,2965],{"class":3094},[3077,11412,4769],{"class":3109},[3077,11414,3114],{"class":3113},[3077,11416,3172],{"class":3117},[3077,11418,3156],{"class":3109},[3077,11420,3114],{"class":3113},[3077,11422,3172],{"class":3117},[3077,11424,6408],{"class":3109},[3077,11426,3114],{"class":3113},[3077,11428,3845],{"class":3117},[3077,11430,3097],{"class":3090},[3077,11432,11433,11435,11437,11439,11441,11444,11446,11448,11450,11452,11454,11456],{"class":3079,"line":5074},[3077,11434,5929],{"class":3090},[3077,11436,3145],{"class":3094},[3077,11438,3148],{"class":3109},[3077,11440,3114],{"class":3113},[3077,11442,11443],{"class":3117},"\"🎵\"",[3077,11445,4557],{"class":3109},[3077,11447,3114],{"class":3113},[3077,11449,5867],{"class":3117},[3077,11451,3156],{"class":3109},[3077,11453,3114],{"class":3113},[3077,11455,3172],{"class":3117},[3077,11457,3137],{"class":3090},[3077,11459,11460,11462,11464,11466,11468,11471,11473,11475,11477,11479,11481],{"class":3079,"line":5108},[3077,11461,5929],{"class":3090},[3077,11463,3145],{"class":3094},[3077,11465,3148],{"class":3109},[3077,11467,3114],{"class":3113},[3077,11469,11470],{"class":3117},"\"audio.mp3\"",[3077,11472,4557],{"class":3109},[3077,11474,3114],{"class":3113},[3077,11476,8650],{"class":3117},[3077,11478,3156],{"class":3109},[3077,11480,3114],{"class":3113},[3077,11482,3161],{"class":3117},[3077,11484,11485,11487,11489,11491,11493,11495,11497],{"class":3079,"line":5117},[3077,11486,6951],{"class":3109},[3077,11488,3114],{"class":3113},[3077,11490,6197],{"class":3117},[3077,11492,10952],{"class":3109},[3077,11494,3114],{"class":3113},[3077,11496,10957],{"class":3117},[3077,11498,3137],{"class":3090},[3077,11500,11501,11503,11505],{"class":3079,"line":5151},[3077,11502,6031],{"class":3090},[3077,11504,2965],{"class":3094},[3077,11506,3097],{"class":3090},[3077,11508,11509,11511,11513],{"class":3079,"line":5185},[3077,11510,3286],{"class":3090},[3077,11512,4503],{"class":3094},[3077,11514,3097],{"class":3090},[3077,11516,11517],{"class":3079,"line":5194},[3077,11518,3297],{"emptyLinePlaceholder":3296},[3077,11520,11521],{"class":3079,"line":5199},[3077,11522,11523],{"class":3083},"    \u003C!-- Контекстне меню що \"пливе\" -->\n",[3077,11525,11526,11528,11530,11532,11534,11536,11538,11540],{"class":3079,"line":5205},[3077,11527,3103],{"class":3090},[3077,11529,4503],{"class":3094},[3077,11531,10581],{"class":3109},[3077,11533,3114],{"class":3113},[3077,11535,7920],{"class":3117},[3077,11537,10618],{"class":3109},[3077,11539,3114],{"class":3113},[3077,11541,11542],{"class":3117},"\"120\"\n",[3077,11544,11545,11547,11549,11551,11553,11555,11557,11559,11561],{"class":3079,"line":5246},[3077,11546,6814],{"class":3109},[3077,11548,3114],{"class":3113},[3077,11550,3180],{"class":3117},[3077,11552,5870],{"class":3109},[3077,11554,3114],{"class":3113},[3077,11556,6376],{"class":3117},[3077,11558,4526],{"class":3109},[3077,11560,3114],{"class":3113},[3077,11562,8116],{"class":3117},[3077,11564,11565,11567,11569,11571,11573,11575,11577],{"class":3079,"line":5280},[3077,11566,10851],{"class":3109},[3077,11568,3114],{"class":3113},[3077,11570,5892],{"class":3117},[3077,11572,5895],{"class":3109},[3077,11574,3114],{"class":3113},[3077,11576,3417],{"class":3117},[3077,11578,3097],{"class":3090},[3077,11580,11581,11583,11585,11587,11589,11591,11593,11595,11598],{"class":3079,"line":5289},[3077,11582,3229],{"class":3090},[3077,11584,2965],{"class":3094},[3077,11586,6408],{"class":3109},[3077,11588,3114],{"class":3113},[3077,11590,3379],{"class":3117},[3077,11592,3121],{"class":3109},[3077,11594,3114],{"class":3113},[3077,11596,11597],{"class":3117},"\"160\"",[3077,11599,3097],{"class":3090},[3077,11601,11602,11604,11606,11608,11610,11613,11616,11618,11620,11622,11624,11627,11629,11631,11634,11636,11638,11640],{"class":3079,"line":7676},[3077,11603,5929],{"class":3090},[3077,11605,3464],{"class":3094},[3077,11607,3486],{"class":3109},[3077,11609,3114],{"class":3113},[3077,11611,11612],{"class":3117},"\"📂 Відкрити\"",[3077,11614,11615],{"class":3109},"         HorizontalContentAlignment",[3077,11617,3114],{"class":3113},[3077,11619,9275],{"class":3117},[3077,11621,4526],{"class":3109},[3077,11623,3114],{"class":3113},[3077,11625,11626],{"class":3117},"\"10,6\"",[3077,11628,4518],{"class":3109},[3077,11630,3114],{"class":3113},[3077,11632,11633],{"class":3117},"\"Transparent\"",[3077,11635,4557],{"class":3109},[3077,11637,3114],{"class":3113},[3077,11639,5981],{"class":3117},[3077,11641,3137],{"class":3090},[3077,11643,11644,11646,11648,11650,11652,11655,11658,11660,11662,11664,11666,11668,11670,11672,11674,11676,11678,11680],{"class":3079,"line":7685},[3077,11645,5929],{"class":3090},[3077,11647,3464],{"class":3094},[3077,11649,3486],{"class":3109},[3077,11651,3114],{"class":3113},[3077,11653,11654],{"class":3117},"\"✂️ Вирізати\"",[3077,11656,11657],{"class":3109},"          HorizontalContentAlignment",[3077,11659,3114],{"class":3113},[3077,11661,9275],{"class":3117},[3077,11663,4526],{"class":3109},[3077,11665,3114],{"class":3113},[3077,11667,11626],{"class":3117},[3077,11669,4518],{"class":3109},[3077,11671,3114],{"class":3113},[3077,11673,11633],{"class":3117},[3077,11675,4557],{"class":3109},[3077,11677,3114],{"class":3113},[3077,11679,5981],{"class":3117},[3077,11681,3137],{"class":3090},[3077,11683,11684,11686,11688,11690,11692,11695,11697,11699,11701,11703,11705,11707,11709,11711,11713,11715,11717,11719],{"class":3079,"line":7724},[3077,11685,5929],{"class":3090},[3077,11687,3464],{"class":3094},[3077,11689,3486],{"class":3109},[3077,11691,3114],{"class":3113},[3077,11693,11694],{"class":3117},"\"📋 Копіювати\"",[3077,11696,11615],{"class":3109},[3077,11698,3114],{"class":3113},[3077,11700,9275],{"class":3117},[3077,11702,4526],{"class":3109},[3077,11704,3114],{"class":3113},[3077,11706,11626],{"class":3117},[3077,11708,4518],{"class":3109},[3077,11710,3114],{"class":3113},[3077,11712,11633],{"class":3117},[3077,11714,4557],{"class":3109},[3077,11716,3114],{"class":3113},[3077,11718,5981],{"class":3117},[3077,11720,3137],{"class":3090},[3077,11722,11723,11725,11728,11730,11732,11735],{"class":3079,"line":7745},[3077,11724,5929],{"class":3090},[3077,11726,11727],{"class":3094},"Separator",[3077,11729,3840],{"class":3109},[3077,11731,3114],{"class":3113},[3077,11733,11734],{"class":3117},"\"4,2\"",[3077,11736,3137],{"class":3090},[3077,11738,11739,11741,11743,11745,11747,11750,11752,11754,11756,11758,11760,11762,11764,11766,11768,11770,11772,11774,11776,11778,11781],{"class":3079,"line":7779},[3077,11740,5929],{"class":3090},[3077,11742,3464],{"class":3094},[3077,11744,3486],{"class":3109},[3077,11746,3114],{"class":3113},[3077,11748,11749],{"class":3117},"\"🗑️ Видалити\"",[3077,11751,11615],{"class":3109},[3077,11753,3114],{"class":3113},[3077,11755,9275],{"class":3117},[3077,11757,4526],{"class":3109},[3077,11759,3114],{"class":3113},[3077,11761,11626],{"class":3117},[3077,11763,4518],{"class":3109},[3077,11765,3114],{"class":3113},[3077,11767,11633],{"class":3117},[3077,11769,4557],{"class":3109},[3077,11771,3114],{"class":3113},[3077,11773,5981],{"class":3117},[3077,11775,3175],{"class":3109},[3077,11777,3114],{"class":3113},[3077,11779,11780],{"class":3117},"\"#dc2626\"",[3077,11782,3137],{"class":3090},[3077,11784,11785,11787,11789],{"class":3079,"line":7819},[3077,11786,6031],{"class":3090},[3077,11788,2965],{"class":3094},[3077,11790,3097],{"class":3090},[3077,11792,11793,11795,11797],{"class":3079,"line":7828},[3077,11794,3286],{"class":3090},[3077,11796,4503],{"class":3094},[3077,11798,3097],{"class":3090},[3077,11800,11801],{"class":3079,"line":7837},[3077,11802,3297],{"emptyLinePlaceholder":3296},[3077,11804,11806],{"class":3079,"line":11805},60,[3077,11807,11808],{"class":3083},"    \u003C!-- Tooltip/Badge що накладається -->\n",[3077,11810,11812,11814,11816,11818,11820,11822,11824,11826,11828,11830,11832,11835,11837,11839,11841,11843,11845,11848],{"class":3079,"line":11811},61,[3077,11813,3103],{"class":3090},[3077,11815,4503],{"class":3094},[3077,11817,10581],{"class":3109},[3077,11819,3114],{"class":3113},[3077,11821,7920],{"class":3117},[3077,11823,10618],{"class":3109},[3077,11825,3114],{"class":3113},[3077,11827,4347],{"class":3117},[3077,11829,4518],{"class":3109},[3077,11831,3114],{"class":3113},[3077,11833,11834],{"class":3117},"\"#ef4444\"",[3077,11836,5870],{"class":3109},[3077,11838,3114],{"class":3113},[3077,11840,5875],{"class":3117},[3077,11842,4526],{"class":3109},[3077,11844,3114],{"class":3113},[3077,11846,11847],{"class":3117},"\"5,2\"",[3077,11849,3097],{"class":3090},[3077,11851,11853,11855,11857,11859,11861,11864,11866,11868,11870,11872,11874,11876],{"class":3079,"line":11852},62,[3077,11854,3229],{"class":3090},[3077,11856,3145],{"class":3094},[3077,11858,3148],{"class":3109},[3077,11860,3114],{"class":3113},[3077,11862,11863],{"class":3117},"\"Вибрано\"",[3077,11865,3175],{"class":3109},[3077,11867,3114],{"class":3113},[3077,11869,3180],{"class":3117},[3077,11871,4557],{"class":3109},[3077,11873,3114],{"class":3113},[3077,11875,5875],{"class":3117},[3077,11877,3137],{"class":3090},[3077,11879,11881,11883,11885],{"class":3079,"line":11880},63,[3077,11882,3286],{"class":3090},[3077,11884,4503],{"class":3094},[3077,11886,3097],{"class":3090},[3077,11888,11890],{"class":3079,"line":11889},64,[3077,11891,3297],{"emptyLinePlaceholder":3296},[3077,11893,11895,11897,11899],{"class":3079,"line":11894},65,[3077,11896,3188],{"class":3090},[3077,11898,3020],{"class":3094},[3077,11900,3097],{"class":3090},[3048,11902,11904],{"id":11903},"коли-canvas-правильний-вибір","Коли Canvas — правильний вибір",[2959,11906,11907,11908,11911],{},"Canvas є ",[2988,11909,11910],{},"правильним інструментом"," у специфічних сценаріях:",[10673,11913,11914,11921,11927,11933,11948],{},[4191,11915,11916,11917,11920],{},"✅ ",[2988,11918,11919],{},"Ігри та анімації",": Спрайти рухаються по конкретних координатах — саме те, для чого Canvas",[4191,11922,11916,11923,11926],{},[2988,11924,11925],{},"Drag-and-Drop",": Перетягуваний елемент потрібно позиціонувати в довільній точці",[4191,11928,11916,11929,11932],{},[2988,11930,11931],{},"Діаграми та схеми",": Вузли графа, з'єднувальні лінії, mermaid-подібні схеми",[4191,11934,11916,11935,3658,11938,2966,11941,2966,11944,11947],{},[2988,11936,11937],{},"Примітивна векторна графіка",[2963,11939,11940],{},"Line",[2963,11942,11943],{},"Ellipse",[2963,11945,11946],{},"Polygon"," — малювання фігур по координатах",[4191,11949,11916,11950,11953],{},[2988,11951,11952],{},"Floating UI",": Tooltip-и, pop-up меню, overlay-елементи що \"плавають\" над основним контентом (як у прикладі вище)",[3068,11955,11957],{"className":3070,"code":11956,"language":3072,"meta":3073,"style":3073},"\u003C!-- Canvas для простої векторної графіки -->\n\u003CCanvas Width=\"300\" Height=\"200\">\n    \u003CLine X1=\"0\" Y1=\"100\" X2=\"300\" Y2=\"100\" Stroke=\"Gray\" StrokeThickness=\"1\"/>\n    \u003CLine X1=\"150\" Y1=\"0\" X2=\"150\" Y2=\"200\" Stroke=\"Gray\" StrokeThickness=\"1\"/>\n    \u003CEllipse Canvas.Left=\"50\" Canvas.Top=\"50\" Width=\"80\" Height=\"80\"\n             Fill=\"#3b82f6\" Opacity=\"0.7\"/>\n    \u003CEllipse Canvas.Left=\"120\" Canvas.Top=\"70\" Width=\"100\" Height=\"100\"\n             Fill=\"#ef4444\" Opacity=\"0.5\"/>\n\u003C/Canvas>\n",[2963,11958,11959,11964,11984,12035,12080,12111,12130,12162,12179],{"__ignoreMap":3073},[3077,11960,11961],{"class":3079,"line":3080},[3077,11962,11963],{"class":3083},"\u003C!-- Canvas для простої векторної графіки -->\n",[3077,11965,11966,11968,11970,11972,11974,11976,11978,11980,11982],{"class":3079,"line":3087},[3077,11967,3091],{"class":3090},[3077,11969,3020],{"class":3094},[3077,11971,3121],{"class":3109},[3077,11973,3114],{"class":3113},[3077,11975,4010],{"class":3117},[3077,11977,3129],{"class":3109},[3077,11979,3114],{"class":3113},[3077,11981,3126],{"class":3117},[3077,11983,3097],{"class":3090},[3077,11985,11986,11988,11990,11993,11995,11997,12000,12002,12004,12007,12009,12011,12014,12016,12018,12021,12023,12026,12029,12031,12033],{"class":3079,"line":3100},[3077,11987,3103],{"class":3090},[3077,11989,11940],{"class":3094},[3077,11991,11992],{"class":3109}," X1",[3077,11994,3114],{"class":3113},[3077,11996,3379],{"class":3117},[3077,11998,11999],{"class":3109}," Y1",[3077,12001,3114],{"class":3113},[3077,12003,3134],{"class":3117},[3077,12005,12006],{"class":3109}," X2",[3077,12008,3114],{"class":3113},[3077,12010,4010],{"class":3117},[3077,12012,12013],{"class":3109}," Y2",[3077,12015,3114],{"class":3113},[3077,12017,3134],{"class":3117},[3077,12019,12020],{"class":3109}," Stroke",[3077,12022,3114],{"class":3113},[3077,12024,12025],{"class":3117},"\"Gray\"",[3077,12027,12028],{"class":3109}," StrokeThickness",[3077,12030,3114],{"class":3113},[3077,12032,3417],{"class":3117},[3077,12034,3137],{"class":3090},[3077,12036,12037,12039,12041,12043,12045,12048,12050,12052,12054,12056,12058,12060,12062,12064,12066,12068,12070,12072,12074,12076,12078],{"class":3079,"line":3140},[3077,12038,3103],{"class":3090},[3077,12040,11940],{"class":3094},[3077,12042,11992],{"class":3109},[3077,12044,3114],{"class":3113},[3077,12046,12047],{"class":3117},"\"150\"",[3077,12049,11999],{"class":3109},[3077,12051,3114],{"class":3113},[3077,12053,3379],{"class":3117},[3077,12055,12006],{"class":3109},[3077,12057,3114],{"class":3113},[3077,12059,12047],{"class":3117},[3077,12061,12013],{"class":3109},[3077,12063,3114],{"class":3113},[3077,12065,3126],{"class":3117},[3077,12067,12020],{"class":3109},[3077,12069,3114],{"class":3113},[3077,12071,12025],{"class":3117},[3077,12073,12028],{"class":3109},[3077,12075,3114],{"class":3113},[3077,12077,3417],{"class":3117},[3077,12079,3137],{"class":3090},[3077,12081,12082,12084,12086,12088,12090,12092,12094,12096,12098,12100,12102,12104,12106,12108],{"class":3079,"line":3164},[3077,12083,3103],{"class":3090},[3077,12085,11943],{"class":3094},[3077,12087,10581],{"class":3109},[3077,12089,3114],{"class":3113},[3077,12091,10586],{"class":3117},[3077,12093,10618],{"class":3109},[3077,12095,3114],{"class":3113},[3077,12097,10586],{"class":3117},[3077,12099,3121],{"class":3109},[3077,12101,3114],{"class":3113},[3077,12103,7920],{"class":3117},[3077,12105,3129],{"class":3109},[3077,12107,3114],{"class":3113},[3077,12109,12110],{"class":3117},"\"80\"\n",[3077,12112,12113,12116,12118,12120,12123,12125,12128],{"class":3079,"line":3185},[3077,12114,12115],{"class":3109},"             Fill",[3077,12117,3114],{"class":3113},[3077,12119,3118],{"class":3117},[3077,12121,12122],{"class":3109}," Opacity",[3077,12124,3114],{"class":3113},[3077,12126,12127],{"class":3117},"\"0.7\"",[3077,12129,3137],{"class":3090},[3077,12131,12132,12134,12136,12138,12140,12142,12144,12146,12149,12151,12153,12155,12157,12159],{"class":3079,"line":3293},[3077,12133,3103],{"class":3090},[3077,12135,11943],{"class":3094},[3077,12137,10581],{"class":3109},[3077,12139,3114],{"class":3113},[3077,12141,10997],{"class":3117},[3077,12143,10618],{"class":3109},[3077,12145,3114],{"class":3113},[3077,12147,12148],{"class":3117},"\"70\"",[3077,12150,3121],{"class":3109},[3077,12152,3114],{"class":3113},[3077,12154,3134],{"class":3117},[3077,12156,3129],{"class":3109},[3077,12158,3114],{"class":3113},[3077,12160,12161],{"class":3117},"\"100\"\n",[3077,12163,12164,12166,12168,12170,12172,12174,12177],{"class":3079,"line":3300},[3077,12165,12115],{"class":3109},[3077,12167,3114],{"class":3113},[3077,12169,11834],{"class":3117},[3077,12171,12122],{"class":3109},[3077,12173,3114],{"class":3113},[3077,12175,12176],{"class":3117},"\"0.5\"",[3077,12178,3137],{"class":3090},[3077,12180,12181,12183,12185],{"class":3079,"line":3310},[3077,12182,3188],{"class":3090},[3077,12184,3020],{"class":3094},[3077,12186,3097],{"class":3090},[3048,12188,12190],{"id":12189},"z-index-у-canvas","Z-Index у Canvas",[2959,12192,12193,12194,12197],{},"Коли елементи перекриваються — ",[2963,12195,12196],{},"Panel.ZIndex"," визначає хто зверху. Більше значення = поверх:",[3068,12199,12201],{"className":3070,"code":12200,"language":3072,"meta":3073,"style":3073},"\u003CCanvas>\n    \u003CRectangle Canvas.Left=\"20\" Canvas.Top=\"20\" Width=\"100\" Height=\"100\"\n               Fill=\"Blue\" Panel.ZIndex=\"1\"/>\n    \u003CRectangle Canvas.Left=\"60\" Canvas.Top=\"60\" Width=\"100\" Height=\"100\"\n               Fill=\"Red\" Panel.ZIndex=\"2\"/>  \u003C!-- Червоний поверх синього -->\n\u003C/Canvas>\n",[2963,12202,12203,12211,12241,12260,12290,12310],{"__ignoreMap":3073},[3077,12204,12205,12207,12209],{"class":3079,"line":3080},[3077,12206,3091],{"class":3090},[3077,12208,3020],{"class":3094},[3077,12210,3097],{"class":3090},[3077,12212,12213,12215,12217,12219,12221,12223,12225,12227,12229,12231,12233,12235,12237,12239],{"class":3079,"line":3087},[3077,12214,3103],{"class":3090},[3077,12216,3106],{"class":3094},[3077,12218,10581],{"class":3109},[3077,12220,3114],{"class":3113},[3077,12222,6010],{"class":3117},[3077,12224,10618],{"class":3109},[3077,12226,3114],{"class":3113},[3077,12228,6010],{"class":3117},[3077,12230,3121],{"class":3109},[3077,12232,3114],{"class":3113},[3077,12234,3134],{"class":3117},[3077,12236,3129],{"class":3109},[3077,12238,3114],{"class":3113},[3077,12240,12161],{"class":3117},[3077,12242,12243,12246,12248,12251,12254,12256,12258],{"class":3079,"line":3100},[3077,12244,12245],{"class":3109},"               Fill",[3077,12247,3114],{"class":3113},[3077,12249,12250],{"class":3117},"\"Blue\"",[3077,12252,12253],{"class":3109}," Panel.ZIndex",[3077,12255,3114],{"class":3113},[3077,12257,3417],{"class":3117},[3077,12259,3137],{"class":3090},[3077,12261,12262,12264,12266,12268,12270,12272,12274,12276,12278,12280,12282,12284,12286,12288],{"class":3079,"line":3140},[3077,12263,3103],{"class":3090},[3077,12265,3106],{"class":3094},[3077,12267,10581],{"class":3109},[3077,12269,3114],{"class":3113},[3077,12271,3276],{"class":3117},[3077,12273,10618],{"class":3109},[3077,12275,3114],{"class":3113},[3077,12277,3276],{"class":3117},[3077,12279,3121],{"class":3109},[3077,12281,3114],{"class":3113},[3077,12283,3134],{"class":3117},[3077,12285,3129],{"class":3109},[3077,12287,3114],{"class":3113},[3077,12289,12161],{"class":3117},[3077,12291,12292,12294,12296,12299,12301,12303,12305,12307],{"class":3079,"line":3164},[3077,12293,12245],{"class":3109},[3077,12295,3114],{"class":3113},[3077,12297,12298],{"class":3117},"\"Red\"",[3077,12300,12253],{"class":3109},[3077,12302,3114],{"class":3113},[3077,12304,3454],{"class":3117},[3077,12306,3242],{"class":3090},[3077,12308,12309],{"class":3083},"  \u003C!-- Червоний поверх синього -->\n",[3077,12311,12312,12314,12316],{"class":3079,"line":3185},[3077,12313,3188],{"class":3090},[3077,12315,3020],{"class":3094},[3077,12317,3097],{"class":3090},[2959,12319,12320,12321,12323],{},"З-Index також працює в ",[2963,12322,2979],{}," при накладенні елементів.",[3031,12325],{},[3034,12327,12329],{"id":12328},"uniformgrid-рівномірна-сітка-без-зайвої-конфігурації","UniformGrid: рівномірна сітка без зайвої конфігурації",[2959,12331,12332,12334,12335,12338,12339,12341,12342,12344],{},[2963,12333,3028],{}," — спрощений варіант Grid де ",[2988,12336,12337],{},"всі комірки однакового розміру",". Ніяких ",[2963,12340,3057],{},", ніяких ",[2963,12343,3508],{}," атрибутів — елементи заповнюються зліва направо, рядок за рядком автоматично.",[3068,12346,12348],{"className":3070,"code":12347,"language":3072,"meta":3073,"style":3073},"\u003C!-- Задаємо тільки кількість рядків або колонок -->\n\u003CUniformGrid Rows=\"2\" Columns=\"3\">\n    \u003CButton Content=\"1\"/>\n    \u003CButton Content=\"2\"/>\n    \u003CButton Content=\"3\"/>\n    \u003C!-- Автоматично переноситься на рядок 2 -->\n    \u003CButton Content=\"4\"/>\n    \u003CButton Content=\"5\"/>\n    \u003CButton Content=\"6\"/>\n\u003C/UniformGrid>\n",[2963,12349,12350,12355,12377,12391,12405,12419,12424,12438,12452,12466],{"__ignoreMap":3073},[3077,12351,12352],{"class":3079,"line":3080},[3077,12353,12354],{"class":3083},"\u003C!-- Задаємо тільки кількість рядків або колонок -->\n",[3077,12356,12357,12359,12361,12364,12366,12368,12371,12373,12375],{"class":3079,"line":3087},[3077,12358,3091],{"class":3090},[3077,12360,3028],{"class":3094},[3077,12362,12363],{"class":3109}," Rows",[3077,12365,3114],{"class":3113},[3077,12367,3454],{"class":3117},[3077,12369,12370],{"class":3109}," Columns",[3077,12372,3114],{"class":3113},[3077,12374,5216],{"class":3117},[3077,12376,3097],{"class":3090},[3077,12378,12379,12381,12383,12385,12387,12389],{"class":3079,"line":3100},[3077,12380,3103],{"class":3090},[3077,12382,3464],{"class":3094},[3077,12384,3486],{"class":3109},[3077,12386,3114],{"class":3113},[3077,12388,3417],{"class":3117},[3077,12390,3137],{"class":3090},[3077,12392,12393,12395,12397,12399,12401,12403],{"class":3079,"line":3140},[3077,12394,3103],{"class":3090},[3077,12396,3464],{"class":3094},[3077,12398,3486],{"class":3109},[3077,12400,3114],{"class":3113},[3077,12402,3454],{"class":3117},[3077,12404,3137],{"class":3090},[3077,12406,12407,12409,12411,12413,12415,12417],{"class":3079,"line":3164},[3077,12408,3103],{"class":3090},[3077,12410,3464],{"class":3094},[3077,12412,3486],{"class":3109},[3077,12414,3114],{"class":3113},[3077,12416,5216],{"class":3117},[3077,12418,3137],{"class":3090},[3077,12420,12421],{"class":3079,"line":3185},[3077,12422,12423],{"class":3083},"    \u003C!-- Автоматично переноситься на рядок 2 -->\n",[3077,12425,12426,12428,12430,12432,12434,12436],{"class":3079,"line":3293},[3077,12427,3103],{"class":3090},[3077,12429,3464],{"class":3094},[3077,12431,3486],{"class":3109},[3077,12433,3114],{"class":3113},[3077,12435,3845],{"class":3117},[3077,12437,3137],{"class":3090},[3077,12439,12440,12442,12444,12446,12448,12450],{"class":3079,"line":3300},[3077,12441,3103],{"class":3090},[3077,12443,3464],{"class":3094},[3077,12445,3486],{"class":3109},[3077,12447,3114],{"class":3113},[3077,12449,8826],{"class":3117},[3077,12451,3137],{"class":3090},[3077,12453,12454,12456,12458,12460,12462,12464],{"class":3079,"line":3310},[3077,12455,3103],{"class":3090},[3077,12457,3464],{"class":3094},[3077,12459,3486],{"class":3109},[3077,12461,3114],{"class":3113},[3077,12463,6376],{"class":3117},[3077,12465,3137],{"class":3090},[3077,12467,12468,12470,12472],{"class":3079,"line":3329},[3077,12469,3188],{"class":3090},[3077,12471,3028],{"class":3094},[3077,12473,3097],{"class":3090},[3048,12475,12477,5347,12480],{"id":12476},"rows-і-columns",[2963,12478,12479],{},"Rows",[2963,12481,12482],{},"Columns",[10673,12484,12485,12491,12496],{},[4191,12486,12487,12488,12490],{},"Якщо задати тільки ",[2963,12489,12482],{}," — кількість рядків визначається автоматично по кількості елементів",[4191,12492,12487,12493,12495],{},[2963,12494,12479],{}," — кількість колонок визначається автоматично",[4191,12497,12498],{},"Якщо задати обидва — залишкові комірки будуть порожніми",[3068,12500,12502],{"className":3070,"code":12501,"language":3072,"meta":3073,"style":3073},"\u003C!-- 3 колонки, кількість рядків = ceil(n / 3) -->\n\u003CUniformGrid Columns=\"3\">\n    \u003CButton Content=\"A\"/>\n    \u003CButton Content=\"B\"/>\n    \u003CButton Content=\"C\"/>\n    \u003CButton Content=\"D\"/>\n    \u003CButton Content=\"E\"/>\n    \u003C!-- 5 елементів / 3 = 2 рядки (6 комірок, одна порожня) -->\n\u003C/UniformGrid>\n",[2963,12503,12504,12509,12523,12538,12553,12568,12583,12598,12603],{"__ignoreMap":3073},[3077,12505,12506],{"class":3079,"line":3080},[3077,12507,12508],{"class":3083},"\u003C!-- 3 колонки, кількість рядків = ceil(n / 3) -->\n",[3077,12510,12511,12513,12515,12517,12519,12521],{"class":3079,"line":3087},[3077,12512,3091],{"class":3090},[3077,12514,3028],{"class":3094},[3077,12516,12370],{"class":3109},[3077,12518,3114],{"class":3113},[3077,12520,5216],{"class":3117},[3077,12522,3097],{"class":3090},[3077,12524,12525,12527,12529,12531,12533,12536],{"class":3079,"line":3100},[3077,12526,3103],{"class":3090},[3077,12528,3464],{"class":3094},[3077,12530,3486],{"class":3109},[3077,12532,3114],{"class":3113},[3077,12534,12535],{"class":3117},"\"A\"",[3077,12537,3137],{"class":3090},[3077,12539,12540,12542,12544,12546,12548,12551],{"class":3079,"line":3140},[3077,12541,3103],{"class":3090},[3077,12543,3464],{"class":3094},[3077,12545,3486],{"class":3109},[3077,12547,3114],{"class":3113},[3077,12549,12550],{"class":3117},"\"B\"",[3077,12552,3137],{"class":3090},[3077,12554,12555,12557,12559,12561,12563,12566],{"class":3079,"line":3164},[3077,12556,3103],{"class":3090},[3077,12558,3464],{"class":3094},[3077,12560,3486],{"class":3109},[3077,12562,3114],{"class":3113},[3077,12564,12565],{"class":3117},"\"C\"",[3077,12567,3137],{"class":3090},[3077,12569,12570,12572,12574,12576,12578,12581],{"class":3079,"line":3185},[3077,12571,3103],{"class":3090},[3077,12573,3464],{"class":3094},[3077,12575,3486],{"class":3109},[3077,12577,3114],{"class":3113},[3077,12579,12580],{"class":3117},"\"D\"",[3077,12582,3137],{"class":3090},[3077,12584,12585,12587,12589,12591,12593,12596],{"class":3079,"line":3293},[3077,12586,3103],{"class":3090},[3077,12588,3464],{"class":3094},[3077,12590,3486],{"class":3109},[3077,12592,3114],{"class":3113},[3077,12594,12595],{"class":3117},"\"E\"",[3077,12597,3137],{"class":3090},[3077,12599,12600],{"class":3079,"line":3300},[3077,12601,12602],{"class":3083},"    \u003C!-- 5 елементів / 3 = 2 рядки (6 комірок, одна порожня) -->\n",[3077,12604,12605,12607,12609],{"class":3079,"line":3310},[3077,12606,3188],{"class":3090},[3077,12608,3028],{"class":3094},[3077,12610,3097],{"class":3090},[4327,12612,12614],{"title":12613},"UniformGrid: клавіатура нумпаду (4×3)",[3068,12615,12617],{"className":3070,"code":12616,"language":3072,"meta":3073,"style":3073},"\u003CUniformGrid Rows=\"4\" Columns=\"3\" Margin=\"20\" Width=\"200\">\n    \u003CButton Content=\"7\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"8\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"9\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"4\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"5\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"6\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"1\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"2\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"3\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"←\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#fecaca\" Foreground=\"#dc2626\"/>\n    \u003CButton Content=\"0\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#f1f5f9\"/>\n    \u003CButton Content=\"↵\" Margin=\"3\" Padding=\"0,12\" FontSize=\"18\" Background=\"#bbf7d0\" Foreground=\"#16a34a\" FontWeight=\"Bold\"/>\n\u003C/UniformGrid>\n",[2963,12618,12619,12651,12690,12728,12766,12804,12842,12880,12918,12956,12994,13040,13078,13130],{"__ignoreMap":3073},[3077,12620,12621,12623,12625,12627,12629,12631,12633,12635,12637,12639,12641,12643,12645,12647,12649],{"class":3079,"line":3080},[3077,12622,3091],{"class":3090},[3077,12624,3028],{"class":3094},[3077,12626,12363],{"class":3109},[3077,12628,3114],{"class":3113},[3077,12630,3845],{"class":3117},[3077,12632,12370],{"class":3109},[3077,12634,3114],{"class":3113},[3077,12636,5216],{"class":3117},[3077,12638,3840],{"class":3109},[3077,12640,3114],{"class":3113},[3077,12642,6010],{"class":3117},[3077,12644,3121],{"class":3109},[3077,12646,3114],{"class":3113},[3077,12648,3126],{"class":3117},[3077,12650,3097],{"class":3090},[3077,12652,12653,12655,12657,12659,12661,12663,12665,12667,12669,12671,12673,12675,12677,12679,12681,12683,12685,12688],{"class":3079,"line":3087},[3077,12654,3103],{"class":3090},[3077,12656,3464],{"class":3094},[3077,12658,3486],{"class":3109},[3077,12660,3114],{"class":3113},[3077,12662,8536],{"class":3117},[3077,12664,3840],{"class":3109},[3077,12666,3114],{"class":3113},[3077,12668,5216],{"class":3117},[3077,12670,4526],{"class":3109},[3077,12672,3114],{"class":3113},[3077,12674,8292],{"class":3117},[3077,12676,4557],{"class":3109},[3077,12678,3114],{"class":3113},[3077,12680,7162],{"class":3117},[3077,12682,4518],{"class":3109},[3077,12684,3114],{"class":3113},[3077,12686,12687],{"class":3117},"\"#f1f5f9\"",[3077,12689,3137],{"class":3090},[3077,12691,12692,12694,12696,12698,12700,12702,12704,12706,12708,12710,12712,12714,12716,12718,12720,12722,12724,12726],{"class":3079,"line":3100},[3077,12693,3103],{"class":3090},[3077,12695,3464],{"class":3094},[3077,12697,3486],{"class":3109},[3077,12699,3114],{"class":3113},[3077,12701,6413],{"class":3117},[3077,12703,3840],{"class":3109},[3077,12705,3114],{"class":3113},[3077,12707,5216],{"class":3117},[3077,12709,4526],{"class":3109},[3077,12711,3114],{"class":3113},[3077,12713,8292],{"class":3117},[3077,12715,4557],{"class":3109},[3077,12717,3114],{"class":3113},[3077,12719,7162],{"class":3117},[3077,12721,4518],{"class":3109},[3077,12723,3114],{"class":3113},[3077,12725,12687],{"class":3117},[3077,12727,3137],{"class":3090},[3077,12729,12730,12732,12734,12736,12738,12740,12742,12744,12746,12748,12750,12752,12754,12756,12758,12760,12762,12764],{"class":3079,"line":3140},[3077,12731,3103],{"class":3090},[3077,12733,3464],{"class":3094},[3077,12735,3486],{"class":3109},[3077,12737,3114],{"class":3113},[3077,12739,8650],{"class":3117},[3077,12741,3840],{"class":3109},[3077,12743,3114],{"class":3113},[3077,12745,5216],{"class":3117},[3077,12747,4526],{"class":3109},[3077,12749,3114],{"class":3113},[3077,12751,8292],{"class":3117},[3077,12753,4557],{"class":3109},[3077,12755,3114],{"class":3113},[3077,12757,7162],{"class":3117},[3077,12759,4518],{"class":3109},[3077,12761,3114],{"class":3113},[3077,12763,12687],{"class":3117},[3077,12765,3137],{"class":3090},[3077,12767,12768,12770,12772,12774,12776,12778,12780,12782,12784,12786,12788,12790,12792,12794,12796,12798,12800,12802],{"class":3079,"line":3164},[3077,12769,3103],{"class":3090},[3077,12771,3464],{"class":3094},[3077,12773,3486],{"class":3109},[3077,12775,3114],{"class":3113},[3077,12777,3845],{"class":3117},[3077,12779,3840],{"class":3109},[3077,12781,3114],{"class":3113},[3077,12783,5216],{"class":3117},[3077,12785,4526],{"class":3109},[3077,12787,3114],{"class":3113},[3077,12789,8292],{"class":3117},[3077,12791,4557],{"class":3109},[3077,12793,3114],{"class":3113},[3077,12795,7162],{"class":3117},[3077,12797,4518],{"class":3109},[3077,12799,3114],{"class":3113},[3077,12801,12687],{"class":3117},[3077,12803,3137],{"class":3090},[3077,12805,12806,12808,12810,12812,12814,12816,12818,12820,12822,12824,12826,12828,12830,12832,12834,12836,12838,12840],{"class":3079,"line":3185},[3077,12807,3103],{"class":3090},[3077,12809,3464],{"class":3094},[3077,12811,3486],{"class":3109},[3077,12813,3114],{"class":3113},[3077,12815,8826],{"class":3117},[3077,12817,3840],{"class":3109},[3077,12819,3114],{"class":3113},[3077,12821,5216],{"class":3117},[3077,12823,4526],{"class":3109},[3077,12825,3114],{"class":3113},[3077,12827,8292],{"class":3117},[3077,12829,4557],{"class":3109},[3077,12831,3114],{"class":3113},[3077,12833,7162],{"class":3117},[3077,12835,4518],{"class":3109},[3077,12837,3114],{"class":3113},[3077,12839,12687],{"class":3117},[3077,12841,3137],{"class":3090},[3077,12843,12844,12846,12848,12850,12852,12854,12856,12858,12860,12862,12864,12866,12868,12870,12872,12874,12876,12878],{"class":3079,"line":3293},[3077,12845,3103],{"class":3090},[3077,12847,3464],{"class":3094},[3077,12849,3486],{"class":3109},[3077,12851,3114],{"class":3113},[3077,12853,6376],{"class":3117},[3077,12855,3840],{"class":3109},[3077,12857,3114],{"class":3113},[3077,12859,5216],{"class":3117},[3077,12861,4526],{"class":3109},[3077,12863,3114],{"class":3113},[3077,12865,8292],{"class":3117},[3077,12867,4557],{"class":3109},[3077,12869,3114],{"class":3113},[3077,12871,7162],{"class":3117},[3077,12873,4518],{"class":3109},[3077,12875,3114],{"class":3113},[3077,12877,12687],{"class":3117},[3077,12879,3137],{"class":3090},[3077,12881,12882,12884,12886,12888,12890,12892,12894,12896,12898,12900,12902,12904,12906,12908,12910,12912,12914,12916],{"class":3079,"line":3300},[3077,12883,3103],{"class":3090},[3077,12885,3464],{"class":3094},[3077,12887,3486],{"class":3109},[3077,12889,3114],{"class":3113},[3077,12891,3417],{"class":3117},[3077,12893,3840],{"class":3109},[3077,12895,3114],{"class":3113},[3077,12897,5216],{"class":3117},[3077,12899,4526],{"class":3109},[3077,12901,3114],{"class":3113},[3077,12903,8292],{"class":3117},[3077,12905,4557],{"class":3109},[3077,12907,3114],{"class":3113},[3077,12909,7162],{"class":3117},[3077,12911,4518],{"class":3109},[3077,12913,3114],{"class":3113},[3077,12915,12687],{"class":3117},[3077,12917,3137],{"class":3090},[3077,12919,12920,12922,12924,12926,12928,12930,12932,12934,12936,12938,12940,12942,12944,12946,12948,12950,12952,12954],{"class":3079,"line":3310},[3077,12921,3103],{"class":3090},[3077,12923,3464],{"class":3094},[3077,12925,3486],{"class":3109},[3077,12927,3114],{"class":3113},[3077,12929,3454],{"class":3117},[3077,12931,3840],{"class":3109},[3077,12933,3114],{"class":3113},[3077,12935,5216],{"class":3117},[3077,12937,4526],{"class":3109},[3077,12939,3114],{"class":3113},[3077,12941,8292],{"class":3117},[3077,12943,4557],{"class":3109},[3077,12945,3114],{"class":3113},[3077,12947,7162],{"class":3117},[3077,12949,4518],{"class":3109},[3077,12951,3114],{"class":3113},[3077,12953,12687],{"class":3117},[3077,12955,3137],{"class":3090},[3077,12957,12958,12960,12962,12964,12966,12968,12970,12972,12974,12976,12978,12980,12982,12984,12986,12988,12990,12992],{"class":3079,"line":3329},[3077,12959,3103],{"class":3090},[3077,12961,3464],{"class":3094},[3077,12963,3486],{"class":3109},[3077,12965,3114],{"class":3113},[3077,12967,5216],{"class":3117},[3077,12969,3840],{"class":3109},[3077,12971,3114],{"class":3113},[3077,12973,5216],{"class":3117},[3077,12975,4526],{"class":3109},[3077,12977,3114],{"class":3113},[3077,12979,8292],{"class":3117},[3077,12981,4557],{"class":3109},[3077,12983,3114],{"class":3113},[3077,12985,7162],{"class":3117},[3077,12987,4518],{"class":3109},[3077,12989,3114],{"class":3113},[3077,12991,12687],{"class":3117},[3077,12993,3137],{"class":3090},[3077,12995,12996,12998,13000,13002,13004,13007,13009,13011,13013,13015,13017,13019,13021,13023,13025,13027,13029,13032,13034,13036,13038],{"class":3079,"line":3347},[3077,12997,3103],{"class":3090},[3077,12999,3464],{"class":3094},[3077,13001,3486],{"class":3109},[3077,13003,3114],{"class":3113},[3077,13005,13006],{"class":3117},"\"←\"",[3077,13008,3840],{"class":3109},[3077,13010,3114],{"class":3113},[3077,13012,5216],{"class":3117},[3077,13014,4526],{"class":3109},[3077,13016,3114],{"class":3113},[3077,13018,8292],{"class":3117},[3077,13020,4557],{"class":3109},[3077,13022,3114],{"class":3113},[3077,13024,7162],{"class":3117},[3077,13026,4518],{"class":3109},[3077,13028,3114],{"class":3113},[3077,13030,13031],{"class":3117},"\"#fecaca\"",[3077,13033,3175],{"class":3109},[3077,13035,3114],{"class":3113},[3077,13037,11780],{"class":3117},[3077,13039,3137],{"class":3090},[3077,13041,13042,13044,13046,13048,13050,13052,13054,13056,13058,13060,13062,13064,13066,13068,13070,13072,13074,13076],{"class":3079,"line":3356},[3077,13043,3103],{"class":3090},[3077,13045,3464],{"class":3094},[3077,13047,3486],{"class":3109},[3077,13049,3114],{"class":3113},[3077,13051,3379],{"class":3117},[3077,13053,3840],{"class":3109},[3077,13055,3114],{"class":3113},[3077,13057,5216],{"class":3117},[3077,13059,4526],{"class":3109},[3077,13061,3114],{"class":3113},[3077,13063,8292],{"class":3117},[3077,13065,4557],{"class":3109},[3077,13067,3114],{"class":3113},[3077,13069,7162],{"class":3117},[3077,13071,4518],{"class":3109},[3077,13073,3114],{"class":3113},[3077,13075,12687],{"class":3117},[3077,13077,3137],{"class":3090},[3077,13079,13080,13082,13084,13086,13088,13091,13093,13095,13097,13099,13101,13103,13105,13107,13109,13111,13113,13115,13117,13119,13122,13124,13126,13128],{"class":3079,"line":3361},[3077,13081,3103],{"class":3090},[3077,13083,3464],{"class":3094},[3077,13085,3486],{"class":3109},[3077,13087,3114],{"class":3113},[3077,13089,13090],{"class":3117},"\"↵\"",[3077,13092,3840],{"class":3109},[3077,13094,3114],{"class":3113},[3077,13096,5216],{"class":3117},[3077,13098,4526],{"class":3109},[3077,13100,3114],{"class":3113},[3077,13102,8292],{"class":3117},[3077,13104,4557],{"class":3109},[3077,13106,3114],{"class":3113},[3077,13108,7162],{"class":3117},[3077,13110,4518],{"class":3109},[3077,13112,3114],{"class":3113},[3077,13114,5063],{"class":3117},[3077,13116,3175],{"class":3109},[3077,13118,3114],{"class":3113},[3077,13120,13121],{"class":3117},"\"#16a34a\"",[3077,13123,4549],{"class":3109},[3077,13125,3114],{"class":3113},[3077,13127,4554],{"class":3117},[3077,13129,3137],{"class":3090},[3077,13131,13132,13134,13136],{"class":3079,"line":3367},[3077,13133,3188],{"class":3090},[3077,13135,3028],{"class":3094},[3077,13137,3097],{"class":3090},[4327,13139,13141],{"title":13140},"UniformGrid: рівномірна сітка карток (Columns=3)",[3068,13142,13144],{"className":3070,"code":13143,"language":3072,"meta":3073,"style":3073},"\u003CUniformGrid Columns=\"3\" Margin=\"16\">\n    \u003CBorder Margin=\"6\" Background=\"#eff6ff\" CornerRadius=\"8\" Padding=\"16\">\n        \u003CStackPanel Spacing=\"6\">\n            \u003CTextBlock Text=\"⚡\" FontSize=\"24\"/>\n            \u003CTextBlock Text=\"Швидкість\" FontWeight=\"SemiBold\" Foreground=\"#1e40af\"/>\n            \u003CTextBlock Text=\"SkiaSharp рендеринг на всіх платформах\" FontSize=\"11\" Foreground=\"#3b82f6\" TextWrapping=\"Wrap\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n    \u003CBorder Margin=\"6\" Background=\"#f0fdf4\" CornerRadius=\"8\" Padding=\"16\">\n        \u003CStackPanel Spacing=\"6\">\n            \u003CTextBlock Text=\"🌐\" FontSize=\"24\"/>\n            \u003CTextBlock Text=\"Кросплатформність\" FontWeight=\"SemiBold\" Foreground=\"#166534\"/>\n            \u003CTextBlock Text=\"Windows, macOS, Linux, iOS, Android\" FontSize=\"11\" Foreground=\"#16a34a\" TextWrapping=\"Wrap\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n    \u003CBorder Margin=\"6\" Background=\"#fdf4ff\" CornerRadius=\"8\" Padding=\"16\">\n        \u003CStackPanel Spacing=\"6\">\n            \u003CTextBlock Text=\"🎨\" FontSize=\"24\"/>\n            \u003CTextBlock Text=\"Стилізація\" FontWeight=\"SemiBold\" Foreground=\"#6b21a8\"/>\n            \u003CTextBlock Text=\"CSS-подібні стилі, анімації, теми\" FontSize=\"11\" Foreground=\"#8b5cf6\" TextWrapping=\"Wrap\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n    \u003CBorder Margin=\"6\" Background=\"#fff7ed\" CornerRadius=\"8\" Padding=\"16\">\n        \u003CStackPanel Spacing=\"6\">\n            \u003CTextBlock Text=\"🔗\" FontSize=\"24\"/>\n            \u003CTextBlock Text=\"Data Binding\" FontWeight=\"SemiBold\" Foreground=\"#9a3412\"/>\n            \u003CTextBlock Text=\"Compiled Bindings — швидкі та type-safe\" FontSize=\"11\" Foreground=\"#ea580c\" TextWrapping=\"Wrap\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n    \u003CBorder Margin=\"6\" Background=\"#fef2f2\" CornerRadius=\"8\" Padding=\"16\">\n        \u003CStackPanel Spacing=\"6\">\n            \u003CTextBlock Text=\"🧩\" FontSize=\"24\"/>\n            \u003CTextBlock Text=\"Контроли\" FontWeight=\"SemiBold\" Foreground=\"#991b1b\"/>\n            \u003CTextBlock Text=\"Багата бібліотека вбудованих контролів\" FontSize=\"11\" Foreground=\"#ef4444\" TextWrapping=\"Wrap\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n    \u003CBorder Margin=\"6\" Background=\"#f0f9ff\" CornerRadius=\"8\" Padding=\"16\">\n        \u003CStackPanel Spacing=\"6\">\n            \u003CTextBlock Text=\"💡\" FontSize=\"24\"/>\n            \u003CTextBlock Text=\"MVVM\" FontWeight=\"SemiBold\" Foreground=\"#075985\"/>\n            \u003CTextBlock Text=\"Перша підтримка MVVM з реактивними командами\" FontSize=\"11\" Foreground=\"#0284c7\" TextWrapping=\"Wrap\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\u003C/UniformGrid>\n",[2963,13145,13146,13166,13199,13213,13234,13261,13294,13302,13310,13343,13357,13378,13406,13439,13447,13455,13488,13502,13523,13551,13585,13593,13601,13634,13648,13669,13697,13731,13739,13747,13780,13794,13815,13843,13876,13884,13892,13925,13939,13960,13988,14022,14030,14038],{"__ignoreMap":3073},[3077,13147,13148,13150,13152,13154,13156,13158,13160,13162,13164],{"class":3079,"line":3080},[3077,13149,3091],{"class":3090},[3077,13151,3028],{"class":3094},[3077,13153,12370],{"class":3109},[3077,13155,3114],{"class":3113},[3077,13157,5216],{"class":3117},[3077,13159,3840],{"class":3109},[3077,13161,3114],{"class":3113},[3077,13163,4347],{"class":3117},[3077,13165,3097],{"class":3090},[3077,13167,13168,13170,13172,13174,13176,13178,13180,13182,13185,13187,13189,13191,13193,13195,13197],{"class":3079,"line":3087},[3077,13169,3103],{"class":3090},[3077,13171,4503],{"class":3094},[3077,13173,3840],{"class":3109},[3077,13175,3114],{"class":3113},[3077,13177,6376],{"class":3117},[3077,13179,4518],{"class":3109},[3077,13181,3114],{"class":3113},[3077,13183,13184],{"class":3117},"\"#eff6ff\"",[3077,13186,5870],{"class":3109},[3077,13188,3114],{"class":3113},[3077,13190,6413],{"class":3117},[3077,13192,4526],{"class":3109},[3077,13194,3114],{"class":3113},[3077,13196,4347],{"class":3117},[3077,13198,3097],{"class":3090},[3077,13200,13201,13203,13205,13207,13209,13211],{"class":3079,"line":3100},[3077,13202,3229],{"class":3090},[3077,13204,2965],{"class":3094},[3077,13206,6408],{"class":3109},[3077,13208,3114],{"class":3113},[3077,13210,6376],{"class":3117},[3077,13212,3097],{"class":3090},[3077,13214,13215,13217,13219,13221,13223,13226,13228,13230,13232],{"class":3079,"line":3140},[3077,13216,5929],{"class":3090},[3077,13218,3145],{"class":3094},[3077,13220,3148],{"class":3109},[3077,13222,3114],{"class":3113},[3077,13224,13225],{"class":3117},"\"⚡\"",[3077,13227,4557],{"class":3109},[3077,13229,3114],{"class":3113},[3077,13231,5952],{"class":3117},[3077,13233,3137],{"class":3090},[3077,13235,13236,13238,13240,13242,13244,13247,13249,13251,13253,13255,13257,13259],{"class":3079,"line":3164},[3077,13237,5929],{"class":3090},[3077,13239,3145],{"class":3094},[3077,13241,3148],{"class":3109},[3077,13243,3114],{"class":3113},[3077,13245,13246],{"class":3117},"\"Швидкість\"",[3077,13248,4549],{"class":3109},[3077,13250,3114],{"class":3113},[3077,13252,6480],{"class":3117},[3077,13254,3175],{"class":3109},[3077,13256,3114],{"class":3113},[3077,13258,6819],{"class":3117},[3077,13260,3137],{"class":3090},[3077,13262,13263,13265,13267,13269,13271,13274,13276,13278,13280,13282,13284,13286,13288,13290,13292],{"class":3079,"line":3185},[3077,13264,5929],{"class":3090},[3077,13266,3145],{"class":3094},[3077,13268,3148],{"class":3109},[3077,13270,3114],{"class":3113},[3077,13272,13273],{"class":3117},"\"SkiaSharp рендеринг на всіх платформах\"",[3077,13275,4557],{"class":3109},[3077,13277,3114],{"class":3113},[3077,13279,4562],{"class":3117},[3077,13281,3175],{"class":3109},[3077,13283,3114],{"class":3113},[3077,13285,3118],{"class":3117},[3077,13287,5678],{"class":3109},[3077,13289,3114],{"class":3113},[3077,13291,5683],{"class":3117},[3077,13293,3137],{"class":3090},[3077,13295,13296,13298,13300],{"class":3079,"line":3293},[3077,13297,6031],{"class":3090},[3077,13299,2965],{"class":3094},[3077,13301,3097],{"class":3090},[3077,13303,13304,13306,13308],{"class":3079,"line":3300},[3077,13305,3286],{"class":3090},[3077,13307,4503],{"class":3094},[3077,13309,3097],{"class":3090},[3077,13311,13312,13314,13316,13318,13320,13322,13324,13326,13329,13331,13333,13335,13337,13339,13341],{"class":3079,"line":3310},[3077,13313,3103],{"class":3090},[3077,13315,4503],{"class":3094},[3077,13317,3840],{"class":3109},[3077,13319,3114],{"class":3113},[3077,13321,6376],{"class":3117},[3077,13323,4518],{"class":3109},[3077,13325,3114],{"class":3113},[3077,13327,13328],{"class":3117},"\"#f0fdf4\"",[3077,13330,5870],{"class":3109},[3077,13332,3114],{"class":3113},[3077,13334,6413],{"class":3117},[3077,13336,4526],{"class":3109},[3077,13338,3114],{"class":3113},[3077,13340,4347],{"class":3117},[3077,13342,3097],{"class":3090},[3077,13344,13345,13347,13349,13351,13353,13355],{"class":3079,"line":3329},[3077,13346,3229],{"class":3090},[3077,13348,2965],{"class":3094},[3077,13350,6408],{"class":3109},[3077,13352,3114],{"class":3113},[3077,13354,6376],{"class":3117},[3077,13356,3097],{"class":3090},[3077,13358,13359,13361,13363,13365,13367,13370,13372,13374,13376],{"class":3079,"line":3347},[3077,13360,5929],{"class":3090},[3077,13362,3145],{"class":3094},[3077,13364,3148],{"class":3109},[3077,13366,3114],{"class":3113},[3077,13368,13369],{"class":3117},"\"🌐\"",[3077,13371,4557],{"class":3109},[3077,13373,3114],{"class":3113},[3077,13375,5952],{"class":3117},[3077,13377,3137],{"class":3090},[3077,13379,13380,13382,13384,13386,13388,13391,13393,13395,13397,13399,13401,13404],{"class":3079,"line":3356},[3077,13381,5929],{"class":3090},[3077,13383,3145],{"class":3094},[3077,13385,3148],{"class":3109},[3077,13387,3114],{"class":3113},[3077,13389,13390],{"class":3117},"\"Кросплатформність\"",[3077,13392,4549],{"class":3109},[3077,13394,3114],{"class":3113},[3077,13396,6480],{"class":3117},[3077,13398,3175],{"class":3109},[3077,13400,3114],{"class":3113},[3077,13402,13403],{"class":3117},"\"#166534\"",[3077,13405,3137],{"class":3090},[3077,13407,13408,13410,13412,13414,13416,13419,13421,13423,13425,13427,13429,13431,13433,13435,13437],{"class":3079,"line":3361},[3077,13409,5929],{"class":3090},[3077,13411,3145],{"class":3094},[3077,13413,3148],{"class":3109},[3077,13415,3114],{"class":3113},[3077,13417,13418],{"class":3117},"\"Windows, macOS, Linux, iOS, Android\"",[3077,13420,4557],{"class":3109},[3077,13422,3114],{"class":3113},[3077,13424,4562],{"class":3117},[3077,13426,3175],{"class":3109},[3077,13428,3114],{"class":3113},[3077,13430,13121],{"class":3117},[3077,13432,5678],{"class":3109},[3077,13434,3114],{"class":3113},[3077,13436,5683],{"class":3117},[3077,13438,3137],{"class":3090},[3077,13440,13441,13443,13445],{"class":3079,"line":3367},[3077,13442,6031],{"class":3090},[3077,13444,2965],{"class":3094},[3077,13446,3097],{"class":3090},[3077,13448,13449,13451,13453],{"class":3079,"line":3398},[3077,13450,3286],{"class":3090},[3077,13452,4503],{"class":3094},[3077,13454,3097],{"class":3090},[3077,13456,13457,13459,13461,13463,13465,13467,13469,13471,13474,13476,13478,13480,13482,13484,13486],{"class":3079,"line":3429},[3077,13458,3103],{"class":3090},[3077,13460,4503],{"class":3094},[3077,13462,3840],{"class":3109},[3077,13464,3114],{"class":3113},[3077,13466,6376],{"class":3117},[3077,13468,4518],{"class":3109},[3077,13470,3114],{"class":3113},[3077,13472,13473],{"class":3117},"\"#fdf4ff\"",[3077,13475,5870],{"class":3109},[3077,13477,3114],{"class":3113},[3077,13479,6413],{"class":3117},[3077,13481,4526],{"class":3109},[3077,13483,3114],{"class":3113},[3077,13485,4347],{"class":3117},[3077,13487,3097],{"class":3090},[3077,13489,13490,13492,13494,13496,13498,13500],{"class":3079,"line":3459},[3077,13491,3229],{"class":3090},[3077,13493,2965],{"class":3094},[3077,13495,6408],{"class":3109},[3077,13497,3114],{"class":3113},[3077,13499,6376],{"class":3117},[3077,13501,3097],{"class":3090},[3077,13503,13504,13506,13508,13510,13512,13515,13517,13519,13521],{"class":3079,"line":3496},[3077,13505,5929],{"class":3090},[3077,13507,3145],{"class":3094},[3077,13509,3148],{"class":3109},[3077,13511,3114],{"class":3113},[3077,13513,13514],{"class":3117},"\"🎨\"",[3077,13516,4557],{"class":3109},[3077,13518,3114],{"class":3113},[3077,13520,5952],{"class":3117},[3077,13522,3137],{"class":3090},[3077,13524,13525,13527,13529,13531,13533,13536,13538,13540,13542,13544,13546,13549],{"class":3079,"line":3911},[3077,13526,5929],{"class":3090},[3077,13528,3145],{"class":3094},[3077,13530,3148],{"class":3109},[3077,13532,3114],{"class":3113},[3077,13534,13535],{"class":3117},"\"Стилізація\"",[3077,13537,4549],{"class":3109},[3077,13539,3114],{"class":3113},[3077,13541,6480],{"class":3117},[3077,13543,3175],{"class":3109},[3077,13545,3114],{"class":3113},[3077,13547,13548],{"class":3117},"\"#6b21a8\"",[3077,13550,3137],{"class":3090},[3077,13552,13553,13555,13557,13559,13561,13564,13566,13568,13570,13572,13574,13577,13579,13581,13583],{"class":3079,"line":3939},[3077,13554,5929],{"class":3090},[3077,13556,3145],{"class":3094},[3077,13558,3148],{"class":3109},[3077,13560,3114],{"class":3113},[3077,13562,13563],{"class":3117},"\"CSS-подібні стилі, анімації, теми\"",[3077,13565,4557],{"class":3109},[3077,13567,3114],{"class":3113},[3077,13569,4562],{"class":3117},[3077,13571,3175],{"class":3109},[3077,13573,3114],{"class":3113},[3077,13575,13576],{"class":3117},"\"#8b5cf6\"",[3077,13578,5678],{"class":3109},[3077,13580,3114],{"class":3113},[3077,13582,5683],{"class":3117},[3077,13584,3137],{"class":3090},[3077,13586,13587,13589,13591],{"class":3079,"line":3966},[3077,13588,6031],{"class":3090},[3077,13590,2965],{"class":3094},[3077,13592,3097],{"class":3090},[3077,13594,13595,13597,13599],{"class":3079,"line":4674},[3077,13596,3286],{"class":3090},[3077,13598,4503],{"class":3094},[3077,13600,3097],{"class":3090},[3077,13602,13603,13605,13607,13609,13611,13613,13615,13617,13620,13622,13624,13626,13628,13630,13632],{"class":3079,"line":4702},[3077,13604,3103],{"class":3090},[3077,13606,4503],{"class":3094},[3077,13608,3840],{"class":3109},[3077,13610,3114],{"class":3113},[3077,13612,6376],{"class":3117},[3077,13614,4518],{"class":3109},[3077,13616,3114],{"class":3113},[3077,13618,13619],{"class":3117},"\"#fff7ed\"",[3077,13621,5870],{"class":3109},[3077,13623,3114],{"class":3113},[3077,13625,6413],{"class":3117},[3077,13627,4526],{"class":3109},[3077,13629,3114],{"class":3113},[3077,13631,4347],{"class":3117},[3077,13633,3097],{"class":3090},[3077,13635,13636,13638,13640,13642,13644,13646],{"class":3079,"line":4711},[3077,13637,3229],{"class":3090},[3077,13639,2965],{"class":3094},[3077,13641,6408],{"class":3109},[3077,13643,3114],{"class":3113},[3077,13645,6376],{"class":3117},[3077,13647,3097],{"class":3090},[3077,13649,13650,13652,13654,13656,13658,13661,13663,13665,13667],{"class":3079,"line":4716},[3077,13651,5929],{"class":3090},[3077,13653,3145],{"class":3094},[3077,13655,3148],{"class":3109},[3077,13657,3114],{"class":3113},[3077,13659,13660],{"class":3117},"\"🔗\"",[3077,13662,4557],{"class":3109},[3077,13664,3114],{"class":3113},[3077,13666,5952],{"class":3117},[3077,13668,3137],{"class":3090},[3077,13670,13671,13673,13675,13677,13679,13682,13684,13686,13688,13690,13692,13695],{"class":3079,"line":4722},[3077,13672,5929],{"class":3090},[3077,13674,3145],{"class":3094},[3077,13676,3148],{"class":3109},[3077,13678,3114],{"class":3113},[3077,13680,13681],{"class":3117},"\"Data Binding\"",[3077,13683,4549],{"class":3109},[3077,13685,3114],{"class":3113},[3077,13687,6480],{"class":3117},[3077,13689,3175],{"class":3109},[3077,13691,3114],{"class":3113},[3077,13693,13694],{"class":3117},"\"#9a3412\"",[3077,13696,3137],{"class":3090},[3077,13698,13699,13701,13703,13705,13707,13710,13712,13714,13716,13718,13720,13723,13725,13727,13729],{"class":3079,"line":4756},[3077,13700,5929],{"class":3090},[3077,13702,3145],{"class":3094},[3077,13704,3148],{"class":3109},[3077,13706,3114],{"class":3113},[3077,13708,13709],{"class":3117},"\"Compiled Bindings — швидкі та type-safe\"",[3077,13711,4557],{"class":3109},[3077,13713,3114],{"class":3113},[3077,13715,4562],{"class":3117},[3077,13717,3175],{"class":3109},[3077,13719,3114],{"class":3113},[3077,13721,13722],{"class":3117},"\"#ea580c\"",[3077,13724,5678],{"class":3109},[3077,13726,3114],{"class":3113},[3077,13728,5683],{"class":3117},[3077,13730,3137],{"class":3090},[3077,13732,13733,13735,13737],{"class":3079,"line":4790},[3077,13734,6031],{"class":3090},[3077,13736,2965],{"class":3094},[3077,13738,3097],{"class":3090},[3077,13740,13741,13743,13745],{"class":3079,"line":4799},[3077,13742,3286],{"class":3090},[3077,13744,4503],{"class":3094},[3077,13746,3097],{"class":3090},[3077,13748,13749,13751,13753,13755,13757,13759,13761,13763,13766,13768,13770,13772,13774,13776,13778],{"class":3079,"line":4833},[3077,13750,3103],{"class":3090},[3077,13752,4503],{"class":3094},[3077,13754,3840],{"class":3109},[3077,13756,3114],{"class":3113},[3077,13758,6376],{"class":3117},[3077,13760,4518],{"class":3109},[3077,13762,3114],{"class":3113},[3077,13764,13765],{"class":3117},"\"#fef2f2\"",[3077,13767,5870],{"class":3109},[3077,13769,3114],{"class":3113},[3077,13771,6413],{"class":3117},[3077,13773,4526],{"class":3109},[3077,13775,3114],{"class":3113},[3077,13777,4347],{"class":3117},[3077,13779,3097],{"class":3090},[3077,13781,13782,13784,13786,13788,13790,13792],{"class":3079,"line":4867},[3077,13783,3229],{"class":3090},[3077,13785,2965],{"class":3094},[3077,13787,6408],{"class":3109},[3077,13789,3114],{"class":3113},[3077,13791,6376],{"class":3117},[3077,13793,3097],{"class":3090},[3077,13795,13796,13798,13800,13802,13804,13807,13809,13811,13813],{"class":3079,"line":4876},[3077,13797,5929],{"class":3090},[3077,13799,3145],{"class":3094},[3077,13801,3148],{"class":3109},[3077,13803,3114],{"class":3113},[3077,13805,13806],{"class":3117},"\"🧩\"",[3077,13808,4557],{"class":3109},[3077,13810,3114],{"class":3113},[3077,13812,5952],{"class":3117},[3077,13814,3137],{"class":3090},[3077,13816,13817,13819,13821,13823,13825,13828,13830,13832,13834,13836,13838,13841],{"class":3079,"line":4910},[3077,13818,5929],{"class":3090},[3077,13820,3145],{"class":3094},[3077,13822,3148],{"class":3109},[3077,13824,3114],{"class":3113},[3077,13826,13827],{"class":3117},"\"Контроли\"",[3077,13829,4549],{"class":3109},[3077,13831,3114],{"class":3113},[3077,13833,6480],{"class":3117},[3077,13835,3175],{"class":3109},[3077,13837,3114],{"class":3113},[3077,13839,13840],{"class":3117},"\"#991b1b\"",[3077,13842,3137],{"class":3090},[3077,13844,13845,13847,13849,13851,13853,13856,13858,13860,13862,13864,13866,13868,13870,13872,13874],{"class":3079,"line":4944},[3077,13846,5929],{"class":3090},[3077,13848,3145],{"class":3094},[3077,13850,3148],{"class":3109},[3077,13852,3114],{"class":3113},[3077,13854,13855],{"class":3117},"\"Багата бібліотека вбудованих контролів\"",[3077,13857,4557],{"class":3109},[3077,13859,3114],{"class":3113},[3077,13861,4562],{"class":3117},[3077,13863,3175],{"class":3109},[3077,13865,3114],{"class":3113},[3077,13867,11834],{"class":3117},[3077,13869,5678],{"class":3109},[3077,13871,3114],{"class":3113},[3077,13873,5683],{"class":3117},[3077,13875,3137],{"class":3090},[3077,13877,13878,13880,13882],{"class":3079,"line":4953},[3077,13879,6031],{"class":3090},[3077,13881,2965],{"class":3094},[3077,13883,3097],{"class":3090},[3077,13885,13886,13888,13890],{"class":3079,"line":4958},[3077,13887,3286],{"class":3090},[3077,13889,4503],{"class":3094},[3077,13891,3097],{"class":3090},[3077,13893,13894,13896,13898,13900,13902,13904,13906,13908,13911,13913,13915,13917,13919,13921,13923],{"class":3079,"line":4964},[3077,13895,3103],{"class":3090},[3077,13897,4503],{"class":3094},[3077,13899,3840],{"class":3109},[3077,13901,3114],{"class":3113},[3077,13903,6376],{"class":3117},[3077,13905,4518],{"class":3109},[3077,13907,3114],{"class":3113},[3077,13909,13910],{"class":3117},"\"#f0f9ff\"",[3077,13912,5870],{"class":3109},[3077,13914,3114],{"class":3113},[3077,13916,6413],{"class":3117},[3077,13918,4526],{"class":3109},[3077,13920,3114],{"class":3113},[3077,13922,4347],{"class":3117},[3077,13924,3097],{"class":3090},[3077,13926,13927,13929,13931,13933,13935,13937],{"class":3079,"line":4998},[3077,13928,3229],{"class":3090},[3077,13930,2965],{"class":3094},[3077,13932,6408],{"class":3109},[3077,13934,3114],{"class":3113},[3077,13936,6376],{"class":3117},[3077,13938,3097],{"class":3090},[3077,13940,13941,13943,13945,13947,13949,13952,13954,13956,13958],{"class":3079,"line":5031},[3077,13942,5929],{"class":3090},[3077,13944,3145],{"class":3094},[3077,13946,3148],{"class":3109},[3077,13948,3114],{"class":3113},[3077,13950,13951],{"class":3117},"\"💡\"",[3077,13953,4557],{"class":3109},[3077,13955,3114],{"class":3113},[3077,13957,5952],{"class":3117},[3077,13959,3137],{"class":3090},[3077,13961,13962,13964,13966,13968,13970,13973,13975,13977,13979,13981,13983,13986],{"class":3079,"line":5040},[3077,13963,5929],{"class":3090},[3077,13965,3145],{"class":3094},[3077,13967,3148],{"class":3109},[3077,13969,3114],{"class":3113},[3077,13971,13972],{"class":3117},"\"MVVM\"",[3077,13974,4549],{"class":3109},[3077,13976,3114],{"class":3113},[3077,13978,6480],{"class":3117},[3077,13980,3175],{"class":3109},[3077,13982,3114],{"class":3113},[3077,13984,13985],{"class":3117},"\"#075985\"",[3077,13987,3137],{"class":3090},[3077,13989,13990,13992,13994,13996,13998,14001,14003,14005,14007,14009,14011,14014,14016,14018,14020],{"class":3079,"line":5074},[3077,13991,5929],{"class":3090},[3077,13993,3145],{"class":3094},[3077,13995,3148],{"class":3109},[3077,13997,3114],{"class":3113},[3077,13999,14000],{"class":3117},"\"Перша підтримка MVVM з реактивними командами\"",[3077,14002,4557],{"class":3109},[3077,14004,3114],{"class":3113},[3077,14006,4562],{"class":3117},[3077,14008,3175],{"class":3109},[3077,14010,3114],{"class":3113},[3077,14012,14013],{"class":3117},"\"#0284c7\"",[3077,14015,5678],{"class":3109},[3077,14017,3114],{"class":3113},[3077,14019,5683],{"class":3117},[3077,14021,3137],{"class":3090},[3077,14023,14024,14026,14028],{"class":3079,"line":5108},[3077,14025,6031],{"class":3090},[3077,14027,2965],{"class":3094},[3077,14029,3097],{"class":3090},[3077,14031,14032,14034,14036],{"class":3079,"line":5117},[3077,14033,3286],{"class":3090},[3077,14035,4503],{"class":3094},[3077,14037,3097],{"class":3090},[3077,14039,14040,14042,14044],{"class":3079,"line":5151},[3077,14041,3188],{"class":3090},[3077,14043,3028],{"class":3094},[3077,14045,3097],{"class":3090},[3048,14047,14049],{"id":14048},"uniformgrid-vs-grid-коли-що-обрати","UniformGrid vs Grid: коли що обрати",[14051,14052,14053,14066],"table",{},[14054,14055,14056],"thead",{},[14057,14058,14059,14063],"tr",{},[14060,14061,14062],"th",{},"Ситуація",[14060,14064,14065],{},"Рекомендація",[14067,14068,14069,14080,14089,14102,14110,14120],"tbody",{},[14057,14070,14071,14075],{},[14072,14073,14074],"td",{},"Всі комірки однакового розміру",[14072,14076,14077,14079],{},[2963,14078,3028],{}," — простіше",[14057,14081,14082,14085],{},[14072,14083,14084],{},"Різні розміри рядків/колонок",[14072,14086,14087],{},[2963,14088,2979],{},[14057,14090,14091,14098],{},[14072,14092,14093,3509,14095,14097],{},[2963,14094,2997],{},[2963,14096,3004],{}," розміри",[14072,14099,14100],{},[2963,14101,2979],{},[14057,14103,14104,14106],{},[14072,14105,3012],{},[14072,14107,14108],{},[2963,14109,2979],{},[14057,14111,14112,14115],{},[14072,14113,14114],{},"Заповнення по кількості",[14072,14116,14117],{},[2963,14118,14119],{},"UniformGrid Columns=\"N\"",[14057,14121,14122,14125],{},[14072,14123,14124],{},"SharedSizeGroup між Grid-ами",[14072,14126,14127],{},[2963,14128,2979],{},[3031,14130],{},[3034,14132,14134],{"id":14133},"підсумок-вибір-панелі","Підсумок: вибір панелі",[14136,14137,14138,14146,14155],"card-group",{},[14139,14140,14142,14145],"card",{"icon":14141,"title":2979},"i-heroicons-table-cells",[2988,14143,14144],{},"Найпотужніша панель."," Auto/Star/Fixed розміри, RowSpan/ColumnSpan, SharedSizeGroup. 70-80% усіх layout-задач у реальних застосунках. Потребує явного оголошення структури.",[14139,14147,14149,14152,14153,3198],{"icon":14148,"title":3020},"i-heroicons-cursor-arrow-rays",[2988,14150,14151],{},"Для спеціальних задач",": ігри, діаграми, drag-and-drop, векторна графіка, floating UI. Антипатерн для звичайних форм і діалогів. ",[2963,14154,3024],{},[14139,14156,14158,14161,14162,14164,14165,14167,14168,14170,14171,14173],{"icon":14157,"title":3028},"i-heroicons-squares-plus",[2988,14159,14160],{},"Спрощений Grid з рівними комірками."," Без ",[2963,14163,3057],{},", без ",[2963,14166,3508],{}," атрибутів. Елементи заповнюються автоматично. ",[2963,14169,12479],{}," і/або ",[2963,14172,12482],{},". Для клавіатур, карток, іконок.",[3031,14175],{},[3034,14177,14179],{"id":14178},"практичні-завдання","Практичні завдання",[14181,14182,14183,14254,14312],"accordion",{},[14184,14185,14188,14194,14199,14210,14215,14248],"accordion-item",{"icon":14186,"label":14187},"i-lucide-circle-help","🟢 Рівень 1: Калькулятор через Grid 5×4",[2959,14189,14190,14193],{},[2988,14191,14192],{},"Завдання",": Реалізуйте калькулятор у стилі iOS через Grid.",[2959,14195,14196,4186],{},[2988,14197,14198],{},"Структура Grid",[10673,14200,14201,14204],{},[4191,14202,14203],{},"7 рядків: рядок дисплею (80px), відступ (8px), 5 рядків кнопок (по 56px)",[4191,14205,14206,14207,14209],{},"4 рівних ",[2963,14208,3004],{},"-колонки",[2959,14211,14212,4186],{},[2988,14213,14214],{},"Обов'язкові елементи",[4188,14216,14217,14224,14227,14230,14245],{},[4191,14218,14219,14220,14223],{},"Дисплей у рядку 0, ",[2963,14221,14222],{},"Grid.ColumnSpan=\"4\""," — відображає поточний вираз",[4191,14225,14226],{},"Рядок AC/+/-/%/÷ (рядок 2)",[4191,14228,14229],{},"Рядки 7-8-9/×, 4-5-6/-, 1-2-3/+ (рядки 3-5)",[4191,14231,14232,14233,14235,14236,14239,14240,3058,14242,14244],{},"Рядок з кнопкою ",[2963,14234,3516],{}," (",[2963,14237,14238],{},"Grid.ColumnSpan=\"2\"","), ",[2963,14241,3198],{},[2963,14243,3114],{}," (рядок 6)",[4191,14246,14247],{},"Кнопки-оператори з помаранчевим фоном, цифри — темно-сірим",[2959,14249,14250,14253],{},[2988,14251,14252],{},"Перевірка",": При запуску вікно виглядає точно як iOS калькулятор (пропорції можуть відрізнятися).",[14184,14255,14257,14262,14275,14280,14303],{"icon":14186,"label":14256},"🟡 Рівень 2: Форма реєстрації зі SharedSizeGroup",[2959,14258,14259,14261],{},[2988,14260,14192],{},": Форма з двома секціями, де мітки вирівняні між секціями через SharedSizeGroup.",[2959,14263,14264,14267,14268,14271,14274],{},[2988,14265,14266],{},"Секція 1 \"Акаунт\"",": Email + Пароль + Підтвердження пароля",[14269,14270],"br",{},[2988,14272,14273],{},"Секція 2 \"Профіль\"",": Ім'я та прізвище + Телефон + Дата народження + Країна (ComboBox)",[2959,14276,14277,4186],{},[2988,14278,14279],{},"Вимоги",[4188,14281,14282,14291,14297,14300],{},[4191,14283,14284,14285,14288,14289],{},"Кожна секція — окремий Grid з колонками ",[2963,14286,14287],{},"Auto SharedSizeGroup=\"FormLabel\""," + ",[2963,14290,3004],{},[4191,14292,14293,14294],{},"Обидва Grid обгорнуті в ",[2963,14295,14296],{},"StackPanel Grid.IsSharedSizeScope=\"True\"",[4191,14298,14299],{},"Усі мітки вирівняні по лівому краю, навіть між секціями",[4191,14301,14302],{},"Кнопки \"Скасувати\" + \"Зареєструватися\" у кінці — горизонтальний StackPanel справа",[2959,14304,14305,14307,14308,14311],{},[2988,14306,14252],{},": Найдовша мітка визначає ширину мітчої колонки для ",[2988,14309,14310],{},"обох"," секцій.",[14184,14313,14315,14320,14328,14337,14363,14368],{"icon":14186,"label":14314},"🔴 Рівень 3: Dashboard з кількома Grid і RowSpan/ColumnSpan",[2959,14316,14317,14319],{},[2988,14318,14192],{},": Дашборд аналітики подібний до прикладу, але складніший.",[2959,14321,14322,3658,14325,14327],{},[2988,14323,14324],{},"Layout outer",[2963,14326,2972],{}," — Sidebar (ліво, 200px) + Header (верх, 60px) + Content (Fill)",[2959,14329,14330,14333,14334,14336],{},[2988,14331,14332],{},"Layout content"," (3×4 Grid з автоматичними рядками і ",[2963,14335,3004],{},"-колонками):",[4188,14338,14339,14346,14353,14356],{},[4191,14340,14341,14342,14345],{},"Велика карта \"Дохід цього місяця\" — ",[2963,14343,14344],{},"RowSpan=2, ColumnSpan=2"," (верхній лівий блок)",[4191,14347,14348,14349,14352],{},"Праворуч від неї — 2 маленькі картки у ",[2963,14350,14351],{},"RowSpan=1"," кожна",[4191,14354,14355],{},"Нижній рядок — 4 рівні картки з KPI-метриками",[4191,14357,14358,14359,14362],{},"Нижче — ",[2963,14360,14361],{},"UniformGrid Columns=\"3\""," з 6 карток \"Топ продукти\"",[2959,14364,14365,14367],{},[2988,14366,3020],{},": Використайте Canvas для невеликого \"notification badge\" — червоне коло поверх іконки у Sidebar (задіяти знання про Z-Index та накладення).",[2959,14369,14370,14372,14373,14375],{},[2988,14371,14252],{},": Dashboard адаптується по ширині (всі ",[2963,14374,3004],{},"-колонки). Sidebar фіксований. Badge \"пливе\" поверх іконки.",[14377,14378,14379],"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);}",{"title":3073,"searchDepth":3087,"depth":3087,"links":14381},[14382,14386,14393,14396,14397,14398,14403,14408,14409],{"id":3036,"depth":3087,"text":3037,"children":14383},[14384,14385],{"id":3050,"depth":3100,"text":3051},{"id":3201,"depth":3100,"text":3202},{"id":3522,"depth":3087,"text":3523,"children":14387},[14388,14389,14390,14391],{"id":3536,"depth":3100,"text":3537},{"id":3595,"depth":3100,"text":3596},{"id":3984,"depth":3100,"text":3985},{"id":5298,"depth":3100,"text":14392},"ShowGridLines=\"True\" для відлагодження",{"id":5340,"depth":3087,"text":5341,"children":14394},[14395],{"id":5696,"depth":3100,"text":5697},{"id":6511,"depth":3087,"text":6512},{"id":9425,"depth":3087,"text":9426},{"id":10553,"depth":3087,"text":10554,"children":14399},[14400,14401,14402],{"id":10719,"depth":3100,"text":10720},{"id":11903,"depth":3100,"text":11904},{"id":12189,"depth":3100,"text":12190},{"id":12328,"depth":3087,"text":12329,"children":14404},[14405,14407],{"id":12476,"depth":3100,"text":14406},"Rows і Columns",{"id":14048,"depth":3100,"text":14049},{"id":14133,"depth":3087,"text":14134},{"id":14178,"depth":3087,"text":14179},"Вивчаємо Grid — найпотужнішу панель WPF: типи розмірів Auto/**/fixed, Grid.Row/Column, RowSpan/ColumnSpan, SharedSizeGroup. Розбираємо Canvas та UniformGrid.","md",null,{},{"title":1401,"description":14410},"bgF1CvLaOQez2IkVCrj4UJGO1koXk0EGdhQ-nrlHxZg",[14417,14419],{"title":1397,"path":1398,"stem":1399,"description":14418,"children":-1},"Вивчаємо основні панелі розташування WPF: двопрохідна модель Measure/Arrange, StackPanel для лінійного вкладання, WrapPanel для автоматичного переносу та DockPanel для класичного інтерфейсу.",{"title":1405,"path":1406,"stem":1407,"description":14420,"children":-1},"Margin, Padding, Alignment, MinWidth/MaxWidth, ScrollViewer, ViewBox, Border, GridSplitter — повноцінний посібник з просунутих можливостей розташування елементів у WPF і Avalonia.",1777911643783]