[{"data":1,"prerenderedAt":14895},["ShallowReactive",2],{"navigation_docs":3,"-csharp-desktop-ui-media-graphics":2949,"-csharp-desktop-ui-media-graphics-surround":14890},[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":1601,"body":2951,"description":14884,"extension":14885,"links":14886,"meta":14887,"navigation":3631,"path":1602,"seo":14888,"stem":1603,"__hash__":14889},"docs/01.csharp/12.desktop-ui/40.media-graphics.md",{"type":2952,"value":2953,"toc":14831},"minimark",[2954,2958,2962,2965,2968,3008,3011,3016,3023,3028,3128,3133,3165,3563,3567,3685,4001,4005,4067,4071,4101,4105,4207,4216,4510,4514,4563,4569,4573,4708,4717,4719,4723,4731,4735,4886,4890,4897,4943,4948,5090,5096,5100,5144,5522,5526,5540,5545,5592,5597,5623,5630,5632,5636,5639,5643,5720,5724,5849,5853,5869,5874,5993,6965,6969,7077,7081,7102,7615,7619,7707,7711,7737,7741,7746,7927,7932,8059,8065,8067,8071,8086,8090,8273,8277,8434,8439,8465,9559,9563,9673,9675,9679,9684,9688,9985,9990,10004,10009,10017,10023,10025,10029,10032,10036,10124,10128,10145,10149,10230,10234,10252,10256,10335,10339,10350,10354,10432,10436,10447,10451,10580,10586,11297,11299,11303,11308,11311,11464,11621,11625,11717,11721,11952,11956,12306,12815,12822,12826,12985,12990,12992,12996,13000,13006,13011,13014,13068,13073,13087,13092,13507,13509,13513,13518,13522,13525,13580,13584,13597,13602,13723,13728,13798,13800,13804,13809,13813,13816,13868,13872,13885,13889,14341,14346,14535,14537,14541,14544,14549,14583,14588,14597,14599,14603,14789,14791,14795,14827],[2955,2956,1601],"h1",{"id":2957},"_2d-графіка-та-мультимедіа-у-wpf",[2959,2960,2961],"p",{},"WPF — це не просто фреймворк для кнопок та текстових полів. Це потужна графічна система, побудована на DirectX, що дозволяє створювати складну векторну графіку, градієнти, трансформації та навіть відтворювати відео прямо в інтерфейсі.",[2959,2963,2964],{},"Уявіть: ви можете намалювати будь-яку фігуру через Path з SVG-подібним синтаксисом, застосувати градієнтний фон з кількома кольорами, обернути елемент на 45 градусів, і все це буде масштабуватися без втрати якості, бо це вектор. Або вставити відео як фон для кнопки через MediaElement. WPF робить це природно та елегантно.",[2959,2966,2967],{},"У цій статті ми детально розберемо всі графічні можливості WPF: від базових фігур (Rectangle, Ellipse) до складних Path з кривими Безьє, від простих кольорів до радіальних градієнтів, від статичних зображень до відео. Ви навчитесь створювати професійні візуальні ефекти без зовнішніх бібліотек.",[2969,2970,2971,2975,2976,2979,2980,2983,2984,2987,2988,2991,2992,2995,2996,2999,3000,3003,3004,3007],"note",{},[2972,2973,2974],"strong",{},"Словник теми:"," ",[2972,2977,2978],{},"Shape"," — базовий клас для геометричних фігур (Rectangle, Ellipse, Path). ",[2972,2981,2982],{},"Path"," — універсальна фігура з PathGeometry. ",[2972,2985,2986],{},"PathGeometry"," — опис складної фігури через команди (M, L, C, A, Z). ",[2972,2989,2990],{},"Brush"," — спосіб заповнення (SolidColorBrush, LinearGradientBrush). ",[2972,2993,2994],{},"Geometry"," — математичний опис форми без візуального представлення. ",[2972,2997,2998],{},"Transform"," — трансформація елемента (обертання, масштабування). ",[2972,3001,3002],{},"MediaElement"," — контрол для відтворення відео та аудіо. ",[2972,3005,3006],{},"VisualBrush"," — Brush, що рендерить інший Visual як текстуру.",[3009,3010],"hr",{},[3012,3013,3015],"h2",{"id":3014},"shapes-базові-геометричні-фігури","Shapes: базові геометричні фігури",[2959,3017,3018,3019,3022],{},"WPF надає набір готових фігур через класи, що успадковуються від ",[3020,3021,2978],"code",{},".",[3024,3025,3027],"h3",{"id":3026},"rectangle-прямокутник","Rectangle: прямокутник",[3029,3030,3035],"pre",{"className":3031,"code":3032,"language":3033,"meta":3034,"style":3034},"language-xml shiki shiki-themes light-plus dark-plus dark-plus","\u003CRectangle Width=\"200\" Height=\"100\"\n           Fill=\"#3b82f6\"\n           Stroke=\"#1e40af\"\n           StrokeThickness=\"2\"\n           RadiusX=\"8\"\n           RadiusY=\"8\"/>\n","xml","",[3020,3036,3037,3070,3081,3092,3103,3114],{"__ignoreMap":3034},[3038,3039,3042,3046,3050,3054,3058,3062,3065,3067],"span",{"class":3040,"line":3041},"line",1,[3038,3043,3045],{"class":3044},"s0P7L","\u003C",[3038,3047,3049],{"class":3048},"sKtos","Rectangle",[3038,3051,3053],{"class":3052},"sa4r_"," Width",[3038,3055,3057],{"class":3056},"sHH4Y","=",[3038,3059,3061],{"class":3060},"su9tN","\"200\"",[3038,3063,3064],{"class":3052}," Height",[3038,3066,3057],{"class":3056},[3038,3068,3069],{"class":3060},"\"100\"\n",[3038,3071,3073,3076,3078],{"class":3040,"line":3072},2,[3038,3074,3075],{"class":3052},"           Fill",[3038,3077,3057],{"class":3056},[3038,3079,3080],{"class":3060},"\"#3b82f6\"\n",[3038,3082,3084,3087,3089],{"class":3040,"line":3083},3,[3038,3085,3086],{"class":3052},"           Stroke",[3038,3088,3057],{"class":3056},[3038,3090,3091],{"class":3060},"\"#1e40af\"\n",[3038,3093,3095,3098,3100],{"class":3040,"line":3094},4,[3038,3096,3097],{"class":3052},"           StrokeThickness",[3038,3099,3057],{"class":3056},[3038,3101,3102],{"class":3060},"\"2\"\n",[3038,3104,3106,3109,3111],{"class":3040,"line":3105},5,[3038,3107,3108],{"class":3052},"           RadiusX",[3038,3110,3057],{"class":3056},[3038,3112,3113],{"class":3060},"\"8\"\n",[3038,3115,3117,3120,3122,3125],{"class":3040,"line":3116},6,[3038,3118,3119],{"class":3052},"           RadiusY",[3038,3121,3057],{"class":3056},[3038,3123,3124],{"class":3060},"\"8\"",[3038,3126,3127],{"class":3044},"/>\n",[2959,3129,3130],{},[2972,3131,3132],{},"Властивості:",[3134,3135,3136,3143,3149,3155],"ul",{},[3137,3138,3139,3142],"li",{},[3020,3140,3141],{},"Fill"," — заповнення (колір або Brush)",[3137,3144,3145,3148],{},[3020,3146,3147],{},"Stroke"," — обведення (колір або Brush)",[3137,3150,3151,3154],{},[3020,3152,3153],{},"StrokeThickness"," — товщина обведення",[3137,3156,3157,3160,3161,3164],{},[3020,3158,3159],{},"RadiusX",", ",[3020,3162,3163],{},"RadiusY"," — заокруглення кутів",[3166,3167,3169],"wpf-preview",{"title":3168},"Rectangle з заокругленими кутами",[3029,3170,3172],{"className":3031,"code":3171,"language":3033,"meta":3034,"style":3034},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"16\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"📐 Rectangle Shapes\"\n                   FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"16\">\n            \u003C!-- Звичайний прямокутник -->\n            \u003CRectangle Width=\"100\" Height=\"80\"\n                       Fill=\"#3b82f6\"\n                       Stroke=\"#1e40af\"\n                       StrokeThickness=\"2\"/>\n            \n            \u003C!-- З заокругленими кутами -->\n            \u003CRectangle Width=\"100\" Height=\"80\"\n                       Fill=\"#22c55e\"\n                       Stroke=\"#16a34a\"\n                       StrokeThickness=\"2\"\n                       RadiusX=\"12\"\n                       RadiusY=\"12\"/>\n            \n            \u003C!-- Лише обведення -->\n            \u003CRectangle Width=\"100\" Height=\"80\"\n                       Stroke=\"#f59e0b\"\n                       StrokeThickness=\"3\"\n                       RadiusX=\"8\"\n                       RadiusY=\"8\"/>\n        \u003C/StackPanel>\n    \u003C/StackPanel>\n\u003C/Border>\n",[3020,3173,3174,3207,3233,3249,3267,3277,3288,3294,3317,3324,3346,3356,3366,3379,3385,3391,3410,3420,3430,3439,3450,3463,3468,3474,3493,3503,3513,3522,3533,3543,3553],{"__ignoreMap":3034},[3038,3175,3176,3178,3181,3184,3186,3189,3192,3194,3197,3200,3202,3204],{"class":3040,"line":3041},[3038,3177,3045],{"class":3044},[3038,3179,3180],{"class":3048},"Border",[3038,3182,3183],{"class":3052}," Background",[3038,3185,3057],{"class":3056},[3038,3187,3188],{"class":3060},"\"#f8fafc\"",[3038,3190,3191],{"class":3052}," Padding",[3038,3193,3057],{"class":3056},[3038,3195,3196],{"class":3060},"\"40\"",[3038,3198,3199],{"class":3052}," CornerRadius",[3038,3201,3057],{"class":3056},[3038,3203,3124],{"class":3060},[3038,3205,3206],{"class":3044},">\n",[3038,3208,3209,3212,3215,3218,3220,3223,3226,3228,3231],{"class":3040,"line":3072},[3038,3210,3211],{"class":3044},"    \u003C",[3038,3213,3214],{"class":3048},"StackPanel",[3038,3216,3217],{"class":3052}," Spacing",[3038,3219,3057],{"class":3056},[3038,3221,3222],{"class":3060},"\"16\"",[3038,3224,3225],{"class":3052}," HorizontalAlignment",[3038,3227,3057],{"class":3056},[3038,3229,3230],{"class":3060},"\"Center\"",[3038,3232,3206],{"class":3044},[3038,3234,3235,3238,3241,3244,3246],{"class":3040,"line":3083},[3038,3236,3237],{"class":3044},"        \u003C",[3038,3239,3240],{"class":3048},"TextBlock",[3038,3242,3243],{"class":3052}," Text",[3038,3245,3057],{"class":3056},[3038,3247,3248],{"class":3060},"\"📐 Rectangle Shapes\"\n",[3038,3250,3251,3254,3256,3259,3262,3264],{"class":3040,"line":3094},[3038,3252,3253],{"class":3052},"                   FontSize",[3038,3255,3057],{"class":3056},[3038,3257,3258],{"class":3060},"\"20\"",[3038,3260,3261],{"class":3052}," FontWeight",[3038,3263,3057],{"class":3056},[3038,3265,3266],{"class":3060},"\"Bold\"\n",[3038,3268,3269,3272,3274],{"class":3040,"line":3105},[3038,3270,3271],{"class":3052},"                   Foreground",[3038,3273,3057],{"class":3056},[3038,3275,3276],{"class":3060},"\"#1e293b\"\n",[3038,3278,3279,3282,3284,3286],{"class":3040,"line":3116},[3038,3280,3281],{"class":3052},"                   HorizontalAlignment",[3038,3283,3057],{"class":3056},[3038,3285,3230],{"class":3060},[3038,3287,3127],{"class":3044},[3038,3289,3291],{"class":3040,"line":3290},7,[3038,3292,3293],{"class":3056},"        \n",[3038,3295,3297,3299,3301,3304,3306,3309,3311,3313,3315],{"class":3040,"line":3296},8,[3038,3298,3237],{"class":3044},[3038,3300,3214],{"class":3048},[3038,3302,3303],{"class":3052}," Orientation",[3038,3305,3057],{"class":3056},[3038,3307,3308],{"class":3060},"\"Horizontal\"",[3038,3310,3217],{"class":3052},[3038,3312,3057],{"class":3056},[3038,3314,3222],{"class":3060},[3038,3316,3206],{"class":3044},[3038,3318,3320],{"class":3040,"line":3319},9,[3038,3321,3323],{"class":3322},"spJ8K","            \u003C!-- Звичайний прямокутник -->\n",[3038,3325,3327,3330,3332,3334,3336,3339,3341,3343],{"class":3040,"line":3326},10,[3038,3328,3329],{"class":3044},"            \u003C",[3038,3331,3049],{"class":3048},[3038,3333,3053],{"class":3052},[3038,3335,3057],{"class":3056},[3038,3337,3338],{"class":3060},"\"100\"",[3038,3340,3064],{"class":3052},[3038,3342,3057],{"class":3056},[3038,3344,3345],{"class":3060},"\"80\"\n",[3038,3347,3349,3352,3354],{"class":3040,"line":3348},11,[3038,3350,3351],{"class":3052},"                       Fill",[3038,3353,3057],{"class":3056},[3038,3355,3080],{"class":3060},[3038,3357,3359,3362,3364],{"class":3040,"line":3358},12,[3038,3360,3361],{"class":3052},"                       Stroke",[3038,3363,3057],{"class":3056},[3038,3365,3091],{"class":3060},[3038,3367,3369,3372,3374,3377],{"class":3040,"line":3368},13,[3038,3370,3371],{"class":3052},"                       StrokeThickness",[3038,3373,3057],{"class":3056},[3038,3375,3376],{"class":3060},"\"2\"",[3038,3378,3127],{"class":3044},[3038,3380,3382],{"class":3040,"line":3381},14,[3038,3383,3384],{"class":3056},"            \n",[3038,3386,3388],{"class":3040,"line":3387},15,[3038,3389,3390],{"class":3322},"            \u003C!-- З заокругленими кутами -->\n",[3038,3392,3394,3396,3398,3400,3402,3404,3406,3408],{"class":3040,"line":3393},16,[3038,3395,3329],{"class":3044},[3038,3397,3049],{"class":3048},[3038,3399,3053],{"class":3052},[3038,3401,3057],{"class":3056},[3038,3403,3338],{"class":3060},[3038,3405,3064],{"class":3052},[3038,3407,3057],{"class":3056},[3038,3409,3345],{"class":3060},[3038,3411,3413,3415,3417],{"class":3040,"line":3412},17,[3038,3414,3351],{"class":3052},[3038,3416,3057],{"class":3056},[3038,3418,3419],{"class":3060},"\"#22c55e\"\n",[3038,3421,3423,3425,3427],{"class":3040,"line":3422},18,[3038,3424,3361],{"class":3052},[3038,3426,3057],{"class":3056},[3038,3428,3429],{"class":3060},"\"#16a34a\"\n",[3038,3431,3433,3435,3437],{"class":3040,"line":3432},19,[3038,3434,3371],{"class":3052},[3038,3436,3057],{"class":3056},[3038,3438,3102],{"class":3060},[3038,3440,3442,3445,3447],{"class":3040,"line":3441},20,[3038,3443,3444],{"class":3052},"                       RadiusX",[3038,3446,3057],{"class":3056},[3038,3448,3449],{"class":3060},"\"12\"\n",[3038,3451,3453,3456,3458,3461],{"class":3040,"line":3452},21,[3038,3454,3455],{"class":3052},"                       RadiusY",[3038,3457,3057],{"class":3056},[3038,3459,3460],{"class":3060},"\"12\"",[3038,3462,3127],{"class":3044},[3038,3464,3466],{"class":3040,"line":3465},22,[3038,3467,3384],{"class":3056},[3038,3469,3471],{"class":3040,"line":3470},23,[3038,3472,3473],{"class":3322},"            \u003C!-- Лише обведення -->\n",[3038,3475,3477,3479,3481,3483,3485,3487,3489,3491],{"class":3040,"line":3476},24,[3038,3478,3329],{"class":3044},[3038,3480,3049],{"class":3048},[3038,3482,3053],{"class":3052},[3038,3484,3057],{"class":3056},[3038,3486,3338],{"class":3060},[3038,3488,3064],{"class":3052},[3038,3490,3057],{"class":3056},[3038,3492,3345],{"class":3060},[3038,3494,3496,3498,3500],{"class":3040,"line":3495},25,[3038,3497,3361],{"class":3052},[3038,3499,3057],{"class":3056},[3038,3501,3502],{"class":3060},"\"#f59e0b\"\n",[3038,3504,3506,3508,3510],{"class":3040,"line":3505},26,[3038,3507,3371],{"class":3052},[3038,3509,3057],{"class":3056},[3038,3511,3512],{"class":3060},"\"3\"\n",[3038,3514,3516,3518,3520],{"class":3040,"line":3515},27,[3038,3517,3444],{"class":3052},[3038,3519,3057],{"class":3056},[3038,3521,3113],{"class":3060},[3038,3523,3525,3527,3529,3531],{"class":3040,"line":3524},28,[3038,3526,3455],{"class":3052},[3038,3528,3057],{"class":3056},[3038,3530,3124],{"class":3060},[3038,3532,3127],{"class":3044},[3038,3534,3536,3539,3541],{"class":3040,"line":3535},29,[3038,3537,3538],{"class":3044},"        \u003C/",[3038,3540,3214],{"class":3048},[3038,3542,3206],{"class":3044},[3038,3544,3546,3549,3551],{"class":3040,"line":3545},30,[3038,3547,3548],{"class":3044},"    \u003C/",[3038,3550,3214],{"class":3048},[3038,3552,3206],{"class":3044},[3038,3554,3556,3559,3561],{"class":3040,"line":3555},31,[3038,3557,3558],{"class":3044},"\u003C/",[3038,3560,3180],{"class":3048},[3038,3562,3206],{"class":3044},[3024,3564,3566],{"id":3565},"ellipse-коло-та-еліпс","Ellipse: коло та еліпс",[3029,3568,3570],{"className":3031,"code":3569,"language":3033,"meta":3034,"style":3034},"\u003C!-- Коло -->\n\u003CEllipse Width=\"100\" Height=\"100\"\n         Fill=\"#ef4444\"\n         Stroke=\"#dc2626\"\n         StrokeThickness=\"2\"/>\n\n\u003C!-- Еліпс -->\n\u003CEllipse Width=\"150\" Height=\"80\"\n         Fill=\"#8b5cf6\"\n         Stroke=\"#7c3aed\"\n         StrokeThickness=\"2\"/>\n",[3020,3571,3572,3577,3596,3606,3616,3627,3633,3638,3657,3666,3675],{"__ignoreMap":3034},[3038,3573,3574],{"class":3040,"line":3041},[3038,3575,3576],{"class":3322},"\u003C!-- Коло -->\n",[3038,3578,3579,3581,3584,3586,3588,3590,3592,3594],{"class":3040,"line":3072},[3038,3580,3045],{"class":3044},[3038,3582,3583],{"class":3048},"Ellipse",[3038,3585,3053],{"class":3052},[3038,3587,3057],{"class":3056},[3038,3589,3338],{"class":3060},[3038,3591,3064],{"class":3052},[3038,3593,3057],{"class":3056},[3038,3595,3069],{"class":3060},[3038,3597,3598,3601,3603],{"class":3040,"line":3083},[3038,3599,3600],{"class":3052},"         Fill",[3038,3602,3057],{"class":3056},[3038,3604,3605],{"class":3060},"\"#ef4444\"\n",[3038,3607,3608,3611,3613],{"class":3040,"line":3094},[3038,3609,3610],{"class":3052},"         Stroke",[3038,3612,3057],{"class":3056},[3038,3614,3615],{"class":3060},"\"#dc2626\"\n",[3038,3617,3618,3621,3623,3625],{"class":3040,"line":3105},[3038,3619,3620],{"class":3052},"         StrokeThickness",[3038,3622,3057],{"class":3056},[3038,3624,3376],{"class":3060},[3038,3626,3127],{"class":3044},[3038,3628,3629],{"class":3040,"line":3116},[3038,3630,3632],{"emptyLinePlaceholder":3631},true,"\n",[3038,3634,3635],{"class":3040,"line":3290},[3038,3636,3637],{"class":3322},"\u003C!-- Еліпс -->\n",[3038,3639,3640,3642,3644,3646,3648,3651,3653,3655],{"class":3040,"line":3296},[3038,3641,3045],{"class":3044},[3038,3643,3583],{"class":3048},[3038,3645,3053],{"class":3052},[3038,3647,3057],{"class":3056},[3038,3649,3650],{"class":3060},"\"150\"",[3038,3652,3064],{"class":3052},[3038,3654,3057],{"class":3056},[3038,3656,3345],{"class":3060},[3038,3658,3659,3661,3663],{"class":3040,"line":3319},[3038,3660,3600],{"class":3052},[3038,3662,3057],{"class":3056},[3038,3664,3665],{"class":3060},"\"#8b5cf6\"\n",[3038,3667,3668,3670,3672],{"class":3040,"line":3326},[3038,3669,3610],{"class":3052},[3038,3671,3057],{"class":3056},[3038,3673,3674],{"class":3060},"\"#7c3aed\"\n",[3038,3676,3677,3679,3681,3683],{"class":3040,"line":3348},[3038,3678,3620],{"class":3052},[3038,3680,3057],{"class":3056},[3038,3682,3376],{"class":3060},[3038,3684,3127],{"class":3044},[3166,3686,3688],{"title":3687},"Ellipse — кола та еліпси",[3029,3689,3691],{"className":3031,"code":3690,"language":3033,"meta":3034,"style":3034},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"16\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"⭕ Ellipse Shapes\"\n                   FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"16\" HorizontalAlignment=\"Center\">\n            \u003C!-- Коло -->\n            \u003CEllipse Width=\"80\" Height=\"80\"\n                     Fill=\"#ef4444\"\n                     Stroke=\"#dc2626\"\n                     StrokeThickness=\"2\"/>\n            \n            \u003C!-- Еліпс горизонтальний -->\n            \u003CEllipse Width=\"120\" Height=\"80\"\n                     Fill=\"#8b5cf6\"\n                     Stroke=\"#7c3aed\"\n                     StrokeThickness=\"2\"/>\n            \n            \u003C!-- Еліпс вертикальний -->\n            \u003CEllipse Width=\"80\" Height=\"120\"\n                     Fill=\"#06b6d4\"\n                     Stroke=\"#0891b2\"\n                     StrokeThickness=\"2\"/>\n        \u003C/StackPanel>\n    \u003C/StackPanel>\n\u003C/Border>\n",[3020,3692,3693,3719,3739,3752,3766,3774,3784,3788,3814,3819,3838,3847,3856,3867,3871,3876,3895,3903,3911,3921,3925,3930,3949,3958,3967,3977,3985,3993],{"__ignoreMap":3034},[3038,3694,3695,3697,3699,3701,3703,3705,3707,3709,3711,3713,3715,3717],{"class":3040,"line":3041},[3038,3696,3045],{"class":3044},[3038,3698,3180],{"class":3048},[3038,3700,3183],{"class":3052},[3038,3702,3057],{"class":3056},[3038,3704,3188],{"class":3060},[3038,3706,3191],{"class":3052},[3038,3708,3057],{"class":3056},[3038,3710,3196],{"class":3060},[3038,3712,3199],{"class":3052},[3038,3714,3057],{"class":3056},[3038,3716,3124],{"class":3060},[3038,3718,3206],{"class":3044},[3038,3720,3721,3723,3725,3727,3729,3731,3733,3735,3737],{"class":3040,"line":3072},[3038,3722,3211],{"class":3044},[3038,3724,3214],{"class":3048},[3038,3726,3217],{"class":3052},[3038,3728,3057],{"class":3056},[3038,3730,3222],{"class":3060},[3038,3732,3225],{"class":3052},[3038,3734,3057],{"class":3056},[3038,3736,3230],{"class":3060},[3038,3738,3206],{"class":3044},[3038,3740,3741,3743,3745,3747,3749],{"class":3040,"line":3083},[3038,3742,3237],{"class":3044},[3038,3744,3240],{"class":3048},[3038,3746,3243],{"class":3052},[3038,3748,3057],{"class":3056},[3038,3750,3751],{"class":3060},"\"⭕ Ellipse Shapes\"\n",[3038,3753,3754,3756,3758,3760,3762,3764],{"class":3040,"line":3094},[3038,3755,3253],{"class":3052},[3038,3757,3057],{"class":3056},[3038,3759,3258],{"class":3060},[3038,3761,3261],{"class":3052},[3038,3763,3057],{"class":3056},[3038,3765,3266],{"class":3060},[3038,3767,3768,3770,3772],{"class":3040,"line":3105},[3038,3769,3271],{"class":3052},[3038,3771,3057],{"class":3056},[3038,3773,3276],{"class":3060},[3038,3775,3776,3778,3780,3782],{"class":3040,"line":3116},[3038,3777,3281],{"class":3052},[3038,3779,3057],{"class":3056},[3038,3781,3230],{"class":3060},[3038,3783,3127],{"class":3044},[3038,3785,3786],{"class":3040,"line":3290},[3038,3787,3293],{"class":3056},[3038,3789,3790,3792,3794,3796,3798,3800,3802,3804,3806,3808,3810,3812],{"class":3040,"line":3296},[3038,3791,3237],{"class":3044},[3038,3793,3214],{"class":3048},[3038,3795,3303],{"class":3052},[3038,3797,3057],{"class":3056},[3038,3799,3308],{"class":3060},[3038,3801,3217],{"class":3052},[3038,3803,3057],{"class":3056},[3038,3805,3222],{"class":3060},[3038,3807,3225],{"class":3052},[3038,3809,3057],{"class":3056},[3038,3811,3230],{"class":3060},[3038,3813,3206],{"class":3044},[3038,3815,3816],{"class":3040,"line":3319},[3038,3817,3818],{"class":3322},"            \u003C!-- Коло -->\n",[3038,3820,3821,3823,3825,3827,3829,3832,3834,3836],{"class":3040,"line":3326},[3038,3822,3329],{"class":3044},[3038,3824,3583],{"class":3048},[3038,3826,3053],{"class":3052},[3038,3828,3057],{"class":3056},[3038,3830,3831],{"class":3060},"\"80\"",[3038,3833,3064],{"class":3052},[3038,3835,3057],{"class":3056},[3038,3837,3345],{"class":3060},[3038,3839,3840,3843,3845],{"class":3040,"line":3348},[3038,3841,3842],{"class":3052},"                     Fill",[3038,3844,3057],{"class":3056},[3038,3846,3605],{"class":3060},[3038,3848,3849,3852,3854],{"class":3040,"line":3358},[3038,3850,3851],{"class":3052},"                     Stroke",[3038,3853,3057],{"class":3056},[3038,3855,3615],{"class":3060},[3038,3857,3858,3861,3863,3865],{"class":3040,"line":3368},[3038,3859,3860],{"class":3052},"                     StrokeThickness",[3038,3862,3057],{"class":3056},[3038,3864,3376],{"class":3060},[3038,3866,3127],{"class":3044},[3038,3868,3869],{"class":3040,"line":3381},[3038,3870,3384],{"class":3056},[3038,3872,3873],{"class":3040,"line":3387},[3038,3874,3875],{"class":3322},"            \u003C!-- Еліпс горизонтальний -->\n",[3038,3877,3878,3880,3882,3884,3886,3889,3891,3893],{"class":3040,"line":3393},[3038,3879,3329],{"class":3044},[3038,3881,3583],{"class":3048},[3038,3883,3053],{"class":3052},[3038,3885,3057],{"class":3056},[3038,3887,3888],{"class":3060},"\"120\"",[3038,3890,3064],{"class":3052},[3038,3892,3057],{"class":3056},[3038,3894,3345],{"class":3060},[3038,3896,3897,3899,3901],{"class":3040,"line":3412},[3038,3898,3842],{"class":3052},[3038,3900,3057],{"class":3056},[3038,3902,3665],{"class":3060},[3038,3904,3905,3907,3909],{"class":3040,"line":3422},[3038,3906,3851],{"class":3052},[3038,3908,3057],{"class":3056},[3038,3910,3674],{"class":3060},[3038,3912,3913,3915,3917,3919],{"class":3040,"line":3432},[3038,3914,3860],{"class":3052},[3038,3916,3057],{"class":3056},[3038,3918,3376],{"class":3060},[3038,3920,3127],{"class":3044},[3038,3922,3923],{"class":3040,"line":3441},[3038,3924,3384],{"class":3056},[3038,3926,3927],{"class":3040,"line":3452},[3038,3928,3929],{"class":3322},"            \u003C!-- Еліпс вертикальний -->\n",[3038,3931,3932,3934,3936,3938,3940,3942,3944,3946],{"class":3040,"line":3465},[3038,3933,3329],{"class":3044},[3038,3935,3583],{"class":3048},[3038,3937,3053],{"class":3052},[3038,3939,3057],{"class":3056},[3038,3941,3831],{"class":3060},[3038,3943,3064],{"class":3052},[3038,3945,3057],{"class":3056},[3038,3947,3948],{"class":3060},"\"120\"\n",[3038,3950,3951,3953,3955],{"class":3040,"line":3470},[3038,3952,3842],{"class":3052},[3038,3954,3057],{"class":3056},[3038,3956,3957],{"class":3060},"\"#06b6d4\"\n",[3038,3959,3960,3962,3964],{"class":3040,"line":3476},[3038,3961,3851],{"class":3052},[3038,3963,3057],{"class":3056},[3038,3965,3966],{"class":3060},"\"#0891b2\"\n",[3038,3968,3969,3971,3973,3975],{"class":3040,"line":3495},[3038,3970,3860],{"class":3052},[3038,3972,3057],{"class":3056},[3038,3974,3376],{"class":3060},[3038,3976,3127],{"class":3044},[3038,3978,3979,3981,3983],{"class":3040,"line":3505},[3038,3980,3538],{"class":3044},[3038,3982,3214],{"class":3048},[3038,3984,3206],{"class":3044},[3038,3986,3987,3989,3991],{"class":3040,"line":3515},[3038,3988,3548],{"class":3044},[3038,3990,3214],{"class":3048},[3038,3992,3206],{"class":3044},[3038,3994,3995,3997,3999],{"class":3040,"line":3524},[3038,3996,3558],{"class":3044},[3038,3998,3180],{"class":3048},[3038,4000,3206],{"class":3044},[3024,4002,4004],{"id":4003},"line-лінія","Line: лінія",[3029,4006,4008],{"className":3031,"code":4007,"language":3033,"meta":3034,"style":3034},"\u003CLine X1=\"0\" Y1=\"0\" X2=\"200\" Y2=\"100\"\n      Stroke=\"#64748b\"\n      StrokeThickness=\"2\"/>\n",[3020,4009,4010,4046,4056],{"__ignoreMap":3034},[3038,4011,4012,4014,4017,4020,4022,4025,4028,4030,4032,4035,4037,4039,4042,4044],{"class":3040,"line":3041},[3038,4013,3045],{"class":3044},[3038,4015,4016],{"class":3048},"Line",[3038,4018,4019],{"class":3052}," X1",[3038,4021,3057],{"class":3056},[3038,4023,4024],{"class":3060},"\"0\"",[3038,4026,4027],{"class":3052}," Y1",[3038,4029,3057],{"class":3056},[3038,4031,4024],{"class":3060},[3038,4033,4034],{"class":3052}," X2",[3038,4036,3057],{"class":3056},[3038,4038,3061],{"class":3060},[3038,4040,4041],{"class":3052}," Y2",[3038,4043,3057],{"class":3056},[3038,4045,3069],{"class":3060},[3038,4047,4048,4051,4053],{"class":3040,"line":3072},[3038,4049,4050],{"class":3052},"      Stroke",[3038,4052,3057],{"class":3056},[3038,4054,4055],{"class":3060},"\"#64748b\"\n",[3038,4057,4058,4061,4063,4065],{"class":3040,"line":3083},[3038,4059,4060],{"class":3052},"      StrokeThickness",[3038,4062,3057],{"class":3056},[3038,4064,3376],{"class":3060},[3038,4066,3127],{"class":3044},[2959,4068,4069],{},[2972,4070,3132],{},[3134,4072,4073,4082,4091,4096],{},[3137,4074,4075,3160,4078,4081],{},[3020,4076,4077],{},"X1",[3020,4079,4080],{},"Y1"," — початкова точка",[3137,4083,4084,3160,4087,4090],{},[3020,4085,4086],{},"X2",[3020,4088,4089],{},"Y2"," — кінцева точка",[3137,4092,4093,4095],{},[3020,4094,3147],{}," — колір лінії",[3137,4097,4098,4100],{},[3020,4099,3153],{}," — товщина",[3024,4102,4104],{"id":4103},"polygon-багатокутник-замкнений","Polygon: багатокутник (замкнений)",[3029,4106,4108],{"className":3031,"code":4107,"language":3033,"meta":3034,"style":3034},"\u003C!-- Трикутник -->\n\u003CPolygon Points=\"50,0 100,100 0,100\"\n         Fill=\"#f59e0b\"\n         Stroke=\"#d97706\"\n         StrokeThickness=\"2\"/>\n\n\u003C!-- П'ятикутник -->\n\u003CPolygon Points=\"50,0 100,38 81,100 19,100 0,38\"\n         Fill=\"#10b981\"\n         Stroke=\"#059669\"\n         StrokeThickness=\"2\"/>\n",[3020,4109,4110,4115,4130,4138,4147,4157,4161,4166,4179,4188,4197],{"__ignoreMap":3034},[3038,4111,4112],{"class":3040,"line":3041},[3038,4113,4114],{"class":3322},"\u003C!-- Трикутник -->\n",[3038,4116,4117,4119,4122,4125,4127],{"class":3040,"line":3072},[3038,4118,3045],{"class":3044},[3038,4120,4121],{"class":3048},"Polygon",[3038,4123,4124],{"class":3052}," Points",[3038,4126,3057],{"class":3056},[3038,4128,4129],{"class":3060},"\"50,0 100,100 0,100\"\n",[3038,4131,4132,4134,4136],{"class":3040,"line":3083},[3038,4133,3600],{"class":3052},[3038,4135,3057],{"class":3056},[3038,4137,3502],{"class":3060},[3038,4139,4140,4142,4144],{"class":3040,"line":3094},[3038,4141,3610],{"class":3052},[3038,4143,3057],{"class":3056},[3038,4145,4146],{"class":3060},"\"#d97706\"\n",[3038,4148,4149,4151,4153,4155],{"class":3040,"line":3105},[3038,4150,3620],{"class":3052},[3038,4152,3057],{"class":3056},[3038,4154,3376],{"class":3060},[3038,4156,3127],{"class":3044},[3038,4158,4159],{"class":3040,"line":3116},[3038,4160,3632],{"emptyLinePlaceholder":3631},[3038,4162,4163],{"class":3040,"line":3290},[3038,4164,4165],{"class":3322},"\u003C!-- П'ятикутник -->\n",[3038,4167,4168,4170,4172,4174,4176],{"class":3040,"line":3296},[3038,4169,3045],{"class":3044},[3038,4171,4121],{"class":3048},[3038,4173,4124],{"class":3052},[3038,4175,3057],{"class":3056},[3038,4177,4178],{"class":3060},"\"50,0 100,38 81,100 19,100 0,38\"\n",[3038,4180,4181,4183,4185],{"class":3040,"line":3319},[3038,4182,3600],{"class":3052},[3038,4184,3057],{"class":3056},[3038,4186,4187],{"class":3060},"\"#10b981\"\n",[3038,4189,4190,4192,4194],{"class":3040,"line":3326},[3038,4191,3610],{"class":3052},[3038,4193,3057],{"class":3056},[3038,4195,4196],{"class":3060},"\"#059669\"\n",[3038,4198,4199,4201,4203,4205],{"class":3040,"line":3348},[3038,4200,3620],{"class":3052},[3038,4202,3057],{"class":3056},[3038,4204,3376],{"class":3060},[3038,4206,3127],{"class":3044},[2959,4208,4209,2975,4212,4215],{},[2972,4210,4211],{},"Points формат:",[3020,4213,4214],{},"\"x1,y1 x2,y2 x3,y3 ...\""," — список координат вершин.",[3166,4217,4219],{"title":4218},"Polygon — багатокутники",[3029,4220,4222],{"className":3031,"code":4221,"language":3033,"meta":3034,"style":3034},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"16\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"🔺 Polygon Shapes\"\n                   FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"24\" HorizontalAlignment=\"Center\">\n            \u003C!-- Трикутник -->\n            \u003CPolygon Points=\"50,0 100,86 0,86\"\n                     Fill=\"#f59e0b\"\n                     Stroke=\"#d97706\"\n                     StrokeThickness=\"2\"/>\n            \n            \u003C!-- Квадрат (через Polygon) -->\n            \u003CPolygon Points=\"0,0 80,0 80,80 0,80\"\n                     Fill=\"#3b82f6\"\n                     Stroke=\"#1e40af\"\n                     StrokeThickness=\"2\"/>\n            \n            \u003C!-- Зірка -->\n            \u003CPolygon Points=\"50,0 61,35 98,35 68,57 79,91 50,70 21,91 32,57 2,35 39,35\"\n                     Fill=\"#ef4444\"\n                     Stroke=\"#dc2626\"\n                     StrokeThickness=\"2\"/>\n        \u003C/StackPanel>\n    \u003C/StackPanel>\n\u003C/Border>\n",[3020,4223,4224,4250,4270,4283,4297,4305,4315,4319,4346,4351,4364,4372,4380,4390,4394,4399,4412,4420,4428,4438,4442,4447,4460,4468,4476,4486,4494,4502],{"__ignoreMap":3034},[3038,4225,4226,4228,4230,4232,4234,4236,4238,4240,4242,4244,4246,4248],{"class":3040,"line":3041},[3038,4227,3045],{"class":3044},[3038,4229,3180],{"class":3048},[3038,4231,3183],{"class":3052},[3038,4233,3057],{"class":3056},[3038,4235,3188],{"class":3060},[3038,4237,3191],{"class":3052},[3038,4239,3057],{"class":3056},[3038,4241,3196],{"class":3060},[3038,4243,3199],{"class":3052},[3038,4245,3057],{"class":3056},[3038,4247,3124],{"class":3060},[3038,4249,3206],{"class":3044},[3038,4251,4252,4254,4256,4258,4260,4262,4264,4266,4268],{"class":3040,"line":3072},[3038,4253,3211],{"class":3044},[3038,4255,3214],{"class":3048},[3038,4257,3217],{"class":3052},[3038,4259,3057],{"class":3056},[3038,4261,3222],{"class":3060},[3038,4263,3225],{"class":3052},[3038,4265,3057],{"class":3056},[3038,4267,3230],{"class":3060},[3038,4269,3206],{"class":3044},[3038,4271,4272,4274,4276,4278,4280],{"class":3040,"line":3083},[3038,4273,3237],{"class":3044},[3038,4275,3240],{"class":3048},[3038,4277,3243],{"class":3052},[3038,4279,3057],{"class":3056},[3038,4281,4282],{"class":3060},"\"🔺 Polygon Shapes\"\n",[3038,4284,4285,4287,4289,4291,4293,4295],{"class":3040,"line":3094},[3038,4286,3253],{"class":3052},[3038,4288,3057],{"class":3056},[3038,4290,3258],{"class":3060},[3038,4292,3261],{"class":3052},[3038,4294,3057],{"class":3056},[3038,4296,3266],{"class":3060},[3038,4298,4299,4301,4303],{"class":3040,"line":3105},[3038,4300,3271],{"class":3052},[3038,4302,3057],{"class":3056},[3038,4304,3276],{"class":3060},[3038,4306,4307,4309,4311,4313],{"class":3040,"line":3116},[3038,4308,3281],{"class":3052},[3038,4310,3057],{"class":3056},[3038,4312,3230],{"class":3060},[3038,4314,3127],{"class":3044},[3038,4316,4317],{"class":3040,"line":3290},[3038,4318,3293],{"class":3056},[3038,4320,4321,4323,4325,4327,4329,4331,4333,4335,4338,4340,4342,4344],{"class":3040,"line":3296},[3038,4322,3237],{"class":3044},[3038,4324,3214],{"class":3048},[3038,4326,3303],{"class":3052},[3038,4328,3057],{"class":3056},[3038,4330,3308],{"class":3060},[3038,4332,3217],{"class":3052},[3038,4334,3057],{"class":3056},[3038,4336,4337],{"class":3060},"\"24\"",[3038,4339,3225],{"class":3052},[3038,4341,3057],{"class":3056},[3038,4343,3230],{"class":3060},[3038,4345,3206],{"class":3044},[3038,4347,4348],{"class":3040,"line":3319},[3038,4349,4350],{"class":3322},"            \u003C!-- Трикутник -->\n",[3038,4352,4353,4355,4357,4359,4361],{"class":3040,"line":3326},[3038,4354,3329],{"class":3044},[3038,4356,4121],{"class":3048},[3038,4358,4124],{"class":3052},[3038,4360,3057],{"class":3056},[3038,4362,4363],{"class":3060},"\"50,0 100,86 0,86\"\n",[3038,4365,4366,4368,4370],{"class":3040,"line":3348},[3038,4367,3842],{"class":3052},[3038,4369,3057],{"class":3056},[3038,4371,3502],{"class":3060},[3038,4373,4374,4376,4378],{"class":3040,"line":3358},[3038,4375,3851],{"class":3052},[3038,4377,3057],{"class":3056},[3038,4379,4146],{"class":3060},[3038,4381,4382,4384,4386,4388],{"class":3040,"line":3368},[3038,4383,3860],{"class":3052},[3038,4385,3057],{"class":3056},[3038,4387,3376],{"class":3060},[3038,4389,3127],{"class":3044},[3038,4391,4392],{"class":3040,"line":3381},[3038,4393,3384],{"class":3056},[3038,4395,4396],{"class":3040,"line":3387},[3038,4397,4398],{"class":3322},"            \u003C!-- Квадрат (через Polygon) -->\n",[3038,4400,4401,4403,4405,4407,4409],{"class":3040,"line":3393},[3038,4402,3329],{"class":3044},[3038,4404,4121],{"class":3048},[3038,4406,4124],{"class":3052},[3038,4408,3057],{"class":3056},[3038,4410,4411],{"class":3060},"\"0,0 80,0 80,80 0,80\"\n",[3038,4413,4414,4416,4418],{"class":3040,"line":3412},[3038,4415,3842],{"class":3052},[3038,4417,3057],{"class":3056},[3038,4419,3080],{"class":3060},[3038,4421,4422,4424,4426],{"class":3040,"line":3422},[3038,4423,3851],{"class":3052},[3038,4425,3057],{"class":3056},[3038,4427,3091],{"class":3060},[3038,4429,4430,4432,4434,4436],{"class":3040,"line":3432},[3038,4431,3860],{"class":3052},[3038,4433,3057],{"class":3056},[3038,4435,3376],{"class":3060},[3038,4437,3127],{"class":3044},[3038,4439,4440],{"class":3040,"line":3441},[3038,4441,3384],{"class":3056},[3038,4443,4444],{"class":3040,"line":3452},[3038,4445,4446],{"class":3322},"            \u003C!-- Зірка -->\n",[3038,4448,4449,4451,4453,4455,4457],{"class":3040,"line":3465},[3038,4450,3329],{"class":3044},[3038,4452,4121],{"class":3048},[3038,4454,4124],{"class":3052},[3038,4456,3057],{"class":3056},[3038,4458,4459],{"class":3060},"\"50,0 61,35 98,35 68,57 79,91 50,70 21,91 32,57 2,35 39,35\"\n",[3038,4461,4462,4464,4466],{"class":3040,"line":3470},[3038,4463,3842],{"class":3052},[3038,4465,3057],{"class":3056},[3038,4467,3605],{"class":3060},[3038,4469,4470,4472,4474],{"class":3040,"line":3476},[3038,4471,3851],{"class":3052},[3038,4473,3057],{"class":3056},[3038,4475,3615],{"class":3060},[3038,4477,4478,4480,4482,4484],{"class":3040,"line":3495},[3038,4479,3860],{"class":3052},[3038,4481,3057],{"class":3056},[3038,4483,3376],{"class":3060},[3038,4485,3127],{"class":3044},[3038,4487,4488,4490,4492],{"class":3040,"line":3505},[3038,4489,3538],{"class":3044},[3038,4491,3214],{"class":3048},[3038,4493,3206],{"class":3044},[3038,4495,4496,4498,4500],{"class":3040,"line":3515},[3038,4497,3548],{"class":3044},[3038,4499,3214],{"class":3048},[3038,4501,3206],{"class":3044},[3038,4503,4504,4506,4508],{"class":3040,"line":3524},[3038,4505,3558],{"class":3044},[3038,4507,3180],{"class":3048},[3038,4509,3206],{"class":3044},[3024,4511,4513],{"id":4512},"polyline-ламана-лінія-незамкнена","Polyline: ламана лінія (незамкнена)",[3029,4515,4517],{"className":3031,"code":4516,"language":3033,"meta":3034,"style":3034},"\u003CPolyline Points=\"0,50 50,0 100,50 150,0 200,50\"\n          Stroke=\"#3b82f6\"\n          StrokeThickness=\"3\"\n          Fill=\"Transparent\"/>\n",[3020,4518,4519,4533,4542,4551],{"__ignoreMap":3034},[3038,4520,4521,4523,4526,4528,4530],{"class":3040,"line":3041},[3038,4522,3045],{"class":3044},[3038,4524,4525],{"class":3048},"Polyline",[3038,4527,4124],{"class":3052},[3038,4529,3057],{"class":3056},[3038,4531,4532],{"class":3060},"\"0,50 50,0 100,50 150,0 200,50\"\n",[3038,4534,4535,4538,4540],{"class":3040,"line":3072},[3038,4536,4537],{"class":3052},"          Stroke",[3038,4539,3057],{"class":3056},[3038,4541,3080],{"class":3060},[3038,4543,4544,4547,4549],{"class":3040,"line":3083},[3038,4545,4546],{"class":3052},"          StrokeThickness",[3038,4548,3057],{"class":3056},[3038,4550,3512],{"class":3060},[3038,4552,4553,4556,4558,4561],{"class":3040,"line":3094},[3038,4554,4555],{"class":3052},"          Fill",[3038,4557,3057],{"class":3056},[3038,4559,4560],{"class":3060},"\"Transparent\"",[3038,4562,3127],{"class":3044},[2959,4564,4565,4568],{},[2972,4566,4567],{},"Різниця з Polygon:"," Polyline не замикає фігуру автоматично.",[3024,4570,4572],{"id":4571},"strokedasharray-пунктирні-лінії","StrokeDashArray: пунктирні лінії",[3029,4574,4576],{"className":3031,"code":4575,"language":3033,"meta":3034,"style":3034},"\u003C!-- Пунктирна лінія -->\n\u003CLine X1=\"0\" Y1=\"0\" X2=\"200\" Y2=\"0\"\n      Stroke=\"#64748b\"\n      StrokeThickness=\"2\"\n      StrokeDashArray=\"4,2\"/>\n\n\u003C!-- Штрих-пунктирна -->\n\u003CLine X1=\"0\" Y1=\"0\" X2=\"200\" Y2=\"0\"\n      Stroke=\"#64748b\"\n      StrokeThickness=\"2\"\n      StrokeDashArray=\"8,2,2,2\"/>\n",[3020,4577,4578,4583,4614,4622,4630,4642,4646,4651,4681,4689,4697],{"__ignoreMap":3034},[3038,4579,4580],{"class":3040,"line":3041},[3038,4581,4582],{"class":3322},"\u003C!-- Пунктирна лінія -->\n",[3038,4584,4585,4587,4589,4591,4593,4595,4597,4599,4601,4603,4605,4607,4609,4611],{"class":3040,"line":3072},[3038,4586,3045],{"class":3044},[3038,4588,4016],{"class":3048},[3038,4590,4019],{"class":3052},[3038,4592,3057],{"class":3056},[3038,4594,4024],{"class":3060},[3038,4596,4027],{"class":3052},[3038,4598,3057],{"class":3056},[3038,4600,4024],{"class":3060},[3038,4602,4034],{"class":3052},[3038,4604,3057],{"class":3056},[3038,4606,3061],{"class":3060},[3038,4608,4041],{"class":3052},[3038,4610,3057],{"class":3056},[3038,4612,4613],{"class":3060},"\"0\"\n",[3038,4615,4616,4618,4620],{"class":3040,"line":3083},[3038,4617,4050],{"class":3052},[3038,4619,3057],{"class":3056},[3038,4621,4055],{"class":3060},[3038,4623,4624,4626,4628],{"class":3040,"line":3094},[3038,4625,4060],{"class":3052},[3038,4627,3057],{"class":3056},[3038,4629,3102],{"class":3060},[3038,4631,4632,4635,4637,4640],{"class":3040,"line":3105},[3038,4633,4634],{"class":3052},"      StrokeDashArray",[3038,4636,3057],{"class":3056},[3038,4638,4639],{"class":3060},"\"4,2\"",[3038,4641,3127],{"class":3044},[3038,4643,4644],{"class":3040,"line":3116},[3038,4645,3632],{"emptyLinePlaceholder":3631},[3038,4647,4648],{"class":3040,"line":3290},[3038,4649,4650],{"class":3322},"\u003C!-- Штрих-пунктирна -->\n",[3038,4652,4653,4655,4657,4659,4661,4663,4665,4667,4669,4671,4673,4675,4677,4679],{"class":3040,"line":3296},[3038,4654,3045],{"class":3044},[3038,4656,4016],{"class":3048},[3038,4658,4019],{"class":3052},[3038,4660,3057],{"class":3056},[3038,4662,4024],{"class":3060},[3038,4664,4027],{"class":3052},[3038,4666,3057],{"class":3056},[3038,4668,4024],{"class":3060},[3038,4670,4034],{"class":3052},[3038,4672,3057],{"class":3056},[3038,4674,3061],{"class":3060},[3038,4676,4041],{"class":3052},[3038,4678,3057],{"class":3056},[3038,4680,4613],{"class":3060},[3038,4682,4683,4685,4687],{"class":3040,"line":3319},[3038,4684,4050],{"class":3052},[3038,4686,3057],{"class":3056},[3038,4688,4055],{"class":3060},[3038,4690,4691,4693,4695],{"class":3040,"line":3326},[3038,4692,4060],{"class":3052},[3038,4694,3057],{"class":3056},[3038,4696,3102],{"class":3060},[3038,4698,4699,4701,4703,4706],{"class":3040,"line":3348},[3038,4700,4634],{"class":3052},[3038,4702,3057],{"class":3056},[3038,4704,4705],{"class":3060},"\"8,2,2,2\"",[3038,4707,3127],{"class":3044},[2959,4709,4710,2975,4713,4716],{},[2972,4711,4712],{},"StrokeDashArray формат:",[3020,4714,4715],{},"\"dash,gap,dash,gap,...\""," — довжина штриха та проміжку.",[3009,4718],{},[3012,4720,4722],{"id":4721},"path-та-pathgeometry-складні-фігури","Path та PathGeometry: складні фігури",[2959,4724,4725,4727,4728,4730],{},[3020,4726,2982],{}," — це універсальна фігура, що може описати будь-яку форму через ",[3020,4729,2986],{},". Синтаксис схожий на SVG.",[3024,4732,4734],{"id":4733},"базовий-синтаксис","Базовий синтаксис",[3029,4736,4738],{"className":3031,"code":4737,"language":3033,"meta":3034,"style":3034},"\u003CPath Stroke=\"#3b82f6\" StrokeThickness=\"2\" Fill=\"#93c5fd\">\n    \u003CPath.Data>\n        \u003CPathGeometry>\n            \u003CPathFigure StartPoint=\"10,50\">\n                \u003CLineSegment Point=\"50,10\"/>\n                \u003CLineSegment Point=\"90,50\"/>\n                \u003CLineSegment Point=\"50,90\"/>\n            \u003C/PathFigure>\n        \u003C/PathGeometry>\n    \u003C/Path.Data>\n\u003C/Path>\n",[3020,4739,4740,4771,4780,4788,4805,4823,4838,4853,4862,4870,4878],{"__ignoreMap":3034},[3038,4741,4742,4744,4746,4749,4751,4754,4757,4759,4761,4764,4766,4769],{"class":3040,"line":3041},[3038,4743,3045],{"class":3044},[3038,4745,2982],{"class":3048},[3038,4747,4748],{"class":3052}," Stroke",[3038,4750,3057],{"class":3056},[3038,4752,4753],{"class":3060},"\"#3b82f6\"",[3038,4755,4756],{"class":3052}," StrokeThickness",[3038,4758,3057],{"class":3056},[3038,4760,3376],{"class":3060},[3038,4762,4763],{"class":3052}," Fill",[3038,4765,3057],{"class":3056},[3038,4767,4768],{"class":3060},"\"#93c5fd\"",[3038,4770,3206],{"class":3044},[3038,4772,4773,4775,4778],{"class":3040,"line":3072},[3038,4774,3211],{"class":3044},[3038,4776,4777],{"class":3048},"Path.Data",[3038,4779,3206],{"class":3044},[3038,4781,4782,4784,4786],{"class":3040,"line":3083},[3038,4783,3237],{"class":3044},[3038,4785,2986],{"class":3048},[3038,4787,3206],{"class":3044},[3038,4789,4790,4792,4795,4798,4800,4803],{"class":3040,"line":3094},[3038,4791,3329],{"class":3044},[3038,4793,4794],{"class":3048},"PathFigure",[3038,4796,4797],{"class":3052}," StartPoint",[3038,4799,3057],{"class":3056},[3038,4801,4802],{"class":3060},"\"10,50\"",[3038,4804,3206],{"class":3044},[3038,4806,4807,4810,4813,4816,4818,4821],{"class":3040,"line":3105},[3038,4808,4809],{"class":3044},"                \u003C",[3038,4811,4812],{"class":3048},"LineSegment",[3038,4814,4815],{"class":3052}," Point",[3038,4817,3057],{"class":3056},[3038,4819,4820],{"class":3060},"\"50,10\"",[3038,4822,3127],{"class":3044},[3038,4824,4825,4827,4829,4831,4833,4836],{"class":3040,"line":3116},[3038,4826,4809],{"class":3044},[3038,4828,4812],{"class":3048},[3038,4830,4815],{"class":3052},[3038,4832,3057],{"class":3056},[3038,4834,4835],{"class":3060},"\"90,50\"",[3038,4837,3127],{"class":3044},[3038,4839,4840,4842,4844,4846,4848,4851],{"class":3040,"line":3290},[3038,4841,4809],{"class":3044},[3038,4843,4812],{"class":3048},[3038,4845,4815],{"class":3052},[3038,4847,3057],{"class":3056},[3038,4849,4850],{"class":3060},"\"50,90\"",[3038,4852,3127],{"class":3044},[3038,4854,4855,4858,4860],{"class":3040,"line":3296},[3038,4856,4857],{"class":3044},"            \u003C/",[3038,4859,4794],{"class":3048},[3038,4861,3206],{"class":3044},[3038,4863,4864,4866,4868],{"class":3040,"line":3319},[3038,4865,3538],{"class":3044},[3038,4867,2986],{"class":3048},[3038,4869,3206],{"class":3044},[3038,4871,4872,4874,4876],{"class":3040,"line":3326},[3038,4873,3548],{"class":3044},[3038,4875,4777],{"class":3048},[3038,4877,3206],{"class":3044},[3038,4879,4880,4882,4884],{"class":3040,"line":3348},[3038,4881,3558],{"class":3044},[3038,4883,2982],{"class":3048},[3038,4885,3206],{"class":3044},[3024,4887,4889],{"id":4888},"mini-language-компактний-синтаксис","Mini-language: компактний синтаксис",[2959,4891,4892,4893,4896],{},"Замість багатослівного XML, WPF підтримує компактний синтаксис через ",[3020,4894,4895],{},"Data"," атрибут:",[3029,4898,4900],{"className":3031,"code":4899,"language":3033,"meta":3034,"style":3034},"\u003CPath Data=\"M 10,50 L 50,10 L 90,50 L 50,90 Z\"\n      Stroke=\"#3b82f6\"\n      StrokeThickness=\"2\"\n      Fill=\"#93c5fd\"/>\n",[3020,4901,4902,4916,4924,4932],{"__ignoreMap":3034},[3038,4903,4904,4906,4908,4911,4913],{"class":3040,"line":3041},[3038,4905,3045],{"class":3044},[3038,4907,2982],{"class":3048},[3038,4909,4910],{"class":3052}," Data",[3038,4912,3057],{"class":3056},[3038,4914,4915],{"class":3060},"\"M 10,50 L 50,10 L 90,50 L 50,90 Z\"\n",[3038,4917,4918,4920,4922],{"class":3040,"line":3072},[3038,4919,4050],{"class":3052},[3038,4921,3057],{"class":3056},[3038,4923,3080],{"class":3060},[3038,4925,4926,4928,4930],{"class":3040,"line":3083},[3038,4927,4060],{"class":3052},[3038,4929,3057],{"class":3056},[3038,4931,3102],{"class":3060},[3038,4933,4934,4937,4939,4941],{"class":3040,"line":3094},[3038,4935,4936],{"class":3052},"      Fill",[3038,4938,3057],{"class":3056},[3038,4940,4768],{"class":3060},[3038,4942,3127],{"class":3044},[2959,4944,4945],{},[2972,4946,4947],{},"Команди mini-language:",[4949,4950,4951,4967],"table",{},[4952,4953,4954],"thead",{},[4955,4956,4957,4961,4964],"tr",{},[4958,4959,4960],"th",{},"Команда",[4958,4962,4963],{},"Опис",[4958,4965,4966],{},"Приклад",[4968,4969,4970,4986,5001,5016,5031,5046,5061,5076],"tbody",{},[4955,4971,4972,4978,4981],{},[4973,4974,4975],"td",{},[3020,4976,4977],{},"M x,y",[4973,4979,4980],{},"Move to (переміститися)",[4973,4982,4983],{},[3020,4984,4985],{},"M 10,20",[4955,4987,4988,4993,4996],{},[4973,4989,4990],{},[3020,4991,4992],{},"L x,y",[4973,4994,4995],{},"Line to (лінія до)",[4973,4997,4998],{},[3020,4999,5000],{},"L 50,60",[4955,5002,5003,5008,5011],{},[4973,5004,5005],{},[3020,5006,5007],{},"H x",[4973,5009,5010],{},"Horizontal line (горизонтальна лінія)",[4973,5012,5013],{},[3020,5014,5015],{},"H 100",[4955,5017,5018,5023,5026],{},[4973,5019,5020],{},[3020,5021,5022],{},"V y",[4973,5024,5025],{},"Vertical line (вертикальна лінія)",[4973,5027,5028],{},[3020,5029,5030],{},"V 80",[4955,5032,5033,5038,5041],{},[4973,5034,5035],{},[3020,5036,5037],{},"C x1,y1 x2,y2 x,y",[4973,5039,5040],{},"Cubic Bezier curve (кубічна крива)",[4973,5042,5043],{},[3020,5044,5045],{},"C 20,20 40,20 50,10",[4955,5047,5048,5053,5056],{},[4973,5049,5050],{},[3020,5051,5052],{},"Q x1,y1 x,y",[4973,5054,5055],{},"Quadratic Bezier curve (квадратична крива)",[4973,5057,5058],{},[3020,5059,5060],{},"Q 30,30 50,10",[4955,5062,5063,5068,5071],{},[4973,5064,5065],{},[3020,5066,5067],{},"A rx,ry angle large sweep x,y",[4973,5069,5070],{},"Arc (дуга)",[4973,5072,5073],{},[3020,5074,5075],{},"A 30,30 0 0 1 50,50",[4955,5077,5078,5083,5086],{},[4973,5079,5080],{},[3020,5081,5082],{},"Z",[4973,5084,5085],{},"Close path (замкнути фігуру)",[4973,5087,5088],{},[3020,5089,5082],{},[2959,5091,5092,5095],{},[2972,5093,5094],{},"Малі літери (m, l, h, v, c, q, a)"," — відносні координати (від поточної позиції).",[3024,5097,5099],{"id":5098},"приклад-серце","Приклад: серце",[3029,5101,5103],{"className":3031,"code":5102,"language":3033,"meta":3034,"style":3034},"\u003CPath Data=\"M 50,20 C 50,10 40,0 30,0 C 15,0 0,15 0,30 C 0,45 15,60 50,90 C 85,60 100,45 100,30 C 100,15 85,0 70,0 C 60,0 50,10 50,20 Z\"\n      Fill=\"#ef4444\"\n      Stroke=\"#dc2626\"\n      StrokeThickness=\"2\"/>\n",[3020,5104,5105,5118,5126,5134],{"__ignoreMap":3034},[3038,5106,5107,5109,5111,5113,5115],{"class":3040,"line":3041},[3038,5108,3045],{"class":3044},[3038,5110,2982],{"class":3048},[3038,5112,4910],{"class":3052},[3038,5114,3057],{"class":3056},[3038,5116,5117],{"class":3060},"\"M 50,20 C 50,10 40,0 30,0 C 15,0 0,15 0,30 C 0,45 15,60 50,90 C 85,60 100,45 100,30 C 100,15 85,0 70,0 C 60,0 50,10 50,20 Z\"\n",[3038,5119,5120,5122,5124],{"class":3040,"line":3072},[3038,5121,4936],{"class":3052},[3038,5123,3057],{"class":3056},[3038,5125,3605],{"class":3060},[3038,5127,5128,5130,5132],{"class":3040,"line":3083},[3038,5129,4050],{"class":3052},[3038,5131,3057],{"class":3056},[3038,5133,3615],{"class":3060},[3038,5135,5136,5138,5140,5142],{"class":3040,"line":3094},[3038,5137,4060],{"class":3052},[3038,5139,3057],{"class":3056},[3038,5141,3376],{"class":3060},[3038,5143,3127],{"class":3044},[3166,5145,5147],{"title":5146},"Path — складні фігури",[3029,5148,5150],{"className":3031,"code":5149,"language":3033,"meta":3034,"style":3034},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"20\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"💎 Path Shapes\"\n                   FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"24\" HorizontalAlignment=\"Center\">\n            \u003C!-- Серце -->\n            \u003CPath Data=\"M 50,20 C 50,10 40,0 30,0 C 15,0 0,15 0,30 C 0,45 15,60 50,90 C 85,60 100,45 100,30 C 100,15 85,0 70,0 C 60,0 50,10 50,20 Z\"\n                  Fill=\"#ef4444\"\n                  Stroke=\"#dc2626\"\n                  StrokeThickness=\"2\"\n                  Width=\"80\"\n                  Height=\"80\"\n                  Stretch=\"Uniform\"/>\n            \n            \u003C!-- Зірка (через Path) -->\n            \u003CPath Data=\"M 50,0 L 61,35 L 98,35 L 68,57 L 79,91 L 50,70 L 21,91 L 32,57 L 2,35 L 39,35 Z\"\n                  Fill=\"#f59e0b\"\n                  Stroke=\"#d97706\"\n                  StrokeThickness=\"2\"\n                  Width=\"80\"\n                  Height=\"80\"\n                  Stretch=\"Uniform\"/>\n            \n            \u003C!-- Хмара -->\n            \u003CPath Data=\"M 20,40 C 20,30 30,20 40,20 C 45,20 50,22 53,25 C 56,18 63,13 71,13 C 82,13 91,22 91,33 C 91,34 91,35 90,36 C 96,38 100,44 100,51 C 100,60 93,67 84,67 L 20,67 C 9,67 0,58 0,47 C 0,38 6,30 15,28 C 16,28 17,28 18,28 C 18,33 19,37 20,40 Z\"\n                  Fill=\"#06b6d4\"\n                  Stroke=\"#0891b2\"\n                  StrokeThickness=\"2\"\n                  Width=\"80\"\n                  Height=\"60\"\n                  Stretch=\"Uniform\"/>\n        \u003C/StackPanel>\n    \u003C/StackPanel>\n\u003C/Border>\n",[3020,5151,5152,5178,5198,5211,5225,5233,5243,5247,5273,5278,5290,5299,5308,5317,5326,5335,5347,5351,5356,5369,5377,5385,5393,5401,5409,5419,5423,5428,5441,5449,5457,5465,5474,5484,5495,5504,5513],{"__ignoreMap":3034},[3038,5153,5154,5156,5158,5160,5162,5164,5166,5168,5170,5172,5174,5176],{"class":3040,"line":3041},[3038,5155,3045],{"class":3044},[3038,5157,3180],{"class":3048},[3038,5159,3183],{"class":3052},[3038,5161,3057],{"class":3056},[3038,5163,3188],{"class":3060},[3038,5165,3191],{"class":3052},[3038,5167,3057],{"class":3056},[3038,5169,3196],{"class":3060},[3038,5171,3199],{"class":3052},[3038,5173,3057],{"class":3056},[3038,5175,3124],{"class":3060},[3038,5177,3206],{"class":3044},[3038,5179,5180,5182,5184,5186,5188,5190,5192,5194,5196],{"class":3040,"line":3072},[3038,5181,3211],{"class":3044},[3038,5183,3214],{"class":3048},[3038,5185,3217],{"class":3052},[3038,5187,3057],{"class":3056},[3038,5189,3258],{"class":3060},[3038,5191,3225],{"class":3052},[3038,5193,3057],{"class":3056},[3038,5195,3230],{"class":3060},[3038,5197,3206],{"class":3044},[3038,5199,5200,5202,5204,5206,5208],{"class":3040,"line":3083},[3038,5201,3237],{"class":3044},[3038,5203,3240],{"class":3048},[3038,5205,3243],{"class":3052},[3038,5207,3057],{"class":3056},[3038,5209,5210],{"class":3060},"\"💎 Path Shapes\"\n",[3038,5212,5213,5215,5217,5219,5221,5223],{"class":3040,"line":3094},[3038,5214,3253],{"class":3052},[3038,5216,3057],{"class":3056},[3038,5218,3258],{"class":3060},[3038,5220,3261],{"class":3052},[3038,5222,3057],{"class":3056},[3038,5224,3266],{"class":3060},[3038,5226,5227,5229,5231],{"class":3040,"line":3105},[3038,5228,3271],{"class":3052},[3038,5230,3057],{"class":3056},[3038,5232,3276],{"class":3060},[3038,5234,5235,5237,5239,5241],{"class":3040,"line":3116},[3038,5236,3281],{"class":3052},[3038,5238,3057],{"class":3056},[3038,5240,3230],{"class":3060},[3038,5242,3127],{"class":3044},[3038,5244,5245],{"class":3040,"line":3290},[3038,5246,3293],{"class":3056},[3038,5248,5249,5251,5253,5255,5257,5259,5261,5263,5265,5267,5269,5271],{"class":3040,"line":3296},[3038,5250,3237],{"class":3044},[3038,5252,3214],{"class":3048},[3038,5254,3303],{"class":3052},[3038,5256,3057],{"class":3056},[3038,5258,3308],{"class":3060},[3038,5260,3217],{"class":3052},[3038,5262,3057],{"class":3056},[3038,5264,4337],{"class":3060},[3038,5266,3225],{"class":3052},[3038,5268,3057],{"class":3056},[3038,5270,3230],{"class":3060},[3038,5272,3206],{"class":3044},[3038,5274,5275],{"class":3040,"line":3319},[3038,5276,5277],{"class":3322},"            \u003C!-- Серце -->\n",[3038,5279,5280,5282,5284,5286,5288],{"class":3040,"line":3326},[3038,5281,3329],{"class":3044},[3038,5283,2982],{"class":3048},[3038,5285,4910],{"class":3052},[3038,5287,3057],{"class":3056},[3038,5289,5117],{"class":3060},[3038,5291,5292,5295,5297],{"class":3040,"line":3348},[3038,5293,5294],{"class":3052},"                  Fill",[3038,5296,3057],{"class":3056},[3038,5298,3605],{"class":3060},[3038,5300,5301,5304,5306],{"class":3040,"line":3358},[3038,5302,5303],{"class":3052},"                  Stroke",[3038,5305,3057],{"class":3056},[3038,5307,3615],{"class":3060},[3038,5309,5310,5313,5315],{"class":3040,"line":3368},[3038,5311,5312],{"class":3052},"                  StrokeThickness",[3038,5314,3057],{"class":3056},[3038,5316,3102],{"class":3060},[3038,5318,5319,5322,5324],{"class":3040,"line":3381},[3038,5320,5321],{"class":3052},"                  Width",[3038,5323,3057],{"class":3056},[3038,5325,3345],{"class":3060},[3038,5327,5328,5331,5333],{"class":3040,"line":3387},[3038,5329,5330],{"class":3052},"                  Height",[3038,5332,3057],{"class":3056},[3038,5334,3345],{"class":3060},[3038,5336,5337,5340,5342,5345],{"class":3040,"line":3393},[3038,5338,5339],{"class":3052},"                  Stretch",[3038,5341,3057],{"class":3056},[3038,5343,5344],{"class":3060},"\"Uniform\"",[3038,5346,3127],{"class":3044},[3038,5348,5349],{"class":3040,"line":3412},[3038,5350,3384],{"class":3056},[3038,5352,5353],{"class":3040,"line":3422},[3038,5354,5355],{"class":3322},"            \u003C!-- Зірка (через Path) -->\n",[3038,5357,5358,5360,5362,5364,5366],{"class":3040,"line":3432},[3038,5359,3329],{"class":3044},[3038,5361,2982],{"class":3048},[3038,5363,4910],{"class":3052},[3038,5365,3057],{"class":3056},[3038,5367,5368],{"class":3060},"\"M 50,0 L 61,35 L 98,35 L 68,57 L 79,91 L 50,70 L 21,91 L 32,57 L 2,35 L 39,35 Z\"\n",[3038,5370,5371,5373,5375],{"class":3040,"line":3441},[3038,5372,5294],{"class":3052},[3038,5374,3057],{"class":3056},[3038,5376,3502],{"class":3060},[3038,5378,5379,5381,5383],{"class":3040,"line":3452},[3038,5380,5303],{"class":3052},[3038,5382,3057],{"class":3056},[3038,5384,4146],{"class":3060},[3038,5386,5387,5389,5391],{"class":3040,"line":3465},[3038,5388,5312],{"class":3052},[3038,5390,3057],{"class":3056},[3038,5392,3102],{"class":3060},[3038,5394,5395,5397,5399],{"class":3040,"line":3470},[3038,5396,5321],{"class":3052},[3038,5398,3057],{"class":3056},[3038,5400,3345],{"class":3060},[3038,5402,5403,5405,5407],{"class":3040,"line":3476},[3038,5404,5330],{"class":3052},[3038,5406,3057],{"class":3056},[3038,5408,3345],{"class":3060},[3038,5410,5411,5413,5415,5417],{"class":3040,"line":3495},[3038,5412,5339],{"class":3052},[3038,5414,3057],{"class":3056},[3038,5416,5344],{"class":3060},[3038,5418,3127],{"class":3044},[3038,5420,5421],{"class":3040,"line":3505},[3038,5422,3384],{"class":3056},[3038,5424,5425],{"class":3040,"line":3515},[3038,5426,5427],{"class":3322},"            \u003C!-- Хмара -->\n",[3038,5429,5430,5432,5434,5436,5438],{"class":3040,"line":3524},[3038,5431,3329],{"class":3044},[3038,5433,2982],{"class":3048},[3038,5435,4910],{"class":3052},[3038,5437,3057],{"class":3056},[3038,5439,5440],{"class":3060},"\"M 20,40 C 20,30 30,20 40,20 C 45,20 50,22 53,25 C 56,18 63,13 71,13 C 82,13 91,22 91,33 C 91,34 91,35 90,36 C 96,38 100,44 100,51 C 100,60 93,67 84,67 L 20,67 C 9,67 0,58 0,47 C 0,38 6,30 15,28 C 16,28 17,28 18,28 C 18,33 19,37 20,40 Z\"\n",[3038,5442,5443,5445,5447],{"class":3040,"line":3535},[3038,5444,5294],{"class":3052},[3038,5446,3057],{"class":3056},[3038,5448,3957],{"class":3060},[3038,5450,5451,5453,5455],{"class":3040,"line":3545},[3038,5452,5303],{"class":3052},[3038,5454,3057],{"class":3056},[3038,5456,3966],{"class":3060},[3038,5458,5459,5461,5463],{"class":3040,"line":3555},[3038,5460,5312],{"class":3052},[3038,5462,3057],{"class":3056},[3038,5464,3102],{"class":3060},[3038,5466,5468,5470,5472],{"class":3040,"line":5467},32,[3038,5469,5321],{"class":3052},[3038,5471,3057],{"class":3056},[3038,5473,3345],{"class":3060},[3038,5475,5477,5479,5481],{"class":3040,"line":5476},33,[3038,5478,5330],{"class":3052},[3038,5480,3057],{"class":3056},[3038,5482,5483],{"class":3060},"\"60\"\n",[3038,5485,5487,5489,5491,5493],{"class":3040,"line":5486},34,[3038,5488,5339],{"class":3052},[3038,5490,3057],{"class":3056},[3038,5492,5344],{"class":3060},[3038,5494,3127],{"class":3044},[3038,5496,5498,5500,5502],{"class":3040,"line":5497},35,[3038,5499,3538],{"class":3044},[3038,5501,3214],{"class":3048},[3038,5503,3206],{"class":3044},[3038,5505,5507,5509,5511],{"class":3040,"line":5506},36,[3038,5508,3548],{"class":3044},[3038,5510,3214],{"class":3048},[3038,5512,3206],{"class":3044},[3038,5514,5516,5518,5520],{"class":3040,"line":5515},37,[3038,5517,3558],{"class":3044},[3038,5519,3180],{"class":3048},[3038,5521,3206],{"class":3044},[3024,5523,5525],{"id":5524},"svg-path-data","SVG → Path Data",[2959,5527,5528,5529,5532,5533,5536,5537,5539],{},"Багато графічних редакторів (Figma, Illustrator, Inkscape) експортують SVG. Ви можете скопіювати ",[3020,5530,5531],{},"d"," атрибут з SVG ",[3020,5534,5535],{},"\u003Cpath>"," і вставити в WPF ",[3020,5538,4777],{},":",[2959,5541,5542],{},[2972,5543,5544],{},"SVG:",[3029,5546,5548],{"className":3031,"code":5547,"language":3033,"meta":3034,"style":3034},"\u003Csvg>\n    \u003Cpath d=\"M 10,10 L 50,50 L 10,90 Z\" fill=\"blue\"/>\n\u003C/svg>\n",[3020,5549,5550,5559,5584],{"__ignoreMap":3034},[3038,5551,5552,5554,5557],{"class":3040,"line":3041},[3038,5553,3045],{"class":3044},[3038,5555,5556],{"class":3048},"svg",[3038,5558,3206],{"class":3044},[3038,5560,5561,5563,5566,5569,5571,5574,5577,5579,5582],{"class":3040,"line":3072},[3038,5562,3211],{"class":3044},[3038,5564,5565],{"class":3048},"path",[3038,5567,5568],{"class":3052}," d",[3038,5570,3057],{"class":3056},[3038,5572,5573],{"class":3060},"\"M 10,10 L 50,50 L 10,90 Z\"",[3038,5575,5576],{"class":3052}," fill",[3038,5578,3057],{"class":3056},[3038,5580,5581],{"class":3060},"\"blue\"",[3038,5583,3127],{"class":3044},[3038,5585,5586,5588,5590],{"class":3040,"line":3083},[3038,5587,3558],{"class":3044},[3038,5589,5556],{"class":3048},[3038,5591,3206],{"class":3044},[2959,5593,5594],{},[2972,5595,5596],{},"WPF:",[3029,5598,5600],{"className":3031,"code":5599,"language":3033,"meta":3034,"style":3034},"\u003CPath Data=\"M 10,10 L 50,50 L 10,90 Z\" Fill=\"Blue\"/>\n",[3020,5601,5602],{"__ignoreMap":3034},[3038,5603,5604,5606,5608,5610,5612,5614,5616,5618,5621],{"class":3040,"line":3041},[3038,5605,3045],{"class":3044},[3038,5607,2982],{"class":3048},[3038,5609,4910],{"class":3052},[3038,5611,3057],{"class":3056},[3038,5613,5573],{"class":3060},[3038,5615,4763],{"class":3052},[3038,5617,3057],{"class":3056},[3038,5619,5620],{"class":3060},"\"Blue\"",[3038,5622,3127],{"class":3044},[5624,5625,5626,5629],"tip",{},[2972,5627,5628],{},"Інструменти для конвертації:"," Використовуйте онлайн-конвертери SVG → XAML або плагіни для Figma/Illustrator, що експортують безпосередньо в XAML Path. Це економить час при роботі з дизайнерами.",[3009,5631],{},[3012,5633,5635],{"id":5634},"brushes-способи-заповнення","Brushes: способи заповнення",[2959,5637,5638],{},"Brush визначає, як заповнюється фігура або фон елемента. WPF підтримує кілька типів Brush.",[3024,5640,5642],{"id":5641},"solidcolorbrush-однотонний-колір","SolidColorBrush: однотонний колір",[3029,5644,5646],{"className":3031,"code":5645,"language":3033,"meta":3034,"style":3034},"\u003CRectangle Fill=\"#3b82f6\"/>\n\n\u003C!-- Або через об'єкт -->\n\u003CRectangle>\n    \u003CRectangle.Fill>\n        \u003CSolidColorBrush Color=\"#3b82f6\"/>\n    \u003C/Rectangle.Fill>\n\u003C/Rectangle>\n",[3020,5647,5648,5662,5666,5671,5679,5688,5704,5712],{"__ignoreMap":3034},[3038,5649,5650,5652,5654,5656,5658,5660],{"class":3040,"line":3041},[3038,5651,3045],{"class":3044},[3038,5653,3049],{"class":3048},[3038,5655,4763],{"class":3052},[3038,5657,3057],{"class":3056},[3038,5659,4753],{"class":3060},[3038,5661,3127],{"class":3044},[3038,5663,5664],{"class":3040,"line":3072},[3038,5665,3632],{"emptyLinePlaceholder":3631},[3038,5667,5668],{"class":3040,"line":3083},[3038,5669,5670],{"class":3322},"\u003C!-- Або через об'єкт -->\n",[3038,5672,5673,5675,5677],{"class":3040,"line":3094},[3038,5674,3045],{"class":3044},[3038,5676,3049],{"class":3048},[3038,5678,3206],{"class":3044},[3038,5680,5681,5683,5686],{"class":3040,"line":3105},[3038,5682,3211],{"class":3044},[3038,5684,5685],{"class":3048},"Rectangle.Fill",[3038,5687,3206],{"class":3044},[3038,5689,5690,5692,5695,5698,5700,5702],{"class":3040,"line":3116},[3038,5691,3237],{"class":3044},[3038,5693,5694],{"class":3048},"SolidColorBrush",[3038,5696,5697],{"class":3052}," Color",[3038,5699,3057],{"class":3056},[3038,5701,4753],{"class":3060},[3038,5703,3127],{"class":3044},[3038,5705,5706,5708,5710],{"class":3040,"line":3290},[3038,5707,3548],{"class":3044},[3038,5709,5685],{"class":3048},[3038,5711,3206],{"class":3044},[3038,5713,5714,5716,5718],{"class":3040,"line":3296},[3038,5715,3558],{"class":3044},[3038,5717,3049],{"class":3048},[3038,5719,3206],{"class":3044},[3024,5721,5723],{"id":5722},"lineargradientbrush-лінійний-градієнт","LinearGradientBrush: лінійний градієнт",[3029,5725,5727],{"className":3031,"code":5726,"language":3033,"meta":3034,"style":3034},"\u003CRectangle Width=\"200\" Height=\"100\">\n    \u003CRectangle.Fill>\n        \u003CLinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,0\">\n            \u003CGradientStop Color=\"#3b82f6\" Offset=\"0\"/>\n            \u003CGradientStop Color=\"#8b5cf6\" Offset=\"1\"/>\n        \u003C/LinearGradientBrush>\n    \u003C/Rectangle.Fill>\n\u003C/Rectangle>\n",[3020,5728,5729,5749,5757,5781,5803,5825,5833,5841],{"__ignoreMap":3034},[3038,5730,5731,5733,5735,5737,5739,5741,5743,5745,5747],{"class":3040,"line":3041},[3038,5732,3045],{"class":3044},[3038,5734,3049],{"class":3048},[3038,5736,3053],{"class":3052},[3038,5738,3057],{"class":3056},[3038,5740,3061],{"class":3060},[3038,5742,3064],{"class":3052},[3038,5744,3057],{"class":3056},[3038,5746,3338],{"class":3060},[3038,5748,3206],{"class":3044},[3038,5750,5751,5753,5755],{"class":3040,"line":3072},[3038,5752,3211],{"class":3044},[3038,5754,5685],{"class":3048},[3038,5756,3206],{"class":3044},[3038,5758,5759,5761,5764,5766,5768,5771,5774,5776,5779],{"class":3040,"line":3083},[3038,5760,3237],{"class":3044},[3038,5762,5763],{"class":3048},"LinearGradientBrush",[3038,5765,4797],{"class":3052},[3038,5767,3057],{"class":3056},[3038,5769,5770],{"class":3060},"\"0,0\"",[3038,5772,5773],{"class":3052}," EndPoint",[3038,5775,3057],{"class":3056},[3038,5777,5778],{"class":3060},"\"1,0\"",[3038,5780,3206],{"class":3044},[3038,5782,5783,5785,5788,5790,5792,5794,5797,5799,5801],{"class":3040,"line":3094},[3038,5784,3329],{"class":3044},[3038,5786,5787],{"class":3048},"GradientStop",[3038,5789,5697],{"class":3052},[3038,5791,3057],{"class":3056},[3038,5793,4753],{"class":3060},[3038,5795,5796],{"class":3052}," Offset",[3038,5798,3057],{"class":3056},[3038,5800,4024],{"class":3060},[3038,5802,3127],{"class":3044},[3038,5804,5805,5807,5809,5811,5813,5816,5818,5820,5823],{"class":3040,"line":3105},[3038,5806,3329],{"class":3044},[3038,5808,5787],{"class":3048},[3038,5810,5697],{"class":3052},[3038,5812,3057],{"class":3056},[3038,5814,5815],{"class":3060},"\"#8b5cf6\"",[3038,5817,5796],{"class":3052},[3038,5819,3057],{"class":3056},[3038,5821,5822],{"class":3060},"\"1\"",[3038,5824,3127],{"class":3044},[3038,5826,5827,5829,5831],{"class":3040,"line":3116},[3038,5828,3538],{"class":3044},[3038,5830,5763],{"class":3048},[3038,5832,3206],{"class":3044},[3038,5834,5835,5837,5839],{"class":3040,"line":3290},[3038,5836,3548],{"class":3044},[3038,5838,5685],{"class":3048},[3038,5840,3206],{"class":3044},[3038,5842,5843,5845,5847],{"class":3040,"line":3296},[3038,5844,3558],{"class":3044},[3038,5846,3049],{"class":3048},[3038,5848,3206],{"class":3044},[2959,5850,5851],{},[2972,5852,3132],{},[3134,5854,5855,5864],{},[3137,5856,5857,3160,5860,5863],{},[3020,5858,5859],{},"StartPoint",[3020,5861,5862],{},"EndPoint"," — напрямок градієнта (0,0 = верхній лівий, 1,1 = нижній правий)",[3137,5865,5866,5868],{},[3020,5867,5787],{}," — колір на певній позиції (Offset від 0 до 1)",[2959,5870,5871],{},[2972,5872,5873],{},"Напрямки градієнта:",[3029,5875,5877],{"className":3031,"code":5876,"language":3033,"meta":3034,"style":3034},"\u003C!-- Горизонтальний (зліва направо) -->\n\u003CLinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,0\">\n\n\u003C!-- Вертикальний (зверху вниз) -->\n\u003CLinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\">\n\n\u003C!-- Діагональний -->\n\u003CLinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\">\n\n\u003C!-- Знизу вгору -->\n\u003CLinearGradientBrush StartPoint=\"0,1\" EndPoint=\"0,0\">\n",[3020,5878,5879,5884,5904,5908,5913,5934,5938,5943,5964,5968,5973],{"__ignoreMap":3034},[3038,5880,5881],{"class":3040,"line":3041},[3038,5882,5883],{"class":3322},"\u003C!-- Горизонтальний (зліва направо) -->\n",[3038,5885,5886,5888,5890,5892,5894,5896,5898,5900,5902],{"class":3040,"line":3072},[3038,5887,3045],{"class":3044},[3038,5889,5763],{"class":3048},[3038,5891,4797],{"class":3052},[3038,5893,3057],{"class":3056},[3038,5895,5770],{"class":3060},[3038,5897,5773],{"class":3052},[3038,5899,3057],{"class":3056},[3038,5901,5778],{"class":3060},[3038,5903,3206],{"class":3044},[3038,5905,5906],{"class":3040,"line":3083},[3038,5907,3632],{"emptyLinePlaceholder":3631},[3038,5909,5910],{"class":3040,"line":3094},[3038,5911,5912],{"class":3322},"\u003C!-- Вертикальний (зверху вниз) -->\n",[3038,5914,5915,5917,5919,5921,5923,5925,5927,5929,5932],{"class":3040,"line":3105},[3038,5916,3045],{"class":3044},[3038,5918,5763],{"class":3048},[3038,5920,4797],{"class":3052},[3038,5922,3057],{"class":3056},[3038,5924,5770],{"class":3060},[3038,5926,5773],{"class":3052},[3038,5928,3057],{"class":3056},[3038,5930,5931],{"class":3060},"\"0,1\"",[3038,5933,3206],{"class":3044},[3038,5935,5936],{"class":3040,"line":3116},[3038,5937,3632],{"emptyLinePlaceholder":3631},[3038,5939,5940],{"class":3040,"line":3290},[3038,5941,5942],{"class":3322},"\u003C!-- Діагональний -->\n",[3038,5944,5945,5947,5949,5951,5953,5955,5957,5959,5962],{"class":3040,"line":3296},[3038,5946,3045],{"class":3044},[3038,5948,5763],{"class":3048},[3038,5950,4797],{"class":3052},[3038,5952,3057],{"class":3056},[3038,5954,5770],{"class":3060},[3038,5956,5773],{"class":3052},[3038,5958,3057],{"class":3056},[3038,5960,5961],{"class":3060},"\"1,1\"",[3038,5963,3206],{"class":3044},[3038,5965,5966],{"class":3040,"line":3319},[3038,5967,3632],{"emptyLinePlaceholder":3631},[3038,5969,5970],{"class":3040,"line":3326},[3038,5971,5972],{"class":3322},"\u003C!-- Знизу вгору -->\n",[3038,5974,5975,5977,5979,5981,5983,5985,5987,5989,5991],{"class":3040,"line":3348},[3038,5976,3045],{"class":3044},[3038,5978,5763],{"class":3048},[3038,5980,4797],{"class":3052},[3038,5982,3057],{"class":3056},[3038,5984,5931],{"class":3060},[3038,5986,5773],{"class":3052},[3038,5988,3057],{"class":3056},[3038,5990,5770],{"class":3060},[3038,5992,3206],{"class":3044},[3166,5994,5996],{"title":5995},"LinearGradientBrush — градієнти",[3029,5997,5999],{"className":3031,"code":5998,"language":3033,"meta":3034,"style":3034},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"16\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"🎨 Linear Gradients\"\n                   FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CStackPanel Spacing=\"12\">\n            \u003C!-- Горизонтальний градієнт -->\n            \u003CBorder Width=\"300\" Height=\"60\" CornerRadius=\"8\">\n                \u003CBorder.Background>\n                    \u003CLinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,0\">\n                        \u003CGradientStop Color=\"#3b82f6\" Offset=\"0\"/>\n                        \u003CGradientStop Color=\"#8b5cf6\" Offset=\"1\"/>\n                    \u003C/LinearGradientBrush>\n                \u003C/Border.Background>\n                \u003CTextBlock Text=\"Horizontal\" \n                           Foreground=\"White\" \n                           FontWeight=\"Bold\"\n                           HorizontalAlignment=\"Center\" \n                           VerticalAlignment=\"Center\"/>\n            \u003C/Border>\n            \n            \u003C!-- Вертикальний градієнт -->\n            \u003CBorder Width=\"300\" Height=\"60\" CornerRadius=\"8\">\n                \u003CBorder.Background>\n                    \u003CLinearGradientBrush StartPoint=\"0,0\" EndPoint=\"0,1\">\n                        \u003CGradientStop Color=\"#22c55e\" Offset=\"0\"/>\n                        \u003CGradientStop Color=\"#06b6d4\" Offset=\"1\"/>\n                    \u003C/LinearGradientBrush>\n                \u003C/Border.Background>\n                \u003CTextBlock Text=\"Vertical\" \n                           Foreground=\"White\" \n                           FontWeight=\"Bold\"\n                           HorizontalAlignment=\"Center\" \n                           VerticalAlignment=\"Center\"/>\n            \u003C/Border>\n            \n            \u003C!-- Діагональний градієнт -->\n            \u003CBorder Width=\"300\" Height=\"60\" CornerRadius=\"8\">\n                \u003CBorder.Background>\n                    \u003CLinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\">\n                        \u003CGradientStop Color=\"#f59e0b\" Offset=\"0\"/>\n                        \u003CGradientStop Color=\"#ef4444\" Offset=\"1\"/>\n                    \u003C/LinearGradientBrush>\n                \u003C/Border.Background>\n                \u003CTextBlock Text=\"Diagonal\" \n                           Foreground=\"White\" \n                           FontWeight=\"Bold\"\n                           HorizontalAlignment=\"Center\" \n                           VerticalAlignment=\"Center\"/>\n            \u003C/Border>\n            \n            \u003C!-- Багатоколірний градієнт -->\n            \u003CBorder Width=\"300\" Height=\"60\" CornerRadius=\"8\">\n                \u003CBorder.Background>\n                    \u003CLinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,0\">\n                        \u003CGradientStop Color=\"#ef4444\" Offset=\"0\"/>\n                        \u003CGradientStop Color=\"#f59e0b\" Offset=\"0.25\"/>\n                        \u003CGradientStop Color=\"#22c55e\" Offset=\"0.5\"/>\n                        \u003CGradientStop Color=\"#3b82f6\" Offset=\"0.75\"/>\n                        \u003CGradientStop Color=\"#8b5cf6\" Offset=\"1\"/>\n                    \u003C/LinearGradientBrush>\n                \u003C/Border.Background>\n                \u003CTextBlock Text=\"Rainbow\" \n                           Foreground=\"White\" \n                           FontWeight=\"Bold\"\n                           HorizontalAlignment=\"Center\" \n                           VerticalAlignment=\"Center\"/>\n            \u003C/Border>\n        \u003C/StackPanel>\n    \u003C/StackPanel>\n\u003C/Border>\n",[3020,6000,6001,6027,6047,6060,6074,6082,6092,6096,6110,6115,6143,6152,6173,6194,6214,6223,6232,6247,6259,6268,6279,6290,6298,6302,6307,6333,6341,6361,6382,6403,6411,6419,6434,6444,6452,6462,6472,6480,6485,6491,6518,6527,6548,6570,6592,6601,6610,6626,6637,6646,6657,6668,6677,6682,6688,6715,6724,6745,6766,6788,6810,6832,6853,6862,6871,6887,6898,6907,6918,6929,6938,6947,6956],{"__ignoreMap":3034},[3038,6002,6003,6005,6007,6009,6011,6013,6015,6017,6019,6021,6023,6025],{"class":3040,"line":3041},[3038,6004,3045],{"class":3044},[3038,6006,3180],{"class":3048},[3038,6008,3183],{"class":3052},[3038,6010,3057],{"class":3056},[3038,6012,3188],{"class":3060},[3038,6014,3191],{"class":3052},[3038,6016,3057],{"class":3056},[3038,6018,3196],{"class":3060},[3038,6020,3199],{"class":3052},[3038,6022,3057],{"class":3056},[3038,6024,3124],{"class":3060},[3038,6026,3206],{"class":3044},[3038,6028,6029,6031,6033,6035,6037,6039,6041,6043,6045],{"class":3040,"line":3072},[3038,6030,3211],{"class":3044},[3038,6032,3214],{"class":3048},[3038,6034,3217],{"class":3052},[3038,6036,3057],{"class":3056},[3038,6038,3222],{"class":3060},[3038,6040,3225],{"class":3052},[3038,6042,3057],{"class":3056},[3038,6044,3230],{"class":3060},[3038,6046,3206],{"class":3044},[3038,6048,6049,6051,6053,6055,6057],{"class":3040,"line":3083},[3038,6050,3237],{"class":3044},[3038,6052,3240],{"class":3048},[3038,6054,3243],{"class":3052},[3038,6056,3057],{"class":3056},[3038,6058,6059],{"class":3060},"\"🎨 Linear Gradients\"\n",[3038,6061,6062,6064,6066,6068,6070,6072],{"class":3040,"line":3094},[3038,6063,3253],{"class":3052},[3038,6065,3057],{"class":3056},[3038,6067,3258],{"class":3060},[3038,6069,3261],{"class":3052},[3038,6071,3057],{"class":3056},[3038,6073,3266],{"class":3060},[3038,6075,6076,6078,6080],{"class":3040,"line":3105},[3038,6077,3271],{"class":3052},[3038,6079,3057],{"class":3056},[3038,6081,3276],{"class":3060},[3038,6083,6084,6086,6088,6090],{"class":3040,"line":3116},[3038,6085,3281],{"class":3052},[3038,6087,3057],{"class":3056},[3038,6089,3230],{"class":3060},[3038,6091,3127],{"class":3044},[3038,6093,6094],{"class":3040,"line":3290},[3038,6095,3293],{"class":3056},[3038,6097,6098,6100,6102,6104,6106,6108],{"class":3040,"line":3296},[3038,6099,3237],{"class":3044},[3038,6101,3214],{"class":3048},[3038,6103,3217],{"class":3052},[3038,6105,3057],{"class":3056},[3038,6107,3460],{"class":3060},[3038,6109,3206],{"class":3044},[3038,6111,6112],{"class":3040,"line":3319},[3038,6113,6114],{"class":3322},"            \u003C!-- Горизонтальний градієнт -->\n",[3038,6116,6117,6119,6121,6123,6125,6128,6130,6132,6135,6137,6139,6141],{"class":3040,"line":3326},[3038,6118,3329],{"class":3044},[3038,6120,3180],{"class":3048},[3038,6122,3053],{"class":3052},[3038,6124,3057],{"class":3056},[3038,6126,6127],{"class":3060},"\"300\"",[3038,6129,3064],{"class":3052},[3038,6131,3057],{"class":3056},[3038,6133,6134],{"class":3060},"\"60\"",[3038,6136,3199],{"class":3052},[3038,6138,3057],{"class":3056},[3038,6140,3124],{"class":3060},[3038,6142,3206],{"class":3044},[3038,6144,6145,6147,6150],{"class":3040,"line":3348},[3038,6146,4809],{"class":3044},[3038,6148,6149],{"class":3048},"Border.Background",[3038,6151,3206],{"class":3044},[3038,6153,6154,6157,6159,6161,6163,6165,6167,6169,6171],{"class":3040,"line":3358},[3038,6155,6156],{"class":3044},"                    \u003C",[3038,6158,5763],{"class":3048},[3038,6160,4797],{"class":3052},[3038,6162,3057],{"class":3056},[3038,6164,5770],{"class":3060},[3038,6166,5773],{"class":3052},[3038,6168,3057],{"class":3056},[3038,6170,5778],{"class":3060},[3038,6172,3206],{"class":3044},[3038,6174,6175,6178,6180,6182,6184,6186,6188,6190,6192],{"class":3040,"line":3368},[3038,6176,6177],{"class":3044},"                        \u003C",[3038,6179,5787],{"class":3048},[3038,6181,5697],{"class":3052},[3038,6183,3057],{"class":3056},[3038,6185,4753],{"class":3060},[3038,6187,5796],{"class":3052},[3038,6189,3057],{"class":3056},[3038,6191,4024],{"class":3060},[3038,6193,3127],{"class":3044},[3038,6195,6196,6198,6200,6202,6204,6206,6208,6210,6212],{"class":3040,"line":3381},[3038,6197,6177],{"class":3044},[3038,6199,5787],{"class":3048},[3038,6201,5697],{"class":3052},[3038,6203,3057],{"class":3056},[3038,6205,5815],{"class":3060},[3038,6207,5796],{"class":3052},[3038,6209,3057],{"class":3056},[3038,6211,5822],{"class":3060},[3038,6213,3127],{"class":3044},[3038,6215,6216,6219,6221],{"class":3040,"line":3387},[3038,6217,6218],{"class":3044},"                    \u003C/",[3038,6220,5763],{"class":3048},[3038,6222,3206],{"class":3044},[3038,6224,6225,6228,6230],{"class":3040,"line":3393},[3038,6226,6227],{"class":3044},"                \u003C/",[3038,6229,6149],{"class":3048},[3038,6231,3206],{"class":3044},[3038,6233,6234,6236,6238,6240,6242,6244],{"class":3040,"line":3412},[3038,6235,4809],{"class":3044},[3038,6237,3240],{"class":3048},[3038,6239,3243],{"class":3052},[3038,6241,3057],{"class":3056},[3038,6243,3308],{"class":3060},[3038,6245,6246],{"class":3056}," \n",[3038,6248,6249,6252,6254,6257],{"class":3040,"line":3422},[3038,6250,6251],{"class":3052},"                           Foreground",[3038,6253,3057],{"class":3056},[3038,6255,6256],{"class":3060},"\"White\"",[3038,6258,6246],{"class":3056},[3038,6260,6261,6264,6266],{"class":3040,"line":3432},[3038,6262,6263],{"class":3052},"                           FontWeight",[3038,6265,3057],{"class":3056},[3038,6267,3266],{"class":3060},[3038,6269,6270,6273,6275,6277],{"class":3040,"line":3441},[3038,6271,6272],{"class":3052},"                           HorizontalAlignment",[3038,6274,3057],{"class":3056},[3038,6276,3230],{"class":3060},[3038,6278,6246],{"class":3056},[3038,6280,6281,6284,6286,6288],{"class":3040,"line":3452},[3038,6282,6283],{"class":3052},"                           VerticalAlignment",[3038,6285,3057],{"class":3056},[3038,6287,3230],{"class":3060},[3038,6289,3127],{"class":3044},[3038,6291,6292,6294,6296],{"class":3040,"line":3465},[3038,6293,4857],{"class":3044},[3038,6295,3180],{"class":3048},[3038,6297,3206],{"class":3044},[3038,6299,6300],{"class":3040,"line":3470},[3038,6301,3384],{"class":3056},[3038,6303,6304],{"class":3040,"line":3476},[3038,6305,6306],{"class":3322},"            \u003C!-- Вертикальний градієнт -->\n",[3038,6308,6309,6311,6313,6315,6317,6319,6321,6323,6325,6327,6329,6331],{"class":3040,"line":3495},[3038,6310,3329],{"class":3044},[3038,6312,3180],{"class":3048},[3038,6314,3053],{"class":3052},[3038,6316,3057],{"class":3056},[3038,6318,6127],{"class":3060},[3038,6320,3064],{"class":3052},[3038,6322,3057],{"class":3056},[3038,6324,6134],{"class":3060},[3038,6326,3199],{"class":3052},[3038,6328,3057],{"class":3056},[3038,6330,3124],{"class":3060},[3038,6332,3206],{"class":3044},[3038,6334,6335,6337,6339],{"class":3040,"line":3505},[3038,6336,4809],{"class":3044},[3038,6338,6149],{"class":3048},[3038,6340,3206],{"class":3044},[3038,6342,6343,6345,6347,6349,6351,6353,6355,6357,6359],{"class":3040,"line":3515},[3038,6344,6156],{"class":3044},[3038,6346,5763],{"class":3048},[3038,6348,4797],{"class":3052},[3038,6350,3057],{"class":3056},[3038,6352,5770],{"class":3060},[3038,6354,5773],{"class":3052},[3038,6356,3057],{"class":3056},[3038,6358,5931],{"class":3060},[3038,6360,3206],{"class":3044},[3038,6362,6363,6365,6367,6369,6371,6374,6376,6378,6380],{"class":3040,"line":3524},[3038,6364,6177],{"class":3044},[3038,6366,5787],{"class":3048},[3038,6368,5697],{"class":3052},[3038,6370,3057],{"class":3056},[3038,6372,6373],{"class":3060},"\"#22c55e\"",[3038,6375,5796],{"class":3052},[3038,6377,3057],{"class":3056},[3038,6379,4024],{"class":3060},[3038,6381,3127],{"class":3044},[3038,6383,6384,6386,6388,6390,6392,6395,6397,6399,6401],{"class":3040,"line":3535},[3038,6385,6177],{"class":3044},[3038,6387,5787],{"class":3048},[3038,6389,5697],{"class":3052},[3038,6391,3057],{"class":3056},[3038,6393,6394],{"class":3060},"\"#06b6d4\"",[3038,6396,5796],{"class":3052},[3038,6398,3057],{"class":3056},[3038,6400,5822],{"class":3060},[3038,6402,3127],{"class":3044},[3038,6404,6405,6407,6409],{"class":3040,"line":3545},[3038,6406,6218],{"class":3044},[3038,6408,5763],{"class":3048},[3038,6410,3206],{"class":3044},[3038,6412,6413,6415,6417],{"class":3040,"line":3555},[3038,6414,6227],{"class":3044},[3038,6416,6149],{"class":3048},[3038,6418,3206],{"class":3044},[3038,6420,6421,6423,6425,6427,6429,6432],{"class":3040,"line":5467},[3038,6422,4809],{"class":3044},[3038,6424,3240],{"class":3048},[3038,6426,3243],{"class":3052},[3038,6428,3057],{"class":3056},[3038,6430,6431],{"class":3060},"\"Vertical\"",[3038,6433,6246],{"class":3056},[3038,6435,6436,6438,6440,6442],{"class":3040,"line":5476},[3038,6437,6251],{"class":3052},[3038,6439,3057],{"class":3056},[3038,6441,6256],{"class":3060},[3038,6443,6246],{"class":3056},[3038,6445,6446,6448,6450],{"class":3040,"line":5486},[3038,6447,6263],{"class":3052},[3038,6449,3057],{"class":3056},[3038,6451,3266],{"class":3060},[3038,6453,6454,6456,6458,6460],{"class":3040,"line":5497},[3038,6455,6272],{"class":3052},[3038,6457,3057],{"class":3056},[3038,6459,3230],{"class":3060},[3038,6461,6246],{"class":3056},[3038,6463,6464,6466,6468,6470],{"class":3040,"line":5506},[3038,6465,6283],{"class":3052},[3038,6467,3057],{"class":3056},[3038,6469,3230],{"class":3060},[3038,6471,3127],{"class":3044},[3038,6473,6474,6476,6478],{"class":3040,"line":5515},[3038,6475,4857],{"class":3044},[3038,6477,3180],{"class":3048},[3038,6479,3206],{"class":3044},[3038,6481,6483],{"class":3040,"line":6482},38,[3038,6484,3384],{"class":3056},[3038,6486,6488],{"class":3040,"line":6487},39,[3038,6489,6490],{"class":3322},"            \u003C!-- Діагональний градієнт -->\n",[3038,6492,6494,6496,6498,6500,6502,6504,6506,6508,6510,6512,6514,6516],{"class":3040,"line":6493},40,[3038,6495,3329],{"class":3044},[3038,6497,3180],{"class":3048},[3038,6499,3053],{"class":3052},[3038,6501,3057],{"class":3056},[3038,6503,6127],{"class":3060},[3038,6505,3064],{"class":3052},[3038,6507,3057],{"class":3056},[3038,6509,6134],{"class":3060},[3038,6511,3199],{"class":3052},[3038,6513,3057],{"class":3056},[3038,6515,3124],{"class":3060},[3038,6517,3206],{"class":3044},[3038,6519,6521,6523,6525],{"class":3040,"line":6520},41,[3038,6522,4809],{"class":3044},[3038,6524,6149],{"class":3048},[3038,6526,3206],{"class":3044},[3038,6528,6530,6532,6534,6536,6538,6540,6542,6544,6546],{"class":3040,"line":6529},42,[3038,6531,6156],{"class":3044},[3038,6533,5763],{"class":3048},[3038,6535,4797],{"class":3052},[3038,6537,3057],{"class":3056},[3038,6539,5770],{"class":3060},[3038,6541,5773],{"class":3052},[3038,6543,3057],{"class":3056},[3038,6545,5961],{"class":3060},[3038,6547,3206],{"class":3044},[3038,6549,6551,6553,6555,6557,6559,6562,6564,6566,6568],{"class":3040,"line":6550},43,[3038,6552,6177],{"class":3044},[3038,6554,5787],{"class":3048},[3038,6556,5697],{"class":3052},[3038,6558,3057],{"class":3056},[3038,6560,6561],{"class":3060},"\"#f59e0b\"",[3038,6563,5796],{"class":3052},[3038,6565,3057],{"class":3056},[3038,6567,4024],{"class":3060},[3038,6569,3127],{"class":3044},[3038,6571,6573,6575,6577,6579,6581,6584,6586,6588,6590],{"class":3040,"line":6572},44,[3038,6574,6177],{"class":3044},[3038,6576,5787],{"class":3048},[3038,6578,5697],{"class":3052},[3038,6580,3057],{"class":3056},[3038,6582,6583],{"class":3060},"\"#ef4444\"",[3038,6585,5796],{"class":3052},[3038,6587,3057],{"class":3056},[3038,6589,5822],{"class":3060},[3038,6591,3127],{"class":3044},[3038,6593,6595,6597,6599],{"class":3040,"line":6594},45,[3038,6596,6218],{"class":3044},[3038,6598,5763],{"class":3048},[3038,6600,3206],{"class":3044},[3038,6602,6604,6606,6608],{"class":3040,"line":6603},46,[3038,6605,6227],{"class":3044},[3038,6607,6149],{"class":3048},[3038,6609,3206],{"class":3044},[3038,6611,6613,6615,6617,6619,6621,6624],{"class":3040,"line":6612},47,[3038,6614,4809],{"class":3044},[3038,6616,3240],{"class":3048},[3038,6618,3243],{"class":3052},[3038,6620,3057],{"class":3056},[3038,6622,6623],{"class":3060},"\"Diagonal\"",[3038,6625,6246],{"class":3056},[3038,6627,6629,6631,6633,6635],{"class":3040,"line":6628},48,[3038,6630,6251],{"class":3052},[3038,6632,3057],{"class":3056},[3038,6634,6256],{"class":3060},[3038,6636,6246],{"class":3056},[3038,6638,6640,6642,6644],{"class":3040,"line":6639},49,[3038,6641,6263],{"class":3052},[3038,6643,3057],{"class":3056},[3038,6645,3266],{"class":3060},[3038,6647,6649,6651,6653,6655],{"class":3040,"line":6648},50,[3038,6650,6272],{"class":3052},[3038,6652,3057],{"class":3056},[3038,6654,3230],{"class":3060},[3038,6656,6246],{"class":3056},[3038,6658,6660,6662,6664,6666],{"class":3040,"line":6659},51,[3038,6661,6283],{"class":3052},[3038,6663,3057],{"class":3056},[3038,6665,3230],{"class":3060},[3038,6667,3127],{"class":3044},[3038,6669,6671,6673,6675],{"class":3040,"line":6670},52,[3038,6672,4857],{"class":3044},[3038,6674,3180],{"class":3048},[3038,6676,3206],{"class":3044},[3038,6678,6680],{"class":3040,"line":6679},53,[3038,6681,3384],{"class":3056},[3038,6683,6685],{"class":3040,"line":6684},54,[3038,6686,6687],{"class":3322},"            \u003C!-- Багатоколірний градієнт -->\n",[3038,6689,6691,6693,6695,6697,6699,6701,6703,6705,6707,6709,6711,6713],{"class":3040,"line":6690},55,[3038,6692,3329],{"class":3044},[3038,6694,3180],{"class":3048},[3038,6696,3053],{"class":3052},[3038,6698,3057],{"class":3056},[3038,6700,6127],{"class":3060},[3038,6702,3064],{"class":3052},[3038,6704,3057],{"class":3056},[3038,6706,6134],{"class":3060},[3038,6708,3199],{"class":3052},[3038,6710,3057],{"class":3056},[3038,6712,3124],{"class":3060},[3038,6714,3206],{"class":3044},[3038,6716,6718,6720,6722],{"class":3040,"line":6717},56,[3038,6719,4809],{"class":3044},[3038,6721,6149],{"class":3048},[3038,6723,3206],{"class":3044},[3038,6725,6727,6729,6731,6733,6735,6737,6739,6741,6743],{"class":3040,"line":6726},57,[3038,6728,6156],{"class":3044},[3038,6730,5763],{"class":3048},[3038,6732,4797],{"class":3052},[3038,6734,3057],{"class":3056},[3038,6736,5770],{"class":3060},[3038,6738,5773],{"class":3052},[3038,6740,3057],{"class":3056},[3038,6742,5778],{"class":3060},[3038,6744,3206],{"class":3044},[3038,6746,6748,6750,6752,6754,6756,6758,6760,6762,6764],{"class":3040,"line":6747},58,[3038,6749,6177],{"class":3044},[3038,6751,5787],{"class":3048},[3038,6753,5697],{"class":3052},[3038,6755,3057],{"class":3056},[3038,6757,6583],{"class":3060},[3038,6759,5796],{"class":3052},[3038,6761,3057],{"class":3056},[3038,6763,4024],{"class":3060},[3038,6765,3127],{"class":3044},[3038,6767,6769,6771,6773,6775,6777,6779,6781,6783,6786],{"class":3040,"line":6768},59,[3038,6770,6177],{"class":3044},[3038,6772,5787],{"class":3048},[3038,6774,5697],{"class":3052},[3038,6776,3057],{"class":3056},[3038,6778,6561],{"class":3060},[3038,6780,5796],{"class":3052},[3038,6782,3057],{"class":3056},[3038,6784,6785],{"class":3060},"\"0.25\"",[3038,6787,3127],{"class":3044},[3038,6789,6791,6793,6795,6797,6799,6801,6803,6805,6808],{"class":3040,"line":6790},60,[3038,6792,6177],{"class":3044},[3038,6794,5787],{"class":3048},[3038,6796,5697],{"class":3052},[3038,6798,3057],{"class":3056},[3038,6800,6373],{"class":3060},[3038,6802,5796],{"class":3052},[3038,6804,3057],{"class":3056},[3038,6806,6807],{"class":3060},"\"0.5\"",[3038,6809,3127],{"class":3044},[3038,6811,6813,6815,6817,6819,6821,6823,6825,6827,6830],{"class":3040,"line":6812},61,[3038,6814,6177],{"class":3044},[3038,6816,5787],{"class":3048},[3038,6818,5697],{"class":3052},[3038,6820,3057],{"class":3056},[3038,6822,4753],{"class":3060},[3038,6824,5796],{"class":3052},[3038,6826,3057],{"class":3056},[3038,6828,6829],{"class":3060},"\"0.75\"",[3038,6831,3127],{"class":3044},[3038,6833,6835,6837,6839,6841,6843,6845,6847,6849,6851],{"class":3040,"line":6834},62,[3038,6836,6177],{"class":3044},[3038,6838,5787],{"class":3048},[3038,6840,5697],{"class":3052},[3038,6842,3057],{"class":3056},[3038,6844,5815],{"class":3060},[3038,6846,5796],{"class":3052},[3038,6848,3057],{"class":3056},[3038,6850,5822],{"class":3060},[3038,6852,3127],{"class":3044},[3038,6854,6856,6858,6860],{"class":3040,"line":6855},63,[3038,6857,6218],{"class":3044},[3038,6859,5763],{"class":3048},[3038,6861,3206],{"class":3044},[3038,6863,6865,6867,6869],{"class":3040,"line":6864},64,[3038,6866,6227],{"class":3044},[3038,6868,6149],{"class":3048},[3038,6870,3206],{"class":3044},[3038,6872,6874,6876,6878,6880,6882,6885],{"class":3040,"line":6873},65,[3038,6875,4809],{"class":3044},[3038,6877,3240],{"class":3048},[3038,6879,3243],{"class":3052},[3038,6881,3057],{"class":3056},[3038,6883,6884],{"class":3060},"\"Rainbow\"",[3038,6886,6246],{"class":3056},[3038,6888,6890,6892,6894,6896],{"class":3040,"line":6889},66,[3038,6891,6251],{"class":3052},[3038,6893,3057],{"class":3056},[3038,6895,6256],{"class":3060},[3038,6897,6246],{"class":3056},[3038,6899,6901,6903,6905],{"class":3040,"line":6900},67,[3038,6902,6263],{"class":3052},[3038,6904,3057],{"class":3056},[3038,6906,3266],{"class":3060},[3038,6908,6910,6912,6914,6916],{"class":3040,"line":6909},68,[3038,6911,6272],{"class":3052},[3038,6913,3057],{"class":3056},[3038,6915,3230],{"class":3060},[3038,6917,6246],{"class":3056},[3038,6919,6921,6923,6925,6927],{"class":3040,"line":6920},69,[3038,6922,6283],{"class":3052},[3038,6924,3057],{"class":3056},[3038,6926,3230],{"class":3060},[3038,6928,3127],{"class":3044},[3038,6930,6932,6934,6936],{"class":3040,"line":6931},70,[3038,6933,4857],{"class":3044},[3038,6935,3180],{"class":3048},[3038,6937,3206],{"class":3044},[3038,6939,6941,6943,6945],{"class":3040,"line":6940},71,[3038,6942,3538],{"class":3044},[3038,6944,3214],{"class":3048},[3038,6946,3206],{"class":3044},[3038,6948,6950,6952,6954],{"class":3040,"line":6949},72,[3038,6951,3548],{"class":3044},[3038,6953,3214],{"class":3048},[3038,6955,3206],{"class":3044},[3038,6957,6959,6961,6963],{"class":3040,"line":6958},73,[3038,6960,3558],{"class":3044},[3038,6962,3180],{"class":3048},[3038,6964,3206],{"class":3044},[3024,6966,6968],{"id":6967},"radialgradientbrush-радіальний-градієнт","RadialGradientBrush: радіальний градієнт",[3029,6970,6972],{"className":3031,"code":6971,"language":3033,"meta":3034,"style":3034},"\u003CEllipse Width=\"200\" Height=\"200\">\n    \u003CEllipse.Fill>\n        \u003CRadialGradientBrush>\n            \u003CGradientStop Color=\"#ffffff\" Offset=\"0\"/>\n            \u003CGradientStop Color=\"#3b82f6\" Offset=\"1\"/>\n        \u003C/RadialGradientBrush>\n    \u003C/Ellipse.Fill>\n\u003C/Ellipse>\n",[3020,6973,6974,6994,7003,7012,7033,7053,7061,7069],{"__ignoreMap":3034},[3038,6975,6976,6978,6980,6982,6984,6986,6988,6990,6992],{"class":3040,"line":3041},[3038,6977,3045],{"class":3044},[3038,6979,3583],{"class":3048},[3038,6981,3053],{"class":3052},[3038,6983,3057],{"class":3056},[3038,6985,3061],{"class":3060},[3038,6987,3064],{"class":3052},[3038,6989,3057],{"class":3056},[3038,6991,3061],{"class":3060},[3038,6993,3206],{"class":3044},[3038,6995,6996,6998,7001],{"class":3040,"line":3072},[3038,6997,3211],{"class":3044},[3038,6999,7000],{"class":3048},"Ellipse.Fill",[3038,7002,3206],{"class":3044},[3038,7004,7005,7007,7010],{"class":3040,"line":3083},[3038,7006,3237],{"class":3044},[3038,7008,7009],{"class":3048},"RadialGradientBrush",[3038,7011,3206],{"class":3044},[3038,7013,7014,7016,7018,7020,7022,7025,7027,7029,7031],{"class":3040,"line":3094},[3038,7015,3329],{"class":3044},[3038,7017,5787],{"class":3048},[3038,7019,5697],{"class":3052},[3038,7021,3057],{"class":3056},[3038,7023,7024],{"class":3060},"\"#ffffff\"",[3038,7026,5796],{"class":3052},[3038,7028,3057],{"class":3056},[3038,7030,4024],{"class":3060},[3038,7032,3127],{"class":3044},[3038,7034,7035,7037,7039,7041,7043,7045,7047,7049,7051],{"class":3040,"line":3105},[3038,7036,3329],{"class":3044},[3038,7038,5787],{"class":3048},[3038,7040,5697],{"class":3052},[3038,7042,3057],{"class":3056},[3038,7044,4753],{"class":3060},[3038,7046,5796],{"class":3052},[3038,7048,3057],{"class":3056},[3038,7050,5822],{"class":3060},[3038,7052,3127],{"class":3044},[3038,7054,7055,7057,7059],{"class":3040,"line":3116},[3038,7056,3538],{"class":3044},[3038,7058,7009],{"class":3048},[3038,7060,3206],{"class":3044},[3038,7062,7063,7065,7067],{"class":3040,"line":3290},[3038,7064,3548],{"class":3044},[3038,7066,7000],{"class":3048},[3038,7068,3206],{"class":3044},[3038,7070,7071,7073,7075],{"class":3040,"line":3296},[3038,7072,3558],{"class":3044},[3038,7074,3583],{"class":3048},[3038,7076,3206],{"class":3044},[2959,7078,7079],{},[2972,7080,3132],{},[3134,7082,7083,7089,7096],{},[3137,7084,7085,7088],{},[3020,7086,7087],{},"Center"," — центр градієнта (за замовчуванням 0.5,0.5)",[3137,7090,7091,3160,7093,7095],{},[3020,7092,3159],{},[3020,7094,3163],{}," — радіус градієнта",[3137,7097,7098,7101],{},[3020,7099,7100],{},"GradientOrigin"," — точка початку градієнта",[3166,7103,7105],{"title":7104},"RadialGradientBrush — радіальні градієнти",[3029,7106,7108],{"className":3031,"code":7107,"language":3033,"meta":3034,"style":3034},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"16\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"🌟 Radial Gradients\"\n                   FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"20\" HorizontalAlignment=\"Center\">\n            \u003C!-- Центрований радіальний градієнт -->\n            \u003CEllipse Width=\"120\" Height=\"120\">\n                \u003CEllipse.Fill>\n                    \u003CRadialGradientBrush>\n                        \u003CGradientStop Color=\"#ffffff\" Offset=\"0\"/>\n                        \u003CGradientStop Color=\"#3b82f6\" Offset=\"1\"/>\n                    \u003C/RadialGradientBrush>\n                \u003C/Ellipse.Fill>\n            \u003C/Ellipse>\n            \n            \u003C!-- Зміщений центр -->\n            \u003CEllipse Width=\"120\" Height=\"120\">\n                \u003CEllipse.Fill>\n                    \u003CRadialGradientBrush Center=\"0.3,0.3\" GradientOrigin=\"0.3,0.3\">\n                        \u003CGradientStop Color=\"#ffffff\" Offset=\"0\"/>\n                        \u003CGradientStop Color=\"#22c55e\" Offset=\"1\"/>\n                    \u003C/RadialGradientBrush>\n                \u003C/Ellipse.Fill>\n            \u003C/Ellipse>\n            \n            \u003C!-- Багатоколірний -->\n            \u003CEllipse Width=\"120\" Height=\"120\">\n                \u003CEllipse.Fill>\n                    \u003CRadialGradientBrush>\n                        \u003CGradientStop Color=\"#fef3c7\" Offset=\"0\"/>\n                        \u003CGradientStop Color=\"#fbbf24\" Offset=\"0.5\"/>\n                        \u003CGradientStop Color=\"#f59e0b\" Offset=\"1\"/>\n                    \u003C/RadialGradientBrush>\n                \u003C/Ellipse.Fill>\n            \u003C/Ellipse>\n        \u003C/StackPanel>\n    \u003C/StackPanel>\n\u003C/Border>\n",[3020,7109,7110,7136,7156,7169,7183,7191,7201,7205,7231,7236,7256,7264,7272,7292,7312,7320,7328,7336,7340,7345,7365,7373,7396,7416,7436,7444,7452,7460,7464,7469,7489,7497,7505,7526,7547,7567,7575,7583,7591,7599,7607],{"__ignoreMap":3034},[3038,7111,7112,7114,7116,7118,7120,7122,7124,7126,7128,7130,7132,7134],{"class":3040,"line":3041},[3038,7113,3045],{"class":3044},[3038,7115,3180],{"class":3048},[3038,7117,3183],{"class":3052},[3038,7119,3057],{"class":3056},[3038,7121,3188],{"class":3060},[3038,7123,3191],{"class":3052},[3038,7125,3057],{"class":3056},[3038,7127,3196],{"class":3060},[3038,7129,3199],{"class":3052},[3038,7131,3057],{"class":3056},[3038,7133,3124],{"class":3060},[3038,7135,3206],{"class":3044},[3038,7137,7138,7140,7142,7144,7146,7148,7150,7152,7154],{"class":3040,"line":3072},[3038,7139,3211],{"class":3044},[3038,7141,3214],{"class":3048},[3038,7143,3217],{"class":3052},[3038,7145,3057],{"class":3056},[3038,7147,3222],{"class":3060},[3038,7149,3225],{"class":3052},[3038,7151,3057],{"class":3056},[3038,7153,3230],{"class":3060},[3038,7155,3206],{"class":3044},[3038,7157,7158,7160,7162,7164,7166],{"class":3040,"line":3083},[3038,7159,3237],{"class":3044},[3038,7161,3240],{"class":3048},[3038,7163,3243],{"class":3052},[3038,7165,3057],{"class":3056},[3038,7167,7168],{"class":3060},"\"🌟 Radial Gradients\"\n",[3038,7170,7171,7173,7175,7177,7179,7181],{"class":3040,"line":3094},[3038,7172,3253],{"class":3052},[3038,7174,3057],{"class":3056},[3038,7176,3258],{"class":3060},[3038,7178,3261],{"class":3052},[3038,7180,3057],{"class":3056},[3038,7182,3266],{"class":3060},[3038,7184,7185,7187,7189],{"class":3040,"line":3105},[3038,7186,3271],{"class":3052},[3038,7188,3057],{"class":3056},[3038,7190,3276],{"class":3060},[3038,7192,7193,7195,7197,7199],{"class":3040,"line":3116},[3038,7194,3281],{"class":3052},[3038,7196,3057],{"class":3056},[3038,7198,3230],{"class":3060},[3038,7200,3127],{"class":3044},[3038,7202,7203],{"class":3040,"line":3290},[3038,7204,3293],{"class":3056},[3038,7206,7207,7209,7211,7213,7215,7217,7219,7221,7223,7225,7227,7229],{"class":3040,"line":3296},[3038,7208,3237],{"class":3044},[3038,7210,3214],{"class":3048},[3038,7212,3303],{"class":3052},[3038,7214,3057],{"class":3056},[3038,7216,3308],{"class":3060},[3038,7218,3217],{"class":3052},[3038,7220,3057],{"class":3056},[3038,7222,3258],{"class":3060},[3038,7224,3225],{"class":3052},[3038,7226,3057],{"class":3056},[3038,7228,3230],{"class":3060},[3038,7230,3206],{"class":3044},[3038,7232,7233],{"class":3040,"line":3319},[3038,7234,7235],{"class":3322},"            \u003C!-- Центрований радіальний градієнт -->\n",[3038,7237,7238,7240,7242,7244,7246,7248,7250,7252,7254],{"class":3040,"line":3326},[3038,7239,3329],{"class":3044},[3038,7241,3583],{"class":3048},[3038,7243,3053],{"class":3052},[3038,7245,3057],{"class":3056},[3038,7247,3888],{"class":3060},[3038,7249,3064],{"class":3052},[3038,7251,3057],{"class":3056},[3038,7253,3888],{"class":3060},[3038,7255,3206],{"class":3044},[3038,7257,7258,7260,7262],{"class":3040,"line":3348},[3038,7259,4809],{"class":3044},[3038,7261,7000],{"class":3048},[3038,7263,3206],{"class":3044},[3038,7265,7266,7268,7270],{"class":3040,"line":3358},[3038,7267,6156],{"class":3044},[3038,7269,7009],{"class":3048},[3038,7271,3206],{"class":3044},[3038,7273,7274,7276,7278,7280,7282,7284,7286,7288,7290],{"class":3040,"line":3368},[3038,7275,6177],{"class":3044},[3038,7277,5787],{"class":3048},[3038,7279,5697],{"class":3052},[3038,7281,3057],{"class":3056},[3038,7283,7024],{"class":3060},[3038,7285,5796],{"class":3052},[3038,7287,3057],{"class":3056},[3038,7289,4024],{"class":3060},[3038,7291,3127],{"class":3044},[3038,7293,7294,7296,7298,7300,7302,7304,7306,7308,7310],{"class":3040,"line":3381},[3038,7295,6177],{"class":3044},[3038,7297,5787],{"class":3048},[3038,7299,5697],{"class":3052},[3038,7301,3057],{"class":3056},[3038,7303,4753],{"class":3060},[3038,7305,5796],{"class":3052},[3038,7307,3057],{"class":3056},[3038,7309,5822],{"class":3060},[3038,7311,3127],{"class":3044},[3038,7313,7314,7316,7318],{"class":3040,"line":3387},[3038,7315,6218],{"class":3044},[3038,7317,7009],{"class":3048},[3038,7319,3206],{"class":3044},[3038,7321,7322,7324,7326],{"class":3040,"line":3393},[3038,7323,6227],{"class":3044},[3038,7325,7000],{"class":3048},[3038,7327,3206],{"class":3044},[3038,7329,7330,7332,7334],{"class":3040,"line":3412},[3038,7331,4857],{"class":3044},[3038,7333,3583],{"class":3048},[3038,7335,3206],{"class":3044},[3038,7337,7338],{"class":3040,"line":3422},[3038,7339,3384],{"class":3056},[3038,7341,7342],{"class":3040,"line":3432},[3038,7343,7344],{"class":3322},"            \u003C!-- Зміщений центр -->\n",[3038,7346,7347,7349,7351,7353,7355,7357,7359,7361,7363],{"class":3040,"line":3441},[3038,7348,3329],{"class":3044},[3038,7350,3583],{"class":3048},[3038,7352,3053],{"class":3052},[3038,7354,3057],{"class":3056},[3038,7356,3888],{"class":3060},[3038,7358,3064],{"class":3052},[3038,7360,3057],{"class":3056},[3038,7362,3888],{"class":3060},[3038,7364,3206],{"class":3044},[3038,7366,7367,7369,7371],{"class":3040,"line":3452},[3038,7368,4809],{"class":3044},[3038,7370,7000],{"class":3048},[3038,7372,3206],{"class":3044},[3038,7374,7375,7377,7379,7382,7384,7387,7390,7392,7394],{"class":3040,"line":3465},[3038,7376,6156],{"class":3044},[3038,7378,7009],{"class":3048},[3038,7380,7381],{"class":3052}," Center",[3038,7383,3057],{"class":3056},[3038,7385,7386],{"class":3060},"\"0.3,0.3\"",[3038,7388,7389],{"class":3052}," GradientOrigin",[3038,7391,3057],{"class":3056},[3038,7393,7386],{"class":3060},[3038,7395,3206],{"class":3044},[3038,7397,7398,7400,7402,7404,7406,7408,7410,7412,7414],{"class":3040,"line":3470},[3038,7399,6177],{"class":3044},[3038,7401,5787],{"class":3048},[3038,7403,5697],{"class":3052},[3038,7405,3057],{"class":3056},[3038,7407,7024],{"class":3060},[3038,7409,5796],{"class":3052},[3038,7411,3057],{"class":3056},[3038,7413,4024],{"class":3060},[3038,7415,3127],{"class":3044},[3038,7417,7418,7420,7422,7424,7426,7428,7430,7432,7434],{"class":3040,"line":3476},[3038,7419,6177],{"class":3044},[3038,7421,5787],{"class":3048},[3038,7423,5697],{"class":3052},[3038,7425,3057],{"class":3056},[3038,7427,6373],{"class":3060},[3038,7429,5796],{"class":3052},[3038,7431,3057],{"class":3056},[3038,7433,5822],{"class":3060},[3038,7435,3127],{"class":3044},[3038,7437,7438,7440,7442],{"class":3040,"line":3495},[3038,7439,6218],{"class":3044},[3038,7441,7009],{"class":3048},[3038,7443,3206],{"class":3044},[3038,7445,7446,7448,7450],{"class":3040,"line":3505},[3038,7447,6227],{"class":3044},[3038,7449,7000],{"class":3048},[3038,7451,3206],{"class":3044},[3038,7453,7454,7456,7458],{"class":3040,"line":3515},[3038,7455,4857],{"class":3044},[3038,7457,3583],{"class":3048},[3038,7459,3206],{"class":3044},[3038,7461,7462],{"class":3040,"line":3524},[3038,7463,3384],{"class":3056},[3038,7465,7466],{"class":3040,"line":3535},[3038,7467,7468],{"class":3322},"            \u003C!-- Багатоколірний -->\n",[3038,7470,7471,7473,7475,7477,7479,7481,7483,7485,7487],{"class":3040,"line":3545},[3038,7472,3329],{"class":3044},[3038,7474,3583],{"class":3048},[3038,7476,3053],{"class":3052},[3038,7478,3057],{"class":3056},[3038,7480,3888],{"class":3060},[3038,7482,3064],{"class":3052},[3038,7484,3057],{"class":3056},[3038,7486,3888],{"class":3060},[3038,7488,3206],{"class":3044},[3038,7490,7491,7493,7495],{"class":3040,"line":3555},[3038,7492,4809],{"class":3044},[3038,7494,7000],{"class":3048},[3038,7496,3206],{"class":3044},[3038,7498,7499,7501,7503],{"class":3040,"line":5467},[3038,7500,6156],{"class":3044},[3038,7502,7009],{"class":3048},[3038,7504,3206],{"class":3044},[3038,7506,7507,7509,7511,7513,7515,7518,7520,7522,7524],{"class":3040,"line":5476},[3038,7508,6177],{"class":3044},[3038,7510,5787],{"class":3048},[3038,7512,5697],{"class":3052},[3038,7514,3057],{"class":3056},[3038,7516,7517],{"class":3060},"\"#fef3c7\"",[3038,7519,5796],{"class":3052},[3038,7521,3057],{"class":3056},[3038,7523,4024],{"class":3060},[3038,7525,3127],{"class":3044},[3038,7527,7528,7530,7532,7534,7536,7539,7541,7543,7545],{"class":3040,"line":5486},[3038,7529,6177],{"class":3044},[3038,7531,5787],{"class":3048},[3038,7533,5697],{"class":3052},[3038,7535,3057],{"class":3056},[3038,7537,7538],{"class":3060},"\"#fbbf24\"",[3038,7540,5796],{"class":3052},[3038,7542,3057],{"class":3056},[3038,7544,6807],{"class":3060},[3038,7546,3127],{"class":3044},[3038,7548,7549,7551,7553,7555,7557,7559,7561,7563,7565],{"class":3040,"line":5497},[3038,7550,6177],{"class":3044},[3038,7552,5787],{"class":3048},[3038,7554,5697],{"class":3052},[3038,7556,3057],{"class":3056},[3038,7558,6561],{"class":3060},[3038,7560,5796],{"class":3052},[3038,7562,3057],{"class":3056},[3038,7564,5822],{"class":3060},[3038,7566,3127],{"class":3044},[3038,7568,7569,7571,7573],{"class":3040,"line":5506},[3038,7570,6218],{"class":3044},[3038,7572,7009],{"class":3048},[3038,7574,3206],{"class":3044},[3038,7576,7577,7579,7581],{"class":3040,"line":5515},[3038,7578,6227],{"class":3044},[3038,7580,7000],{"class":3048},[3038,7582,3206],{"class":3044},[3038,7584,7585,7587,7589],{"class":3040,"line":6482},[3038,7586,4857],{"class":3044},[3038,7588,3583],{"class":3048},[3038,7590,3206],{"class":3044},[3038,7592,7593,7595,7597],{"class":3040,"line":6487},[3038,7594,3538],{"class":3044},[3038,7596,3214],{"class":3048},[3038,7598,3206],{"class":3044},[3038,7600,7601,7603,7605],{"class":3040,"line":6493},[3038,7602,3548],{"class":3044},[3038,7604,3214],{"class":3048},[3038,7606,3206],{"class":3044},[3038,7608,7609,7611,7613],{"class":3040,"line":6520},[3038,7610,3558],{"class":3044},[3038,7612,3180],{"class":3048},[3038,7614,3206],{"class":3044},[3024,7616,7618],{"id":7617},"imagebrush-зображення-як-заповнення","ImageBrush: зображення як заповнення",[3029,7620,7622],{"className":3031,"code":7621,"language":3033,"meta":3034,"style":3034},"\u003CRectangle Width=\"200\" Height=\"200\">\n    \u003CRectangle.Fill>\n        \u003CImageBrush ImageSource=\"/Assets/pattern.png\" \n                    TileMode=\"Tile\"\n                    Viewport=\"0,0,0.25,0.25\"/>\n    \u003C/Rectangle.Fill>\n\u003C/Rectangle>\n",[3020,7623,7624,7644,7652,7669,7679,7691,7699],{"__ignoreMap":3034},[3038,7625,7626,7628,7630,7632,7634,7636,7638,7640,7642],{"class":3040,"line":3041},[3038,7627,3045],{"class":3044},[3038,7629,3049],{"class":3048},[3038,7631,3053],{"class":3052},[3038,7633,3057],{"class":3056},[3038,7635,3061],{"class":3060},[3038,7637,3064],{"class":3052},[3038,7639,3057],{"class":3056},[3038,7641,3061],{"class":3060},[3038,7643,3206],{"class":3044},[3038,7645,7646,7648,7650],{"class":3040,"line":3072},[3038,7647,3211],{"class":3044},[3038,7649,5685],{"class":3048},[3038,7651,3206],{"class":3044},[3038,7653,7654,7656,7659,7662,7664,7667],{"class":3040,"line":3083},[3038,7655,3237],{"class":3044},[3038,7657,7658],{"class":3048},"ImageBrush",[3038,7660,7661],{"class":3052}," ImageSource",[3038,7663,3057],{"class":3056},[3038,7665,7666],{"class":3060},"\"/Assets/pattern.png\"",[3038,7668,6246],{"class":3056},[3038,7670,7671,7674,7676],{"class":3040,"line":3094},[3038,7672,7673],{"class":3052},"                    TileMode",[3038,7675,3057],{"class":3056},[3038,7677,7678],{"class":3060},"\"Tile\"\n",[3038,7680,7681,7684,7686,7689],{"class":3040,"line":3105},[3038,7682,7683],{"class":3052},"                    Viewport",[3038,7685,3057],{"class":3056},[3038,7687,7688],{"class":3060},"\"0,0,0.25,0.25\"",[3038,7690,3127],{"class":3044},[3038,7692,7693,7695,7697],{"class":3040,"line":3116},[3038,7694,3548],{"class":3044},[3038,7696,5685],{"class":3048},[3038,7698,3206],{"class":3044},[3038,7700,7701,7703,7705],{"class":3040,"line":3290},[3038,7702,3558],{"class":3044},[3038,7704,3049],{"class":3048},[3038,7706,3206],{"class":3044},[2959,7708,7709],{},[2972,7710,3132],{},[3134,7712,7713,7719,7725,7731],{},[3137,7714,7715,7718],{},[3020,7716,7717],{},"ImageSource"," — шлях до зображення",[3137,7720,7721,7724],{},[3020,7722,7723],{},"Stretch"," — як масштабувати (None, Fill, Uniform, UniformToFill)",[3137,7726,7727,7730],{},[3020,7728,7729],{},"TileMode"," — режим повторення (None, Tile, FlipX, FlipY, FlipXY)",[3137,7732,7733,7736],{},[3020,7734,7735],{},"Viewport"," — розмір плитки при TileMode=\"Tile\"",[3024,7738,7740],{"id":7739},"visualbrush-рендеринг-іншого-visual","VisualBrush: рендеринг іншого Visual",[2959,7742,7743,7745],{},[3020,7744,3006],{}," дозволяє використовувати будь-який WPF елемент як текстуру. Це потужна можливість для створення ефектів дзеркала, повторюваних патернів з UI-елементів, тощо.",[3029,7747,7749],{"className":3031,"code":7748,"language":3033,"meta":3034,"style":3034},"\u003CGrid>\n    \u003C!-- Оригінальний елемент -->\n    \u003CStackPanel x:Name=\"OriginalContent\" Width=\"200\">\n        \u003CTextBlock Text=\"Hello WPF!\" FontSize=\"24\" FontWeight=\"Bold\"/>\n        \u003CButton Content=\"Click Me\"/>\n    \u003C/StackPanel>\n    \n    \u003C!-- Використання як Brush -->\n    \u003CRectangle Width=\"200\" Height=\"200\" Margin=\"250,0,0,0\">\n        \u003CRectangle.Fill>\n            \u003CVisualBrush Visual=\"{Binding ElementName=OriginalContent}\"/>\n        \u003C/Rectangle.Fill>\n    \u003C/Rectangle>\n\u003C/Grid>\n",[3020,7750,7751,7760,7765,7787,7816,7833,7841,7846,7851,7879,7887,7903,7911,7919],{"__ignoreMap":3034},[3038,7752,7753,7755,7758],{"class":3040,"line":3041},[3038,7754,3045],{"class":3044},[3038,7756,7757],{"class":3048},"Grid",[3038,7759,3206],{"class":3044},[3038,7761,7762],{"class":3040,"line":3072},[3038,7763,7764],{"class":3322},"    \u003C!-- Оригінальний елемент -->\n",[3038,7766,7767,7769,7771,7774,7776,7779,7781,7783,7785],{"class":3040,"line":3083},[3038,7768,3211],{"class":3044},[3038,7770,3214],{"class":3048},[3038,7772,7773],{"class":3052}," x:Name",[3038,7775,3057],{"class":3056},[3038,7777,7778],{"class":3060},"\"OriginalContent\"",[3038,7780,3053],{"class":3052},[3038,7782,3057],{"class":3056},[3038,7784,3061],{"class":3060},[3038,7786,3206],{"class":3044},[3038,7788,7789,7791,7793,7795,7797,7800,7803,7805,7807,7809,7811,7814],{"class":3040,"line":3094},[3038,7790,3237],{"class":3044},[3038,7792,3240],{"class":3048},[3038,7794,3243],{"class":3052},[3038,7796,3057],{"class":3056},[3038,7798,7799],{"class":3060},"\"Hello WPF!\"",[3038,7801,7802],{"class":3052}," FontSize",[3038,7804,3057],{"class":3056},[3038,7806,4337],{"class":3060},[3038,7808,3261],{"class":3052},[3038,7810,3057],{"class":3056},[3038,7812,7813],{"class":3060},"\"Bold\"",[3038,7815,3127],{"class":3044},[3038,7817,7818,7820,7823,7826,7828,7831],{"class":3040,"line":3105},[3038,7819,3237],{"class":3044},[3038,7821,7822],{"class":3048},"Button",[3038,7824,7825],{"class":3052}," Content",[3038,7827,3057],{"class":3056},[3038,7829,7830],{"class":3060},"\"Click Me\"",[3038,7832,3127],{"class":3044},[3038,7834,7835,7837,7839],{"class":3040,"line":3116},[3038,7836,3548],{"class":3044},[3038,7838,3214],{"class":3048},[3038,7840,3206],{"class":3044},[3038,7842,7843],{"class":3040,"line":3290},[3038,7844,7845],{"class":3056},"    \n",[3038,7847,7848],{"class":3040,"line":3296},[3038,7849,7850],{"class":3322},"    \u003C!-- Використання як Brush -->\n",[3038,7852,7853,7855,7857,7859,7861,7863,7865,7867,7869,7872,7874,7877],{"class":3040,"line":3319},[3038,7854,3211],{"class":3044},[3038,7856,3049],{"class":3048},[3038,7858,3053],{"class":3052},[3038,7860,3057],{"class":3056},[3038,7862,3061],{"class":3060},[3038,7864,3064],{"class":3052},[3038,7866,3057],{"class":3056},[3038,7868,3061],{"class":3060},[3038,7870,7871],{"class":3052}," Margin",[3038,7873,3057],{"class":3056},[3038,7875,7876],{"class":3060},"\"250,0,0,0\"",[3038,7878,3206],{"class":3044},[3038,7880,7881,7883,7885],{"class":3040,"line":3326},[3038,7882,3237],{"class":3044},[3038,7884,5685],{"class":3048},[3038,7886,3206],{"class":3044},[3038,7888,7889,7891,7893,7896,7898,7901],{"class":3040,"line":3348},[3038,7890,3329],{"class":3044},[3038,7892,3006],{"class":3048},[3038,7894,7895],{"class":3052}," Visual",[3038,7897,3057],{"class":3056},[3038,7899,7900],{"class":3060},"\"{Binding ElementName=OriginalContent}\"",[3038,7902,3127],{"class":3044},[3038,7904,7905,7907,7909],{"class":3040,"line":3358},[3038,7906,3538],{"class":3044},[3038,7908,5685],{"class":3048},[3038,7910,3206],{"class":3044},[3038,7912,7913,7915,7917],{"class":3040,"line":3368},[3038,7914,3548],{"class":3044},[3038,7916,3049],{"class":3048},[3038,7918,3206],{"class":3044},[3038,7920,7921,7923,7925],{"class":3040,"line":3381},[3038,7922,3558],{"class":3044},[3038,7924,7757],{"class":3048},[3038,7926,3206],{"class":3044},[2959,7928,7929],{},[2972,7930,7931],{},"Приклад: Повторюваний патерн з кнопки",[3029,7933,7935],{"className":3031,"code":7934,"language":3033,"meta":3034,"style":3034},"\u003CBorder Width=\"400\" Height=\"300\">\n    \u003CBorder.Background>\n        \u003CVisualBrush TileMode=\"Tile\" Viewport=\"0,0,0.2,0.2\">\n            \u003CVisualBrush.Visual>\n                \u003CButton Content=\"🎨\" Width=\"50\" Height=\"50\"/>\n            \u003C/VisualBrush.Visual>\n        \u003C/VisualBrush>\n    \u003C/Border.Background>\n\u003C/Border>\n",[3020,7936,7937,7958,7966,7990,7999,8027,8035,8043,8051],{"__ignoreMap":3034},[3038,7938,7939,7941,7943,7945,7947,7950,7952,7954,7956],{"class":3040,"line":3041},[3038,7940,3045],{"class":3044},[3038,7942,3180],{"class":3048},[3038,7944,3053],{"class":3052},[3038,7946,3057],{"class":3056},[3038,7948,7949],{"class":3060},"\"400\"",[3038,7951,3064],{"class":3052},[3038,7953,3057],{"class":3056},[3038,7955,6127],{"class":3060},[3038,7957,3206],{"class":3044},[3038,7959,7960,7962,7964],{"class":3040,"line":3072},[3038,7961,3211],{"class":3044},[3038,7963,6149],{"class":3048},[3038,7965,3206],{"class":3044},[3038,7967,7968,7970,7972,7975,7977,7980,7983,7985,7988],{"class":3040,"line":3083},[3038,7969,3237],{"class":3044},[3038,7971,3006],{"class":3048},[3038,7973,7974],{"class":3052}," TileMode",[3038,7976,3057],{"class":3056},[3038,7978,7979],{"class":3060},"\"Tile\"",[3038,7981,7982],{"class":3052}," Viewport",[3038,7984,3057],{"class":3056},[3038,7986,7987],{"class":3060},"\"0,0,0.2,0.2\"",[3038,7989,3206],{"class":3044},[3038,7991,7992,7994,7997],{"class":3040,"line":3094},[3038,7993,3329],{"class":3044},[3038,7995,7996],{"class":3048},"VisualBrush.Visual",[3038,7998,3206],{"class":3044},[3038,8000,8001,8003,8005,8007,8009,8012,8014,8016,8019,8021,8023,8025],{"class":3040,"line":3105},[3038,8002,4809],{"class":3044},[3038,8004,7822],{"class":3048},[3038,8006,7825],{"class":3052},[3038,8008,3057],{"class":3056},[3038,8010,8011],{"class":3060},"\"🎨\"",[3038,8013,3053],{"class":3052},[3038,8015,3057],{"class":3056},[3038,8017,8018],{"class":3060},"\"50\"",[3038,8020,3064],{"class":3052},[3038,8022,3057],{"class":3056},[3038,8024,8018],{"class":3060},[3038,8026,3127],{"class":3044},[3038,8028,8029,8031,8033],{"class":3040,"line":3116},[3038,8030,4857],{"class":3044},[3038,8032,7996],{"class":3048},[3038,8034,3206],{"class":3044},[3038,8036,8037,8039,8041],{"class":3040,"line":3290},[3038,8038,3538],{"class":3044},[3038,8040,3006],{"class":3048},[3038,8042,3206],{"class":3044},[3038,8044,8045,8047,8049],{"class":3040,"line":3296},[3038,8046,3548],{"class":3044},[3038,8048,6149],{"class":3048},[3038,8050,3206],{"class":3044},[3038,8052,8053,8055,8057],{"class":3040,"line":3319},[3038,8054,3558],{"class":3044},[3038,8056,3180],{"class":3048},[3038,8058,3206],{"class":3044},[5624,8060,8061,8064],{},[2972,8062,8063],{},"Use case для VisualBrush:"," Створення watermark (водяних знаків), ефектів відображення (reflection), повторюваних патернів з UI-елементів, preview елементів у мініатюрі.",[3009,8066],{},[3012,8068,8070],{"id":8069},"geometries-математичні-форми-без-візуалізації","Geometries: математичні форми без візуалізації",[2959,8072,8073,8075,8076,8079,8080,8082,8083,3022],{},[3020,8074,2994],{}," — це математичний опис форми без візуального представлення. Використовується для ",[3020,8077,8078],{},"Clip"," (обрізання), ",[3020,8081,4895],{}," у Path, або як основа для ",[3020,8084,8085],{},"Drawing",[3024,8087,8089],{"id":8088},"rectanglegeometry-ellipsegeometry","RectangleGeometry, EllipseGeometry",[3029,8091,8093],{"className":3031,"code":8092,"language":3033,"meta":3034,"style":3034},"\u003C!-- Обрізання елемента по колу -->\n\u003CImage Source=\"/Assets/photo.jpg\" Width=\"200\" Height=\"200\">\n    \u003CImage.Clip>\n        \u003CEllipseGeometry Center=\"100,100\" RadiusX=\"100\" RadiusY=\"100\"/>\n    \u003C/Image.Clip>\n\u003C/Image>\n\n\u003C!-- Обрізання по прямокутнику з заокругленими кутами -->\n\u003CBorder Background=\"Blue\" Width=\"200\" Height=\"100\">\n    \u003CBorder.Clip>\n        \u003CRectangleGeometry Rect=\"0,0,200,100\" RadiusX=\"20\" RadiusY=\"20\"/>\n    \u003C/Border.Clip>\n\u003C/Border>\n",[3020,8094,8095,8100,8129,8138,8168,8176,8184,8188,8193,8219,8228,8257,8265],{"__ignoreMap":3034},[3038,8096,8097],{"class":3040,"line":3041},[3038,8098,8099],{"class":3322},"\u003C!-- Обрізання елемента по колу -->\n",[3038,8101,8102,8104,8107,8110,8112,8115,8117,8119,8121,8123,8125,8127],{"class":3040,"line":3072},[3038,8103,3045],{"class":3044},[3038,8105,8106],{"class":3048},"Image",[3038,8108,8109],{"class":3052}," Source",[3038,8111,3057],{"class":3056},[3038,8113,8114],{"class":3060},"\"/Assets/photo.jpg\"",[3038,8116,3053],{"class":3052},[3038,8118,3057],{"class":3056},[3038,8120,3061],{"class":3060},[3038,8122,3064],{"class":3052},[3038,8124,3057],{"class":3056},[3038,8126,3061],{"class":3060},[3038,8128,3206],{"class":3044},[3038,8130,8131,8133,8136],{"class":3040,"line":3083},[3038,8132,3211],{"class":3044},[3038,8134,8135],{"class":3048},"Image.Clip",[3038,8137,3206],{"class":3044},[3038,8139,8140,8142,8145,8147,8149,8152,8155,8157,8159,8162,8164,8166],{"class":3040,"line":3094},[3038,8141,3237],{"class":3044},[3038,8143,8144],{"class":3048},"EllipseGeometry",[3038,8146,7381],{"class":3052},[3038,8148,3057],{"class":3056},[3038,8150,8151],{"class":3060},"\"100,100\"",[3038,8153,8154],{"class":3052}," RadiusX",[3038,8156,3057],{"class":3056},[3038,8158,3338],{"class":3060},[3038,8160,8161],{"class":3052}," RadiusY",[3038,8163,3057],{"class":3056},[3038,8165,3338],{"class":3060},[3038,8167,3127],{"class":3044},[3038,8169,8170,8172,8174],{"class":3040,"line":3105},[3038,8171,3548],{"class":3044},[3038,8173,8135],{"class":3048},[3038,8175,3206],{"class":3044},[3038,8177,8178,8180,8182],{"class":3040,"line":3116},[3038,8179,3558],{"class":3044},[3038,8181,8106],{"class":3048},[3038,8183,3206],{"class":3044},[3038,8185,8186],{"class":3040,"line":3290},[3038,8187,3632],{"emptyLinePlaceholder":3631},[3038,8189,8190],{"class":3040,"line":3296},[3038,8191,8192],{"class":3322},"\u003C!-- Обрізання по прямокутнику з заокругленими кутами -->\n",[3038,8194,8195,8197,8199,8201,8203,8205,8207,8209,8211,8213,8215,8217],{"class":3040,"line":3319},[3038,8196,3045],{"class":3044},[3038,8198,3180],{"class":3048},[3038,8200,3183],{"class":3052},[3038,8202,3057],{"class":3056},[3038,8204,5620],{"class":3060},[3038,8206,3053],{"class":3052},[3038,8208,3057],{"class":3056},[3038,8210,3061],{"class":3060},[3038,8212,3064],{"class":3052},[3038,8214,3057],{"class":3056},[3038,8216,3338],{"class":3060},[3038,8218,3206],{"class":3044},[3038,8220,8221,8223,8226],{"class":3040,"line":3326},[3038,8222,3211],{"class":3044},[3038,8224,8225],{"class":3048},"Border.Clip",[3038,8227,3206],{"class":3044},[3038,8229,8230,8232,8235,8238,8240,8243,8245,8247,8249,8251,8253,8255],{"class":3040,"line":3348},[3038,8231,3237],{"class":3044},[3038,8233,8234],{"class":3048},"RectangleGeometry",[3038,8236,8237],{"class":3052}," Rect",[3038,8239,3057],{"class":3056},[3038,8241,8242],{"class":3060},"\"0,0,200,100\"",[3038,8244,8154],{"class":3052},[3038,8246,3057],{"class":3056},[3038,8248,3258],{"class":3060},[3038,8250,8161],{"class":3052},[3038,8252,3057],{"class":3056},[3038,8254,3258],{"class":3060},[3038,8256,3127],{"class":3044},[3038,8258,8259,8261,8263],{"class":3040,"line":3358},[3038,8260,3548],{"class":3044},[3038,8262,8225],{"class":3048},[3038,8264,3206],{"class":3044},[3038,8266,8267,8269,8271],{"class":3040,"line":3368},[3038,8268,3558],{"class":3044},[3038,8270,3180],{"class":3048},[3038,8272,3206],{"class":3044},[3024,8274,8276],{"id":8275},"combinedgeometry-комбінування-форм","CombinedGeometry: комбінування форм",[3029,8278,8280],{"className":3031,"code":8279,"language":3033,"meta":3034,"style":3034},"\u003CPath Stroke=\"Black\" StrokeThickness=\"2\" Fill=\"#3b82f6\">\n    \u003CPath.Data>\n        \u003CCombinedGeometry GeometryCombineMode=\"Exclude\">\n            \u003CCombinedGeometry.Geometry1>\n                \u003CRectangleGeometry Rect=\"0,0,100,100\"/>\n            \u003C/CombinedGeometry.Geometry1>\n            \u003CCombinedGeometry.Geometry2>\n                \u003CEllipseGeometry Center=\"50,50\" RadiusX=\"40\" RadiusY=\"40\"/>\n            \u003C/CombinedGeometry.Geometry2>\n        \u003C/CombinedGeometry>\n    \u003C/Path.Data>\n\u003C/Path>\n",[3020,8281,8282,8309,8317,8334,8343,8358,8366,8375,8402,8410,8418,8426],{"__ignoreMap":3034},[3038,8283,8284,8286,8288,8290,8292,8295,8297,8299,8301,8303,8305,8307],{"class":3040,"line":3041},[3038,8285,3045],{"class":3044},[3038,8287,2982],{"class":3048},[3038,8289,4748],{"class":3052},[3038,8291,3057],{"class":3056},[3038,8293,8294],{"class":3060},"\"Black\"",[3038,8296,4756],{"class":3052},[3038,8298,3057],{"class":3056},[3038,8300,3376],{"class":3060},[3038,8302,4763],{"class":3052},[3038,8304,3057],{"class":3056},[3038,8306,4753],{"class":3060},[3038,8308,3206],{"class":3044},[3038,8310,8311,8313,8315],{"class":3040,"line":3072},[3038,8312,3211],{"class":3044},[3038,8314,4777],{"class":3048},[3038,8316,3206],{"class":3044},[3038,8318,8319,8321,8324,8327,8329,8332],{"class":3040,"line":3083},[3038,8320,3237],{"class":3044},[3038,8322,8323],{"class":3048},"CombinedGeometry",[3038,8325,8326],{"class":3052}," GeometryCombineMode",[3038,8328,3057],{"class":3056},[3038,8330,8331],{"class":3060},"\"Exclude\"",[3038,8333,3206],{"class":3044},[3038,8335,8336,8338,8341],{"class":3040,"line":3094},[3038,8337,3329],{"class":3044},[3038,8339,8340],{"class":3048},"CombinedGeometry.Geometry1",[3038,8342,3206],{"class":3044},[3038,8344,8345,8347,8349,8351,8353,8356],{"class":3040,"line":3105},[3038,8346,4809],{"class":3044},[3038,8348,8234],{"class":3048},[3038,8350,8237],{"class":3052},[3038,8352,3057],{"class":3056},[3038,8354,8355],{"class":3060},"\"0,0,100,100\"",[3038,8357,3127],{"class":3044},[3038,8359,8360,8362,8364],{"class":3040,"line":3116},[3038,8361,4857],{"class":3044},[3038,8363,8340],{"class":3048},[3038,8365,3206],{"class":3044},[3038,8367,8368,8370,8373],{"class":3040,"line":3290},[3038,8369,3329],{"class":3044},[3038,8371,8372],{"class":3048},"CombinedGeometry.Geometry2",[3038,8374,3206],{"class":3044},[3038,8376,8377,8379,8381,8383,8385,8388,8390,8392,8394,8396,8398,8400],{"class":3040,"line":3296},[3038,8378,4809],{"class":3044},[3038,8380,8144],{"class":3048},[3038,8382,7381],{"class":3052},[3038,8384,3057],{"class":3056},[3038,8386,8387],{"class":3060},"\"50,50\"",[3038,8389,8154],{"class":3052},[3038,8391,3057],{"class":3056},[3038,8393,3196],{"class":3060},[3038,8395,8161],{"class":3052},[3038,8397,3057],{"class":3056},[3038,8399,3196],{"class":3060},[3038,8401,3127],{"class":3044},[3038,8403,8404,8406,8408],{"class":3040,"line":3319},[3038,8405,4857],{"class":3044},[3038,8407,8372],{"class":3048},[3038,8409,3206],{"class":3044},[3038,8411,8412,8414,8416],{"class":3040,"line":3326},[3038,8413,3538],{"class":3044},[3038,8415,8323],{"class":3048},[3038,8417,3206],{"class":3044},[3038,8419,8420,8422,8424],{"class":3040,"line":3348},[3038,8421,3548],{"class":3044},[3038,8423,4777],{"class":3048},[3038,8425,3206],{"class":3044},[3038,8427,8428,8430,8432],{"class":3040,"line":3358},[3038,8429,3558],{"class":3044},[3038,8431,2982],{"class":3048},[3038,8433,3206],{"class":3044},[2959,8435,8436],{},[2972,8437,8438],{},"GeometryCombineMode:",[3134,8440,8441,8447,8453,8459],{},[3137,8442,8443,8446],{},[3020,8444,8445],{},"Union"," — об'єднання (A + B)",[3137,8448,8449,8452],{},[3020,8450,8451],{},"Intersect"," — перетин (A ∩ B)",[3137,8454,8455,8458],{},[3020,8456,8457],{},"Xor"," — виключне АБО (A ⊕ B)",[3137,8460,8461,8464],{},[3020,8462,8463],{},"Exclude"," — різниця (A - B)",[3166,8466,8468],{"title":8467},"CombinedGeometry — комбінування форм",[3029,8469,8471],{"className":3031,"code":8470,"language":3033,"meta":3034,"style":3034},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"20\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"🔀 Combined Geometries\"\n                   FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"24\" HorizontalAlignment=\"Center\">\n            \u003C!-- Union -->\n            \u003CStackPanel Spacing=\"8\">\n                \u003CPath Stroke=\"#1e40af\" StrokeThickness=\"2\" Fill=\"#3b82f6\" Width=\"100\" Height=\"100\">\n                    \u003CPath.Data>\n                        \u003CCombinedGeometry GeometryCombineMode=\"Union\">\n                            \u003CCombinedGeometry.Geometry1>\n                                \u003CEllipseGeometry Center=\"35,50\" RadiusX=\"35\" RadiusY=\"35\"/>\n                            \u003C/CombinedGeometry.Geometry1>\n                            \u003CCombinedGeometry.Geometry2>\n                                \u003CEllipseGeometry Center=\"65,50\" RadiusX=\"35\" RadiusY=\"35\"/>\n                            \u003C/CombinedGeometry.Geometry2>\n                        \u003C/CombinedGeometry>\n                    \u003C/Path.Data>\n                \u003C/Path>\n                \u003CTextBlock Text=\"Union\" FontSize=\"12\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\"/>\n            \u003C/StackPanel>\n            \n            \u003C!-- Intersect -->\n            \u003CStackPanel Spacing=\"8\">\n                \u003CPath Stroke=\"#16a34a\" StrokeThickness=\"2\" Fill=\"#22c55e\" Width=\"100\" Height=\"100\">\n                    \u003CPath.Data>\n                        \u003CCombinedGeometry GeometryCombineMode=\"Intersect\">\n                            \u003CCombinedGeometry.Geometry1>\n                                \u003CEllipseGeometry Center=\"35,50\" RadiusX=\"35\" RadiusY=\"35\"/>\n                            \u003C/CombinedGeometry.Geometry1>\n                            \u003CCombinedGeometry.Geometry2>\n                                \u003CEllipseGeometry Center=\"65,50\" RadiusX=\"35\" RadiusY=\"35\"/>\n                            \u003C/CombinedGeometry.Geometry2>\n                        \u003C/CombinedGeometry>\n                    \u003C/Path.Data>\n                \u003C/Path>\n                \u003CTextBlock Text=\"Intersect\" FontSize=\"12\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\"/>\n            \u003C/StackPanel>\n            \n            \u003C!-- Exclude -->\n            \u003CStackPanel Spacing=\"8\">\n                \u003CPath Stroke=\"#dc2626\" StrokeThickness=\"2\" Fill=\"#ef4444\" Width=\"100\" Height=\"100\">\n                    \u003CPath.Data>\n                        \u003CCombinedGeometry GeometryCombineMode=\"Exclude\">\n                            \u003CCombinedGeometry.Geometry1>\n                                \u003CEllipseGeometry Center=\"35,50\" RadiusX=\"35\" RadiusY=\"35\"/>\n                            \u003C/CombinedGeometry.Geometry1>\n                            \u003CCombinedGeometry.Geometry2>\n                                \u003CEllipseGeometry Center=\"65,50\" RadiusX=\"35\" RadiusY=\"35\"/>\n                            \u003C/CombinedGeometry.Geometry2>\n                        \u003C/CombinedGeometry>\n                    \u003C/Path.Data>\n                \u003C/Path>\n                \u003CTextBlock Text=\"Exclude\" FontSize=\"12\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\"/>\n            \u003C/StackPanel>\n            \n            \u003C!-- Xor -->\n            \u003CStackPanel Spacing=\"8\">\n                \u003CPath Stroke=\"#7c3aed\" StrokeThickness=\"2\" Fill=\"#8b5cf6\" Width=\"100\" Height=\"100\">\n                    \u003CPath.Data>\n                        \u003CCombinedGeometry GeometryCombineMode=\"Xor\">\n                            \u003CCombinedGeometry.Geometry1>\n                                \u003CEllipseGeometry Center=\"35,50\" RadiusX=\"35\" RadiusY=\"35\"/>\n                            \u003C/CombinedGeometry.Geometry1>\n                            \u003CCombinedGeometry.Geometry2>\n                                \u003CEllipseGeometry Center=\"65,50\" RadiusX=\"35\" RadiusY=\"35\"/>\n                            \u003C/CombinedGeometry.Geometry2>\n                        \u003C/CombinedGeometry>\n                    \u003C/Path.Data>\n                \u003C/Path>\n                \u003CTextBlock Text=\"Xor\" FontSize=\"12\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\"/>\n            \u003C/StackPanel>\n        \u003C/StackPanel>\n    \u003C/StackPanel>\n\u003C/Border>\n",[3020,8472,8473,8499,8519,8532,8546,8554,8564,8568,8594,8599,8613,8652,8660,8675,8684,8713,8722,8730,8757,8765,8774,8782,8790,8824,8832,8836,8841,8855,8894,8902,8917,8925,8951,8959,8967,8993,9001,9009,9017,9025,9057,9065,9069,9074,9088,9127,9135,9149,9157,9183,9191,9199,9225,9233,9241,9249,9257,9289,9297,9301,9306,9320,9359,9367,9382,9390,9416,9424,9432,9458,9466,9474,9482,9490,9523,9532,9541,9550],{"__ignoreMap":3034},[3038,8474,8475,8477,8479,8481,8483,8485,8487,8489,8491,8493,8495,8497],{"class":3040,"line":3041},[3038,8476,3045],{"class":3044},[3038,8478,3180],{"class":3048},[3038,8480,3183],{"class":3052},[3038,8482,3057],{"class":3056},[3038,8484,3188],{"class":3060},[3038,8486,3191],{"class":3052},[3038,8488,3057],{"class":3056},[3038,8490,3196],{"class":3060},[3038,8492,3199],{"class":3052},[3038,8494,3057],{"class":3056},[3038,8496,3124],{"class":3060},[3038,8498,3206],{"class":3044},[3038,8500,8501,8503,8505,8507,8509,8511,8513,8515,8517],{"class":3040,"line":3072},[3038,8502,3211],{"class":3044},[3038,8504,3214],{"class":3048},[3038,8506,3217],{"class":3052},[3038,8508,3057],{"class":3056},[3038,8510,3258],{"class":3060},[3038,8512,3225],{"class":3052},[3038,8514,3057],{"class":3056},[3038,8516,3230],{"class":3060},[3038,8518,3206],{"class":3044},[3038,8520,8521,8523,8525,8527,8529],{"class":3040,"line":3083},[3038,8522,3237],{"class":3044},[3038,8524,3240],{"class":3048},[3038,8526,3243],{"class":3052},[3038,8528,3057],{"class":3056},[3038,8530,8531],{"class":3060},"\"🔀 Combined Geometries\"\n",[3038,8533,8534,8536,8538,8540,8542,8544],{"class":3040,"line":3094},[3038,8535,3253],{"class":3052},[3038,8537,3057],{"class":3056},[3038,8539,3258],{"class":3060},[3038,8541,3261],{"class":3052},[3038,8543,3057],{"class":3056},[3038,8545,3266],{"class":3060},[3038,8547,8548,8550,8552],{"class":3040,"line":3105},[3038,8549,3271],{"class":3052},[3038,8551,3057],{"class":3056},[3038,8553,3276],{"class":3060},[3038,8555,8556,8558,8560,8562],{"class":3040,"line":3116},[3038,8557,3281],{"class":3052},[3038,8559,3057],{"class":3056},[3038,8561,3230],{"class":3060},[3038,8563,3127],{"class":3044},[3038,8565,8566],{"class":3040,"line":3290},[3038,8567,3293],{"class":3056},[3038,8569,8570,8572,8574,8576,8578,8580,8582,8584,8586,8588,8590,8592],{"class":3040,"line":3296},[3038,8571,3237],{"class":3044},[3038,8573,3214],{"class":3048},[3038,8575,3303],{"class":3052},[3038,8577,3057],{"class":3056},[3038,8579,3308],{"class":3060},[3038,8581,3217],{"class":3052},[3038,8583,3057],{"class":3056},[3038,8585,4337],{"class":3060},[3038,8587,3225],{"class":3052},[3038,8589,3057],{"class":3056},[3038,8591,3230],{"class":3060},[3038,8593,3206],{"class":3044},[3038,8595,8596],{"class":3040,"line":3319},[3038,8597,8598],{"class":3322},"            \u003C!-- Union -->\n",[3038,8600,8601,8603,8605,8607,8609,8611],{"class":3040,"line":3326},[3038,8602,3329],{"class":3044},[3038,8604,3214],{"class":3048},[3038,8606,3217],{"class":3052},[3038,8608,3057],{"class":3056},[3038,8610,3124],{"class":3060},[3038,8612,3206],{"class":3044},[3038,8614,8615,8617,8619,8621,8623,8626,8628,8630,8632,8634,8636,8638,8640,8642,8644,8646,8648,8650],{"class":3040,"line":3348},[3038,8616,4809],{"class":3044},[3038,8618,2982],{"class":3048},[3038,8620,4748],{"class":3052},[3038,8622,3057],{"class":3056},[3038,8624,8625],{"class":3060},"\"#1e40af\"",[3038,8627,4756],{"class":3052},[3038,8629,3057],{"class":3056},[3038,8631,3376],{"class":3060},[3038,8633,4763],{"class":3052},[3038,8635,3057],{"class":3056},[3038,8637,4753],{"class":3060},[3038,8639,3053],{"class":3052},[3038,8641,3057],{"class":3056},[3038,8643,3338],{"class":3060},[3038,8645,3064],{"class":3052},[3038,8647,3057],{"class":3056},[3038,8649,3338],{"class":3060},[3038,8651,3206],{"class":3044},[3038,8653,8654,8656,8658],{"class":3040,"line":3358},[3038,8655,6156],{"class":3044},[3038,8657,4777],{"class":3048},[3038,8659,3206],{"class":3044},[3038,8661,8662,8664,8666,8668,8670,8673],{"class":3040,"line":3368},[3038,8663,6177],{"class":3044},[3038,8665,8323],{"class":3048},[3038,8667,8326],{"class":3052},[3038,8669,3057],{"class":3056},[3038,8671,8672],{"class":3060},"\"Union\"",[3038,8674,3206],{"class":3044},[3038,8676,8677,8680,8682],{"class":3040,"line":3381},[3038,8678,8679],{"class":3044},"                            \u003C",[3038,8681,8340],{"class":3048},[3038,8683,3206],{"class":3044},[3038,8685,8686,8689,8691,8693,8695,8698,8700,8702,8705,8707,8709,8711],{"class":3040,"line":3387},[3038,8687,8688],{"class":3044},"                                \u003C",[3038,8690,8144],{"class":3048},[3038,8692,7381],{"class":3052},[3038,8694,3057],{"class":3056},[3038,8696,8697],{"class":3060},"\"35,50\"",[3038,8699,8154],{"class":3052},[3038,8701,3057],{"class":3056},[3038,8703,8704],{"class":3060},"\"35\"",[3038,8706,8161],{"class":3052},[3038,8708,3057],{"class":3056},[3038,8710,8704],{"class":3060},[3038,8712,3127],{"class":3044},[3038,8714,8715,8718,8720],{"class":3040,"line":3393},[3038,8716,8717],{"class":3044},"                            \u003C/",[3038,8719,8340],{"class":3048},[3038,8721,3206],{"class":3044},[3038,8723,8724,8726,8728],{"class":3040,"line":3412},[3038,8725,8679],{"class":3044},[3038,8727,8372],{"class":3048},[3038,8729,3206],{"class":3044},[3038,8731,8732,8734,8736,8738,8740,8743,8745,8747,8749,8751,8753,8755],{"class":3040,"line":3422},[3038,8733,8688],{"class":3044},[3038,8735,8144],{"class":3048},[3038,8737,7381],{"class":3052},[3038,8739,3057],{"class":3056},[3038,8741,8742],{"class":3060},"\"65,50\"",[3038,8744,8154],{"class":3052},[3038,8746,3057],{"class":3056},[3038,8748,8704],{"class":3060},[3038,8750,8161],{"class":3052},[3038,8752,3057],{"class":3056},[3038,8754,8704],{"class":3060},[3038,8756,3127],{"class":3044},[3038,8758,8759,8761,8763],{"class":3040,"line":3432},[3038,8760,8717],{"class":3044},[3038,8762,8372],{"class":3048},[3038,8764,3206],{"class":3044},[3038,8766,8767,8770,8772],{"class":3040,"line":3441},[3038,8768,8769],{"class":3044},"                        \u003C/",[3038,8771,8323],{"class":3048},[3038,8773,3206],{"class":3044},[3038,8775,8776,8778,8780],{"class":3040,"line":3452},[3038,8777,6218],{"class":3044},[3038,8779,4777],{"class":3048},[3038,8781,3206],{"class":3044},[3038,8783,8784,8786,8788],{"class":3040,"line":3465},[3038,8785,6227],{"class":3044},[3038,8787,2982],{"class":3048},[3038,8789,3206],{"class":3044},[3038,8791,8792,8794,8796,8798,8800,8802,8804,8806,8808,8811,8813,8816,8818,8820,8822],{"class":3040,"line":3470},[3038,8793,4809],{"class":3044},[3038,8795,3240],{"class":3048},[3038,8797,3243],{"class":3052},[3038,8799,3057],{"class":3056},[3038,8801,8672],{"class":3060},[3038,8803,7802],{"class":3052},[3038,8805,3057],{"class":3056},[3038,8807,3460],{"class":3060},[3038,8809,8810],{"class":3052}," Foreground",[3038,8812,3057],{"class":3056},[3038,8814,8815],{"class":3060},"\"#64748b\"",[3038,8817,3225],{"class":3052},[3038,8819,3057],{"class":3056},[3038,8821,3230],{"class":3060},[3038,8823,3127],{"class":3044},[3038,8825,8826,8828,8830],{"class":3040,"line":3476},[3038,8827,4857],{"class":3044},[3038,8829,3214],{"class":3048},[3038,8831,3206],{"class":3044},[3038,8833,8834],{"class":3040,"line":3495},[3038,8835,3384],{"class":3056},[3038,8837,8838],{"class":3040,"line":3505},[3038,8839,8840],{"class":3322},"            \u003C!-- Intersect -->\n",[3038,8842,8843,8845,8847,8849,8851,8853],{"class":3040,"line":3515},[3038,8844,3329],{"class":3044},[3038,8846,3214],{"class":3048},[3038,8848,3217],{"class":3052},[3038,8850,3057],{"class":3056},[3038,8852,3124],{"class":3060},[3038,8854,3206],{"class":3044},[3038,8856,8857,8859,8861,8863,8865,8868,8870,8872,8874,8876,8878,8880,8882,8884,8886,8888,8890,8892],{"class":3040,"line":3524},[3038,8858,4809],{"class":3044},[3038,8860,2982],{"class":3048},[3038,8862,4748],{"class":3052},[3038,8864,3057],{"class":3056},[3038,8866,8867],{"class":3060},"\"#16a34a\"",[3038,8869,4756],{"class":3052},[3038,8871,3057],{"class":3056},[3038,8873,3376],{"class":3060},[3038,8875,4763],{"class":3052},[3038,8877,3057],{"class":3056},[3038,8879,6373],{"class":3060},[3038,8881,3053],{"class":3052},[3038,8883,3057],{"class":3056},[3038,8885,3338],{"class":3060},[3038,8887,3064],{"class":3052},[3038,8889,3057],{"class":3056},[3038,8891,3338],{"class":3060},[3038,8893,3206],{"class":3044},[3038,8895,8896,8898,8900],{"class":3040,"line":3535},[3038,8897,6156],{"class":3044},[3038,8899,4777],{"class":3048},[3038,8901,3206],{"class":3044},[3038,8903,8904,8906,8908,8910,8912,8915],{"class":3040,"line":3545},[3038,8905,6177],{"class":3044},[3038,8907,8323],{"class":3048},[3038,8909,8326],{"class":3052},[3038,8911,3057],{"class":3056},[3038,8913,8914],{"class":3060},"\"Intersect\"",[3038,8916,3206],{"class":3044},[3038,8918,8919,8921,8923],{"class":3040,"line":3555},[3038,8920,8679],{"class":3044},[3038,8922,8340],{"class":3048},[3038,8924,3206],{"class":3044},[3038,8926,8927,8929,8931,8933,8935,8937,8939,8941,8943,8945,8947,8949],{"class":3040,"line":5467},[3038,8928,8688],{"class":3044},[3038,8930,8144],{"class":3048},[3038,8932,7381],{"class":3052},[3038,8934,3057],{"class":3056},[3038,8936,8697],{"class":3060},[3038,8938,8154],{"class":3052},[3038,8940,3057],{"class":3056},[3038,8942,8704],{"class":3060},[3038,8944,8161],{"class":3052},[3038,8946,3057],{"class":3056},[3038,8948,8704],{"class":3060},[3038,8950,3127],{"class":3044},[3038,8952,8953,8955,8957],{"class":3040,"line":5476},[3038,8954,8717],{"class":3044},[3038,8956,8340],{"class":3048},[3038,8958,3206],{"class":3044},[3038,8960,8961,8963,8965],{"class":3040,"line":5486},[3038,8962,8679],{"class":3044},[3038,8964,8372],{"class":3048},[3038,8966,3206],{"class":3044},[3038,8968,8969,8971,8973,8975,8977,8979,8981,8983,8985,8987,8989,8991],{"class":3040,"line":5497},[3038,8970,8688],{"class":3044},[3038,8972,8144],{"class":3048},[3038,8974,7381],{"class":3052},[3038,8976,3057],{"class":3056},[3038,8978,8742],{"class":3060},[3038,8980,8154],{"class":3052},[3038,8982,3057],{"class":3056},[3038,8984,8704],{"class":3060},[3038,8986,8161],{"class":3052},[3038,8988,3057],{"class":3056},[3038,8990,8704],{"class":3060},[3038,8992,3127],{"class":3044},[3038,8994,8995,8997,8999],{"class":3040,"line":5506},[3038,8996,8717],{"class":3044},[3038,8998,8372],{"class":3048},[3038,9000,3206],{"class":3044},[3038,9002,9003,9005,9007],{"class":3040,"line":5515},[3038,9004,8769],{"class":3044},[3038,9006,8323],{"class":3048},[3038,9008,3206],{"class":3044},[3038,9010,9011,9013,9015],{"class":3040,"line":6482},[3038,9012,6218],{"class":3044},[3038,9014,4777],{"class":3048},[3038,9016,3206],{"class":3044},[3038,9018,9019,9021,9023],{"class":3040,"line":6487},[3038,9020,6227],{"class":3044},[3038,9022,2982],{"class":3048},[3038,9024,3206],{"class":3044},[3038,9026,9027,9029,9031,9033,9035,9037,9039,9041,9043,9045,9047,9049,9051,9053,9055],{"class":3040,"line":6493},[3038,9028,4809],{"class":3044},[3038,9030,3240],{"class":3048},[3038,9032,3243],{"class":3052},[3038,9034,3057],{"class":3056},[3038,9036,8914],{"class":3060},[3038,9038,7802],{"class":3052},[3038,9040,3057],{"class":3056},[3038,9042,3460],{"class":3060},[3038,9044,8810],{"class":3052},[3038,9046,3057],{"class":3056},[3038,9048,8815],{"class":3060},[3038,9050,3225],{"class":3052},[3038,9052,3057],{"class":3056},[3038,9054,3230],{"class":3060},[3038,9056,3127],{"class":3044},[3038,9058,9059,9061,9063],{"class":3040,"line":6520},[3038,9060,4857],{"class":3044},[3038,9062,3214],{"class":3048},[3038,9064,3206],{"class":3044},[3038,9066,9067],{"class":3040,"line":6529},[3038,9068,3384],{"class":3056},[3038,9070,9071],{"class":3040,"line":6550},[3038,9072,9073],{"class":3322},"            \u003C!-- Exclude -->\n",[3038,9075,9076,9078,9080,9082,9084,9086],{"class":3040,"line":6572},[3038,9077,3329],{"class":3044},[3038,9079,3214],{"class":3048},[3038,9081,3217],{"class":3052},[3038,9083,3057],{"class":3056},[3038,9085,3124],{"class":3060},[3038,9087,3206],{"class":3044},[3038,9089,9090,9092,9094,9096,9098,9101,9103,9105,9107,9109,9111,9113,9115,9117,9119,9121,9123,9125],{"class":3040,"line":6594},[3038,9091,4809],{"class":3044},[3038,9093,2982],{"class":3048},[3038,9095,4748],{"class":3052},[3038,9097,3057],{"class":3056},[3038,9099,9100],{"class":3060},"\"#dc2626\"",[3038,9102,4756],{"class":3052},[3038,9104,3057],{"class":3056},[3038,9106,3376],{"class":3060},[3038,9108,4763],{"class":3052},[3038,9110,3057],{"class":3056},[3038,9112,6583],{"class":3060},[3038,9114,3053],{"class":3052},[3038,9116,3057],{"class":3056},[3038,9118,3338],{"class":3060},[3038,9120,3064],{"class":3052},[3038,9122,3057],{"class":3056},[3038,9124,3338],{"class":3060},[3038,9126,3206],{"class":3044},[3038,9128,9129,9131,9133],{"class":3040,"line":6603},[3038,9130,6156],{"class":3044},[3038,9132,4777],{"class":3048},[3038,9134,3206],{"class":3044},[3038,9136,9137,9139,9141,9143,9145,9147],{"class":3040,"line":6612},[3038,9138,6177],{"class":3044},[3038,9140,8323],{"class":3048},[3038,9142,8326],{"class":3052},[3038,9144,3057],{"class":3056},[3038,9146,8331],{"class":3060},[3038,9148,3206],{"class":3044},[3038,9150,9151,9153,9155],{"class":3040,"line":6628},[3038,9152,8679],{"class":3044},[3038,9154,8340],{"class":3048},[3038,9156,3206],{"class":3044},[3038,9158,9159,9161,9163,9165,9167,9169,9171,9173,9175,9177,9179,9181],{"class":3040,"line":6639},[3038,9160,8688],{"class":3044},[3038,9162,8144],{"class":3048},[3038,9164,7381],{"class":3052},[3038,9166,3057],{"class":3056},[3038,9168,8697],{"class":3060},[3038,9170,8154],{"class":3052},[3038,9172,3057],{"class":3056},[3038,9174,8704],{"class":3060},[3038,9176,8161],{"class":3052},[3038,9178,3057],{"class":3056},[3038,9180,8704],{"class":3060},[3038,9182,3127],{"class":3044},[3038,9184,9185,9187,9189],{"class":3040,"line":6648},[3038,9186,8717],{"class":3044},[3038,9188,8340],{"class":3048},[3038,9190,3206],{"class":3044},[3038,9192,9193,9195,9197],{"class":3040,"line":6659},[3038,9194,8679],{"class":3044},[3038,9196,8372],{"class":3048},[3038,9198,3206],{"class":3044},[3038,9200,9201,9203,9205,9207,9209,9211,9213,9215,9217,9219,9221,9223],{"class":3040,"line":6670},[3038,9202,8688],{"class":3044},[3038,9204,8144],{"class":3048},[3038,9206,7381],{"class":3052},[3038,9208,3057],{"class":3056},[3038,9210,8742],{"class":3060},[3038,9212,8154],{"class":3052},[3038,9214,3057],{"class":3056},[3038,9216,8704],{"class":3060},[3038,9218,8161],{"class":3052},[3038,9220,3057],{"class":3056},[3038,9222,8704],{"class":3060},[3038,9224,3127],{"class":3044},[3038,9226,9227,9229,9231],{"class":3040,"line":6679},[3038,9228,8717],{"class":3044},[3038,9230,8372],{"class":3048},[3038,9232,3206],{"class":3044},[3038,9234,9235,9237,9239],{"class":3040,"line":6684},[3038,9236,8769],{"class":3044},[3038,9238,8323],{"class":3048},[3038,9240,3206],{"class":3044},[3038,9242,9243,9245,9247],{"class":3040,"line":6690},[3038,9244,6218],{"class":3044},[3038,9246,4777],{"class":3048},[3038,9248,3206],{"class":3044},[3038,9250,9251,9253,9255],{"class":3040,"line":6717},[3038,9252,6227],{"class":3044},[3038,9254,2982],{"class":3048},[3038,9256,3206],{"class":3044},[3038,9258,9259,9261,9263,9265,9267,9269,9271,9273,9275,9277,9279,9281,9283,9285,9287],{"class":3040,"line":6726},[3038,9260,4809],{"class":3044},[3038,9262,3240],{"class":3048},[3038,9264,3243],{"class":3052},[3038,9266,3057],{"class":3056},[3038,9268,8331],{"class":3060},[3038,9270,7802],{"class":3052},[3038,9272,3057],{"class":3056},[3038,9274,3460],{"class":3060},[3038,9276,8810],{"class":3052},[3038,9278,3057],{"class":3056},[3038,9280,8815],{"class":3060},[3038,9282,3225],{"class":3052},[3038,9284,3057],{"class":3056},[3038,9286,3230],{"class":3060},[3038,9288,3127],{"class":3044},[3038,9290,9291,9293,9295],{"class":3040,"line":6747},[3038,9292,4857],{"class":3044},[3038,9294,3214],{"class":3048},[3038,9296,3206],{"class":3044},[3038,9298,9299],{"class":3040,"line":6768},[3038,9300,3384],{"class":3056},[3038,9302,9303],{"class":3040,"line":6790},[3038,9304,9305],{"class":3322},"            \u003C!-- Xor -->\n",[3038,9307,9308,9310,9312,9314,9316,9318],{"class":3040,"line":6812},[3038,9309,3329],{"class":3044},[3038,9311,3214],{"class":3048},[3038,9313,3217],{"class":3052},[3038,9315,3057],{"class":3056},[3038,9317,3124],{"class":3060},[3038,9319,3206],{"class":3044},[3038,9321,9322,9324,9326,9328,9330,9333,9335,9337,9339,9341,9343,9345,9347,9349,9351,9353,9355,9357],{"class":3040,"line":6834},[3038,9323,4809],{"class":3044},[3038,9325,2982],{"class":3048},[3038,9327,4748],{"class":3052},[3038,9329,3057],{"class":3056},[3038,9331,9332],{"class":3060},"\"#7c3aed\"",[3038,9334,4756],{"class":3052},[3038,9336,3057],{"class":3056},[3038,9338,3376],{"class":3060},[3038,9340,4763],{"class":3052},[3038,9342,3057],{"class":3056},[3038,9344,5815],{"class":3060},[3038,9346,3053],{"class":3052},[3038,9348,3057],{"class":3056},[3038,9350,3338],{"class":3060},[3038,9352,3064],{"class":3052},[3038,9354,3057],{"class":3056},[3038,9356,3338],{"class":3060},[3038,9358,3206],{"class":3044},[3038,9360,9361,9363,9365],{"class":3040,"line":6855},[3038,9362,6156],{"class":3044},[3038,9364,4777],{"class":3048},[3038,9366,3206],{"class":3044},[3038,9368,9369,9371,9373,9375,9377,9380],{"class":3040,"line":6864},[3038,9370,6177],{"class":3044},[3038,9372,8323],{"class":3048},[3038,9374,8326],{"class":3052},[3038,9376,3057],{"class":3056},[3038,9378,9379],{"class":3060},"\"Xor\"",[3038,9381,3206],{"class":3044},[3038,9383,9384,9386,9388],{"class":3040,"line":6873},[3038,9385,8679],{"class":3044},[3038,9387,8340],{"class":3048},[3038,9389,3206],{"class":3044},[3038,9391,9392,9394,9396,9398,9400,9402,9404,9406,9408,9410,9412,9414],{"class":3040,"line":6889},[3038,9393,8688],{"class":3044},[3038,9395,8144],{"class":3048},[3038,9397,7381],{"class":3052},[3038,9399,3057],{"class":3056},[3038,9401,8697],{"class":3060},[3038,9403,8154],{"class":3052},[3038,9405,3057],{"class":3056},[3038,9407,8704],{"class":3060},[3038,9409,8161],{"class":3052},[3038,9411,3057],{"class":3056},[3038,9413,8704],{"class":3060},[3038,9415,3127],{"class":3044},[3038,9417,9418,9420,9422],{"class":3040,"line":6900},[3038,9419,8717],{"class":3044},[3038,9421,8340],{"class":3048},[3038,9423,3206],{"class":3044},[3038,9425,9426,9428,9430],{"class":3040,"line":6909},[3038,9427,8679],{"class":3044},[3038,9429,8372],{"class":3048},[3038,9431,3206],{"class":3044},[3038,9433,9434,9436,9438,9440,9442,9444,9446,9448,9450,9452,9454,9456],{"class":3040,"line":6920},[3038,9435,8688],{"class":3044},[3038,9437,8144],{"class":3048},[3038,9439,7381],{"class":3052},[3038,9441,3057],{"class":3056},[3038,9443,8742],{"class":3060},[3038,9445,8154],{"class":3052},[3038,9447,3057],{"class":3056},[3038,9449,8704],{"class":3060},[3038,9451,8161],{"class":3052},[3038,9453,3057],{"class":3056},[3038,9455,8704],{"class":3060},[3038,9457,3127],{"class":3044},[3038,9459,9460,9462,9464],{"class":3040,"line":6931},[3038,9461,8717],{"class":3044},[3038,9463,8372],{"class":3048},[3038,9465,3206],{"class":3044},[3038,9467,9468,9470,9472],{"class":3040,"line":6940},[3038,9469,8769],{"class":3044},[3038,9471,8323],{"class":3048},[3038,9473,3206],{"class":3044},[3038,9475,9476,9478,9480],{"class":3040,"line":6949},[3038,9477,6218],{"class":3044},[3038,9479,4777],{"class":3048},[3038,9481,3206],{"class":3044},[3038,9483,9484,9486,9488],{"class":3040,"line":6958},[3038,9485,6227],{"class":3044},[3038,9487,2982],{"class":3048},[3038,9489,3206],{"class":3044},[3038,9491,9493,9495,9497,9499,9501,9503,9505,9507,9509,9511,9513,9515,9517,9519,9521],{"class":3040,"line":9492},74,[3038,9494,4809],{"class":3044},[3038,9496,3240],{"class":3048},[3038,9498,3243],{"class":3052},[3038,9500,3057],{"class":3056},[3038,9502,9379],{"class":3060},[3038,9504,7802],{"class":3052},[3038,9506,3057],{"class":3056},[3038,9508,3460],{"class":3060},[3038,9510,8810],{"class":3052},[3038,9512,3057],{"class":3056},[3038,9514,8815],{"class":3060},[3038,9516,3225],{"class":3052},[3038,9518,3057],{"class":3056},[3038,9520,3230],{"class":3060},[3038,9522,3127],{"class":3044},[3038,9524,9526,9528,9530],{"class":3040,"line":9525},75,[3038,9527,4857],{"class":3044},[3038,9529,3214],{"class":3048},[3038,9531,3206],{"class":3044},[3038,9533,9535,9537,9539],{"class":3040,"line":9534},76,[3038,9536,3538],{"class":3044},[3038,9538,3214],{"class":3048},[3038,9540,3206],{"class":3044},[3038,9542,9544,9546,9548],{"class":3040,"line":9543},77,[3038,9545,3548],{"class":3044},[3038,9547,3214],{"class":3048},[3038,9549,3206],{"class":3044},[3038,9551,9553,9555,9557],{"class":3040,"line":9552},78,[3038,9554,3558],{"class":3044},[3038,9556,3180],{"class":3048},[3038,9558,3206],{"class":3044},[3024,9560,9562],{"id":9561},"pathgeometry-складні-геометрії","PathGeometry: складні геометрії",[3029,9564,9566],{"className":3031,"code":9565,"language":3033,"meta":3034,"style":3034},"\u003CPathGeometry>\n    \u003CPathFigure StartPoint=\"10,50\" IsClosed=\"True\">\n        \u003CLineSegment Point=\"50,10\"/>\n        \u003CArcSegment Point=\"90,50\" Size=\"40,40\" SweepDirection=\"Clockwise\"/>\n        \u003CLineSegment Point=\"50,90\"/>\n    \u003C/PathFigure>\n\u003C/PathGeometry>\n",[3020,9567,9568,9576,9598,9612,9643,9657,9665],{"__ignoreMap":3034},[3038,9569,9570,9572,9574],{"class":3040,"line":3041},[3038,9571,3045],{"class":3044},[3038,9573,2986],{"class":3048},[3038,9575,3206],{"class":3044},[3038,9577,9578,9580,9582,9584,9586,9588,9591,9593,9596],{"class":3040,"line":3072},[3038,9579,3211],{"class":3044},[3038,9581,4794],{"class":3048},[3038,9583,4797],{"class":3052},[3038,9585,3057],{"class":3056},[3038,9587,4802],{"class":3060},[3038,9589,9590],{"class":3052}," IsClosed",[3038,9592,3057],{"class":3056},[3038,9594,9595],{"class":3060},"\"True\"",[3038,9597,3206],{"class":3044},[3038,9599,9600,9602,9604,9606,9608,9610],{"class":3040,"line":3083},[3038,9601,3237],{"class":3044},[3038,9603,4812],{"class":3048},[3038,9605,4815],{"class":3052},[3038,9607,3057],{"class":3056},[3038,9609,4820],{"class":3060},[3038,9611,3127],{"class":3044},[3038,9613,9614,9616,9619,9621,9623,9625,9628,9630,9633,9636,9638,9641],{"class":3040,"line":3094},[3038,9615,3237],{"class":3044},[3038,9617,9618],{"class":3048},"ArcSegment",[3038,9620,4815],{"class":3052},[3038,9622,3057],{"class":3056},[3038,9624,4835],{"class":3060},[3038,9626,9627],{"class":3052}," Size",[3038,9629,3057],{"class":3056},[3038,9631,9632],{"class":3060},"\"40,40\"",[3038,9634,9635],{"class":3052}," SweepDirection",[3038,9637,3057],{"class":3056},[3038,9639,9640],{"class":3060},"\"Clockwise\"",[3038,9642,3127],{"class":3044},[3038,9644,9645,9647,9649,9651,9653,9655],{"class":3040,"line":3105},[3038,9646,3237],{"class":3044},[3038,9648,4812],{"class":3048},[3038,9650,4815],{"class":3052},[3038,9652,3057],{"class":3056},[3038,9654,4850],{"class":3060},[3038,9656,3127],{"class":3044},[3038,9658,9659,9661,9663],{"class":3040,"line":3116},[3038,9660,3548],{"class":3044},[3038,9662,4794],{"class":3048},[3038,9664,3206],{"class":3044},[3038,9666,9667,9669,9671],{"class":3040,"line":3290},[3038,9668,3558],{"class":3044},[3038,9670,2986],{"class":3048},[3038,9672,3206],{"class":3044},[3009,9674],{},[3012,9676,9678],{"id":9677},"drawinggroup-та-drawingimage-векторні-зображення","DrawingGroup та DrawingImage: векторні зображення",[2959,9680,9681,9683],{},[3020,9682,8085],{}," — це легковаговий спосіб створення векторної графіки без повноцінних UI-елементів. Використовується для іконок, складних векторних зображень.",[3024,9685,9687],{"id":9686},"geometrydrawing","GeometryDrawing",[3029,9689,9691],{"className":3031,"code":9690,"language":3033,"meta":3034,"style":3034},"\u003CImage Width=\"100\" Height=\"100\">\n    \u003CImage.Source>\n        \u003CDrawingImage>\n            \u003CDrawingImage.Drawing>\n                \u003CDrawingGroup>\n                    \u003C!-- Коло -->\n                    \u003CGeometryDrawing Brush=\"#3b82f6\">\n                        \u003CGeometryDrawing.Geometry>\n                            \u003CEllipseGeometry Center=\"50,50\" RadiusX=\"40\" RadiusY=\"40\"/>\n                        \u003C/GeometryDrawing.Geometry>\n                    \u003C/GeometryDrawing>\n                    \n                    \u003C!-- Трикутник всередині -->\n                    \u003CGeometryDrawing Brush=\"White\">\n                        \u003CGeometryDrawing.Geometry>\n                            \u003CPathGeometry>\n                                \u003CPathFigure StartPoint=\"35,60\" IsClosed=\"True\">\n                                    \u003CLineSegment Point=\"50,35\"/>\n                                    \u003CLineSegment Point=\"65,60\"/>\n                                \u003C/PathFigure>\n                            \u003C/PathGeometry>\n                        \u003C/GeometryDrawing.Geometry>\n                    \u003C/GeometryDrawing>\n                \u003C/DrawingGroup>\n            \u003C/DrawingImage.Drawing>\n        \u003C/DrawingImage>\n    \u003C/Image.Source>\n\u003C/Image>\n",[3020,9692,9693,9713,9722,9731,9740,9749,9754,9769,9778,9804,9812,9820,9825,9830,9844,9852,9860,9881,9897,9912,9921,9929,9937,9945,9953,9961,9969,9977],{"__ignoreMap":3034},[3038,9694,9695,9697,9699,9701,9703,9705,9707,9709,9711],{"class":3040,"line":3041},[3038,9696,3045],{"class":3044},[3038,9698,8106],{"class":3048},[3038,9700,3053],{"class":3052},[3038,9702,3057],{"class":3056},[3038,9704,3338],{"class":3060},[3038,9706,3064],{"class":3052},[3038,9708,3057],{"class":3056},[3038,9710,3338],{"class":3060},[3038,9712,3206],{"class":3044},[3038,9714,9715,9717,9720],{"class":3040,"line":3072},[3038,9716,3211],{"class":3044},[3038,9718,9719],{"class":3048},"Image.Source",[3038,9721,3206],{"class":3044},[3038,9723,9724,9726,9729],{"class":3040,"line":3083},[3038,9725,3237],{"class":3044},[3038,9727,9728],{"class":3048},"DrawingImage",[3038,9730,3206],{"class":3044},[3038,9732,9733,9735,9738],{"class":3040,"line":3094},[3038,9734,3329],{"class":3044},[3038,9736,9737],{"class":3048},"DrawingImage.Drawing",[3038,9739,3206],{"class":3044},[3038,9741,9742,9744,9747],{"class":3040,"line":3105},[3038,9743,4809],{"class":3044},[3038,9745,9746],{"class":3048},"DrawingGroup",[3038,9748,3206],{"class":3044},[3038,9750,9751],{"class":3040,"line":3116},[3038,9752,9753],{"class":3322},"                    \u003C!-- Коло -->\n",[3038,9755,9756,9758,9760,9763,9765,9767],{"class":3040,"line":3290},[3038,9757,6156],{"class":3044},[3038,9759,9687],{"class":3048},[3038,9761,9762],{"class":3052}," Brush",[3038,9764,3057],{"class":3056},[3038,9766,4753],{"class":3060},[3038,9768,3206],{"class":3044},[3038,9770,9771,9773,9776],{"class":3040,"line":3296},[3038,9772,6177],{"class":3044},[3038,9774,9775],{"class":3048},"GeometryDrawing.Geometry",[3038,9777,3206],{"class":3044},[3038,9779,9780,9782,9784,9786,9788,9790,9792,9794,9796,9798,9800,9802],{"class":3040,"line":3319},[3038,9781,8679],{"class":3044},[3038,9783,8144],{"class":3048},[3038,9785,7381],{"class":3052},[3038,9787,3057],{"class":3056},[3038,9789,8387],{"class":3060},[3038,9791,8154],{"class":3052},[3038,9793,3057],{"class":3056},[3038,9795,3196],{"class":3060},[3038,9797,8161],{"class":3052},[3038,9799,3057],{"class":3056},[3038,9801,3196],{"class":3060},[3038,9803,3127],{"class":3044},[3038,9805,9806,9808,9810],{"class":3040,"line":3326},[3038,9807,8769],{"class":3044},[3038,9809,9775],{"class":3048},[3038,9811,3206],{"class":3044},[3038,9813,9814,9816,9818],{"class":3040,"line":3348},[3038,9815,6218],{"class":3044},[3038,9817,9687],{"class":3048},[3038,9819,3206],{"class":3044},[3038,9821,9822],{"class":3040,"line":3358},[3038,9823,9824],{"class":3056},"                    \n",[3038,9826,9827],{"class":3040,"line":3368},[3038,9828,9829],{"class":3322},"                    \u003C!-- Трикутник всередині -->\n",[3038,9831,9832,9834,9836,9838,9840,9842],{"class":3040,"line":3381},[3038,9833,6156],{"class":3044},[3038,9835,9687],{"class":3048},[3038,9837,9762],{"class":3052},[3038,9839,3057],{"class":3056},[3038,9841,6256],{"class":3060},[3038,9843,3206],{"class":3044},[3038,9845,9846,9848,9850],{"class":3040,"line":3387},[3038,9847,6177],{"class":3044},[3038,9849,9775],{"class":3048},[3038,9851,3206],{"class":3044},[3038,9853,9854,9856,9858],{"class":3040,"line":3393},[3038,9855,8679],{"class":3044},[3038,9857,2986],{"class":3048},[3038,9859,3206],{"class":3044},[3038,9861,9862,9864,9866,9868,9870,9873,9875,9877,9879],{"class":3040,"line":3412},[3038,9863,8688],{"class":3044},[3038,9865,4794],{"class":3048},[3038,9867,4797],{"class":3052},[3038,9869,3057],{"class":3056},[3038,9871,9872],{"class":3060},"\"35,60\"",[3038,9874,9590],{"class":3052},[3038,9876,3057],{"class":3056},[3038,9878,9595],{"class":3060},[3038,9880,3206],{"class":3044},[3038,9882,9883,9886,9888,9890,9892,9895],{"class":3040,"line":3422},[3038,9884,9885],{"class":3044},"                                    \u003C",[3038,9887,4812],{"class":3048},[3038,9889,4815],{"class":3052},[3038,9891,3057],{"class":3056},[3038,9893,9894],{"class":3060},"\"50,35\"",[3038,9896,3127],{"class":3044},[3038,9898,9899,9901,9903,9905,9907,9910],{"class":3040,"line":3432},[3038,9900,9885],{"class":3044},[3038,9902,4812],{"class":3048},[3038,9904,4815],{"class":3052},[3038,9906,3057],{"class":3056},[3038,9908,9909],{"class":3060},"\"65,60\"",[3038,9911,3127],{"class":3044},[3038,9913,9914,9917,9919],{"class":3040,"line":3441},[3038,9915,9916],{"class":3044},"                                \u003C/",[3038,9918,4794],{"class":3048},[3038,9920,3206],{"class":3044},[3038,9922,9923,9925,9927],{"class":3040,"line":3452},[3038,9924,8717],{"class":3044},[3038,9926,2986],{"class":3048},[3038,9928,3206],{"class":3044},[3038,9930,9931,9933,9935],{"class":3040,"line":3465},[3038,9932,8769],{"class":3044},[3038,9934,9775],{"class":3048},[3038,9936,3206],{"class":3044},[3038,9938,9939,9941,9943],{"class":3040,"line":3470},[3038,9940,6218],{"class":3044},[3038,9942,9687],{"class":3048},[3038,9944,3206],{"class":3044},[3038,9946,9947,9949,9951],{"class":3040,"line":3476},[3038,9948,6227],{"class":3044},[3038,9950,9746],{"class":3048},[3038,9952,3206],{"class":3044},[3038,9954,9955,9957,9959],{"class":3040,"line":3495},[3038,9956,4857],{"class":3044},[3038,9958,9737],{"class":3048},[3038,9960,3206],{"class":3044},[3038,9962,9963,9965,9967],{"class":3040,"line":3505},[3038,9964,3538],{"class":3044},[3038,9966,9728],{"class":3048},[3038,9968,3206],{"class":3044},[3038,9970,9971,9973,9975],{"class":3040,"line":3515},[3038,9972,3548],{"class":3044},[3038,9974,9719],{"class":3048},[3038,9976,3206],{"class":3044},[3038,9978,9979,9981,9983],{"class":3040,"line":3524},[3038,9980,3558],{"class":3044},[3038,9982,8106],{"class":3048},[3038,9984,3206],{"class":3044},[2959,9986,9987],{},[2972,9988,9989],{},"Переваги Drawing над Shape:",[3134,9991,9992,9995,9998,10001],{},[3137,9993,9994],{},"Легковаговіший (менше пам'яті)",[3137,9996,9997],{},"Швидший рендеринг",[3137,9999,10000],{},"Можна використовувати як ImageSource",[3137,10002,10003],{},"Ідеально для іконок",[2959,10005,10006],{},[2972,10007,10008],{},"Недоліки:",[3134,10010,10011,10014],{},[3137,10012,10013],{},"Немає інтерактивності (події, hover)",[3137,10015,10016],{},"Немає Layout (фіксовані координати)",[5624,10018,10019,10022],{},[2972,10020,10021],{},"Коли використовувати Drawing:"," Для статичних іконок, логотипів, складних векторних зображень без інтерактивності. Для інтерактивних елементів використовуйте Shape або Path.",[3009,10024],{},[3012,10026,10028],{"id":10027},"transforms-трансформації-елементів","Transforms: трансформації елементів",[2959,10030,10031],{},"Transforms дозволяють обертати, масштабувати, переміщувати та нахиляти елементи.",[3024,10033,10035],{"id":10034},"rotatetransform-обертання","RotateTransform: обертання",[3029,10037,10039],{"className":3031,"code":10038,"language":3033,"meta":3034,"style":3034},"\u003CRectangle Width=\"100\" Height=\"50\" Fill=\"#3b82f6\">\n    \u003CRectangle.RenderTransform>\n        \u003CRotateTransform Angle=\"45\" CenterX=\"50\" CenterY=\"25\"/>\n    \u003C/Rectangle.RenderTransform>\n\u003C/Rectangle>\n",[3020,10040,10041,10067,10076,10108,10116],{"__ignoreMap":3034},[3038,10042,10043,10045,10047,10049,10051,10053,10055,10057,10059,10061,10063,10065],{"class":3040,"line":3041},[3038,10044,3045],{"class":3044},[3038,10046,3049],{"class":3048},[3038,10048,3053],{"class":3052},[3038,10050,3057],{"class":3056},[3038,10052,3338],{"class":3060},[3038,10054,3064],{"class":3052},[3038,10056,3057],{"class":3056},[3038,10058,8018],{"class":3060},[3038,10060,4763],{"class":3052},[3038,10062,3057],{"class":3056},[3038,10064,4753],{"class":3060},[3038,10066,3206],{"class":3044},[3038,10068,10069,10071,10074],{"class":3040,"line":3072},[3038,10070,3211],{"class":3044},[3038,10072,10073],{"class":3048},"Rectangle.RenderTransform",[3038,10075,3206],{"class":3044},[3038,10077,10078,10080,10083,10086,10088,10091,10094,10096,10098,10101,10103,10106],{"class":3040,"line":3083},[3038,10079,3237],{"class":3044},[3038,10081,10082],{"class":3048},"RotateTransform",[3038,10084,10085],{"class":3052}," Angle",[3038,10087,3057],{"class":3056},[3038,10089,10090],{"class":3060},"\"45\"",[3038,10092,10093],{"class":3052}," CenterX",[3038,10095,3057],{"class":3056},[3038,10097,8018],{"class":3060},[3038,10099,10100],{"class":3052}," CenterY",[3038,10102,3057],{"class":3056},[3038,10104,10105],{"class":3060},"\"25\"",[3038,10107,3127],{"class":3044},[3038,10109,10110,10112,10114],{"class":3040,"line":3094},[3038,10111,3548],{"class":3044},[3038,10113,10073],{"class":3048},[3038,10115,3206],{"class":3044},[3038,10117,10118,10120,10122],{"class":3040,"line":3105},[3038,10119,3558],{"class":3044},[3038,10121,3049],{"class":3048},[3038,10123,3206],{"class":3044},[2959,10125,10126],{},[2972,10127,3132],{},[3134,10129,10130,10136],{},[3137,10131,10132,10135],{},[3020,10133,10134],{},"Angle"," — кут обертання в градусах",[3137,10137,10138,3160,10141,10144],{},[3020,10139,10140],{},"CenterX",[3020,10142,10143],{},"CenterY"," — точка обертання",[3024,10146,10148],{"id":10147},"scaletransform-масштабування","ScaleTransform: масштабування",[3029,10150,10152],{"className":3031,"code":10151,"language":3033,"meta":3034,"style":3034},"\u003CButton Content=\"Scaled\">\n    \u003CButton.RenderTransform>\n        \u003CScaleTransform ScaleX=\"1.5\" ScaleY=\"1.5\" CenterX=\"50\" CenterY=\"25\"/>\n    \u003C/Button.RenderTransform>\n\u003C/Button>\n",[3020,10153,10154,10169,10178,10214,10222],{"__ignoreMap":3034},[3038,10155,10156,10158,10160,10162,10164,10167],{"class":3040,"line":3041},[3038,10157,3045],{"class":3044},[3038,10159,7822],{"class":3048},[3038,10161,7825],{"class":3052},[3038,10163,3057],{"class":3056},[3038,10165,10166],{"class":3060},"\"Scaled\"",[3038,10168,3206],{"class":3044},[3038,10170,10171,10173,10176],{"class":3040,"line":3072},[3038,10172,3211],{"class":3044},[3038,10174,10175],{"class":3048},"Button.RenderTransform",[3038,10177,3206],{"class":3044},[3038,10179,10180,10182,10185,10188,10190,10193,10196,10198,10200,10202,10204,10206,10208,10210,10212],{"class":3040,"line":3083},[3038,10181,3237],{"class":3044},[3038,10183,10184],{"class":3048},"ScaleTransform",[3038,10186,10187],{"class":3052}," ScaleX",[3038,10189,3057],{"class":3056},[3038,10191,10192],{"class":3060},"\"1.5\"",[3038,10194,10195],{"class":3052}," ScaleY",[3038,10197,3057],{"class":3056},[3038,10199,10192],{"class":3060},[3038,10201,10093],{"class":3052},[3038,10203,3057],{"class":3056},[3038,10205,8018],{"class":3060},[3038,10207,10100],{"class":3052},[3038,10209,3057],{"class":3056},[3038,10211,10105],{"class":3060},[3038,10213,3127],{"class":3044},[3038,10215,10216,10218,10220],{"class":3040,"line":3094},[3038,10217,3548],{"class":3044},[3038,10219,10175],{"class":3048},[3038,10221,3206],{"class":3044},[3038,10223,10224,10226,10228],{"class":3040,"line":3105},[3038,10225,3558],{"class":3044},[3038,10227,7822],{"class":3048},[3038,10229,3206],{"class":3044},[2959,10231,10232],{},[2972,10233,3132],{},[3134,10235,10236,10245],{},[3137,10237,10238,3160,10241,10244],{},[3020,10239,10240],{},"ScaleX",[3020,10242,10243],{},"ScaleY"," — коефіцієнт масштабування (1 = 100%, 2 = 200%, 0.5 = 50%)",[3137,10246,10247,3160,10249,10251],{},[3020,10248,10140],{},[3020,10250,10143],{}," — точка масштабування",[3024,10253,10255],{"id":10254},"translatetransform-переміщення","TranslateTransform: переміщення",[3029,10257,10259],{"className":3031,"code":10258,"language":3033,"meta":3034,"style":3034},"\u003CEllipse Width=\"50\" Height=\"50\" Fill=\"#22c55e\">\n    \u003CEllipse.RenderTransform>\n        \u003CTranslateTransform X=\"100\" Y=\"50\"/>\n    \u003C/Ellipse.RenderTransform>\n\u003C/Ellipse>\n",[3020,10260,10261,10287,10296,10319,10327],{"__ignoreMap":3034},[3038,10262,10263,10265,10267,10269,10271,10273,10275,10277,10279,10281,10283,10285],{"class":3040,"line":3041},[3038,10264,3045],{"class":3044},[3038,10266,3583],{"class":3048},[3038,10268,3053],{"class":3052},[3038,10270,3057],{"class":3056},[3038,10272,8018],{"class":3060},[3038,10274,3064],{"class":3052},[3038,10276,3057],{"class":3056},[3038,10278,8018],{"class":3060},[3038,10280,4763],{"class":3052},[3038,10282,3057],{"class":3056},[3038,10284,6373],{"class":3060},[3038,10286,3206],{"class":3044},[3038,10288,10289,10291,10294],{"class":3040,"line":3072},[3038,10290,3211],{"class":3044},[3038,10292,10293],{"class":3048},"Ellipse.RenderTransform",[3038,10295,3206],{"class":3044},[3038,10297,10298,10300,10303,10306,10308,10310,10313,10315,10317],{"class":3040,"line":3083},[3038,10299,3237],{"class":3044},[3038,10301,10302],{"class":3048},"TranslateTransform",[3038,10304,10305],{"class":3052}," X",[3038,10307,3057],{"class":3056},[3038,10309,3338],{"class":3060},[3038,10311,10312],{"class":3052}," Y",[3038,10314,3057],{"class":3056},[3038,10316,8018],{"class":3060},[3038,10318,3127],{"class":3044},[3038,10320,10321,10323,10325],{"class":3040,"line":3094},[3038,10322,3548],{"class":3044},[3038,10324,10293],{"class":3048},[3038,10326,3206],{"class":3044},[3038,10328,10329,10331,10333],{"class":3040,"line":3105},[3038,10330,3558],{"class":3044},[3038,10332,3583],{"class":3048},[3038,10334,3206],{"class":3044},[2959,10336,10337],{},[2972,10338,3132],{},[3134,10340,10341],{},[3137,10342,10343,3160,10346,10349],{},[3020,10344,10345],{},"X",[3020,10347,10348],{},"Y"," — зміщення по осях",[3024,10351,10353],{"id":10352},"skewtransform-нахил","SkewTransform: нахил",[3029,10355,10357],{"className":3031,"code":10356,"language":3033,"meta":3034,"style":3034},"\u003CRectangle Width=\"100\" Height=\"50\" Fill=\"#f59e0b\">\n    \u003CRectangle.RenderTransform>\n        \u003CSkewTransform AngleX=\"20\" AngleY=\"0\"/>\n    \u003C/Rectangle.RenderTransform>\n\u003C/Rectangle>\n",[3020,10358,10359,10385,10393,10416,10424],{"__ignoreMap":3034},[3038,10360,10361,10363,10365,10367,10369,10371,10373,10375,10377,10379,10381,10383],{"class":3040,"line":3041},[3038,10362,3045],{"class":3044},[3038,10364,3049],{"class":3048},[3038,10366,3053],{"class":3052},[3038,10368,3057],{"class":3056},[3038,10370,3338],{"class":3060},[3038,10372,3064],{"class":3052},[3038,10374,3057],{"class":3056},[3038,10376,8018],{"class":3060},[3038,10378,4763],{"class":3052},[3038,10380,3057],{"class":3056},[3038,10382,6561],{"class":3060},[3038,10384,3206],{"class":3044},[3038,10386,10387,10389,10391],{"class":3040,"line":3072},[3038,10388,3211],{"class":3044},[3038,10390,10073],{"class":3048},[3038,10392,3206],{"class":3044},[3038,10394,10395,10397,10400,10403,10405,10407,10410,10412,10414],{"class":3040,"line":3083},[3038,10396,3237],{"class":3044},[3038,10398,10399],{"class":3048},"SkewTransform",[3038,10401,10402],{"class":3052}," AngleX",[3038,10404,3057],{"class":3056},[3038,10406,3258],{"class":3060},[3038,10408,10409],{"class":3052}," AngleY",[3038,10411,3057],{"class":3056},[3038,10413,4024],{"class":3060},[3038,10415,3127],{"class":3044},[3038,10417,10418,10420,10422],{"class":3040,"line":3094},[3038,10419,3548],{"class":3044},[3038,10421,10073],{"class":3048},[3038,10423,3206],{"class":3044},[3038,10425,10426,10428,10430],{"class":3040,"line":3105},[3038,10427,3558],{"class":3044},[3038,10429,3049],{"class":3048},[3038,10431,3206],{"class":3044},[2959,10433,10434],{},[2972,10435,3132],{},[3134,10437,10438],{},[3137,10439,10440,3160,10443,10446],{},[3020,10441,10442],{},"AngleX",[3020,10444,10445],{},"AngleY"," — кут нахилу по осях",[3024,10448,10450],{"id":10449},"transformgroup-комбінування","TransformGroup: комбінування",[3029,10452,10454],{"className":3031,"code":10453,"language":3033,"meta":3034,"style":3034},"\u003CBorder Width=\"100\" Height=\"100\" Background=\"#8b5cf6\">\n    \u003CBorder.RenderTransform>\n        \u003CTransformGroup>\n            \u003CScaleTransform ScaleX=\"1.2\" ScaleY=\"1.2\"/>\n            \u003CRotateTransform Angle=\"15\"/>\n            \u003CTranslateTransform X=\"50\" Y=\"20\"/>\n        \u003C/TransformGroup>\n    \u003C/Border.RenderTransform>\n\u003C/Border>\n",[3020,10455,10456,10482,10491,10500,10521,10536,10556,10564,10572],{"__ignoreMap":3034},[3038,10457,10458,10460,10462,10464,10466,10468,10470,10472,10474,10476,10478,10480],{"class":3040,"line":3041},[3038,10459,3045],{"class":3044},[3038,10461,3180],{"class":3048},[3038,10463,3053],{"class":3052},[3038,10465,3057],{"class":3056},[3038,10467,3338],{"class":3060},[3038,10469,3064],{"class":3052},[3038,10471,3057],{"class":3056},[3038,10473,3338],{"class":3060},[3038,10475,3183],{"class":3052},[3038,10477,3057],{"class":3056},[3038,10479,5815],{"class":3060},[3038,10481,3206],{"class":3044},[3038,10483,10484,10486,10489],{"class":3040,"line":3072},[3038,10485,3211],{"class":3044},[3038,10487,10488],{"class":3048},"Border.RenderTransform",[3038,10490,3206],{"class":3044},[3038,10492,10493,10495,10498],{"class":3040,"line":3083},[3038,10494,3237],{"class":3044},[3038,10496,10497],{"class":3048},"TransformGroup",[3038,10499,3206],{"class":3044},[3038,10501,10502,10504,10506,10508,10510,10513,10515,10517,10519],{"class":3040,"line":3094},[3038,10503,3329],{"class":3044},[3038,10505,10184],{"class":3048},[3038,10507,10187],{"class":3052},[3038,10509,3057],{"class":3056},[3038,10511,10512],{"class":3060},"\"1.2\"",[3038,10514,10195],{"class":3052},[3038,10516,3057],{"class":3056},[3038,10518,10512],{"class":3060},[3038,10520,3127],{"class":3044},[3038,10522,10523,10525,10527,10529,10531,10534],{"class":3040,"line":3105},[3038,10524,3329],{"class":3044},[3038,10526,10082],{"class":3048},[3038,10528,10085],{"class":3052},[3038,10530,3057],{"class":3056},[3038,10532,10533],{"class":3060},"\"15\"",[3038,10535,3127],{"class":3044},[3038,10537,10538,10540,10542,10544,10546,10548,10550,10552,10554],{"class":3040,"line":3116},[3038,10539,3329],{"class":3044},[3038,10541,10302],{"class":3048},[3038,10543,10305],{"class":3052},[3038,10545,3057],{"class":3056},[3038,10547,8018],{"class":3060},[3038,10549,10312],{"class":3052},[3038,10551,3057],{"class":3056},[3038,10553,3258],{"class":3060},[3038,10555,3127],{"class":3044},[3038,10557,10558,10560,10562],{"class":3040,"line":3290},[3038,10559,3538],{"class":3044},[3038,10561,10497],{"class":3048},[3038,10563,3206],{"class":3044},[3038,10565,10566,10568,10570],{"class":3040,"line":3296},[3038,10567,3548],{"class":3044},[3038,10569,10488],{"class":3048},[3038,10571,3206],{"class":3044},[3038,10573,10574,10576,10578],{"class":3040,"line":3319},[3038,10575,3558],{"class":3044},[3038,10577,3180],{"class":3048},[3038,10579,3206],{"class":3044},[2959,10581,10582,10585],{},[2972,10583,10584],{},"Порядок застосування:"," Трансформації застосовуються в порядку, в якому вони визначені в TransformGroup.",[3166,10587,10589],{"title":10588},"Transforms — трансформації",[3029,10590,10592],{"className":3031,"code":10591,"language":3033,"meta":3034,"style":3034},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"24\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"🔄 Transforms\"\n                   FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"32\" HorizontalAlignment=\"Center\">\n            \u003C!-- Оригінал -->\n            \u003CStackPanel Spacing=\"8\">\n                \u003CRectangle Width=\"80\" Height=\"80\" Fill=\"#3b82f6\" Stroke=\"#1e40af\" StrokeThickness=\"2\"/>\n                \u003CTextBlock Text=\"Original\" FontSize=\"12\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\"/>\n            \u003C/StackPanel>\n            \n            \u003C!-- Rotate -->\n            \u003CStackPanel Spacing=\"8\">\n                \u003CRectangle Width=\"80\" Height=\"80\" Fill=\"#22c55e\" Stroke=\"#16a34a\" StrokeThickness=\"2\">\n                    \u003CRectangle.RenderTransform>\n                        \u003CRotateTransform Angle=\"45\" CenterX=\"40\" CenterY=\"40\"/>\n                    \u003C/Rectangle.RenderTransform>\n                \u003C/Rectangle>\n                \u003CTextBlock Text=\"Rotate 45°\" FontSize=\"12\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\"/>\n            \u003C/StackPanel>\n            \n            \u003C!-- Scale -->\n            \u003CStackPanel Spacing=\"8\">\n                \u003CRectangle Width=\"80\" Height=\"80\" Fill=\"#f59e0b\" Stroke=\"#d97706\" StrokeThickness=\"2\">\n                    \u003CRectangle.RenderTransform>\n                        \u003CScaleTransform ScaleX=\"0.7\" ScaleY=\"1.3\" CenterX=\"40\" CenterY=\"40\"/>\n                    \u003C/Rectangle.RenderTransform>\n                \u003C/Rectangle>\n                \u003CTextBlock Text=\"Scale\" FontSize=\"12\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\"/>\n            \u003C/StackPanel>\n            \n            \u003C!-- Skew -->\n            \u003CStackPanel Spacing=\"8\">\n                \u003CRectangle Width=\"80\" Height=\"80\" Fill=\"#8b5cf6\" Stroke=\"#7c3aed\" StrokeThickness=\"2\">\n                    \u003CRectangle.RenderTransform>\n                        \u003CSkewTransform AngleX=\"20\" AngleY=\"0\"/>\n                    \u003C/Rectangle.RenderTransform>\n                \u003C/Rectangle>\n                \u003CTextBlock Text=\"Skew\" FontSize=\"12\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\"/>\n            \u003C/StackPanel>\n        \u003C/StackPanel>\n    \u003C/StackPanel>\n\u003C/Border>\n",[3020,10593,10594,10620,10640,10653,10667,10675,10685,10689,10716,10721,10735,10773,10806,10814,10818,10823,10837,10875,10883,10909,10917,10925,10958,10966,10970,10975,10989,11028,11036,11070,11078,11086,11119,11127,11131,11136,11150,11188,11196,11216,11224,11232,11265,11273,11281,11289],{"__ignoreMap":3034},[3038,10595,10596,10598,10600,10602,10604,10606,10608,10610,10612,10614,10616,10618],{"class":3040,"line":3041},[3038,10597,3045],{"class":3044},[3038,10599,3180],{"class":3048},[3038,10601,3183],{"class":3052},[3038,10603,3057],{"class":3056},[3038,10605,3188],{"class":3060},[3038,10607,3191],{"class":3052},[3038,10609,3057],{"class":3056},[3038,10611,3196],{"class":3060},[3038,10613,3199],{"class":3052},[3038,10615,3057],{"class":3056},[3038,10617,3124],{"class":3060},[3038,10619,3206],{"class":3044},[3038,10621,10622,10624,10626,10628,10630,10632,10634,10636,10638],{"class":3040,"line":3072},[3038,10623,3211],{"class":3044},[3038,10625,3214],{"class":3048},[3038,10627,3217],{"class":3052},[3038,10629,3057],{"class":3056},[3038,10631,4337],{"class":3060},[3038,10633,3225],{"class":3052},[3038,10635,3057],{"class":3056},[3038,10637,3230],{"class":3060},[3038,10639,3206],{"class":3044},[3038,10641,10642,10644,10646,10648,10650],{"class":3040,"line":3083},[3038,10643,3237],{"class":3044},[3038,10645,3240],{"class":3048},[3038,10647,3243],{"class":3052},[3038,10649,3057],{"class":3056},[3038,10651,10652],{"class":3060},"\"🔄 Transforms\"\n",[3038,10654,10655,10657,10659,10661,10663,10665],{"class":3040,"line":3094},[3038,10656,3253],{"class":3052},[3038,10658,3057],{"class":3056},[3038,10660,3258],{"class":3060},[3038,10662,3261],{"class":3052},[3038,10664,3057],{"class":3056},[3038,10666,3266],{"class":3060},[3038,10668,10669,10671,10673],{"class":3040,"line":3105},[3038,10670,3271],{"class":3052},[3038,10672,3057],{"class":3056},[3038,10674,3276],{"class":3060},[3038,10676,10677,10679,10681,10683],{"class":3040,"line":3116},[3038,10678,3281],{"class":3052},[3038,10680,3057],{"class":3056},[3038,10682,3230],{"class":3060},[3038,10684,3127],{"class":3044},[3038,10686,10687],{"class":3040,"line":3290},[3038,10688,3293],{"class":3056},[3038,10690,10691,10693,10695,10697,10699,10701,10703,10705,10708,10710,10712,10714],{"class":3040,"line":3296},[3038,10692,3237],{"class":3044},[3038,10694,3214],{"class":3048},[3038,10696,3303],{"class":3052},[3038,10698,3057],{"class":3056},[3038,10700,3308],{"class":3060},[3038,10702,3217],{"class":3052},[3038,10704,3057],{"class":3056},[3038,10706,10707],{"class":3060},"\"32\"",[3038,10709,3225],{"class":3052},[3038,10711,3057],{"class":3056},[3038,10713,3230],{"class":3060},[3038,10715,3206],{"class":3044},[3038,10717,10718],{"class":3040,"line":3319},[3038,10719,10720],{"class":3322},"            \u003C!-- Оригінал -->\n",[3038,10722,10723,10725,10727,10729,10731,10733],{"class":3040,"line":3326},[3038,10724,3329],{"class":3044},[3038,10726,3214],{"class":3048},[3038,10728,3217],{"class":3052},[3038,10730,3057],{"class":3056},[3038,10732,3124],{"class":3060},[3038,10734,3206],{"class":3044},[3038,10736,10737,10739,10741,10743,10745,10747,10749,10751,10753,10755,10757,10759,10761,10763,10765,10767,10769,10771],{"class":3040,"line":3348},[3038,10738,4809],{"class":3044},[3038,10740,3049],{"class":3048},[3038,10742,3053],{"class":3052},[3038,10744,3057],{"class":3056},[3038,10746,3831],{"class":3060},[3038,10748,3064],{"class":3052},[3038,10750,3057],{"class":3056},[3038,10752,3831],{"class":3060},[3038,10754,4763],{"class":3052},[3038,10756,3057],{"class":3056},[3038,10758,4753],{"class":3060},[3038,10760,4748],{"class":3052},[3038,10762,3057],{"class":3056},[3038,10764,8625],{"class":3060},[3038,10766,4756],{"class":3052},[3038,10768,3057],{"class":3056},[3038,10770,3376],{"class":3060},[3038,10772,3127],{"class":3044},[3038,10774,10775,10777,10779,10781,10783,10786,10788,10790,10792,10794,10796,10798,10800,10802,10804],{"class":3040,"line":3358},[3038,10776,4809],{"class":3044},[3038,10778,3240],{"class":3048},[3038,10780,3243],{"class":3052},[3038,10782,3057],{"class":3056},[3038,10784,10785],{"class":3060},"\"Original\"",[3038,10787,7802],{"class":3052},[3038,10789,3057],{"class":3056},[3038,10791,3460],{"class":3060},[3038,10793,8810],{"class":3052},[3038,10795,3057],{"class":3056},[3038,10797,8815],{"class":3060},[3038,10799,3225],{"class":3052},[3038,10801,3057],{"class":3056},[3038,10803,3230],{"class":3060},[3038,10805,3127],{"class":3044},[3038,10807,10808,10810,10812],{"class":3040,"line":3368},[3038,10809,4857],{"class":3044},[3038,10811,3214],{"class":3048},[3038,10813,3206],{"class":3044},[3038,10815,10816],{"class":3040,"line":3381},[3038,10817,3384],{"class":3056},[3038,10819,10820],{"class":3040,"line":3387},[3038,10821,10822],{"class":3322},"            \u003C!-- Rotate -->\n",[3038,10824,10825,10827,10829,10831,10833,10835],{"class":3040,"line":3393},[3038,10826,3329],{"class":3044},[3038,10828,3214],{"class":3048},[3038,10830,3217],{"class":3052},[3038,10832,3057],{"class":3056},[3038,10834,3124],{"class":3060},[3038,10836,3206],{"class":3044},[3038,10838,10839,10841,10843,10845,10847,10849,10851,10853,10855,10857,10859,10861,10863,10865,10867,10869,10871,10873],{"class":3040,"line":3412},[3038,10840,4809],{"class":3044},[3038,10842,3049],{"class":3048},[3038,10844,3053],{"class":3052},[3038,10846,3057],{"class":3056},[3038,10848,3831],{"class":3060},[3038,10850,3064],{"class":3052},[3038,10852,3057],{"class":3056},[3038,10854,3831],{"class":3060},[3038,10856,4763],{"class":3052},[3038,10858,3057],{"class":3056},[3038,10860,6373],{"class":3060},[3038,10862,4748],{"class":3052},[3038,10864,3057],{"class":3056},[3038,10866,8867],{"class":3060},[3038,10868,4756],{"class":3052},[3038,10870,3057],{"class":3056},[3038,10872,3376],{"class":3060},[3038,10874,3206],{"class":3044},[3038,10876,10877,10879,10881],{"class":3040,"line":3422},[3038,10878,6156],{"class":3044},[3038,10880,10073],{"class":3048},[3038,10882,3206],{"class":3044},[3038,10884,10885,10887,10889,10891,10893,10895,10897,10899,10901,10903,10905,10907],{"class":3040,"line":3432},[3038,10886,6177],{"class":3044},[3038,10888,10082],{"class":3048},[3038,10890,10085],{"class":3052},[3038,10892,3057],{"class":3056},[3038,10894,10090],{"class":3060},[3038,10896,10093],{"class":3052},[3038,10898,3057],{"class":3056},[3038,10900,3196],{"class":3060},[3038,10902,10100],{"class":3052},[3038,10904,3057],{"class":3056},[3038,10906,3196],{"class":3060},[3038,10908,3127],{"class":3044},[3038,10910,10911,10913,10915],{"class":3040,"line":3441},[3038,10912,6218],{"class":3044},[3038,10914,10073],{"class":3048},[3038,10916,3206],{"class":3044},[3038,10918,10919,10921,10923],{"class":3040,"line":3452},[3038,10920,6227],{"class":3044},[3038,10922,3049],{"class":3048},[3038,10924,3206],{"class":3044},[3038,10926,10927,10929,10931,10933,10935,10938,10940,10942,10944,10946,10948,10950,10952,10954,10956],{"class":3040,"line":3465},[3038,10928,4809],{"class":3044},[3038,10930,3240],{"class":3048},[3038,10932,3243],{"class":3052},[3038,10934,3057],{"class":3056},[3038,10936,10937],{"class":3060},"\"Rotate 45°\"",[3038,10939,7802],{"class":3052},[3038,10941,3057],{"class":3056},[3038,10943,3460],{"class":3060},[3038,10945,8810],{"class":3052},[3038,10947,3057],{"class":3056},[3038,10949,8815],{"class":3060},[3038,10951,3225],{"class":3052},[3038,10953,3057],{"class":3056},[3038,10955,3230],{"class":3060},[3038,10957,3127],{"class":3044},[3038,10959,10960,10962,10964],{"class":3040,"line":3470},[3038,10961,4857],{"class":3044},[3038,10963,3214],{"class":3048},[3038,10965,3206],{"class":3044},[3038,10967,10968],{"class":3040,"line":3476},[3038,10969,3384],{"class":3056},[3038,10971,10972],{"class":3040,"line":3495},[3038,10973,10974],{"class":3322},"            \u003C!-- Scale -->\n",[3038,10976,10977,10979,10981,10983,10985,10987],{"class":3040,"line":3505},[3038,10978,3329],{"class":3044},[3038,10980,3214],{"class":3048},[3038,10982,3217],{"class":3052},[3038,10984,3057],{"class":3056},[3038,10986,3124],{"class":3060},[3038,10988,3206],{"class":3044},[3038,10990,10991,10993,10995,10997,10999,11001,11003,11005,11007,11009,11011,11013,11015,11017,11020,11022,11024,11026],{"class":3040,"line":3515},[3038,10992,4809],{"class":3044},[3038,10994,3049],{"class":3048},[3038,10996,3053],{"class":3052},[3038,10998,3057],{"class":3056},[3038,11000,3831],{"class":3060},[3038,11002,3064],{"class":3052},[3038,11004,3057],{"class":3056},[3038,11006,3831],{"class":3060},[3038,11008,4763],{"class":3052},[3038,11010,3057],{"class":3056},[3038,11012,6561],{"class":3060},[3038,11014,4748],{"class":3052},[3038,11016,3057],{"class":3056},[3038,11018,11019],{"class":3060},"\"#d97706\"",[3038,11021,4756],{"class":3052},[3038,11023,3057],{"class":3056},[3038,11025,3376],{"class":3060},[3038,11027,3206],{"class":3044},[3038,11029,11030,11032,11034],{"class":3040,"line":3524},[3038,11031,6156],{"class":3044},[3038,11033,10073],{"class":3048},[3038,11035,3206],{"class":3044},[3038,11037,11038,11040,11042,11044,11046,11049,11051,11053,11056,11058,11060,11062,11064,11066,11068],{"class":3040,"line":3535},[3038,11039,6177],{"class":3044},[3038,11041,10184],{"class":3048},[3038,11043,10187],{"class":3052},[3038,11045,3057],{"class":3056},[3038,11047,11048],{"class":3060},"\"0.7\"",[3038,11050,10195],{"class":3052},[3038,11052,3057],{"class":3056},[3038,11054,11055],{"class":3060},"\"1.3\"",[3038,11057,10093],{"class":3052},[3038,11059,3057],{"class":3056},[3038,11061,3196],{"class":3060},[3038,11063,10100],{"class":3052},[3038,11065,3057],{"class":3056},[3038,11067,3196],{"class":3060},[3038,11069,3127],{"class":3044},[3038,11071,11072,11074,11076],{"class":3040,"line":3545},[3038,11073,6218],{"class":3044},[3038,11075,10073],{"class":3048},[3038,11077,3206],{"class":3044},[3038,11079,11080,11082,11084],{"class":3040,"line":3555},[3038,11081,6227],{"class":3044},[3038,11083,3049],{"class":3048},[3038,11085,3206],{"class":3044},[3038,11087,11088,11090,11092,11094,11096,11099,11101,11103,11105,11107,11109,11111,11113,11115,11117],{"class":3040,"line":5467},[3038,11089,4809],{"class":3044},[3038,11091,3240],{"class":3048},[3038,11093,3243],{"class":3052},[3038,11095,3057],{"class":3056},[3038,11097,11098],{"class":3060},"\"Scale\"",[3038,11100,7802],{"class":3052},[3038,11102,3057],{"class":3056},[3038,11104,3460],{"class":3060},[3038,11106,8810],{"class":3052},[3038,11108,3057],{"class":3056},[3038,11110,8815],{"class":3060},[3038,11112,3225],{"class":3052},[3038,11114,3057],{"class":3056},[3038,11116,3230],{"class":3060},[3038,11118,3127],{"class":3044},[3038,11120,11121,11123,11125],{"class":3040,"line":5476},[3038,11122,4857],{"class":3044},[3038,11124,3214],{"class":3048},[3038,11126,3206],{"class":3044},[3038,11128,11129],{"class":3040,"line":5486},[3038,11130,3384],{"class":3056},[3038,11132,11133],{"class":3040,"line":5497},[3038,11134,11135],{"class":3322},"            \u003C!-- Skew -->\n",[3038,11137,11138,11140,11142,11144,11146,11148],{"class":3040,"line":5506},[3038,11139,3329],{"class":3044},[3038,11141,3214],{"class":3048},[3038,11143,3217],{"class":3052},[3038,11145,3057],{"class":3056},[3038,11147,3124],{"class":3060},[3038,11149,3206],{"class":3044},[3038,11151,11152,11154,11156,11158,11160,11162,11164,11166,11168,11170,11172,11174,11176,11178,11180,11182,11184,11186],{"class":3040,"line":5515},[3038,11153,4809],{"class":3044},[3038,11155,3049],{"class":3048},[3038,11157,3053],{"class":3052},[3038,11159,3057],{"class":3056},[3038,11161,3831],{"class":3060},[3038,11163,3064],{"class":3052},[3038,11165,3057],{"class":3056},[3038,11167,3831],{"class":3060},[3038,11169,4763],{"class":3052},[3038,11171,3057],{"class":3056},[3038,11173,5815],{"class":3060},[3038,11175,4748],{"class":3052},[3038,11177,3057],{"class":3056},[3038,11179,9332],{"class":3060},[3038,11181,4756],{"class":3052},[3038,11183,3057],{"class":3056},[3038,11185,3376],{"class":3060},[3038,11187,3206],{"class":3044},[3038,11189,11190,11192,11194],{"class":3040,"line":6482},[3038,11191,6156],{"class":3044},[3038,11193,10073],{"class":3048},[3038,11195,3206],{"class":3044},[3038,11197,11198,11200,11202,11204,11206,11208,11210,11212,11214],{"class":3040,"line":6487},[3038,11199,6177],{"class":3044},[3038,11201,10399],{"class":3048},[3038,11203,10402],{"class":3052},[3038,11205,3057],{"class":3056},[3038,11207,3258],{"class":3060},[3038,11209,10409],{"class":3052},[3038,11211,3057],{"class":3056},[3038,11213,4024],{"class":3060},[3038,11215,3127],{"class":3044},[3038,11217,11218,11220,11222],{"class":3040,"line":6493},[3038,11219,6218],{"class":3044},[3038,11221,10073],{"class":3048},[3038,11223,3206],{"class":3044},[3038,11225,11226,11228,11230],{"class":3040,"line":6520},[3038,11227,6227],{"class":3044},[3038,11229,3049],{"class":3048},[3038,11231,3206],{"class":3044},[3038,11233,11234,11236,11238,11240,11242,11245,11247,11249,11251,11253,11255,11257,11259,11261,11263],{"class":3040,"line":6529},[3038,11235,4809],{"class":3044},[3038,11237,3240],{"class":3048},[3038,11239,3243],{"class":3052},[3038,11241,3057],{"class":3056},[3038,11243,11244],{"class":3060},"\"Skew\"",[3038,11246,7802],{"class":3052},[3038,11248,3057],{"class":3056},[3038,11250,3460],{"class":3060},[3038,11252,8810],{"class":3052},[3038,11254,3057],{"class":3056},[3038,11256,8815],{"class":3060},[3038,11258,3225],{"class":3052},[3038,11260,3057],{"class":3056},[3038,11262,3230],{"class":3060},[3038,11264,3127],{"class":3044},[3038,11266,11267,11269,11271],{"class":3040,"line":6550},[3038,11268,4857],{"class":3044},[3038,11270,3214],{"class":3048},[3038,11272,3206],{"class":3044},[3038,11274,11275,11277,11279],{"class":3040,"line":6572},[3038,11276,3538],{"class":3044},[3038,11278,3214],{"class":3048},[3038,11280,3206],{"class":3044},[3038,11282,11283,11285,11287],{"class":3040,"line":6594},[3038,11284,3548],{"class":3044},[3038,11286,3214],{"class":3048},[3038,11288,3206],{"class":3044},[3038,11290,11291,11293,11295],{"class":3040,"line":6603},[3038,11292,3558],{"class":3044},[3038,11294,3180],{"class":3048},[3038,11296,3206],{"class":3044},[3009,11298],{},[3012,11300,11302],{"id":11301},"mediaelement-відео-та-аудіо","MediaElement: відео та аудіо",[2959,11304,11305,11307],{},[3020,11306,3002],{}," дозволяє відтворювати відео та аудіо файли прямо в WPF інтерфейсі.",[3024,11309,4734],{"id":11310},"базовий-синтаксис-1",[3029,11312,11314],{"className":3031,"code":11313,"language":3033,"meta":3034,"style":3034},"\u003CMediaElement x:Name=\"VideoPlayer\"\n              Source=\"/Assets/video.mp4\"\n              LoadedBehavior=\"Manual\"\n              Width=\"640\"\n              Height=\"360\"/>\n\n\u003CStackPanel Orientation=\"Horizontal\">\n    \u003CButton Content=\"Play\" Click=\"Play_Click\"/>\n    \u003CButton Content=\"Pause\" Click=\"Pause_Click\"/>\n    \u003CButton Content=\"Stop\" Click=\"Stop_Click\"/>\n\u003C/StackPanel>\n",[3020,11315,11316,11329,11339,11349,11359,11371,11375,11389,11412,11434,11456],{"__ignoreMap":3034},[3038,11317,11318,11320,11322,11324,11326],{"class":3040,"line":3041},[3038,11319,3045],{"class":3044},[3038,11321,3002],{"class":3048},[3038,11323,7773],{"class":3052},[3038,11325,3057],{"class":3056},[3038,11327,11328],{"class":3060},"\"VideoPlayer\"\n",[3038,11330,11331,11334,11336],{"class":3040,"line":3072},[3038,11332,11333],{"class":3052},"              Source",[3038,11335,3057],{"class":3056},[3038,11337,11338],{"class":3060},"\"/Assets/video.mp4\"\n",[3038,11340,11341,11344,11346],{"class":3040,"line":3083},[3038,11342,11343],{"class":3052},"              LoadedBehavior",[3038,11345,3057],{"class":3056},[3038,11347,11348],{"class":3060},"\"Manual\"\n",[3038,11350,11351,11354,11356],{"class":3040,"line":3094},[3038,11352,11353],{"class":3052},"              Width",[3038,11355,3057],{"class":3056},[3038,11357,11358],{"class":3060},"\"640\"\n",[3038,11360,11361,11364,11366,11369],{"class":3040,"line":3105},[3038,11362,11363],{"class":3052},"              Height",[3038,11365,3057],{"class":3056},[3038,11367,11368],{"class":3060},"\"360\"",[3038,11370,3127],{"class":3044},[3038,11372,11373],{"class":3040,"line":3116},[3038,11374,3632],{"emptyLinePlaceholder":3631},[3038,11376,11377,11379,11381,11383,11385,11387],{"class":3040,"line":3290},[3038,11378,3045],{"class":3044},[3038,11380,3214],{"class":3048},[3038,11382,3303],{"class":3052},[3038,11384,3057],{"class":3056},[3038,11386,3308],{"class":3060},[3038,11388,3206],{"class":3044},[3038,11390,11391,11393,11395,11397,11399,11402,11405,11407,11410],{"class":3040,"line":3296},[3038,11392,3211],{"class":3044},[3038,11394,7822],{"class":3048},[3038,11396,7825],{"class":3052},[3038,11398,3057],{"class":3056},[3038,11400,11401],{"class":3060},"\"Play\"",[3038,11403,11404],{"class":3052}," Click",[3038,11406,3057],{"class":3056},[3038,11408,11409],{"class":3060},"\"Play_Click\"",[3038,11411,3127],{"class":3044},[3038,11413,11414,11416,11418,11420,11422,11425,11427,11429,11432],{"class":3040,"line":3319},[3038,11415,3211],{"class":3044},[3038,11417,7822],{"class":3048},[3038,11419,7825],{"class":3052},[3038,11421,3057],{"class":3056},[3038,11423,11424],{"class":3060},"\"Pause\"",[3038,11426,11404],{"class":3052},[3038,11428,3057],{"class":3056},[3038,11430,11431],{"class":3060},"\"Pause_Click\"",[3038,11433,3127],{"class":3044},[3038,11435,11436,11438,11440,11442,11444,11447,11449,11451,11454],{"class":3040,"line":3326},[3038,11437,3211],{"class":3044},[3038,11439,7822],{"class":3048},[3038,11441,7825],{"class":3052},[3038,11443,3057],{"class":3056},[3038,11445,11446],{"class":3060},"\"Stop\"",[3038,11448,11404],{"class":3052},[3038,11450,3057],{"class":3056},[3038,11452,11453],{"class":3060},"\"Stop_Click\"",[3038,11455,3127],{"class":3044},[3038,11457,11458,11460,11462],{"class":3040,"line":3348},[3038,11459,3558],{"class":3044},[3038,11461,3214],{"class":3048},[3038,11463,3206],{"class":3044},[3029,11465,11469],{"className":11466,"code":11467,"language":11468,"meta":3034,"style":3034},"language-csharp shiki shiki-themes light-plus dark-plus dark-plus","private void Play_Click(object sender, RoutedEventArgs e)\n{\n    VideoPlayer.Play();\n}\n\nprivate void Pause_Click(object sender, RoutedEventArgs e)\n{\n    VideoPlayer.Pause();\n}\n\nprivate void Stop_Click(object sender, RoutedEventArgs e)\n{\n    VideoPlayer.Stop();\n}\n","csharp",[3020,11470,11471,11506,11511,11524,11529,11533,11556,11560,11571,11575,11579,11602,11606,11617],{"__ignoreMap":3034},[3038,11472,11473,11477,11480,11484,11487,11490,11494,11496,11500,11503],{"class":3040,"line":3041},[3038,11474,11476],{"class":11475},"su1O8","private",[3038,11478,11479],{"class":11475}," void",[3038,11481,11483],{"class":11482},"s8Opu"," Play_Click",[3038,11485,11486],{"class":3056},"(",[3038,11488,11489],{"class":11475},"object",[3038,11491,11493],{"class":11492},"siwwj"," sender",[3038,11495,3160],{"class":3056},[3038,11497,11499],{"class":11498},"sN1BT","RoutedEventArgs",[3038,11501,11502],{"class":11492}," e",[3038,11504,11505],{"class":3056},")\n",[3038,11507,11508],{"class":3040,"line":3072},[3038,11509,11510],{"class":3056},"{\n",[3038,11512,11513,11516,11518,11521],{"class":3040,"line":3083},[3038,11514,11515],{"class":11492},"    VideoPlayer",[3038,11517,3022],{"class":3056},[3038,11519,11520],{"class":11482},"Play",[3038,11522,11523],{"class":3056},"();\n",[3038,11525,11526],{"class":3040,"line":3094},[3038,11527,11528],{"class":3056},"}\n",[3038,11530,11531],{"class":3040,"line":3105},[3038,11532,3632],{"emptyLinePlaceholder":3631},[3038,11534,11535,11537,11539,11542,11544,11546,11548,11550,11552,11554],{"class":3040,"line":3116},[3038,11536,11476],{"class":11475},[3038,11538,11479],{"class":11475},[3038,11540,11541],{"class":11482}," Pause_Click",[3038,11543,11486],{"class":3056},[3038,11545,11489],{"class":11475},[3038,11547,11493],{"class":11492},[3038,11549,3160],{"class":3056},[3038,11551,11499],{"class":11498},[3038,11553,11502],{"class":11492},[3038,11555,11505],{"class":3056},[3038,11557,11558],{"class":3040,"line":3290},[3038,11559,11510],{"class":3056},[3038,11561,11562,11564,11566,11569],{"class":3040,"line":3296},[3038,11563,11515],{"class":11492},[3038,11565,3022],{"class":3056},[3038,11567,11568],{"class":11482},"Pause",[3038,11570,11523],{"class":3056},[3038,11572,11573],{"class":3040,"line":3319},[3038,11574,11528],{"class":3056},[3038,11576,11577],{"class":3040,"line":3326},[3038,11578,3632],{"emptyLinePlaceholder":3631},[3038,11580,11581,11583,11585,11588,11590,11592,11594,11596,11598,11600],{"class":3040,"line":3348},[3038,11582,11476],{"class":11475},[3038,11584,11479],{"class":11475},[3038,11586,11587],{"class":11482}," Stop_Click",[3038,11589,11486],{"class":3056},[3038,11591,11489],{"class":11475},[3038,11593,11493],{"class":11492},[3038,11595,3160],{"class":3056},[3038,11597,11499],{"class":11498},[3038,11599,11502],{"class":11492},[3038,11601,11505],{"class":3056},[3038,11603,11604],{"class":3040,"line":3358},[3038,11605,11510],{"class":3056},[3038,11607,11608,11610,11612,11615],{"class":3040,"line":3368},[3038,11609,11515],{"class":11492},[3038,11611,3022],{"class":3056},[3038,11613,11614],{"class":11482},"Stop",[3038,11616,11523],{"class":3056},[3038,11618,11619],{"class":3040,"line":3381},[3038,11620,11528],{"class":3056},[3024,11622,11624],{"id":11623},"властивості-mediaelement","Властивості MediaElement",[4949,11626,11627,11636],{},[4952,11628,11629],{},[4955,11630,11631,11634],{},[4958,11632,11633],{},"Властивість",[4958,11635,4963],{},[4968,11637,11638,11648,11658,11668,11678,11688,11698,11708],{},[4955,11639,11640,11645],{},[4973,11641,11642],{},[3020,11643,11644],{},"Source",[4973,11646,11647],{},"Шлях до медіа-файлу (локальний або URL)",[4955,11649,11650,11655],{},[4973,11651,11652],{},[3020,11653,11654],{},"LoadedBehavior",[4973,11656,11657],{},"Поведінка при завантаженні (Manual, Play, Pause, Stop)",[4955,11659,11660,11665],{},[4973,11661,11662],{},[3020,11663,11664],{},"UnloadedBehavior",[4973,11666,11667],{},"Поведінка при вивантаженні",[4955,11669,11670,11675],{},[4973,11671,11672],{},[3020,11673,11674],{},"Volume",[4973,11676,11677],{},"Гучність (0.0 - 1.0)",[4955,11679,11680,11685],{},[4973,11681,11682],{},[3020,11683,11684],{},"IsMuted",[4973,11686,11687],{},"Вимкнути звук",[4955,11689,11690,11695],{},[4973,11691,11692],{},[3020,11693,11694],{},"Position",[4973,11696,11697],{},"Поточна позиція відтворення (TimeSpan)",[4955,11699,11700,11705],{},[4973,11701,11702],{},[3020,11703,11704],{},"SpeedRatio",[4973,11706,11707],{},"Швидкість відтворення (1.0 = нормальна, 2.0 = 2x)",[4955,11709,11710,11714],{},[4973,11711,11712],{},[3020,11713,7723],{},[4973,11715,11716],{},"Як масштабувати відео (None, Fill, Uniform, UniformToFill)",[3024,11718,11720],{"id":11719},"події-mediaelement","Події MediaElement",[3029,11722,11724],{"className":11466,"code":11723,"language":11468,"meta":3034,"style":3034},"VideoPlayer.MediaOpened += (s, e) =>\n{\n    // Медіа завантажено, можна отримати Duration\n    var duration = VideoPlayer.NaturalDuration.TimeSpan;\n    Console.WriteLine($\"Duration: {duration}\");\n};\n\nVideoPlayer.MediaEnded += (s, e) =>\n{\n    // Відтворення завершено\n    VideoPlayer.Position = TimeSpan.Zero; // Повернутися на початок\n};\n\nVideoPlayer.MediaFailed += (s, e) =>\n{\n    // Помилка завантаження\n    MessageBox.Show($\"Error: {e.ErrorException.Message}\");\n};\n",[3020,11725,11726,11750,11754,11759,11785,11817,11822,11826,11845,11849,11854,11877,11881,11885,11904,11908,11913,11948],{"__ignoreMap":3034},[3038,11727,11728,11731,11733,11736,11739,11742,11744,11747],{"class":3040,"line":3041},[3038,11729,11730],{"class":11492},"VideoPlayer",[3038,11732,3022],{"class":3056},[3038,11734,11735],{"class":11492},"MediaOpened",[3038,11737,11738],{"class":3056}," += (",[3038,11740,11741],{"class":11492},"s",[3038,11743,3160],{"class":3056},[3038,11745,11746],{"class":11492},"e",[3038,11748,11749],{"class":3056},") =>\n",[3038,11751,11752],{"class":3040,"line":3072},[3038,11753,11510],{"class":3056},[3038,11755,11756],{"class":3040,"line":3083},[3038,11757,11758],{"class":3322},"    // Медіа завантажено, можна отримати Duration\n",[3038,11760,11761,11764,11767,11770,11772,11774,11777,11779,11782],{"class":3040,"line":3094},[3038,11762,11763],{"class":11475},"    var",[3038,11765,11766],{"class":11492}," duration",[3038,11768,11769],{"class":3056}," = ",[3038,11771,11730],{"class":11492},[3038,11773,3022],{"class":3056},[3038,11775,11776],{"class":11492},"NaturalDuration",[3038,11778,3022],{"class":3056},[3038,11780,11781],{"class":11492},"TimeSpan",[3038,11783,11784],{"class":3056},";\n",[3038,11786,11787,11790,11792,11795,11797,11801,11805,11808,11811,11814],{"class":3040,"line":3105},[3038,11788,11789],{"class":11492},"    Console",[3038,11791,3022],{"class":3056},[3038,11793,11794],{"class":11482},"WriteLine",[3038,11796,11486],{"class":3056},[3038,11798,11800],{"class":11799},"sbdoH","$\"Duration: ",[3038,11802,11804],{"class":11803},"sD7JJ","{",[3038,11806,11807],{"class":11492},"duration",[3038,11809,11810],{"class":11803},"}",[3038,11812,11813],{"class":11799},"\"",[3038,11815,11816],{"class":3056},");\n",[3038,11818,11819],{"class":3040,"line":3116},[3038,11820,11821],{"class":3056},"};\n",[3038,11823,11824],{"class":3040,"line":3290},[3038,11825,3632],{"emptyLinePlaceholder":3631},[3038,11827,11828,11830,11832,11835,11837,11839,11841,11843],{"class":3040,"line":3296},[3038,11829,11730],{"class":11492},[3038,11831,3022],{"class":3056},[3038,11833,11834],{"class":11492},"MediaEnded",[3038,11836,11738],{"class":3056},[3038,11838,11741],{"class":11492},[3038,11840,3160],{"class":3056},[3038,11842,11746],{"class":11492},[3038,11844,11749],{"class":3056},[3038,11846,11847],{"class":3040,"line":3319},[3038,11848,11510],{"class":3056},[3038,11850,11851],{"class":3040,"line":3326},[3038,11852,11853],{"class":3322},"    // Відтворення завершено\n",[3038,11855,11856,11858,11860,11862,11864,11866,11868,11871,11874],{"class":3040,"line":3348},[3038,11857,11515],{"class":11492},[3038,11859,3022],{"class":3056},[3038,11861,11694],{"class":11492},[3038,11863,11769],{"class":3056},[3038,11865,11781],{"class":11492},[3038,11867,3022],{"class":3056},[3038,11869,11870],{"class":11492},"Zero",[3038,11872,11873],{"class":3056},"; ",[3038,11875,11876],{"class":3322},"// Повернутися на початок\n",[3038,11878,11879],{"class":3040,"line":3358},[3038,11880,11821],{"class":3056},[3038,11882,11883],{"class":3040,"line":3368},[3038,11884,3632],{"emptyLinePlaceholder":3631},[3038,11886,11887,11889,11891,11894,11896,11898,11900,11902],{"class":3040,"line":3381},[3038,11888,11730],{"class":11492},[3038,11890,3022],{"class":3056},[3038,11892,11893],{"class":11492},"MediaFailed",[3038,11895,11738],{"class":3056},[3038,11897,11741],{"class":11492},[3038,11899,3160],{"class":3056},[3038,11901,11746],{"class":11492},[3038,11903,11749],{"class":3056},[3038,11905,11906],{"class":3040,"line":3387},[3038,11907,11510],{"class":3056},[3038,11909,11910],{"class":3040,"line":3393},[3038,11911,11912],{"class":3322},"    // Помилка завантаження\n",[3038,11914,11915,11918,11920,11923,11925,11928,11930,11932,11934,11937,11939,11942,11944,11946],{"class":3040,"line":3412},[3038,11916,11917],{"class":11492},"    MessageBox",[3038,11919,3022],{"class":3056},[3038,11921,11922],{"class":11482},"Show",[3038,11924,11486],{"class":3056},[3038,11926,11927],{"class":11799},"$\"Error: ",[3038,11929,11804],{"class":11803},[3038,11931,11746],{"class":11492},[3038,11933,3022],{"class":11803},[3038,11935,11936],{"class":11492},"ErrorException",[3038,11938,3022],{"class":11803},[3038,11940,11941],{"class":11492},"Message",[3038,11943,11810],{"class":11803},[3038,11945,11813],{"class":11799},[3038,11947,11816],{"class":3056},[3038,11949,11950],{"class":3040,"line":3422},[3038,11951,11821],{"class":3056},[3024,11953,11955],{"id":11954},"приклад-відеоплеєр-з-контролами","Приклад: Відеоплеєр з контролами",[3029,11957,11959],{"className":3031,"code":11958,"language":3033,"meta":3034,"style":3034},"\u003CGrid>\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"*\"/>\n        \u003CRowDefinition Height=\"Auto\"/>\n    \u003C/Grid.RowDefinitions>\n    \n    \u003C!-- Відео -->\n    \u003CMediaElement x:Name=\"VideoPlayer\"\n                  Source=\"/Assets/video.mp4\"\n                  LoadedBehavior=\"Manual\"\n                  Stretch=\"Uniform\"/>\n    \n    \u003C!-- Контроли -->\n    \u003CStackPanel Grid.Row=\"1\" Orientation=\"Horizontal\" Margin=\"10\">\n        \u003CButton Content=\"▶\" Width=\"40\" Click=\"Play_Click\"/>\n        \u003CButton Content=\"⏸\" Width=\"40\" Click=\"Pause_Click\"/>\n        \u003CButton Content=\"⏹\" Width=\"40\" Click=\"Stop_Click\"/>\n        \n        \u003CSlider x:Name=\"PositionSlider\" \n                Width=\"300\" \n                Margin=\"10,0\"\n                ValueChanged=\"PositionSlider_ValueChanged\"/>\n        \n        \u003CTextBlock x:Name=\"TimeText\" \n                   Text=\"00:00 / 00:00\" \n                   VerticalAlignment=\"Center\"\n                   Margin=\"10,0\"/>\n    \u003C/StackPanel>\n\u003C/Grid>\n",[3020,11960,11961,11969,11978,11994,12009,12017,12021,12026,12038,12047,12056,12066,12070,12075,12103,12130,12157,12184,12188,12204,12215,12225,12237,12241,12256,12268,12278,12290,12298],{"__ignoreMap":3034},[3038,11962,11963,11965,11967],{"class":3040,"line":3041},[3038,11964,3045],{"class":3044},[3038,11966,7757],{"class":3048},[3038,11968,3206],{"class":3044},[3038,11970,11971,11973,11976],{"class":3040,"line":3072},[3038,11972,3211],{"class":3044},[3038,11974,11975],{"class":3048},"Grid.RowDefinitions",[3038,11977,3206],{"class":3044},[3038,11979,11980,11982,11985,11987,11989,11992],{"class":3040,"line":3083},[3038,11981,3237],{"class":3044},[3038,11983,11984],{"class":3048},"RowDefinition",[3038,11986,3064],{"class":3052},[3038,11988,3057],{"class":3056},[3038,11990,11991],{"class":3060},"\"*\"",[3038,11993,3127],{"class":3044},[3038,11995,11996,11998,12000,12002,12004,12007],{"class":3040,"line":3094},[3038,11997,3237],{"class":3044},[3038,11999,11984],{"class":3048},[3038,12001,3064],{"class":3052},[3038,12003,3057],{"class":3056},[3038,12005,12006],{"class":3060},"\"Auto\"",[3038,12008,3127],{"class":3044},[3038,12010,12011,12013,12015],{"class":3040,"line":3105},[3038,12012,3548],{"class":3044},[3038,12014,11975],{"class":3048},[3038,12016,3206],{"class":3044},[3038,12018,12019],{"class":3040,"line":3116},[3038,12020,7845],{"class":3056},[3038,12022,12023],{"class":3040,"line":3290},[3038,12024,12025],{"class":3322},"    \u003C!-- Відео -->\n",[3038,12027,12028,12030,12032,12034,12036],{"class":3040,"line":3296},[3038,12029,3211],{"class":3044},[3038,12031,3002],{"class":3048},[3038,12033,7773],{"class":3052},[3038,12035,3057],{"class":3056},[3038,12037,11328],{"class":3060},[3038,12039,12040,12043,12045],{"class":3040,"line":3319},[3038,12041,12042],{"class":3052},"                  Source",[3038,12044,3057],{"class":3056},[3038,12046,11338],{"class":3060},[3038,12048,12049,12052,12054],{"class":3040,"line":3326},[3038,12050,12051],{"class":3052},"                  LoadedBehavior",[3038,12053,3057],{"class":3056},[3038,12055,11348],{"class":3060},[3038,12057,12058,12060,12062,12064],{"class":3040,"line":3348},[3038,12059,5339],{"class":3052},[3038,12061,3057],{"class":3056},[3038,12063,5344],{"class":3060},[3038,12065,3127],{"class":3044},[3038,12067,12068],{"class":3040,"line":3358},[3038,12069,7845],{"class":3056},[3038,12071,12072],{"class":3040,"line":3368},[3038,12073,12074],{"class":3322},"    \u003C!-- Контроли -->\n",[3038,12076,12077,12079,12081,12084,12086,12088,12090,12092,12094,12096,12098,12101],{"class":3040,"line":3381},[3038,12078,3211],{"class":3044},[3038,12080,3214],{"class":3048},[3038,12082,12083],{"class":3052}," Grid.Row",[3038,12085,3057],{"class":3056},[3038,12087,5822],{"class":3060},[3038,12089,3303],{"class":3052},[3038,12091,3057],{"class":3056},[3038,12093,3308],{"class":3060},[3038,12095,7871],{"class":3052},[3038,12097,3057],{"class":3056},[3038,12099,12100],{"class":3060},"\"10\"",[3038,12102,3206],{"class":3044},[3038,12104,12105,12107,12109,12111,12113,12116,12118,12120,12122,12124,12126,12128],{"class":3040,"line":3387},[3038,12106,3237],{"class":3044},[3038,12108,7822],{"class":3048},[3038,12110,7825],{"class":3052},[3038,12112,3057],{"class":3056},[3038,12114,12115],{"class":3060},"\"▶\"",[3038,12117,3053],{"class":3052},[3038,12119,3057],{"class":3056},[3038,12121,3196],{"class":3060},[3038,12123,11404],{"class":3052},[3038,12125,3057],{"class":3056},[3038,12127,11409],{"class":3060},[3038,12129,3127],{"class":3044},[3038,12131,12132,12134,12136,12138,12140,12143,12145,12147,12149,12151,12153,12155],{"class":3040,"line":3393},[3038,12133,3237],{"class":3044},[3038,12135,7822],{"class":3048},[3038,12137,7825],{"class":3052},[3038,12139,3057],{"class":3056},[3038,12141,12142],{"class":3060},"\"⏸\"",[3038,12144,3053],{"class":3052},[3038,12146,3057],{"class":3056},[3038,12148,3196],{"class":3060},[3038,12150,11404],{"class":3052},[3038,12152,3057],{"class":3056},[3038,12154,11431],{"class":3060},[3038,12156,3127],{"class":3044},[3038,12158,12159,12161,12163,12165,12167,12170,12172,12174,12176,12178,12180,12182],{"class":3040,"line":3412},[3038,12160,3237],{"class":3044},[3038,12162,7822],{"class":3048},[3038,12164,7825],{"class":3052},[3038,12166,3057],{"class":3056},[3038,12168,12169],{"class":3060},"\"⏹\"",[3038,12171,3053],{"class":3052},[3038,12173,3057],{"class":3056},[3038,12175,3196],{"class":3060},[3038,12177,11404],{"class":3052},[3038,12179,3057],{"class":3056},[3038,12181,11453],{"class":3060},[3038,12183,3127],{"class":3044},[3038,12185,12186],{"class":3040,"line":3422},[3038,12187,3293],{"class":3056},[3038,12189,12190,12192,12195,12197,12199,12202],{"class":3040,"line":3432},[3038,12191,3237],{"class":3044},[3038,12193,12194],{"class":3048},"Slider",[3038,12196,7773],{"class":3052},[3038,12198,3057],{"class":3056},[3038,12200,12201],{"class":3060},"\"PositionSlider\"",[3038,12203,6246],{"class":3056},[3038,12205,12206,12209,12211,12213],{"class":3040,"line":3441},[3038,12207,12208],{"class":3052},"                Width",[3038,12210,3057],{"class":3056},[3038,12212,6127],{"class":3060},[3038,12214,6246],{"class":3056},[3038,12216,12217,12220,12222],{"class":3040,"line":3452},[3038,12218,12219],{"class":3052},"                Margin",[3038,12221,3057],{"class":3056},[3038,12223,12224],{"class":3060},"\"10,0\"\n",[3038,12226,12227,12230,12232,12235],{"class":3040,"line":3465},[3038,12228,12229],{"class":3052},"                ValueChanged",[3038,12231,3057],{"class":3056},[3038,12233,12234],{"class":3060},"\"PositionSlider_ValueChanged\"",[3038,12236,3127],{"class":3044},[3038,12238,12239],{"class":3040,"line":3470},[3038,12240,3293],{"class":3056},[3038,12242,12243,12245,12247,12249,12251,12254],{"class":3040,"line":3476},[3038,12244,3237],{"class":3044},[3038,12246,3240],{"class":3048},[3038,12248,7773],{"class":3052},[3038,12250,3057],{"class":3056},[3038,12252,12253],{"class":3060},"\"TimeText\"",[3038,12255,6246],{"class":3056},[3038,12257,12258,12261,12263,12266],{"class":3040,"line":3495},[3038,12259,12260],{"class":3052},"                   Text",[3038,12262,3057],{"class":3056},[3038,12264,12265],{"class":3060},"\"00:00 / 00:00\"",[3038,12267,6246],{"class":3056},[3038,12269,12270,12273,12275],{"class":3040,"line":3505},[3038,12271,12272],{"class":3052},"                   VerticalAlignment",[3038,12274,3057],{"class":3056},[3038,12276,12277],{"class":3060},"\"Center\"\n",[3038,12279,12280,12283,12285,12288],{"class":3040,"line":3515},[3038,12281,12282],{"class":3052},"                   Margin",[3038,12284,3057],{"class":3056},[3038,12286,12287],{"class":3060},"\"10,0\"",[3038,12289,3127],{"class":3044},[3038,12291,12292,12294,12296],{"class":3040,"line":3524},[3038,12293,3548],{"class":3044},[3038,12295,3214],{"class":3048},[3038,12297,3206],{"class":3044},[3038,12299,12300,12302,12304],{"class":3040,"line":3535},[3038,12301,3558],{"class":3044},[3038,12303,7757],{"class":3048},[3038,12305,3206],{"class":3044},[3029,12307,12309],{"className":11466,"code":12308,"language":11468,"meta":3034,"style":3034},"private bool _isUserDraggingSlider = false;\n\nprivate void VideoPlayer_MediaOpened(object sender, RoutedEventArgs e)\n{\n    if (VideoPlayer.NaturalDuration.HasTimeSpan)\n    {\n        PositionSlider.Maximum = VideoPlayer.NaturalDuration.TimeSpan.TotalSeconds;\n        \n        // Оновлення позиції кожні 100ms\n        var timer = new DispatcherTimer { Interval = TimeSpan.FromMilliseconds(100) };\n        timer.Tick += (s, args) =>\n        {\n            if (!_isUserDraggingSlider)\n            {\n                PositionSlider.Value = VideoPlayer.Position.TotalSeconds;\n                UpdateTimeText();\n            }\n        };\n        timer.Start();\n    }\n}\n\nprivate void PositionSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs\u003Cdouble> e)\n{\n    if (_isUserDraggingSlider)\n    {\n        VideoPlayer.Position = TimeSpan.FromSeconds(PositionSlider.Value);\n    }\n}\n\nprivate void UpdateTimeText()\n{\n    var current = VideoPlayer.Position;\n    var total = VideoPlayer.NaturalDuration.HasTimeSpan \n        ? VideoPlayer.NaturalDuration.TimeSpan \n        : TimeSpan.Zero;\n    \n    TimeText.Text = $\"{current:mm\\\\:ss} / {total:mm\\\\:ss}\";\n}\n",[3020,12310,12311,12328,12332,12355,12359,12381,12386,12415,12419,12424,12464,12485,12490,12503,12508,12532,12539,12544,12549,12560,12565,12569,12573,12605,12609,12619,12623,12652,12656,12660,12664,12676,12680,12697,12718,12735,12748,12752,12811],{"__ignoreMap":3034},[3038,12312,12313,12315,12318,12321,12323,12326],{"class":3040,"line":3041},[3038,12314,11476],{"class":11475},[3038,12316,12317],{"class":11475}," bool",[3038,12319,12320],{"class":11492}," _isUserDraggingSlider",[3038,12322,11769],{"class":3056},[3038,12324,12325],{"class":11475},"false",[3038,12327,11784],{"class":3056},[3038,12329,12330],{"class":3040,"line":3072},[3038,12331,3632],{"emptyLinePlaceholder":3631},[3038,12333,12334,12336,12338,12341,12343,12345,12347,12349,12351,12353],{"class":3040,"line":3083},[3038,12335,11476],{"class":11475},[3038,12337,11479],{"class":11475},[3038,12339,12340],{"class":11482}," VideoPlayer_MediaOpened",[3038,12342,11486],{"class":3056},[3038,12344,11489],{"class":11475},[3038,12346,11493],{"class":11492},[3038,12348,3160],{"class":3056},[3038,12350,11499],{"class":11498},[3038,12352,11502],{"class":11492},[3038,12354,11505],{"class":3056},[3038,12356,12357],{"class":3040,"line":3094},[3038,12358,11510],{"class":3056},[3038,12360,12361,12365,12368,12370,12372,12374,12376,12379],{"class":3040,"line":3105},[3038,12362,12364],{"class":12363},"sCDza","    if",[3038,12366,12367],{"class":3056}," (",[3038,12369,11730],{"class":11492},[3038,12371,3022],{"class":3056},[3038,12373,11776],{"class":11492},[3038,12375,3022],{"class":3056},[3038,12377,12378],{"class":11492},"HasTimeSpan",[3038,12380,11505],{"class":3056},[3038,12382,12383],{"class":3040,"line":3116},[3038,12384,12385],{"class":3056},"    {\n",[3038,12387,12388,12391,12393,12396,12398,12400,12402,12404,12406,12408,12410,12413],{"class":3040,"line":3290},[3038,12389,12390],{"class":11492},"        PositionSlider",[3038,12392,3022],{"class":3056},[3038,12394,12395],{"class":11492},"Maximum",[3038,12397,11769],{"class":3056},[3038,12399,11730],{"class":11492},[3038,12401,3022],{"class":3056},[3038,12403,11776],{"class":11492},[3038,12405,3022],{"class":3056},[3038,12407,11781],{"class":11492},[3038,12409,3022],{"class":3056},[3038,12411,12412],{"class":11492},"TotalSeconds",[3038,12414,11784],{"class":3056},[3038,12416,12417],{"class":3040,"line":3296},[3038,12418,3293],{"class":3056},[3038,12420,12421],{"class":3040,"line":3319},[3038,12422,12423],{"class":3322},"        // Оновлення позиції кожні 100ms\n",[3038,12425,12426,12429,12432,12434,12437,12440,12443,12446,12448,12450,12452,12455,12457,12461],{"class":3040,"line":3326},[3038,12427,12428],{"class":11475},"        var",[3038,12430,12431],{"class":11492}," timer",[3038,12433,11769],{"class":3056},[3038,12435,12436],{"class":11475},"new",[3038,12438,12439],{"class":11498}," DispatcherTimer",[3038,12441,12442],{"class":3056}," { ",[3038,12444,12445],{"class":11492},"Interval",[3038,12447,11769],{"class":3056},[3038,12449,11781],{"class":11492},[3038,12451,3022],{"class":3056},[3038,12453,12454],{"class":11482},"FromMilliseconds",[3038,12456,11486],{"class":3056},[3038,12458,12460],{"class":12459},"sJj4R","100",[3038,12462,12463],{"class":3056},") };\n",[3038,12465,12466,12469,12471,12474,12476,12478,12480,12483],{"class":3040,"line":3348},[3038,12467,12468],{"class":11492},"        timer",[3038,12470,3022],{"class":3056},[3038,12472,12473],{"class":11492},"Tick",[3038,12475,11738],{"class":3056},[3038,12477,11741],{"class":11492},[3038,12479,3160],{"class":3056},[3038,12481,12482],{"class":11492},"args",[3038,12484,11749],{"class":3056},[3038,12486,12487],{"class":3040,"line":3358},[3038,12488,12489],{"class":3056},"        {\n",[3038,12491,12492,12495,12498,12501],{"class":3040,"line":3368},[3038,12493,12494],{"class":12363},"            if",[3038,12496,12497],{"class":3056}," (!",[3038,12499,12500],{"class":11492},"_isUserDraggingSlider",[3038,12502,11505],{"class":3056},[3038,12504,12505],{"class":3040,"line":3381},[3038,12506,12507],{"class":3056},"            {\n",[3038,12509,12510,12513,12515,12518,12520,12522,12524,12526,12528,12530],{"class":3040,"line":3387},[3038,12511,12512],{"class":11492},"                PositionSlider",[3038,12514,3022],{"class":3056},[3038,12516,12517],{"class":11492},"Value",[3038,12519,11769],{"class":3056},[3038,12521,11730],{"class":11492},[3038,12523,3022],{"class":3056},[3038,12525,11694],{"class":11492},[3038,12527,3022],{"class":3056},[3038,12529,12412],{"class":11492},[3038,12531,11784],{"class":3056},[3038,12533,12534,12537],{"class":3040,"line":3393},[3038,12535,12536],{"class":11482},"                UpdateTimeText",[3038,12538,11523],{"class":3056},[3038,12540,12541],{"class":3040,"line":3412},[3038,12542,12543],{"class":3056},"            }\n",[3038,12545,12546],{"class":3040,"line":3422},[3038,12547,12548],{"class":3056},"        };\n",[3038,12550,12551,12553,12555,12558],{"class":3040,"line":3432},[3038,12552,12468],{"class":11492},[3038,12554,3022],{"class":3056},[3038,12556,12557],{"class":11482},"Start",[3038,12559,11523],{"class":3056},[3038,12561,12562],{"class":3040,"line":3441},[3038,12563,12564],{"class":3056},"    }\n",[3038,12566,12567],{"class":3040,"line":3452},[3038,12568,11528],{"class":3056},[3038,12570,12571],{"class":3040,"line":3465},[3038,12572,3632],{"emptyLinePlaceholder":3631},[3038,12574,12575,12577,12579,12582,12584,12586,12588,12590,12593,12595,12598,12601,12603],{"class":3040,"line":3470},[3038,12576,11476],{"class":11475},[3038,12578,11479],{"class":11475},[3038,12580,12581],{"class":11482}," PositionSlider_ValueChanged",[3038,12583,11486],{"class":3056},[3038,12585,11489],{"class":11475},[3038,12587,11493],{"class":11492},[3038,12589,3160],{"class":3056},[3038,12591,12592],{"class":11498},"RoutedPropertyChangedEventArgs",[3038,12594,3045],{"class":3056},[3038,12596,12597],{"class":11475},"double",[3038,12599,12600],{"class":3056},"> ",[3038,12602,11746],{"class":11492},[3038,12604,11505],{"class":3056},[3038,12606,12607],{"class":3040,"line":3476},[3038,12608,11510],{"class":3056},[3038,12610,12611,12613,12615,12617],{"class":3040,"line":3495},[3038,12612,12364],{"class":12363},[3038,12614,12367],{"class":3056},[3038,12616,12500],{"class":11492},[3038,12618,11505],{"class":3056},[3038,12620,12621],{"class":3040,"line":3505},[3038,12622,12385],{"class":3056},[3038,12624,12625,12628,12630,12632,12634,12636,12638,12641,12643,12646,12648,12650],{"class":3040,"line":3515},[3038,12626,12627],{"class":11492},"        VideoPlayer",[3038,12629,3022],{"class":3056},[3038,12631,11694],{"class":11492},[3038,12633,11769],{"class":3056},[3038,12635,11781],{"class":11492},[3038,12637,3022],{"class":3056},[3038,12639,12640],{"class":11482},"FromSeconds",[3038,12642,11486],{"class":3056},[3038,12644,12645],{"class":11492},"PositionSlider",[3038,12647,3022],{"class":3056},[3038,12649,12517],{"class":11492},[3038,12651,11816],{"class":3056},[3038,12653,12654],{"class":3040,"line":3524},[3038,12655,12564],{"class":3056},[3038,12657,12658],{"class":3040,"line":3535},[3038,12659,11528],{"class":3056},[3038,12661,12662],{"class":3040,"line":3545},[3038,12663,3632],{"emptyLinePlaceholder":3631},[3038,12665,12666,12668,12670,12673],{"class":3040,"line":3555},[3038,12667,11476],{"class":11475},[3038,12669,11479],{"class":11475},[3038,12671,12672],{"class":11482}," UpdateTimeText",[3038,12674,12675],{"class":3056},"()\n",[3038,12677,12678],{"class":3040,"line":5467},[3038,12679,11510],{"class":3056},[3038,12681,12682,12684,12687,12689,12691,12693,12695],{"class":3040,"line":5476},[3038,12683,11763],{"class":11475},[3038,12685,12686],{"class":11492}," current",[3038,12688,11769],{"class":3056},[3038,12690,11730],{"class":11492},[3038,12692,3022],{"class":3056},[3038,12694,11694],{"class":11492},[3038,12696,11784],{"class":3056},[3038,12698,12699,12701,12704,12706,12708,12710,12712,12714,12716],{"class":3040,"line":5486},[3038,12700,11763],{"class":11475},[3038,12702,12703],{"class":11492}," total",[3038,12705,11769],{"class":3056},[3038,12707,11730],{"class":11492},[3038,12709,3022],{"class":3056},[3038,12711,11776],{"class":11492},[3038,12713,3022],{"class":3056},[3038,12715,12378],{"class":11492},[3038,12717,6246],{"class":3056},[3038,12719,12720,12723,12725,12727,12729,12731,12733],{"class":3040,"line":5497},[3038,12721,12722],{"class":3056},"        ? ",[3038,12724,11730],{"class":11492},[3038,12726,3022],{"class":3056},[3038,12728,11776],{"class":11492},[3038,12730,3022],{"class":3056},[3038,12732,11781],{"class":11492},[3038,12734,6246],{"class":3056},[3038,12736,12737,12740,12742,12744,12746],{"class":3040,"line":5506},[3038,12738,12739],{"class":3056},"        : ",[3038,12741,11781],{"class":11492},[3038,12743,3022],{"class":3056},[3038,12745,11870],{"class":11492},[3038,12747,11784],{"class":3056},[3038,12749,12750],{"class":3040,"line":5515},[3038,12751,7845],{"class":3056},[3038,12753,12754,12757,12759,12762,12764,12767,12769,12772,12774,12777,12780,12782,12785,12787,12790,12792,12795,12797,12799,12801,12803,12805,12807,12809],{"class":3040,"line":6482},[3038,12755,12756],{"class":11492},"    TimeText",[3038,12758,3022],{"class":3056},[3038,12760,12761],{"class":11492},"Text",[3038,12763,11769],{"class":3056},[3038,12765,12766],{"class":11799},"$\"",[3038,12768,11804],{"class":11803},[3038,12770,12771],{"class":11492},"current",[3038,12773,5539],{"class":3056},[3038,12775,12776],{"class":11492},"mm",[3038,12778,12779],{"class":11803},"\\\\",[3038,12781,5539],{"class":3056},[3038,12783,12784],{"class":11492},"ss",[3038,12786,11810],{"class":11803},[3038,12788,12789],{"class":11799}," / ",[3038,12791,11804],{"class":11803},[3038,12793,12794],{"class":11492},"total",[3038,12796,5539],{"class":3056},[3038,12798,12776],{"class":11492},[3038,12800,12779],{"class":11803},[3038,12802,5539],{"class":3056},[3038,12804,12784],{"class":11492},[3038,12806,11810],{"class":11803},[3038,12808,11813],{"class":11799},[3038,12810,11784],{"class":3056},[3038,12812,12813],{"class":3040,"line":6487},[3038,12814,11528],{"class":3056},[12816,12817,12818,12821],"warning",{},[2972,12819,12820],{},"Важливо:"," MediaElement не підтримує всі кодеки \"з коробки\". Підтримка залежить від встановлених кодеків у Windows. Для максимальної сумісності використовуйте MP4 (H.264) для відео та MP3 для аудіо.",[3024,12823,12825],{"id":12824},"mediatimeline-анімація-через-storyboard","MediaTimeline: анімація через Storyboard",[3029,12827,12829],{"className":3031,"code":12828,"language":3033,"meta":3034,"style":3034},"\u003CMediaElement x:Name=\"VideoPlayer\" LoadedBehavior=\"Manual\">\n    \u003CMediaElement.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CMediaTimeline Source=\"/Assets/video.mp4\" \n                                   Storyboard.TargetName=\"VideoPlayer\"\n                                   BeginTime=\"0:0:2\"\n                                   Duration=\"0:0:10\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/MediaElement.Triggers>\n\u003C/MediaElement>\n",[3020,12830,12831,12854,12863,12880,12889,12898,12914,12923,12933,12945,12953,12961,12969,12977],{"__ignoreMap":3034},[3038,12832,12833,12835,12837,12839,12841,12844,12847,12849,12852],{"class":3040,"line":3041},[3038,12834,3045],{"class":3044},[3038,12836,3002],{"class":3048},[3038,12838,7773],{"class":3052},[3038,12840,3057],{"class":3056},[3038,12842,12843],{"class":3060},"\"VideoPlayer\"",[3038,12845,12846],{"class":3052}," LoadedBehavior",[3038,12848,3057],{"class":3056},[3038,12850,12851],{"class":3060},"\"Manual\"",[3038,12853,3206],{"class":3044},[3038,12855,12856,12858,12861],{"class":3040,"line":3072},[3038,12857,3211],{"class":3044},[3038,12859,12860],{"class":3048},"MediaElement.Triggers",[3038,12862,3206],{"class":3044},[3038,12864,12865,12867,12870,12873,12875,12878],{"class":3040,"line":3083},[3038,12866,3237],{"class":3044},[3038,12868,12869],{"class":3048},"EventTrigger",[3038,12871,12872],{"class":3052}," RoutedEvent",[3038,12874,3057],{"class":3056},[3038,12876,12877],{"class":3060},"\"Loaded\"",[3038,12879,3206],{"class":3044},[3038,12881,12882,12884,12887],{"class":3040,"line":3094},[3038,12883,3329],{"class":3044},[3038,12885,12886],{"class":3048},"BeginStoryboard",[3038,12888,3206],{"class":3044},[3038,12890,12891,12893,12896],{"class":3040,"line":3105},[3038,12892,4809],{"class":3044},[3038,12894,12895],{"class":3048},"Storyboard",[3038,12897,3206],{"class":3044},[3038,12899,12900,12902,12905,12907,12909,12912],{"class":3040,"line":3116},[3038,12901,6156],{"class":3044},[3038,12903,12904],{"class":3048},"MediaTimeline",[3038,12906,8109],{"class":3052},[3038,12908,3057],{"class":3056},[3038,12910,12911],{"class":3060},"\"/Assets/video.mp4\"",[3038,12913,6246],{"class":3056},[3038,12915,12916,12919,12921],{"class":3040,"line":3290},[3038,12917,12918],{"class":3052},"                                   Storyboard.TargetName",[3038,12920,3057],{"class":3056},[3038,12922,11328],{"class":3060},[3038,12924,12925,12928,12930],{"class":3040,"line":3296},[3038,12926,12927],{"class":3052},"                                   BeginTime",[3038,12929,3057],{"class":3056},[3038,12931,12932],{"class":3060},"\"0:0:2\"\n",[3038,12934,12935,12938,12940,12943],{"class":3040,"line":3319},[3038,12936,12937],{"class":3052},"                                   Duration",[3038,12939,3057],{"class":3056},[3038,12941,12942],{"class":3060},"\"0:0:10\"",[3038,12944,3127],{"class":3044},[3038,12946,12947,12949,12951],{"class":3040,"line":3326},[3038,12948,6227],{"class":3044},[3038,12950,12895],{"class":3048},[3038,12952,3206],{"class":3044},[3038,12954,12955,12957,12959],{"class":3040,"line":3348},[3038,12956,4857],{"class":3044},[3038,12958,12886],{"class":3048},[3038,12960,3206],{"class":3044},[3038,12962,12963,12965,12967],{"class":3040,"line":3358},[3038,12964,3538],{"class":3044},[3038,12966,12869],{"class":3048},[3038,12968,3206],{"class":3044},[3038,12970,12971,12973,12975],{"class":3040,"line":3368},[3038,12972,3548],{"class":3044},[3038,12974,12860],{"class":3048},[3038,12976,3206],{"class":3044},[3038,12978,12979,12981,12983],{"class":3040,"line":3381},[3038,12980,3558],{"class":3044},[3038,12982,3002],{"class":3048},[3038,12984,3206],{"class":3044},[2959,12986,12987,12989],{},[2972,12988,12904],{}," дозволяє контролювати відтворення через Storyboard (затримка, тривалість, повторення).",[3009,12991],{},[3012,12993,12995],{"id":12994},"практичні-завдання","Практичні завдання",[3024,12997,12999],{"id":12998},"рівень-1-набір-геометричних-фігур","Рівень 1: Набір геометричних фігур",[2959,13001,13002,13005],{},[2972,13003,13004],{},"Мета:"," Навчитися використовувати базові Shape елементи.",[2959,13007,13008],{},[2972,13009,13010],{},"Завдання:",[2959,13012,13013],{},"Створіть композицію з геометричних фігур:",[13015,13016,13017,13036,13052],"ol",{},[3137,13018,13019,13022],{},[2972,13020,13021],{},"Фігури:",[3134,13023,13024,13027,13030,13033],{},[3137,13025,13026],{},"Коло (Ellipse) — червоне",[3137,13028,13029],{},"Квадрат (Rectangle) — синій",[3137,13031,13032],{},"Трикутник (Polygon) — зелений",[3137,13034,13035],{},"Зірка (Polygon або Path) — жовта",[3137,13037,13038,13041],{},[2972,13039,13040],{},"Стилізація:",[3134,13042,13043,13046,13049],{},[3137,13044,13045],{},"Кожна фігура має Fill та Stroke",[3137,13047,13048],{},"StrokeThickness = 2",[3137,13050,13051],{},"Розташуйте фігури в Grid або StackPanel",[3137,13053,13054,13057],{},[2972,13055,13056],{},"Додатково:",[3134,13058,13059,13062,13065],{},[3137,13060,13061],{},"Додайте підписи під кожною фігурою",[3137,13063,13064],{},"Використайте градієнтне заповнення для однієї з фігур",[3137,13066,13067],{},"Додайте hover ефект (зміна кольору при наведенні)",[2959,13069,13070],{},[2972,13071,13072],{},"Критерії успіху:",[3134,13074,13075,13078,13081,13084],{},[3137,13076,13077],{},"Всі 4 фігури відображаються правильно",[3137,13079,13080],{},"Використано Fill та Stroke",[3137,13082,13083],{},"Композиція виглядає акуратно",[3137,13085,13086],{},"Додаткові ефекти працюють",[2959,13088,13089],{},[2972,13090,13091],{},"Підказка:",[3029,13093,13095],{"className":3031,"code":13094,"language":3033,"meta":3034,"style":3034},"\u003CStackPanel Orientation=\"Horizontal\" Spacing=\"20\" HorizontalAlignment=\"Center\">\n    \u003C!-- Коло -->\n    \u003CStackPanel Spacing=\"8\">\n        \u003CEllipse Width=\"80\" Height=\"80\"\n                 Fill=\"#ef4444\"\n                 Stroke=\"#dc2626\"\n                 StrokeThickness=\"2\"/>\n        \u003CTextBlock Text=\"Circle\" HorizontalAlignment=\"Center\"/>\n    \u003C/StackPanel>\n    \n    \u003C!-- Квадрат -->\n    \u003CStackPanel Spacing=\"8\">\n        \u003CRectangle Width=\"80\" Height=\"80\"\n                   Fill=\"#3b82f6\"\n                   Stroke=\"#1e40af\"\n                   StrokeThickness=\"2\"/>\n        \u003CTextBlock Text=\"Square\" HorizontalAlignment=\"Center\"/>\n    \u003C/StackPanel>\n    \n    \u003C!-- Трикутник -->\n    \u003CStackPanel Spacing=\"8\">\n        \u003CPolygon Points=\"40,0 80,80 0,80\"\n                 Fill=\"#22c55e\"\n                 Stroke=\"#16a34a\"\n                 StrokeThickness=\"2\"/>\n        \u003CTextBlock Text=\"Triangle\" HorizontalAlignment=\"Center\"/>\n    \u003C/StackPanel>\n    \n    \u003C!-- Зірка -->\n    \u003CStackPanel Spacing=\"8\">\n        \u003CPolygon Points=\"40,0 49,28 78,28 55,45 64,73 40,56 16,73 25,45 2,28 31,28\"\n                 Fill=\"#f59e0b\"\n                 Stroke=\"#d97706\"\n                 StrokeThickness=\"2\"/>\n        \u003CTextBlock Text=\"Star\" HorizontalAlignment=\"Center\"/>\n    \u003C/StackPanel>\n\u003C/StackPanel>\n",[3020,13096,13097,13123,13128,13142,13160,13169,13178,13189,13210,13218,13222,13227,13241,13259,13268,13277,13288,13309,13317,13321,13326,13340,13353,13361,13369,13379,13400,13408,13412,13417,13431,13444,13452,13460,13470,13491,13499],{"__ignoreMap":3034},[3038,13098,13099,13101,13103,13105,13107,13109,13111,13113,13115,13117,13119,13121],{"class":3040,"line":3041},[3038,13100,3045],{"class":3044},[3038,13102,3214],{"class":3048},[3038,13104,3303],{"class":3052},[3038,13106,3057],{"class":3056},[3038,13108,3308],{"class":3060},[3038,13110,3217],{"class":3052},[3038,13112,3057],{"class":3056},[3038,13114,3258],{"class":3060},[3038,13116,3225],{"class":3052},[3038,13118,3057],{"class":3056},[3038,13120,3230],{"class":3060},[3038,13122,3206],{"class":3044},[3038,13124,13125],{"class":3040,"line":3072},[3038,13126,13127],{"class":3322},"    \u003C!-- Коло -->\n",[3038,13129,13130,13132,13134,13136,13138,13140],{"class":3040,"line":3083},[3038,13131,3211],{"class":3044},[3038,13133,3214],{"class":3048},[3038,13135,3217],{"class":3052},[3038,13137,3057],{"class":3056},[3038,13139,3124],{"class":3060},[3038,13141,3206],{"class":3044},[3038,13143,13144,13146,13148,13150,13152,13154,13156,13158],{"class":3040,"line":3094},[3038,13145,3237],{"class":3044},[3038,13147,3583],{"class":3048},[3038,13149,3053],{"class":3052},[3038,13151,3057],{"class":3056},[3038,13153,3831],{"class":3060},[3038,13155,3064],{"class":3052},[3038,13157,3057],{"class":3056},[3038,13159,3345],{"class":3060},[3038,13161,13162,13165,13167],{"class":3040,"line":3105},[3038,13163,13164],{"class":3052},"                 Fill",[3038,13166,3057],{"class":3056},[3038,13168,3605],{"class":3060},[3038,13170,13171,13174,13176],{"class":3040,"line":3116},[3038,13172,13173],{"class":3052},"                 Stroke",[3038,13175,3057],{"class":3056},[3038,13177,3615],{"class":3060},[3038,13179,13180,13183,13185,13187],{"class":3040,"line":3290},[3038,13181,13182],{"class":3052},"                 StrokeThickness",[3038,13184,3057],{"class":3056},[3038,13186,3376],{"class":3060},[3038,13188,3127],{"class":3044},[3038,13190,13191,13193,13195,13197,13199,13202,13204,13206,13208],{"class":3040,"line":3296},[3038,13192,3237],{"class":3044},[3038,13194,3240],{"class":3048},[3038,13196,3243],{"class":3052},[3038,13198,3057],{"class":3056},[3038,13200,13201],{"class":3060},"\"Circle\"",[3038,13203,3225],{"class":3052},[3038,13205,3057],{"class":3056},[3038,13207,3230],{"class":3060},[3038,13209,3127],{"class":3044},[3038,13211,13212,13214,13216],{"class":3040,"line":3319},[3038,13213,3548],{"class":3044},[3038,13215,3214],{"class":3048},[3038,13217,3206],{"class":3044},[3038,13219,13220],{"class":3040,"line":3326},[3038,13221,7845],{"class":3056},[3038,13223,13224],{"class":3040,"line":3348},[3038,13225,13226],{"class":3322},"    \u003C!-- Квадрат -->\n",[3038,13228,13229,13231,13233,13235,13237,13239],{"class":3040,"line":3358},[3038,13230,3211],{"class":3044},[3038,13232,3214],{"class":3048},[3038,13234,3217],{"class":3052},[3038,13236,3057],{"class":3056},[3038,13238,3124],{"class":3060},[3038,13240,3206],{"class":3044},[3038,13242,13243,13245,13247,13249,13251,13253,13255,13257],{"class":3040,"line":3368},[3038,13244,3237],{"class":3044},[3038,13246,3049],{"class":3048},[3038,13248,3053],{"class":3052},[3038,13250,3057],{"class":3056},[3038,13252,3831],{"class":3060},[3038,13254,3064],{"class":3052},[3038,13256,3057],{"class":3056},[3038,13258,3345],{"class":3060},[3038,13260,13261,13264,13266],{"class":3040,"line":3381},[3038,13262,13263],{"class":3052},"                   Fill",[3038,13265,3057],{"class":3056},[3038,13267,3080],{"class":3060},[3038,13269,13270,13273,13275],{"class":3040,"line":3387},[3038,13271,13272],{"class":3052},"                   Stroke",[3038,13274,3057],{"class":3056},[3038,13276,3091],{"class":3060},[3038,13278,13279,13282,13284,13286],{"class":3040,"line":3393},[3038,13280,13281],{"class":3052},"                   StrokeThickness",[3038,13283,3057],{"class":3056},[3038,13285,3376],{"class":3060},[3038,13287,3127],{"class":3044},[3038,13289,13290,13292,13294,13296,13298,13301,13303,13305,13307],{"class":3040,"line":3412},[3038,13291,3237],{"class":3044},[3038,13293,3240],{"class":3048},[3038,13295,3243],{"class":3052},[3038,13297,3057],{"class":3056},[3038,13299,13300],{"class":3060},"\"Square\"",[3038,13302,3225],{"class":3052},[3038,13304,3057],{"class":3056},[3038,13306,3230],{"class":3060},[3038,13308,3127],{"class":3044},[3038,13310,13311,13313,13315],{"class":3040,"line":3422},[3038,13312,3548],{"class":3044},[3038,13314,3214],{"class":3048},[3038,13316,3206],{"class":3044},[3038,13318,13319],{"class":3040,"line":3432},[3038,13320,7845],{"class":3056},[3038,13322,13323],{"class":3040,"line":3441},[3038,13324,13325],{"class":3322},"    \u003C!-- Трикутник -->\n",[3038,13327,13328,13330,13332,13334,13336,13338],{"class":3040,"line":3452},[3038,13329,3211],{"class":3044},[3038,13331,3214],{"class":3048},[3038,13333,3217],{"class":3052},[3038,13335,3057],{"class":3056},[3038,13337,3124],{"class":3060},[3038,13339,3206],{"class":3044},[3038,13341,13342,13344,13346,13348,13350],{"class":3040,"line":3465},[3038,13343,3237],{"class":3044},[3038,13345,4121],{"class":3048},[3038,13347,4124],{"class":3052},[3038,13349,3057],{"class":3056},[3038,13351,13352],{"class":3060},"\"40,0 80,80 0,80\"\n",[3038,13354,13355,13357,13359],{"class":3040,"line":3470},[3038,13356,13164],{"class":3052},[3038,13358,3057],{"class":3056},[3038,13360,3419],{"class":3060},[3038,13362,13363,13365,13367],{"class":3040,"line":3476},[3038,13364,13173],{"class":3052},[3038,13366,3057],{"class":3056},[3038,13368,3429],{"class":3060},[3038,13370,13371,13373,13375,13377],{"class":3040,"line":3495},[3038,13372,13182],{"class":3052},[3038,13374,3057],{"class":3056},[3038,13376,3376],{"class":3060},[3038,13378,3127],{"class":3044},[3038,13380,13381,13383,13385,13387,13389,13392,13394,13396,13398],{"class":3040,"line":3505},[3038,13382,3237],{"class":3044},[3038,13384,3240],{"class":3048},[3038,13386,3243],{"class":3052},[3038,13388,3057],{"class":3056},[3038,13390,13391],{"class":3060},"\"Triangle\"",[3038,13393,3225],{"class":3052},[3038,13395,3057],{"class":3056},[3038,13397,3230],{"class":3060},[3038,13399,3127],{"class":3044},[3038,13401,13402,13404,13406],{"class":3040,"line":3515},[3038,13403,3548],{"class":3044},[3038,13405,3214],{"class":3048},[3038,13407,3206],{"class":3044},[3038,13409,13410],{"class":3040,"line":3524},[3038,13411,7845],{"class":3056},[3038,13413,13414],{"class":3040,"line":3535},[3038,13415,13416],{"class":3322},"    \u003C!-- Зірка -->\n",[3038,13418,13419,13421,13423,13425,13427,13429],{"class":3040,"line":3545},[3038,13420,3211],{"class":3044},[3038,13422,3214],{"class":3048},[3038,13424,3217],{"class":3052},[3038,13426,3057],{"class":3056},[3038,13428,3124],{"class":3060},[3038,13430,3206],{"class":3044},[3038,13432,13433,13435,13437,13439,13441],{"class":3040,"line":3555},[3038,13434,3237],{"class":3044},[3038,13436,4121],{"class":3048},[3038,13438,4124],{"class":3052},[3038,13440,3057],{"class":3056},[3038,13442,13443],{"class":3060},"\"40,0 49,28 78,28 55,45 64,73 40,56 16,73 25,45 2,28 31,28\"\n",[3038,13445,13446,13448,13450],{"class":3040,"line":5467},[3038,13447,13164],{"class":3052},[3038,13449,3057],{"class":3056},[3038,13451,3502],{"class":3060},[3038,13453,13454,13456,13458],{"class":3040,"line":5476},[3038,13455,13173],{"class":3052},[3038,13457,3057],{"class":3056},[3038,13459,4146],{"class":3060},[3038,13461,13462,13464,13466,13468],{"class":3040,"line":5486},[3038,13463,13182],{"class":3052},[3038,13465,3057],{"class":3056},[3038,13467,3376],{"class":3060},[3038,13469,3127],{"class":3044},[3038,13471,13472,13474,13476,13478,13480,13483,13485,13487,13489],{"class":3040,"line":5497},[3038,13473,3237],{"class":3044},[3038,13475,3240],{"class":3048},[3038,13477,3243],{"class":3052},[3038,13479,3057],{"class":3056},[3038,13481,13482],{"class":3060},"\"Star\"",[3038,13484,3225],{"class":3052},[3038,13486,3057],{"class":3056},[3038,13488,3230],{"class":3060},[3038,13490,3127],{"class":3044},[3038,13492,13493,13495,13497],{"class":3040,"line":5506},[3038,13494,3548],{"class":3044},[3038,13496,3214],{"class":3048},[3038,13498,3206],{"class":3044},[3038,13500,13501,13503,13505],{"class":3040,"line":5515},[3038,13502,3558],{"class":3044},[3038,13504,3214],{"class":3048},[3038,13506,3206],{"class":3044},[3009,13508],{},[3024,13510,13512],{"id":13511},"рівень-2-svg-подібний-малюнок-через-path","Рівень 2: SVG-подібний малюнок через Path",[2959,13514,13515,13517],{},[2972,13516,13004],{}," Навчитися створювати складні фігури через Path та PathGeometry.",[2959,13519,13520],{},[2972,13521,13010],{},[2959,13523,13524],{},"Створіть іконку або логотип через Path:",[13015,13526,13527,13546,13565],{},[3137,13528,13529,13532],{},[2972,13530,13531],{},"Варіанти:",[3134,13533,13534,13537,13540,13543],{},[3137,13535,13536],{},"Іконка будинку",[3137,13538,13539],{},"Іконка серця",[3137,13541,13542],{},"Іконка хмари",[3137,13544,13545],{},"Власний дизайн",[3137,13547,13548,13551],{},[2972,13549,13550],{},"Вимоги:",[3134,13552,13553,13556,13559,13562],{},[3137,13554,13555],{},"Використайте Path з Data mini-language",[3137,13557,13558],{},"Мінімум 5 команд (M, L, C, A, Z)",[3137,13560,13561],{},"Fill та Stroke",[3137,13563,13564],{},"Розмір 100x100 або більше",[3137,13566,13567,13569],{},[2972,13568,13056],{},[3134,13570,13571,13574,13577],{},[3137,13572,13573],{},"Створіть кілька варіантів з різними кольорами",[3137,13575,13576],{},"Додайте градієнтне заповнення",[3137,13578,13579],{},"Додайте анімацію (обертання або пульсація)",[2959,13581,13582],{},[2972,13583,13072],{},[3134,13585,13586,13589,13592,13595],{},[3137,13587,13588],{},"Path відображається правильно",[3137,13590,13591],{},"Використано mini-language синтаксис",[3137,13593,13594],{},"Фігура виглядає акуратно",[3137,13596,13086],{},[2959,13598,13599],{},[2972,13600,13601],{},"Підказка (іконка будинку):",[3029,13603,13605],{"className":3031,"code":13604,"language":3033,"meta":3034,"style":3034},"\u003CPath Width=\"100\" Height=\"100\" Stretch=\"Uniform\"\n      Fill=\"#3b82f6\"\n      Stroke=\"#1e40af\"\n      StrokeThickness=\"2\">\n    \u003CPath.Data>\n        \u003C!-- Дах -->\n        M 10,50 L 50,10 L 90,50\n        \u003C!-- Стіни -->\n        L 90,90 L 10,90 Z\n        \u003C!-- Двері -->\n        M 35,90 L 35,60 L 65,60 L 65,90\n        \u003C!-- Вікно -->\n        M 25,40 L 25,25 L 40,25 L 40,40 Z\n    \u003C/Path.Data>\n\u003C/Path>\n",[3020,13606,13607,13633,13641,13649,13659,13667,13672,13677,13682,13687,13692,13697,13702,13707,13715],{"__ignoreMap":3034},[3038,13608,13609,13611,13613,13615,13617,13619,13621,13623,13625,13628,13630],{"class":3040,"line":3041},[3038,13610,3045],{"class":3044},[3038,13612,2982],{"class":3048},[3038,13614,3053],{"class":3052},[3038,13616,3057],{"class":3056},[3038,13618,3338],{"class":3060},[3038,13620,3064],{"class":3052},[3038,13622,3057],{"class":3056},[3038,13624,3338],{"class":3060},[3038,13626,13627],{"class":3052}," Stretch",[3038,13629,3057],{"class":3056},[3038,13631,13632],{"class":3060},"\"Uniform\"\n",[3038,13634,13635,13637,13639],{"class":3040,"line":3072},[3038,13636,4936],{"class":3052},[3038,13638,3057],{"class":3056},[3038,13640,3080],{"class":3060},[3038,13642,13643,13645,13647],{"class":3040,"line":3083},[3038,13644,4050],{"class":3052},[3038,13646,3057],{"class":3056},[3038,13648,3091],{"class":3060},[3038,13650,13651,13653,13655,13657],{"class":3040,"line":3094},[3038,13652,4060],{"class":3052},[3038,13654,3057],{"class":3056},[3038,13656,3376],{"class":3060},[3038,13658,3206],{"class":3044},[3038,13660,13661,13663,13665],{"class":3040,"line":3105},[3038,13662,3211],{"class":3044},[3038,13664,4777],{"class":3048},[3038,13666,3206],{"class":3044},[3038,13668,13669],{"class":3040,"line":3116},[3038,13670,13671],{"class":3322},"        \u003C!-- Дах -->\n",[3038,13673,13674],{"class":3040,"line":3290},[3038,13675,13676],{"class":3056},"        M 10,50 L 50,10 L 90,50\n",[3038,13678,13679],{"class":3040,"line":3296},[3038,13680,13681],{"class":3322},"        \u003C!-- Стіни -->\n",[3038,13683,13684],{"class":3040,"line":3319},[3038,13685,13686],{"class":3056},"        L 90,90 L 10,90 Z\n",[3038,13688,13689],{"class":3040,"line":3326},[3038,13690,13691],{"class":3322},"        \u003C!-- Двері -->\n",[3038,13693,13694],{"class":3040,"line":3348},[3038,13695,13696],{"class":3056},"        M 35,90 L 35,60 L 65,60 L 65,90\n",[3038,13698,13699],{"class":3040,"line":3358},[3038,13700,13701],{"class":3322},"        \u003C!-- Вікно -->\n",[3038,13703,13704],{"class":3040,"line":3368},[3038,13705,13706],{"class":3056},"        M 25,40 L 25,25 L 40,25 L 40,40 Z\n",[3038,13708,13709,13711,13713],{"class":3040,"line":3381},[3038,13710,3548],{"class":3044},[3038,13712,4777],{"class":3048},[3038,13714,3206],{"class":3044},[3038,13716,13717,13719,13721],{"class":3040,"line":3387},[3038,13718,3558],{"class":3044},[3038,13720,2982],{"class":3048},[3038,13722,3206],{"class":3044},[2959,13724,13725],{},[2972,13726,13727],{},"Підказка (іконка серця):",[3029,13729,13731],{"className":3031,"code":13730,"language":3033,"meta":3034,"style":3034},"\u003CPath Data=\"M 50,20 C 50,10 40,0 30,0 C 15,0 0,15 0,30 C 0,45 15,60 50,90 C 85,60 100,45 100,30 C 100,15 85,0 70,0 C 60,0 50,10 50,20 Z\"\n      Fill=\"#ef4444\"\n      Stroke=\"#dc2626\"\n      StrokeThickness=\"2\"\n      Width=\"100\"\n      Height=\"100\"\n      Stretch=\"Uniform\"/>\n",[3020,13732,13733,13745,13753,13761,13769,13778,13787],{"__ignoreMap":3034},[3038,13734,13735,13737,13739,13741,13743],{"class":3040,"line":3041},[3038,13736,3045],{"class":3044},[3038,13738,2982],{"class":3048},[3038,13740,4910],{"class":3052},[3038,13742,3057],{"class":3056},[3038,13744,5117],{"class":3060},[3038,13746,13747,13749,13751],{"class":3040,"line":3072},[3038,13748,4936],{"class":3052},[3038,13750,3057],{"class":3056},[3038,13752,3605],{"class":3060},[3038,13754,13755,13757,13759],{"class":3040,"line":3083},[3038,13756,4050],{"class":3052},[3038,13758,3057],{"class":3056},[3038,13760,3615],{"class":3060},[3038,13762,13763,13765,13767],{"class":3040,"line":3094},[3038,13764,4060],{"class":3052},[3038,13766,3057],{"class":3056},[3038,13768,3102],{"class":3060},[3038,13770,13771,13774,13776],{"class":3040,"line":3105},[3038,13772,13773],{"class":3052},"      Width",[3038,13775,3057],{"class":3056},[3038,13777,3069],{"class":3060},[3038,13779,13780,13783,13785],{"class":3040,"line":3116},[3038,13781,13782],{"class":3052},"      Height",[3038,13784,3057],{"class":3056},[3038,13786,3069],{"class":3060},[3038,13788,13789,13792,13794,13796],{"class":3040,"line":3290},[3038,13790,13791],{"class":3052},"      Stretch",[3038,13793,3057],{"class":3056},[3038,13795,5344],{"class":3060},[3038,13797,3127],{"class":3044},[3009,13799],{},[3024,13801,13803],{"id":13802},"рівень-3-градієнтний-фон-із-visualbrush-ефектом","Рівень 3: Градієнтний фон із VisualBrush ефектом",[2959,13805,13806,13808],{},[2972,13807,13004],{}," Навчитися створювати складні візуальні ефекти через Brushes.",[2959,13810,13811],{},[2972,13812,13010],{},[2959,13814,13815],{},"Створіть складний фон для вікна або панелі:",[13015,13817,13818,13834,13853],{},[3137,13819,13820,13823],{},[2972,13821,13822],{},"Базовий фон:",[3134,13824,13825,13828,13831],{},[3137,13826,13827],{},"LinearGradientBrush або RadialGradientBrush",[3137,13829,13830],{},"Мінімум 3 кольори",[3137,13832,13833],{},"Плавні переходи",[3137,13835,13836,13839],{},[2972,13837,13838],{},"VisualBrush патерн:",[3134,13840,13841,13844,13847,13850],{},[3137,13842,13843],{},"Створіть повторюваний патерн через VisualBrush",[3137,13845,13846],{},"Використайте геометричні фігури або Path",[3137,13848,13849],{},"TileMode=\"Tile\"",[3137,13851,13852],{},"Напівпрозорість для накладання на градієнт",[3137,13854,13855,13857],{},[2972,13856,13056],{},[3134,13858,13859,13862,13865],{},[3137,13860,13861],{},"Додайте анімацію градієнта (зміна кольорів)",[3137,13863,13864],{},"Створіть кілька варіантів фону (світлий/темний)",[3137,13866,13867],{},"Додайте ефект паралакса (різна швидкість анімації для шарів)",[2959,13869,13870],{},[2972,13871,13072],{},[3134,13873,13874,13877,13880,13883],{},[3137,13875,13876],{},"Градієнтний фон відображається правильно",[3137,13878,13879],{},"VisualBrush патерн працює",[3137,13881,13882],{},"Композиція виглядає професійно",[3137,13884,13086],{},[2959,13886,13887],{},[2972,13888,13091],{},[3029,13890,13892],{"className":3031,"code":13891,"language":3033,"meta":3034,"style":3034},"\u003CGrid>\n    \u003C!-- Базовий градієнт -->\n    \u003CGrid.Background>\n        \u003CLinearGradientBrush StartPoint=\"0,0\" EndPoint=\"1,1\">\n            \u003CGradientStop Color=\"#667eea\" Offset=\"0\"/>\n            \u003CGradientStop Color=\"#764ba2\" Offset=\"0.5\"/>\n            \u003CGradientStop Color=\"#f093fb\" Offset=\"1\"/>\n        \u003C/LinearGradientBrush>\n    \u003C/Grid.Background>\n    \n    \u003C!-- VisualBrush патерн -->\n    \u003CRectangle Opacity=\"0.1\">\n        \u003CRectangle.Fill>\n            \u003CVisualBrush TileMode=\"Tile\" Viewport=\"0,0,0.1,0.1\">\n                \u003CVisualBrush.Visual>\n                    \u003CCanvas Width=\"100\" Height=\"100\">\n                        \u003CEllipse Width=\"40\" Height=\"40\" \n                                 Fill=\"White\"\n                                 Canvas.Left=\"30\" \n                                 Canvas.Top=\"30\"/>\n                        \u003CRectangle Width=\"20\" Height=\"20\"\n                                   Fill=\"White\"\n                                   Canvas.Left=\"10\"\n                                   Canvas.Top=\"10\"/>\n                    \u003C/Canvas>\n                \u003C/VisualBrush.Visual>\n            \u003C/VisualBrush>\n        \u003C/Rectangle.Fill>\n    \u003C/Rectangle>\n    \n    \u003C!-- Вміст -->\n    \u003CStackPanel VerticalAlignment=\"Center\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"Beautiful Background\" \n                   FontSize=\"48\" \n                   FontWeight=\"Bold\"\n                   Foreground=\"White\"\n                   Effect=\"{StaticResource DropShadowEffect}\"/>\n    \u003C/StackPanel>\n\u003C/Grid>\n",[3020,13893,13894,13902,13907,13916,13936,13957,13978,13999,14007,14015,14019,14024,14040,14048,14069,14077,14098,14118,14128,14140,14151,14170,14179,14189,14200,14208,14216,14224,14232,14240,14244,14249,14270,14285,14296,14305,14313,14325,14333],{"__ignoreMap":3034},[3038,13895,13896,13898,13900],{"class":3040,"line":3041},[3038,13897,3045],{"class":3044},[3038,13899,7757],{"class":3048},[3038,13901,3206],{"class":3044},[3038,13903,13904],{"class":3040,"line":3072},[3038,13905,13906],{"class":3322},"    \u003C!-- Базовий градієнт -->\n",[3038,13908,13909,13911,13914],{"class":3040,"line":3083},[3038,13910,3211],{"class":3044},[3038,13912,13913],{"class":3048},"Grid.Background",[3038,13915,3206],{"class":3044},[3038,13917,13918,13920,13922,13924,13926,13928,13930,13932,13934],{"class":3040,"line":3094},[3038,13919,3237],{"class":3044},[3038,13921,5763],{"class":3048},[3038,13923,4797],{"class":3052},[3038,13925,3057],{"class":3056},[3038,13927,5770],{"class":3060},[3038,13929,5773],{"class":3052},[3038,13931,3057],{"class":3056},[3038,13933,5961],{"class":3060},[3038,13935,3206],{"class":3044},[3038,13937,13938,13940,13942,13944,13946,13949,13951,13953,13955],{"class":3040,"line":3105},[3038,13939,3329],{"class":3044},[3038,13941,5787],{"class":3048},[3038,13943,5697],{"class":3052},[3038,13945,3057],{"class":3056},[3038,13947,13948],{"class":3060},"\"#667eea\"",[3038,13950,5796],{"class":3052},[3038,13952,3057],{"class":3056},[3038,13954,4024],{"class":3060},[3038,13956,3127],{"class":3044},[3038,13958,13959,13961,13963,13965,13967,13970,13972,13974,13976],{"class":3040,"line":3116},[3038,13960,3329],{"class":3044},[3038,13962,5787],{"class":3048},[3038,13964,5697],{"class":3052},[3038,13966,3057],{"class":3056},[3038,13968,13969],{"class":3060},"\"#764ba2\"",[3038,13971,5796],{"class":3052},[3038,13973,3057],{"class":3056},[3038,13975,6807],{"class":3060},[3038,13977,3127],{"class":3044},[3038,13979,13980,13982,13984,13986,13988,13991,13993,13995,13997],{"class":3040,"line":3290},[3038,13981,3329],{"class":3044},[3038,13983,5787],{"class":3048},[3038,13985,5697],{"class":3052},[3038,13987,3057],{"class":3056},[3038,13989,13990],{"class":3060},"\"#f093fb\"",[3038,13992,5796],{"class":3052},[3038,13994,3057],{"class":3056},[3038,13996,5822],{"class":3060},[3038,13998,3127],{"class":3044},[3038,14000,14001,14003,14005],{"class":3040,"line":3296},[3038,14002,3538],{"class":3044},[3038,14004,5763],{"class":3048},[3038,14006,3206],{"class":3044},[3038,14008,14009,14011,14013],{"class":3040,"line":3319},[3038,14010,3548],{"class":3044},[3038,14012,13913],{"class":3048},[3038,14014,3206],{"class":3044},[3038,14016,14017],{"class":3040,"line":3326},[3038,14018,7845],{"class":3056},[3038,14020,14021],{"class":3040,"line":3348},[3038,14022,14023],{"class":3322},"    \u003C!-- VisualBrush патерн -->\n",[3038,14025,14026,14028,14030,14033,14035,14038],{"class":3040,"line":3358},[3038,14027,3211],{"class":3044},[3038,14029,3049],{"class":3048},[3038,14031,14032],{"class":3052}," Opacity",[3038,14034,3057],{"class":3056},[3038,14036,14037],{"class":3060},"\"0.1\"",[3038,14039,3206],{"class":3044},[3038,14041,14042,14044,14046],{"class":3040,"line":3368},[3038,14043,3237],{"class":3044},[3038,14045,5685],{"class":3048},[3038,14047,3206],{"class":3044},[3038,14049,14050,14052,14054,14056,14058,14060,14062,14064,14067],{"class":3040,"line":3381},[3038,14051,3329],{"class":3044},[3038,14053,3006],{"class":3048},[3038,14055,7974],{"class":3052},[3038,14057,3057],{"class":3056},[3038,14059,7979],{"class":3060},[3038,14061,7982],{"class":3052},[3038,14063,3057],{"class":3056},[3038,14065,14066],{"class":3060},"\"0,0,0.1,0.1\"",[3038,14068,3206],{"class":3044},[3038,14070,14071,14073,14075],{"class":3040,"line":3387},[3038,14072,4809],{"class":3044},[3038,14074,7996],{"class":3048},[3038,14076,3206],{"class":3044},[3038,14078,14079,14081,14084,14086,14088,14090,14092,14094,14096],{"class":3040,"line":3393},[3038,14080,6156],{"class":3044},[3038,14082,14083],{"class":3048},"Canvas",[3038,14085,3053],{"class":3052},[3038,14087,3057],{"class":3056},[3038,14089,3338],{"class":3060},[3038,14091,3064],{"class":3052},[3038,14093,3057],{"class":3056},[3038,14095,3338],{"class":3060},[3038,14097,3206],{"class":3044},[3038,14099,14100,14102,14104,14106,14108,14110,14112,14114,14116],{"class":3040,"line":3412},[3038,14101,6177],{"class":3044},[3038,14103,3583],{"class":3048},[3038,14105,3053],{"class":3052},[3038,14107,3057],{"class":3056},[3038,14109,3196],{"class":3060},[3038,14111,3064],{"class":3052},[3038,14113,3057],{"class":3056},[3038,14115,3196],{"class":3060},[3038,14117,6246],{"class":3056},[3038,14119,14120,14123,14125],{"class":3040,"line":3422},[3038,14121,14122],{"class":3052},"                                 Fill",[3038,14124,3057],{"class":3056},[3038,14126,14127],{"class":3060},"\"White\"\n",[3038,14129,14130,14133,14135,14138],{"class":3040,"line":3432},[3038,14131,14132],{"class":3052},"                                 Canvas.Left",[3038,14134,3057],{"class":3056},[3038,14136,14137],{"class":3060},"\"30\"",[3038,14139,6246],{"class":3056},[3038,14141,14142,14145,14147,14149],{"class":3040,"line":3441},[3038,14143,14144],{"class":3052},"                                 Canvas.Top",[3038,14146,3057],{"class":3056},[3038,14148,14137],{"class":3060},[3038,14150,3127],{"class":3044},[3038,14152,14153,14155,14157,14159,14161,14163,14165,14167],{"class":3040,"line":3452},[3038,14154,6177],{"class":3044},[3038,14156,3049],{"class":3048},[3038,14158,3053],{"class":3052},[3038,14160,3057],{"class":3056},[3038,14162,3258],{"class":3060},[3038,14164,3064],{"class":3052},[3038,14166,3057],{"class":3056},[3038,14168,14169],{"class":3060},"\"20\"\n",[3038,14171,14172,14175,14177],{"class":3040,"line":3465},[3038,14173,14174],{"class":3052},"                                   Fill",[3038,14176,3057],{"class":3056},[3038,14178,14127],{"class":3060},[3038,14180,14181,14184,14186],{"class":3040,"line":3470},[3038,14182,14183],{"class":3052},"                                   Canvas.Left",[3038,14185,3057],{"class":3056},[3038,14187,14188],{"class":3060},"\"10\"\n",[3038,14190,14191,14194,14196,14198],{"class":3040,"line":3476},[3038,14192,14193],{"class":3052},"                                   Canvas.Top",[3038,14195,3057],{"class":3056},[3038,14197,12100],{"class":3060},[3038,14199,3127],{"class":3044},[3038,14201,14202,14204,14206],{"class":3040,"line":3495},[3038,14203,6218],{"class":3044},[3038,14205,14083],{"class":3048},[3038,14207,3206],{"class":3044},[3038,14209,14210,14212,14214],{"class":3040,"line":3505},[3038,14211,6227],{"class":3044},[3038,14213,7996],{"class":3048},[3038,14215,3206],{"class":3044},[3038,14217,14218,14220,14222],{"class":3040,"line":3515},[3038,14219,4857],{"class":3044},[3038,14221,3006],{"class":3048},[3038,14223,3206],{"class":3044},[3038,14225,14226,14228,14230],{"class":3040,"line":3524},[3038,14227,3538],{"class":3044},[3038,14229,5685],{"class":3048},[3038,14231,3206],{"class":3044},[3038,14233,14234,14236,14238],{"class":3040,"line":3535},[3038,14235,3548],{"class":3044},[3038,14237,3049],{"class":3048},[3038,14239,3206],{"class":3044},[3038,14241,14242],{"class":3040,"line":3545},[3038,14243,7845],{"class":3056},[3038,14245,14246],{"class":3040,"line":3555},[3038,14247,14248],{"class":3322},"    \u003C!-- Вміст -->\n",[3038,14250,14251,14253,14255,14258,14260,14262,14264,14266,14268],{"class":3040,"line":5467},[3038,14252,3211],{"class":3044},[3038,14254,3214],{"class":3048},[3038,14256,14257],{"class":3052}," VerticalAlignment",[3038,14259,3057],{"class":3056},[3038,14261,3230],{"class":3060},[3038,14263,3225],{"class":3052},[3038,14265,3057],{"class":3056},[3038,14267,3230],{"class":3060},[3038,14269,3206],{"class":3044},[3038,14271,14272,14274,14276,14278,14280,14283],{"class":3040,"line":5476},[3038,14273,3237],{"class":3044},[3038,14275,3240],{"class":3048},[3038,14277,3243],{"class":3052},[3038,14279,3057],{"class":3056},[3038,14281,14282],{"class":3060},"\"Beautiful Background\"",[3038,14284,6246],{"class":3056},[3038,14286,14287,14289,14291,14294],{"class":3040,"line":5486},[3038,14288,3253],{"class":3052},[3038,14290,3057],{"class":3056},[3038,14292,14293],{"class":3060},"\"48\"",[3038,14295,6246],{"class":3056},[3038,14297,14298,14301,14303],{"class":3040,"line":5497},[3038,14299,14300],{"class":3052},"                   FontWeight",[3038,14302,3057],{"class":3056},[3038,14304,3266],{"class":3060},[3038,14306,14307,14309,14311],{"class":3040,"line":5506},[3038,14308,3271],{"class":3052},[3038,14310,3057],{"class":3056},[3038,14312,14127],{"class":3060},[3038,14314,14315,14318,14320,14323],{"class":3040,"line":5515},[3038,14316,14317],{"class":3052},"                   Effect",[3038,14319,3057],{"class":3056},[3038,14321,14322],{"class":3060},"\"{StaticResource DropShadowEffect}\"",[3038,14324,3127],{"class":3044},[3038,14326,14327,14329,14331],{"class":3040,"line":6482},[3038,14328,3548],{"class":3044},[3038,14330,3214],{"class":3048},[3038,14332,3206],{"class":3044},[3038,14334,14335,14337,14339],{"class":3040,"line":6487},[3038,14336,3558],{"class":3044},[3038,14338,7757],{"class":3048},[3038,14340,3206],{"class":3044},[2959,14342,14343],{},[2972,14344,14345],{},"Додатково (анімація градієнта):",[3029,14347,14349],{"className":11466,"code":14348,"language":11468,"meta":3034,"style":3034},"// В code-behind\nprivate void AnimateGradient()\n{\n    var gradient = (LinearGradientBrush)MyGrid.Background;\n    \n    var animation = new ColorAnimation\n    {\n        To = Colors.Orange,\n        Duration = TimeSpan.FromSeconds(2),\n        AutoReverse = true,\n        RepeatBehavior = RepeatBehavior.Forever\n    };\n    \n    gradient.GradientStops[0].BeginAnimation(GradientStop.ColorProperty, animation);\n}\n",[3020,14350,14351,14356,14367,14371,14396,14400,14414,14418,14436,14457,14469,14484,14489,14493,14531],{"__ignoreMap":3034},[3038,14352,14353],{"class":3040,"line":3041},[3038,14354,14355],{"class":3322},"// В code-behind\n",[3038,14357,14358,14360,14362,14365],{"class":3040,"line":3072},[3038,14359,11476],{"class":11475},[3038,14361,11479],{"class":11475},[3038,14363,14364],{"class":11482}," AnimateGradient",[3038,14366,12675],{"class":3056},[3038,14368,14369],{"class":3040,"line":3083},[3038,14370,11510],{"class":3056},[3038,14372,14373,14375,14378,14381,14383,14386,14389,14391,14394],{"class":3040,"line":3094},[3038,14374,11763],{"class":11475},[3038,14376,14377],{"class":11492}," gradient",[3038,14379,14380],{"class":3056}," = (",[3038,14382,5763],{"class":11498},[3038,14384,14385],{"class":3056},")",[3038,14387,14388],{"class":11492},"MyGrid",[3038,14390,3022],{"class":3056},[3038,14392,14393],{"class":11492},"Background",[3038,14395,11784],{"class":3056},[3038,14397,14398],{"class":3040,"line":3105},[3038,14399,7845],{"class":3056},[3038,14401,14402,14404,14407,14409,14411],{"class":3040,"line":3116},[3038,14403,11763],{"class":11475},[3038,14405,14406],{"class":11492}," animation",[3038,14408,11769],{"class":3056},[3038,14410,12436],{"class":11475},[3038,14412,14413],{"class":11498}," ColorAnimation\n",[3038,14415,14416],{"class":3040,"line":3290},[3038,14417,12385],{"class":3056},[3038,14419,14420,14423,14425,14428,14430,14433],{"class":3040,"line":3296},[3038,14421,14422],{"class":11492},"        To",[3038,14424,11769],{"class":3056},[3038,14426,14427],{"class":11492},"Colors",[3038,14429,3022],{"class":3056},[3038,14431,14432],{"class":11492},"Orange",[3038,14434,14435],{"class":3056},",\n",[3038,14437,14438,14441,14443,14445,14447,14449,14451,14454],{"class":3040,"line":3319},[3038,14439,14440],{"class":11492},"        Duration",[3038,14442,11769],{"class":3056},[3038,14444,11781],{"class":11492},[3038,14446,3022],{"class":3056},[3038,14448,12640],{"class":11482},[3038,14450,11486],{"class":3056},[3038,14452,14453],{"class":12459},"2",[3038,14455,14456],{"class":3056},"),\n",[3038,14458,14459,14462,14464,14467],{"class":3040,"line":3326},[3038,14460,14461],{"class":11492},"        AutoReverse",[3038,14463,11769],{"class":3056},[3038,14465,14466],{"class":11475},"true",[3038,14468,14435],{"class":3056},[3038,14470,14471,14474,14476,14479,14481],{"class":3040,"line":3348},[3038,14472,14473],{"class":11492},"        RepeatBehavior",[3038,14475,11769],{"class":3056},[3038,14477,14478],{"class":11492},"RepeatBehavior",[3038,14480,3022],{"class":3056},[3038,14482,14483],{"class":11492},"Forever\n",[3038,14485,14486],{"class":3040,"line":3358},[3038,14487,14488],{"class":3056},"    };\n",[3038,14490,14491],{"class":3040,"line":3368},[3038,14492,7845],{"class":3056},[3038,14494,14495,14498,14500,14503,14506,14509,14512,14515,14517,14519,14521,14524,14526,14529],{"class":3040,"line":3381},[3038,14496,14497],{"class":11492},"    gradient",[3038,14499,3022],{"class":3056},[3038,14501,14502],{"class":11492},"GradientStops",[3038,14504,14505],{"class":3056},"[",[3038,14507,14508],{"class":12459},"0",[3038,14510,14511],{"class":3056},"].",[3038,14513,14514],{"class":11482},"BeginAnimation",[3038,14516,11486],{"class":3056},[3038,14518,5787],{"class":11492},[3038,14520,3022],{"class":3056},[3038,14522,14523],{"class":11492},"ColorProperty",[3038,14525,3160],{"class":3056},[3038,14527,14528],{"class":11492},"animation",[3038,14530,11816],{"class":3056},[3038,14532,14533],{"class":3040,"line":3387},[3038,14534,11528],{"class":3056},[3009,14536],{},[3012,14538,14540],{"id":14539},"підсумок","Підсумок",[2959,14542,14543],{},"WPF надає потужні інструменти для роботи з 2D графікою та мультимедіа. Від простих фігур до складних векторних зображень, від однотонних кольорів до радіальних градієнтів, від статичних елементів до відео — все це доступно \"з коробки\".",[2959,14545,14546],{},[2972,14547,14548],{},"Ключові висновки:",[14550,14551,14552,14558,14563,14568,14573,14578],"card-group",{},[14553,14554,14557],"card",{"icon":14555,"title":14556},"i-lucide-shapes","📐 Shapes","Rectangle, Ellipse, Line, Polygon, Polyline для базових фігур. Fill, Stroke, StrokeThickness для стилізації.",[14553,14559,14562],{"icon":14560,"title":14561},"i-lucide-pen-tool","🎨 Path","Універсальна фігура з PathGeometry. Mini-language (M, L, C, A, Z) для складних форм. SVG-сумісний синтаксис.",[14553,14564,14567],{"icon":14565,"title":14566},"i-lucide-palette","🌈 Brushes","SolidColorBrush, LinearGradientBrush, RadialGradientBrush, ImageBrush, VisualBrush для різних ефектів заповнення.",[14553,14569,14572],{"icon":14570,"title":14571},"i-lucide-combine","🔀 Geometries","RectangleGeometry, EllipseGeometry, CombinedGeometry для математичних форм. Використання в Clip та Drawing.",[14553,14574,14577],{"icon":14575,"title":14576},"i-lucide-rotate-3d","🔄 Transforms","RotateTransform, ScaleTransform, TranslateTransform, SkewTransform для трансформацій. TransformGroup для комбінування.",[14553,14579,14582],{"icon":14580,"title":14581},"i-lucide-film","🎬 MediaElement","Відтворення відео та аудіо. Play(), Pause(), Stop() для контролю. MediaTimeline для анімацій.",[2959,14584,14585],{},[2972,14586,14587],{},"Що далі?",[2959,14589,14590,14591,14596],{},"Наступна стаття — ",[14592,14593,14595],"a",{"href":14594},"/csharp/desktop-ui/40a.avalonia-graphics","Avalonia Graphics"," покаже відмінності в графічній системі Avalonia.",[3009,14598],{},[3012,14600,14602],{"id":14601},"словник-термінів","Словник термінів",[2969,14604,14606,14611,14616,14621,14627,14632,14637,14642,14648,14653,14658,14663,14668,14673,14678,14683,14688,14693,14698,14703,14708,14714,14719,14724,14729,14734,14739,14744,14749,14754,14759,14764,14769,14774,14779,14784],{"title":14605},"📚 Глосарій",[2959,14607,14608,14610],{},[2972,14609,2978],{}," — базовий клас для геометричних фігур у WPF (Rectangle, Ellipse, Line, Polygon, Polyline, Path).",[2959,14612,14613,14615],{},[2972,14614,2982],{}," — універсальна фігура, що може описати будь-яку форму через PathGeometry.",[2959,14617,14618,14620],{},[2972,14619,2986],{}," — опис складної фігури через набір команд (M, L, C, A, Z).",[2959,14622,14623,14626],{},[2972,14624,14625],{},"Mini-language"," — компактний синтаксис для опису Path через Data атрибут (M 10,20 L 50,60 Z).",[2959,14628,14629,14631],{},[2972,14630,3141],{}," — заповнення фігури (колір або Brush).",[2959,14633,14634,14636],{},[2972,14635,3147],{}," — обведення фігури (колір або Brush).",[2959,14638,14639,14641],{},[2972,14640,3153],{}," — товщина обведення в пікселях.",[2959,14643,14644,14647],{},[2972,14645,14646],{},"StrokeDashArray"," — патерн пунктирної лінії (довжина штриха та проміжку).",[2959,14649,14650,14652],{},[2972,14651,2990],{}," — спосіб заповнення елемента (SolidColorBrush, LinearGradientBrush, тощо).",[2959,14654,14655,14657],{},[2972,14656,5694],{}," — однотонний колір.",[2959,14659,14660,14662],{},[2972,14661,5763],{}," — лінійний градієнт з кількома кольорами.",[2959,14664,14665,14667],{},[2972,14666,7009],{}," — радіальний градієнт (від центру до країв).",[2959,14669,14670,14672],{},[2972,14671,7658],{}," — зображення як заповнення з підтримкою TileMode.",[2959,14674,14675,14677],{},[2972,14676,3006],{}," — рендеринг іншого Visual елемента як текстури.",[2959,14679,14680,14682],{},[2972,14681,5787],{}," — колір на певній позиції в градієнті (Offset від 0 до 1).",[2959,14684,14685,14687],{},[2972,14686,2994],{}," — математичний опис форми без візуального представлення.",[2959,14689,14690,14692],{},[2972,14691,8234],{}," — геометрія прямокутника.",[2959,14694,14695,14697],{},[2972,14696,8144],{}," — геометрія еліпса.",[2959,14699,14700,14702],{},[2972,14701,2986],{}," — складна геометрія з кількох сегментів.",[2959,14704,14705,14707],{},[2972,14706,8323],{}," — комбінування двох геометрій (Union, Intersect, Xor, Exclude).",[2959,14709,14710,14713],{},[2972,14711,14712],{},"GeometryCombineMode"," — режим комбінування геометрій.",[2959,14715,14716,14718],{},[2972,14717,8085],{}," — легковаговий спосіб створення векторної графіки без UI-елементів.",[2959,14720,14721,14723],{},[2972,14722,9687],{}," — Drawing з геометрією та Brush.",[2959,14725,14726,14728],{},[2972,14727,9746],{}," — група Drawing елементів.",[2959,14730,14731,14733],{},[2972,14732,9728],{}," — ImageSource з Drawing (для використання в Image).",[2959,14735,14736,14738],{},[2972,14737,2998],{}," — трансформація елемента (обертання, масштабування, переміщення, нахил).",[2959,14740,14741,14743],{},[2972,14742,10082],{}," — обертання навколо точки.",[2959,14745,14746,14748],{},[2972,14747,10184],{}," — масштабування по осях X та Y.",[2959,14750,14751,14753],{},[2972,14752,10302],{}," — переміщення по осях X та Y.",[2959,14755,14756,14758],{},[2972,14757,10399],{}," — нахил по осях X та Y.",[2959,14760,14761,14763],{},[2972,14762,10497],{}," — група трансформацій, що застосовуються послідовно.",[2959,14765,14766,14768],{},[2972,14767,3002],{}," — контрол для відтворення відео та аудіо файлів.",[2959,14770,14771,14773],{},[2972,14772,11654],{}," — поведінка MediaElement при завантаженні (Manual, Play, Pause, Stop).",[2959,14775,14776,14778],{},[2972,14777,12904],{}," — Timeline для контролю відтворення медіа через Storyboard.",[2959,14780,14781,14783],{},[2972,14782,7723],{}," — режим масштабування (None, Fill, Uniform, UniformToFill).",[2959,14785,14786,14788],{},[2972,14787,7729],{}," — режим повторення для ImageBrush та VisualBrush (None, Tile, FlipX, FlipY, FlipXY).",[3009,14790],{},[3012,14792,14794],{"id":14793},"додаткові-ресурси","Додаткові ресурси",[14550,14796,14797,14802,14807,14812,14817,14822],{},[14553,14798,14801],{"icon":15,"title":14799,"to":14800},"📖 WPF Graphics Docs","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/graphics-multimedia/","Офіційна документація про графіку у WPF.",[14553,14803,14806],{"icon":14560,"title":14804,"to":14805},"🎨 Shapes and Drawing","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/graphics-multimedia/shapes-and-basic-drawing-in-wpf-overview","Детальна стаття про Shapes та Drawing.",[14553,14808,14811],{"icon":14565,"title":14809,"to":14810},"🌈 Brushes Guide","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/graphics-multimedia/wpf-brushes-overview","Повний гайд по Brushes у WPF.",[14553,14813,14816],{"icon":14580,"title":14814,"to":14815},"🎬 MediaElement Tutorial","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/graphics-multimedia/how-to-control-a-mediaelement-play-pause-stop-volume-and-speed","Туторіал по MediaElement.",[14553,14818,14821],{"icon":14819,"title":14820,"to":1598},"i-lucide-arrow-left","📚 Попередня стаття: Avalonia Animations","Повернутися до Avalonia анімацій.",[14553,14823,14826],{"icon":14824,"title":14825,"to":14594},"i-lucide-arrow-right","📚 Наступна стаття: Avalonia Graphics","Дізнатися про графіку в Avalonia.",[14828,14829,14830],"style",{},"html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .su9tN, html code.shiki .su9tN{--shiki-light:#0000FF;--shiki-default:#CE9178;--shiki-dark:#CE9178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sCDza, html code.shiki .sCDza{--shiki-light:#AF00DB;--shiki-default:#CE92A4;--shiki-dark:#CE92A4}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}",{"title":3034,"searchDepth":3072,"depth":3072,"links":14832},[14833,14841,14847,14854,14859,14862,14869,14876,14881,14882,14883],{"id":3014,"depth":3072,"text":3015,"children":14834},[14835,14836,14837,14838,14839,14840],{"id":3026,"depth":3083,"text":3027},{"id":3565,"depth":3083,"text":3566},{"id":4003,"depth":3083,"text":4004},{"id":4103,"depth":3083,"text":4104},{"id":4512,"depth":3083,"text":4513},{"id":4571,"depth":3083,"text":4572},{"id":4721,"depth":3072,"text":4722,"children":14842},[14843,14844,14845,14846],{"id":4733,"depth":3083,"text":4734},{"id":4888,"depth":3083,"text":4889},{"id":5098,"depth":3083,"text":5099},{"id":5524,"depth":3083,"text":5525},{"id":5634,"depth":3072,"text":5635,"children":14848},[14849,14850,14851,14852,14853],{"id":5641,"depth":3083,"text":5642},{"id":5722,"depth":3083,"text":5723},{"id":6967,"depth":3083,"text":6968},{"id":7617,"depth":3083,"text":7618},{"id":7739,"depth":3083,"text":7740},{"id":8069,"depth":3072,"text":8070,"children":14855},[14856,14857,14858],{"id":8088,"depth":3083,"text":8089},{"id":8275,"depth":3083,"text":8276},{"id":9561,"depth":3083,"text":9562},{"id":9677,"depth":3072,"text":9678,"children":14860},[14861],{"id":9686,"depth":3083,"text":9687},{"id":10027,"depth":3072,"text":10028,"children":14863},[14864,14865,14866,14867,14868],{"id":10034,"depth":3083,"text":10035},{"id":10147,"depth":3083,"text":10148},{"id":10254,"depth":3083,"text":10255},{"id":10352,"depth":3083,"text":10353},{"id":10449,"depth":3083,"text":10450},{"id":11301,"depth":3072,"text":11302,"children":14870},[14871,14872,14873,14874,14875],{"id":11310,"depth":3083,"text":4734},{"id":11623,"depth":3083,"text":11624},{"id":11719,"depth":3083,"text":11720},{"id":11954,"depth":3083,"text":11955},{"id":12824,"depth":3083,"text":12825},{"id":12994,"depth":3072,"text":12995,"children":14877},[14878,14879,14880],{"id":12998,"depth":3083,"text":12999},{"id":13511,"depth":3083,"text":13512},{"id":13802,"depth":3083,"text":13803},{"id":14539,"depth":3072,"text":14540},{"id":14601,"depth":3072,"text":14602},{"id":14793,"depth":3072,"text":14794},"Векторна графіка через Shapes та Path. Градієнти, геометрії, трансформації. MediaElement для відео та аудіо. Створення складних візуальних ефектів.","md",null,{},{"title":1601,"description":14884},"eV9j0Xmgnwi8nwFecLFgUFuLyDIvVxnvfWPoPT5b2uc",[14891,14893],{"title":1597,"path":1598,"stem":1599,"description":14892,"children":-1},"Transitions та KeyFrame анімації в Avalonia UI — простіший підхід до анімацій порівняно з WPF",{"title":1605,"path":1606,"stem":1607,"description":14894,"children":-1},"Інтеграція Microsoft.Extensions.DependencyInjection у десктопні проєкти. Реєстрація ViewModels та сервісів. Lifecycles, Composition Root, тестування.",1777911665558]