[{"data":1,"prerenderedAt":22839},["ShallowReactive",2],{"navigation_docs":3,"-csharp-desktop-ui-animations-transitions":2949,"-csharp-desktop-ui-animations-transitions-surround":22834},[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":1593,"body":2951,"description":22828,"extension":22829,"links":22830,"meta":22831,"navigation":3170,"path":1594,"seo":22832,"stem":1595,"__hash__":22833},"docs/01.csharp/12.desktop-ui/39.animations-transitions.md",{"type":2952,"value":2953,"toc":22754},"minimark",[2954,2958,2962,2970,2973,3016,3019,3024,3029,3034,3206,3211,3247,3251,3410,3415,3447,3765,3767,3771,3774,3778,3785,3867,3872,4008,4012,4018,4279,4288,4292,4298,4381,4385,4388,4527,4531,4615,4617,4621,4625,4630,4724,4728,4825,4829,4874,4879,5060,5062,5066,5069,5073,5079,5151,5156,5176,5180,5326,5330,5335,5412,5417,5503,5508,5593,5597,5600,5617,6301,6318,6322,6325,6330,6333,6350,7122,7127,7130,7700,7704,7715,8125,8130,8141,8637,8639,8643,8646,8650,8658,8663,8779,8783,8951,8955,9047,9049,9053,9056,9060,9063,9077,9082,9086,9089,9297,9302,9812,9816,9827,10149,10161,10166,11434,11438,11445,11661,11666,12079,12083,12086,12346,12350,12357,12667,12672,13495,13517,13519,13523,13526,13530,13533,13894,13898,13901,13966,13970,13979,14062,14071,14075,14078,14314,14319,15274,15278,15283,15508,15513,15711,15735,15737,15741,15745,15748,16614,16618,16621,17425,17429,17432,17840,17844,17847,18847,18849,18853,18856,18860,19149,19153,19545,19549,19783,19785,19789,19792,19796,19799,19804,19823,19828,19861,19878,19882,19887,20030,20035,20224,20228,20235,20356,20361,20372,20377,20388,20392,20395,20457,20462,20473,20477,20484,20625,20630,20641,20645,20648,20653,20774,20778,20820,20824,20974,20976,20980,20984,20990,20995,20998,21055,21060,21074,21079,21464,21466,21470,21475,21479,21482,21532,21536,21549,21553,21841,21843,21847,21852,21856,21859,21909,21913,21927,21931,22479,22481,22485,22488,22493,22534,22539,22547,22549,22553,22717,22719,22723,22750],[2955,2956,1593],"h1",{"id":2957},"анімації-у-wpf-storyboard-та-easing-functions",[2959,2960,2961],"p",{},"Анімації — це те, що робить інтерфейс живим. Плавне відкриття бічної панелі, fade-in при завантаженні сторінки, пульсуючий індикатор завантаження, зміна кольору кнопки при наведенні — все це анімації. Вони покращують user experience, роблять інтерфейс зрозумілішим та приємнішим у використанні.",[2959,2963,2964,2965,2969],{},"WPF має потужну систему анімацій через ",[2966,2967,2968],"code",{},"Storyboard"," — контейнер для анімацій, що може змінювати будь-які властивості контролів у часі. Можна анімувати числа (Width, Opacity), кольори (Background), товщину (Margin), та навіть складні трансформації (обертання, масштабування).",[2959,2971,2972],{},"У цій статті ми детально розберемо всі аспекти анімацій у WPF: від базового синтаксису до складних easing functions та code-behind контролю. Ви навчитесь створювати професійні анімації, що роблять ваш інтерфейс сучасним та інтерактивним.",[2974,2975,2976,2980,2981,2983,2984,2987,2988,2991,2992,2995,2996,2999,3000,3003,3004,3007,3008,3011,3012,3015],"note",{},[2977,2978,2979],"strong",{},"Словник теми:"," ",[2977,2982,2968],{}," — контейнер для анімацій, що координує їх виконання. ",[2977,2985,2986],{},"Timeline"," — базовий клас для всіх анімацій (DoubleAnimation, ColorAnimation). ",[2977,2989,2990],{},"From/To/By"," — початкове, кінцеве значення та зміна. ",[2977,2993,2994],{},"Duration"," — тривалість анімації. ",[2977,2997,2998],{},"Easing Function"," — функція для нелінійної зміни значення (прискорення, уповільнення). ",[2977,3001,3002],{},"Event Trigger"," — тригер для запуску анімації при події. ",[2977,3005,3006],{},"Property Path"," — шлях до властивості для анімації. ",[2977,3009,3010],{},"RepeatBehavior"," — поведінка повторення анімації. ",[2977,3013,3014],{},"AutoReverse"," — автоматичне повернення до початкового стану.",[3017,3018],"hr",{},[3020,3021,3023],"h2",{"id":3022},"storyboard-контейнер-для-анімацій","Storyboard: контейнер для анімацій",[2959,3025,3026,3028],{},[2966,3027,2968],{}," — це клас WPF, що координує виконання кількох анімацій одночасно або послідовно. Він визначає, які властивості яких елементів анімувати та як.",[3030,3031,3033],"h3",{"id":3032},"базовий-синтаксис","Базовий синтаксис",[3035,3036,3041],"pre",{"className":3037,"code":3038,"language":3039,"meta":3040,"style":3040},"language-xml shiki shiki-themes light-plus dark-plus dark-plus","\u003CWindow.Resources>\n    \u003CStoryboard x:Key=\"FadeInStoryboard\">\n        \u003CDoubleAnimation Storyboard.TargetName=\"MyButton\"\n                         Storyboard.TargetProperty=\"Opacity\"\n                         From=\"0\"\n                         To=\"1\"\n                         Duration=\"0:0:0.5\"/>\n    \u003C/Storyboard>\n\u003C/Window.Resources>\n\n\u003CButton x:Name=\"MyButton\" Content=\"Fade In\" Opacity=\"0\"/>\n","xml","",[2966,3042,3043,3059,3081,3098,3109,3120,3131,3145,3155,3165,3172],{"__ignoreMap":3040},[3044,3045,3048,3052,3056],"span",{"class":3046,"line":3047},"line",1,[3044,3049,3051],{"class":3050},"s0P7L","\u003C",[3044,3053,3055],{"class":3054},"sKtos","Window.Resources",[3044,3057,3058],{"class":3050},">\n",[3044,3060,3062,3065,3067,3071,3075,3079],{"class":3046,"line":3061},2,[3044,3063,3064],{"class":3050},"    \u003C",[3044,3066,2968],{"class":3054},[3044,3068,3070],{"class":3069},"sa4r_"," x:Key",[3044,3072,3074],{"class":3073},"sHH4Y","=",[3044,3076,3078],{"class":3077},"su9tN","\"FadeInStoryboard\"",[3044,3080,3058],{"class":3050},[3044,3082,3084,3087,3090,3093,3095],{"class":3046,"line":3083},3,[3044,3085,3086],{"class":3050},"        \u003C",[3044,3088,3089],{"class":3054},"DoubleAnimation",[3044,3091,3092],{"class":3069}," Storyboard.TargetName",[3044,3094,3074],{"class":3073},[3044,3096,3097],{"class":3077},"\"MyButton\"\n",[3044,3099,3101,3104,3106],{"class":3046,"line":3100},4,[3044,3102,3103],{"class":3069},"                         Storyboard.TargetProperty",[3044,3105,3074],{"class":3073},[3044,3107,3108],{"class":3077},"\"Opacity\"\n",[3044,3110,3112,3115,3117],{"class":3046,"line":3111},5,[3044,3113,3114],{"class":3069},"                         From",[3044,3116,3074],{"class":3073},[3044,3118,3119],{"class":3077},"\"0\"\n",[3044,3121,3123,3126,3128],{"class":3046,"line":3122},6,[3044,3124,3125],{"class":3069},"                         To",[3044,3127,3074],{"class":3073},[3044,3129,3130],{"class":3077},"\"1\"\n",[3044,3132,3134,3137,3139,3142],{"class":3046,"line":3133},7,[3044,3135,3136],{"class":3069},"                         Duration",[3044,3138,3074],{"class":3073},[3044,3140,3141],{"class":3077},"\"0:0:0.5\"",[3044,3143,3144],{"class":3050},"/>\n",[3044,3146,3148,3151,3153],{"class":3046,"line":3147},8,[3044,3149,3150],{"class":3050},"    \u003C/",[3044,3152,2968],{"class":3054},[3044,3154,3058],{"class":3050},[3044,3156,3158,3161,3163],{"class":3046,"line":3157},9,[3044,3159,3160],{"class":3050},"\u003C/",[3044,3162,3055],{"class":3054},[3044,3164,3058],{"class":3050},[3044,3166,3168],{"class":3046,"line":3167},10,[3044,3169,3171],{"emptyLinePlaceholder":3170},true,"\n",[3044,3173,3175,3177,3180,3183,3185,3188,3191,3193,3196,3199,3201,3204],{"class":3046,"line":3174},11,[3044,3176,3051],{"class":3050},[3044,3178,3179],{"class":3054},"Button",[3044,3181,3182],{"class":3069}," x:Name",[3044,3184,3074],{"class":3073},[3044,3186,3187],{"class":3077},"\"MyButton\"",[3044,3189,3190],{"class":3069}," Content",[3044,3192,3074],{"class":3073},[3044,3194,3195],{"class":3077},"\"Fade In\"",[3044,3197,3198],{"class":3069}," Opacity",[3044,3200,3074],{"class":3073},[3044,3202,3203],{"class":3077},"\"0\"",[3044,3205,3144],{"class":3050},[2959,3207,3208],{},[2977,3209,3210],{},"Ключові властивості:",[3212,3213,3214,3221,3227,3233,3239],"ul",{},[3215,3216,3217,3220],"li",{},[2966,3218,3219],{},"Storyboard.TargetName"," — ім'я елемента для анімації (x:Name)",[3215,3222,3223,3226],{},[2966,3224,3225],{},"Storyboard.TargetProperty"," — властивість для анімації",[3215,3228,3229,3232],{},[2966,3230,3231],{},"From"," — початкове значення",[3215,3234,3235,3238],{},[2966,3236,3237],{},"To"," — кінцеве значення",[3215,3240,3241,3243,3244],{},[2966,3242,2994],{}," — тривалість у форматі ",[2966,3245,3246],{},"hours:minutes:seconds.milliseconds",[3030,3248,3250],{"id":3249},"запуск-анімації-через-eventtrigger","Запуск анімації через EventTrigger",[3035,3252,3254],{"className":3037,"code":3253,"language":3039,"meta":3040,"style":3040},"\u003CButton Content=\"Fade In\" Opacity=\"0\">\n    \u003CButton.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                     From=\"0\"\n                                     To=\"1\"\n                                     Duration=\"0:0:0.5\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Button.Triggers>\n\u003C/Button>\n",[2966,3255,3256,3276,3285,3302,3312,3321,3335,3344,3353,3364,3373,3382,3392,3401],{"__ignoreMap":3040},[3044,3257,3258,3260,3262,3264,3266,3268,3270,3272,3274],{"class":3046,"line":3047},[3044,3259,3051],{"class":3050},[3044,3261,3179],{"class":3054},[3044,3263,3190],{"class":3069},[3044,3265,3074],{"class":3073},[3044,3267,3195],{"class":3077},[3044,3269,3198],{"class":3069},[3044,3271,3074],{"class":3073},[3044,3273,3203],{"class":3077},[3044,3275,3058],{"class":3050},[3044,3277,3278,3280,3283],{"class":3046,"line":3061},[3044,3279,3064],{"class":3050},[3044,3281,3282],{"class":3054},"Button.Triggers",[3044,3284,3058],{"class":3050},[3044,3286,3287,3289,3292,3295,3297,3300],{"class":3046,"line":3083},[3044,3288,3086],{"class":3050},[3044,3290,3291],{"class":3054},"EventTrigger",[3044,3293,3294],{"class":3069}," RoutedEvent",[3044,3296,3074],{"class":3073},[3044,3298,3299],{"class":3077},"\"Loaded\"",[3044,3301,3058],{"class":3050},[3044,3303,3304,3307,3310],{"class":3046,"line":3100},[3044,3305,3306],{"class":3050},"            \u003C",[3044,3308,3309],{"class":3054},"BeginStoryboard",[3044,3311,3058],{"class":3050},[3044,3313,3314,3317,3319],{"class":3046,"line":3111},[3044,3315,3316],{"class":3050},"                \u003C",[3044,3318,2968],{"class":3054},[3044,3320,3058],{"class":3050},[3044,3322,3323,3326,3328,3331,3333],{"class":3046,"line":3122},[3044,3324,3325],{"class":3050},"                    \u003C",[3044,3327,3089],{"class":3054},[3044,3329,3330],{"class":3069}," Storyboard.TargetProperty",[3044,3332,3074],{"class":3073},[3044,3334,3108],{"class":3077},[3044,3336,3337,3340,3342],{"class":3046,"line":3133},[3044,3338,3339],{"class":3069},"                                     From",[3044,3341,3074],{"class":3073},[3044,3343,3119],{"class":3077},[3044,3345,3346,3349,3351],{"class":3046,"line":3147},[3044,3347,3348],{"class":3069},"                                     To",[3044,3350,3074],{"class":3073},[3044,3352,3130],{"class":3077},[3044,3354,3355,3358,3360,3362],{"class":3046,"line":3157},[3044,3356,3357],{"class":3069},"                                     Duration",[3044,3359,3074],{"class":3073},[3044,3361,3141],{"class":3077},[3044,3363,3144],{"class":3050},[3044,3365,3366,3369,3371],{"class":3046,"line":3167},[3044,3367,3368],{"class":3050},"                \u003C/",[3044,3370,2968],{"class":3054},[3044,3372,3058],{"class":3050},[3044,3374,3375,3378,3380],{"class":3046,"line":3174},[3044,3376,3377],{"class":3050},"            \u003C/",[3044,3379,3309],{"class":3054},[3044,3381,3058],{"class":3050},[3044,3383,3385,3388,3390],{"class":3046,"line":3384},12,[3044,3386,3387],{"class":3050},"        \u003C/",[3044,3389,3291],{"class":3054},[3044,3391,3058],{"class":3050},[3044,3393,3395,3397,3399],{"class":3046,"line":3394},13,[3044,3396,3150],{"class":3050},[3044,3398,3282],{"class":3054},[3044,3400,3058],{"class":3050},[3044,3402,3404,3406,3408],{"class":3046,"line":3403},14,[3044,3405,3160],{"class":3050},[3044,3407,3179],{"class":3054},[3044,3409,3058],{"class":3050},[2959,3411,3412],{},[2977,3413,3414],{},"Доступні події для EventTrigger:",[3212,3416,3417,3423,3429,3435,3441],{},[3215,3418,3419,3422],{},[2966,3420,3421],{},"Loaded"," — елемент завантажено",[3215,3424,3425,3428],{},[2966,3426,3427],{},"MouseEnter"," — курсор над елементом",[3215,3430,3431,3434],{},[2966,3432,3433],{},"MouseLeave"," — курсор покинув елемент",[3215,3436,3437,3440],{},[2966,3438,3439],{},"GotFocus"," — елемент отримав фокус",[3215,3442,3443,3446],{},[2966,3444,3445],{},"LostFocus"," — елемент втратив фокус",[3448,3449,3451],"wpf-preview",{"title":3450},"Fade-in анімація при завантаженні",[3035,3452,3454],{"className":3037,"code":3453,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"16\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"🎬 Анімація Fade-in\"\n                   FontSize=\"24\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CTextBlock Text=\"При завантаженні Opacity змінюється з 0 до 1 за 0.5 секунди\"\n                   FontSize=\"13\" Foreground=\"#64748b\"\n                   HorizontalAlignment=\"Center\"\n                   TextWrapping=\"Wrap\"\n                   MaxWidth=\"300\"/>\n        \n        \u003CBorder Background=\"#3b82f6\" \n                CornerRadius=\"8\" \n                Padding=\"20\"\n                HorizontalAlignment=\"Center\">\n            \u003CTextBlock Text=\"Я з'являюсь плавно!\"\n                       Foreground=\"White\"\n                       FontSize=\"16\"\n                       FontWeight=\"SemiBold\"/>\n        \u003C/Border>\n    \u003C/StackPanel>\n\u003C/Border>\n",[2966,3455,3456,3489,3514,3529,3547,3557,3568,3573,3586,3603,3612,3622,3634,3638,3654,3666,3677,3689,3703,3714,3725,3738,3747,3756],{"__ignoreMap":3040},[3044,3457,3458,3460,3463,3466,3468,3471,3474,3476,3479,3482,3484,3487],{"class":3046,"line":3047},[3044,3459,3051],{"class":3050},[3044,3461,3462],{"class":3054},"Border",[3044,3464,3465],{"class":3069}," Background",[3044,3467,3074],{"class":3073},[3044,3469,3470],{"class":3077},"\"#f8fafc\"",[3044,3472,3473],{"class":3069}," Padding",[3044,3475,3074],{"class":3073},[3044,3477,3478],{"class":3077},"\"40\"",[3044,3480,3481],{"class":3069}," CornerRadius",[3044,3483,3074],{"class":3073},[3044,3485,3486],{"class":3077},"\"8\"",[3044,3488,3058],{"class":3050},[3044,3490,3491,3493,3496,3499,3501,3504,3507,3509,3512],{"class":3046,"line":3061},[3044,3492,3064],{"class":3050},[3044,3494,3495],{"class":3054},"StackPanel",[3044,3497,3498],{"class":3069}," Spacing",[3044,3500,3074],{"class":3073},[3044,3502,3503],{"class":3077},"\"16\"",[3044,3505,3506],{"class":3069}," HorizontalAlignment",[3044,3508,3074],{"class":3073},[3044,3510,3511],{"class":3077},"\"Center\"",[3044,3513,3058],{"class":3050},[3044,3515,3516,3518,3521,3524,3526],{"class":3046,"line":3083},[3044,3517,3086],{"class":3050},[3044,3519,3520],{"class":3054},"TextBlock",[3044,3522,3523],{"class":3069}," Text",[3044,3525,3074],{"class":3073},[3044,3527,3528],{"class":3077},"\"🎬 Анімація Fade-in\"\n",[3044,3530,3531,3534,3536,3539,3542,3544],{"class":3046,"line":3100},[3044,3532,3533],{"class":3069},"                   FontSize",[3044,3535,3074],{"class":3073},[3044,3537,3538],{"class":3077},"\"24\"",[3044,3540,3541],{"class":3069}," FontWeight",[3044,3543,3074],{"class":3073},[3044,3545,3546],{"class":3077},"\"Bold\"\n",[3044,3548,3549,3552,3554],{"class":3046,"line":3111},[3044,3550,3551],{"class":3069},"                   Foreground",[3044,3553,3074],{"class":3073},[3044,3555,3556],{"class":3077},"\"#1e293b\"\n",[3044,3558,3559,3562,3564,3566],{"class":3046,"line":3122},[3044,3560,3561],{"class":3069},"                   HorizontalAlignment",[3044,3563,3074],{"class":3073},[3044,3565,3511],{"class":3077},[3044,3567,3144],{"class":3050},[3044,3569,3570],{"class":3046,"line":3133},[3044,3571,3572],{"class":3073},"        \n",[3044,3574,3575,3577,3579,3581,3583],{"class":3046,"line":3147},[3044,3576,3086],{"class":3050},[3044,3578,3520],{"class":3054},[3044,3580,3523],{"class":3069},[3044,3582,3074],{"class":3073},[3044,3584,3585],{"class":3077},"\"При завантаженні Opacity змінюється з 0 до 1 за 0.5 секунди\"\n",[3044,3587,3588,3590,3592,3595,3598,3600],{"class":3046,"line":3157},[3044,3589,3533],{"class":3069},[3044,3591,3074],{"class":3073},[3044,3593,3594],{"class":3077},"\"13\"",[3044,3596,3597],{"class":3069}," Foreground",[3044,3599,3074],{"class":3073},[3044,3601,3602],{"class":3077},"\"#64748b\"\n",[3044,3604,3605,3607,3609],{"class":3046,"line":3167},[3044,3606,3561],{"class":3069},[3044,3608,3074],{"class":3073},[3044,3610,3611],{"class":3077},"\"Center\"\n",[3044,3613,3614,3617,3619],{"class":3046,"line":3174},[3044,3615,3616],{"class":3069},"                   TextWrapping",[3044,3618,3074],{"class":3073},[3044,3620,3621],{"class":3077},"\"Wrap\"\n",[3044,3623,3624,3627,3629,3632],{"class":3046,"line":3384},[3044,3625,3626],{"class":3069},"                   MaxWidth",[3044,3628,3074],{"class":3073},[3044,3630,3631],{"class":3077},"\"300\"",[3044,3633,3144],{"class":3050},[3044,3635,3636],{"class":3046,"line":3394},[3044,3637,3572],{"class":3073},[3044,3639,3640,3642,3644,3646,3648,3651],{"class":3046,"line":3403},[3044,3641,3086],{"class":3050},[3044,3643,3462],{"class":3054},[3044,3645,3465],{"class":3069},[3044,3647,3074],{"class":3073},[3044,3649,3650],{"class":3077},"\"#3b82f6\"",[3044,3652,3653],{"class":3073}," \n",[3044,3655,3657,3660,3662,3664],{"class":3046,"line":3656},15,[3044,3658,3659],{"class":3069},"                CornerRadius",[3044,3661,3074],{"class":3073},[3044,3663,3486],{"class":3077},[3044,3665,3653],{"class":3073},[3044,3667,3669,3672,3674],{"class":3046,"line":3668},16,[3044,3670,3671],{"class":3069},"                Padding",[3044,3673,3074],{"class":3073},[3044,3675,3676],{"class":3077},"\"20\"\n",[3044,3678,3680,3683,3685,3687],{"class":3046,"line":3679},17,[3044,3681,3682],{"class":3069},"                HorizontalAlignment",[3044,3684,3074],{"class":3073},[3044,3686,3511],{"class":3077},[3044,3688,3058],{"class":3050},[3044,3690,3692,3694,3696,3698,3700],{"class":3046,"line":3691},18,[3044,3693,3306],{"class":3050},[3044,3695,3520],{"class":3054},[3044,3697,3523],{"class":3069},[3044,3699,3074],{"class":3073},[3044,3701,3702],{"class":3077},"\"Я з'являюсь плавно!\"\n",[3044,3704,3706,3709,3711],{"class":3046,"line":3705},19,[3044,3707,3708],{"class":3069},"                       Foreground",[3044,3710,3074],{"class":3073},[3044,3712,3713],{"class":3077},"\"White\"\n",[3044,3715,3717,3720,3722],{"class":3046,"line":3716},20,[3044,3718,3719],{"class":3069},"                       FontSize",[3044,3721,3074],{"class":3073},[3044,3723,3724],{"class":3077},"\"16\"\n",[3044,3726,3728,3731,3733,3736],{"class":3046,"line":3727},21,[3044,3729,3730],{"class":3069},"                       FontWeight",[3044,3732,3074],{"class":3073},[3044,3734,3735],{"class":3077},"\"SemiBold\"",[3044,3737,3144],{"class":3050},[3044,3739,3741,3743,3745],{"class":3046,"line":3740},22,[3044,3742,3387],{"class":3050},[3044,3744,3462],{"class":3054},[3044,3746,3058],{"class":3050},[3044,3748,3750,3752,3754],{"class":3046,"line":3749},23,[3044,3751,3150],{"class":3050},[3044,3753,3495],{"class":3054},[3044,3755,3058],{"class":3050},[3044,3757,3759,3761,3763],{"class":3046,"line":3758},24,[3044,3760,3160],{"class":3050},[3044,3762,3462],{"class":3054},[3044,3764,3058],{"class":3050},[3017,3766],{},[3020,3768,3770],{"id":3769},"типи-анімацій","Типи анімацій",[2959,3772,3773],{},"WPF підтримує різні типи анімацій для різних типів властивостей.",[3030,3775,3777],{"id":3776},"doubleanimation-анімація-чисел","DoubleAnimation: анімація чисел",[2959,3779,3780,3781,3784],{},"Для властивостей типу ",[2966,3782,3783],{},"double",": Width, Height, Opacity, FontSize, Margin (окремі значення).",[3035,3786,3788],{"className":3037,"code":3787,"language":3039,"meta":3040,"style":3040},"\u003CStoryboard x:Key=\"ExpandWidth\">\n    \u003CDoubleAnimation Storyboard.TargetName=\"Sidebar\"\n                     Storyboard.TargetProperty=\"Width\"\n                     From=\"0\"\n                     To=\"250\"\n                     Duration=\"0:0:0.3\"/>\n\u003C/Storyboard>\n",[2966,3789,3790,3805,3818,3828,3837,3847,3859],{"__ignoreMap":3040},[3044,3791,3792,3794,3796,3798,3800,3803],{"class":3046,"line":3047},[3044,3793,3051],{"class":3050},[3044,3795,2968],{"class":3054},[3044,3797,3070],{"class":3069},[3044,3799,3074],{"class":3073},[3044,3801,3802],{"class":3077},"\"ExpandWidth\"",[3044,3804,3058],{"class":3050},[3044,3806,3807,3809,3811,3813,3815],{"class":3046,"line":3061},[3044,3808,3064],{"class":3050},[3044,3810,3089],{"class":3054},[3044,3812,3092],{"class":3069},[3044,3814,3074],{"class":3073},[3044,3816,3817],{"class":3077},"\"Sidebar\"\n",[3044,3819,3820,3823,3825],{"class":3046,"line":3083},[3044,3821,3822],{"class":3069},"                     Storyboard.TargetProperty",[3044,3824,3074],{"class":3073},[3044,3826,3827],{"class":3077},"\"Width\"\n",[3044,3829,3830,3833,3835],{"class":3046,"line":3100},[3044,3831,3832],{"class":3069},"                     From",[3044,3834,3074],{"class":3073},[3044,3836,3119],{"class":3077},[3044,3838,3839,3842,3844],{"class":3046,"line":3111},[3044,3840,3841],{"class":3069},"                     To",[3044,3843,3074],{"class":3073},[3044,3845,3846],{"class":3077},"\"250\"\n",[3044,3848,3849,3852,3854,3857],{"class":3046,"line":3122},[3044,3850,3851],{"class":3069},"                     Duration",[3044,3853,3074],{"class":3073},[3044,3855,3856],{"class":3077},"\"0:0:0.3\"",[3044,3858,3144],{"class":3050},[3044,3860,3861,3863,3865],{"class":3046,"line":3133},[3044,3862,3160],{"class":3050},[3044,3864,2968],{"class":3054},[3044,3866,3058],{"class":3050},[2959,3868,3869],{},[2977,3870,3871],{},"From/To/By варіанти:",[3035,3873,3875],{"className":3037,"code":3874,"language":3039,"meta":3040,"style":3040},"\u003C!-- From + To: з 0 до 250 -->\n\u003CDoubleAnimation From=\"0\" To=\"250\" Duration=\"0:0:0.3\"/>\n\n\u003C!-- Лише To: з поточного значення до 250 -->\n\u003CDoubleAnimation To=\"250\" Duration=\"0:0:0.3\"/>\n\n\u003C!-- By: збільшити на 50 від поточного -->\n\u003CDoubleAnimation By=\"50\" Duration=\"0:0:0.3\"/>\n\n\u003C!-- From + By: з 0 збільшити на 250 -->\n\u003CDoubleAnimation From=\"0\" By=\"250\" Duration=\"0:0:0.3\"/>\n",[2966,3876,3877,3883,3913,3917,3922,3942,3946,3951,3973,3977,3982],{"__ignoreMap":3040},[3044,3878,3879],{"class":3046,"line":3047},[3044,3880,3882],{"class":3881},"spJ8K","\u003C!-- From + To: з 0 до 250 -->\n",[3044,3884,3885,3887,3889,3892,3894,3896,3899,3901,3904,3907,3909,3911],{"class":3046,"line":3061},[3044,3886,3051],{"class":3050},[3044,3888,3089],{"class":3054},[3044,3890,3891],{"class":3069}," From",[3044,3893,3074],{"class":3073},[3044,3895,3203],{"class":3077},[3044,3897,3898],{"class":3069}," To",[3044,3900,3074],{"class":3073},[3044,3902,3903],{"class":3077},"\"250\"",[3044,3905,3906],{"class":3069}," Duration",[3044,3908,3074],{"class":3073},[3044,3910,3856],{"class":3077},[3044,3912,3144],{"class":3050},[3044,3914,3915],{"class":3046,"line":3083},[3044,3916,3171],{"emptyLinePlaceholder":3170},[3044,3918,3919],{"class":3046,"line":3100},[3044,3920,3921],{"class":3881},"\u003C!-- Лише To: з поточного значення до 250 -->\n",[3044,3923,3924,3926,3928,3930,3932,3934,3936,3938,3940],{"class":3046,"line":3111},[3044,3925,3051],{"class":3050},[3044,3927,3089],{"class":3054},[3044,3929,3898],{"class":3069},[3044,3931,3074],{"class":3073},[3044,3933,3903],{"class":3077},[3044,3935,3906],{"class":3069},[3044,3937,3074],{"class":3073},[3044,3939,3856],{"class":3077},[3044,3941,3144],{"class":3050},[3044,3943,3944],{"class":3046,"line":3122},[3044,3945,3171],{"emptyLinePlaceholder":3170},[3044,3947,3948],{"class":3046,"line":3133},[3044,3949,3950],{"class":3881},"\u003C!-- By: збільшити на 50 від поточного -->\n",[3044,3952,3953,3955,3957,3960,3962,3965,3967,3969,3971],{"class":3046,"line":3147},[3044,3954,3051],{"class":3050},[3044,3956,3089],{"class":3054},[3044,3958,3959],{"class":3069}," By",[3044,3961,3074],{"class":3073},[3044,3963,3964],{"class":3077},"\"50\"",[3044,3966,3906],{"class":3069},[3044,3968,3074],{"class":3073},[3044,3970,3856],{"class":3077},[3044,3972,3144],{"class":3050},[3044,3974,3975],{"class":3046,"line":3157},[3044,3976,3171],{"emptyLinePlaceholder":3170},[3044,3978,3979],{"class":3046,"line":3167},[3044,3980,3981],{"class":3881},"\u003C!-- From + By: з 0 збільшити на 250 -->\n",[3044,3983,3984,3986,3988,3990,3992,3994,3996,3998,4000,4002,4004,4006],{"class":3046,"line":3174},[3044,3985,3051],{"class":3050},[3044,3987,3089],{"class":3054},[3044,3989,3891],{"class":3069},[3044,3991,3074],{"class":3073},[3044,3993,3203],{"class":3077},[3044,3995,3959],{"class":3069},[3044,3997,3074],{"class":3073},[3044,3999,3903],{"class":3077},[3044,4001,3906],{"class":3069},[3044,4003,3074],{"class":3073},[3044,4005,3856],{"class":3077},[3044,4007,3144],{"class":3050},[3030,4009,4011],{"id":4010},"coloranimation-анімація-кольорів","ColorAnimation: анімація кольорів",[2959,4013,3780,4014,4017],{},[2966,4015,4016],{},"Color"," (не Brush!). Потрібен Property Path до Color всередині Brush.",[3035,4019,4021],{"className":3037,"code":4020,"language":3039,"meta":3040,"style":3040},"\u003CButton x:Name=\"MyButton\" Content=\"Hover Me\">\n    \u003CButton.Background>\n        \u003CSolidColorBrush Color=\"#3b82f6\"/>\n    \u003C/Button.Background>\n    \u003CButton.Triggers>\n        \u003CEventTrigger RoutedEvent=\"MouseEnter\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CColorAnimation Storyboard.TargetProperty=\"(Button.Background).(SolidColorBrush.Color)\"\n                                    To=\"#2563eb\"\n                                    Duration=\"0:0:0.2\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n        \u003CEventTrigger RoutedEvent=\"MouseLeave\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CColorAnimation Storyboard.TargetProperty=\"(Button.Background).(SolidColorBrush.Color)\"\n                                    To=\"#3b82f6\"\n                                    Duration=\"0:0:0.2\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Button.Triggers>\n\u003C/Button>\n",[2966,4022,4023,4044,4053,4069,4077,4085,4100,4108,4116,4130,4140,4152,4160,4168,4176,4191,4199,4207,4219,4228,4238,4246,4254,4262,4270],{"__ignoreMap":3040},[3044,4024,4025,4027,4029,4031,4033,4035,4037,4039,4042],{"class":3046,"line":3047},[3044,4026,3051],{"class":3050},[3044,4028,3179],{"class":3054},[3044,4030,3182],{"class":3069},[3044,4032,3074],{"class":3073},[3044,4034,3187],{"class":3077},[3044,4036,3190],{"class":3069},[3044,4038,3074],{"class":3073},[3044,4040,4041],{"class":3077},"\"Hover Me\"",[3044,4043,3058],{"class":3050},[3044,4045,4046,4048,4051],{"class":3046,"line":3061},[3044,4047,3064],{"class":3050},[3044,4049,4050],{"class":3054},"Button.Background",[3044,4052,3058],{"class":3050},[3044,4054,4055,4057,4060,4063,4065,4067],{"class":3046,"line":3083},[3044,4056,3086],{"class":3050},[3044,4058,4059],{"class":3054},"SolidColorBrush",[3044,4061,4062],{"class":3069}," Color",[3044,4064,3074],{"class":3073},[3044,4066,3650],{"class":3077},[3044,4068,3144],{"class":3050},[3044,4070,4071,4073,4075],{"class":3046,"line":3100},[3044,4072,3150],{"class":3050},[3044,4074,4050],{"class":3054},[3044,4076,3058],{"class":3050},[3044,4078,4079,4081,4083],{"class":3046,"line":3111},[3044,4080,3064],{"class":3050},[3044,4082,3282],{"class":3054},[3044,4084,3058],{"class":3050},[3044,4086,4087,4089,4091,4093,4095,4098],{"class":3046,"line":3122},[3044,4088,3086],{"class":3050},[3044,4090,3291],{"class":3054},[3044,4092,3294],{"class":3069},[3044,4094,3074],{"class":3073},[3044,4096,4097],{"class":3077},"\"MouseEnter\"",[3044,4099,3058],{"class":3050},[3044,4101,4102,4104,4106],{"class":3046,"line":3133},[3044,4103,3306],{"class":3050},[3044,4105,3309],{"class":3054},[3044,4107,3058],{"class":3050},[3044,4109,4110,4112,4114],{"class":3046,"line":3147},[3044,4111,3316],{"class":3050},[3044,4113,2968],{"class":3054},[3044,4115,3058],{"class":3050},[3044,4117,4118,4120,4123,4125,4127],{"class":3046,"line":3157},[3044,4119,3325],{"class":3050},[3044,4121,4122],{"class":3054},"ColorAnimation",[3044,4124,3330],{"class":3069},[3044,4126,3074],{"class":3073},[3044,4128,4129],{"class":3077},"\"(Button.Background).(SolidColorBrush.Color)\"\n",[3044,4131,4132,4135,4137],{"class":3046,"line":3167},[3044,4133,4134],{"class":3069},"                                    To",[3044,4136,3074],{"class":3073},[3044,4138,4139],{"class":3077},"\"#2563eb\"\n",[3044,4141,4142,4145,4147,4150],{"class":3046,"line":3174},[3044,4143,4144],{"class":3069},"                                    Duration",[3044,4146,3074],{"class":3073},[3044,4148,4149],{"class":3077},"\"0:0:0.2\"",[3044,4151,3144],{"class":3050},[3044,4153,4154,4156,4158],{"class":3046,"line":3384},[3044,4155,3368],{"class":3050},[3044,4157,2968],{"class":3054},[3044,4159,3058],{"class":3050},[3044,4161,4162,4164,4166],{"class":3046,"line":3394},[3044,4163,3377],{"class":3050},[3044,4165,3309],{"class":3054},[3044,4167,3058],{"class":3050},[3044,4169,4170,4172,4174],{"class":3046,"line":3403},[3044,4171,3387],{"class":3050},[3044,4173,3291],{"class":3054},[3044,4175,3058],{"class":3050},[3044,4177,4178,4180,4182,4184,4186,4189],{"class":3046,"line":3656},[3044,4179,3086],{"class":3050},[3044,4181,3291],{"class":3054},[3044,4183,3294],{"class":3069},[3044,4185,3074],{"class":3073},[3044,4187,4188],{"class":3077},"\"MouseLeave\"",[3044,4190,3058],{"class":3050},[3044,4192,4193,4195,4197],{"class":3046,"line":3668},[3044,4194,3306],{"class":3050},[3044,4196,3309],{"class":3054},[3044,4198,3058],{"class":3050},[3044,4200,4201,4203,4205],{"class":3046,"line":3679},[3044,4202,3316],{"class":3050},[3044,4204,2968],{"class":3054},[3044,4206,3058],{"class":3050},[3044,4208,4209,4211,4213,4215,4217],{"class":3046,"line":3691},[3044,4210,3325],{"class":3050},[3044,4212,4122],{"class":3054},[3044,4214,3330],{"class":3069},[3044,4216,3074],{"class":3073},[3044,4218,4129],{"class":3077},[3044,4220,4221,4223,4225],{"class":3046,"line":3705},[3044,4222,4134],{"class":3069},[3044,4224,3074],{"class":3073},[3044,4226,4227],{"class":3077},"\"#3b82f6\"\n",[3044,4229,4230,4232,4234,4236],{"class":3046,"line":3716},[3044,4231,4144],{"class":3069},[3044,4233,3074],{"class":3073},[3044,4235,4149],{"class":3077},[3044,4237,3144],{"class":3050},[3044,4239,4240,4242,4244],{"class":3046,"line":3727},[3044,4241,3368],{"class":3050},[3044,4243,2968],{"class":3054},[3044,4245,3058],{"class":3050},[3044,4247,4248,4250,4252],{"class":3046,"line":3740},[3044,4249,3377],{"class":3050},[3044,4251,3309],{"class":3054},[3044,4253,3058],{"class":3050},[3044,4255,4256,4258,4260],{"class":3046,"line":3749},[3044,4257,3387],{"class":3050},[3044,4259,3291],{"class":3054},[3044,4261,3058],{"class":3050},[3044,4263,4264,4266,4268],{"class":3046,"line":3758},[3044,4265,3150],{"class":3050},[3044,4267,3282],{"class":3054},[3044,4269,3058],{"class":3050},[3044,4271,4273,4275,4277],{"class":3046,"line":4272},25,[3044,4274,3160],{"class":3050},[3044,4276,3179],{"class":3054},[3044,4278,3058],{"class":3050},[2959,4280,4281,2980,4284,4287],{},[2977,4282,4283],{},"Важливо:",[2966,4285,4286],{},"(Button.Background).(SolidColorBrush.Color)"," — це Property Path до Color всередині SolidColorBrush.",[3030,4289,4291],{"id":4290},"thicknessanimation-анімація-marginpadding","ThicknessAnimation: анімація Margin/Padding",[2959,4293,3780,4294,4297],{},[2966,4295,4296],{},"Thickness",": Margin, Padding, BorderThickness.",[3035,4299,4301],{"className":3037,"code":4300,"language":3039,"meta":3040,"style":3040},"\u003CStoryboard x:Key=\"SlideIn\">\n    \u003CThicknessAnimation Storyboard.TargetName=\"Panel\"\n                        Storyboard.TargetProperty=\"Margin\"\n                        From=\"-250,0,0,0\"\n                        To=\"0,0,0,0\"\n                        Duration=\"0:0:0.3\"/>\n\u003C/Storyboard>\n",[2966,4302,4303,4318,4332,4342,4352,4362,4373],{"__ignoreMap":3040},[3044,4304,4305,4307,4309,4311,4313,4316],{"class":3046,"line":3047},[3044,4306,3051],{"class":3050},[3044,4308,2968],{"class":3054},[3044,4310,3070],{"class":3069},[3044,4312,3074],{"class":3073},[3044,4314,4315],{"class":3077},"\"SlideIn\"",[3044,4317,3058],{"class":3050},[3044,4319,4320,4322,4325,4327,4329],{"class":3046,"line":3061},[3044,4321,3064],{"class":3050},[3044,4323,4324],{"class":3054},"ThicknessAnimation",[3044,4326,3092],{"class":3069},[3044,4328,3074],{"class":3073},[3044,4330,4331],{"class":3077},"\"Panel\"\n",[3044,4333,4334,4337,4339],{"class":3046,"line":3083},[3044,4335,4336],{"class":3069},"                        Storyboard.TargetProperty",[3044,4338,3074],{"class":3073},[3044,4340,4341],{"class":3077},"\"Margin\"\n",[3044,4343,4344,4347,4349],{"class":3046,"line":3100},[3044,4345,4346],{"class":3069},"                        From",[3044,4348,3074],{"class":3073},[3044,4350,4351],{"class":3077},"\"-250,0,0,0\"\n",[3044,4353,4354,4357,4359],{"class":3046,"line":3111},[3044,4355,4356],{"class":3069},"                        To",[3044,4358,3074],{"class":3073},[3044,4360,4361],{"class":3077},"\"0,0,0,0\"\n",[3044,4363,4364,4367,4369,4371],{"class":3046,"line":3122},[3044,4365,4366],{"class":3069},"                        Duration",[3044,4368,3074],{"class":3073},[3044,4370,3856],{"class":3077},[3044,4372,3144],{"class":3050},[3044,4374,4375,4377,4379],{"class":3046,"line":3133},[3044,4376,3160],{"class":3050},[3044,4378,2968],{"class":3054},[3044,4380,3058],{"class":3050},[3030,4382,4384],{"id":4383},"objectanimationusingkeyframes-дискретні-значення","ObjectAnimationUsingKeyFrames: дискретні значення",[2959,4386,4387],{},"Для властивостей будь-якого типу, що не підтримують інтерполяцію (наприклад, Visibility, string).",[3035,4389,4391],{"className":3037,"code":4390,"language":3039,"meta":3040,"style":3040},"\u003CStoryboard x:Key=\"BlinkAnimation\">\n    \u003CObjectAnimationUsingKeyFrames Storyboard.TargetName=\"Indicator\"\n                                   Storyboard.TargetProperty=\"Visibility\"\n                                   RepeatBehavior=\"Forever\">\n        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:0\" Value=\"{x:Static Visibility.Visible}\"/>\n        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:0.5\" Value=\"{x:Static Visibility.Collapsed}\"/>\n        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:1\" Value=\"{x:Static Visibility.Visible}\"/>\n    \u003C/ObjectAnimationUsingKeyFrames>\n\u003C/Storyboard>\n",[2966,4392,4393,4408,4422,4432,4444,4469,4490,4511,4519],{"__ignoreMap":3040},[3044,4394,4395,4397,4399,4401,4403,4406],{"class":3046,"line":3047},[3044,4396,3051],{"class":3050},[3044,4398,2968],{"class":3054},[3044,4400,3070],{"class":3069},[3044,4402,3074],{"class":3073},[3044,4404,4405],{"class":3077},"\"BlinkAnimation\"",[3044,4407,3058],{"class":3050},[3044,4409,4410,4412,4415,4417,4419],{"class":3046,"line":3061},[3044,4411,3064],{"class":3050},[3044,4413,4414],{"class":3054},"ObjectAnimationUsingKeyFrames",[3044,4416,3092],{"class":3069},[3044,4418,3074],{"class":3073},[3044,4420,4421],{"class":3077},"\"Indicator\"\n",[3044,4423,4424,4427,4429],{"class":3046,"line":3083},[3044,4425,4426],{"class":3069},"                                   Storyboard.TargetProperty",[3044,4428,3074],{"class":3073},[3044,4430,4431],{"class":3077},"\"Visibility\"\n",[3044,4433,4434,4437,4439,4442],{"class":3046,"line":3100},[3044,4435,4436],{"class":3069},"                                   RepeatBehavior",[3044,4438,3074],{"class":3073},[3044,4440,4441],{"class":3077},"\"Forever\"",[3044,4443,3058],{"class":3050},[3044,4445,4446,4448,4451,4454,4456,4459,4462,4464,4467],{"class":3046,"line":3111},[3044,4447,3086],{"class":3050},[3044,4449,4450],{"class":3054},"DiscreteObjectKeyFrame",[3044,4452,4453],{"class":3069}," KeyTime",[3044,4455,3074],{"class":3073},[3044,4457,4458],{"class":3077},"\"0:0:0\"",[3044,4460,4461],{"class":3069}," Value",[3044,4463,3074],{"class":3073},[3044,4465,4466],{"class":3077},"\"{x:Static Visibility.Visible}\"",[3044,4468,3144],{"class":3050},[3044,4470,4471,4473,4475,4477,4479,4481,4483,4485,4488],{"class":3046,"line":3122},[3044,4472,3086],{"class":3050},[3044,4474,4450],{"class":3054},[3044,4476,4453],{"class":3069},[3044,4478,3074],{"class":3073},[3044,4480,3141],{"class":3077},[3044,4482,4461],{"class":3069},[3044,4484,3074],{"class":3073},[3044,4486,4487],{"class":3077},"\"{x:Static Visibility.Collapsed}\"",[3044,4489,3144],{"class":3050},[3044,4491,4492,4494,4496,4498,4500,4503,4505,4507,4509],{"class":3046,"line":3133},[3044,4493,3086],{"class":3050},[3044,4495,4450],{"class":3054},[3044,4497,4453],{"class":3069},[3044,4499,3074],{"class":3073},[3044,4501,4502],{"class":3077},"\"0:0:1\"",[3044,4504,4461],{"class":3069},[3044,4506,3074],{"class":3073},[3044,4508,4466],{"class":3077},[3044,4510,3144],{"class":3050},[3044,4512,4513,4515,4517],{"class":3046,"line":3147},[3044,4514,3150],{"class":3050},[3044,4516,4414],{"class":3054},[3044,4518,3058],{"class":3050},[3044,4520,4521,4523,4525],{"class":3046,"line":3157},[3044,4522,3160],{"class":3050},[3044,4524,2968],{"class":3054},[3044,4526,3058],{"class":3050},[3030,4528,4530],{"id":4529},"порівняльна-таблиця","Порівняльна таблиця",[4532,4533,4534,4550],"table",{},[4535,4536,4537],"thead",{},[4538,4539,4540,4544,4547],"tr",{},[4541,4542,4543],"th",{},"Тип анімації",[4541,4545,4546],{},"Для властивостей",[4541,4548,4549],{},"Приклад",[4551,4552,4553,4566,4578,4590,4603],"tbody",{},[4538,4554,4555,4560,4563],{},[4556,4557,4558],"td",{},[2966,4559,3089],{},[4556,4561,4562],{},"double (Width, Opacity)",[4556,4564,4565],{},"Fade-in, розширення",[4538,4567,4568,4572,4575],{},[4556,4569,4570],{},[2966,4571,4122],{},[4556,4573,4574],{},"Color (всередині Brush)",[4556,4576,4577],{},"Зміна кольору фону",[4538,4579,4580,4584,4587],{},[4556,4581,4582],{},[2966,4583,4324],{},[4556,4585,4586],{},"Thickness (Margin, Padding)",[4556,4588,4589],{},"Slide-in панель",[4538,4591,4592,4597,4600],{},[4556,4593,4594],{},[2966,4595,4596],{},"PointAnimation",[4556,4598,4599],{},"Point",[4556,4601,4602],{},"Переміщення по координатах",[4538,4604,4605,4609,4612],{},[4556,4606,4607],{},[2966,4608,4414],{},[4556,4610,4611],{},"Будь-який тип",[4556,4613,4614],{},"Мигання, дискретні зміни",[3017,4616],{},[3020,4618,4620],{"id":4619},"duration-та-repeatbehavior","Duration та RepeatBehavior",[3030,4622,4624],{"id":4623},"duration-тривалість-анімації","Duration: тривалість анімації",[2959,4626,4627,4628],{},"Формат: ",[2966,4629,3246],{},[3035,4631,4633],{"className":3037,"code":4632,"language":3039,"meta":3040,"style":3040},"\u003C!-- 0.5 секунди -->\n\u003CDoubleAnimation Duration=\"0:0:0.5\"/>\n\n\u003C!-- 300 мілісекунд -->\n\u003CDoubleAnimation Duration=\"0:0:0.3\"/>\n\n\u003C!-- 1 секунда -->\n\u003CDoubleAnimation Duration=\"0:0:1\"/>\n\n\u003C!-- 2 секунди -->\n\u003CDoubleAnimation Duration=\"0:0:2\"/>\n",[2966,4634,4635,4640,4654,4658,4663,4677,4681,4686,4700,4704,4709],{"__ignoreMap":3040},[3044,4636,4637],{"class":3046,"line":3047},[3044,4638,4639],{"class":3881},"\u003C!-- 0.5 секунди -->\n",[3044,4641,4642,4644,4646,4648,4650,4652],{"class":3046,"line":3061},[3044,4643,3051],{"class":3050},[3044,4645,3089],{"class":3054},[3044,4647,3906],{"class":3069},[3044,4649,3074],{"class":3073},[3044,4651,3141],{"class":3077},[3044,4653,3144],{"class":3050},[3044,4655,4656],{"class":3046,"line":3083},[3044,4657,3171],{"emptyLinePlaceholder":3170},[3044,4659,4660],{"class":3046,"line":3100},[3044,4661,4662],{"class":3881},"\u003C!-- 300 мілісекунд -->\n",[3044,4664,4665,4667,4669,4671,4673,4675],{"class":3046,"line":3111},[3044,4666,3051],{"class":3050},[3044,4668,3089],{"class":3054},[3044,4670,3906],{"class":3069},[3044,4672,3074],{"class":3073},[3044,4674,3856],{"class":3077},[3044,4676,3144],{"class":3050},[3044,4678,4679],{"class":3046,"line":3122},[3044,4680,3171],{"emptyLinePlaceholder":3170},[3044,4682,4683],{"class":3046,"line":3133},[3044,4684,4685],{"class":3881},"\u003C!-- 1 секунда -->\n",[3044,4687,4688,4690,4692,4694,4696,4698],{"class":3046,"line":3147},[3044,4689,3051],{"class":3050},[3044,4691,3089],{"class":3054},[3044,4693,3906],{"class":3069},[3044,4695,3074],{"class":3073},[3044,4697,4502],{"class":3077},[3044,4699,3144],{"class":3050},[3044,4701,4702],{"class":3046,"line":3157},[3044,4703,3171],{"emptyLinePlaceholder":3170},[3044,4705,4706],{"class":3046,"line":3167},[3044,4707,4708],{"class":3881},"\u003C!-- 2 секунди -->\n",[3044,4710,4711,4713,4715,4717,4719,4722],{"class":3046,"line":3174},[3044,4712,3051],{"class":3050},[3044,4714,3089],{"class":3054},[3044,4716,3906],{"class":3069},[3044,4718,3074],{"class":3073},[3044,4720,4721],{"class":3077},"\"0:0:2\"",[3044,4723,3144],{"class":3050},[3030,4725,4727],{"id":4726},"repeatbehavior-повторення","RepeatBehavior: повторення",[3035,4729,4731],{"className":3037,"code":4730,"language":3039,"meta":3040,"style":3040},"\u003C!-- Виконати 1 раз (за замовчуванням) -->\n\u003CDoubleAnimation RepeatBehavior=\"1x\"/>\n\n\u003C!-- Виконати 3 рази -->\n\u003CDoubleAnimation RepeatBehavior=\"3x\"/>\n\n\u003C!-- Повторювати нескінченно -->\n\u003CDoubleAnimation RepeatBehavior=\"Forever\"/>\n\n\u003C!-- Повторювати протягом 5 секунд -->\n\u003CDoubleAnimation RepeatBehavior=\"0:0:5\"/>\n",[2966,4732,4733,4738,4754,4758,4763,4778,4782,4787,4801,4805,4810],{"__ignoreMap":3040},[3044,4734,4735],{"class":3046,"line":3047},[3044,4736,4737],{"class":3881},"\u003C!-- Виконати 1 раз (за замовчуванням) -->\n",[3044,4739,4740,4742,4744,4747,4749,4752],{"class":3046,"line":3061},[3044,4741,3051],{"class":3050},[3044,4743,3089],{"class":3054},[3044,4745,4746],{"class":3069}," RepeatBehavior",[3044,4748,3074],{"class":3073},[3044,4750,4751],{"class":3077},"\"1x\"",[3044,4753,3144],{"class":3050},[3044,4755,4756],{"class":3046,"line":3083},[3044,4757,3171],{"emptyLinePlaceholder":3170},[3044,4759,4760],{"class":3046,"line":3100},[3044,4761,4762],{"class":3881},"\u003C!-- Виконати 3 рази -->\n",[3044,4764,4765,4767,4769,4771,4773,4776],{"class":3046,"line":3111},[3044,4766,3051],{"class":3050},[3044,4768,3089],{"class":3054},[3044,4770,4746],{"class":3069},[3044,4772,3074],{"class":3073},[3044,4774,4775],{"class":3077},"\"3x\"",[3044,4777,3144],{"class":3050},[3044,4779,4780],{"class":3046,"line":3122},[3044,4781,3171],{"emptyLinePlaceholder":3170},[3044,4783,4784],{"class":3046,"line":3133},[3044,4785,4786],{"class":3881},"\u003C!-- Повторювати нескінченно -->\n",[3044,4788,4789,4791,4793,4795,4797,4799],{"class":3046,"line":3147},[3044,4790,3051],{"class":3050},[3044,4792,3089],{"class":3054},[3044,4794,4746],{"class":3069},[3044,4796,3074],{"class":3073},[3044,4798,4441],{"class":3077},[3044,4800,3144],{"class":3050},[3044,4802,4803],{"class":3046,"line":3157},[3044,4804,3171],{"emptyLinePlaceholder":3170},[3044,4806,4807],{"class":3046,"line":3167},[3044,4808,4809],{"class":3881},"\u003C!-- Повторювати протягом 5 секунд -->\n",[3044,4811,4812,4814,4816,4818,4820,4823],{"class":3046,"line":3174},[3044,4813,3051],{"class":3050},[3044,4815,3089],{"class":3054},[3044,4817,4746],{"class":3069},[3044,4819,3074],{"class":3073},[3044,4821,4822],{"class":3077},"\"0:0:5\"",[3044,4824,3144],{"class":3050},[3030,4826,4828],{"id":4827},"autoreverse-повернення-назад","AutoReverse: повернення назад",[3035,4830,4832],{"className":3037,"code":4831,"language":3039,"meta":3040,"style":3040},"\u003C!-- Анімація виконується туди-назад -->\n\u003CDoubleAnimation From=\"0\" To=\"1\" Duration=\"0:0:0.5\" AutoReverse=\"True\"/>\n",[2966,4833,4834,4839],{"__ignoreMap":3040},[3044,4835,4836],{"class":3046,"line":3047},[3044,4837,4838],{"class":3881},"\u003C!-- Анімація виконується туди-назад -->\n",[3044,4840,4841,4843,4845,4847,4849,4851,4853,4855,4858,4860,4862,4864,4867,4869,4872],{"class":3046,"line":3061},[3044,4842,3051],{"class":3050},[3044,4844,3089],{"class":3054},[3044,4846,3891],{"class":3069},[3044,4848,3074],{"class":3073},[3044,4850,3203],{"class":3077},[3044,4852,3898],{"class":3069},[3044,4854,3074],{"class":3073},[3044,4856,4857],{"class":3077},"\"1\"",[3044,4859,3906],{"class":3069},[3044,4861,3074],{"class":3073},[3044,4863,3141],{"class":3077},[3044,4865,4866],{"class":3069}," AutoReverse",[3044,4868,3074],{"class":3073},[3044,4870,4871],{"class":3077},"\"True\"",[3044,4873,3144],{"class":3050},[2959,4875,4876],{},[2977,4877,4878],{},"Приклад пульсуючого індикатора:",[3035,4880,4882],{"className":3037,"code":4881,"language":3039,"meta":3040,"style":3040},"\u003CEllipse x:Name=\"Indicator\" Width=\"20\" Height=\"20\" Fill=\"#3b82f6\">\n    \u003CEllipse.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                     From=\"1\"\n                                     To=\"0.3\"\n                                     Duration=\"0:0:0.8\"\n                                     AutoReverse=\"True\"\n                                     RepeatBehavior=\"Forever\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Ellipse.Triggers>\n\u003C/Ellipse>\n",[2966,4883,4884,4922,4931,4945,4953,4961,4973,4981,4990,4999,5009,5020,5028,5036,5044,5052],{"__ignoreMap":3040},[3044,4885,4886,4888,4891,4893,4895,4898,4901,4903,4906,4909,4911,4913,4916,4918,4920],{"class":3046,"line":3047},[3044,4887,3051],{"class":3050},[3044,4889,4890],{"class":3054},"Ellipse",[3044,4892,3182],{"class":3069},[3044,4894,3074],{"class":3073},[3044,4896,4897],{"class":3077},"\"Indicator\"",[3044,4899,4900],{"class":3069}," Width",[3044,4902,3074],{"class":3073},[3044,4904,4905],{"class":3077},"\"20\"",[3044,4907,4908],{"class":3069}," Height",[3044,4910,3074],{"class":3073},[3044,4912,4905],{"class":3077},[3044,4914,4915],{"class":3069}," Fill",[3044,4917,3074],{"class":3073},[3044,4919,3650],{"class":3077},[3044,4921,3058],{"class":3050},[3044,4923,4924,4926,4929],{"class":3046,"line":3061},[3044,4925,3064],{"class":3050},[3044,4927,4928],{"class":3054},"Ellipse.Triggers",[3044,4930,3058],{"class":3050},[3044,4932,4933,4935,4937,4939,4941,4943],{"class":3046,"line":3083},[3044,4934,3086],{"class":3050},[3044,4936,3291],{"class":3054},[3044,4938,3294],{"class":3069},[3044,4940,3074],{"class":3073},[3044,4942,3299],{"class":3077},[3044,4944,3058],{"class":3050},[3044,4946,4947,4949,4951],{"class":3046,"line":3100},[3044,4948,3306],{"class":3050},[3044,4950,3309],{"class":3054},[3044,4952,3058],{"class":3050},[3044,4954,4955,4957,4959],{"class":3046,"line":3111},[3044,4956,3316],{"class":3050},[3044,4958,2968],{"class":3054},[3044,4960,3058],{"class":3050},[3044,4962,4963,4965,4967,4969,4971],{"class":3046,"line":3122},[3044,4964,3325],{"class":3050},[3044,4966,3089],{"class":3054},[3044,4968,3330],{"class":3069},[3044,4970,3074],{"class":3073},[3044,4972,3108],{"class":3077},[3044,4974,4975,4977,4979],{"class":3046,"line":3133},[3044,4976,3339],{"class":3069},[3044,4978,3074],{"class":3073},[3044,4980,3130],{"class":3077},[3044,4982,4983,4985,4987],{"class":3046,"line":3147},[3044,4984,3348],{"class":3069},[3044,4986,3074],{"class":3073},[3044,4988,4989],{"class":3077},"\"0.3\"\n",[3044,4991,4992,4994,4996],{"class":3046,"line":3157},[3044,4993,3357],{"class":3069},[3044,4995,3074],{"class":3073},[3044,4997,4998],{"class":3077},"\"0:0:0.8\"\n",[3044,5000,5001,5004,5006],{"class":3046,"line":3167},[3044,5002,5003],{"class":3069},"                                     AutoReverse",[3044,5005,3074],{"class":3073},[3044,5007,5008],{"class":3077},"\"True\"\n",[3044,5010,5011,5014,5016,5018],{"class":3046,"line":3174},[3044,5012,5013],{"class":3069},"                                     RepeatBehavior",[3044,5015,3074],{"class":3073},[3044,5017,4441],{"class":3077},[3044,5019,3144],{"class":3050},[3044,5021,5022,5024,5026],{"class":3046,"line":3384},[3044,5023,3368],{"class":3050},[3044,5025,2968],{"class":3054},[3044,5027,3058],{"class":3050},[3044,5029,5030,5032,5034],{"class":3046,"line":3394},[3044,5031,3377],{"class":3050},[3044,5033,3309],{"class":3054},[3044,5035,3058],{"class":3050},[3044,5037,5038,5040,5042],{"class":3046,"line":3403},[3044,5039,3387],{"class":3050},[3044,5041,3291],{"class":3054},[3044,5043,3058],{"class":3050},[3044,5045,5046,5048,5050],{"class":3046,"line":3656},[3044,5047,3150],{"class":3050},[3044,5049,4928],{"class":3054},[3044,5051,3058],{"class":3050},[3044,5053,5054,5056,5058],{"class":3046,"line":3668},[3044,5055,3160],{"class":3050},[3044,5057,4890],{"class":3054},[3044,5059,3058],{"class":3050},[3017,5061],{},[3020,5063,5065],{"id":5064},"easing-functions-нелінійна-зміна-значень","Easing Functions: нелінійна зміна значень",[2959,5067,5068],{},"Easing Functions роблять анімації природнішими, додаючи прискорення та уповільнення. Замість лінійної зміни (постійна швидкість), значення змінюється за кривою.",[3030,5070,5072],{"id":5071},"базові-easing-functions","Базові Easing Functions",[2959,5074,5075,5078],{},[2977,5076,5077],{},"QuadraticEase"," — квадратична крива (найпопулярніша):",[3035,5080,5082],{"className":3037,"code":5081,"language":3039,"meta":3040,"style":3040},"\u003CDoubleAnimation From=\"0\" To=\"250\" Duration=\"0:0:0.3\">\n    \u003CDoubleAnimation.EasingFunction>\n        \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n    \u003C/DoubleAnimation.EasingFunction>\n\u003C/DoubleAnimation>\n",[2966,5083,5084,5110,5119,5135,5143],{"__ignoreMap":3040},[3044,5085,5086,5088,5090,5092,5094,5096,5098,5100,5102,5104,5106,5108],{"class":3046,"line":3047},[3044,5087,3051],{"class":3050},[3044,5089,3089],{"class":3054},[3044,5091,3891],{"class":3069},[3044,5093,3074],{"class":3073},[3044,5095,3203],{"class":3077},[3044,5097,3898],{"class":3069},[3044,5099,3074],{"class":3073},[3044,5101,3903],{"class":3077},[3044,5103,3906],{"class":3069},[3044,5105,3074],{"class":3073},[3044,5107,3856],{"class":3077},[3044,5109,3058],{"class":3050},[3044,5111,5112,5114,5117],{"class":3046,"line":3061},[3044,5113,3064],{"class":3050},[3044,5115,5116],{"class":3054},"DoubleAnimation.EasingFunction",[3044,5118,3058],{"class":3050},[3044,5120,5121,5123,5125,5128,5130,5133],{"class":3046,"line":3083},[3044,5122,3086],{"class":3050},[3044,5124,5077],{"class":3054},[3044,5126,5127],{"class":3069}," EasingMode",[3044,5129,3074],{"class":3073},[3044,5131,5132],{"class":3077},"\"EaseOut\"",[3044,5134,3144],{"class":3050},[3044,5136,5137,5139,5141],{"class":3046,"line":3100},[3044,5138,3150],{"class":3050},[3044,5140,5116],{"class":3054},[3044,5142,3058],{"class":3050},[3044,5144,5145,5147,5149],{"class":3046,"line":3111},[3044,5146,3160],{"class":3050},[3044,5148,3089],{"class":3054},[3044,5150,3058],{"class":3050},[2959,5152,5153],{},[2977,5154,5155],{},"EasingMode:",[3212,5157,5158,5164,5170],{},[3215,5159,5160,5163],{},[2966,5161,5162],{},"EaseIn"," — прискорення на початку",[3215,5165,5166,5169],{},[2966,5167,5168],{},"EaseOut"," — уповільнення в кінці (найприродніше)",[3215,5171,5172,5175],{},[2966,5173,5174],{},"EaseInOut"," — прискорення на початку + уповільнення в кінці",[3030,5177,5179],{"id":5178},"типи-easing-functions","Типи Easing Functions",[4532,5181,5182,5195],{},[4535,5183,5184],{},[4538,5185,5186,5189,5192],{},[4541,5187,5188],{},"Функція",[4541,5190,5191],{},"Опис",[4541,5193,5194],{},"Використання",[4551,5196,5197,5209,5222,5235,5248,5261,5274,5287,5300,5313],{},[4538,5198,5199,5203,5206],{},[4556,5200,5201],{},[2966,5202,5077],{},[4556,5204,5205],{},"Квадратична крива",[4556,5207,5208],{},"Універсальна, природна",[4538,5210,5211,5216,5219],{},[4556,5212,5213],{},[2966,5214,5215],{},"CubicEase",[4556,5217,5218],{},"Кубічна крива",[4556,5220,5221],{},"Більш виражена",[4538,5223,5224,5229,5232],{},[4556,5225,5226],{},[2966,5227,5228],{},"QuarticEase",[4556,5230,5231],{},"Крива 4-го степеня",[4556,5233,5234],{},"Дуже виражена",[4538,5236,5237,5242,5245],{},[4556,5238,5239],{},[2966,5240,5241],{},"QuinticEase",[4556,5243,5244],{},"Крива 5-го степеня",[4556,5246,5247],{},"Екстремальна",[4538,5249,5250,5255,5258],{},[4556,5251,5252],{},[2966,5253,5254],{},"SineEase",[4556,5256,5257],{},"Синусоїдальна",[4556,5259,5260],{},"Плавна, м'яка",[4538,5262,5263,5268,5271],{},[4556,5264,5265],{},[2966,5266,5267],{},"ExponentialEase",[4556,5269,5270],{},"Експоненційна",[4556,5272,5273],{},"Різке прискорення",[4538,5275,5276,5281,5284],{},[4556,5277,5278],{},[2966,5279,5280],{},"CircleEase",[4556,5282,5283],{},"Кругова",[4556,5285,5286],{},"Плавна, природна",[4538,5288,5289,5294,5297],{},[4556,5290,5291],{},[2966,5292,5293],{},"BackEase",[4556,5295,5296],{},"З \"відскоком\" назад",[4556,5298,5299],{},"Ефект пружини",[4538,5301,5302,5307,5310],{},[4556,5303,5304],{},[2966,5305,5306],{},"ElasticEase",[4556,5308,5309],{},"Еластична",[4556,5311,5312],{},"Ефект гумки",[4538,5314,5315,5320,5323],{},[4556,5316,5317],{},[2966,5318,5319],{},"BounceEase",[4556,5321,5322],{},"З відскоком",[4556,5324,5325],{},"Ефект м'яча",[3030,5327,5329],{"id":5328},"приклади-з-різними-easing-functions","Приклади з різними Easing Functions",[2959,5331,5332],{},[2977,5333,5334],{},"BackEase — відскок назад:",[3035,5336,5338],{"className":3037,"code":5337,"language":3039,"meta":3040,"style":3040},"\u003CDoubleAnimation From=\"0\" To=\"250\" Duration=\"0:0:0.5\">\n    \u003CDoubleAnimation.EasingFunction>\n        \u003CBackEase EasingMode=\"EaseOut\" Amplitude=\"0.5\"/>\n    \u003C/DoubleAnimation.EasingFunction>\n\u003C/DoubleAnimation>\n",[2966,5339,5340,5366,5374,5396,5404],{"__ignoreMap":3040},[3044,5341,5342,5344,5346,5348,5350,5352,5354,5356,5358,5360,5362,5364],{"class":3046,"line":3047},[3044,5343,3051],{"class":3050},[3044,5345,3089],{"class":3054},[3044,5347,3891],{"class":3069},[3044,5349,3074],{"class":3073},[3044,5351,3203],{"class":3077},[3044,5353,3898],{"class":3069},[3044,5355,3074],{"class":3073},[3044,5357,3903],{"class":3077},[3044,5359,3906],{"class":3069},[3044,5361,3074],{"class":3073},[3044,5363,3141],{"class":3077},[3044,5365,3058],{"class":3050},[3044,5367,5368,5370,5372],{"class":3046,"line":3061},[3044,5369,3064],{"class":3050},[3044,5371,5116],{"class":3054},[3044,5373,3058],{"class":3050},[3044,5375,5376,5378,5380,5382,5384,5386,5389,5391,5394],{"class":3046,"line":3083},[3044,5377,3086],{"class":3050},[3044,5379,5293],{"class":3054},[3044,5381,5127],{"class":3069},[3044,5383,3074],{"class":3073},[3044,5385,5132],{"class":3077},[3044,5387,5388],{"class":3069}," Amplitude",[3044,5390,3074],{"class":3073},[3044,5392,5393],{"class":3077},"\"0.5\"",[3044,5395,3144],{"class":3050},[3044,5397,5398,5400,5402],{"class":3046,"line":3100},[3044,5399,3150],{"class":3050},[3044,5401,5116],{"class":3054},[3044,5403,3058],{"class":3050},[3044,5405,5406,5408,5410],{"class":3046,"line":3111},[3044,5407,3160],{"class":3050},[3044,5409,3089],{"class":3054},[3044,5411,3058],{"class":3050},[2959,5413,5414],{},[2977,5415,5416],{},"ElasticEase — еластичний ефект:",[3035,5418,5420],{"className":3037,"code":5419,"language":3039,"meta":3040,"style":3040},"\u003CDoubleAnimation From=\"0\" To=\"250\" Duration=\"0:0:0.8\">\n    \u003CDoubleAnimation.EasingFunction>\n        \u003CElasticEase EasingMode=\"EaseOut\" Oscillations=\"3\" Springiness=\"5\"/>\n    \u003C/DoubleAnimation.EasingFunction>\n\u003C/DoubleAnimation>\n",[2966,5421,5422,5449,5457,5487,5495],{"__ignoreMap":3040},[3044,5423,5424,5426,5428,5430,5432,5434,5436,5438,5440,5442,5444,5447],{"class":3046,"line":3047},[3044,5425,3051],{"class":3050},[3044,5427,3089],{"class":3054},[3044,5429,3891],{"class":3069},[3044,5431,3074],{"class":3073},[3044,5433,3203],{"class":3077},[3044,5435,3898],{"class":3069},[3044,5437,3074],{"class":3073},[3044,5439,3903],{"class":3077},[3044,5441,3906],{"class":3069},[3044,5443,3074],{"class":3073},[3044,5445,5446],{"class":3077},"\"0:0:0.8\"",[3044,5448,3058],{"class":3050},[3044,5450,5451,5453,5455],{"class":3046,"line":3061},[3044,5452,3064],{"class":3050},[3044,5454,5116],{"class":3054},[3044,5456,3058],{"class":3050},[3044,5458,5459,5461,5463,5465,5467,5469,5472,5474,5477,5480,5482,5485],{"class":3046,"line":3083},[3044,5460,3086],{"class":3050},[3044,5462,5306],{"class":3054},[3044,5464,5127],{"class":3069},[3044,5466,3074],{"class":3073},[3044,5468,5132],{"class":3077},[3044,5470,5471],{"class":3069}," Oscillations",[3044,5473,3074],{"class":3073},[3044,5475,5476],{"class":3077},"\"3\"",[3044,5478,5479],{"class":3069}," Springiness",[3044,5481,3074],{"class":3073},[3044,5483,5484],{"class":3077},"\"5\"",[3044,5486,3144],{"class":3050},[3044,5488,5489,5491,5493],{"class":3046,"line":3100},[3044,5490,3150],{"class":3050},[3044,5492,5116],{"class":3054},[3044,5494,3058],{"class":3050},[3044,5496,5497,5499,5501],{"class":3046,"line":3111},[3044,5498,3160],{"class":3050},[3044,5500,3089],{"class":3054},[3044,5502,3058],{"class":3050},[2959,5504,5505],{},[2977,5506,5507],{},"BounceEase — відскок:",[3035,5509,5511],{"className":3037,"code":5510,"language":3039,"meta":3040,"style":3040},"\u003CDoubleAnimation From=\"0\" To=\"250\" Duration=\"0:0:0.6\">\n    \u003CDoubleAnimation.EasingFunction>\n        \u003CBounceEase EasingMode=\"EaseOut\" Bounces=\"3\" Bounciness=\"2\"/>\n    \u003C/DoubleAnimation.EasingFunction>\n\u003C/DoubleAnimation>\n",[2966,5512,5513,5540,5548,5577,5585],{"__ignoreMap":3040},[3044,5514,5515,5517,5519,5521,5523,5525,5527,5529,5531,5533,5535,5538],{"class":3046,"line":3047},[3044,5516,3051],{"class":3050},[3044,5518,3089],{"class":3054},[3044,5520,3891],{"class":3069},[3044,5522,3074],{"class":3073},[3044,5524,3203],{"class":3077},[3044,5526,3898],{"class":3069},[3044,5528,3074],{"class":3073},[3044,5530,3903],{"class":3077},[3044,5532,3906],{"class":3069},[3044,5534,3074],{"class":3073},[3044,5536,5537],{"class":3077},"\"0:0:0.6\"",[3044,5539,3058],{"class":3050},[3044,5541,5542,5544,5546],{"class":3046,"line":3061},[3044,5543,3064],{"class":3050},[3044,5545,5116],{"class":3054},[3044,5547,3058],{"class":3050},[3044,5549,5550,5552,5554,5556,5558,5560,5563,5565,5567,5570,5572,5575],{"class":3046,"line":3083},[3044,5551,3086],{"class":3050},[3044,5553,5319],{"class":3054},[3044,5555,5127],{"class":3069},[3044,5557,3074],{"class":3073},[3044,5559,5132],{"class":3077},[3044,5561,5562],{"class":3069}," Bounces",[3044,5564,3074],{"class":3073},[3044,5566,5476],{"class":3077},[3044,5568,5569],{"class":3069}," Bounciness",[3044,5571,3074],{"class":3073},[3044,5573,5574],{"class":3077},"\"2\"",[3044,5576,3144],{"class":3050},[3044,5578,5579,5581,5583],{"class":3046,"line":3100},[3044,5580,3150],{"class":3050},[3044,5582,5116],{"class":3054},[3044,5584,3058],{"class":3050},[3044,5586,5587,5589,5591],{"class":3046,"line":3111},[3044,5588,3160],{"class":3050},[3044,5590,3089],{"class":3054},[3044,5592,3058],{"class":3050},[3030,5594,5596],{"id":5595},"візуальне-порівняння-easingmode","Візуальне порівняння EasingMode",[2959,5598,5599],{},"Щоб зрозуміти різницю між EasingMode, уявіть автомобіль, що рухається від точки A до точки B:",[3212,5601,5602,5607,5612],{},[3215,5603,5604,5606],{},[2977,5605,5162],{}," — автомобіль починає повільно, потім прискорюється. Використовується рідко, бо виглядає неприродньо для UI.",[3215,5608,5609,5611],{},[2977,5610,5168],{}," — автомобіль починає швидко, потім уповільнюється перед зупинкою. Найприродніший варіант для UI-анімацій.",[3215,5613,5614,5616],{},[2977,5615,5174],{}," — автомобіль прискорюється на початку та уповільнюється в кінці. Підходить для циклічних анімацій.",[3035,5618,5620],{"className":3037,"code":5619,"language":3039,"meta":3040,"style":3040},"\u003CStackPanel>\n    \u003C!-- EaseIn — прискорення на початку -->\n    \u003CBorder x:Name=\"EaseInBox\" Width=\"50\" Height=\"50\" Background=\"#3b82f6\" Margin=\"0,0,0,8\">\n        \u003CBorder.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"(Canvas.Left)\"\n                                         From=\"0\" To=\"300\" Duration=\"0:0:1\"\n                                         RepeatBehavior=\"Forever\" AutoReverse=\"True\">\n                            \u003CDoubleAnimation.EasingFunction>\n                                \u003CQuadraticEase EasingMode=\"EaseIn\"/>\n                            \u003C/DoubleAnimation.EasingFunction>\n                        \u003C/DoubleAnimation>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/Border.Triggers>\n    \u003C/Border>\n    \n    \u003C!-- EaseOut — уповільнення в кінці -->\n    \u003CBorder Width=\"50\" Height=\"50\" Background=\"#22c55e\" Margin=\"0,0,0,8\">\n        \u003CBorder.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"(Canvas.Left)\"\n                                         From=\"0\" To=\"300\" Duration=\"0:0:1\"\n                                         RepeatBehavior=\"Forever\" AutoReverse=\"True\">\n                            \u003CDoubleAnimation.EasingFunction>\n                                \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                            \u003C/DoubleAnimation.EasingFunction>\n                        \u003C/DoubleAnimation>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/Border.Triggers>\n    \u003C/Border>\n    \n    \u003C!-- EaseInOut — прискорення + уповільнення -->\n    \u003CBorder Width=\"50\" Height=\"50\" Background=\"#f59e0b\">\n        \u003CBorder.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"(Canvas.Left)\"\n                                         From=\"0\" To=\"300\" Duration=\"0:0:1\"\n                                         RepeatBehavior=\"Forever\" AutoReverse=\"True\">\n                            \u003CDoubleAnimation.EasingFunction>\n                                \u003CQuadraticEase EasingMode=\"EaseInOut\"/>\n                            \u003C/DoubleAnimation.EasingFunction>\n                        \u003C/DoubleAnimation>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/Border.Triggers>\n    \u003C/Border>\n\u003C/StackPanel>\n",[2966,5621,5622,5630,5635,5676,5685,5699,5707,5715,5729,5751,5768,5777,5793,5802,5811,5820,5828,5836,5844,5852,5857,5862,5895,5903,5917,5925,5934,5947,5968,5985,5994,6009,6018,6027,6036,6045,6054,6063,6072,6077,6083,6111,6120,6135,6144,6153,6166,6187,6204,6213,6229,6238,6247,6256,6265,6274,6283,6292],{"__ignoreMap":3040},[3044,5623,5624,5626,5628],{"class":3046,"line":3047},[3044,5625,3051],{"class":3050},[3044,5627,3495],{"class":3054},[3044,5629,3058],{"class":3050},[3044,5631,5632],{"class":3046,"line":3061},[3044,5633,5634],{"class":3881},"    \u003C!-- EaseIn — прискорення на початку -->\n",[3044,5636,5637,5639,5641,5643,5645,5648,5650,5652,5654,5656,5658,5660,5662,5664,5666,5669,5671,5674],{"class":3046,"line":3083},[3044,5638,3064],{"class":3050},[3044,5640,3462],{"class":3054},[3044,5642,3182],{"class":3069},[3044,5644,3074],{"class":3073},[3044,5646,5647],{"class":3077},"\"EaseInBox\"",[3044,5649,4900],{"class":3069},[3044,5651,3074],{"class":3073},[3044,5653,3964],{"class":3077},[3044,5655,4908],{"class":3069},[3044,5657,3074],{"class":3073},[3044,5659,3964],{"class":3077},[3044,5661,3465],{"class":3069},[3044,5663,3074],{"class":3073},[3044,5665,3650],{"class":3077},[3044,5667,5668],{"class":3069}," Margin",[3044,5670,3074],{"class":3073},[3044,5672,5673],{"class":3077},"\"0,0,0,8\"",[3044,5675,3058],{"class":3050},[3044,5677,5678,5680,5683],{"class":3046,"line":3100},[3044,5679,3086],{"class":3050},[3044,5681,5682],{"class":3054},"Border.Triggers",[3044,5684,3058],{"class":3050},[3044,5686,5687,5689,5691,5693,5695,5697],{"class":3046,"line":3111},[3044,5688,3306],{"class":3050},[3044,5690,3291],{"class":3054},[3044,5692,3294],{"class":3069},[3044,5694,3074],{"class":3073},[3044,5696,3299],{"class":3077},[3044,5698,3058],{"class":3050},[3044,5700,5701,5703,5705],{"class":3046,"line":3122},[3044,5702,3316],{"class":3050},[3044,5704,3309],{"class":3054},[3044,5706,3058],{"class":3050},[3044,5708,5709,5711,5713],{"class":3046,"line":3133},[3044,5710,3325],{"class":3050},[3044,5712,2968],{"class":3054},[3044,5714,3058],{"class":3050},[3044,5716,5717,5720,5722,5724,5726],{"class":3046,"line":3147},[3044,5718,5719],{"class":3050},"                        \u003C",[3044,5721,3089],{"class":3054},[3044,5723,3330],{"class":3069},[3044,5725,3074],{"class":3073},[3044,5727,5728],{"class":3077},"\"(Canvas.Left)\"\n",[3044,5730,5731,5734,5736,5738,5740,5742,5744,5746,5748],{"class":3046,"line":3157},[3044,5732,5733],{"class":3069},"                                         From",[3044,5735,3074],{"class":3073},[3044,5737,3203],{"class":3077},[3044,5739,3898],{"class":3069},[3044,5741,3074],{"class":3073},[3044,5743,3631],{"class":3077},[3044,5745,3906],{"class":3069},[3044,5747,3074],{"class":3073},[3044,5749,5750],{"class":3077},"\"0:0:1\"\n",[3044,5752,5753,5756,5758,5760,5762,5764,5766],{"class":3046,"line":3167},[3044,5754,5755],{"class":3069},"                                         RepeatBehavior",[3044,5757,3074],{"class":3073},[3044,5759,4441],{"class":3077},[3044,5761,4866],{"class":3069},[3044,5763,3074],{"class":3073},[3044,5765,4871],{"class":3077},[3044,5767,3058],{"class":3050},[3044,5769,5770,5773,5775],{"class":3046,"line":3174},[3044,5771,5772],{"class":3050},"                            \u003C",[3044,5774,5116],{"class":3054},[3044,5776,3058],{"class":3050},[3044,5778,5779,5782,5784,5786,5788,5791],{"class":3046,"line":3384},[3044,5780,5781],{"class":3050},"                                \u003C",[3044,5783,5077],{"class":3054},[3044,5785,5127],{"class":3069},[3044,5787,3074],{"class":3073},[3044,5789,5790],{"class":3077},"\"EaseIn\"",[3044,5792,3144],{"class":3050},[3044,5794,5795,5798,5800],{"class":3046,"line":3394},[3044,5796,5797],{"class":3050},"                            \u003C/",[3044,5799,5116],{"class":3054},[3044,5801,3058],{"class":3050},[3044,5803,5804,5807,5809],{"class":3046,"line":3403},[3044,5805,5806],{"class":3050},"                        \u003C/",[3044,5808,3089],{"class":3054},[3044,5810,3058],{"class":3050},[3044,5812,5813,5816,5818],{"class":3046,"line":3656},[3044,5814,5815],{"class":3050},"                    \u003C/",[3044,5817,2968],{"class":3054},[3044,5819,3058],{"class":3050},[3044,5821,5822,5824,5826],{"class":3046,"line":3668},[3044,5823,3368],{"class":3050},[3044,5825,3309],{"class":3054},[3044,5827,3058],{"class":3050},[3044,5829,5830,5832,5834],{"class":3046,"line":3679},[3044,5831,3377],{"class":3050},[3044,5833,3291],{"class":3054},[3044,5835,3058],{"class":3050},[3044,5837,5838,5840,5842],{"class":3046,"line":3691},[3044,5839,3387],{"class":3050},[3044,5841,5682],{"class":3054},[3044,5843,3058],{"class":3050},[3044,5845,5846,5848,5850],{"class":3046,"line":3705},[3044,5847,3150],{"class":3050},[3044,5849,3462],{"class":3054},[3044,5851,3058],{"class":3050},[3044,5853,5854],{"class":3046,"line":3716},[3044,5855,5856],{"class":3073},"    \n",[3044,5858,5859],{"class":3046,"line":3727},[3044,5860,5861],{"class":3881},"    \u003C!-- EaseOut — уповільнення в кінці -->\n",[3044,5863,5864,5866,5868,5870,5872,5874,5876,5878,5880,5882,5884,5887,5889,5891,5893],{"class":3046,"line":3740},[3044,5865,3064],{"class":3050},[3044,5867,3462],{"class":3054},[3044,5869,4900],{"class":3069},[3044,5871,3074],{"class":3073},[3044,5873,3964],{"class":3077},[3044,5875,4908],{"class":3069},[3044,5877,3074],{"class":3073},[3044,5879,3964],{"class":3077},[3044,5881,3465],{"class":3069},[3044,5883,3074],{"class":3073},[3044,5885,5886],{"class":3077},"\"#22c55e\"",[3044,5888,5668],{"class":3069},[3044,5890,3074],{"class":3073},[3044,5892,5673],{"class":3077},[3044,5894,3058],{"class":3050},[3044,5896,5897,5899,5901],{"class":3046,"line":3749},[3044,5898,3086],{"class":3050},[3044,5900,5682],{"class":3054},[3044,5902,3058],{"class":3050},[3044,5904,5905,5907,5909,5911,5913,5915],{"class":3046,"line":3758},[3044,5906,3306],{"class":3050},[3044,5908,3291],{"class":3054},[3044,5910,3294],{"class":3069},[3044,5912,3074],{"class":3073},[3044,5914,3299],{"class":3077},[3044,5916,3058],{"class":3050},[3044,5918,5919,5921,5923],{"class":3046,"line":4272},[3044,5920,3316],{"class":3050},[3044,5922,3309],{"class":3054},[3044,5924,3058],{"class":3050},[3044,5926,5928,5930,5932],{"class":3046,"line":5927},26,[3044,5929,3325],{"class":3050},[3044,5931,2968],{"class":3054},[3044,5933,3058],{"class":3050},[3044,5935,5937,5939,5941,5943,5945],{"class":3046,"line":5936},27,[3044,5938,5719],{"class":3050},[3044,5940,3089],{"class":3054},[3044,5942,3330],{"class":3069},[3044,5944,3074],{"class":3073},[3044,5946,5728],{"class":3077},[3044,5948,5950,5952,5954,5956,5958,5960,5962,5964,5966],{"class":3046,"line":5949},28,[3044,5951,5733],{"class":3069},[3044,5953,3074],{"class":3073},[3044,5955,3203],{"class":3077},[3044,5957,3898],{"class":3069},[3044,5959,3074],{"class":3073},[3044,5961,3631],{"class":3077},[3044,5963,3906],{"class":3069},[3044,5965,3074],{"class":3073},[3044,5967,5750],{"class":3077},[3044,5969,5971,5973,5975,5977,5979,5981,5983],{"class":3046,"line":5970},29,[3044,5972,5755],{"class":3069},[3044,5974,3074],{"class":3073},[3044,5976,4441],{"class":3077},[3044,5978,4866],{"class":3069},[3044,5980,3074],{"class":3073},[3044,5982,4871],{"class":3077},[3044,5984,3058],{"class":3050},[3044,5986,5988,5990,5992],{"class":3046,"line":5987},30,[3044,5989,5772],{"class":3050},[3044,5991,5116],{"class":3054},[3044,5993,3058],{"class":3050},[3044,5995,5997,5999,6001,6003,6005,6007],{"class":3046,"line":5996},31,[3044,5998,5781],{"class":3050},[3044,6000,5077],{"class":3054},[3044,6002,5127],{"class":3069},[3044,6004,3074],{"class":3073},[3044,6006,5132],{"class":3077},[3044,6008,3144],{"class":3050},[3044,6010,6012,6014,6016],{"class":3046,"line":6011},32,[3044,6013,5797],{"class":3050},[3044,6015,5116],{"class":3054},[3044,6017,3058],{"class":3050},[3044,6019,6021,6023,6025],{"class":3046,"line":6020},33,[3044,6022,5806],{"class":3050},[3044,6024,3089],{"class":3054},[3044,6026,3058],{"class":3050},[3044,6028,6030,6032,6034],{"class":3046,"line":6029},34,[3044,6031,5815],{"class":3050},[3044,6033,2968],{"class":3054},[3044,6035,3058],{"class":3050},[3044,6037,6039,6041,6043],{"class":3046,"line":6038},35,[3044,6040,3368],{"class":3050},[3044,6042,3309],{"class":3054},[3044,6044,3058],{"class":3050},[3044,6046,6048,6050,6052],{"class":3046,"line":6047},36,[3044,6049,3377],{"class":3050},[3044,6051,3291],{"class":3054},[3044,6053,3058],{"class":3050},[3044,6055,6057,6059,6061],{"class":3046,"line":6056},37,[3044,6058,3387],{"class":3050},[3044,6060,5682],{"class":3054},[3044,6062,3058],{"class":3050},[3044,6064,6066,6068,6070],{"class":3046,"line":6065},38,[3044,6067,3150],{"class":3050},[3044,6069,3462],{"class":3054},[3044,6071,3058],{"class":3050},[3044,6073,6075],{"class":3046,"line":6074},39,[3044,6076,5856],{"class":3073},[3044,6078,6080],{"class":3046,"line":6079},40,[3044,6081,6082],{"class":3881},"    \u003C!-- EaseInOut — прискорення + уповільнення -->\n",[3044,6084,6086,6088,6090,6092,6094,6096,6098,6100,6102,6104,6106,6109],{"class":3046,"line":6085},41,[3044,6087,3064],{"class":3050},[3044,6089,3462],{"class":3054},[3044,6091,4900],{"class":3069},[3044,6093,3074],{"class":3073},[3044,6095,3964],{"class":3077},[3044,6097,4908],{"class":3069},[3044,6099,3074],{"class":3073},[3044,6101,3964],{"class":3077},[3044,6103,3465],{"class":3069},[3044,6105,3074],{"class":3073},[3044,6107,6108],{"class":3077},"\"#f59e0b\"",[3044,6110,3058],{"class":3050},[3044,6112,6114,6116,6118],{"class":3046,"line":6113},42,[3044,6115,3086],{"class":3050},[3044,6117,5682],{"class":3054},[3044,6119,3058],{"class":3050},[3044,6121,6123,6125,6127,6129,6131,6133],{"class":3046,"line":6122},43,[3044,6124,3306],{"class":3050},[3044,6126,3291],{"class":3054},[3044,6128,3294],{"class":3069},[3044,6130,3074],{"class":3073},[3044,6132,3299],{"class":3077},[3044,6134,3058],{"class":3050},[3044,6136,6138,6140,6142],{"class":3046,"line":6137},44,[3044,6139,3316],{"class":3050},[3044,6141,3309],{"class":3054},[3044,6143,3058],{"class":3050},[3044,6145,6147,6149,6151],{"class":3046,"line":6146},45,[3044,6148,3325],{"class":3050},[3044,6150,2968],{"class":3054},[3044,6152,3058],{"class":3050},[3044,6154,6156,6158,6160,6162,6164],{"class":3046,"line":6155},46,[3044,6157,5719],{"class":3050},[3044,6159,3089],{"class":3054},[3044,6161,3330],{"class":3069},[3044,6163,3074],{"class":3073},[3044,6165,5728],{"class":3077},[3044,6167,6169,6171,6173,6175,6177,6179,6181,6183,6185],{"class":3046,"line":6168},47,[3044,6170,5733],{"class":3069},[3044,6172,3074],{"class":3073},[3044,6174,3203],{"class":3077},[3044,6176,3898],{"class":3069},[3044,6178,3074],{"class":3073},[3044,6180,3631],{"class":3077},[3044,6182,3906],{"class":3069},[3044,6184,3074],{"class":3073},[3044,6186,5750],{"class":3077},[3044,6188,6190,6192,6194,6196,6198,6200,6202],{"class":3046,"line":6189},48,[3044,6191,5755],{"class":3069},[3044,6193,3074],{"class":3073},[3044,6195,4441],{"class":3077},[3044,6197,4866],{"class":3069},[3044,6199,3074],{"class":3073},[3044,6201,4871],{"class":3077},[3044,6203,3058],{"class":3050},[3044,6205,6207,6209,6211],{"class":3046,"line":6206},49,[3044,6208,5772],{"class":3050},[3044,6210,5116],{"class":3054},[3044,6212,3058],{"class":3050},[3044,6214,6216,6218,6220,6222,6224,6227],{"class":3046,"line":6215},50,[3044,6217,5781],{"class":3050},[3044,6219,5077],{"class":3054},[3044,6221,5127],{"class":3069},[3044,6223,3074],{"class":3073},[3044,6225,6226],{"class":3077},"\"EaseInOut\"",[3044,6228,3144],{"class":3050},[3044,6230,6232,6234,6236],{"class":3046,"line":6231},51,[3044,6233,5797],{"class":3050},[3044,6235,5116],{"class":3054},[3044,6237,3058],{"class":3050},[3044,6239,6241,6243,6245],{"class":3046,"line":6240},52,[3044,6242,5806],{"class":3050},[3044,6244,3089],{"class":3054},[3044,6246,3058],{"class":3050},[3044,6248,6250,6252,6254],{"class":3046,"line":6249},53,[3044,6251,5815],{"class":3050},[3044,6253,2968],{"class":3054},[3044,6255,3058],{"class":3050},[3044,6257,6259,6261,6263],{"class":3046,"line":6258},54,[3044,6260,3368],{"class":3050},[3044,6262,3309],{"class":3054},[3044,6264,3058],{"class":3050},[3044,6266,6268,6270,6272],{"class":3046,"line":6267},55,[3044,6269,3377],{"class":3050},[3044,6271,3291],{"class":3054},[3044,6273,3058],{"class":3050},[3044,6275,6277,6279,6281],{"class":3046,"line":6276},56,[3044,6278,3387],{"class":3050},[3044,6280,5682],{"class":3054},[3044,6282,3058],{"class":3050},[3044,6284,6286,6288,6290],{"class":3046,"line":6285},57,[3044,6287,3150],{"class":3050},[3044,6289,3462],{"class":3054},[3044,6291,3058],{"class":3050},[3044,6293,6295,6297,6299],{"class":3046,"line":6294},58,[3044,6296,3160],{"class":3050},[3044,6298,3495],{"class":3054},[3044,6300,3058],{"class":3050},[6302,6303,6304,6307,6308,6310,6311,6313,6314,6317],"tip",{},[2977,6305,6306],{},"Рекомендація:"," Для більшості UI-анімацій використовуйте ",[2966,6309,5077],{}," або ",[2966,6312,5215],{}," з ",[2966,6315,6316],{},"EasingMode=\"EaseOut\"",". Це найприродніший вигляд для відкриття панелей, fade-in/out та інших стандартних анімацій. Дослідження показують, що користувачі сприймають EaseOut як найбільш \"природний\" рух, схожий на фізичні об'єкти у реальному світі.",[3030,6319,6321],{"id":6320},"порівняння-різних-easing-functions","Порівняння різних Easing Functions",[2959,6323,6324],{},"Кожна Easing Function створює унікальну криву руху. Ось як вони відрізняються:",[2959,6326,6327],{},[2977,6328,6329],{},"QuadraticEase vs CubicEase vs QuarticEase:",[2959,6331,6332],{},"Ці функції відрізняються \"силою\" прискорення/уповільнення:",[3212,6334,6335,6340,6345],{},[3215,6336,6337,6339],{},[2977,6338,5077],{}," (x²) — м'яке, ледь помітне прискорення. Підходить для тонких анімацій.",[3215,6341,6342,6344],{},[2977,6343,5215],{}," (x³) — середнє прискорення. Універсальний вибір для більшості UI.",[3215,6346,6347,6349],{},[2977,6348,5228],{}," (x⁴) — сильне прискорення. Для драматичних ефектів.",[3035,6351,6353],{"className":3037,"code":6352,"language":3039,"meta":3040,"style":3040},"\u003CStackPanel Spacing=\"16\">\n    \u003CTextBlock Text=\"Порівняння сили Easing Functions\" FontWeight=\"Bold\"/>\n    \n    \u003C!-- QuadraticEase — м'яке -->\n    \u003CBorder Width=\"60\" Height=\"40\" Background=\"#3b82f6\" CornerRadius=\"4\">\n        \u003CBorder.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"(Canvas.Left)\"\n                                         From=\"0\" To=\"300\" Duration=\"0:0:1\"\n                                         RepeatBehavior=\"Forever\" AutoReverse=\"True\">\n                            \u003CDoubleAnimation.EasingFunction>\n                                \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                            \u003C/DoubleAnimation.EasingFunction>\n                        \u003C/DoubleAnimation>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/Border.Triggers>\n        \u003CTextBlock Text=\"Quadratic\" Foreground=\"White\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"/>\n    \u003C/Border>\n    \n    \u003C!-- CubicEase — середнє -->\n    \u003CBorder Width=\"60\" Height=\"40\" Background=\"#22c55e\" CornerRadius=\"4\">\n        \u003CBorder.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"(Canvas.Left)\"\n                                         From=\"0\" To=\"300\" Duration=\"0:0:1\"\n                                         RepeatBehavior=\"Forever\" AutoReverse=\"True\">\n                            \u003CDoubleAnimation.EasingFunction>\n                                \u003CCubicEase EasingMode=\"EaseOut\"/>\n                            \u003C/DoubleAnimation.EasingFunction>\n                        \u003C/DoubleAnimation>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/Border.Triggers>\n        \u003CTextBlock Text=\"Cubic\" Foreground=\"White\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"/>\n    \u003C/Border>\n    \n    \u003C!-- QuarticEase — сильне -->\n    \u003CBorder Width=\"60\" Height=\"40\" Background=\"#f59e0b\" CornerRadius=\"4\">\n        \u003CBorder.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"(Canvas.Left)\"\n                                         From=\"0\" To=\"300\" Duration=\"0:0:1\"\n                                         RepeatBehavior=\"Forever\" AutoReverse=\"True\">\n                            \u003CDoubleAnimation.EasingFunction>\n                                \u003CQuarticEase EasingMode=\"EaseOut\"/>\n                            \u003C/DoubleAnimation.EasingFunction>\n                        \u003C/DoubleAnimation>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/Border.Triggers>\n        \u003CTextBlock Text=\"Quartic\" Foreground=\"White\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"/>\n    \u003C/Border>\n\u003C/StackPanel>\n",[2966,6354,6355,6369,6391,6395,6400,6434,6442,6456,6464,6472,6484,6504,6520,6528,6542,6550,6558,6566,6574,6582,6590,6625,6633,6637,6642,6674,6682,6696,6704,6712,6724,6744,6760,6768,6782,6790,6798,6806,6814,6822,6830,6863,6871,6875,6880,6912,6920,6934,6942,6950,6962,6982,6998,7006,7020,7028,7036,7044,7052,7061,7070,7104,7113],{"__ignoreMap":3040},[3044,6356,6357,6359,6361,6363,6365,6367],{"class":3046,"line":3047},[3044,6358,3051],{"class":3050},[3044,6360,3495],{"class":3054},[3044,6362,3498],{"class":3069},[3044,6364,3074],{"class":3073},[3044,6366,3503],{"class":3077},[3044,6368,3058],{"class":3050},[3044,6370,6371,6373,6375,6377,6379,6382,6384,6386,6389],{"class":3046,"line":3061},[3044,6372,3064],{"class":3050},[3044,6374,3520],{"class":3054},[3044,6376,3523],{"class":3069},[3044,6378,3074],{"class":3073},[3044,6380,6381],{"class":3077},"\"Порівняння сили Easing Functions\"",[3044,6383,3541],{"class":3069},[3044,6385,3074],{"class":3073},[3044,6387,6388],{"class":3077},"\"Bold\"",[3044,6390,3144],{"class":3050},[3044,6392,6393],{"class":3046,"line":3083},[3044,6394,5856],{"class":3073},[3044,6396,6397],{"class":3046,"line":3100},[3044,6398,6399],{"class":3881},"    \u003C!-- QuadraticEase — м'яке -->\n",[3044,6401,6402,6404,6406,6408,6410,6413,6415,6417,6419,6421,6423,6425,6427,6429,6432],{"class":3046,"line":3111},[3044,6403,3064],{"class":3050},[3044,6405,3462],{"class":3054},[3044,6407,4900],{"class":3069},[3044,6409,3074],{"class":3073},[3044,6411,6412],{"class":3077},"\"60\"",[3044,6414,4908],{"class":3069},[3044,6416,3074],{"class":3073},[3044,6418,3478],{"class":3077},[3044,6420,3465],{"class":3069},[3044,6422,3074],{"class":3073},[3044,6424,3650],{"class":3077},[3044,6426,3481],{"class":3069},[3044,6428,3074],{"class":3073},[3044,6430,6431],{"class":3077},"\"4\"",[3044,6433,3058],{"class":3050},[3044,6435,6436,6438,6440],{"class":3046,"line":3122},[3044,6437,3086],{"class":3050},[3044,6439,5682],{"class":3054},[3044,6441,3058],{"class":3050},[3044,6443,6444,6446,6448,6450,6452,6454],{"class":3046,"line":3133},[3044,6445,3306],{"class":3050},[3044,6447,3291],{"class":3054},[3044,6449,3294],{"class":3069},[3044,6451,3074],{"class":3073},[3044,6453,3299],{"class":3077},[3044,6455,3058],{"class":3050},[3044,6457,6458,6460,6462],{"class":3046,"line":3147},[3044,6459,3316],{"class":3050},[3044,6461,3309],{"class":3054},[3044,6463,3058],{"class":3050},[3044,6465,6466,6468,6470],{"class":3046,"line":3157},[3044,6467,3325],{"class":3050},[3044,6469,2968],{"class":3054},[3044,6471,3058],{"class":3050},[3044,6473,6474,6476,6478,6480,6482],{"class":3046,"line":3167},[3044,6475,5719],{"class":3050},[3044,6477,3089],{"class":3054},[3044,6479,3330],{"class":3069},[3044,6481,3074],{"class":3073},[3044,6483,5728],{"class":3077},[3044,6485,6486,6488,6490,6492,6494,6496,6498,6500,6502],{"class":3046,"line":3174},[3044,6487,5733],{"class":3069},[3044,6489,3074],{"class":3073},[3044,6491,3203],{"class":3077},[3044,6493,3898],{"class":3069},[3044,6495,3074],{"class":3073},[3044,6497,3631],{"class":3077},[3044,6499,3906],{"class":3069},[3044,6501,3074],{"class":3073},[3044,6503,5750],{"class":3077},[3044,6505,6506,6508,6510,6512,6514,6516,6518],{"class":3046,"line":3384},[3044,6507,5755],{"class":3069},[3044,6509,3074],{"class":3073},[3044,6511,4441],{"class":3077},[3044,6513,4866],{"class":3069},[3044,6515,3074],{"class":3073},[3044,6517,4871],{"class":3077},[3044,6519,3058],{"class":3050},[3044,6521,6522,6524,6526],{"class":3046,"line":3394},[3044,6523,5772],{"class":3050},[3044,6525,5116],{"class":3054},[3044,6527,3058],{"class":3050},[3044,6529,6530,6532,6534,6536,6538,6540],{"class":3046,"line":3403},[3044,6531,5781],{"class":3050},[3044,6533,5077],{"class":3054},[3044,6535,5127],{"class":3069},[3044,6537,3074],{"class":3073},[3044,6539,5132],{"class":3077},[3044,6541,3144],{"class":3050},[3044,6543,6544,6546,6548],{"class":3046,"line":3656},[3044,6545,5797],{"class":3050},[3044,6547,5116],{"class":3054},[3044,6549,3058],{"class":3050},[3044,6551,6552,6554,6556],{"class":3046,"line":3668},[3044,6553,5806],{"class":3050},[3044,6555,3089],{"class":3054},[3044,6557,3058],{"class":3050},[3044,6559,6560,6562,6564],{"class":3046,"line":3679},[3044,6561,5815],{"class":3050},[3044,6563,2968],{"class":3054},[3044,6565,3058],{"class":3050},[3044,6567,6568,6570,6572],{"class":3046,"line":3691},[3044,6569,3368],{"class":3050},[3044,6571,3309],{"class":3054},[3044,6573,3058],{"class":3050},[3044,6575,6576,6578,6580],{"class":3046,"line":3705},[3044,6577,3377],{"class":3050},[3044,6579,3291],{"class":3054},[3044,6581,3058],{"class":3050},[3044,6583,6584,6586,6588],{"class":3046,"line":3716},[3044,6585,3387],{"class":3050},[3044,6587,5682],{"class":3054},[3044,6589,3058],{"class":3050},[3044,6591,6592,6594,6596,6598,6600,6603,6605,6607,6610,6612,6614,6616,6619,6621,6623],{"class":3046,"line":3727},[3044,6593,3086],{"class":3050},[3044,6595,3520],{"class":3054},[3044,6597,3523],{"class":3069},[3044,6599,3074],{"class":3073},[3044,6601,6602],{"class":3077},"\"Quadratic\"",[3044,6604,3597],{"class":3069},[3044,6606,3074],{"class":3073},[3044,6608,6609],{"class":3077},"\"White\"",[3044,6611,3506],{"class":3069},[3044,6613,3074],{"class":3073},[3044,6615,3511],{"class":3077},[3044,6617,6618],{"class":3069}," VerticalAlignment",[3044,6620,3074],{"class":3073},[3044,6622,3511],{"class":3077},[3044,6624,3144],{"class":3050},[3044,6626,6627,6629,6631],{"class":3046,"line":3740},[3044,6628,3150],{"class":3050},[3044,6630,3462],{"class":3054},[3044,6632,3058],{"class":3050},[3044,6634,6635],{"class":3046,"line":3749},[3044,6636,5856],{"class":3073},[3044,6638,6639],{"class":3046,"line":3758},[3044,6640,6641],{"class":3881},"    \u003C!-- CubicEase — середнє -->\n",[3044,6643,6644,6646,6648,6650,6652,6654,6656,6658,6660,6662,6664,6666,6668,6670,6672],{"class":3046,"line":4272},[3044,6645,3064],{"class":3050},[3044,6647,3462],{"class":3054},[3044,6649,4900],{"class":3069},[3044,6651,3074],{"class":3073},[3044,6653,6412],{"class":3077},[3044,6655,4908],{"class":3069},[3044,6657,3074],{"class":3073},[3044,6659,3478],{"class":3077},[3044,6661,3465],{"class":3069},[3044,6663,3074],{"class":3073},[3044,6665,5886],{"class":3077},[3044,6667,3481],{"class":3069},[3044,6669,3074],{"class":3073},[3044,6671,6431],{"class":3077},[3044,6673,3058],{"class":3050},[3044,6675,6676,6678,6680],{"class":3046,"line":5927},[3044,6677,3086],{"class":3050},[3044,6679,5682],{"class":3054},[3044,6681,3058],{"class":3050},[3044,6683,6684,6686,6688,6690,6692,6694],{"class":3046,"line":5936},[3044,6685,3306],{"class":3050},[3044,6687,3291],{"class":3054},[3044,6689,3294],{"class":3069},[3044,6691,3074],{"class":3073},[3044,6693,3299],{"class":3077},[3044,6695,3058],{"class":3050},[3044,6697,6698,6700,6702],{"class":3046,"line":5949},[3044,6699,3316],{"class":3050},[3044,6701,3309],{"class":3054},[3044,6703,3058],{"class":3050},[3044,6705,6706,6708,6710],{"class":3046,"line":5970},[3044,6707,3325],{"class":3050},[3044,6709,2968],{"class":3054},[3044,6711,3058],{"class":3050},[3044,6713,6714,6716,6718,6720,6722],{"class":3046,"line":5987},[3044,6715,5719],{"class":3050},[3044,6717,3089],{"class":3054},[3044,6719,3330],{"class":3069},[3044,6721,3074],{"class":3073},[3044,6723,5728],{"class":3077},[3044,6725,6726,6728,6730,6732,6734,6736,6738,6740,6742],{"class":3046,"line":5996},[3044,6727,5733],{"class":3069},[3044,6729,3074],{"class":3073},[3044,6731,3203],{"class":3077},[3044,6733,3898],{"class":3069},[3044,6735,3074],{"class":3073},[3044,6737,3631],{"class":3077},[3044,6739,3906],{"class":3069},[3044,6741,3074],{"class":3073},[3044,6743,5750],{"class":3077},[3044,6745,6746,6748,6750,6752,6754,6756,6758],{"class":3046,"line":6011},[3044,6747,5755],{"class":3069},[3044,6749,3074],{"class":3073},[3044,6751,4441],{"class":3077},[3044,6753,4866],{"class":3069},[3044,6755,3074],{"class":3073},[3044,6757,4871],{"class":3077},[3044,6759,3058],{"class":3050},[3044,6761,6762,6764,6766],{"class":3046,"line":6020},[3044,6763,5772],{"class":3050},[3044,6765,5116],{"class":3054},[3044,6767,3058],{"class":3050},[3044,6769,6770,6772,6774,6776,6778,6780],{"class":3046,"line":6029},[3044,6771,5781],{"class":3050},[3044,6773,5215],{"class":3054},[3044,6775,5127],{"class":3069},[3044,6777,3074],{"class":3073},[3044,6779,5132],{"class":3077},[3044,6781,3144],{"class":3050},[3044,6783,6784,6786,6788],{"class":3046,"line":6038},[3044,6785,5797],{"class":3050},[3044,6787,5116],{"class":3054},[3044,6789,3058],{"class":3050},[3044,6791,6792,6794,6796],{"class":3046,"line":6047},[3044,6793,5806],{"class":3050},[3044,6795,3089],{"class":3054},[3044,6797,3058],{"class":3050},[3044,6799,6800,6802,6804],{"class":3046,"line":6056},[3044,6801,5815],{"class":3050},[3044,6803,2968],{"class":3054},[3044,6805,3058],{"class":3050},[3044,6807,6808,6810,6812],{"class":3046,"line":6065},[3044,6809,3368],{"class":3050},[3044,6811,3309],{"class":3054},[3044,6813,3058],{"class":3050},[3044,6815,6816,6818,6820],{"class":3046,"line":6074},[3044,6817,3377],{"class":3050},[3044,6819,3291],{"class":3054},[3044,6821,3058],{"class":3050},[3044,6823,6824,6826,6828],{"class":3046,"line":6079},[3044,6825,3387],{"class":3050},[3044,6827,5682],{"class":3054},[3044,6829,3058],{"class":3050},[3044,6831,6832,6834,6836,6838,6840,6843,6845,6847,6849,6851,6853,6855,6857,6859,6861],{"class":3046,"line":6085},[3044,6833,3086],{"class":3050},[3044,6835,3520],{"class":3054},[3044,6837,3523],{"class":3069},[3044,6839,3074],{"class":3073},[3044,6841,6842],{"class":3077},"\"Cubic\"",[3044,6844,3597],{"class":3069},[3044,6846,3074],{"class":3073},[3044,6848,6609],{"class":3077},[3044,6850,3506],{"class":3069},[3044,6852,3074],{"class":3073},[3044,6854,3511],{"class":3077},[3044,6856,6618],{"class":3069},[3044,6858,3074],{"class":3073},[3044,6860,3511],{"class":3077},[3044,6862,3144],{"class":3050},[3044,6864,6865,6867,6869],{"class":3046,"line":6113},[3044,6866,3150],{"class":3050},[3044,6868,3462],{"class":3054},[3044,6870,3058],{"class":3050},[3044,6872,6873],{"class":3046,"line":6122},[3044,6874,5856],{"class":3073},[3044,6876,6877],{"class":3046,"line":6137},[3044,6878,6879],{"class":3881},"    \u003C!-- QuarticEase — сильне -->\n",[3044,6881,6882,6884,6886,6888,6890,6892,6894,6896,6898,6900,6902,6904,6906,6908,6910],{"class":3046,"line":6146},[3044,6883,3064],{"class":3050},[3044,6885,3462],{"class":3054},[3044,6887,4900],{"class":3069},[3044,6889,3074],{"class":3073},[3044,6891,6412],{"class":3077},[3044,6893,4908],{"class":3069},[3044,6895,3074],{"class":3073},[3044,6897,3478],{"class":3077},[3044,6899,3465],{"class":3069},[3044,6901,3074],{"class":3073},[3044,6903,6108],{"class":3077},[3044,6905,3481],{"class":3069},[3044,6907,3074],{"class":3073},[3044,6909,6431],{"class":3077},[3044,6911,3058],{"class":3050},[3044,6913,6914,6916,6918],{"class":3046,"line":6155},[3044,6915,3086],{"class":3050},[3044,6917,5682],{"class":3054},[3044,6919,3058],{"class":3050},[3044,6921,6922,6924,6926,6928,6930,6932],{"class":3046,"line":6168},[3044,6923,3306],{"class":3050},[3044,6925,3291],{"class":3054},[3044,6927,3294],{"class":3069},[3044,6929,3074],{"class":3073},[3044,6931,3299],{"class":3077},[3044,6933,3058],{"class":3050},[3044,6935,6936,6938,6940],{"class":3046,"line":6189},[3044,6937,3316],{"class":3050},[3044,6939,3309],{"class":3054},[3044,6941,3058],{"class":3050},[3044,6943,6944,6946,6948],{"class":3046,"line":6206},[3044,6945,3325],{"class":3050},[3044,6947,2968],{"class":3054},[3044,6949,3058],{"class":3050},[3044,6951,6952,6954,6956,6958,6960],{"class":3046,"line":6215},[3044,6953,5719],{"class":3050},[3044,6955,3089],{"class":3054},[3044,6957,3330],{"class":3069},[3044,6959,3074],{"class":3073},[3044,6961,5728],{"class":3077},[3044,6963,6964,6966,6968,6970,6972,6974,6976,6978,6980],{"class":3046,"line":6231},[3044,6965,5733],{"class":3069},[3044,6967,3074],{"class":3073},[3044,6969,3203],{"class":3077},[3044,6971,3898],{"class":3069},[3044,6973,3074],{"class":3073},[3044,6975,3631],{"class":3077},[3044,6977,3906],{"class":3069},[3044,6979,3074],{"class":3073},[3044,6981,5750],{"class":3077},[3044,6983,6984,6986,6988,6990,6992,6994,6996],{"class":3046,"line":6240},[3044,6985,5755],{"class":3069},[3044,6987,3074],{"class":3073},[3044,6989,4441],{"class":3077},[3044,6991,4866],{"class":3069},[3044,6993,3074],{"class":3073},[3044,6995,4871],{"class":3077},[3044,6997,3058],{"class":3050},[3044,6999,7000,7002,7004],{"class":3046,"line":6249},[3044,7001,5772],{"class":3050},[3044,7003,5116],{"class":3054},[3044,7005,3058],{"class":3050},[3044,7007,7008,7010,7012,7014,7016,7018],{"class":3046,"line":6258},[3044,7009,5781],{"class":3050},[3044,7011,5228],{"class":3054},[3044,7013,5127],{"class":3069},[3044,7015,3074],{"class":3073},[3044,7017,5132],{"class":3077},[3044,7019,3144],{"class":3050},[3044,7021,7022,7024,7026],{"class":3046,"line":6267},[3044,7023,5797],{"class":3050},[3044,7025,5116],{"class":3054},[3044,7027,3058],{"class":3050},[3044,7029,7030,7032,7034],{"class":3046,"line":6276},[3044,7031,5806],{"class":3050},[3044,7033,3089],{"class":3054},[3044,7035,3058],{"class":3050},[3044,7037,7038,7040,7042],{"class":3046,"line":6285},[3044,7039,5815],{"class":3050},[3044,7041,2968],{"class":3054},[3044,7043,3058],{"class":3050},[3044,7045,7046,7048,7050],{"class":3046,"line":6294},[3044,7047,3368],{"class":3050},[3044,7049,3309],{"class":3054},[3044,7051,3058],{"class":3050},[3044,7053,7055,7057,7059],{"class":3046,"line":7054},59,[3044,7056,3377],{"class":3050},[3044,7058,3291],{"class":3054},[3044,7060,3058],{"class":3050},[3044,7062,7064,7066,7068],{"class":3046,"line":7063},60,[3044,7065,3387],{"class":3050},[3044,7067,5682],{"class":3054},[3044,7069,3058],{"class":3050},[3044,7071,7073,7075,7077,7079,7081,7084,7086,7088,7090,7092,7094,7096,7098,7100,7102],{"class":3046,"line":7072},61,[3044,7074,3086],{"class":3050},[3044,7076,3520],{"class":3054},[3044,7078,3523],{"class":3069},[3044,7080,3074],{"class":3073},[3044,7082,7083],{"class":3077},"\"Quartic\"",[3044,7085,3597],{"class":3069},[3044,7087,3074],{"class":3073},[3044,7089,6609],{"class":3077},[3044,7091,3506],{"class":3069},[3044,7093,3074],{"class":3073},[3044,7095,3511],{"class":3077},[3044,7097,6618],{"class":3069},[3044,7099,3074],{"class":3073},[3044,7101,3511],{"class":3077},[3044,7103,3144],{"class":3050},[3044,7105,7107,7109,7111],{"class":3046,"line":7106},62,[3044,7108,3150],{"class":3050},[3044,7110,3462],{"class":3054},[3044,7112,3058],{"class":3050},[3044,7114,7116,7118,7120],{"class":3046,"line":7115},63,[3044,7117,3160],{"class":3050},[3044,7119,3495],{"class":3054},[3044,7121,3058],{"class":3050},[2959,7123,7124],{},[2977,7125,7126],{},"BackEase — ефект \"відскоку\":",[2959,7128,7129],{},"BackEase створює ефект, коли анімація \"відскакує\" назад перед рухом вперед (EaseIn) або після досягнення цілі (EaseOut). Це нагадує натягування пружини перед стрибком.",[3448,7131,7133],{"title":7132},"BackEase — відскок назад",[3035,7134,7136],{"className":3037,"code":7135,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"20\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"🎯 BackEase Animation\"\n                   FontSize=\"24\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CTextBlock Text=\"Елемент 'відскакує' назад перед рухом вперед\"\n                   FontSize=\"13\" Foreground=\"#64748b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CBorder Width=\"100\" Height=\"100\" \n                Background=\"#3b82f6\" \n                CornerRadius=\"12\">\n            \u003CBorder.RenderTransform>\n                \u003CScaleTransform ScaleX=\"1\" ScaleY=\"1\"/>\n            \u003C/Border.RenderTransform>\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard RepeatBehavior=\"Forever\">\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleX)\"\n                                             From=\"1\" To=\"1.3\" Duration=\"0:0:1\"\n                                             AutoReverse=\"True\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CBackEase EasingMode=\"EaseInOut\" Amplitude=\"0.5\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleY)\"\n                                             From=\"1\" To=\"1.3\" Duration=\"0:0:1\"\n                                             AutoReverse=\"True\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CBackEase EasingMode=\"EaseInOut\" Amplitude=\"0.5\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n            \u003CTextBlock Text=\"Scale\" \n                       Foreground=\"White\" \n                       FontSize=\"18\"\n                       FontWeight=\"Bold\"\n                       HorizontalAlignment=\"Center\" \n                       VerticalAlignment=\"Center\"/>\n        \u003C/Border>\n    \u003C/StackPanel>\n\u003C/Border>\n",[2966,7137,7138,7164,7184,7197,7211,7219,7229,7233,7246,7260,7270,7274,7295,7306,7317,7326,7349,7357,7365,7379,7387,7401,7414,7436,7447,7455,7476,7485,7493,7506,7526,7536,7544,7564,7572,7580,7588,7596,7604,7612,7627,7637,7646,7654,7665,7676,7684,7692],{"__ignoreMap":3040},[3044,7139,7140,7142,7144,7146,7148,7150,7152,7154,7156,7158,7160,7162],{"class":3046,"line":3047},[3044,7141,3051],{"class":3050},[3044,7143,3462],{"class":3054},[3044,7145,3465],{"class":3069},[3044,7147,3074],{"class":3073},[3044,7149,3470],{"class":3077},[3044,7151,3473],{"class":3069},[3044,7153,3074],{"class":3073},[3044,7155,3478],{"class":3077},[3044,7157,3481],{"class":3069},[3044,7159,3074],{"class":3073},[3044,7161,3486],{"class":3077},[3044,7163,3058],{"class":3050},[3044,7165,7166,7168,7170,7172,7174,7176,7178,7180,7182],{"class":3046,"line":3061},[3044,7167,3064],{"class":3050},[3044,7169,3495],{"class":3054},[3044,7171,3498],{"class":3069},[3044,7173,3074],{"class":3073},[3044,7175,4905],{"class":3077},[3044,7177,3506],{"class":3069},[3044,7179,3074],{"class":3073},[3044,7181,3511],{"class":3077},[3044,7183,3058],{"class":3050},[3044,7185,7186,7188,7190,7192,7194],{"class":3046,"line":3083},[3044,7187,3086],{"class":3050},[3044,7189,3520],{"class":3054},[3044,7191,3523],{"class":3069},[3044,7193,3074],{"class":3073},[3044,7195,7196],{"class":3077},"\"🎯 BackEase Animation\"\n",[3044,7198,7199,7201,7203,7205,7207,7209],{"class":3046,"line":3100},[3044,7200,3533],{"class":3069},[3044,7202,3074],{"class":3073},[3044,7204,3538],{"class":3077},[3044,7206,3541],{"class":3069},[3044,7208,3074],{"class":3073},[3044,7210,3546],{"class":3077},[3044,7212,7213,7215,7217],{"class":3046,"line":3111},[3044,7214,3551],{"class":3069},[3044,7216,3074],{"class":3073},[3044,7218,3556],{"class":3077},[3044,7220,7221,7223,7225,7227],{"class":3046,"line":3122},[3044,7222,3561],{"class":3069},[3044,7224,3074],{"class":3073},[3044,7226,3511],{"class":3077},[3044,7228,3144],{"class":3050},[3044,7230,7231],{"class":3046,"line":3133},[3044,7232,3572],{"class":3073},[3044,7234,7235,7237,7239,7241,7243],{"class":3046,"line":3147},[3044,7236,3086],{"class":3050},[3044,7238,3520],{"class":3054},[3044,7240,3523],{"class":3069},[3044,7242,3074],{"class":3073},[3044,7244,7245],{"class":3077},"\"Елемент 'відскакує' назад перед рухом вперед\"\n",[3044,7247,7248,7250,7252,7254,7256,7258],{"class":3046,"line":3157},[3044,7249,3533],{"class":3069},[3044,7251,3074],{"class":3073},[3044,7253,3594],{"class":3077},[3044,7255,3597],{"class":3069},[3044,7257,3074],{"class":3073},[3044,7259,3602],{"class":3077},[3044,7261,7262,7264,7266,7268],{"class":3046,"line":3167},[3044,7263,3561],{"class":3069},[3044,7265,3074],{"class":3073},[3044,7267,3511],{"class":3077},[3044,7269,3144],{"class":3050},[3044,7271,7272],{"class":3046,"line":3174},[3044,7273,3572],{"class":3073},[3044,7275,7276,7278,7280,7282,7284,7287,7289,7291,7293],{"class":3046,"line":3384},[3044,7277,3086],{"class":3050},[3044,7279,3462],{"class":3054},[3044,7281,4900],{"class":3069},[3044,7283,3074],{"class":3073},[3044,7285,7286],{"class":3077},"\"100\"",[3044,7288,4908],{"class":3069},[3044,7290,3074],{"class":3073},[3044,7292,7286],{"class":3077},[3044,7294,3653],{"class":3073},[3044,7296,7297,7300,7302,7304],{"class":3046,"line":3394},[3044,7298,7299],{"class":3069},"                Background",[3044,7301,3074],{"class":3073},[3044,7303,3650],{"class":3077},[3044,7305,3653],{"class":3073},[3044,7307,7308,7310,7312,7315],{"class":3046,"line":3403},[3044,7309,3659],{"class":3069},[3044,7311,3074],{"class":3073},[3044,7313,7314],{"class":3077},"\"12\"",[3044,7316,3058],{"class":3050},[3044,7318,7319,7321,7324],{"class":3046,"line":3656},[3044,7320,3306],{"class":3050},[3044,7322,7323],{"class":3054},"Border.RenderTransform",[3044,7325,3058],{"class":3050},[3044,7327,7328,7330,7333,7336,7338,7340,7343,7345,7347],{"class":3046,"line":3668},[3044,7329,3316],{"class":3050},[3044,7331,7332],{"class":3054},"ScaleTransform",[3044,7334,7335],{"class":3069}," ScaleX",[3044,7337,3074],{"class":3073},[3044,7339,4857],{"class":3077},[3044,7341,7342],{"class":3069}," ScaleY",[3044,7344,3074],{"class":3073},[3044,7346,4857],{"class":3077},[3044,7348,3144],{"class":3050},[3044,7350,7351,7353,7355],{"class":3046,"line":3679},[3044,7352,3377],{"class":3050},[3044,7354,7323],{"class":3054},[3044,7356,3058],{"class":3050},[3044,7358,7359,7361,7363],{"class":3046,"line":3691},[3044,7360,3306],{"class":3050},[3044,7362,5682],{"class":3054},[3044,7364,3058],{"class":3050},[3044,7366,7367,7369,7371,7373,7375,7377],{"class":3046,"line":3705},[3044,7368,3316],{"class":3050},[3044,7370,3291],{"class":3054},[3044,7372,3294],{"class":3069},[3044,7374,3074],{"class":3073},[3044,7376,3299],{"class":3077},[3044,7378,3058],{"class":3050},[3044,7380,7381,7383,7385],{"class":3046,"line":3716},[3044,7382,3325],{"class":3050},[3044,7384,3309],{"class":3054},[3044,7386,3058],{"class":3050},[3044,7388,7389,7391,7393,7395,7397,7399],{"class":3046,"line":3727},[3044,7390,5719],{"class":3050},[3044,7392,2968],{"class":3054},[3044,7394,4746],{"class":3069},[3044,7396,3074],{"class":3073},[3044,7398,4441],{"class":3077},[3044,7400,3058],{"class":3050},[3044,7402,7403,7405,7407,7409,7411],{"class":3046,"line":3740},[3044,7404,5772],{"class":3050},[3044,7406,3089],{"class":3054},[3044,7408,3330],{"class":3069},[3044,7410,3074],{"class":3073},[3044,7412,7413],{"class":3077},"\"(Border.RenderTransform).(ScaleTransform.ScaleX)\"\n",[3044,7415,7416,7419,7421,7423,7425,7427,7430,7432,7434],{"class":3046,"line":3749},[3044,7417,7418],{"class":3069},"                                             From",[3044,7420,3074],{"class":3073},[3044,7422,4857],{"class":3077},[3044,7424,3898],{"class":3069},[3044,7426,3074],{"class":3073},[3044,7428,7429],{"class":3077},"\"1.3\"",[3044,7431,3906],{"class":3069},[3044,7433,3074],{"class":3073},[3044,7435,5750],{"class":3077},[3044,7437,7438,7441,7443,7445],{"class":3046,"line":3758},[3044,7439,7440],{"class":3069},"                                             AutoReverse",[3044,7442,3074],{"class":3073},[3044,7444,4871],{"class":3077},[3044,7446,3058],{"class":3050},[3044,7448,7449,7451,7453],{"class":3046,"line":4272},[3044,7450,5781],{"class":3050},[3044,7452,5116],{"class":3054},[3044,7454,3058],{"class":3050},[3044,7456,7457,7460,7462,7464,7466,7468,7470,7472,7474],{"class":3046,"line":5927},[3044,7458,7459],{"class":3050},"                                    \u003C",[3044,7461,5293],{"class":3054},[3044,7463,5127],{"class":3069},[3044,7465,3074],{"class":3073},[3044,7467,6226],{"class":3077},[3044,7469,5388],{"class":3069},[3044,7471,3074],{"class":3073},[3044,7473,5393],{"class":3077},[3044,7475,3144],{"class":3050},[3044,7477,7478,7481,7483],{"class":3046,"line":5936},[3044,7479,7480],{"class":3050},"                                \u003C/",[3044,7482,5116],{"class":3054},[3044,7484,3058],{"class":3050},[3044,7486,7487,7489,7491],{"class":3046,"line":5949},[3044,7488,5797],{"class":3050},[3044,7490,3089],{"class":3054},[3044,7492,3058],{"class":3050},[3044,7494,7495,7497,7499,7501,7503],{"class":3046,"line":5970},[3044,7496,5772],{"class":3050},[3044,7498,3089],{"class":3054},[3044,7500,3330],{"class":3069},[3044,7502,3074],{"class":3073},[3044,7504,7505],{"class":3077},"\"(Border.RenderTransform).(ScaleTransform.ScaleY)\"\n",[3044,7507,7508,7510,7512,7514,7516,7518,7520,7522,7524],{"class":3046,"line":5987},[3044,7509,7418],{"class":3069},[3044,7511,3074],{"class":3073},[3044,7513,4857],{"class":3077},[3044,7515,3898],{"class":3069},[3044,7517,3074],{"class":3073},[3044,7519,7429],{"class":3077},[3044,7521,3906],{"class":3069},[3044,7523,3074],{"class":3073},[3044,7525,5750],{"class":3077},[3044,7527,7528,7530,7532,7534],{"class":3046,"line":5996},[3044,7529,7440],{"class":3069},[3044,7531,3074],{"class":3073},[3044,7533,4871],{"class":3077},[3044,7535,3058],{"class":3050},[3044,7537,7538,7540,7542],{"class":3046,"line":6011},[3044,7539,5781],{"class":3050},[3044,7541,5116],{"class":3054},[3044,7543,3058],{"class":3050},[3044,7545,7546,7548,7550,7552,7554,7556,7558,7560,7562],{"class":3046,"line":6020},[3044,7547,7459],{"class":3050},[3044,7549,5293],{"class":3054},[3044,7551,5127],{"class":3069},[3044,7553,3074],{"class":3073},[3044,7555,6226],{"class":3077},[3044,7557,5388],{"class":3069},[3044,7559,3074],{"class":3073},[3044,7561,5393],{"class":3077},[3044,7563,3144],{"class":3050},[3044,7565,7566,7568,7570],{"class":3046,"line":6029},[3044,7567,7480],{"class":3050},[3044,7569,5116],{"class":3054},[3044,7571,3058],{"class":3050},[3044,7573,7574,7576,7578],{"class":3046,"line":6038},[3044,7575,5797],{"class":3050},[3044,7577,3089],{"class":3054},[3044,7579,3058],{"class":3050},[3044,7581,7582,7584,7586],{"class":3046,"line":6047},[3044,7583,5806],{"class":3050},[3044,7585,2968],{"class":3054},[3044,7587,3058],{"class":3050},[3044,7589,7590,7592,7594],{"class":3046,"line":6056},[3044,7591,5815],{"class":3050},[3044,7593,3309],{"class":3054},[3044,7595,3058],{"class":3050},[3044,7597,7598,7600,7602],{"class":3046,"line":6065},[3044,7599,3368],{"class":3050},[3044,7601,3291],{"class":3054},[3044,7603,3058],{"class":3050},[3044,7605,7606,7608,7610],{"class":3046,"line":6074},[3044,7607,3377],{"class":3050},[3044,7609,5682],{"class":3054},[3044,7611,3058],{"class":3050},[3044,7613,7614,7616,7618,7620,7622,7625],{"class":3046,"line":6079},[3044,7615,3306],{"class":3050},[3044,7617,3520],{"class":3054},[3044,7619,3523],{"class":3069},[3044,7621,3074],{"class":3073},[3044,7623,7624],{"class":3077},"\"Scale\"",[3044,7626,3653],{"class":3073},[3044,7628,7629,7631,7633,7635],{"class":3046,"line":6085},[3044,7630,3708],{"class":3069},[3044,7632,3074],{"class":3073},[3044,7634,6609],{"class":3077},[3044,7636,3653],{"class":3073},[3044,7638,7639,7641,7643],{"class":3046,"line":6113},[3044,7640,3719],{"class":3069},[3044,7642,3074],{"class":3073},[3044,7644,7645],{"class":3077},"\"18\"\n",[3044,7647,7648,7650,7652],{"class":3046,"line":6122},[3044,7649,3730],{"class":3069},[3044,7651,3074],{"class":3073},[3044,7653,3546],{"class":3077},[3044,7655,7656,7659,7661,7663],{"class":3046,"line":6137},[3044,7657,7658],{"class":3069},"                       HorizontalAlignment",[3044,7660,3074],{"class":3073},[3044,7662,3511],{"class":3077},[3044,7664,3653],{"class":3073},[3044,7666,7667,7670,7672,7674],{"class":3046,"line":6146},[3044,7668,7669],{"class":3069},"                       VerticalAlignment",[3044,7671,3074],{"class":3073},[3044,7673,3511],{"class":3077},[3044,7675,3144],{"class":3050},[3044,7677,7678,7680,7682],{"class":3046,"line":6155},[3044,7679,3387],{"class":3050},[3044,7681,3462],{"class":3054},[3044,7683,3058],{"class":3050},[3044,7685,7686,7688,7690],{"class":3046,"line":6168},[3044,7687,3150],{"class":3050},[3044,7689,3495],{"class":3054},[3044,7691,3058],{"class":3050},[3044,7693,7694,7696,7698],{"class":3046,"line":6189},[3044,7695,3160],{"class":3050},[3044,7697,3462],{"class":3054},[3044,7699,3058],{"class":3050},[2959,7701,7702],{},[2977,7703,5416],{},[2959,7705,7706,7707,7710,7711,7714],{},"ElasticEase створює ефект гумки або пружини — елемент \"коливається\" навколо кінцевої позиції перед зупинкою. Параметри ",[2966,7708,7709],{},"Oscillations"," (кількість коливань) та ",[2966,7712,7713],{},"Springiness"," (жорсткість пружини) контролюють поведінку.",[3448,7716,7718],{"title":7717},"ElasticEase — еластичний ефект",[3035,7719,7721],{"className":3037,"code":7720,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"20\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"🎪 ElasticEase Animation\"\n                   FontSize=\"24\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CTextBlock Text=\"Елемент коливається як пружина перед зупинкою\"\n                   FontSize=\"13\" Foreground=\"#64748b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CEllipse Width=\"80\" Height=\"80\" \n                 Fill=\"#22c55e\">\n            \u003CEllipse.RenderTransform>\n                \u003CTranslateTransform X=\"0\" Y=\"0\"/>\n            \u003C/Ellipse.RenderTransform>\n            \u003CEllipse.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard RepeatBehavior=\"Forever\">\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Ellipse.RenderTransform).(TranslateTransform.Y)\"\n                                             From=\"0\" To=\"100\" Duration=\"0:0:1.5\"\n                                             AutoReverse=\"True\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CElasticEase EasingMode=\"EaseOut\" Oscillations=\"3\" Springiness=\"5\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Ellipse.Triggers>\n        \u003C/Ellipse>\n    \u003C/StackPanel>\n\u003C/Border>\n",[2966,7722,7723,7749,7769,7782,7796,7804,7814,7818,7831,7845,7855,7859,7880,7891,7900,7923,7931,7939,7953,7961,7975,7988,8009,8019,8027,8053,8061,8069,8077,8085,8093,8101,8109,8117],{"__ignoreMap":3040},[3044,7724,7725,7727,7729,7731,7733,7735,7737,7739,7741,7743,7745,7747],{"class":3046,"line":3047},[3044,7726,3051],{"class":3050},[3044,7728,3462],{"class":3054},[3044,7730,3465],{"class":3069},[3044,7732,3074],{"class":3073},[3044,7734,3470],{"class":3077},[3044,7736,3473],{"class":3069},[3044,7738,3074],{"class":3073},[3044,7740,3478],{"class":3077},[3044,7742,3481],{"class":3069},[3044,7744,3074],{"class":3073},[3044,7746,3486],{"class":3077},[3044,7748,3058],{"class":3050},[3044,7750,7751,7753,7755,7757,7759,7761,7763,7765,7767],{"class":3046,"line":3061},[3044,7752,3064],{"class":3050},[3044,7754,3495],{"class":3054},[3044,7756,3498],{"class":3069},[3044,7758,3074],{"class":3073},[3044,7760,4905],{"class":3077},[3044,7762,3506],{"class":3069},[3044,7764,3074],{"class":3073},[3044,7766,3511],{"class":3077},[3044,7768,3058],{"class":3050},[3044,7770,7771,7773,7775,7777,7779],{"class":3046,"line":3083},[3044,7772,3086],{"class":3050},[3044,7774,3520],{"class":3054},[3044,7776,3523],{"class":3069},[3044,7778,3074],{"class":3073},[3044,7780,7781],{"class":3077},"\"🎪 ElasticEase Animation\"\n",[3044,7783,7784,7786,7788,7790,7792,7794],{"class":3046,"line":3100},[3044,7785,3533],{"class":3069},[3044,7787,3074],{"class":3073},[3044,7789,3538],{"class":3077},[3044,7791,3541],{"class":3069},[3044,7793,3074],{"class":3073},[3044,7795,3546],{"class":3077},[3044,7797,7798,7800,7802],{"class":3046,"line":3111},[3044,7799,3551],{"class":3069},[3044,7801,3074],{"class":3073},[3044,7803,3556],{"class":3077},[3044,7805,7806,7808,7810,7812],{"class":3046,"line":3122},[3044,7807,3561],{"class":3069},[3044,7809,3074],{"class":3073},[3044,7811,3511],{"class":3077},[3044,7813,3144],{"class":3050},[3044,7815,7816],{"class":3046,"line":3133},[3044,7817,3572],{"class":3073},[3044,7819,7820,7822,7824,7826,7828],{"class":3046,"line":3147},[3044,7821,3086],{"class":3050},[3044,7823,3520],{"class":3054},[3044,7825,3523],{"class":3069},[3044,7827,3074],{"class":3073},[3044,7829,7830],{"class":3077},"\"Елемент коливається як пружина перед зупинкою\"\n",[3044,7832,7833,7835,7837,7839,7841,7843],{"class":3046,"line":3157},[3044,7834,3533],{"class":3069},[3044,7836,3074],{"class":3073},[3044,7838,3594],{"class":3077},[3044,7840,3597],{"class":3069},[3044,7842,3074],{"class":3073},[3044,7844,3602],{"class":3077},[3044,7846,7847,7849,7851,7853],{"class":3046,"line":3167},[3044,7848,3561],{"class":3069},[3044,7850,3074],{"class":3073},[3044,7852,3511],{"class":3077},[3044,7854,3144],{"class":3050},[3044,7856,7857],{"class":3046,"line":3174},[3044,7858,3572],{"class":3073},[3044,7860,7861,7863,7865,7867,7869,7872,7874,7876,7878],{"class":3046,"line":3384},[3044,7862,3086],{"class":3050},[3044,7864,4890],{"class":3054},[3044,7866,4900],{"class":3069},[3044,7868,3074],{"class":3073},[3044,7870,7871],{"class":3077},"\"80\"",[3044,7873,4908],{"class":3069},[3044,7875,3074],{"class":3073},[3044,7877,7871],{"class":3077},[3044,7879,3653],{"class":3073},[3044,7881,7882,7885,7887,7889],{"class":3046,"line":3394},[3044,7883,7884],{"class":3069},"                 Fill",[3044,7886,3074],{"class":3073},[3044,7888,5886],{"class":3077},[3044,7890,3058],{"class":3050},[3044,7892,7893,7895,7898],{"class":3046,"line":3403},[3044,7894,3306],{"class":3050},[3044,7896,7897],{"class":3054},"Ellipse.RenderTransform",[3044,7899,3058],{"class":3050},[3044,7901,7902,7904,7907,7910,7912,7914,7917,7919,7921],{"class":3046,"line":3656},[3044,7903,3316],{"class":3050},[3044,7905,7906],{"class":3054},"TranslateTransform",[3044,7908,7909],{"class":3069}," X",[3044,7911,3074],{"class":3073},[3044,7913,3203],{"class":3077},[3044,7915,7916],{"class":3069}," Y",[3044,7918,3074],{"class":3073},[3044,7920,3203],{"class":3077},[3044,7922,3144],{"class":3050},[3044,7924,7925,7927,7929],{"class":3046,"line":3668},[3044,7926,3377],{"class":3050},[3044,7928,7897],{"class":3054},[3044,7930,3058],{"class":3050},[3044,7932,7933,7935,7937],{"class":3046,"line":3679},[3044,7934,3306],{"class":3050},[3044,7936,4928],{"class":3054},[3044,7938,3058],{"class":3050},[3044,7940,7941,7943,7945,7947,7949,7951],{"class":3046,"line":3691},[3044,7942,3316],{"class":3050},[3044,7944,3291],{"class":3054},[3044,7946,3294],{"class":3069},[3044,7948,3074],{"class":3073},[3044,7950,3299],{"class":3077},[3044,7952,3058],{"class":3050},[3044,7954,7955,7957,7959],{"class":3046,"line":3705},[3044,7956,3325],{"class":3050},[3044,7958,3309],{"class":3054},[3044,7960,3058],{"class":3050},[3044,7962,7963,7965,7967,7969,7971,7973],{"class":3046,"line":3716},[3044,7964,5719],{"class":3050},[3044,7966,2968],{"class":3054},[3044,7968,4746],{"class":3069},[3044,7970,3074],{"class":3073},[3044,7972,4441],{"class":3077},[3044,7974,3058],{"class":3050},[3044,7976,7977,7979,7981,7983,7985],{"class":3046,"line":3727},[3044,7978,5772],{"class":3050},[3044,7980,3089],{"class":3054},[3044,7982,3330],{"class":3069},[3044,7984,3074],{"class":3073},[3044,7986,7987],{"class":3077},"\"(Ellipse.RenderTransform).(TranslateTransform.Y)\"\n",[3044,7989,7990,7992,7994,7996,7998,8000,8002,8004,8006],{"class":3046,"line":3740},[3044,7991,7418],{"class":3069},[3044,7993,3074],{"class":3073},[3044,7995,3203],{"class":3077},[3044,7997,3898],{"class":3069},[3044,7999,3074],{"class":3073},[3044,8001,7286],{"class":3077},[3044,8003,3906],{"class":3069},[3044,8005,3074],{"class":3073},[3044,8007,8008],{"class":3077},"\"0:0:1.5\"\n",[3044,8010,8011,8013,8015,8017],{"class":3046,"line":3749},[3044,8012,7440],{"class":3069},[3044,8014,3074],{"class":3073},[3044,8016,4871],{"class":3077},[3044,8018,3058],{"class":3050},[3044,8020,8021,8023,8025],{"class":3046,"line":3758},[3044,8022,5781],{"class":3050},[3044,8024,5116],{"class":3054},[3044,8026,3058],{"class":3050},[3044,8028,8029,8031,8033,8035,8037,8039,8041,8043,8045,8047,8049,8051],{"class":3046,"line":4272},[3044,8030,7459],{"class":3050},[3044,8032,5306],{"class":3054},[3044,8034,5127],{"class":3069},[3044,8036,3074],{"class":3073},[3044,8038,5132],{"class":3077},[3044,8040,5471],{"class":3069},[3044,8042,3074],{"class":3073},[3044,8044,5476],{"class":3077},[3044,8046,5479],{"class":3069},[3044,8048,3074],{"class":3073},[3044,8050,5484],{"class":3077},[3044,8052,3144],{"class":3050},[3044,8054,8055,8057,8059],{"class":3046,"line":5927},[3044,8056,7480],{"class":3050},[3044,8058,5116],{"class":3054},[3044,8060,3058],{"class":3050},[3044,8062,8063,8065,8067],{"class":3046,"line":5936},[3044,8064,5797],{"class":3050},[3044,8066,3089],{"class":3054},[3044,8068,3058],{"class":3050},[3044,8070,8071,8073,8075],{"class":3046,"line":5949},[3044,8072,5806],{"class":3050},[3044,8074,2968],{"class":3054},[3044,8076,3058],{"class":3050},[3044,8078,8079,8081,8083],{"class":3046,"line":5970},[3044,8080,5815],{"class":3050},[3044,8082,3309],{"class":3054},[3044,8084,3058],{"class":3050},[3044,8086,8087,8089,8091],{"class":3046,"line":5987},[3044,8088,3368],{"class":3050},[3044,8090,3291],{"class":3054},[3044,8092,3058],{"class":3050},[3044,8094,8095,8097,8099],{"class":3046,"line":5996},[3044,8096,3377],{"class":3050},[3044,8098,4928],{"class":3054},[3044,8100,3058],{"class":3050},[3044,8102,8103,8105,8107],{"class":3046,"line":6011},[3044,8104,3387],{"class":3050},[3044,8106,4890],{"class":3054},[3044,8108,3058],{"class":3050},[3044,8110,8111,8113,8115],{"class":3046,"line":6020},[3044,8112,3150],{"class":3050},[3044,8114,3495],{"class":3054},[3044,8116,3058],{"class":3050},[3044,8118,8119,8121,8123],{"class":3046,"line":6029},[3044,8120,3160],{"class":3050},[3044,8122,3462],{"class":3054},[3044,8124,3058],{"class":3050},[2959,8126,8127],{},[2977,8128,8129],{},"BounceEase — ефект відскоку:",[2959,8131,8132,8133,8136,8137,8140],{},"BounceEase імітує фізичний відскок м'яча від поверхні. Параметри ",[2966,8134,8135],{},"Bounces"," (кількість відскоків) та ",[2966,8138,8139],{},"Bounciness"," (висота відскоку) контролюють поведінку.",[3448,8142,8144],{"title":8143},"BounceEase — відскок м'яча",[3035,8145,8147],{"className":3037,"code":8146,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"20\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"⚽ BounceEase Animation\"\n                   FontSize=\"24\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CTextBlock Text=\"М'яч відскакує від поверхні\"\n                   FontSize=\"13\" Foreground=\"#64748b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CCanvas Width=\"300\" Height=\"200\">\n            \u003CEllipse Width=\"60\" Height=\"60\" \n                     Fill=\"#f59e0b\"\n                     Canvas.Left=\"120\">\n                \u003CEllipse.RenderTransform>\n                    \u003CTranslateTransform X=\"0\" Y=\"0\"/>\n                \u003C/Ellipse.RenderTransform>\n                \u003CEllipse.Triggers>\n                    \u003CEventTrigger RoutedEvent=\"Loaded\">\n                        \u003CBeginStoryboard>\n                            \u003CStoryboard RepeatBehavior=\"Forever\">\n                                \u003CDoubleAnimation Storyboard.TargetProperty=\"(Ellipse.RenderTransform).(TranslateTransform.Y)\"\n                                                 From=\"0\" To=\"140\" Duration=\"0:0:1.2\"\n                                                 AutoReverse=\"True\">\n                                    \u003CDoubleAnimation.EasingFunction>\n                                        \u003CBounceEase EasingMode=\"EaseOut\" Bounces=\"3\" Bounciness=\"2\"/>\n                                    \u003C/DoubleAnimation.EasingFunction>\n                                \u003C/DoubleAnimation>\n                            \u003C/Storyboard>\n                        \u003C/BeginStoryboard>\n                    \u003C/EventTrigger>\n                \u003C/Ellipse.Triggers>\n            \u003C/Ellipse>\n            \n            \u003C!-- Підлога -->\n            \u003CRectangle Width=\"300\" Height=\"4\" Fill=\"#1e293b\" Canvas.Top=\"196\"/>\n        \u003C/Canvas>\n    \u003C/StackPanel>\n\u003C/Border>\n",[2966,8148,8149,8175,8195,8208,8222,8230,8240,8244,8257,8271,8281,8285,8307,8327,8337,8349,8357,8377,8385,8393,8407,8415,8429,8441,8464,8475,8483,8510,8519,8527,8535,8543,8551,8559,8567,8572,8577,8613,8621,8629],{"__ignoreMap":3040},[3044,8150,8151,8153,8155,8157,8159,8161,8163,8165,8167,8169,8171,8173],{"class":3046,"line":3047},[3044,8152,3051],{"class":3050},[3044,8154,3462],{"class":3054},[3044,8156,3465],{"class":3069},[3044,8158,3074],{"class":3073},[3044,8160,3470],{"class":3077},[3044,8162,3473],{"class":3069},[3044,8164,3074],{"class":3073},[3044,8166,3478],{"class":3077},[3044,8168,3481],{"class":3069},[3044,8170,3074],{"class":3073},[3044,8172,3486],{"class":3077},[3044,8174,3058],{"class":3050},[3044,8176,8177,8179,8181,8183,8185,8187,8189,8191,8193],{"class":3046,"line":3061},[3044,8178,3064],{"class":3050},[3044,8180,3495],{"class":3054},[3044,8182,3498],{"class":3069},[3044,8184,3074],{"class":3073},[3044,8186,4905],{"class":3077},[3044,8188,3506],{"class":3069},[3044,8190,3074],{"class":3073},[3044,8192,3511],{"class":3077},[3044,8194,3058],{"class":3050},[3044,8196,8197,8199,8201,8203,8205],{"class":3046,"line":3083},[3044,8198,3086],{"class":3050},[3044,8200,3520],{"class":3054},[3044,8202,3523],{"class":3069},[3044,8204,3074],{"class":3073},[3044,8206,8207],{"class":3077},"\"⚽ BounceEase Animation\"\n",[3044,8209,8210,8212,8214,8216,8218,8220],{"class":3046,"line":3100},[3044,8211,3533],{"class":3069},[3044,8213,3074],{"class":3073},[3044,8215,3538],{"class":3077},[3044,8217,3541],{"class":3069},[3044,8219,3074],{"class":3073},[3044,8221,3546],{"class":3077},[3044,8223,8224,8226,8228],{"class":3046,"line":3111},[3044,8225,3551],{"class":3069},[3044,8227,3074],{"class":3073},[3044,8229,3556],{"class":3077},[3044,8231,8232,8234,8236,8238],{"class":3046,"line":3122},[3044,8233,3561],{"class":3069},[3044,8235,3074],{"class":3073},[3044,8237,3511],{"class":3077},[3044,8239,3144],{"class":3050},[3044,8241,8242],{"class":3046,"line":3133},[3044,8243,3572],{"class":3073},[3044,8245,8246,8248,8250,8252,8254],{"class":3046,"line":3147},[3044,8247,3086],{"class":3050},[3044,8249,3520],{"class":3054},[3044,8251,3523],{"class":3069},[3044,8253,3074],{"class":3073},[3044,8255,8256],{"class":3077},"\"М'яч відскакує від поверхні\"\n",[3044,8258,8259,8261,8263,8265,8267,8269],{"class":3046,"line":3157},[3044,8260,3533],{"class":3069},[3044,8262,3074],{"class":3073},[3044,8264,3594],{"class":3077},[3044,8266,3597],{"class":3069},[3044,8268,3074],{"class":3073},[3044,8270,3602],{"class":3077},[3044,8272,8273,8275,8277,8279],{"class":3046,"line":3167},[3044,8274,3561],{"class":3069},[3044,8276,3074],{"class":3073},[3044,8278,3511],{"class":3077},[3044,8280,3144],{"class":3050},[3044,8282,8283],{"class":3046,"line":3174},[3044,8284,3572],{"class":3073},[3044,8286,8287,8289,8292,8294,8296,8298,8300,8302,8305],{"class":3046,"line":3384},[3044,8288,3086],{"class":3050},[3044,8290,8291],{"class":3054},"Canvas",[3044,8293,4900],{"class":3069},[3044,8295,3074],{"class":3073},[3044,8297,3631],{"class":3077},[3044,8299,4908],{"class":3069},[3044,8301,3074],{"class":3073},[3044,8303,8304],{"class":3077},"\"200\"",[3044,8306,3058],{"class":3050},[3044,8308,8309,8311,8313,8315,8317,8319,8321,8323,8325],{"class":3046,"line":3394},[3044,8310,3306],{"class":3050},[3044,8312,4890],{"class":3054},[3044,8314,4900],{"class":3069},[3044,8316,3074],{"class":3073},[3044,8318,6412],{"class":3077},[3044,8320,4908],{"class":3069},[3044,8322,3074],{"class":3073},[3044,8324,6412],{"class":3077},[3044,8326,3653],{"class":3073},[3044,8328,8329,8332,8334],{"class":3046,"line":3403},[3044,8330,8331],{"class":3069},"                     Fill",[3044,8333,3074],{"class":3073},[3044,8335,8336],{"class":3077},"\"#f59e0b\"\n",[3044,8338,8339,8342,8344,8347],{"class":3046,"line":3656},[3044,8340,8341],{"class":3069},"                     Canvas.Left",[3044,8343,3074],{"class":3073},[3044,8345,8346],{"class":3077},"\"120\"",[3044,8348,3058],{"class":3050},[3044,8350,8351,8353,8355],{"class":3046,"line":3668},[3044,8352,3316],{"class":3050},[3044,8354,7897],{"class":3054},[3044,8356,3058],{"class":3050},[3044,8358,8359,8361,8363,8365,8367,8369,8371,8373,8375],{"class":3046,"line":3679},[3044,8360,3325],{"class":3050},[3044,8362,7906],{"class":3054},[3044,8364,7909],{"class":3069},[3044,8366,3074],{"class":3073},[3044,8368,3203],{"class":3077},[3044,8370,7916],{"class":3069},[3044,8372,3074],{"class":3073},[3044,8374,3203],{"class":3077},[3044,8376,3144],{"class":3050},[3044,8378,8379,8381,8383],{"class":3046,"line":3691},[3044,8380,3368],{"class":3050},[3044,8382,7897],{"class":3054},[3044,8384,3058],{"class":3050},[3044,8386,8387,8389,8391],{"class":3046,"line":3705},[3044,8388,3316],{"class":3050},[3044,8390,4928],{"class":3054},[3044,8392,3058],{"class":3050},[3044,8394,8395,8397,8399,8401,8403,8405],{"class":3046,"line":3716},[3044,8396,3325],{"class":3050},[3044,8398,3291],{"class":3054},[3044,8400,3294],{"class":3069},[3044,8402,3074],{"class":3073},[3044,8404,3299],{"class":3077},[3044,8406,3058],{"class":3050},[3044,8408,8409,8411,8413],{"class":3046,"line":3727},[3044,8410,5719],{"class":3050},[3044,8412,3309],{"class":3054},[3044,8414,3058],{"class":3050},[3044,8416,8417,8419,8421,8423,8425,8427],{"class":3046,"line":3740},[3044,8418,5772],{"class":3050},[3044,8420,2968],{"class":3054},[3044,8422,4746],{"class":3069},[3044,8424,3074],{"class":3073},[3044,8426,4441],{"class":3077},[3044,8428,3058],{"class":3050},[3044,8430,8431,8433,8435,8437,8439],{"class":3046,"line":3749},[3044,8432,5781],{"class":3050},[3044,8434,3089],{"class":3054},[3044,8436,3330],{"class":3069},[3044,8438,3074],{"class":3073},[3044,8440,7987],{"class":3077},[3044,8442,8443,8446,8448,8450,8452,8454,8457,8459,8461],{"class":3046,"line":3758},[3044,8444,8445],{"class":3069},"                                                 From",[3044,8447,3074],{"class":3073},[3044,8449,3203],{"class":3077},[3044,8451,3898],{"class":3069},[3044,8453,3074],{"class":3073},[3044,8455,8456],{"class":3077},"\"140\"",[3044,8458,3906],{"class":3069},[3044,8460,3074],{"class":3073},[3044,8462,8463],{"class":3077},"\"0:0:1.2\"\n",[3044,8465,8466,8469,8471,8473],{"class":3046,"line":4272},[3044,8467,8468],{"class":3069},"                                                 AutoReverse",[3044,8470,3074],{"class":3073},[3044,8472,4871],{"class":3077},[3044,8474,3058],{"class":3050},[3044,8476,8477,8479,8481],{"class":3046,"line":5927},[3044,8478,7459],{"class":3050},[3044,8480,5116],{"class":3054},[3044,8482,3058],{"class":3050},[3044,8484,8485,8488,8490,8492,8494,8496,8498,8500,8502,8504,8506,8508],{"class":3046,"line":5936},[3044,8486,8487],{"class":3050},"                                        \u003C",[3044,8489,5319],{"class":3054},[3044,8491,5127],{"class":3069},[3044,8493,3074],{"class":3073},[3044,8495,5132],{"class":3077},[3044,8497,5562],{"class":3069},[3044,8499,3074],{"class":3073},[3044,8501,5476],{"class":3077},[3044,8503,5569],{"class":3069},[3044,8505,3074],{"class":3073},[3044,8507,5574],{"class":3077},[3044,8509,3144],{"class":3050},[3044,8511,8512,8515,8517],{"class":3046,"line":5949},[3044,8513,8514],{"class":3050},"                                    \u003C/",[3044,8516,5116],{"class":3054},[3044,8518,3058],{"class":3050},[3044,8520,8521,8523,8525],{"class":3046,"line":5970},[3044,8522,7480],{"class":3050},[3044,8524,3089],{"class":3054},[3044,8526,3058],{"class":3050},[3044,8528,8529,8531,8533],{"class":3046,"line":5987},[3044,8530,5797],{"class":3050},[3044,8532,2968],{"class":3054},[3044,8534,3058],{"class":3050},[3044,8536,8537,8539,8541],{"class":3046,"line":5996},[3044,8538,5806],{"class":3050},[3044,8540,3309],{"class":3054},[3044,8542,3058],{"class":3050},[3044,8544,8545,8547,8549],{"class":3046,"line":6011},[3044,8546,5815],{"class":3050},[3044,8548,3291],{"class":3054},[3044,8550,3058],{"class":3050},[3044,8552,8553,8555,8557],{"class":3046,"line":6020},[3044,8554,3368],{"class":3050},[3044,8556,4928],{"class":3054},[3044,8558,3058],{"class":3050},[3044,8560,8561,8563,8565],{"class":3046,"line":6029},[3044,8562,3377],{"class":3050},[3044,8564,4890],{"class":3054},[3044,8566,3058],{"class":3050},[3044,8568,8569],{"class":3046,"line":6038},[3044,8570,8571],{"class":3073},"            \n",[3044,8573,8574],{"class":3046,"line":6047},[3044,8575,8576],{"class":3881},"            \u003C!-- Підлога -->\n",[3044,8578,8579,8581,8584,8586,8588,8590,8592,8594,8596,8598,8600,8603,8606,8608,8611],{"class":3046,"line":6056},[3044,8580,3306],{"class":3050},[3044,8582,8583],{"class":3054},"Rectangle",[3044,8585,4900],{"class":3069},[3044,8587,3074],{"class":3073},[3044,8589,3631],{"class":3077},[3044,8591,4908],{"class":3069},[3044,8593,3074],{"class":3073},[3044,8595,6431],{"class":3077},[3044,8597,4915],{"class":3069},[3044,8599,3074],{"class":3073},[3044,8601,8602],{"class":3077},"\"#1e293b\"",[3044,8604,8605],{"class":3069}," Canvas.Top",[3044,8607,3074],{"class":3073},[3044,8609,8610],{"class":3077},"\"196\"",[3044,8612,3144],{"class":3050},[3044,8614,8615,8617,8619],{"class":3046,"line":6065},[3044,8616,3387],{"class":3050},[3044,8618,8291],{"class":3054},[3044,8620,3058],{"class":3050},[3044,8622,8623,8625,8627],{"class":3046,"line":6074},[3044,8624,3150],{"class":3050},[3044,8626,3495],{"class":3054},[3044,8628,3058],{"class":3050},[3044,8630,8631,8633,8635],{"class":3046,"line":6079},[3044,8632,3160],{"class":3050},[3044,8634,3462],{"class":3054},[3044,8636,3058],{"class":3050},[3017,8638],{},[3020,8640,8642],{"id":8641},"property-path-анімація-вкладених-властивостей","Property Path: анімація вкладених властивостей",[2959,8644,8645],{},"Для анімації властивостей всередині інших об'єктів використовується Property Path.",[3030,8647,8649],{"id":8648},"синтаксис-property-path","Синтаксис Property Path",[2959,8651,8652,2980,8655],{},[2977,8653,8654],{},"Формат:",[2966,8656,8657],{},"(Type.Property).(NestedType.NestedProperty)",[2959,8659,8660],{},[2977,8661,8662],{},"Приклади:",[3035,8664,8666],{"className":3037,"code":8665,"language":3039,"meta":3040,"style":3040},"\u003C!-- Анімація Color всередині SolidColorBrush у Background -->\n\u003CColorAnimation Storyboard.TargetProperty=\"(Button.Background).(SolidColorBrush.Color)\"\n                To=\"#2563eb\" Duration=\"0:0:0.2\"/>\n\n\u003C!-- Анімація Color всередині BorderBrush -->\n\u003CColorAnimation Storyboard.TargetProperty=\"(Border.BorderBrush).(SolidColorBrush.Color)\"\n                To=\"#3b82f6\" Duration=\"0:0:0.2\"/>\n\n\u003C!-- Анімація Foreground -->\n\u003CColorAnimation Storyboard.TargetProperty=\"(TextBlock.Foreground).(SolidColorBrush.Color)\"\n                To=\"#1e293b\" Duration=\"0:0:0.2\"/>\n",[2966,8667,8668,8673,8685,8703,8707,8712,8725,8741,8745,8750,8763],{"__ignoreMap":3040},[3044,8669,8670],{"class":3046,"line":3047},[3044,8671,8672],{"class":3881},"\u003C!-- Анімація Color всередині SolidColorBrush у Background -->\n",[3044,8674,8675,8677,8679,8681,8683],{"class":3046,"line":3061},[3044,8676,3051],{"class":3050},[3044,8678,4122],{"class":3054},[3044,8680,3330],{"class":3069},[3044,8682,3074],{"class":3073},[3044,8684,4129],{"class":3077},[3044,8686,8687,8690,8692,8695,8697,8699,8701],{"class":3046,"line":3083},[3044,8688,8689],{"class":3069},"                To",[3044,8691,3074],{"class":3073},[3044,8693,8694],{"class":3077},"\"#2563eb\"",[3044,8696,3906],{"class":3069},[3044,8698,3074],{"class":3073},[3044,8700,4149],{"class":3077},[3044,8702,3144],{"class":3050},[3044,8704,8705],{"class":3046,"line":3100},[3044,8706,3171],{"emptyLinePlaceholder":3170},[3044,8708,8709],{"class":3046,"line":3111},[3044,8710,8711],{"class":3881},"\u003C!-- Анімація Color всередині BorderBrush -->\n",[3044,8713,8714,8716,8718,8720,8722],{"class":3046,"line":3122},[3044,8715,3051],{"class":3050},[3044,8717,4122],{"class":3054},[3044,8719,3330],{"class":3069},[3044,8721,3074],{"class":3073},[3044,8723,8724],{"class":3077},"\"(Border.BorderBrush).(SolidColorBrush.Color)\"\n",[3044,8726,8727,8729,8731,8733,8735,8737,8739],{"class":3046,"line":3133},[3044,8728,8689],{"class":3069},[3044,8730,3074],{"class":3073},[3044,8732,3650],{"class":3077},[3044,8734,3906],{"class":3069},[3044,8736,3074],{"class":3073},[3044,8738,4149],{"class":3077},[3044,8740,3144],{"class":3050},[3044,8742,8743],{"class":3046,"line":3147},[3044,8744,3171],{"emptyLinePlaceholder":3170},[3044,8746,8747],{"class":3046,"line":3157},[3044,8748,8749],{"class":3881},"\u003C!-- Анімація Foreground -->\n",[3044,8751,8752,8754,8756,8758,8760],{"class":3046,"line":3167},[3044,8753,3051],{"class":3050},[3044,8755,4122],{"class":3054},[3044,8757,3330],{"class":3069},[3044,8759,3074],{"class":3073},[3044,8761,8762],{"class":3077},"\"(TextBlock.Foreground).(SolidColorBrush.Color)\"\n",[3044,8764,8765,8767,8769,8771,8773,8775,8777],{"class":3046,"line":3174},[3044,8766,8689],{"class":3069},[3044,8768,3074],{"class":3073},[3044,8770,8602],{"class":3077},[3044,8772,3906],{"class":3069},[3044,8774,3074],{"class":3073},[3044,8776,4149],{"class":3077},[3044,8778,3144],{"class":3050},[3030,8780,8782],{"id":8781},"анімація-transform","Анімація Transform",[3035,8784,8786],{"className":3037,"code":8785,"language":3039,"meta":3040,"style":3040},"\u003CButton Content=\"Rotate Me\">\n    \u003CButton.RenderTransform>\n        \u003CRotateTransform Angle=\"0\"/>\n    \u003C/Button.RenderTransform>\n    \u003CButton.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Click\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Button.RenderTransform).(RotateTransform.Angle)\"\n                                     From=\"0\" To=\"360\" Duration=\"0:0:0.5\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Button.Triggers>\n\u003C/Button>\n",[2966,8787,8788,8803,8812,8828,8836,8844,8859,8867,8875,8888,8911,8919,8927,8935,8943],{"__ignoreMap":3040},[3044,8789,8790,8792,8794,8796,8798,8801],{"class":3046,"line":3047},[3044,8791,3051],{"class":3050},[3044,8793,3179],{"class":3054},[3044,8795,3190],{"class":3069},[3044,8797,3074],{"class":3073},[3044,8799,8800],{"class":3077},"\"Rotate Me\"",[3044,8802,3058],{"class":3050},[3044,8804,8805,8807,8810],{"class":3046,"line":3061},[3044,8806,3064],{"class":3050},[3044,8808,8809],{"class":3054},"Button.RenderTransform",[3044,8811,3058],{"class":3050},[3044,8813,8814,8816,8819,8822,8824,8826],{"class":3046,"line":3083},[3044,8815,3086],{"class":3050},[3044,8817,8818],{"class":3054},"RotateTransform",[3044,8820,8821],{"class":3069}," Angle",[3044,8823,3074],{"class":3073},[3044,8825,3203],{"class":3077},[3044,8827,3144],{"class":3050},[3044,8829,8830,8832,8834],{"class":3046,"line":3100},[3044,8831,3150],{"class":3050},[3044,8833,8809],{"class":3054},[3044,8835,3058],{"class":3050},[3044,8837,8838,8840,8842],{"class":3046,"line":3111},[3044,8839,3064],{"class":3050},[3044,8841,3282],{"class":3054},[3044,8843,3058],{"class":3050},[3044,8845,8846,8848,8850,8852,8854,8857],{"class":3046,"line":3122},[3044,8847,3086],{"class":3050},[3044,8849,3291],{"class":3054},[3044,8851,3294],{"class":3069},[3044,8853,3074],{"class":3073},[3044,8855,8856],{"class":3077},"\"Click\"",[3044,8858,3058],{"class":3050},[3044,8860,8861,8863,8865],{"class":3046,"line":3133},[3044,8862,3306],{"class":3050},[3044,8864,3309],{"class":3054},[3044,8866,3058],{"class":3050},[3044,8868,8869,8871,8873],{"class":3046,"line":3147},[3044,8870,3316],{"class":3050},[3044,8872,2968],{"class":3054},[3044,8874,3058],{"class":3050},[3044,8876,8877,8879,8881,8883,8885],{"class":3046,"line":3157},[3044,8878,3325],{"class":3050},[3044,8880,3089],{"class":3054},[3044,8882,3330],{"class":3069},[3044,8884,3074],{"class":3073},[3044,8886,8887],{"class":3077},"\"(Button.RenderTransform).(RotateTransform.Angle)\"\n",[3044,8889,8890,8892,8894,8896,8898,8900,8903,8905,8907,8909],{"class":3046,"line":3167},[3044,8891,3339],{"class":3069},[3044,8893,3074],{"class":3073},[3044,8895,3203],{"class":3077},[3044,8897,3898],{"class":3069},[3044,8899,3074],{"class":3073},[3044,8901,8902],{"class":3077},"\"360\"",[3044,8904,3906],{"class":3069},[3044,8906,3074],{"class":3073},[3044,8908,3141],{"class":3077},[3044,8910,3144],{"class":3050},[3044,8912,8913,8915,8917],{"class":3046,"line":3174},[3044,8914,3368],{"class":3050},[3044,8916,2968],{"class":3054},[3044,8918,3058],{"class":3050},[3044,8920,8921,8923,8925],{"class":3046,"line":3384},[3044,8922,3377],{"class":3050},[3044,8924,3309],{"class":3054},[3044,8926,3058],{"class":3050},[3044,8928,8929,8931,8933],{"class":3046,"line":3394},[3044,8930,3387],{"class":3050},[3044,8932,3291],{"class":3054},[3044,8934,3058],{"class":3050},[3044,8936,8937,8939,8941],{"class":3046,"line":3403},[3044,8938,3150],{"class":3050},[3044,8940,3282],{"class":3054},[3044,8942,3058],{"class":3050},[3044,8944,8945,8947,8949],{"class":3046,"line":3656},[3044,8946,3160],{"class":3050},[3044,8948,3179],{"class":3054},[3044,8950,3058],{"class":3050},[3030,8952,8954],{"id":8953},"анімація-окремих-значень-thickness","Анімація окремих значень Thickness",[3035,8956,8958],{"className":3037,"code":8957,"language":3039,"meta":3040,"style":3040},"\u003C!-- Анімація лише Left у Margin -->\n\u003CThicknessAnimation Storyboard.TargetProperty=\"Margin\"\n                    From=\"0,0,0,0\" To=\"20,0,0,0\" Duration=\"0:0:0.3\"/>\n\n\u003C!-- Або через Property Path до конкретного значення -->\n\u003CDoubleAnimation Storyboard.TargetProperty=\"(FrameworkElement.Margin).(Thickness.Left)\"\n                 From=\"0\" To=\"20\" Duration=\"0:0:0.3\"/>\n",[2966,8959,8960,8965,8977,9002,9006,9011,9024],{"__ignoreMap":3040},[3044,8961,8962],{"class":3046,"line":3047},[3044,8963,8964],{"class":3881},"\u003C!-- Анімація лише Left у Margin -->\n",[3044,8966,8967,8969,8971,8973,8975],{"class":3046,"line":3061},[3044,8968,3051],{"class":3050},[3044,8970,4324],{"class":3054},[3044,8972,3330],{"class":3069},[3044,8974,3074],{"class":3073},[3044,8976,4341],{"class":3077},[3044,8978,8979,8982,8984,8987,8989,8991,8994,8996,8998,9000],{"class":3046,"line":3083},[3044,8980,8981],{"class":3069},"                    From",[3044,8983,3074],{"class":3073},[3044,8985,8986],{"class":3077},"\"0,0,0,0\"",[3044,8988,3898],{"class":3069},[3044,8990,3074],{"class":3073},[3044,8992,8993],{"class":3077},"\"20,0,0,0\"",[3044,8995,3906],{"class":3069},[3044,8997,3074],{"class":3073},[3044,8999,3856],{"class":3077},[3044,9001,3144],{"class":3050},[3044,9003,9004],{"class":3046,"line":3100},[3044,9005,3171],{"emptyLinePlaceholder":3170},[3044,9007,9008],{"class":3046,"line":3111},[3044,9009,9010],{"class":3881},"\u003C!-- Або через Property Path до конкретного значення -->\n",[3044,9012,9013,9015,9017,9019,9021],{"class":3046,"line":3122},[3044,9014,3051],{"class":3050},[3044,9016,3089],{"class":3054},[3044,9018,3330],{"class":3069},[3044,9020,3074],{"class":3073},[3044,9022,9023],{"class":3077},"\"(FrameworkElement.Margin).(Thickness.Left)\"\n",[3044,9025,9026,9029,9031,9033,9035,9037,9039,9041,9043,9045],{"class":3046,"line":3133},[3044,9027,9028],{"class":3069},"                 From",[3044,9030,3074],{"class":3073},[3044,9032,3203],{"class":3077},[3044,9034,3898],{"class":3069},[3044,9036,3074],{"class":3073},[3044,9038,4905],{"class":3077},[3044,9040,3906],{"class":3069},[3044,9042,3074],{"class":3073},[3044,9044,3856],{"class":3077},[3044,9046,3144],{"class":3050},[3017,9048],{},[3020,9050,9052],{"id":9051},"transform-анімації-обертання-масштабування-переміщення","Transform анімації: обертання, масштабування, переміщення",[2959,9054,9055],{},"Transform — це потужний механізм WPF для зміни візуального представлення елементів без зміни їх логічного розташування. Анімація Transform дозволяє створювати ефекти обертання, масштабування, нахилу та переміщення.",[3030,9057,9059],{"id":9058},"rendertransform-vs-layouttransform","RenderTransform vs LayoutTransform",[2959,9061,9062],{},"WPF має два типи трансформацій:",[3212,9064,9065,9071],{},[3215,9066,9067,9070],{},[2977,9068,9069],{},"RenderTransform"," — застосовується після layout. Не впливає на розташування інших елементів. Використовується для анімацій.",[3215,9072,9073,9076],{},[2977,9074,9075],{},"LayoutTransform"," — застосовується під час layout. Впливає на розташування інших елементів. Рідко використовується для анімацій.",[2959,9078,9079],{},[2977,9080,9081],{},"Для анімацій завжди використовуйте RenderTransform!",[3030,9083,9085],{"id":9084},"translatetransform-переміщення","TranslateTransform: переміщення",[2959,9087,9088],{},"TranslateTransform переміщує елемент по осях X та Y без зміни його логічного розташування.",[3035,9090,9092],{"className":3037,"code":9091,"language":3039,"meta":3040,"style":3040},"\u003CButton Content=\"Slide In\">\n    \u003CButton.RenderTransform>\n        \u003CTranslateTransform X=\"-200\" Y=\"0\"/>\n    \u003C/Button.RenderTransform>\n    \u003CButton.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Button.RenderTransform).(TranslateTransform.X)\"\n                                     From=\"-200\" To=\"0\" Duration=\"0:0:0.5\">\n                        \u003CDoubleAnimation.EasingFunction>\n                            \u003CCubicEase EasingMode=\"EaseOut\"/>\n                        \u003C/DoubleAnimation.EasingFunction>\n                    \u003C/DoubleAnimation>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Button.Triggers>\n\u003C/Button>\n",[2966,9093,9094,9109,9117,9138,9146,9154,9168,9176,9184,9197,9219,9227,9241,9249,9257,9265,9273,9281,9289],{"__ignoreMap":3040},[3044,9095,9096,9098,9100,9102,9104,9107],{"class":3046,"line":3047},[3044,9097,3051],{"class":3050},[3044,9099,3179],{"class":3054},[3044,9101,3190],{"class":3069},[3044,9103,3074],{"class":3073},[3044,9105,9106],{"class":3077},"\"Slide In\"",[3044,9108,3058],{"class":3050},[3044,9110,9111,9113,9115],{"class":3046,"line":3061},[3044,9112,3064],{"class":3050},[3044,9114,8809],{"class":3054},[3044,9116,3058],{"class":3050},[3044,9118,9119,9121,9123,9125,9127,9130,9132,9134,9136],{"class":3046,"line":3083},[3044,9120,3086],{"class":3050},[3044,9122,7906],{"class":3054},[3044,9124,7909],{"class":3069},[3044,9126,3074],{"class":3073},[3044,9128,9129],{"class":3077},"\"-200\"",[3044,9131,7916],{"class":3069},[3044,9133,3074],{"class":3073},[3044,9135,3203],{"class":3077},[3044,9137,3144],{"class":3050},[3044,9139,9140,9142,9144],{"class":3046,"line":3100},[3044,9141,3150],{"class":3050},[3044,9143,8809],{"class":3054},[3044,9145,3058],{"class":3050},[3044,9147,9148,9150,9152],{"class":3046,"line":3111},[3044,9149,3064],{"class":3050},[3044,9151,3282],{"class":3054},[3044,9153,3058],{"class":3050},[3044,9155,9156,9158,9160,9162,9164,9166],{"class":3046,"line":3122},[3044,9157,3086],{"class":3050},[3044,9159,3291],{"class":3054},[3044,9161,3294],{"class":3069},[3044,9163,3074],{"class":3073},[3044,9165,3299],{"class":3077},[3044,9167,3058],{"class":3050},[3044,9169,9170,9172,9174],{"class":3046,"line":3133},[3044,9171,3306],{"class":3050},[3044,9173,3309],{"class":3054},[3044,9175,3058],{"class":3050},[3044,9177,9178,9180,9182],{"class":3046,"line":3147},[3044,9179,3316],{"class":3050},[3044,9181,2968],{"class":3054},[3044,9183,3058],{"class":3050},[3044,9185,9186,9188,9190,9192,9194],{"class":3046,"line":3157},[3044,9187,3325],{"class":3050},[3044,9189,3089],{"class":3054},[3044,9191,3330],{"class":3069},[3044,9193,3074],{"class":3073},[3044,9195,9196],{"class":3077},"\"(Button.RenderTransform).(TranslateTransform.X)\"\n",[3044,9198,9199,9201,9203,9205,9207,9209,9211,9213,9215,9217],{"class":3046,"line":3167},[3044,9200,3339],{"class":3069},[3044,9202,3074],{"class":3073},[3044,9204,9129],{"class":3077},[3044,9206,3898],{"class":3069},[3044,9208,3074],{"class":3073},[3044,9210,3203],{"class":3077},[3044,9212,3906],{"class":3069},[3044,9214,3074],{"class":3073},[3044,9216,3141],{"class":3077},[3044,9218,3058],{"class":3050},[3044,9220,9221,9223,9225],{"class":3046,"line":3174},[3044,9222,5719],{"class":3050},[3044,9224,5116],{"class":3054},[3044,9226,3058],{"class":3050},[3044,9228,9229,9231,9233,9235,9237,9239],{"class":3046,"line":3384},[3044,9230,5772],{"class":3050},[3044,9232,5215],{"class":3054},[3044,9234,5127],{"class":3069},[3044,9236,3074],{"class":3073},[3044,9238,5132],{"class":3077},[3044,9240,3144],{"class":3050},[3044,9242,9243,9245,9247],{"class":3046,"line":3394},[3044,9244,5806],{"class":3050},[3044,9246,5116],{"class":3054},[3044,9248,3058],{"class":3050},[3044,9250,9251,9253,9255],{"class":3046,"line":3403},[3044,9252,5815],{"class":3050},[3044,9254,3089],{"class":3054},[3044,9256,3058],{"class":3050},[3044,9258,9259,9261,9263],{"class":3046,"line":3656},[3044,9260,3368],{"class":3050},[3044,9262,2968],{"class":3054},[3044,9264,3058],{"class":3050},[3044,9266,9267,9269,9271],{"class":3046,"line":3668},[3044,9268,3377],{"class":3050},[3044,9270,3309],{"class":3054},[3044,9272,3058],{"class":3050},[3044,9274,9275,9277,9279],{"class":3046,"line":3679},[3044,9276,3387],{"class":3050},[3044,9278,3291],{"class":3054},[3044,9280,3058],{"class":3050},[3044,9282,9283,9285,9287],{"class":3046,"line":3691},[3044,9284,3150],{"class":3050},[3044,9286,3282],{"class":3054},[3044,9288,3058],{"class":3050},[3044,9290,9291,9293,9295],{"class":3046,"line":3705},[3044,9292,3160],{"class":3050},[3044,9294,3179],{"class":3054},[3044,9296,3058],{"class":3050},[2959,9298,9299],{},[2977,9300,9301],{},"Приклад: Slide-in панель зліва:",[3448,9303,9305],{"title":9304},"Slide-in анімація через TranslateTransform",[3035,9306,9308],{"className":3037,"code":9307,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CGrid>\n        \u003CBorder Width=\"200\" Height=\"300\"\n                Background=\"#3b82f6\"\n                CornerRadius=\"8\"\n                HorizontalAlignment=\"Left\">\n            \u003CBorder.RenderTransform>\n                \u003CTranslateTransform X=\"-200\" Y=\"0\"/>\n            \u003C/Border.RenderTransform>\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TranslateTransform.X)\"\n                                             From=\"-200\" To=\"0\" Duration=\"0:0:0.6\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CCubicEase EasingMode=\"EaseOut\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n            \n            \u003CStackPanel Margin=\"20\" VerticalAlignment=\"Center\">\n                \u003CTextBlock Text=\"📱 Menu\" \n                           Foreground=\"White\" \n                           FontSize=\"24\" \n                           FontWeight=\"Bold\"\n                           Margin=\"0,0,0,20\"/>\n                \u003CTextBlock Text=\"• Home\" Foreground=\"White\" FontSize=\"16\" Margin=\"0,0,0,8\"/>\n                \u003CTextBlock Text=\"• Profile\" Foreground=\"White\" FontSize=\"16\" Margin=\"0,0,0,8\"/>\n                \u003CTextBlock Text=\"• Settings\" Foreground=\"White\" FontSize=\"16\" Margin=\"0,0,0,8\"/>\n                \u003CTextBlock Text=\"• Logout\" Foreground=\"White\" FontSize=\"16\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/Grid>\n\u003C/Border>\n",[2966,9309,9310,9336,9345,9364,9372,9381,9392,9400,9420,9428,9436,9450,9458,9466,9479,9501,9509,9523,9531,9539,9547,9555,9563,9571,9575,9595,9610,9621,9632,9641,9653,9687,9720,9753,9780,9788,9796,9804],{"__ignoreMap":3040},[3044,9311,9312,9314,9316,9318,9320,9322,9324,9326,9328,9330,9332,9334],{"class":3046,"line":3047},[3044,9313,3051],{"class":3050},[3044,9315,3462],{"class":3054},[3044,9317,3465],{"class":3069},[3044,9319,3074],{"class":3073},[3044,9321,3470],{"class":3077},[3044,9323,3473],{"class":3069},[3044,9325,3074],{"class":3073},[3044,9327,3478],{"class":3077},[3044,9329,3481],{"class":3069},[3044,9331,3074],{"class":3073},[3044,9333,3486],{"class":3077},[3044,9335,3058],{"class":3050},[3044,9337,9338,9340,9343],{"class":3046,"line":3061},[3044,9339,3064],{"class":3050},[3044,9341,9342],{"class":3054},"Grid",[3044,9344,3058],{"class":3050},[3044,9346,9347,9349,9351,9353,9355,9357,9359,9361],{"class":3046,"line":3083},[3044,9348,3086],{"class":3050},[3044,9350,3462],{"class":3054},[3044,9352,4900],{"class":3069},[3044,9354,3074],{"class":3073},[3044,9356,8304],{"class":3077},[3044,9358,4908],{"class":3069},[3044,9360,3074],{"class":3073},[3044,9362,9363],{"class":3077},"\"300\"\n",[3044,9365,9366,9368,9370],{"class":3046,"line":3100},[3044,9367,7299],{"class":3069},[3044,9369,3074],{"class":3073},[3044,9371,4227],{"class":3077},[3044,9373,9374,9376,9378],{"class":3046,"line":3111},[3044,9375,3659],{"class":3069},[3044,9377,3074],{"class":3073},[3044,9379,9380],{"class":3077},"\"8\"\n",[3044,9382,9383,9385,9387,9390],{"class":3046,"line":3122},[3044,9384,3682],{"class":3069},[3044,9386,3074],{"class":3073},[3044,9388,9389],{"class":3077},"\"Left\"",[3044,9391,3058],{"class":3050},[3044,9393,9394,9396,9398],{"class":3046,"line":3133},[3044,9395,3306],{"class":3050},[3044,9397,7323],{"class":3054},[3044,9399,3058],{"class":3050},[3044,9401,9402,9404,9406,9408,9410,9412,9414,9416,9418],{"class":3046,"line":3147},[3044,9403,3316],{"class":3050},[3044,9405,7906],{"class":3054},[3044,9407,7909],{"class":3069},[3044,9409,3074],{"class":3073},[3044,9411,9129],{"class":3077},[3044,9413,7916],{"class":3069},[3044,9415,3074],{"class":3073},[3044,9417,3203],{"class":3077},[3044,9419,3144],{"class":3050},[3044,9421,9422,9424,9426],{"class":3046,"line":3157},[3044,9423,3377],{"class":3050},[3044,9425,7323],{"class":3054},[3044,9427,3058],{"class":3050},[3044,9429,9430,9432,9434],{"class":3046,"line":3167},[3044,9431,3306],{"class":3050},[3044,9433,5682],{"class":3054},[3044,9435,3058],{"class":3050},[3044,9437,9438,9440,9442,9444,9446,9448],{"class":3046,"line":3174},[3044,9439,3316],{"class":3050},[3044,9441,3291],{"class":3054},[3044,9443,3294],{"class":3069},[3044,9445,3074],{"class":3073},[3044,9447,3299],{"class":3077},[3044,9449,3058],{"class":3050},[3044,9451,9452,9454,9456],{"class":3046,"line":3384},[3044,9453,3325],{"class":3050},[3044,9455,3309],{"class":3054},[3044,9457,3058],{"class":3050},[3044,9459,9460,9462,9464],{"class":3046,"line":3394},[3044,9461,5719],{"class":3050},[3044,9463,2968],{"class":3054},[3044,9465,3058],{"class":3050},[3044,9467,9468,9470,9472,9474,9476],{"class":3046,"line":3403},[3044,9469,5772],{"class":3050},[3044,9471,3089],{"class":3054},[3044,9473,3330],{"class":3069},[3044,9475,3074],{"class":3073},[3044,9477,9478],{"class":3077},"\"(Border.RenderTransform).(TranslateTransform.X)\"\n",[3044,9480,9481,9483,9485,9487,9489,9491,9493,9495,9497,9499],{"class":3046,"line":3656},[3044,9482,7418],{"class":3069},[3044,9484,3074],{"class":3073},[3044,9486,9129],{"class":3077},[3044,9488,3898],{"class":3069},[3044,9490,3074],{"class":3073},[3044,9492,3203],{"class":3077},[3044,9494,3906],{"class":3069},[3044,9496,3074],{"class":3073},[3044,9498,5537],{"class":3077},[3044,9500,3058],{"class":3050},[3044,9502,9503,9505,9507],{"class":3046,"line":3668},[3044,9504,5781],{"class":3050},[3044,9506,5116],{"class":3054},[3044,9508,3058],{"class":3050},[3044,9510,9511,9513,9515,9517,9519,9521],{"class":3046,"line":3679},[3044,9512,7459],{"class":3050},[3044,9514,5215],{"class":3054},[3044,9516,5127],{"class":3069},[3044,9518,3074],{"class":3073},[3044,9520,5132],{"class":3077},[3044,9522,3144],{"class":3050},[3044,9524,9525,9527,9529],{"class":3046,"line":3691},[3044,9526,7480],{"class":3050},[3044,9528,5116],{"class":3054},[3044,9530,3058],{"class":3050},[3044,9532,9533,9535,9537],{"class":3046,"line":3705},[3044,9534,5797],{"class":3050},[3044,9536,3089],{"class":3054},[3044,9538,3058],{"class":3050},[3044,9540,9541,9543,9545],{"class":3046,"line":3716},[3044,9542,5806],{"class":3050},[3044,9544,2968],{"class":3054},[3044,9546,3058],{"class":3050},[3044,9548,9549,9551,9553],{"class":3046,"line":3727},[3044,9550,5815],{"class":3050},[3044,9552,3309],{"class":3054},[3044,9554,3058],{"class":3050},[3044,9556,9557,9559,9561],{"class":3046,"line":3740},[3044,9558,3368],{"class":3050},[3044,9560,3291],{"class":3054},[3044,9562,3058],{"class":3050},[3044,9564,9565,9567,9569],{"class":3046,"line":3749},[3044,9566,3377],{"class":3050},[3044,9568,5682],{"class":3054},[3044,9570,3058],{"class":3050},[3044,9572,9573],{"class":3046,"line":3758},[3044,9574,8571],{"class":3073},[3044,9576,9577,9579,9581,9583,9585,9587,9589,9591,9593],{"class":3046,"line":4272},[3044,9578,3306],{"class":3050},[3044,9580,3495],{"class":3054},[3044,9582,5668],{"class":3069},[3044,9584,3074],{"class":3073},[3044,9586,4905],{"class":3077},[3044,9588,6618],{"class":3069},[3044,9590,3074],{"class":3073},[3044,9592,3511],{"class":3077},[3044,9594,3058],{"class":3050},[3044,9596,9597,9599,9601,9603,9605,9608],{"class":3046,"line":5927},[3044,9598,3316],{"class":3050},[3044,9600,3520],{"class":3054},[3044,9602,3523],{"class":3069},[3044,9604,3074],{"class":3073},[3044,9606,9607],{"class":3077},"\"📱 Menu\"",[3044,9609,3653],{"class":3073},[3044,9611,9612,9615,9617,9619],{"class":3046,"line":5936},[3044,9613,9614],{"class":3069},"                           Foreground",[3044,9616,3074],{"class":3073},[3044,9618,6609],{"class":3077},[3044,9620,3653],{"class":3073},[3044,9622,9623,9626,9628,9630],{"class":3046,"line":5949},[3044,9624,9625],{"class":3069},"                           FontSize",[3044,9627,3074],{"class":3073},[3044,9629,3538],{"class":3077},[3044,9631,3653],{"class":3073},[3044,9633,9634,9637,9639],{"class":3046,"line":5970},[3044,9635,9636],{"class":3069},"                           FontWeight",[3044,9638,3074],{"class":3073},[3044,9640,3546],{"class":3077},[3044,9642,9643,9646,9648,9651],{"class":3046,"line":5987},[3044,9644,9645],{"class":3069},"                           Margin",[3044,9647,3074],{"class":3073},[3044,9649,9650],{"class":3077},"\"0,0,0,20\"",[3044,9652,3144],{"class":3050},[3044,9654,9655,9657,9659,9661,9663,9666,9668,9670,9672,9675,9677,9679,9681,9683,9685],{"class":3046,"line":5996},[3044,9656,3316],{"class":3050},[3044,9658,3520],{"class":3054},[3044,9660,3523],{"class":3069},[3044,9662,3074],{"class":3073},[3044,9664,9665],{"class":3077},"\"• Home\"",[3044,9667,3597],{"class":3069},[3044,9669,3074],{"class":3073},[3044,9671,6609],{"class":3077},[3044,9673,9674],{"class":3069}," FontSize",[3044,9676,3074],{"class":3073},[3044,9678,3503],{"class":3077},[3044,9680,5668],{"class":3069},[3044,9682,3074],{"class":3073},[3044,9684,5673],{"class":3077},[3044,9686,3144],{"class":3050},[3044,9688,9689,9691,9693,9695,9697,9700,9702,9704,9706,9708,9710,9712,9714,9716,9718],{"class":3046,"line":6011},[3044,9690,3316],{"class":3050},[3044,9692,3520],{"class":3054},[3044,9694,3523],{"class":3069},[3044,9696,3074],{"class":3073},[3044,9698,9699],{"class":3077},"\"• Profile\"",[3044,9701,3597],{"class":3069},[3044,9703,3074],{"class":3073},[3044,9705,6609],{"class":3077},[3044,9707,9674],{"class":3069},[3044,9709,3074],{"class":3073},[3044,9711,3503],{"class":3077},[3044,9713,5668],{"class":3069},[3044,9715,3074],{"class":3073},[3044,9717,5673],{"class":3077},[3044,9719,3144],{"class":3050},[3044,9721,9722,9724,9726,9728,9730,9733,9735,9737,9739,9741,9743,9745,9747,9749,9751],{"class":3046,"line":6020},[3044,9723,3316],{"class":3050},[3044,9725,3520],{"class":3054},[3044,9727,3523],{"class":3069},[3044,9729,3074],{"class":3073},[3044,9731,9732],{"class":3077},"\"• Settings\"",[3044,9734,3597],{"class":3069},[3044,9736,3074],{"class":3073},[3044,9738,6609],{"class":3077},[3044,9740,9674],{"class":3069},[3044,9742,3074],{"class":3073},[3044,9744,3503],{"class":3077},[3044,9746,5668],{"class":3069},[3044,9748,3074],{"class":3073},[3044,9750,5673],{"class":3077},[3044,9752,3144],{"class":3050},[3044,9754,9755,9757,9759,9761,9763,9766,9768,9770,9772,9774,9776,9778],{"class":3046,"line":6029},[3044,9756,3316],{"class":3050},[3044,9758,3520],{"class":3054},[3044,9760,3523],{"class":3069},[3044,9762,3074],{"class":3073},[3044,9764,9765],{"class":3077},"\"• Logout\"",[3044,9767,3597],{"class":3069},[3044,9769,3074],{"class":3073},[3044,9771,6609],{"class":3077},[3044,9773,9674],{"class":3069},[3044,9775,3074],{"class":3073},[3044,9777,3503],{"class":3077},[3044,9779,3144],{"class":3050},[3044,9781,9782,9784,9786],{"class":3046,"line":6038},[3044,9783,3377],{"class":3050},[3044,9785,3495],{"class":3054},[3044,9787,3058],{"class":3050},[3044,9789,9790,9792,9794],{"class":3046,"line":6047},[3044,9791,3387],{"class":3050},[3044,9793,3462],{"class":3054},[3044,9795,3058],{"class":3050},[3044,9797,9798,9800,9802],{"class":3046,"line":6056},[3044,9799,3150],{"class":3050},[3044,9801,9342],{"class":3054},[3044,9803,3058],{"class":3050},[3044,9805,9806,9808,9810],{"class":3046,"line":6065},[3044,9807,3160],{"class":3050},[3044,9809,3462],{"class":3054},[3044,9811,3058],{"class":3050},[3030,9813,9815],{"id":9814},"scaletransform-масштабування","ScaleTransform: масштабування",[2959,9817,9818,9819,9822,9823,9826],{},"ScaleTransform змінює розмір елемента. Властивості ",[2966,9820,9821],{},"ScaleX"," та ",[2966,9824,9825],{},"ScaleY"," контролюють масштаб по осях.",[3035,9828,9830],{"className":3037,"code":9829,"language":3039,"meta":3040,"style":3040},"\u003CButton Content=\"Zoom In\">\n    \u003CButton.RenderTransform>\n        \u003CScaleTransform ScaleX=\"1\" ScaleY=\"1\"/>\n    \u003C/Button.RenderTransform>\n    \u003CButton.RenderTransformOrigin>0.5,0.5\u003C/Button.RenderTransformOrigin>\n    \u003CButton.Triggers>\n        \u003CEventTrigger RoutedEvent=\"MouseEnter\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Button.RenderTransform).(ScaleTransform.ScaleX)\"\n                                     To=\"1.1\" Duration=\"0:0:0.2\"/>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Button.RenderTransform).(ScaleTransform.ScaleY)\"\n                                     To=\"1.1\" Duration=\"0:0:0.2\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n        \u003CEventTrigger RoutedEvent=\"MouseLeave\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Button.RenderTransform).(ScaleTransform.ScaleX)\"\n                                     To=\"1\" Duration=\"0:0:0.2\"/>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Button.RenderTransform).(ScaleTransform.ScaleY)\"\n                                     To=\"1\" Duration=\"0:0:0.2\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Button.Triggers>\n\u003C/Button>\n",[2966,9831,9832,9847,9855,9875,9883,9902,9910,9924,9932,9940,9953,9970,9983,9999,10007,10015,10023,10037,10045,10053,10065,10081,10093,10109,10117,10125,10133,10141],{"__ignoreMap":3040},[3044,9833,9834,9836,9838,9840,9842,9845],{"class":3046,"line":3047},[3044,9835,3051],{"class":3050},[3044,9837,3179],{"class":3054},[3044,9839,3190],{"class":3069},[3044,9841,3074],{"class":3073},[3044,9843,9844],{"class":3077},"\"Zoom In\"",[3044,9846,3058],{"class":3050},[3044,9848,9849,9851,9853],{"class":3046,"line":3061},[3044,9850,3064],{"class":3050},[3044,9852,8809],{"class":3054},[3044,9854,3058],{"class":3050},[3044,9856,9857,9859,9861,9863,9865,9867,9869,9871,9873],{"class":3046,"line":3083},[3044,9858,3086],{"class":3050},[3044,9860,7332],{"class":3054},[3044,9862,7335],{"class":3069},[3044,9864,3074],{"class":3073},[3044,9866,4857],{"class":3077},[3044,9868,7342],{"class":3069},[3044,9870,3074],{"class":3073},[3044,9872,4857],{"class":3077},[3044,9874,3144],{"class":3050},[3044,9876,9877,9879,9881],{"class":3046,"line":3100},[3044,9878,3150],{"class":3050},[3044,9880,8809],{"class":3054},[3044,9882,3058],{"class":3050},[3044,9884,9885,9887,9890,9893,9896,9898,9900],{"class":3046,"line":3111},[3044,9886,3064],{"class":3050},[3044,9888,9889],{"class":3054},"Button.RenderTransformOrigin",[3044,9891,9892],{"class":3050},">",[3044,9894,9895],{"class":3073},"0.5,0.5",[3044,9897,3160],{"class":3050},[3044,9899,9889],{"class":3054},[3044,9901,3058],{"class":3050},[3044,9903,9904,9906,9908],{"class":3046,"line":3122},[3044,9905,3064],{"class":3050},[3044,9907,3282],{"class":3054},[3044,9909,3058],{"class":3050},[3044,9911,9912,9914,9916,9918,9920,9922],{"class":3046,"line":3133},[3044,9913,3086],{"class":3050},[3044,9915,3291],{"class":3054},[3044,9917,3294],{"class":3069},[3044,9919,3074],{"class":3073},[3044,9921,4097],{"class":3077},[3044,9923,3058],{"class":3050},[3044,9925,9926,9928,9930],{"class":3046,"line":3147},[3044,9927,3306],{"class":3050},[3044,9929,3309],{"class":3054},[3044,9931,3058],{"class":3050},[3044,9933,9934,9936,9938],{"class":3046,"line":3157},[3044,9935,3316],{"class":3050},[3044,9937,2968],{"class":3054},[3044,9939,3058],{"class":3050},[3044,9941,9942,9944,9946,9948,9950],{"class":3046,"line":3167},[3044,9943,3325],{"class":3050},[3044,9945,3089],{"class":3054},[3044,9947,3330],{"class":3069},[3044,9949,3074],{"class":3073},[3044,9951,9952],{"class":3077},"\"(Button.RenderTransform).(ScaleTransform.ScaleX)\"\n",[3044,9954,9955,9957,9959,9962,9964,9966,9968],{"class":3046,"line":3174},[3044,9956,3348],{"class":3069},[3044,9958,3074],{"class":3073},[3044,9960,9961],{"class":3077},"\"1.1\"",[3044,9963,3906],{"class":3069},[3044,9965,3074],{"class":3073},[3044,9967,4149],{"class":3077},[3044,9969,3144],{"class":3050},[3044,9971,9972,9974,9976,9978,9980],{"class":3046,"line":3384},[3044,9973,3325],{"class":3050},[3044,9975,3089],{"class":3054},[3044,9977,3330],{"class":3069},[3044,9979,3074],{"class":3073},[3044,9981,9982],{"class":3077},"\"(Button.RenderTransform).(ScaleTransform.ScaleY)\"\n",[3044,9984,9985,9987,9989,9991,9993,9995,9997],{"class":3046,"line":3394},[3044,9986,3348],{"class":3069},[3044,9988,3074],{"class":3073},[3044,9990,9961],{"class":3077},[3044,9992,3906],{"class":3069},[3044,9994,3074],{"class":3073},[3044,9996,4149],{"class":3077},[3044,9998,3144],{"class":3050},[3044,10000,10001,10003,10005],{"class":3046,"line":3403},[3044,10002,3368],{"class":3050},[3044,10004,2968],{"class":3054},[3044,10006,3058],{"class":3050},[3044,10008,10009,10011,10013],{"class":3046,"line":3656},[3044,10010,3377],{"class":3050},[3044,10012,3309],{"class":3054},[3044,10014,3058],{"class":3050},[3044,10016,10017,10019,10021],{"class":3046,"line":3668},[3044,10018,3387],{"class":3050},[3044,10020,3291],{"class":3054},[3044,10022,3058],{"class":3050},[3044,10024,10025,10027,10029,10031,10033,10035],{"class":3046,"line":3679},[3044,10026,3086],{"class":3050},[3044,10028,3291],{"class":3054},[3044,10030,3294],{"class":3069},[3044,10032,3074],{"class":3073},[3044,10034,4188],{"class":3077},[3044,10036,3058],{"class":3050},[3044,10038,10039,10041,10043],{"class":3046,"line":3691},[3044,10040,3306],{"class":3050},[3044,10042,3309],{"class":3054},[3044,10044,3058],{"class":3050},[3044,10046,10047,10049,10051],{"class":3046,"line":3705},[3044,10048,3316],{"class":3050},[3044,10050,2968],{"class":3054},[3044,10052,3058],{"class":3050},[3044,10054,10055,10057,10059,10061,10063],{"class":3046,"line":3716},[3044,10056,3325],{"class":3050},[3044,10058,3089],{"class":3054},[3044,10060,3330],{"class":3069},[3044,10062,3074],{"class":3073},[3044,10064,9952],{"class":3077},[3044,10066,10067,10069,10071,10073,10075,10077,10079],{"class":3046,"line":3727},[3044,10068,3348],{"class":3069},[3044,10070,3074],{"class":3073},[3044,10072,4857],{"class":3077},[3044,10074,3906],{"class":3069},[3044,10076,3074],{"class":3073},[3044,10078,4149],{"class":3077},[3044,10080,3144],{"class":3050},[3044,10082,10083,10085,10087,10089,10091],{"class":3046,"line":3740},[3044,10084,3325],{"class":3050},[3044,10086,3089],{"class":3054},[3044,10088,3330],{"class":3069},[3044,10090,3074],{"class":3073},[3044,10092,9982],{"class":3077},[3044,10094,10095,10097,10099,10101,10103,10105,10107],{"class":3046,"line":3749},[3044,10096,3348],{"class":3069},[3044,10098,3074],{"class":3073},[3044,10100,4857],{"class":3077},[3044,10102,3906],{"class":3069},[3044,10104,3074],{"class":3073},[3044,10106,4149],{"class":3077},[3044,10108,3144],{"class":3050},[3044,10110,10111,10113,10115],{"class":3046,"line":3758},[3044,10112,3368],{"class":3050},[3044,10114,2968],{"class":3054},[3044,10116,3058],{"class":3050},[3044,10118,10119,10121,10123],{"class":3046,"line":4272},[3044,10120,3377],{"class":3050},[3044,10122,3309],{"class":3054},[3044,10124,3058],{"class":3050},[3044,10126,10127,10129,10131],{"class":3046,"line":5927},[3044,10128,3387],{"class":3050},[3044,10130,3291],{"class":3054},[3044,10132,3058],{"class":3050},[3044,10134,10135,10137,10139],{"class":3046,"line":5936},[3044,10136,3150],{"class":3050},[3044,10138,3282],{"class":3054},[3044,10140,3058],{"class":3050},[3044,10142,10143,10145,10147],{"class":3046,"line":5949},[3044,10144,3160],{"class":3050},[3044,10146,3179],{"class":3054},[3044,10148,3058],{"class":3050},[2959,10150,10151,2980,10153,10156,10157,10160],{},[2977,10152,4283],{},[2966,10154,10155],{},"RenderTransformOrigin=\"0.5,0.5\""," встановлює центр трансформації в центр елемента. За замовчуванням це ",[2966,10158,10159],{},"0,0"," (верхній лівий кут).",[2959,10162,10163],{},[2977,10164,10165],{},"Приклад: Hover ефект для карток:",[3448,10167,10169],{"title":10168},"Scale hover ефект",[3035,10170,10172],{"className":3037,"code":10171,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"20\" HorizontalAlignment=\"Center\">\n        \u003CBorder Width=\"120\" Height=\"160\"\n                Background=\"White\"\n                BorderBrush=\"#e2e8f0\"\n                BorderThickness=\"1\"\n                CornerRadius=\"8\"\n                Padding=\"16\">\n            \u003CBorder.RenderTransform>\n                \u003CScaleTransform ScaleX=\"1\" ScaleY=\"1\"/>\n            \u003C/Border.RenderTransform>\n            \u003CBorder.RenderTransformOrigin>0.5,0.5\u003C/Border.RenderTransformOrigin>\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"MouseEnter\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleX)\"\n                                             To=\"1.05\" Duration=\"0:0:0.2\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleY)\"\n                                             To=\"1.05\" Duration=\"0:0:0.2\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n                \u003CEventTrigger RoutedEvent=\"MouseLeave\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleX)\"\n                                             To=\"1\" Duration=\"0:0:0.2\"/>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleY)\"\n                                             To=\"1\" Duration=\"0:0:0.2\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n            \n            \u003CStackPanel VerticalAlignment=\"Center\">\n                \u003CTextBlock Text=\"📦\" FontSize=\"48\" HorizontalAlignment=\"Center\" Margin=\"0,0,0,12\"/>\n                \u003CTextBlock Text=\"Product\" FontSize=\"16\" FontWeight=\"SemiBold\" Foreground=\"#1e293b\" HorizontalAlignment=\"Center\"/>\n                \u003CTextBlock Text=\"$99\" FontSize=\"14\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\" Margin=\"0,4,0,0\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n        \n        \u003CBorder Width=\"120\" Height=\"160\"\n                Background=\"White\"\n                BorderBrush=\"#e2e8f0\"\n                BorderThickness=\"1\"\n                CornerRadius=\"8\"\n                Padding=\"16\">\n            \u003CBorder.RenderTransform>\n                \u003CScaleTransform ScaleX=\"1\" ScaleY=\"1\"/>\n            \u003C/Border.RenderTransform>\n            \u003CBorder.RenderTransformOrigin>0.5,0.5\u003C/Border.RenderTransformOrigin>\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"MouseEnter\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleX)\"\n                                             To=\"1.05\" Duration=\"0:0:0.2\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleY)\"\n                                             To=\"1.05\" Duration=\"0:0:0.2\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n                \u003CEventTrigger RoutedEvent=\"MouseLeave\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleX)\"\n                                             To=\"1\" Duration=\"0:0:0.2\"/>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleY)\"\n                                             To=\"1\" Duration=\"0:0:0.2\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n            \n            \u003CStackPanel VerticalAlignment=\"Center\">\n                \u003CTextBlock Text=\"🎨\" FontSize=\"48\" HorizontalAlignment=\"Center\" Margin=\"0,0,0,12\"/>\n                \u003CTextBlock Text=\"Design\" FontSize=\"16\" FontWeight=\"SemiBold\" Foreground=\"#1e293b\" HorizontalAlignment=\"Center\"/>\n                \u003CTextBlock Text=\"$149\" FontSize=\"14\" Foreground=\"#64748b\" HorizontalAlignment=\"Center\" Margin=\"0,4,0,0\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/StackPanel>\n\u003C/Border>\n",[2966,10173,10174,10200,10228,10247,10255,10265,10274,10282,10292,10300,10320,10328,10345,10353,10367,10375,10383,10395,10413,10421,10435,10443,10451,10463,10479,10487,10501,10509,10517,10525,10533,10541,10555,10563,10571,10583,10599,10611,10627,10635,10643,10651,10659,10663,10677,10712,10751,10793,10801,10809,10813,10831,10839,10847,10855,10863,10873,10881,10901,10909,10925,10933,10947,10955,10964,10977,10994,11003,11018,11027,11036,11049,11066,11075,11090,11099,11108,11117,11126,11135,11150,11159,11168,11181,11198,11211,11228,11237,11246,11255,11264,11269,11284,11318,11358,11398,11407,11416,11425],{"__ignoreMap":3040},[3044,10175,10176,10178,10180,10182,10184,10186,10188,10190,10192,10194,10196,10198],{"class":3046,"line":3047},[3044,10177,3051],{"class":3050},[3044,10179,3462],{"class":3054},[3044,10181,3465],{"class":3069},[3044,10183,3074],{"class":3073},[3044,10185,3470],{"class":3077},[3044,10187,3473],{"class":3069},[3044,10189,3074],{"class":3073},[3044,10191,3478],{"class":3077},[3044,10193,3481],{"class":3069},[3044,10195,3074],{"class":3073},[3044,10197,3486],{"class":3077},[3044,10199,3058],{"class":3050},[3044,10201,10202,10204,10206,10209,10211,10214,10216,10218,10220,10222,10224,10226],{"class":3046,"line":3061},[3044,10203,3064],{"class":3050},[3044,10205,3495],{"class":3054},[3044,10207,10208],{"class":3069}," Orientation",[3044,10210,3074],{"class":3073},[3044,10212,10213],{"class":3077},"\"Horizontal\"",[3044,10215,3498],{"class":3069},[3044,10217,3074],{"class":3073},[3044,10219,4905],{"class":3077},[3044,10221,3506],{"class":3069},[3044,10223,3074],{"class":3073},[3044,10225,3511],{"class":3077},[3044,10227,3058],{"class":3050},[3044,10229,10230,10232,10234,10236,10238,10240,10242,10244],{"class":3046,"line":3083},[3044,10231,3086],{"class":3050},[3044,10233,3462],{"class":3054},[3044,10235,4900],{"class":3069},[3044,10237,3074],{"class":3073},[3044,10239,8346],{"class":3077},[3044,10241,4908],{"class":3069},[3044,10243,3074],{"class":3073},[3044,10245,10246],{"class":3077},"\"160\"\n",[3044,10248,10249,10251,10253],{"class":3046,"line":3100},[3044,10250,7299],{"class":3069},[3044,10252,3074],{"class":3073},[3044,10254,3713],{"class":3077},[3044,10256,10257,10260,10262],{"class":3046,"line":3111},[3044,10258,10259],{"class":3069},"                BorderBrush",[3044,10261,3074],{"class":3073},[3044,10263,10264],{"class":3077},"\"#e2e8f0\"\n",[3044,10266,10267,10270,10272],{"class":3046,"line":3122},[3044,10268,10269],{"class":3069},"                BorderThickness",[3044,10271,3074],{"class":3073},[3044,10273,3130],{"class":3077},[3044,10275,10276,10278,10280],{"class":3046,"line":3133},[3044,10277,3659],{"class":3069},[3044,10279,3074],{"class":3073},[3044,10281,9380],{"class":3077},[3044,10283,10284,10286,10288,10290],{"class":3046,"line":3147},[3044,10285,3671],{"class":3069},[3044,10287,3074],{"class":3073},[3044,10289,3503],{"class":3077},[3044,10291,3058],{"class":3050},[3044,10293,10294,10296,10298],{"class":3046,"line":3157},[3044,10295,3306],{"class":3050},[3044,10297,7323],{"class":3054},[3044,10299,3058],{"class":3050},[3044,10301,10302,10304,10306,10308,10310,10312,10314,10316,10318],{"class":3046,"line":3167},[3044,10303,3316],{"class":3050},[3044,10305,7332],{"class":3054},[3044,10307,7335],{"class":3069},[3044,10309,3074],{"class":3073},[3044,10311,4857],{"class":3077},[3044,10313,7342],{"class":3069},[3044,10315,3074],{"class":3073},[3044,10317,4857],{"class":3077},[3044,10319,3144],{"class":3050},[3044,10321,10322,10324,10326],{"class":3046,"line":3174},[3044,10323,3377],{"class":3050},[3044,10325,7323],{"class":3054},[3044,10327,3058],{"class":3050},[3044,10329,10330,10332,10335,10337,10339,10341,10343],{"class":3046,"line":3384},[3044,10331,3306],{"class":3050},[3044,10333,10334],{"class":3054},"Border.RenderTransformOrigin",[3044,10336,9892],{"class":3050},[3044,10338,9895],{"class":3073},[3044,10340,3160],{"class":3050},[3044,10342,10334],{"class":3054},[3044,10344,3058],{"class":3050},[3044,10346,10347,10349,10351],{"class":3046,"line":3394},[3044,10348,3306],{"class":3050},[3044,10350,5682],{"class":3054},[3044,10352,3058],{"class":3050},[3044,10354,10355,10357,10359,10361,10363,10365],{"class":3046,"line":3403},[3044,10356,3316],{"class":3050},[3044,10358,3291],{"class":3054},[3044,10360,3294],{"class":3069},[3044,10362,3074],{"class":3073},[3044,10364,4097],{"class":3077},[3044,10366,3058],{"class":3050},[3044,10368,10369,10371,10373],{"class":3046,"line":3656},[3044,10370,3325],{"class":3050},[3044,10372,3309],{"class":3054},[3044,10374,3058],{"class":3050},[3044,10376,10377,10379,10381],{"class":3046,"line":3668},[3044,10378,5719],{"class":3050},[3044,10380,2968],{"class":3054},[3044,10382,3058],{"class":3050},[3044,10384,10385,10387,10389,10391,10393],{"class":3046,"line":3679},[3044,10386,5772],{"class":3050},[3044,10388,3089],{"class":3054},[3044,10390,3330],{"class":3069},[3044,10392,3074],{"class":3073},[3044,10394,7413],{"class":3077},[3044,10396,10397,10400,10402,10405,10407,10409,10411],{"class":3046,"line":3691},[3044,10398,10399],{"class":3069},"                                             To",[3044,10401,3074],{"class":3073},[3044,10403,10404],{"class":3077},"\"1.05\"",[3044,10406,3906],{"class":3069},[3044,10408,3074],{"class":3073},[3044,10410,4149],{"class":3077},[3044,10412,3058],{"class":3050},[3044,10414,10415,10417,10419],{"class":3046,"line":3705},[3044,10416,5781],{"class":3050},[3044,10418,5116],{"class":3054},[3044,10420,3058],{"class":3050},[3044,10422,10423,10425,10427,10429,10431,10433],{"class":3046,"line":3716},[3044,10424,7459],{"class":3050},[3044,10426,5077],{"class":3054},[3044,10428,5127],{"class":3069},[3044,10430,3074],{"class":3073},[3044,10432,5132],{"class":3077},[3044,10434,3144],{"class":3050},[3044,10436,10437,10439,10441],{"class":3046,"line":3727},[3044,10438,7480],{"class":3050},[3044,10440,5116],{"class":3054},[3044,10442,3058],{"class":3050},[3044,10444,10445,10447,10449],{"class":3046,"line":3740},[3044,10446,5797],{"class":3050},[3044,10448,3089],{"class":3054},[3044,10450,3058],{"class":3050},[3044,10452,10453,10455,10457,10459,10461],{"class":3046,"line":3749},[3044,10454,5772],{"class":3050},[3044,10456,3089],{"class":3054},[3044,10458,3330],{"class":3069},[3044,10460,3074],{"class":3073},[3044,10462,7505],{"class":3077},[3044,10464,10465,10467,10469,10471,10473,10475,10477],{"class":3046,"line":3758},[3044,10466,10399],{"class":3069},[3044,10468,3074],{"class":3073},[3044,10470,10404],{"class":3077},[3044,10472,3906],{"class":3069},[3044,10474,3074],{"class":3073},[3044,10476,4149],{"class":3077},[3044,10478,3058],{"class":3050},[3044,10480,10481,10483,10485],{"class":3046,"line":4272},[3044,10482,5781],{"class":3050},[3044,10484,5116],{"class":3054},[3044,10486,3058],{"class":3050},[3044,10488,10489,10491,10493,10495,10497,10499],{"class":3046,"line":5927},[3044,10490,7459],{"class":3050},[3044,10492,5077],{"class":3054},[3044,10494,5127],{"class":3069},[3044,10496,3074],{"class":3073},[3044,10498,5132],{"class":3077},[3044,10500,3144],{"class":3050},[3044,10502,10503,10505,10507],{"class":3046,"line":5936},[3044,10504,7480],{"class":3050},[3044,10506,5116],{"class":3054},[3044,10508,3058],{"class":3050},[3044,10510,10511,10513,10515],{"class":3046,"line":5949},[3044,10512,5797],{"class":3050},[3044,10514,3089],{"class":3054},[3044,10516,3058],{"class":3050},[3044,10518,10519,10521,10523],{"class":3046,"line":5970},[3044,10520,5806],{"class":3050},[3044,10522,2968],{"class":3054},[3044,10524,3058],{"class":3050},[3044,10526,10527,10529,10531],{"class":3046,"line":5987},[3044,10528,5815],{"class":3050},[3044,10530,3309],{"class":3054},[3044,10532,3058],{"class":3050},[3044,10534,10535,10537,10539],{"class":3046,"line":5996},[3044,10536,3368],{"class":3050},[3044,10538,3291],{"class":3054},[3044,10540,3058],{"class":3050},[3044,10542,10543,10545,10547,10549,10551,10553],{"class":3046,"line":6011},[3044,10544,3316],{"class":3050},[3044,10546,3291],{"class":3054},[3044,10548,3294],{"class":3069},[3044,10550,3074],{"class":3073},[3044,10552,4188],{"class":3077},[3044,10554,3058],{"class":3050},[3044,10556,10557,10559,10561],{"class":3046,"line":6020},[3044,10558,3325],{"class":3050},[3044,10560,3309],{"class":3054},[3044,10562,3058],{"class":3050},[3044,10564,10565,10567,10569],{"class":3046,"line":6029},[3044,10566,5719],{"class":3050},[3044,10568,2968],{"class":3054},[3044,10570,3058],{"class":3050},[3044,10572,10573,10575,10577,10579,10581],{"class":3046,"line":6038},[3044,10574,5772],{"class":3050},[3044,10576,3089],{"class":3054},[3044,10578,3330],{"class":3069},[3044,10580,3074],{"class":3073},[3044,10582,7413],{"class":3077},[3044,10584,10585,10587,10589,10591,10593,10595,10597],{"class":3046,"line":6047},[3044,10586,10399],{"class":3069},[3044,10588,3074],{"class":3073},[3044,10590,4857],{"class":3077},[3044,10592,3906],{"class":3069},[3044,10594,3074],{"class":3073},[3044,10596,4149],{"class":3077},[3044,10598,3144],{"class":3050},[3044,10600,10601,10603,10605,10607,10609],{"class":3046,"line":6056},[3044,10602,5772],{"class":3050},[3044,10604,3089],{"class":3054},[3044,10606,3330],{"class":3069},[3044,10608,3074],{"class":3073},[3044,10610,7505],{"class":3077},[3044,10612,10613,10615,10617,10619,10621,10623,10625],{"class":3046,"line":6065},[3044,10614,10399],{"class":3069},[3044,10616,3074],{"class":3073},[3044,10618,4857],{"class":3077},[3044,10620,3906],{"class":3069},[3044,10622,3074],{"class":3073},[3044,10624,4149],{"class":3077},[3044,10626,3144],{"class":3050},[3044,10628,10629,10631,10633],{"class":3046,"line":6074},[3044,10630,5806],{"class":3050},[3044,10632,2968],{"class":3054},[3044,10634,3058],{"class":3050},[3044,10636,10637,10639,10641],{"class":3046,"line":6079},[3044,10638,5815],{"class":3050},[3044,10640,3309],{"class":3054},[3044,10642,3058],{"class":3050},[3044,10644,10645,10647,10649],{"class":3046,"line":6085},[3044,10646,3368],{"class":3050},[3044,10648,3291],{"class":3054},[3044,10650,3058],{"class":3050},[3044,10652,10653,10655,10657],{"class":3046,"line":6113},[3044,10654,3377],{"class":3050},[3044,10656,5682],{"class":3054},[3044,10658,3058],{"class":3050},[3044,10660,10661],{"class":3046,"line":6122},[3044,10662,8571],{"class":3073},[3044,10664,10665,10667,10669,10671,10673,10675],{"class":3046,"line":6137},[3044,10666,3306],{"class":3050},[3044,10668,3495],{"class":3054},[3044,10670,6618],{"class":3069},[3044,10672,3074],{"class":3073},[3044,10674,3511],{"class":3077},[3044,10676,3058],{"class":3050},[3044,10678,10679,10681,10683,10685,10687,10690,10692,10694,10697,10699,10701,10703,10705,10707,10710],{"class":3046,"line":6146},[3044,10680,3316],{"class":3050},[3044,10682,3520],{"class":3054},[3044,10684,3523],{"class":3069},[3044,10686,3074],{"class":3073},[3044,10688,10689],{"class":3077},"\"📦\"",[3044,10691,9674],{"class":3069},[3044,10693,3074],{"class":3073},[3044,10695,10696],{"class":3077},"\"48\"",[3044,10698,3506],{"class":3069},[3044,10700,3074],{"class":3073},[3044,10702,3511],{"class":3077},[3044,10704,5668],{"class":3069},[3044,10706,3074],{"class":3073},[3044,10708,10709],{"class":3077},"\"0,0,0,12\"",[3044,10711,3144],{"class":3050},[3044,10713,10714,10716,10718,10720,10722,10725,10727,10729,10731,10733,10735,10737,10739,10741,10743,10745,10747,10749],{"class":3046,"line":6155},[3044,10715,3316],{"class":3050},[3044,10717,3520],{"class":3054},[3044,10719,3523],{"class":3069},[3044,10721,3074],{"class":3073},[3044,10723,10724],{"class":3077},"\"Product\"",[3044,10726,9674],{"class":3069},[3044,10728,3074],{"class":3073},[3044,10730,3503],{"class":3077},[3044,10732,3541],{"class":3069},[3044,10734,3074],{"class":3073},[3044,10736,3735],{"class":3077},[3044,10738,3597],{"class":3069},[3044,10740,3074],{"class":3073},[3044,10742,8602],{"class":3077},[3044,10744,3506],{"class":3069},[3044,10746,3074],{"class":3073},[3044,10748,3511],{"class":3077},[3044,10750,3144],{"class":3050},[3044,10752,10753,10755,10757,10759,10761,10764,10766,10768,10771,10773,10775,10778,10780,10782,10784,10786,10788,10791],{"class":3046,"line":6168},[3044,10754,3316],{"class":3050},[3044,10756,3520],{"class":3054},[3044,10758,3523],{"class":3069},[3044,10760,3074],{"class":3073},[3044,10762,10763],{"class":3077},"\"$99\"",[3044,10765,9674],{"class":3069},[3044,10767,3074],{"class":3073},[3044,10769,10770],{"class":3077},"\"14\"",[3044,10772,3597],{"class":3069},[3044,10774,3074],{"class":3073},[3044,10776,10777],{"class":3077},"\"#64748b\"",[3044,10779,3506],{"class":3069},[3044,10781,3074],{"class":3073},[3044,10783,3511],{"class":3077},[3044,10785,5668],{"class":3069},[3044,10787,3074],{"class":3073},[3044,10789,10790],{"class":3077},"\"0,4,0,0\"",[3044,10792,3144],{"class":3050},[3044,10794,10795,10797,10799],{"class":3046,"line":6189},[3044,10796,3377],{"class":3050},[3044,10798,3495],{"class":3054},[3044,10800,3058],{"class":3050},[3044,10802,10803,10805,10807],{"class":3046,"line":6206},[3044,10804,3387],{"class":3050},[3044,10806,3462],{"class":3054},[3044,10808,3058],{"class":3050},[3044,10810,10811],{"class":3046,"line":6215},[3044,10812,3572],{"class":3073},[3044,10814,10815,10817,10819,10821,10823,10825,10827,10829],{"class":3046,"line":6231},[3044,10816,3086],{"class":3050},[3044,10818,3462],{"class":3054},[3044,10820,4900],{"class":3069},[3044,10822,3074],{"class":3073},[3044,10824,8346],{"class":3077},[3044,10826,4908],{"class":3069},[3044,10828,3074],{"class":3073},[3044,10830,10246],{"class":3077},[3044,10832,10833,10835,10837],{"class":3046,"line":6240},[3044,10834,7299],{"class":3069},[3044,10836,3074],{"class":3073},[3044,10838,3713],{"class":3077},[3044,10840,10841,10843,10845],{"class":3046,"line":6249},[3044,10842,10259],{"class":3069},[3044,10844,3074],{"class":3073},[3044,10846,10264],{"class":3077},[3044,10848,10849,10851,10853],{"class":3046,"line":6258},[3044,10850,10269],{"class":3069},[3044,10852,3074],{"class":3073},[3044,10854,3130],{"class":3077},[3044,10856,10857,10859,10861],{"class":3046,"line":6267},[3044,10858,3659],{"class":3069},[3044,10860,3074],{"class":3073},[3044,10862,9380],{"class":3077},[3044,10864,10865,10867,10869,10871],{"class":3046,"line":6276},[3044,10866,3671],{"class":3069},[3044,10868,3074],{"class":3073},[3044,10870,3503],{"class":3077},[3044,10872,3058],{"class":3050},[3044,10874,10875,10877,10879],{"class":3046,"line":6285},[3044,10876,3306],{"class":3050},[3044,10878,7323],{"class":3054},[3044,10880,3058],{"class":3050},[3044,10882,10883,10885,10887,10889,10891,10893,10895,10897,10899],{"class":3046,"line":6294},[3044,10884,3316],{"class":3050},[3044,10886,7332],{"class":3054},[3044,10888,7335],{"class":3069},[3044,10890,3074],{"class":3073},[3044,10892,4857],{"class":3077},[3044,10894,7342],{"class":3069},[3044,10896,3074],{"class":3073},[3044,10898,4857],{"class":3077},[3044,10900,3144],{"class":3050},[3044,10902,10903,10905,10907],{"class":3046,"line":7054},[3044,10904,3377],{"class":3050},[3044,10906,7323],{"class":3054},[3044,10908,3058],{"class":3050},[3044,10910,10911,10913,10915,10917,10919,10921,10923],{"class":3046,"line":7063},[3044,10912,3306],{"class":3050},[3044,10914,10334],{"class":3054},[3044,10916,9892],{"class":3050},[3044,10918,9895],{"class":3073},[3044,10920,3160],{"class":3050},[3044,10922,10334],{"class":3054},[3044,10924,3058],{"class":3050},[3044,10926,10927,10929,10931],{"class":3046,"line":7072},[3044,10928,3306],{"class":3050},[3044,10930,5682],{"class":3054},[3044,10932,3058],{"class":3050},[3044,10934,10935,10937,10939,10941,10943,10945],{"class":3046,"line":7106},[3044,10936,3316],{"class":3050},[3044,10938,3291],{"class":3054},[3044,10940,3294],{"class":3069},[3044,10942,3074],{"class":3073},[3044,10944,4097],{"class":3077},[3044,10946,3058],{"class":3050},[3044,10948,10949,10951,10953],{"class":3046,"line":7115},[3044,10950,3325],{"class":3050},[3044,10952,3309],{"class":3054},[3044,10954,3058],{"class":3050},[3044,10956,10958,10960,10962],{"class":3046,"line":10957},64,[3044,10959,5719],{"class":3050},[3044,10961,2968],{"class":3054},[3044,10963,3058],{"class":3050},[3044,10965,10967,10969,10971,10973,10975],{"class":3046,"line":10966},65,[3044,10968,5772],{"class":3050},[3044,10970,3089],{"class":3054},[3044,10972,3330],{"class":3069},[3044,10974,3074],{"class":3073},[3044,10976,7413],{"class":3077},[3044,10978,10980,10982,10984,10986,10988,10990,10992],{"class":3046,"line":10979},66,[3044,10981,10399],{"class":3069},[3044,10983,3074],{"class":3073},[3044,10985,10404],{"class":3077},[3044,10987,3906],{"class":3069},[3044,10989,3074],{"class":3073},[3044,10991,4149],{"class":3077},[3044,10993,3058],{"class":3050},[3044,10995,10997,10999,11001],{"class":3046,"line":10996},67,[3044,10998,5781],{"class":3050},[3044,11000,5116],{"class":3054},[3044,11002,3058],{"class":3050},[3044,11004,11006,11008,11010,11012,11014,11016],{"class":3046,"line":11005},68,[3044,11007,7459],{"class":3050},[3044,11009,5077],{"class":3054},[3044,11011,5127],{"class":3069},[3044,11013,3074],{"class":3073},[3044,11015,5132],{"class":3077},[3044,11017,3144],{"class":3050},[3044,11019,11021,11023,11025],{"class":3046,"line":11020},69,[3044,11022,7480],{"class":3050},[3044,11024,5116],{"class":3054},[3044,11026,3058],{"class":3050},[3044,11028,11030,11032,11034],{"class":3046,"line":11029},70,[3044,11031,5797],{"class":3050},[3044,11033,3089],{"class":3054},[3044,11035,3058],{"class":3050},[3044,11037,11039,11041,11043,11045,11047],{"class":3046,"line":11038},71,[3044,11040,5772],{"class":3050},[3044,11042,3089],{"class":3054},[3044,11044,3330],{"class":3069},[3044,11046,3074],{"class":3073},[3044,11048,7505],{"class":3077},[3044,11050,11052,11054,11056,11058,11060,11062,11064],{"class":3046,"line":11051},72,[3044,11053,10399],{"class":3069},[3044,11055,3074],{"class":3073},[3044,11057,10404],{"class":3077},[3044,11059,3906],{"class":3069},[3044,11061,3074],{"class":3073},[3044,11063,4149],{"class":3077},[3044,11065,3058],{"class":3050},[3044,11067,11069,11071,11073],{"class":3046,"line":11068},73,[3044,11070,5781],{"class":3050},[3044,11072,5116],{"class":3054},[3044,11074,3058],{"class":3050},[3044,11076,11078,11080,11082,11084,11086,11088],{"class":3046,"line":11077},74,[3044,11079,7459],{"class":3050},[3044,11081,5077],{"class":3054},[3044,11083,5127],{"class":3069},[3044,11085,3074],{"class":3073},[3044,11087,5132],{"class":3077},[3044,11089,3144],{"class":3050},[3044,11091,11093,11095,11097],{"class":3046,"line":11092},75,[3044,11094,7480],{"class":3050},[3044,11096,5116],{"class":3054},[3044,11098,3058],{"class":3050},[3044,11100,11102,11104,11106],{"class":3046,"line":11101},76,[3044,11103,5797],{"class":3050},[3044,11105,3089],{"class":3054},[3044,11107,3058],{"class":3050},[3044,11109,11111,11113,11115],{"class":3046,"line":11110},77,[3044,11112,5806],{"class":3050},[3044,11114,2968],{"class":3054},[3044,11116,3058],{"class":3050},[3044,11118,11120,11122,11124],{"class":3046,"line":11119},78,[3044,11121,5815],{"class":3050},[3044,11123,3309],{"class":3054},[3044,11125,3058],{"class":3050},[3044,11127,11129,11131,11133],{"class":3046,"line":11128},79,[3044,11130,3368],{"class":3050},[3044,11132,3291],{"class":3054},[3044,11134,3058],{"class":3050},[3044,11136,11138,11140,11142,11144,11146,11148],{"class":3046,"line":11137},80,[3044,11139,3316],{"class":3050},[3044,11141,3291],{"class":3054},[3044,11143,3294],{"class":3069},[3044,11145,3074],{"class":3073},[3044,11147,4188],{"class":3077},[3044,11149,3058],{"class":3050},[3044,11151,11153,11155,11157],{"class":3046,"line":11152},81,[3044,11154,3325],{"class":3050},[3044,11156,3309],{"class":3054},[3044,11158,3058],{"class":3050},[3044,11160,11162,11164,11166],{"class":3046,"line":11161},82,[3044,11163,5719],{"class":3050},[3044,11165,2968],{"class":3054},[3044,11167,3058],{"class":3050},[3044,11169,11171,11173,11175,11177,11179],{"class":3046,"line":11170},83,[3044,11172,5772],{"class":3050},[3044,11174,3089],{"class":3054},[3044,11176,3330],{"class":3069},[3044,11178,3074],{"class":3073},[3044,11180,7413],{"class":3077},[3044,11182,11184,11186,11188,11190,11192,11194,11196],{"class":3046,"line":11183},84,[3044,11185,10399],{"class":3069},[3044,11187,3074],{"class":3073},[3044,11189,4857],{"class":3077},[3044,11191,3906],{"class":3069},[3044,11193,3074],{"class":3073},[3044,11195,4149],{"class":3077},[3044,11197,3144],{"class":3050},[3044,11199,11201,11203,11205,11207,11209],{"class":3046,"line":11200},85,[3044,11202,5772],{"class":3050},[3044,11204,3089],{"class":3054},[3044,11206,3330],{"class":3069},[3044,11208,3074],{"class":3073},[3044,11210,7505],{"class":3077},[3044,11212,11214,11216,11218,11220,11222,11224,11226],{"class":3046,"line":11213},86,[3044,11215,10399],{"class":3069},[3044,11217,3074],{"class":3073},[3044,11219,4857],{"class":3077},[3044,11221,3906],{"class":3069},[3044,11223,3074],{"class":3073},[3044,11225,4149],{"class":3077},[3044,11227,3144],{"class":3050},[3044,11229,11231,11233,11235],{"class":3046,"line":11230},87,[3044,11232,5806],{"class":3050},[3044,11234,2968],{"class":3054},[3044,11236,3058],{"class":3050},[3044,11238,11240,11242,11244],{"class":3046,"line":11239},88,[3044,11241,5815],{"class":3050},[3044,11243,3309],{"class":3054},[3044,11245,3058],{"class":3050},[3044,11247,11249,11251,11253],{"class":3046,"line":11248},89,[3044,11250,3368],{"class":3050},[3044,11252,3291],{"class":3054},[3044,11254,3058],{"class":3050},[3044,11256,11258,11260,11262],{"class":3046,"line":11257},90,[3044,11259,3377],{"class":3050},[3044,11261,5682],{"class":3054},[3044,11263,3058],{"class":3050},[3044,11265,11267],{"class":3046,"line":11266},91,[3044,11268,8571],{"class":3073},[3044,11270,11272,11274,11276,11278,11280,11282],{"class":3046,"line":11271},92,[3044,11273,3306],{"class":3050},[3044,11275,3495],{"class":3054},[3044,11277,6618],{"class":3069},[3044,11279,3074],{"class":3073},[3044,11281,3511],{"class":3077},[3044,11283,3058],{"class":3050},[3044,11285,11287,11289,11291,11293,11295,11298,11300,11302,11304,11306,11308,11310,11312,11314,11316],{"class":3046,"line":11286},93,[3044,11288,3316],{"class":3050},[3044,11290,3520],{"class":3054},[3044,11292,3523],{"class":3069},[3044,11294,3074],{"class":3073},[3044,11296,11297],{"class":3077},"\"🎨\"",[3044,11299,9674],{"class":3069},[3044,11301,3074],{"class":3073},[3044,11303,10696],{"class":3077},[3044,11305,3506],{"class":3069},[3044,11307,3074],{"class":3073},[3044,11309,3511],{"class":3077},[3044,11311,5668],{"class":3069},[3044,11313,3074],{"class":3073},[3044,11315,10709],{"class":3077},[3044,11317,3144],{"class":3050},[3044,11319,11321,11323,11325,11327,11329,11332,11334,11336,11338,11340,11342,11344,11346,11348,11350,11352,11354,11356],{"class":3046,"line":11320},94,[3044,11322,3316],{"class":3050},[3044,11324,3520],{"class":3054},[3044,11326,3523],{"class":3069},[3044,11328,3074],{"class":3073},[3044,11330,11331],{"class":3077},"\"Design\"",[3044,11333,9674],{"class":3069},[3044,11335,3074],{"class":3073},[3044,11337,3503],{"class":3077},[3044,11339,3541],{"class":3069},[3044,11341,3074],{"class":3073},[3044,11343,3735],{"class":3077},[3044,11345,3597],{"class":3069},[3044,11347,3074],{"class":3073},[3044,11349,8602],{"class":3077},[3044,11351,3506],{"class":3069},[3044,11353,3074],{"class":3073},[3044,11355,3511],{"class":3077},[3044,11357,3144],{"class":3050},[3044,11359,11361,11363,11365,11367,11369,11372,11374,11376,11378,11380,11382,11384,11386,11388,11390,11392,11394,11396],{"class":3046,"line":11360},95,[3044,11362,3316],{"class":3050},[3044,11364,3520],{"class":3054},[3044,11366,3523],{"class":3069},[3044,11368,3074],{"class":3073},[3044,11370,11371],{"class":3077},"\"$149\"",[3044,11373,9674],{"class":3069},[3044,11375,3074],{"class":3073},[3044,11377,10770],{"class":3077},[3044,11379,3597],{"class":3069},[3044,11381,3074],{"class":3073},[3044,11383,10777],{"class":3077},[3044,11385,3506],{"class":3069},[3044,11387,3074],{"class":3073},[3044,11389,3511],{"class":3077},[3044,11391,5668],{"class":3069},[3044,11393,3074],{"class":3073},[3044,11395,10790],{"class":3077},[3044,11397,3144],{"class":3050},[3044,11399,11401,11403,11405],{"class":3046,"line":11400},96,[3044,11402,3377],{"class":3050},[3044,11404,3495],{"class":3054},[3044,11406,3058],{"class":3050},[3044,11408,11410,11412,11414],{"class":3046,"line":11409},97,[3044,11411,3387],{"class":3050},[3044,11413,3462],{"class":3054},[3044,11415,3058],{"class":3050},[3044,11417,11419,11421,11423],{"class":3046,"line":11418},98,[3044,11420,3150],{"class":3050},[3044,11422,3495],{"class":3054},[3044,11424,3058],{"class":3050},[3044,11426,11428,11430,11432],{"class":3046,"line":11427},99,[3044,11429,3160],{"class":3050},[3044,11431,3462],{"class":3054},[3044,11433,3058],{"class":3050},[3030,11435,11437],{"id":11436},"rotatetransform-обертання","RotateTransform: обертання",[2959,11439,11440,11441,11444],{},"RotateTransform обертає елемент навколо точки. Властивість ",[2966,11442,11443],{},"Angle"," контролює кут обертання в градусах.",[3035,11446,11448],{"className":3037,"code":11447,"language":3039,"meta":3040,"style":3040},"\u003CButton Content=\"Rotate\">\n    \u003CButton.RenderTransform>\n        \u003CRotateTransform Angle=\"0\"/>\n    \u003C/Button.RenderTransform>\n    \u003CButton.RenderTransformOrigin>0.5,0.5\u003C/Button.RenderTransformOrigin>\n    \u003CButton.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Click\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Button.RenderTransform).(RotateTransform.Angle)\"\n                                     From=\"0\" To=\"360\" Duration=\"0:0:0.6\">\n                        \u003CDoubleAnimation.EasingFunction>\n                            \u003CCubicEase EasingMode=\"EaseInOut\"/>\n                        \u003C/DoubleAnimation.EasingFunction>\n                    \u003C/DoubleAnimation>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Button.Triggers>\n\u003C/Button>\n",[2966,11449,11450,11465,11473,11487,11495,11511,11519,11533,11541,11549,11561,11583,11591,11605,11613,11621,11629,11637,11645,11653],{"__ignoreMap":3040},[3044,11451,11452,11454,11456,11458,11460,11463],{"class":3046,"line":3047},[3044,11453,3051],{"class":3050},[3044,11455,3179],{"class":3054},[3044,11457,3190],{"class":3069},[3044,11459,3074],{"class":3073},[3044,11461,11462],{"class":3077},"\"Rotate\"",[3044,11464,3058],{"class":3050},[3044,11466,11467,11469,11471],{"class":3046,"line":3061},[3044,11468,3064],{"class":3050},[3044,11470,8809],{"class":3054},[3044,11472,3058],{"class":3050},[3044,11474,11475,11477,11479,11481,11483,11485],{"class":3046,"line":3083},[3044,11476,3086],{"class":3050},[3044,11478,8818],{"class":3054},[3044,11480,8821],{"class":3069},[3044,11482,3074],{"class":3073},[3044,11484,3203],{"class":3077},[3044,11486,3144],{"class":3050},[3044,11488,11489,11491,11493],{"class":3046,"line":3100},[3044,11490,3150],{"class":3050},[3044,11492,8809],{"class":3054},[3044,11494,3058],{"class":3050},[3044,11496,11497,11499,11501,11503,11505,11507,11509],{"class":3046,"line":3111},[3044,11498,3064],{"class":3050},[3044,11500,9889],{"class":3054},[3044,11502,9892],{"class":3050},[3044,11504,9895],{"class":3073},[3044,11506,3160],{"class":3050},[3044,11508,9889],{"class":3054},[3044,11510,3058],{"class":3050},[3044,11512,11513,11515,11517],{"class":3046,"line":3122},[3044,11514,3064],{"class":3050},[3044,11516,3282],{"class":3054},[3044,11518,3058],{"class":3050},[3044,11520,11521,11523,11525,11527,11529,11531],{"class":3046,"line":3133},[3044,11522,3086],{"class":3050},[3044,11524,3291],{"class":3054},[3044,11526,3294],{"class":3069},[3044,11528,3074],{"class":3073},[3044,11530,8856],{"class":3077},[3044,11532,3058],{"class":3050},[3044,11534,11535,11537,11539],{"class":3046,"line":3147},[3044,11536,3306],{"class":3050},[3044,11538,3309],{"class":3054},[3044,11540,3058],{"class":3050},[3044,11542,11543,11545,11547],{"class":3046,"line":3157},[3044,11544,3316],{"class":3050},[3044,11546,2968],{"class":3054},[3044,11548,3058],{"class":3050},[3044,11550,11551,11553,11555,11557,11559],{"class":3046,"line":3167},[3044,11552,3325],{"class":3050},[3044,11554,3089],{"class":3054},[3044,11556,3330],{"class":3069},[3044,11558,3074],{"class":3073},[3044,11560,8887],{"class":3077},[3044,11562,11563,11565,11567,11569,11571,11573,11575,11577,11579,11581],{"class":3046,"line":3174},[3044,11564,3339],{"class":3069},[3044,11566,3074],{"class":3073},[3044,11568,3203],{"class":3077},[3044,11570,3898],{"class":3069},[3044,11572,3074],{"class":3073},[3044,11574,8902],{"class":3077},[3044,11576,3906],{"class":3069},[3044,11578,3074],{"class":3073},[3044,11580,5537],{"class":3077},[3044,11582,3058],{"class":3050},[3044,11584,11585,11587,11589],{"class":3046,"line":3384},[3044,11586,5719],{"class":3050},[3044,11588,5116],{"class":3054},[3044,11590,3058],{"class":3050},[3044,11592,11593,11595,11597,11599,11601,11603],{"class":3046,"line":3394},[3044,11594,5772],{"class":3050},[3044,11596,5215],{"class":3054},[3044,11598,5127],{"class":3069},[3044,11600,3074],{"class":3073},[3044,11602,6226],{"class":3077},[3044,11604,3144],{"class":3050},[3044,11606,11607,11609,11611],{"class":3046,"line":3403},[3044,11608,5806],{"class":3050},[3044,11610,5116],{"class":3054},[3044,11612,3058],{"class":3050},[3044,11614,11615,11617,11619],{"class":3046,"line":3656},[3044,11616,5815],{"class":3050},[3044,11618,3089],{"class":3054},[3044,11620,3058],{"class":3050},[3044,11622,11623,11625,11627],{"class":3046,"line":3668},[3044,11624,3368],{"class":3050},[3044,11626,2968],{"class":3054},[3044,11628,3058],{"class":3050},[3044,11630,11631,11633,11635],{"class":3046,"line":3679},[3044,11632,3377],{"class":3050},[3044,11634,3309],{"class":3054},[3044,11636,3058],{"class":3050},[3044,11638,11639,11641,11643],{"class":3046,"line":3691},[3044,11640,3387],{"class":3050},[3044,11642,3291],{"class":3054},[3044,11644,3058],{"class":3050},[3044,11646,11647,11649,11651],{"class":3046,"line":3705},[3044,11648,3150],{"class":3050},[3044,11650,3282],{"class":3054},[3044,11652,3058],{"class":3050},[3044,11654,11655,11657,11659],{"class":3046,"line":3716},[3044,11656,3160],{"class":3050},[3044,11658,3179],{"class":3054},[3044,11660,3058],{"class":3050},[2959,11662,11663],{},[2977,11664,11665],{},"Приклад: Обертання іконки завантаження:",[3448,11667,11669],{"title":11668},"Rotate анімація — спінер завантаження",[3035,11670,11672],{"className":3037,"code":11671,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"20\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"⚙️ Loading Spinner\"\n                   FontSize=\"24\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003CBorder Width=\"60\" Height=\"60\"\n                BorderBrush=\"#3b82f6\"\n                BorderThickness=\"4\"\n                CornerRadius=\"30\">\n            \u003CBorder.RenderTransform>\n                \u003CRotateTransform Angle=\"0\"/>\n            \u003C/Border.RenderTransform>\n            \u003CBorder.RenderTransformOrigin>0.5,0.5\u003C/Border.RenderTransformOrigin>\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(RotateTransform.Angle)\"\n                                             From=\"0\" To=\"360\" Duration=\"0:0:1\"\n                                             RepeatBehavior=\"Forever\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n            \n            \u003C!-- Частина кола для візуального ефекту -->\n            \u003CBorder Width=\"50\" Height=\"50\"\n                    Background=\"#3b82f6\"\n                    CornerRadius=\"25\"\n                    Margin=\"0,0,25,25\"\n                    HorizontalAlignment=\"Right\"\n                    VerticalAlignment=\"Bottom\"/>\n        \u003C/Border>\n    \u003C/StackPanel>\n\u003C/Border>\n",[2966,11673,11674,11700,11720,11733,11747,11755,11765,11769,11788,11796,11805,11816,11824,11838,11846,11862,11870,11884,11892,11900,11913,11933,11944,11952,11960,11968,11976,11980,11985,12004,12013,12023,12033,12043,12055,12063,12071],{"__ignoreMap":3040},[3044,11675,11676,11678,11680,11682,11684,11686,11688,11690,11692,11694,11696,11698],{"class":3046,"line":3047},[3044,11677,3051],{"class":3050},[3044,11679,3462],{"class":3054},[3044,11681,3465],{"class":3069},[3044,11683,3074],{"class":3073},[3044,11685,3470],{"class":3077},[3044,11687,3473],{"class":3069},[3044,11689,3074],{"class":3073},[3044,11691,3478],{"class":3077},[3044,11693,3481],{"class":3069},[3044,11695,3074],{"class":3073},[3044,11697,3486],{"class":3077},[3044,11699,3058],{"class":3050},[3044,11701,11702,11704,11706,11708,11710,11712,11714,11716,11718],{"class":3046,"line":3061},[3044,11703,3064],{"class":3050},[3044,11705,3495],{"class":3054},[3044,11707,3498],{"class":3069},[3044,11709,3074],{"class":3073},[3044,11711,4905],{"class":3077},[3044,11713,3506],{"class":3069},[3044,11715,3074],{"class":3073},[3044,11717,3511],{"class":3077},[3044,11719,3058],{"class":3050},[3044,11721,11722,11724,11726,11728,11730],{"class":3046,"line":3083},[3044,11723,3086],{"class":3050},[3044,11725,3520],{"class":3054},[3044,11727,3523],{"class":3069},[3044,11729,3074],{"class":3073},[3044,11731,11732],{"class":3077},"\"⚙️ Loading Spinner\"\n",[3044,11734,11735,11737,11739,11741,11743,11745],{"class":3046,"line":3100},[3044,11736,3533],{"class":3069},[3044,11738,3074],{"class":3073},[3044,11740,3538],{"class":3077},[3044,11742,3541],{"class":3069},[3044,11744,3074],{"class":3073},[3044,11746,3546],{"class":3077},[3044,11748,11749,11751,11753],{"class":3046,"line":3111},[3044,11750,3551],{"class":3069},[3044,11752,3074],{"class":3073},[3044,11754,3556],{"class":3077},[3044,11756,11757,11759,11761,11763],{"class":3046,"line":3122},[3044,11758,3561],{"class":3069},[3044,11760,3074],{"class":3073},[3044,11762,3511],{"class":3077},[3044,11764,3144],{"class":3050},[3044,11766,11767],{"class":3046,"line":3133},[3044,11768,3572],{"class":3073},[3044,11770,11771,11773,11775,11777,11779,11781,11783,11785],{"class":3046,"line":3147},[3044,11772,3086],{"class":3050},[3044,11774,3462],{"class":3054},[3044,11776,4900],{"class":3069},[3044,11778,3074],{"class":3073},[3044,11780,6412],{"class":3077},[3044,11782,4908],{"class":3069},[3044,11784,3074],{"class":3073},[3044,11786,11787],{"class":3077},"\"60\"\n",[3044,11789,11790,11792,11794],{"class":3046,"line":3157},[3044,11791,10259],{"class":3069},[3044,11793,3074],{"class":3073},[3044,11795,4227],{"class":3077},[3044,11797,11798,11800,11802],{"class":3046,"line":3167},[3044,11799,10269],{"class":3069},[3044,11801,3074],{"class":3073},[3044,11803,11804],{"class":3077},"\"4\"\n",[3044,11806,11807,11809,11811,11814],{"class":3046,"line":3174},[3044,11808,3659],{"class":3069},[3044,11810,3074],{"class":3073},[3044,11812,11813],{"class":3077},"\"30\"",[3044,11815,3058],{"class":3050},[3044,11817,11818,11820,11822],{"class":3046,"line":3384},[3044,11819,3306],{"class":3050},[3044,11821,7323],{"class":3054},[3044,11823,3058],{"class":3050},[3044,11825,11826,11828,11830,11832,11834,11836],{"class":3046,"line":3394},[3044,11827,3316],{"class":3050},[3044,11829,8818],{"class":3054},[3044,11831,8821],{"class":3069},[3044,11833,3074],{"class":3073},[3044,11835,3203],{"class":3077},[3044,11837,3144],{"class":3050},[3044,11839,11840,11842,11844],{"class":3046,"line":3403},[3044,11841,3377],{"class":3050},[3044,11843,7323],{"class":3054},[3044,11845,3058],{"class":3050},[3044,11847,11848,11850,11852,11854,11856,11858,11860],{"class":3046,"line":3656},[3044,11849,3306],{"class":3050},[3044,11851,10334],{"class":3054},[3044,11853,9892],{"class":3050},[3044,11855,9895],{"class":3073},[3044,11857,3160],{"class":3050},[3044,11859,10334],{"class":3054},[3044,11861,3058],{"class":3050},[3044,11863,11864,11866,11868],{"class":3046,"line":3668},[3044,11865,3306],{"class":3050},[3044,11867,5682],{"class":3054},[3044,11869,3058],{"class":3050},[3044,11871,11872,11874,11876,11878,11880,11882],{"class":3046,"line":3679},[3044,11873,3316],{"class":3050},[3044,11875,3291],{"class":3054},[3044,11877,3294],{"class":3069},[3044,11879,3074],{"class":3073},[3044,11881,3299],{"class":3077},[3044,11883,3058],{"class":3050},[3044,11885,11886,11888,11890],{"class":3046,"line":3691},[3044,11887,3325],{"class":3050},[3044,11889,3309],{"class":3054},[3044,11891,3058],{"class":3050},[3044,11893,11894,11896,11898],{"class":3046,"line":3705},[3044,11895,5719],{"class":3050},[3044,11897,2968],{"class":3054},[3044,11899,3058],{"class":3050},[3044,11901,11902,11904,11906,11908,11910],{"class":3046,"line":3716},[3044,11903,5772],{"class":3050},[3044,11905,3089],{"class":3054},[3044,11907,3330],{"class":3069},[3044,11909,3074],{"class":3073},[3044,11911,11912],{"class":3077},"\"(Border.RenderTransform).(RotateTransform.Angle)\"\n",[3044,11914,11915,11917,11919,11921,11923,11925,11927,11929,11931],{"class":3046,"line":3727},[3044,11916,7418],{"class":3069},[3044,11918,3074],{"class":3073},[3044,11920,3203],{"class":3077},[3044,11922,3898],{"class":3069},[3044,11924,3074],{"class":3073},[3044,11926,8902],{"class":3077},[3044,11928,3906],{"class":3069},[3044,11930,3074],{"class":3073},[3044,11932,5750],{"class":3077},[3044,11934,11935,11938,11940,11942],{"class":3046,"line":3740},[3044,11936,11937],{"class":3069},"                                             RepeatBehavior",[3044,11939,3074],{"class":3073},[3044,11941,4441],{"class":3077},[3044,11943,3144],{"class":3050},[3044,11945,11946,11948,11950],{"class":3046,"line":3749},[3044,11947,5806],{"class":3050},[3044,11949,2968],{"class":3054},[3044,11951,3058],{"class":3050},[3044,11953,11954,11956,11958],{"class":3046,"line":3758},[3044,11955,5815],{"class":3050},[3044,11957,3309],{"class":3054},[3044,11959,3058],{"class":3050},[3044,11961,11962,11964,11966],{"class":3046,"line":4272},[3044,11963,3368],{"class":3050},[3044,11965,3291],{"class":3054},[3044,11967,3058],{"class":3050},[3044,11969,11970,11972,11974],{"class":3046,"line":5927},[3044,11971,3377],{"class":3050},[3044,11973,5682],{"class":3054},[3044,11975,3058],{"class":3050},[3044,11977,11978],{"class":3046,"line":5936},[3044,11979,8571],{"class":3073},[3044,11981,11982],{"class":3046,"line":5949},[3044,11983,11984],{"class":3881},"            \u003C!-- Частина кола для візуального ефекту -->\n",[3044,11986,11987,11989,11991,11993,11995,11997,11999,12001],{"class":3046,"line":5970},[3044,11988,3306],{"class":3050},[3044,11990,3462],{"class":3054},[3044,11992,4900],{"class":3069},[3044,11994,3074],{"class":3073},[3044,11996,3964],{"class":3077},[3044,11998,4908],{"class":3069},[3044,12000,3074],{"class":3073},[3044,12002,12003],{"class":3077},"\"50\"\n",[3044,12005,12006,12009,12011],{"class":3046,"line":5987},[3044,12007,12008],{"class":3069},"                    Background",[3044,12010,3074],{"class":3073},[3044,12012,4227],{"class":3077},[3044,12014,12015,12018,12020],{"class":3046,"line":5996},[3044,12016,12017],{"class":3069},"                    CornerRadius",[3044,12019,3074],{"class":3073},[3044,12021,12022],{"class":3077},"\"25\"\n",[3044,12024,12025,12028,12030],{"class":3046,"line":6011},[3044,12026,12027],{"class":3069},"                    Margin",[3044,12029,3074],{"class":3073},[3044,12031,12032],{"class":3077},"\"0,0,25,25\"\n",[3044,12034,12035,12038,12040],{"class":3046,"line":6020},[3044,12036,12037],{"class":3069},"                    HorizontalAlignment",[3044,12039,3074],{"class":3073},[3044,12041,12042],{"class":3077},"\"Right\"\n",[3044,12044,12045,12048,12050,12053],{"class":3046,"line":6029},[3044,12046,12047],{"class":3069},"                    VerticalAlignment",[3044,12049,3074],{"class":3073},[3044,12051,12052],{"class":3077},"\"Bottom\"",[3044,12054,3144],{"class":3050},[3044,12056,12057,12059,12061],{"class":3046,"line":6038},[3044,12058,3387],{"class":3050},[3044,12060,3462],{"class":3054},[3044,12062,3058],{"class":3050},[3044,12064,12065,12067,12069],{"class":3046,"line":6047},[3044,12066,3150],{"class":3050},[3044,12068,3495],{"class":3054},[3044,12070,3058],{"class":3050},[3044,12072,12073,12075,12077],{"class":3046,"line":6056},[3044,12074,3160],{"class":3050},[3044,12076,3462],{"class":3054},[3044,12078,3058],{"class":3050},[3030,12080,12082],{"id":12081},"skewtransform-нахил","SkewTransform: нахил",[2959,12084,12085],{},"SkewTransform нахиляє елемент по осях X та Y. Рідко використовується, але корисний для креативних ефектів.",[3035,12087,12089],{"className":3037,"code":12088,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#3b82f6\" Width=\"100\" Height=\"100\">\n    \u003CBorder.RenderTransform>\n        \u003CSkewTransform AngleX=\"0\" AngleY=\"0\"/>\n    \u003C/Border.RenderTransform>\n    \u003CBorder.Triggers>\n        \u003CEventTrigger RoutedEvent=\"MouseEnter\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(SkewTransform.AngleX)\"\n                                     To=\"10\" Duration=\"0:0:0.3\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n        \u003CEventTrigger RoutedEvent=\"MouseLeave\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(SkewTransform.AngleX)\"\n                                     To=\"0\" Duration=\"0:0:0.3\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Border.Triggers>\n\u003C/Border>\n",[2966,12090,12091,12117,12125,12148,12156,12164,12178,12186,12194,12207,12224,12232,12240,12248,12262,12270,12278,12290,12306,12314,12322,12330,12338],{"__ignoreMap":3040},[3044,12092,12093,12095,12097,12099,12101,12103,12105,12107,12109,12111,12113,12115],{"class":3046,"line":3047},[3044,12094,3051],{"class":3050},[3044,12096,3462],{"class":3054},[3044,12098,3465],{"class":3069},[3044,12100,3074],{"class":3073},[3044,12102,3650],{"class":3077},[3044,12104,4900],{"class":3069},[3044,12106,3074],{"class":3073},[3044,12108,7286],{"class":3077},[3044,12110,4908],{"class":3069},[3044,12112,3074],{"class":3073},[3044,12114,7286],{"class":3077},[3044,12116,3058],{"class":3050},[3044,12118,12119,12121,12123],{"class":3046,"line":3061},[3044,12120,3064],{"class":3050},[3044,12122,7323],{"class":3054},[3044,12124,3058],{"class":3050},[3044,12126,12127,12129,12132,12135,12137,12139,12142,12144,12146],{"class":3046,"line":3083},[3044,12128,3086],{"class":3050},[3044,12130,12131],{"class":3054},"SkewTransform",[3044,12133,12134],{"class":3069}," AngleX",[3044,12136,3074],{"class":3073},[3044,12138,3203],{"class":3077},[3044,12140,12141],{"class":3069}," AngleY",[3044,12143,3074],{"class":3073},[3044,12145,3203],{"class":3077},[3044,12147,3144],{"class":3050},[3044,12149,12150,12152,12154],{"class":3046,"line":3100},[3044,12151,3150],{"class":3050},[3044,12153,7323],{"class":3054},[3044,12155,3058],{"class":3050},[3044,12157,12158,12160,12162],{"class":3046,"line":3111},[3044,12159,3064],{"class":3050},[3044,12161,5682],{"class":3054},[3044,12163,3058],{"class":3050},[3044,12165,12166,12168,12170,12172,12174,12176],{"class":3046,"line":3122},[3044,12167,3086],{"class":3050},[3044,12169,3291],{"class":3054},[3044,12171,3294],{"class":3069},[3044,12173,3074],{"class":3073},[3044,12175,4097],{"class":3077},[3044,12177,3058],{"class":3050},[3044,12179,12180,12182,12184],{"class":3046,"line":3133},[3044,12181,3306],{"class":3050},[3044,12183,3309],{"class":3054},[3044,12185,3058],{"class":3050},[3044,12187,12188,12190,12192],{"class":3046,"line":3147},[3044,12189,3316],{"class":3050},[3044,12191,2968],{"class":3054},[3044,12193,3058],{"class":3050},[3044,12195,12196,12198,12200,12202,12204],{"class":3046,"line":3157},[3044,12197,3325],{"class":3050},[3044,12199,3089],{"class":3054},[3044,12201,3330],{"class":3069},[3044,12203,3074],{"class":3073},[3044,12205,12206],{"class":3077},"\"(Border.RenderTransform).(SkewTransform.AngleX)\"\n",[3044,12208,12209,12211,12213,12216,12218,12220,12222],{"class":3046,"line":3167},[3044,12210,3348],{"class":3069},[3044,12212,3074],{"class":3073},[3044,12214,12215],{"class":3077},"\"10\"",[3044,12217,3906],{"class":3069},[3044,12219,3074],{"class":3073},[3044,12221,3856],{"class":3077},[3044,12223,3144],{"class":3050},[3044,12225,12226,12228,12230],{"class":3046,"line":3174},[3044,12227,3368],{"class":3050},[3044,12229,2968],{"class":3054},[3044,12231,3058],{"class":3050},[3044,12233,12234,12236,12238],{"class":3046,"line":3384},[3044,12235,3377],{"class":3050},[3044,12237,3309],{"class":3054},[3044,12239,3058],{"class":3050},[3044,12241,12242,12244,12246],{"class":3046,"line":3394},[3044,12243,3387],{"class":3050},[3044,12245,3291],{"class":3054},[3044,12247,3058],{"class":3050},[3044,12249,12250,12252,12254,12256,12258,12260],{"class":3046,"line":3403},[3044,12251,3086],{"class":3050},[3044,12253,3291],{"class":3054},[3044,12255,3294],{"class":3069},[3044,12257,3074],{"class":3073},[3044,12259,4188],{"class":3077},[3044,12261,3058],{"class":3050},[3044,12263,12264,12266,12268],{"class":3046,"line":3656},[3044,12265,3306],{"class":3050},[3044,12267,3309],{"class":3054},[3044,12269,3058],{"class":3050},[3044,12271,12272,12274,12276],{"class":3046,"line":3668},[3044,12273,3316],{"class":3050},[3044,12275,2968],{"class":3054},[3044,12277,3058],{"class":3050},[3044,12279,12280,12282,12284,12286,12288],{"class":3046,"line":3679},[3044,12281,3325],{"class":3050},[3044,12283,3089],{"class":3054},[3044,12285,3330],{"class":3069},[3044,12287,3074],{"class":3073},[3044,12289,12206],{"class":3077},[3044,12291,12292,12294,12296,12298,12300,12302,12304],{"class":3046,"line":3691},[3044,12293,3348],{"class":3069},[3044,12295,3074],{"class":3073},[3044,12297,3203],{"class":3077},[3044,12299,3906],{"class":3069},[3044,12301,3074],{"class":3073},[3044,12303,3856],{"class":3077},[3044,12305,3144],{"class":3050},[3044,12307,12308,12310,12312],{"class":3046,"line":3705},[3044,12309,3368],{"class":3050},[3044,12311,2968],{"class":3054},[3044,12313,3058],{"class":3050},[3044,12315,12316,12318,12320],{"class":3046,"line":3716},[3044,12317,3377],{"class":3050},[3044,12319,3309],{"class":3054},[3044,12321,3058],{"class":3050},[3044,12323,12324,12326,12328],{"class":3046,"line":3727},[3044,12325,3387],{"class":3050},[3044,12327,3291],{"class":3054},[3044,12329,3058],{"class":3050},[3044,12331,12332,12334,12336],{"class":3046,"line":3740},[3044,12333,3150],{"class":3050},[3044,12335,5682],{"class":3054},[3044,12337,3058],{"class":3050},[3044,12339,12340,12342,12344],{"class":3046,"line":3749},[3044,12341,3160],{"class":3050},[3044,12343,3462],{"class":3054},[3044,12345,3058],{"class":3050},[3030,12347,12349],{"id":12348},"transformgroup-комбінування-трансформацій","TransformGroup: комбінування трансформацій",[2959,12351,12352,12353,12356],{},"Для одночасного застосування кількох трансформацій використовується ",[2966,12354,12355],{},"TransformGroup",".",[3035,12358,12360],{"className":3037,"code":12359,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#3b82f6\" Width=\"100\" Height=\"100\">\n    \u003CBorder.RenderTransform>\n        \u003CTransformGroup>\n            \u003CScaleTransform ScaleX=\"1\" ScaleY=\"1\"/>\n            \u003CRotateTransform Angle=\"0\"/>\n            \u003CTranslateTransform X=\"0\" Y=\"0\"/>\n        \u003C/TransformGroup>\n    \u003C/Border.RenderTransform>\n    \u003CBorder.RenderTransformOrigin>0.5,0.5\u003C/Border.RenderTransformOrigin>\n    \u003CBorder.Triggers>\n        \u003CEventTrigger RoutedEvent=\"MouseEnter\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003C!-- Масштабування -->\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)\"\n                                     To=\"1.2\" Duration=\"0:0:0.3\"/>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)\"\n                                     To=\"1.2\" Duration=\"0:0:0.3\"/>\n                    \u003C!-- Обертання -->\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TransformGroup.Children)[1].(RotateTransform.Angle)\"\n                                     To=\"15\" Duration=\"0:0:0.3\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Border.Triggers>\n\u003C/Border>\n",[2966,12361,12362,12388,12396,12404,12424,12438,12458,12466,12474,12490,12498,12512,12520,12528,12533,12546,12563,12576,12592,12597,12610,12627,12635,12643,12651,12659],{"__ignoreMap":3040},[3044,12363,12364,12366,12368,12370,12372,12374,12376,12378,12380,12382,12384,12386],{"class":3046,"line":3047},[3044,12365,3051],{"class":3050},[3044,12367,3462],{"class":3054},[3044,12369,3465],{"class":3069},[3044,12371,3074],{"class":3073},[3044,12373,3650],{"class":3077},[3044,12375,4900],{"class":3069},[3044,12377,3074],{"class":3073},[3044,12379,7286],{"class":3077},[3044,12381,4908],{"class":3069},[3044,12383,3074],{"class":3073},[3044,12385,7286],{"class":3077},[3044,12387,3058],{"class":3050},[3044,12389,12390,12392,12394],{"class":3046,"line":3061},[3044,12391,3064],{"class":3050},[3044,12393,7323],{"class":3054},[3044,12395,3058],{"class":3050},[3044,12397,12398,12400,12402],{"class":3046,"line":3083},[3044,12399,3086],{"class":3050},[3044,12401,12355],{"class":3054},[3044,12403,3058],{"class":3050},[3044,12405,12406,12408,12410,12412,12414,12416,12418,12420,12422],{"class":3046,"line":3100},[3044,12407,3306],{"class":3050},[3044,12409,7332],{"class":3054},[3044,12411,7335],{"class":3069},[3044,12413,3074],{"class":3073},[3044,12415,4857],{"class":3077},[3044,12417,7342],{"class":3069},[3044,12419,3074],{"class":3073},[3044,12421,4857],{"class":3077},[3044,12423,3144],{"class":3050},[3044,12425,12426,12428,12430,12432,12434,12436],{"class":3046,"line":3111},[3044,12427,3306],{"class":3050},[3044,12429,8818],{"class":3054},[3044,12431,8821],{"class":3069},[3044,12433,3074],{"class":3073},[3044,12435,3203],{"class":3077},[3044,12437,3144],{"class":3050},[3044,12439,12440,12442,12444,12446,12448,12450,12452,12454,12456],{"class":3046,"line":3122},[3044,12441,3306],{"class":3050},[3044,12443,7906],{"class":3054},[3044,12445,7909],{"class":3069},[3044,12447,3074],{"class":3073},[3044,12449,3203],{"class":3077},[3044,12451,7916],{"class":3069},[3044,12453,3074],{"class":3073},[3044,12455,3203],{"class":3077},[3044,12457,3144],{"class":3050},[3044,12459,12460,12462,12464],{"class":3046,"line":3133},[3044,12461,3387],{"class":3050},[3044,12463,12355],{"class":3054},[3044,12465,3058],{"class":3050},[3044,12467,12468,12470,12472],{"class":3046,"line":3147},[3044,12469,3150],{"class":3050},[3044,12471,7323],{"class":3054},[3044,12473,3058],{"class":3050},[3044,12475,12476,12478,12480,12482,12484,12486,12488],{"class":3046,"line":3157},[3044,12477,3064],{"class":3050},[3044,12479,10334],{"class":3054},[3044,12481,9892],{"class":3050},[3044,12483,9895],{"class":3073},[3044,12485,3160],{"class":3050},[3044,12487,10334],{"class":3054},[3044,12489,3058],{"class":3050},[3044,12491,12492,12494,12496],{"class":3046,"line":3167},[3044,12493,3064],{"class":3050},[3044,12495,5682],{"class":3054},[3044,12497,3058],{"class":3050},[3044,12499,12500,12502,12504,12506,12508,12510],{"class":3046,"line":3174},[3044,12501,3086],{"class":3050},[3044,12503,3291],{"class":3054},[3044,12505,3294],{"class":3069},[3044,12507,3074],{"class":3073},[3044,12509,4097],{"class":3077},[3044,12511,3058],{"class":3050},[3044,12513,12514,12516,12518],{"class":3046,"line":3384},[3044,12515,3306],{"class":3050},[3044,12517,3309],{"class":3054},[3044,12519,3058],{"class":3050},[3044,12521,12522,12524,12526],{"class":3046,"line":3394},[3044,12523,3316],{"class":3050},[3044,12525,2968],{"class":3054},[3044,12527,3058],{"class":3050},[3044,12529,12530],{"class":3046,"line":3403},[3044,12531,12532],{"class":3881},"                    \u003C!-- Масштабування -->\n",[3044,12534,12535,12537,12539,12541,12543],{"class":3046,"line":3656},[3044,12536,3325],{"class":3050},[3044,12538,3089],{"class":3054},[3044,12540,3330],{"class":3069},[3044,12542,3074],{"class":3073},[3044,12544,12545],{"class":3077},"\"(Border.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)\"\n",[3044,12547,12548,12550,12552,12555,12557,12559,12561],{"class":3046,"line":3668},[3044,12549,3348],{"class":3069},[3044,12551,3074],{"class":3073},[3044,12553,12554],{"class":3077},"\"1.2\"",[3044,12556,3906],{"class":3069},[3044,12558,3074],{"class":3073},[3044,12560,3856],{"class":3077},[3044,12562,3144],{"class":3050},[3044,12564,12565,12567,12569,12571,12573],{"class":3046,"line":3679},[3044,12566,3325],{"class":3050},[3044,12568,3089],{"class":3054},[3044,12570,3330],{"class":3069},[3044,12572,3074],{"class":3073},[3044,12574,12575],{"class":3077},"\"(Border.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)\"\n",[3044,12577,12578,12580,12582,12584,12586,12588,12590],{"class":3046,"line":3691},[3044,12579,3348],{"class":3069},[3044,12581,3074],{"class":3073},[3044,12583,12554],{"class":3077},[3044,12585,3906],{"class":3069},[3044,12587,3074],{"class":3073},[3044,12589,3856],{"class":3077},[3044,12591,3144],{"class":3050},[3044,12593,12594],{"class":3046,"line":3705},[3044,12595,12596],{"class":3881},"                    \u003C!-- Обертання -->\n",[3044,12598,12599,12601,12603,12605,12607],{"class":3046,"line":3716},[3044,12600,3325],{"class":3050},[3044,12602,3089],{"class":3054},[3044,12604,3330],{"class":3069},[3044,12606,3074],{"class":3073},[3044,12608,12609],{"class":3077},"\"(Border.RenderTransform).(TransformGroup.Children)[1].(RotateTransform.Angle)\"\n",[3044,12611,12612,12614,12616,12619,12621,12623,12625],{"class":3046,"line":3727},[3044,12613,3348],{"class":3069},[3044,12615,3074],{"class":3073},[3044,12617,12618],{"class":3077},"\"15\"",[3044,12620,3906],{"class":3069},[3044,12622,3074],{"class":3073},[3044,12624,3856],{"class":3077},[3044,12626,3144],{"class":3050},[3044,12628,12629,12631,12633],{"class":3046,"line":3740},[3044,12630,3368],{"class":3050},[3044,12632,2968],{"class":3054},[3044,12634,3058],{"class":3050},[3044,12636,12637,12639,12641],{"class":3046,"line":3749},[3044,12638,3377],{"class":3050},[3044,12640,3309],{"class":3054},[3044,12642,3058],{"class":3050},[3044,12644,12645,12647,12649],{"class":3046,"line":3758},[3044,12646,3387],{"class":3050},[3044,12648,3291],{"class":3054},[3044,12650,3058],{"class":3050},[3044,12652,12653,12655,12657],{"class":3046,"line":4272},[3044,12654,3150],{"class":3050},[3044,12656,5682],{"class":3054},[3044,12658,3058],{"class":3050},[3044,12660,12661,12663,12665],{"class":3046,"line":5927},[3044,12662,3160],{"class":3050},[3044,12664,3462],{"class":3054},[3044,12666,3058],{"class":3050},[2959,12668,12669],{},[2977,12670,12671],{},"Приклад: Card flip ефект:",[3448,12673,12675],{"title":12674},"Card Flip — комбінована анімація",[3035,12676,12678],{"className":3037,"code":12677,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CGrid HorizontalAlignment=\"Center\">\n        \u003CBorder Width=\"200\" Height=\"280\"\n                Background=\"#3b82f6\"\n                CornerRadius=\"12\"\n                Padding=\"20\">\n            \u003CBorder.RenderTransform>\n                \u003CTransformGroup>\n                    \u003CScaleTransform ScaleX=\"1\" ScaleY=\"1\"/>\n                    \u003CRotateTransform Angle=\"0\"/>\n                \u003C/TransformGroup>\n            \u003C/Border.RenderTransform>\n            \u003CBorder.RenderTransformOrigin>0.5,0.5\u003C/Border.RenderTransformOrigin>\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"MouseEnter\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TransformGroup.Children)[1].(RotateTransform.Angle)\"\n                                             To=\"5\" Duration=\"0:0:0.3\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)\"\n                                             To=\"1.05\" Duration=\"0:0:0.3\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)\"\n                                             To=\"1.05\" Duration=\"0:0:0.3\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n                \u003CEventTrigger RoutedEvent=\"MouseLeave\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TransformGroup.Children)[1].(RotateTransform.Angle)\"\n                                             To=\"0\" Duration=\"0:0:0.3\"/>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)\"\n                                             To=\"1\" Duration=\"0:0:0.3\"/>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)\"\n                                             To=\"1\" Duration=\"0:0:0.3\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n            \n            \u003CStackPanel VerticalAlignment=\"Center\">\n                \u003CTextBlock Text=\"💳\" FontSize=\"64\" HorizontalAlignment=\"Center\" Margin=\"0,0,0,20\"/>\n                \u003CTextBlock Text=\"Premium Card\" \n                           Foreground=\"White\" \n                           FontSize=\"20\" \n                           FontWeight=\"Bold\"\n                           HorizontalAlignment=\"Center\"\n                           Margin=\"0,0,0,8\"/>\n                \u003CTextBlock Text=\"**** **** **** 1234\" \n                           Foreground=\"White\" \n                           FontSize=\"16\"\n                           HorizontalAlignment=\"Center\"\n                           Margin=\"0,0,0,20\"/>\n                \u003CTextBlock Text=\"Hover to interact\" \n                           Foreground=\"#93c5fd\" \n                           FontSize=\"12\"\n                           HorizontalAlignment=\"Center\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/Grid>\n\u003C/Border>\n",[2966,12679,12680,12706,12720,12739,12747,12756,12766,12774,12782,12802,12816,12824,12832,12848,12856,12870,12878,12886,12898,12914,12922,12936,12944,12952,12964,12980,12988,13002,13010,13018,13030,13046,13054,13068,13076,13084,13092,13100,13108,13122,13130,13138,13150,13166,13178,13194,13206,13222,13230,13238,13246,13254,13258,13272,13306,13321,13331,13341,13349,13358,13368,13383,13393,13401,13409,13419,13434,13445,13453,13463,13471,13479,13487],{"__ignoreMap":3040},[3044,12681,12682,12684,12686,12688,12690,12692,12694,12696,12698,12700,12702,12704],{"class":3046,"line":3047},[3044,12683,3051],{"class":3050},[3044,12685,3462],{"class":3054},[3044,12687,3465],{"class":3069},[3044,12689,3074],{"class":3073},[3044,12691,3470],{"class":3077},[3044,12693,3473],{"class":3069},[3044,12695,3074],{"class":3073},[3044,12697,3478],{"class":3077},[3044,12699,3481],{"class":3069},[3044,12701,3074],{"class":3073},[3044,12703,3486],{"class":3077},[3044,12705,3058],{"class":3050},[3044,12707,12708,12710,12712,12714,12716,12718],{"class":3046,"line":3061},[3044,12709,3064],{"class":3050},[3044,12711,9342],{"class":3054},[3044,12713,3506],{"class":3069},[3044,12715,3074],{"class":3073},[3044,12717,3511],{"class":3077},[3044,12719,3058],{"class":3050},[3044,12721,12722,12724,12726,12728,12730,12732,12734,12736],{"class":3046,"line":3083},[3044,12723,3086],{"class":3050},[3044,12725,3462],{"class":3054},[3044,12727,4900],{"class":3069},[3044,12729,3074],{"class":3073},[3044,12731,8304],{"class":3077},[3044,12733,4908],{"class":3069},[3044,12735,3074],{"class":3073},[3044,12737,12738],{"class":3077},"\"280\"\n",[3044,12740,12741,12743,12745],{"class":3046,"line":3100},[3044,12742,7299],{"class":3069},[3044,12744,3074],{"class":3073},[3044,12746,4227],{"class":3077},[3044,12748,12749,12751,12753],{"class":3046,"line":3111},[3044,12750,3659],{"class":3069},[3044,12752,3074],{"class":3073},[3044,12754,12755],{"class":3077},"\"12\"\n",[3044,12757,12758,12760,12762,12764],{"class":3046,"line":3122},[3044,12759,3671],{"class":3069},[3044,12761,3074],{"class":3073},[3044,12763,4905],{"class":3077},[3044,12765,3058],{"class":3050},[3044,12767,12768,12770,12772],{"class":3046,"line":3133},[3044,12769,3306],{"class":3050},[3044,12771,7323],{"class":3054},[3044,12773,3058],{"class":3050},[3044,12775,12776,12778,12780],{"class":3046,"line":3147},[3044,12777,3316],{"class":3050},[3044,12779,12355],{"class":3054},[3044,12781,3058],{"class":3050},[3044,12783,12784,12786,12788,12790,12792,12794,12796,12798,12800],{"class":3046,"line":3157},[3044,12785,3325],{"class":3050},[3044,12787,7332],{"class":3054},[3044,12789,7335],{"class":3069},[3044,12791,3074],{"class":3073},[3044,12793,4857],{"class":3077},[3044,12795,7342],{"class":3069},[3044,12797,3074],{"class":3073},[3044,12799,4857],{"class":3077},[3044,12801,3144],{"class":3050},[3044,12803,12804,12806,12808,12810,12812,12814],{"class":3046,"line":3167},[3044,12805,3325],{"class":3050},[3044,12807,8818],{"class":3054},[3044,12809,8821],{"class":3069},[3044,12811,3074],{"class":3073},[3044,12813,3203],{"class":3077},[3044,12815,3144],{"class":3050},[3044,12817,12818,12820,12822],{"class":3046,"line":3174},[3044,12819,3368],{"class":3050},[3044,12821,12355],{"class":3054},[3044,12823,3058],{"class":3050},[3044,12825,12826,12828,12830],{"class":3046,"line":3384},[3044,12827,3377],{"class":3050},[3044,12829,7323],{"class":3054},[3044,12831,3058],{"class":3050},[3044,12833,12834,12836,12838,12840,12842,12844,12846],{"class":3046,"line":3394},[3044,12835,3306],{"class":3050},[3044,12837,10334],{"class":3054},[3044,12839,9892],{"class":3050},[3044,12841,9895],{"class":3073},[3044,12843,3160],{"class":3050},[3044,12845,10334],{"class":3054},[3044,12847,3058],{"class":3050},[3044,12849,12850,12852,12854],{"class":3046,"line":3403},[3044,12851,3306],{"class":3050},[3044,12853,5682],{"class":3054},[3044,12855,3058],{"class":3050},[3044,12857,12858,12860,12862,12864,12866,12868],{"class":3046,"line":3656},[3044,12859,3316],{"class":3050},[3044,12861,3291],{"class":3054},[3044,12863,3294],{"class":3069},[3044,12865,3074],{"class":3073},[3044,12867,4097],{"class":3077},[3044,12869,3058],{"class":3050},[3044,12871,12872,12874,12876],{"class":3046,"line":3668},[3044,12873,3325],{"class":3050},[3044,12875,3309],{"class":3054},[3044,12877,3058],{"class":3050},[3044,12879,12880,12882,12884],{"class":3046,"line":3679},[3044,12881,5719],{"class":3050},[3044,12883,2968],{"class":3054},[3044,12885,3058],{"class":3050},[3044,12887,12888,12890,12892,12894,12896],{"class":3046,"line":3691},[3044,12889,5772],{"class":3050},[3044,12891,3089],{"class":3054},[3044,12893,3330],{"class":3069},[3044,12895,3074],{"class":3073},[3044,12897,12609],{"class":3077},[3044,12899,12900,12902,12904,12906,12908,12910,12912],{"class":3046,"line":3705},[3044,12901,10399],{"class":3069},[3044,12903,3074],{"class":3073},[3044,12905,5484],{"class":3077},[3044,12907,3906],{"class":3069},[3044,12909,3074],{"class":3073},[3044,12911,3856],{"class":3077},[3044,12913,3058],{"class":3050},[3044,12915,12916,12918,12920],{"class":3046,"line":3716},[3044,12917,5781],{"class":3050},[3044,12919,5116],{"class":3054},[3044,12921,3058],{"class":3050},[3044,12923,12924,12926,12928,12930,12932,12934],{"class":3046,"line":3727},[3044,12925,7459],{"class":3050},[3044,12927,5077],{"class":3054},[3044,12929,5127],{"class":3069},[3044,12931,3074],{"class":3073},[3044,12933,5132],{"class":3077},[3044,12935,3144],{"class":3050},[3044,12937,12938,12940,12942],{"class":3046,"line":3740},[3044,12939,7480],{"class":3050},[3044,12941,5116],{"class":3054},[3044,12943,3058],{"class":3050},[3044,12945,12946,12948,12950],{"class":3046,"line":3749},[3044,12947,5797],{"class":3050},[3044,12949,3089],{"class":3054},[3044,12951,3058],{"class":3050},[3044,12953,12954,12956,12958,12960,12962],{"class":3046,"line":3758},[3044,12955,5772],{"class":3050},[3044,12957,3089],{"class":3054},[3044,12959,3330],{"class":3069},[3044,12961,3074],{"class":3073},[3044,12963,12545],{"class":3077},[3044,12965,12966,12968,12970,12972,12974,12976,12978],{"class":3046,"line":4272},[3044,12967,10399],{"class":3069},[3044,12969,3074],{"class":3073},[3044,12971,10404],{"class":3077},[3044,12973,3906],{"class":3069},[3044,12975,3074],{"class":3073},[3044,12977,3856],{"class":3077},[3044,12979,3058],{"class":3050},[3044,12981,12982,12984,12986],{"class":3046,"line":5927},[3044,12983,5781],{"class":3050},[3044,12985,5116],{"class":3054},[3044,12987,3058],{"class":3050},[3044,12989,12990,12992,12994,12996,12998,13000],{"class":3046,"line":5936},[3044,12991,7459],{"class":3050},[3044,12993,5077],{"class":3054},[3044,12995,5127],{"class":3069},[3044,12997,3074],{"class":3073},[3044,12999,5132],{"class":3077},[3044,13001,3144],{"class":3050},[3044,13003,13004,13006,13008],{"class":3046,"line":5949},[3044,13005,7480],{"class":3050},[3044,13007,5116],{"class":3054},[3044,13009,3058],{"class":3050},[3044,13011,13012,13014,13016],{"class":3046,"line":5970},[3044,13013,5797],{"class":3050},[3044,13015,3089],{"class":3054},[3044,13017,3058],{"class":3050},[3044,13019,13020,13022,13024,13026,13028],{"class":3046,"line":5987},[3044,13021,5772],{"class":3050},[3044,13023,3089],{"class":3054},[3044,13025,3330],{"class":3069},[3044,13027,3074],{"class":3073},[3044,13029,12575],{"class":3077},[3044,13031,13032,13034,13036,13038,13040,13042,13044],{"class":3046,"line":5996},[3044,13033,10399],{"class":3069},[3044,13035,3074],{"class":3073},[3044,13037,10404],{"class":3077},[3044,13039,3906],{"class":3069},[3044,13041,3074],{"class":3073},[3044,13043,3856],{"class":3077},[3044,13045,3058],{"class":3050},[3044,13047,13048,13050,13052],{"class":3046,"line":6011},[3044,13049,5781],{"class":3050},[3044,13051,5116],{"class":3054},[3044,13053,3058],{"class":3050},[3044,13055,13056,13058,13060,13062,13064,13066],{"class":3046,"line":6020},[3044,13057,7459],{"class":3050},[3044,13059,5077],{"class":3054},[3044,13061,5127],{"class":3069},[3044,13063,3074],{"class":3073},[3044,13065,5132],{"class":3077},[3044,13067,3144],{"class":3050},[3044,13069,13070,13072,13074],{"class":3046,"line":6029},[3044,13071,7480],{"class":3050},[3044,13073,5116],{"class":3054},[3044,13075,3058],{"class":3050},[3044,13077,13078,13080,13082],{"class":3046,"line":6038},[3044,13079,5797],{"class":3050},[3044,13081,3089],{"class":3054},[3044,13083,3058],{"class":3050},[3044,13085,13086,13088,13090],{"class":3046,"line":6047},[3044,13087,5806],{"class":3050},[3044,13089,2968],{"class":3054},[3044,13091,3058],{"class":3050},[3044,13093,13094,13096,13098],{"class":3046,"line":6056},[3044,13095,5815],{"class":3050},[3044,13097,3309],{"class":3054},[3044,13099,3058],{"class":3050},[3044,13101,13102,13104,13106],{"class":3046,"line":6065},[3044,13103,3368],{"class":3050},[3044,13105,3291],{"class":3054},[3044,13107,3058],{"class":3050},[3044,13109,13110,13112,13114,13116,13118,13120],{"class":3046,"line":6074},[3044,13111,3316],{"class":3050},[3044,13113,3291],{"class":3054},[3044,13115,3294],{"class":3069},[3044,13117,3074],{"class":3073},[3044,13119,4188],{"class":3077},[3044,13121,3058],{"class":3050},[3044,13123,13124,13126,13128],{"class":3046,"line":6079},[3044,13125,3325],{"class":3050},[3044,13127,3309],{"class":3054},[3044,13129,3058],{"class":3050},[3044,13131,13132,13134,13136],{"class":3046,"line":6085},[3044,13133,5719],{"class":3050},[3044,13135,2968],{"class":3054},[3044,13137,3058],{"class":3050},[3044,13139,13140,13142,13144,13146,13148],{"class":3046,"line":6113},[3044,13141,5772],{"class":3050},[3044,13143,3089],{"class":3054},[3044,13145,3330],{"class":3069},[3044,13147,3074],{"class":3073},[3044,13149,12609],{"class":3077},[3044,13151,13152,13154,13156,13158,13160,13162,13164],{"class":3046,"line":6122},[3044,13153,10399],{"class":3069},[3044,13155,3074],{"class":3073},[3044,13157,3203],{"class":3077},[3044,13159,3906],{"class":3069},[3044,13161,3074],{"class":3073},[3044,13163,3856],{"class":3077},[3044,13165,3144],{"class":3050},[3044,13167,13168,13170,13172,13174,13176],{"class":3046,"line":6137},[3044,13169,5772],{"class":3050},[3044,13171,3089],{"class":3054},[3044,13173,3330],{"class":3069},[3044,13175,3074],{"class":3073},[3044,13177,12545],{"class":3077},[3044,13179,13180,13182,13184,13186,13188,13190,13192],{"class":3046,"line":6146},[3044,13181,10399],{"class":3069},[3044,13183,3074],{"class":3073},[3044,13185,4857],{"class":3077},[3044,13187,3906],{"class":3069},[3044,13189,3074],{"class":3073},[3044,13191,3856],{"class":3077},[3044,13193,3144],{"class":3050},[3044,13195,13196,13198,13200,13202,13204],{"class":3046,"line":6155},[3044,13197,5772],{"class":3050},[3044,13199,3089],{"class":3054},[3044,13201,3330],{"class":3069},[3044,13203,3074],{"class":3073},[3044,13205,12575],{"class":3077},[3044,13207,13208,13210,13212,13214,13216,13218,13220],{"class":3046,"line":6168},[3044,13209,10399],{"class":3069},[3044,13211,3074],{"class":3073},[3044,13213,4857],{"class":3077},[3044,13215,3906],{"class":3069},[3044,13217,3074],{"class":3073},[3044,13219,3856],{"class":3077},[3044,13221,3144],{"class":3050},[3044,13223,13224,13226,13228],{"class":3046,"line":6189},[3044,13225,5806],{"class":3050},[3044,13227,2968],{"class":3054},[3044,13229,3058],{"class":3050},[3044,13231,13232,13234,13236],{"class":3046,"line":6206},[3044,13233,5815],{"class":3050},[3044,13235,3309],{"class":3054},[3044,13237,3058],{"class":3050},[3044,13239,13240,13242,13244],{"class":3046,"line":6215},[3044,13241,3368],{"class":3050},[3044,13243,3291],{"class":3054},[3044,13245,3058],{"class":3050},[3044,13247,13248,13250,13252],{"class":3046,"line":6231},[3044,13249,3377],{"class":3050},[3044,13251,5682],{"class":3054},[3044,13253,3058],{"class":3050},[3044,13255,13256],{"class":3046,"line":6240},[3044,13257,8571],{"class":3073},[3044,13259,13260,13262,13264,13266,13268,13270],{"class":3046,"line":6249},[3044,13261,3306],{"class":3050},[3044,13263,3495],{"class":3054},[3044,13265,6618],{"class":3069},[3044,13267,3074],{"class":3073},[3044,13269,3511],{"class":3077},[3044,13271,3058],{"class":3050},[3044,13273,13274,13276,13278,13280,13282,13285,13287,13289,13292,13294,13296,13298,13300,13302,13304],{"class":3046,"line":6258},[3044,13275,3316],{"class":3050},[3044,13277,3520],{"class":3054},[3044,13279,3523],{"class":3069},[3044,13281,3074],{"class":3073},[3044,13283,13284],{"class":3077},"\"💳\"",[3044,13286,9674],{"class":3069},[3044,13288,3074],{"class":3073},[3044,13290,13291],{"class":3077},"\"64\"",[3044,13293,3506],{"class":3069},[3044,13295,3074],{"class":3073},[3044,13297,3511],{"class":3077},[3044,13299,5668],{"class":3069},[3044,13301,3074],{"class":3073},[3044,13303,9650],{"class":3077},[3044,13305,3144],{"class":3050},[3044,13307,13308,13310,13312,13314,13316,13319],{"class":3046,"line":6267},[3044,13309,3316],{"class":3050},[3044,13311,3520],{"class":3054},[3044,13313,3523],{"class":3069},[3044,13315,3074],{"class":3073},[3044,13317,13318],{"class":3077},"\"Premium Card\"",[3044,13320,3653],{"class":3073},[3044,13322,13323,13325,13327,13329],{"class":3046,"line":6276},[3044,13324,9614],{"class":3069},[3044,13326,3074],{"class":3073},[3044,13328,6609],{"class":3077},[3044,13330,3653],{"class":3073},[3044,13332,13333,13335,13337,13339],{"class":3046,"line":6285},[3044,13334,9625],{"class":3069},[3044,13336,3074],{"class":3073},[3044,13338,4905],{"class":3077},[3044,13340,3653],{"class":3073},[3044,13342,13343,13345,13347],{"class":3046,"line":6294},[3044,13344,9636],{"class":3069},[3044,13346,3074],{"class":3073},[3044,13348,3546],{"class":3077},[3044,13350,13351,13354,13356],{"class":3046,"line":7054},[3044,13352,13353],{"class":3069},"                           HorizontalAlignment",[3044,13355,3074],{"class":3073},[3044,13357,3611],{"class":3077},[3044,13359,13360,13362,13364,13366],{"class":3046,"line":7063},[3044,13361,9645],{"class":3069},[3044,13363,3074],{"class":3073},[3044,13365,5673],{"class":3077},[3044,13367,3144],{"class":3050},[3044,13369,13370,13372,13374,13376,13378,13381],{"class":3046,"line":7072},[3044,13371,3316],{"class":3050},[3044,13373,3520],{"class":3054},[3044,13375,3523],{"class":3069},[3044,13377,3074],{"class":3073},[3044,13379,13380],{"class":3077},"\"**** **** **** 1234\"",[3044,13382,3653],{"class":3073},[3044,13384,13385,13387,13389,13391],{"class":3046,"line":7106},[3044,13386,9614],{"class":3069},[3044,13388,3074],{"class":3073},[3044,13390,6609],{"class":3077},[3044,13392,3653],{"class":3073},[3044,13394,13395,13397,13399],{"class":3046,"line":7115},[3044,13396,9625],{"class":3069},[3044,13398,3074],{"class":3073},[3044,13400,3724],{"class":3077},[3044,13402,13403,13405,13407],{"class":3046,"line":10957},[3044,13404,13353],{"class":3069},[3044,13406,3074],{"class":3073},[3044,13408,3611],{"class":3077},[3044,13410,13411,13413,13415,13417],{"class":3046,"line":10966},[3044,13412,9645],{"class":3069},[3044,13414,3074],{"class":3073},[3044,13416,9650],{"class":3077},[3044,13418,3144],{"class":3050},[3044,13420,13421,13423,13425,13427,13429,13432],{"class":3046,"line":10979},[3044,13422,3316],{"class":3050},[3044,13424,3520],{"class":3054},[3044,13426,3523],{"class":3069},[3044,13428,3074],{"class":3073},[3044,13430,13431],{"class":3077},"\"Hover to interact\"",[3044,13433,3653],{"class":3073},[3044,13435,13436,13438,13440,13443],{"class":3046,"line":10996},[3044,13437,9614],{"class":3069},[3044,13439,3074],{"class":3073},[3044,13441,13442],{"class":3077},"\"#93c5fd\"",[3044,13444,3653],{"class":3073},[3044,13446,13447,13449,13451],{"class":3046,"line":11005},[3044,13448,9625],{"class":3069},[3044,13450,3074],{"class":3073},[3044,13452,12755],{"class":3077},[3044,13454,13455,13457,13459,13461],{"class":3046,"line":11020},[3044,13456,13353],{"class":3069},[3044,13458,3074],{"class":3073},[3044,13460,3511],{"class":3077},[3044,13462,3144],{"class":3050},[3044,13464,13465,13467,13469],{"class":3046,"line":11029},[3044,13466,3377],{"class":3050},[3044,13468,3495],{"class":3054},[3044,13470,3058],{"class":3050},[3044,13472,13473,13475,13477],{"class":3046,"line":11038},[3044,13474,3387],{"class":3050},[3044,13476,3462],{"class":3054},[3044,13478,3058],{"class":3050},[3044,13480,13481,13483,13485],{"class":3046,"line":11051},[3044,13482,3150],{"class":3050},[3044,13484,9342],{"class":3054},[3044,13486,3058],{"class":3050},[3044,13488,13489,13491,13493],{"class":3046,"line":11068},[3044,13490,3160],{"class":3050},[3044,13492,3462],{"class":3054},[3044,13494,3058],{"class":3050},[13496,13497,13498,13501,13502,13505,13506,13509,13510,13509,13513,13516],"warning",{},[2977,13499,13500],{},"Важливо про Property Path для TransformGroup:"," Коли використовуєте TransformGroup, Property Path стає складнішим: ",[2966,13503,13504],{},"(Border.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)",". Індекс ",[2966,13507,13508],{},"[0]",", ",[2966,13511,13512],{},"[1]",[2966,13514,13515],{},"[2]"," відповідає порядку трансформацій у TransformGroup.",[3017,13518],{},[3020,13520,13522],{"id":13521},"keyframe-анімації-складні-траєкторії-руху","KeyFrame анімації: складні траєкторії руху",[2959,13524,13525],{},"KeyFrame анімації дозволяють створювати складні анімації з кількома проміжними точками. Замість простого руху від A до B, ви можете визначити точки C, D, E з різними швидкостями та easing functions.",[3030,13527,13529],{"id":13528},"doubleanimationusingkeyframes","DoubleAnimationUsingKeyFrames",[2959,13531,13532],{},"Найпопулярніший тип KeyFrame анімації — для числових значень.",[3035,13534,13536],{"className":3037,"code":13535,"language":3039,"meta":3040,"style":3040},"\u003CBorder x:Name=\"AnimatedBox\" Width=\"60\" Height=\"60\" Background=\"#3b82f6\">\n    \u003CBorder.RenderTransform>\n        \u003CTranslateTransform X=\"0\" Y=\"0\"/>\n    \u003C/Border.RenderTransform>\n    \u003CBorder.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard RepeatBehavior=\"Forever\">\n                    \u003CDoubleAnimationUsingKeyFrames Storyboard.TargetProperty=\"(Border.RenderTransform).(TranslateTransform.X)\">\n                        \u003C!-- Початок: X = 0 -->\n                        \u003CLinearDoubleKeyFrame KeyTime=\"0:0:0\" Value=\"0\"/>\n                        \u003C!-- Через 1 секунду: X = 200 -->\n                        \u003CEasingDoubleKeyFrame KeyTime=\"0:0:1\" Value=\"200\">\n                            \u003CEasingDoubleKeyFrame.EasingFunction>\n                                \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                            \u003C/EasingDoubleKeyFrame.EasingFunction>\n                        \u003C/EasingDoubleKeyFrame>\n                        \u003C!-- Через 2 секунди: X = 200 (пауза) -->\n                        \u003CLinearDoubleKeyFrame KeyTime=\"0:0:2\" Value=\"200\"/>\n                        \u003C!-- Через 3 секунди: X = 0 (повернення) -->\n                        \u003CEasingDoubleKeyFrame KeyTime=\"0:0:3\" Value=\"0\">\n                            \u003CEasingDoubleKeyFrame.EasingFunction>\n                                \u003CQuadraticEase EasingMode=\"EaseIn\"/>\n                            \u003C/EasingDoubleKeyFrame.EasingFunction>\n                        \u003C/EasingDoubleKeyFrame>\n                    \u003C/DoubleAnimationUsingKeyFrames>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Border.Triggers>\n\u003C/Border>\n",[2966,13537,13538,13571,13579,13599,13607,13615,13629,13637,13651,13666,13671,13692,13697,13718,13727,13741,13749,13757,13762,13782,13787,13808,13816,13830,13838,13846,13854,13862,13870,13878,13886],{"__ignoreMap":3040},[3044,13539,13540,13542,13544,13546,13548,13551,13553,13555,13557,13559,13561,13563,13565,13567,13569],{"class":3046,"line":3047},[3044,13541,3051],{"class":3050},[3044,13543,3462],{"class":3054},[3044,13545,3182],{"class":3069},[3044,13547,3074],{"class":3073},[3044,13549,13550],{"class":3077},"\"AnimatedBox\"",[3044,13552,4900],{"class":3069},[3044,13554,3074],{"class":3073},[3044,13556,6412],{"class":3077},[3044,13558,4908],{"class":3069},[3044,13560,3074],{"class":3073},[3044,13562,6412],{"class":3077},[3044,13564,3465],{"class":3069},[3044,13566,3074],{"class":3073},[3044,13568,3650],{"class":3077},[3044,13570,3058],{"class":3050},[3044,13572,13573,13575,13577],{"class":3046,"line":3061},[3044,13574,3064],{"class":3050},[3044,13576,7323],{"class":3054},[3044,13578,3058],{"class":3050},[3044,13580,13581,13583,13585,13587,13589,13591,13593,13595,13597],{"class":3046,"line":3083},[3044,13582,3086],{"class":3050},[3044,13584,7906],{"class":3054},[3044,13586,7909],{"class":3069},[3044,13588,3074],{"class":3073},[3044,13590,3203],{"class":3077},[3044,13592,7916],{"class":3069},[3044,13594,3074],{"class":3073},[3044,13596,3203],{"class":3077},[3044,13598,3144],{"class":3050},[3044,13600,13601,13603,13605],{"class":3046,"line":3100},[3044,13602,3150],{"class":3050},[3044,13604,7323],{"class":3054},[3044,13606,3058],{"class":3050},[3044,13608,13609,13611,13613],{"class":3046,"line":3111},[3044,13610,3064],{"class":3050},[3044,13612,5682],{"class":3054},[3044,13614,3058],{"class":3050},[3044,13616,13617,13619,13621,13623,13625,13627],{"class":3046,"line":3122},[3044,13618,3086],{"class":3050},[3044,13620,3291],{"class":3054},[3044,13622,3294],{"class":3069},[3044,13624,3074],{"class":3073},[3044,13626,3299],{"class":3077},[3044,13628,3058],{"class":3050},[3044,13630,13631,13633,13635],{"class":3046,"line":3133},[3044,13632,3306],{"class":3050},[3044,13634,3309],{"class":3054},[3044,13636,3058],{"class":3050},[3044,13638,13639,13641,13643,13645,13647,13649],{"class":3046,"line":3147},[3044,13640,3316],{"class":3050},[3044,13642,2968],{"class":3054},[3044,13644,4746],{"class":3069},[3044,13646,3074],{"class":3073},[3044,13648,4441],{"class":3077},[3044,13650,3058],{"class":3050},[3044,13652,13653,13655,13657,13659,13661,13664],{"class":3046,"line":3157},[3044,13654,3325],{"class":3050},[3044,13656,13529],{"class":3054},[3044,13658,3330],{"class":3069},[3044,13660,3074],{"class":3073},[3044,13662,13663],{"class":3077},"\"(Border.RenderTransform).(TranslateTransform.X)\"",[3044,13665,3058],{"class":3050},[3044,13667,13668],{"class":3046,"line":3167},[3044,13669,13670],{"class":3881},"                        \u003C!-- Початок: X = 0 -->\n",[3044,13672,13673,13675,13678,13680,13682,13684,13686,13688,13690],{"class":3046,"line":3174},[3044,13674,5719],{"class":3050},[3044,13676,13677],{"class":3054},"LinearDoubleKeyFrame",[3044,13679,4453],{"class":3069},[3044,13681,3074],{"class":3073},[3044,13683,4458],{"class":3077},[3044,13685,4461],{"class":3069},[3044,13687,3074],{"class":3073},[3044,13689,3203],{"class":3077},[3044,13691,3144],{"class":3050},[3044,13693,13694],{"class":3046,"line":3384},[3044,13695,13696],{"class":3881},"                        \u003C!-- Через 1 секунду: X = 200 -->\n",[3044,13698,13699,13701,13704,13706,13708,13710,13712,13714,13716],{"class":3046,"line":3394},[3044,13700,5719],{"class":3050},[3044,13702,13703],{"class":3054},"EasingDoubleKeyFrame",[3044,13705,4453],{"class":3069},[3044,13707,3074],{"class":3073},[3044,13709,4502],{"class":3077},[3044,13711,4461],{"class":3069},[3044,13713,3074],{"class":3073},[3044,13715,8304],{"class":3077},[3044,13717,3058],{"class":3050},[3044,13719,13720,13722,13725],{"class":3046,"line":3403},[3044,13721,5772],{"class":3050},[3044,13723,13724],{"class":3054},"EasingDoubleKeyFrame.EasingFunction",[3044,13726,3058],{"class":3050},[3044,13728,13729,13731,13733,13735,13737,13739],{"class":3046,"line":3656},[3044,13730,5781],{"class":3050},[3044,13732,5077],{"class":3054},[3044,13734,5127],{"class":3069},[3044,13736,3074],{"class":3073},[3044,13738,5132],{"class":3077},[3044,13740,3144],{"class":3050},[3044,13742,13743,13745,13747],{"class":3046,"line":3668},[3044,13744,5797],{"class":3050},[3044,13746,13724],{"class":3054},[3044,13748,3058],{"class":3050},[3044,13750,13751,13753,13755],{"class":3046,"line":3679},[3044,13752,5806],{"class":3050},[3044,13754,13703],{"class":3054},[3044,13756,3058],{"class":3050},[3044,13758,13759],{"class":3046,"line":3691},[3044,13760,13761],{"class":3881},"                        \u003C!-- Через 2 секунди: X = 200 (пауза) -->\n",[3044,13763,13764,13766,13768,13770,13772,13774,13776,13778,13780],{"class":3046,"line":3705},[3044,13765,5719],{"class":3050},[3044,13767,13677],{"class":3054},[3044,13769,4453],{"class":3069},[3044,13771,3074],{"class":3073},[3044,13773,4721],{"class":3077},[3044,13775,4461],{"class":3069},[3044,13777,3074],{"class":3073},[3044,13779,8304],{"class":3077},[3044,13781,3144],{"class":3050},[3044,13783,13784],{"class":3046,"line":3716},[3044,13785,13786],{"class":3881},"                        \u003C!-- Через 3 секунди: X = 0 (повернення) -->\n",[3044,13788,13789,13791,13793,13795,13797,13800,13802,13804,13806],{"class":3046,"line":3727},[3044,13790,5719],{"class":3050},[3044,13792,13703],{"class":3054},[3044,13794,4453],{"class":3069},[3044,13796,3074],{"class":3073},[3044,13798,13799],{"class":3077},"\"0:0:3\"",[3044,13801,4461],{"class":3069},[3044,13803,3074],{"class":3073},[3044,13805,3203],{"class":3077},[3044,13807,3058],{"class":3050},[3044,13809,13810,13812,13814],{"class":3046,"line":3740},[3044,13811,5772],{"class":3050},[3044,13813,13724],{"class":3054},[3044,13815,3058],{"class":3050},[3044,13817,13818,13820,13822,13824,13826,13828],{"class":3046,"line":3749},[3044,13819,5781],{"class":3050},[3044,13821,5077],{"class":3054},[3044,13823,5127],{"class":3069},[3044,13825,3074],{"class":3073},[3044,13827,5790],{"class":3077},[3044,13829,3144],{"class":3050},[3044,13831,13832,13834,13836],{"class":3046,"line":3758},[3044,13833,5797],{"class":3050},[3044,13835,13724],{"class":3054},[3044,13837,3058],{"class":3050},[3044,13839,13840,13842,13844],{"class":3046,"line":4272},[3044,13841,5806],{"class":3050},[3044,13843,13703],{"class":3054},[3044,13845,3058],{"class":3050},[3044,13847,13848,13850,13852],{"class":3046,"line":5927},[3044,13849,5815],{"class":3050},[3044,13851,13529],{"class":3054},[3044,13853,3058],{"class":3050},[3044,13855,13856,13858,13860],{"class":3046,"line":5936},[3044,13857,3368],{"class":3050},[3044,13859,2968],{"class":3054},[3044,13861,3058],{"class":3050},[3044,13863,13864,13866,13868],{"class":3046,"line":5949},[3044,13865,3377],{"class":3050},[3044,13867,3309],{"class":3054},[3044,13869,3058],{"class":3050},[3044,13871,13872,13874,13876],{"class":3046,"line":5970},[3044,13873,3387],{"class":3050},[3044,13875,3291],{"class":3054},[3044,13877,3058],{"class":3050},[3044,13879,13880,13882,13884],{"class":3046,"line":5987},[3044,13881,3150],{"class":3050},[3044,13883,5682],{"class":3054},[3044,13885,3058],{"class":3050},[3044,13887,13888,13890,13892],{"class":3046,"line":5996},[3044,13889,3160],{"class":3050},[3044,13891,3462],{"class":3054},[3044,13893,3058],{"class":3050},[3030,13895,13897],{"id":13896},"типи-keyframe","Типи KeyFrame",[2959,13899,13900],{},"WPF підтримує три типи KeyFrame:",[4532,13902,13903,13914],{},[4535,13904,13905],{},[4538,13906,13907,13910,13912],{},[4541,13908,13909],{},"Тип",[4541,13911,5191],{},[4541,13913,5194],{},[4551,13915,13916,13928,13940,13953],{},[4538,13917,13918,13922,13925],{},[4556,13919,13920],{},[2966,13921,13677],{},[4556,13923,13924],{},"Лінійна інтерполяція",[4556,13926,13927],{},"Постійна швидкість між точками",[4538,13929,13930,13934,13937],{},[4556,13931,13932],{},[2966,13933,13703],{},[4556,13935,13936],{},"З Easing Function",[4556,13938,13939],{},"Природні анімації з прискоренням/уповільненням",[4538,13941,13942,13947,13950],{},[4556,13943,13944],{},[2966,13945,13946],{},"DiscreteDoubleKeyFrame",[4556,13948,13949],{},"Миттєва зміна",[4556,13951,13952],{},"Стрибок без інтерполяції",[4538,13954,13955,13960,13963],{},[4556,13956,13957],{},[2966,13958,13959],{},"SplineDoubleKeyFrame",[4556,13961,13962],{},"Кубічна крива Безьє",[4556,13964,13965],{},"Максимальний контроль над кривою",[3030,13967,13969],{"id":13968},"splinedoublekeyframe-повний-контроль","SplineDoubleKeyFrame: повний контроль",[2959,13971,13972,13974,13975,13978],{},[2966,13973,13959],{}," використовує кубічну криву Безьє для контролю швидкості. Властивість ",[2966,13976,13977],{},"KeySpline"," визначає дві контрольні точки кривої.",[3035,13980,13982],{"className":3037,"code":13981,"language":3039,"meta":3040,"style":3040},"\u003CDoubleAnimationUsingKeyFrames Storyboard.TargetProperty=\"Opacity\">\n    \u003CSplineDoubleKeyFrame KeyTime=\"0:0:0\" Value=\"0\" KeySpline=\"0.1,0.9 0.2,1\"/>\n    \u003CSplineDoubleKeyFrame KeyTime=\"0:0:1\" Value=\"1\" KeySpline=\"0.3,0.1 0.9,0.2\"/>\n\u003C/DoubleAnimationUsingKeyFrames>\n",[2966,13983,13984,13999,14027,14054],{"__ignoreMap":3040},[3044,13985,13986,13988,13990,13992,13994,13997],{"class":3046,"line":3047},[3044,13987,3051],{"class":3050},[3044,13989,13529],{"class":3054},[3044,13991,3330],{"class":3069},[3044,13993,3074],{"class":3073},[3044,13995,13996],{"class":3077},"\"Opacity\"",[3044,13998,3058],{"class":3050},[3044,14000,14001,14003,14005,14007,14009,14011,14013,14015,14017,14020,14022,14025],{"class":3046,"line":3061},[3044,14002,3064],{"class":3050},[3044,14004,13959],{"class":3054},[3044,14006,4453],{"class":3069},[3044,14008,3074],{"class":3073},[3044,14010,4458],{"class":3077},[3044,14012,4461],{"class":3069},[3044,14014,3074],{"class":3073},[3044,14016,3203],{"class":3077},[3044,14018,14019],{"class":3069}," KeySpline",[3044,14021,3074],{"class":3073},[3044,14023,14024],{"class":3077},"\"0.1,0.9 0.2,1\"",[3044,14026,3144],{"class":3050},[3044,14028,14029,14031,14033,14035,14037,14039,14041,14043,14045,14047,14049,14052],{"class":3046,"line":3083},[3044,14030,3064],{"class":3050},[3044,14032,13959],{"class":3054},[3044,14034,4453],{"class":3069},[3044,14036,3074],{"class":3073},[3044,14038,4502],{"class":3077},[3044,14040,4461],{"class":3069},[3044,14042,3074],{"class":3073},[3044,14044,4857],{"class":3077},[3044,14046,14019],{"class":3069},[3044,14048,3074],{"class":3073},[3044,14050,14051],{"class":3077},"\"0.3,0.1 0.9,0.2\"",[3044,14053,3144],{"class":3050},[3044,14055,14056,14058,14060],{"class":3046,"line":3100},[3044,14057,3160],{"class":3050},[3044,14059,13529],{"class":3054},[3044,14061,3058],{"class":3050},[2959,14063,14064,2980,14067,14070],{},[2977,14065,14066],{},"KeySpline формат:",[2966,14068,14069],{},"\"x1,y1 x2,y2\""," — дві контрольні точки кривої Безьє.",[3030,14072,14074],{"id":14073},"coloranimationusingkeyframes","ColorAnimationUsingKeyFrames",[2959,14076,14077],{},"Для анімації кольорів з кількома проміжними точками:",[3035,14079,14081],{"className":3037,"code":14080,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#3b82f6\">\n    \u003CBorder.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard RepeatBehavior=\"Forever\" AutoReverse=\"True\">\n                    \u003CColorAnimationUsingKeyFrames Storyboard.TargetProperty=\"(Border.Background).(SolidColorBrush.Color)\">\n                        \u003C!-- Синій -->\n                        \u003CLinearColorKeyFrame KeyTime=\"0:0:0\" Value=\"#3b82f6\"/>\n                        \u003C!-- Зелений -->\n                        \u003CLinearColorKeyFrame KeyTime=\"0:0:2\" Value=\"#22c55e\"/>\n                        \u003C!-- Помаранчевий -->\n                        \u003CLinearColorKeyFrame KeyTime=\"0:0:4\" Value=\"#f59e0b\"/>\n                        \u003C!-- Червоний -->\n                        \u003CLinearColorKeyFrame KeyTime=\"0:0:6\" Value=\"#ef4444\"/>\n                    \u003C/ColorAnimationUsingKeyFrames>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Border.Triggers>\n\u003C/Border>\n",[2966,14082,14083,14097,14105,14119,14127,14147,14162,14167,14188,14193,14213,14218,14239,14244,14266,14274,14282,14290,14298,14306],{"__ignoreMap":3040},[3044,14084,14085,14087,14089,14091,14093,14095],{"class":3046,"line":3047},[3044,14086,3051],{"class":3050},[3044,14088,3462],{"class":3054},[3044,14090,3465],{"class":3069},[3044,14092,3074],{"class":3073},[3044,14094,3650],{"class":3077},[3044,14096,3058],{"class":3050},[3044,14098,14099,14101,14103],{"class":3046,"line":3061},[3044,14100,3064],{"class":3050},[3044,14102,5682],{"class":3054},[3044,14104,3058],{"class":3050},[3044,14106,14107,14109,14111,14113,14115,14117],{"class":3046,"line":3083},[3044,14108,3086],{"class":3050},[3044,14110,3291],{"class":3054},[3044,14112,3294],{"class":3069},[3044,14114,3074],{"class":3073},[3044,14116,3299],{"class":3077},[3044,14118,3058],{"class":3050},[3044,14120,14121,14123,14125],{"class":3046,"line":3100},[3044,14122,3306],{"class":3050},[3044,14124,3309],{"class":3054},[3044,14126,3058],{"class":3050},[3044,14128,14129,14131,14133,14135,14137,14139,14141,14143,14145],{"class":3046,"line":3111},[3044,14130,3316],{"class":3050},[3044,14132,2968],{"class":3054},[3044,14134,4746],{"class":3069},[3044,14136,3074],{"class":3073},[3044,14138,4441],{"class":3077},[3044,14140,4866],{"class":3069},[3044,14142,3074],{"class":3073},[3044,14144,4871],{"class":3077},[3044,14146,3058],{"class":3050},[3044,14148,14149,14151,14153,14155,14157,14160],{"class":3046,"line":3122},[3044,14150,3325],{"class":3050},[3044,14152,14074],{"class":3054},[3044,14154,3330],{"class":3069},[3044,14156,3074],{"class":3073},[3044,14158,14159],{"class":3077},"\"(Border.Background).(SolidColorBrush.Color)\"",[3044,14161,3058],{"class":3050},[3044,14163,14164],{"class":3046,"line":3133},[3044,14165,14166],{"class":3881},"                        \u003C!-- Синій -->\n",[3044,14168,14169,14171,14174,14176,14178,14180,14182,14184,14186],{"class":3046,"line":3147},[3044,14170,5719],{"class":3050},[3044,14172,14173],{"class":3054},"LinearColorKeyFrame",[3044,14175,4453],{"class":3069},[3044,14177,3074],{"class":3073},[3044,14179,4458],{"class":3077},[3044,14181,4461],{"class":3069},[3044,14183,3074],{"class":3073},[3044,14185,3650],{"class":3077},[3044,14187,3144],{"class":3050},[3044,14189,14190],{"class":3046,"line":3157},[3044,14191,14192],{"class":3881},"                        \u003C!-- Зелений -->\n",[3044,14194,14195,14197,14199,14201,14203,14205,14207,14209,14211],{"class":3046,"line":3167},[3044,14196,5719],{"class":3050},[3044,14198,14173],{"class":3054},[3044,14200,4453],{"class":3069},[3044,14202,3074],{"class":3073},[3044,14204,4721],{"class":3077},[3044,14206,4461],{"class":3069},[3044,14208,3074],{"class":3073},[3044,14210,5886],{"class":3077},[3044,14212,3144],{"class":3050},[3044,14214,14215],{"class":3046,"line":3174},[3044,14216,14217],{"class":3881},"                        \u003C!-- Помаранчевий -->\n",[3044,14219,14220,14222,14224,14226,14228,14231,14233,14235,14237],{"class":3046,"line":3384},[3044,14221,5719],{"class":3050},[3044,14223,14173],{"class":3054},[3044,14225,4453],{"class":3069},[3044,14227,3074],{"class":3073},[3044,14229,14230],{"class":3077},"\"0:0:4\"",[3044,14232,4461],{"class":3069},[3044,14234,3074],{"class":3073},[3044,14236,6108],{"class":3077},[3044,14238,3144],{"class":3050},[3044,14240,14241],{"class":3046,"line":3394},[3044,14242,14243],{"class":3881},"                        \u003C!-- Червоний -->\n",[3044,14245,14246,14248,14250,14252,14254,14257,14259,14261,14264],{"class":3046,"line":3403},[3044,14247,5719],{"class":3050},[3044,14249,14173],{"class":3054},[3044,14251,4453],{"class":3069},[3044,14253,3074],{"class":3073},[3044,14255,14256],{"class":3077},"\"0:0:6\"",[3044,14258,4461],{"class":3069},[3044,14260,3074],{"class":3073},[3044,14262,14263],{"class":3077},"\"#ef4444\"",[3044,14265,3144],{"class":3050},[3044,14267,14268,14270,14272],{"class":3046,"line":3656},[3044,14269,5815],{"class":3050},[3044,14271,14074],{"class":3054},[3044,14273,3058],{"class":3050},[3044,14275,14276,14278,14280],{"class":3046,"line":3668},[3044,14277,3368],{"class":3050},[3044,14279,2968],{"class":3054},[3044,14281,3058],{"class":3050},[3044,14283,14284,14286,14288],{"class":3046,"line":3679},[3044,14285,3377],{"class":3050},[3044,14287,3309],{"class":3054},[3044,14289,3058],{"class":3050},[3044,14291,14292,14294,14296],{"class":3046,"line":3691},[3044,14293,3387],{"class":3050},[3044,14295,3291],{"class":3054},[3044,14297,3058],{"class":3050},[3044,14299,14300,14302,14304],{"class":3046,"line":3705},[3044,14301,3150],{"class":3050},[3044,14303,5682],{"class":3054},[3044,14305,3058],{"class":3050},[3044,14307,14308,14310,14312],{"class":3046,"line":3716},[3044,14309,3160],{"class":3050},[3044,14311,3462],{"class":3054},[3044,14313,3058],{"class":3050},[2959,14315,14316],{},[2977,14317,14318],{},"Приклад: Складна траєкторія руху:",[3448,14320,14322],{"title":14321},"KeyFrame анімація — складна траєкторія",[3035,14323,14325],{"className":3037,"code":14324,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CCanvas Width=\"400\" Height=\"300\">\n        \u003CEllipse Width=\"40\" Height=\"40\" Fill=\"#3b82f6\">\n            \u003CEllipse.RenderTransform>\n                \u003CTranslateTransform X=\"0\" Y=\"0\"/>\n            \u003C/Ellipse.RenderTransform>\n            \u003CEllipse.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard RepeatBehavior=\"Forever\">\n                            \u003C!-- Рух по X -->\n                            \u003CDoubleAnimationUsingKeyFrames Storyboard.TargetProperty=\"(Ellipse.RenderTransform).(TranslateTransform.X)\">\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:0\" Value=\"0\"/>\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:1\" Value=\"180\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CQuadraticEase EasingMode=\"EaseInOut\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:2\" Value=\"360\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CQuadraticEase EasingMode=\"EaseInOut\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:3\" Value=\"180\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CQuadraticEase EasingMode=\"EaseInOut\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:4\" Value=\"0\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CQuadraticEase EasingMode=\"EaseInOut\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                            \u003C/DoubleAnimationUsingKeyFrames>\n                            \n                            \u003C!-- Рух по Y (синусоїда) -->\n                            \u003CDoubleAnimationUsingKeyFrames Storyboard.TargetProperty=\"(Ellipse.RenderTransform).(TranslateTransform.Y)\">\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:0\" Value=\"130\"/>\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:1\" Value=\"30\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CSineEase EasingMode=\"EaseInOut\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:2\" Value=\"130\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CSineEase EasingMode=\"EaseInOut\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:3\" Value=\"230\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CSineEase EasingMode=\"EaseInOut\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:4\" Value=\"130\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CSineEase EasingMode=\"EaseInOut\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                            \u003C/DoubleAnimationUsingKeyFrames>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Ellipse.Triggers>\n        \u003C/Ellipse>\n        \n        \u003C!-- Траєкторія (для візуалізації) -->\n        \u003CPath Stroke=\"#cbd5e1\" StrokeThickness=\"2\" StrokeDashArray=\"4,4\">\n            \u003CPath.Data>\n                \u003CPathGeometry>\n                    \u003CPathFigure StartPoint=\"20,150\">\n                        \u003CBezierSegment Point1=\"100,50\" Point2=\"150,50\" Point3=\"200,150\"/>\n                        \u003CBezierSegment Point1=\"250,250\" Point2=\"300,250\" Point3=\"380,150\"/>\n                    \u003C/PathFigure>\n                \u003C/PathGeometry>\n            \u003C/Path.Data>\n        \u003C/Path>\n    \u003C/Canvas>\n\u003C/Border>\n",[2966,14326,14327,14353,14374,14400,14408,14428,14436,14444,14458,14466,14480,14485,14500,14520,14541,14549,14563,14571,14579,14599,14607,14621,14629,14637,14657,14665,14679,14687,14695,14715,14723,14737,14745,14753,14761,14766,14771,14786,14807,14827,14835,14849,14857,14865,14885,14893,14907,14915,14923,14944,14952,14966,14974,14982,15002,15010,15024,15032,15040,15048,15056,15064,15072,15080,15088,15092,15097,15129,15138,15147,15164,15197,15226,15234,15242,15250,15258,15266],{"__ignoreMap":3040},[3044,14328,14329,14331,14333,14335,14337,14339,14341,14343,14345,14347,14349,14351],{"class":3046,"line":3047},[3044,14330,3051],{"class":3050},[3044,14332,3462],{"class":3054},[3044,14334,3465],{"class":3069},[3044,14336,3074],{"class":3073},[3044,14338,3470],{"class":3077},[3044,14340,3473],{"class":3069},[3044,14342,3074],{"class":3073},[3044,14344,3478],{"class":3077},[3044,14346,3481],{"class":3069},[3044,14348,3074],{"class":3073},[3044,14350,3486],{"class":3077},[3044,14352,3058],{"class":3050},[3044,14354,14355,14357,14359,14361,14363,14366,14368,14370,14372],{"class":3046,"line":3061},[3044,14356,3064],{"class":3050},[3044,14358,8291],{"class":3054},[3044,14360,4900],{"class":3069},[3044,14362,3074],{"class":3073},[3044,14364,14365],{"class":3077},"\"400\"",[3044,14367,4908],{"class":3069},[3044,14369,3074],{"class":3073},[3044,14371,3631],{"class":3077},[3044,14373,3058],{"class":3050},[3044,14375,14376,14378,14380,14382,14384,14386,14388,14390,14392,14394,14396,14398],{"class":3046,"line":3083},[3044,14377,3086],{"class":3050},[3044,14379,4890],{"class":3054},[3044,14381,4900],{"class":3069},[3044,14383,3074],{"class":3073},[3044,14385,3478],{"class":3077},[3044,14387,4908],{"class":3069},[3044,14389,3074],{"class":3073},[3044,14391,3478],{"class":3077},[3044,14393,4915],{"class":3069},[3044,14395,3074],{"class":3073},[3044,14397,3650],{"class":3077},[3044,14399,3058],{"class":3050},[3044,14401,14402,14404,14406],{"class":3046,"line":3100},[3044,14403,3306],{"class":3050},[3044,14405,7897],{"class":3054},[3044,14407,3058],{"class":3050},[3044,14409,14410,14412,14414,14416,14418,14420,14422,14424,14426],{"class":3046,"line":3111},[3044,14411,3316],{"class":3050},[3044,14413,7906],{"class":3054},[3044,14415,7909],{"class":3069},[3044,14417,3074],{"class":3073},[3044,14419,3203],{"class":3077},[3044,14421,7916],{"class":3069},[3044,14423,3074],{"class":3073},[3044,14425,3203],{"class":3077},[3044,14427,3144],{"class":3050},[3044,14429,14430,14432,14434],{"class":3046,"line":3122},[3044,14431,3377],{"class":3050},[3044,14433,7897],{"class":3054},[3044,14435,3058],{"class":3050},[3044,14437,14438,14440,14442],{"class":3046,"line":3133},[3044,14439,3306],{"class":3050},[3044,14441,4928],{"class":3054},[3044,14443,3058],{"class":3050},[3044,14445,14446,14448,14450,14452,14454,14456],{"class":3046,"line":3147},[3044,14447,3316],{"class":3050},[3044,14449,3291],{"class":3054},[3044,14451,3294],{"class":3069},[3044,14453,3074],{"class":3073},[3044,14455,3299],{"class":3077},[3044,14457,3058],{"class":3050},[3044,14459,14460,14462,14464],{"class":3046,"line":3157},[3044,14461,3325],{"class":3050},[3044,14463,3309],{"class":3054},[3044,14465,3058],{"class":3050},[3044,14467,14468,14470,14472,14474,14476,14478],{"class":3046,"line":3167},[3044,14469,5719],{"class":3050},[3044,14471,2968],{"class":3054},[3044,14473,4746],{"class":3069},[3044,14475,3074],{"class":3073},[3044,14477,4441],{"class":3077},[3044,14479,3058],{"class":3050},[3044,14481,14482],{"class":3046,"line":3174},[3044,14483,14484],{"class":3881},"                            \u003C!-- Рух по X -->\n",[3044,14486,14487,14489,14491,14493,14495,14498],{"class":3046,"line":3384},[3044,14488,5772],{"class":3050},[3044,14490,13529],{"class":3054},[3044,14492,3330],{"class":3069},[3044,14494,3074],{"class":3073},[3044,14496,14497],{"class":3077},"\"(Ellipse.RenderTransform).(TranslateTransform.X)\"",[3044,14499,3058],{"class":3050},[3044,14501,14502,14504,14506,14508,14510,14512,14514,14516,14518],{"class":3046,"line":3394},[3044,14503,5781],{"class":3050},[3044,14505,13703],{"class":3054},[3044,14507,4453],{"class":3069},[3044,14509,3074],{"class":3073},[3044,14511,4458],{"class":3077},[3044,14513,4461],{"class":3069},[3044,14515,3074],{"class":3073},[3044,14517,3203],{"class":3077},[3044,14519,3144],{"class":3050},[3044,14521,14522,14524,14526,14528,14530,14532,14534,14536,14539],{"class":3046,"line":3403},[3044,14523,5781],{"class":3050},[3044,14525,13703],{"class":3054},[3044,14527,4453],{"class":3069},[3044,14529,3074],{"class":3073},[3044,14531,4502],{"class":3077},[3044,14533,4461],{"class":3069},[3044,14535,3074],{"class":3073},[3044,14537,14538],{"class":3077},"\"180\"",[3044,14540,3058],{"class":3050},[3044,14542,14543,14545,14547],{"class":3046,"line":3656},[3044,14544,7459],{"class":3050},[3044,14546,13724],{"class":3054},[3044,14548,3058],{"class":3050},[3044,14550,14551,14553,14555,14557,14559,14561],{"class":3046,"line":3668},[3044,14552,8487],{"class":3050},[3044,14554,5077],{"class":3054},[3044,14556,5127],{"class":3069},[3044,14558,3074],{"class":3073},[3044,14560,6226],{"class":3077},[3044,14562,3144],{"class":3050},[3044,14564,14565,14567,14569],{"class":3046,"line":3679},[3044,14566,8514],{"class":3050},[3044,14568,13724],{"class":3054},[3044,14570,3058],{"class":3050},[3044,14572,14573,14575,14577],{"class":3046,"line":3691},[3044,14574,7480],{"class":3050},[3044,14576,13703],{"class":3054},[3044,14578,3058],{"class":3050},[3044,14580,14581,14583,14585,14587,14589,14591,14593,14595,14597],{"class":3046,"line":3705},[3044,14582,5781],{"class":3050},[3044,14584,13703],{"class":3054},[3044,14586,4453],{"class":3069},[3044,14588,3074],{"class":3073},[3044,14590,4721],{"class":3077},[3044,14592,4461],{"class":3069},[3044,14594,3074],{"class":3073},[3044,14596,8902],{"class":3077},[3044,14598,3058],{"class":3050},[3044,14600,14601,14603,14605],{"class":3046,"line":3716},[3044,14602,7459],{"class":3050},[3044,14604,13724],{"class":3054},[3044,14606,3058],{"class":3050},[3044,14608,14609,14611,14613,14615,14617,14619],{"class":3046,"line":3727},[3044,14610,8487],{"class":3050},[3044,14612,5077],{"class":3054},[3044,14614,5127],{"class":3069},[3044,14616,3074],{"class":3073},[3044,14618,6226],{"class":3077},[3044,14620,3144],{"class":3050},[3044,14622,14623,14625,14627],{"class":3046,"line":3740},[3044,14624,8514],{"class":3050},[3044,14626,13724],{"class":3054},[3044,14628,3058],{"class":3050},[3044,14630,14631,14633,14635],{"class":3046,"line":3749},[3044,14632,7480],{"class":3050},[3044,14634,13703],{"class":3054},[3044,14636,3058],{"class":3050},[3044,14638,14639,14641,14643,14645,14647,14649,14651,14653,14655],{"class":3046,"line":3758},[3044,14640,5781],{"class":3050},[3044,14642,13703],{"class":3054},[3044,14644,4453],{"class":3069},[3044,14646,3074],{"class":3073},[3044,14648,13799],{"class":3077},[3044,14650,4461],{"class":3069},[3044,14652,3074],{"class":3073},[3044,14654,14538],{"class":3077},[3044,14656,3058],{"class":3050},[3044,14658,14659,14661,14663],{"class":3046,"line":4272},[3044,14660,7459],{"class":3050},[3044,14662,13724],{"class":3054},[3044,14664,3058],{"class":3050},[3044,14666,14667,14669,14671,14673,14675,14677],{"class":3046,"line":5927},[3044,14668,8487],{"class":3050},[3044,14670,5077],{"class":3054},[3044,14672,5127],{"class":3069},[3044,14674,3074],{"class":3073},[3044,14676,6226],{"class":3077},[3044,14678,3144],{"class":3050},[3044,14680,14681,14683,14685],{"class":3046,"line":5936},[3044,14682,8514],{"class":3050},[3044,14684,13724],{"class":3054},[3044,14686,3058],{"class":3050},[3044,14688,14689,14691,14693],{"class":3046,"line":5949},[3044,14690,7480],{"class":3050},[3044,14692,13703],{"class":3054},[3044,14694,3058],{"class":3050},[3044,14696,14697,14699,14701,14703,14705,14707,14709,14711,14713],{"class":3046,"line":5970},[3044,14698,5781],{"class":3050},[3044,14700,13703],{"class":3054},[3044,14702,4453],{"class":3069},[3044,14704,3074],{"class":3073},[3044,14706,14230],{"class":3077},[3044,14708,4461],{"class":3069},[3044,14710,3074],{"class":3073},[3044,14712,3203],{"class":3077},[3044,14714,3058],{"class":3050},[3044,14716,14717,14719,14721],{"class":3046,"line":5987},[3044,14718,7459],{"class":3050},[3044,14720,13724],{"class":3054},[3044,14722,3058],{"class":3050},[3044,14724,14725,14727,14729,14731,14733,14735],{"class":3046,"line":5996},[3044,14726,8487],{"class":3050},[3044,14728,5077],{"class":3054},[3044,14730,5127],{"class":3069},[3044,14732,3074],{"class":3073},[3044,14734,6226],{"class":3077},[3044,14736,3144],{"class":3050},[3044,14738,14739,14741,14743],{"class":3046,"line":6011},[3044,14740,8514],{"class":3050},[3044,14742,13724],{"class":3054},[3044,14744,3058],{"class":3050},[3044,14746,14747,14749,14751],{"class":3046,"line":6020},[3044,14748,7480],{"class":3050},[3044,14750,13703],{"class":3054},[3044,14752,3058],{"class":3050},[3044,14754,14755,14757,14759],{"class":3046,"line":6029},[3044,14756,5797],{"class":3050},[3044,14758,13529],{"class":3054},[3044,14760,3058],{"class":3050},[3044,14762,14763],{"class":3046,"line":6038},[3044,14764,14765],{"class":3073},"                            \n",[3044,14767,14768],{"class":3046,"line":6047},[3044,14769,14770],{"class":3881},"                            \u003C!-- Рух по Y (синусоїда) -->\n",[3044,14772,14773,14775,14777,14779,14781,14784],{"class":3046,"line":6056},[3044,14774,5772],{"class":3050},[3044,14776,13529],{"class":3054},[3044,14778,3330],{"class":3069},[3044,14780,3074],{"class":3073},[3044,14782,14783],{"class":3077},"\"(Ellipse.RenderTransform).(TranslateTransform.Y)\"",[3044,14785,3058],{"class":3050},[3044,14787,14788,14790,14792,14794,14796,14798,14800,14802,14805],{"class":3046,"line":6065},[3044,14789,5781],{"class":3050},[3044,14791,13703],{"class":3054},[3044,14793,4453],{"class":3069},[3044,14795,3074],{"class":3073},[3044,14797,4458],{"class":3077},[3044,14799,4461],{"class":3069},[3044,14801,3074],{"class":3073},[3044,14803,14804],{"class":3077},"\"130\"",[3044,14806,3144],{"class":3050},[3044,14808,14809,14811,14813,14815,14817,14819,14821,14823,14825],{"class":3046,"line":6074},[3044,14810,5781],{"class":3050},[3044,14812,13703],{"class":3054},[3044,14814,4453],{"class":3069},[3044,14816,3074],{"class":3073},[3044,14818,4502],{"class":3077},[3044,14820,4461],{"class":3069},[3044,14822,3074],{"class":3073},[3044,14824,11813],{"class":3077},[3044,14826,3058],{"class":3050},[3044,14828,14829,14831,14833],{"class":3046,"line":6079},[3044,14830,7459],{"class":3050},[3044,14832,13724],{"class":3054},[3044,14834,3058],{"class":3050},[3044,14836,14837,14839,14841,14843,14845,14847],{"class":3046,"line":6085},[3044,14838,8487],{"class":3050},[3044,14840,5254],{"class":3054},[3044,14842,5127],{"class":3069},[3044,14844,3074],{"class":3073},[3044,14846,6226],{"class":3077},[3044,14848,3144],{"class":3050},[3044,14850,14851,14853,14855],{"class":3046,"line":6113},[3044,14852,8514],{"class":3050},[3044,14854,13724],{"class":3054},[3044,14856,3058],{"class":3050},[3044,14858,14859,14861,14863],{"class":3046,"line":6122},[3044,14860,7480],{"class":3050},[3044,14862,13703],{"class":3054},[3044,14864,3058],{"class":3050},[3044,14866,14867,14869,14871,14873,14875,14877,14879,14881,14883],{"class":3046,"line":6137},[3044,14868,5781],{"class":3050},[3044,14870,13703],{"class":3054},[3044,14872,4453],{"class":3069},[3044,14874,3074],{"class":3073},[3044,14876,4721],{"class":3077},[3044,14878,4461],{"class":3069},[3044,14880,3074],{"class":3073},[3044,14882,14804],{"class":3077},[3044,14884,3058],{"class":3050},[3044,14886,14887,14889,14891],{"class":3046,"line":6146},[3044,14888,7459],{"class":3050},[3044,14890,13724],{"class":3054},[3044,14892,3058],{"class":3050},[3044,14894,14895,14897,14899,14901,14903,14905],{"class":3046,"line":6155},[3044,14896,8487],{"class":3050},[3044,14898,5254],{"class":3054},[3044,14900,5127],{"class":3069},[3044,14902,3074],{"class":3073},[3044,14904,6226],{"class":3077},[3044,14906,3144],{"class":3050},[3044,14908,14909,14911,14913],{"class":3046,"line":6168},[3044,14910,8514],{"class":3050},[3044,14912,13724],{"class":3054},[3044,14914,3058],{"class":3050},[3044,14916,14917,14919,14921],{"class":3046,"line":6189},[3044,14918,7480],{"class":3050},[3044,14920,13703],{"class":3054},[3044,14922,3058],{"class":3050},[3044,14924,14925,14927,14929,14931,14933,14935,14937,14939,14942],{"class":3046,"line":6206},[3044,14926,5781],{"class":3050},[3044,14928,13703],{"class":3054},[3044,14930,4453],{"class":3069},[3044,14932,3074],{"class":3073},[3044,14934,13799],{"class":3077},[3044,14936,4461],{"class":3069},[3044,14938,3074],{"class":3073},[3044,14940,14941],{"class":3077},"\"230\"",[3044,14943,3058],{"class":3050},[3044,14945,14946,14948,14950],{"class":3046,"line":6215},[3044,14947,7459],{"class":3050},[3044,14949,13724],{"class":3054},[3044,14951,3058],{"class":3050},[3044,14953,14954,14956,14958,14960,14962,14964],{"class":3046,"line":6231},[3044,14955,8487],{"class":3050},[3044,14957,5254],{"class":3054},[3044,14959,5127],{"class":3069},[3044,14961,3074],{"class":3073},[3044,14963,6226],{"class":3077},[3044,14965,3144],{"class":3050},[3044,14967,14968,14970,14972],{"class":3046,"line":6240},[3044,14969,8514],{"class":3050},[3044,14971,13724],{"class":3054},[3044,14973,3058],{"class":3050},[3044,14975,14976,14978,14980],{"class":3046,"line":6249},[3044,14977,7480],{"class":3050},[3044,14979,13703],{"class":3054},[3044,14981,3058],{"class":3050},[3044,14983,14984,14986,14988,14990,14992,14994,14996,14998,15000],{"class":3046,"line":6258},[3044,14985,5781],{"class":3050},[3044,14987,13703],{"class":3054},[3044,14989,4453],{"class":3069},[3044,14991,3074],{"class":3073},[3044,14993,14230],{"class":3077},[3044,14995,4461],{"class":3069},[3044,14997,3074],{"class":3073},[3044,14999,14804],{"class":3077},[3044,15001,3058],{"class":3050},[3044,15003,15004,15006,15008],{"class":3046,"line":6267},[3044,15005,7459],{"class":3050},[3044,15007,13724],{"class":3054},[3044,15009,3058],{"class":3050},[3044,15011,15012,15014,15016,15018,15020,15022],{"class":3046,"line":6276},[3044,15013,8487],{"class":3050},[3044,15015,5254],{"class":3054},[3044,15017,5127],{"class":3069},[3044,15019,3074],{"class":3073},[3044,15021,6226],{"class":3077},[3044,15023,3144],{"class":3050},[3044,15025,15026,15028,15030],{"class":3046,"line":6285},[3044,15027,8514],{"class":3050},[3044,15029,13724],{"class":3054},[3044,15031,3058],{"class":3050},[3044,15033,15034,15036,15038],{"class":3046,"line":6294},[3044,15035,7480],{"class":3050},[3044,15037,13703],{"class":3054},[3044,15039,3058],{"class":3050},[3044,15041,15042,15044,15046],{"class":3046,"line":7054},[3044,15043,5797],{"class":3050},[3044,15045,13529],{"class":3054},[3044,15047,3058],{"class":3050},[3044,15049,15050,15052,15054],{"class":3046,"line":7063},[3044,15051,5806],{"class":3050},[3044,15053,2968],{"class":3054},[3044,15055,3058],{"class":3050},[3044,15057,15058,15060,15062],{"class":3046,"line":7072},[3044,15059,5815],{"class":3050},[3044,15061,3309],{"class":3054},[3044,15063,3058],{"class":3050},[3044,15065,15066,15068,15070],{"class":3046,"line":7106},[3044,15067,3368],{"class":3050},[3044,15069,3291],{"class":3054},[3044,15071,3058],{"class":3050},[3044,15073,15074,15076,15078],{"class":3046,"line":7115},[3044,15075,3377],{"class":3050},[3044,15077,4928],{"class":3054},[3044,15079,3058],{"class":3050},[3044,15081,15082,15084,15086],{"class":3046,"line":10957},[3044,15083,3387],{"class":3050},[3044,15085,4890],{"class":3054},[3044,15087,3058],{"class":3050},[3044,15089,15090],{"class":3046,"line":10966},[3044,15091,3572],{"class":3073},[3044,15093,15094],{"class":3046,"line":10979},[3044,15095,15096],{"class":3881},"        \u003C!-- Траєкторія (для візуалізації) -->\n",[3044,15098,15099,15101,15104,15107,15109,15112,15115,15117,15119,15122,15124,15127],{"class":3046,"line":10996},[3044,15100,3086],{"class":3050},[3044,15102,15103],{"class":3054},"Path",[3044,15105,15106],{"class":3069}," Stroke",[3044,15108,3074],{"class":3073},[3044,15110,15111],{"class":3077},"\"#cbd5e1\"",[3044,15113,15114],{"class":3069}," StrokeThickness",[3044,15116,3074],{"class":3073},[3044,15118,5574],{"class":3077},[3044,15120,15121],{"class":3069}," StrokeDashArray",[3044,15123,3074],{"class":3073},[3044,15125,15126],{"class":3077},"\"4,4\"",[3044,15128,3058],{"class":3050},[3044,15130,15131,15133,15136],{"class":3046,"line":11005},[3044,15132,3306],{"class":3050},[3044,15134,15135],{"class":3054},"Path.Data",[3044,15137,3058],{"class":3050},[3044,15139,15140,15142,15145],{"class":3046,"line":11020},[3044,15141,3316],{"class":3050},[3044,15143,15144],{"class":3054},"PathGeometry",[3044,15146,3058],{"class":3050},[3044,15148,15149,15151,15154,15157,15159,15162],{"class":3046,"line":11029},[3044,15150,3325],{"class":3050},[3044,15152,15153],{"class":3054},"PathFigure",[3044,15155,15156],{"class":3069}," StartPoint",[3044,15158,3074],{"class":3073},[3044,15160,15161],{"class":3077},"\"20,150\"",[3044,15163,3058],{"class":3050},[3044,15165,15166,15168,15171,15174,15176,15179,15182,15184,15187,15190,15192,15195],{"class":3046,"line":11038},[3044,15167,5719],{"class":3050},[3044,15169,15170],{"class":3054},"BezierSegment",[3044,15172,15173],{"class":3069}," Point1",[3044,15175,3074],{"class":3073},[3044,15177,15178],{"class":3077},"\"100,50\"",[3044,15180,15181],{"class":3069}," Point2",[3044,15183,3074],{"class":3073},[3044,15185,15186],{"class":3077},"\"150,50\"",[3044,15188,15189],{"class":3069}," Point3",[3044,15191,3074],{"class":3073},[3044,15193,15194],{"class":3077},"\"200,150\"",[3044,15196,3144],{"class":3050},[3044,15198,15199,15201,15203,15205,15207,15210,15212,15214,15217,15219,15221,15224],{"class":3046,"line":11051},[3044,15200,5719],{"class":3050},[3044,15202,15170],{"class":3054},[3044,15204,15173],{"class":3069},[3044,15206,3074],{"class":3073},[3044,15208,15209],{"class":3077},"\"250,250\"",[3044,15211,15181],{"class":3069},[3044,15213,3074],{"class":3073},[3044,15215,15216],{"class":3077},"\"300,250\"",[3044,15218,15189],{"class":3069},[3044,15220,3074],{"class":3073},[3044,15222,15223],{"class":3077},"\"380,150\"",[3044,15225,3144],{"class":3050},[3044,15227,15228,15230,15232],{"class":3046,"line":11068},[3044,15229,5815],{"class":3050},[3044,15231,15153],{"class":3054},[3044,15233,3058],{"class":3050},[3044,15235,15236,15238,15240],{"class":3046,"line":11077},[3044,15237,3368],{"class":3050},[3044,15239,15144],{"class":3054},[3044,15241,3058],{"class":3050},[3044,15243,15244,15246,15248],{"class":3046,"line":11092},[3044,15245,3377],{"class":3050},[3044,15247,15135],{"class":3054},[3044,15249,3058],{"class":3050},[3044,15251,15252,15254,15256],{"class":3046,"line":11101},[3044,15253,3387],{"class":3050},[3044,15255,15103],{"class":3054},[3044,15257,3058],{"class":3050},[3044,15259,15260,15262,15264],{"class":3046,"line":11110},[3044,15261,3150],{"class":3050},[3044,15263,8291],{"class":3054},[3044,15265,3058],{"class":3050},[3044,15267,15268,15270,15272],{"class":3046,"line":11119},[3044,15269,3160],{"class":3050},[3044,15271,3462],{"class":3054},[3044,15273,3058],{"class":3050},[3030,15275,15277],{"id":15276},"objectanimationusingkeyframes-дискретні-зміни","ObjectAnimationUsingKeyFrames: дискретні зміни",[2959,15279,15280,15281,12356],{},"Для властивостей, що не підтримують інтерполяцію (Visibility, string, enum), використовується ",[2966,15282,4414],{},[3035,15284,15286],{"className":3037,"code":15285,"language":3039,"meta":3040,"style":3040},"\u003CTextBlock x:Name=\"StatusText\" Text=\"Idle\" FontSize=\"24\">\n    \u003CTextBlock.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard RepeatBehavior=\"Forever\">\n                    \u003CObjectAnimationUsingKeyFrames Storyboard.TargetProperty=\"Text\">\n                        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:0\" Value=\"Loading\"/>\n                        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:1\" Value=\"Loading.\"/>\n                        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:2\" Value=\"Loading..\"/>\n                        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:3\" Value=\"Loading...\"/>\n                    \u003C/ObjectAnimationUsingKeyFrames>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/TextBlock.Triggers>\n\u003C/TextBlock>\n",[2966,15287,15288,15316,15325,15339,15347,15361,15376,15397,15418,15439,15460,15468,15476,15484,15492,15500],{"__ignoreMap":3040},[3044,15289,15290,15292,15294,15296,15298,15301,15303,15305,15308,15310,15312,15314],{"class":3046,"line":3047},[3044,15291,3051],{"class":3050},[3044,15293,3520],{"class":3054},[3044,15295,3182],{"class":3069},[3044,15297,3074],{"class":3073},[3044,15299,15300],{"class":3077},"\"StatusText\"",[3044,15302,3523],{"class":3069},[3044,15304,3074],{"class":3073},[3044,15306,15307],{"class":3077},"\"Idle\"",[3044,15309,9674],{"class":3069},[3044,15311,3074],{"class":3073},[3044,15313,3538],{"class":3077},[3044,15315,3058],{"class":3050},[3044,15317,15318,15320,15323],{"class":3046,"line":3061},[3044,15319,3064],{"class":3050},[3044,15321,15322],{"class":3054},"TextBlock.Triggers",[3044,15324,3058],{"class":3050},[3044,15326,15327,15329,15331,15333,15335,15337],{"class":3046,"line":3083},[3044,15328,3086],{"class":3050},[3044,15330,3291],{"class":3054},[3044,15332,3294],{"class":3069},[3044,15334,3074],{"class":3073},[3044,15336,3299],{"class":3077},[3044,15338,3058],{"class":3050},[3044,15340,15341,15343,15345],{"class":3046,"line":3100},[3044,15342,3306],{"class":3050},[3044,15344,3309],{"class":3054},[3044,15346,3058],{"class":3050},[3044,15348,15349,15351,15353,15355,15357,15359],{"class":3046,"line":3111},[3044,15350,3316],{"class":3050},[3044,15352,2968],{"class":3054},[3044,15354,4746],{"class":3069},[3044,15356,3074],{"class":3073},[3044,15358,4441],{"class":3077},[3044,15360,3058],{"class":3050},[3044,15362,15363,15365,15367,15369,15371,15374],{"class":3046,"line":3122},[3044,15364,3325],{"class":3050},[3044,15366,4414],{"class":3054},[3044,15368,3330],{"class":3069},[3044,15370,3074],{"class":3073},[3044,15372,15373],{"class":3077},"\"Text\"",[3044,15375,3058],{"class":3050},[3044,15377,15378,15380,15382,15384,15386,15388,15390,15392,15395],{"class":3046,"line":3133},[3044,15379,5719],{"class":3050},[3044,15381,4450],{"class":3054},[3044,15383,4453],{"class":3069},[3044,15385,3074],{"class":3073},[3044,15387,4458],{"class":3077},[3044,15389,4461],{"class":3069},[3044,15391,3074],{"class":3073},[3044,15393,15394],{"class":3077},"\"Loading\"",[3044,15396,3144],{"class":3050},[3044,15398,15399,15401,15403,15405,15407,15409,15411,15413,15416],{"class":3046,"line":3147},[3044,15400,5719],{"class":3050},[3044,15402,4450],{"class":3054},[3044,15404,4453],{"class":3069},[3044,15406,3074],{"class":3073},[3044,15408,4502],{"class":3077},[3044,15410,4461],{"class":3069},[3044,15412,3074],{"class":3073},[3044,15414,15415],{"class":3077},"\"Loading.\"",[3044,15417,3144],{"class":3050},[3044,15419,15420,15422,15424,15426,15428,15430,15432,15434,15437],{"class":3046,"line":3157},[3044,15421,5719],{"class":3050},[3044,15423,4450],{"class":3054},[3044,15425,4453],{"class":3069},[3044,15427,3074],{"class":3073},[3044,15429,4721],{"class":3077},[3044,15431,4461],{"class":3069},[3044,15433,3074],{"class":3073},[3044,15435,15436],{"class":3077},"\"Loading..\"",[3044,15438,3144],{"class":3050},[3044,15440,15441,15443,15445,15447,15449,15451,15453,15455,15458],{"class":3046,"line":3167},[3044,15442,5719],{"class":3050},[3044,15444,4450],{"class":3054},[3044,15446,4453],{"class":3069},[3044,15448,3074],{"class":3073},[3044,15450,13799],{"class":3077},[3044,15452,4461],{"class":3069},[3044,15454,3074],{"class":3073},[3044,15456,15457],{"class":3077},"\"Loading...\"",[3044,15459,3144],{"class":3050},[3044,15461,15462,15464,15466],{"class":3046,"line":3174},[3044,15463,5815],{"class":3050},[3044,15465,4414],{"class":3054},[3044,15467,3058],{"class":3050},[3044,15469,15470,15472,15474],{"class":3046,"line":3384},[3044,15471,3368],{"class":3050},[3044,15473,2968],{"class":3054},[3044,15475,3058],{"class":3050},[3044,15477,15478,15480,15482],{"class":3046,"line":3394},[3044,15479,3377],{"class":3050},[3044,15481,3309],{"class":3054},[3044,15483,3058],{"class":3050},[3044,15485,15486,15488,15490],{"class":3046,"line":3403},[3044,15487,3387],{"class":3050},[3044,15489,3291],{"class":3054},[3044,15491,3058],{"class":3050},[3044,15493,15494,15496,15498],{"class":3046,"line":3656},[3044,15495,3150],{"class":3050},[3044,15497,15322],{"class":3054},[3044,15499,3058],{"class":3050},[3044,15501,15502,15504,15506],{"class":3046,"line":3668},[3044,15503,3160],{"class":3050},[3044,15505,3520],{"class":3054},[3044,15507,3058],{"class":3050},[2959,15509,15510],{},[2977,15511,15512],{},"Приклад: Мигаючий індикатор через Visibility:",[3035,15514,15516],{"className":3037,"code":15515,"language":3039,"meta":3040,"style":3040},"\u003CEllipse Width=\"20\" Height=\"20\" Fill=\"#ef4444\">\n    \u003CEllipse.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard RepeatBehavior=\"Forever\">\n                    \u003CObjectAnimationUsingKeyFrames Storyboard.TargetProperty=\"Visibility\">\n                        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:0\" Value=\"{x:Static Visibility.Visible}\"/>\n                        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:0.5\" Value=\"{x:Static Visibility.Collapsed}\"/>\n                        \u003CDiscreteObjectKeyFrame KeyTime=\"0:0:1\" Value=\"{x:Static Visibility.Visible}\"/>\n                    \u003C/ObjectAnimationUsingKeyFrames>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Ellipse.Triggers>\n\u003C/Ellipse>\n",[2966,15517,15518,15544,15552,15566,15574,15588,15603,15623,15643,15663,15671,15679,15687,15695,15703],{"__ignoreMap":3040},[3044,15519,15520,15522,15524,15526,15528,15530,15532,15534,15536,15538,15540,15542],{"class":3046,"line":3047},[3044,15521,3051],{"class":3050},[3044,15523,4890],{"class":3054},[3044,15525,4900],{"class":3069},[3044,15527,3074],{"class":3073},[3044,15529,4905],{"class":3077},[3044,15531,4908],{"class":3069},[3044,15533,3074],{"class":3073},[3044,15535,4905],{"class":3077},[3044,15537,4915],{"class":3069},[3044,15539,3074],{"class":3073},[3044,15541,14263],{"class":3077},[3044,15543,3058],{"class":3050},[3044,15545,15546,15548,15550],{"class":3046,"line":3061},[3044,15547,3064],{"class":3050},[3044,15549,4928],{"class":3054},[3044,15551,3058],{"class":3050},[3044,15553,15554,15556,15558,15560,15562,15564],{"class":3046,"line":3083},[3044,15555,3086],{"class":3050},[3044,15557,3291],{"class":3054},[3044,15559,3294],{"class":3069},[3044,15561,3074],{"class":3073},[3044,15563,3299],{"class":3077},[3044,15565,3058],{"class":3050},[3044,15567,15568,15570,15572],{"class":3046,"line":3100},[3044,15569,3306],{"class":3050},[3044,15571,3309],{"class":3054},[3044,15573,3058],{"class":3050},[3044,15575,15576,15578,15580,15582,15584,15586],{"class":3046,"line":3111},[3044,15577,3316],{"class":3050},[3044,15579,2968],{"class":3054},[3044,15581,4746],{"class":3069},[3044,15583,3074],{"class":3073},[3044,15585,4441],{"class":3077},[3044,15587,3058],{"class":3050},[3044,15589,15590,15592,15594,15596,15598,15601],{"class":3046,"line":3122},[3044,15591,3325],{"class":3050},[3044,15593,4414],{"class":3054},[3044,15595,3330],{"class":3069},[3044,15597,3074],{"class":3073},[3044,15599,15600],{"class":3077},"\"Visibility\"",[3044,15602,3058],{"class":3050},[3044,15604,15605,15607,15609,15611,15613,15615,15617,15619,15621],{"class":3046,"line":3133},[3044,15606,5719],{"class":3050},[3044,15608,4450],{"class":3054},[3044,15610,4453],{"class":3069},[3044,15612,3074],{"class":3073},[3044,15614,4458],{"class":3077},[3044,15616,4461],{"class":3069},[3044,15618,3074],{"class":3073},[3044,15620,4466],{"class":3077},[3044,15622,3144],{"class":3050},[3044,15624,15625,15627,15629,15631,15633,15635,15637,15639,15641],{"class":3046,"line":3147},[3044,15626,5719],{"class":3050},[3044,15628,4450],{"class":3054},[3044,15630,4453],{"class":3069},[3044,15632,3074],{"class":3073},[3044,15634,3141],{"class":3077},[3044,15636,4461],{"class":3069},[3044,15638,3074],{"class":3073},[3044,15640,4487],{"class":3077},[3044,15642,3144],{"class":3050},[3044,15644,15645,15647,15649,15651,15653,15655,15657,15659,15661],{"class":3046,"line":3157},[3044,15646,5719],{"class":3050},[3044,15648,4450],{"class":3054},[3044,15650,4453],{"class":3069},[3044,15652,3074],{"class":3073},[3044,15654,4502],{"class":3077},[3044,15656,4461],{"class":3069},[3044,15658,3074],{"class":3073},[3044,15660,4466],{"class":3077},[3044,15662,3144],{"class":3050},[3044,15664,15665,15667,15669],{"class":3046,"line":3167},[3044,15666,5815],{"class":3050},[3044,15668,4414],{"class":3054},[3044,15670,3058],{"class":3050},[3044,15672,15673,15675,15677],{"class":3046,"line":3174},[3044,15674,3368],{"class":3050},[3044,15676,2968],{"class":3054},[3044,15678,3058],{"class":3050},[3044,15680,15681,15683,15685],{"class":3046,"line":3384},[3044,15682,3377],{"class":3050},[3044,15684,3309],{"class":3054},[3044,15686,3058],{"class":3050},[3044,15688,15689,15691,15693],{"class":3046,"line":3394},[3044,15690,3387],{"class":3050},[3044,15692,3291],{"class":3054},[3044,15694,3058],{"class":3050},[3044,15696,15697,15699,15701],{"class":3046,"line":3403},[3044,15698,3150],{"class":3050},[3044,15700,4928],{"class":3054},[3044,15702,3058],{"class":3050},[3044,15704,15705,15707,15709],{"class":3046,"line":3656},[3044,15706,3160],{"class":3050},[3044,15708,4890],{"class":3054},[3044,15710,3058],{"class":3050},[6302,15712,15713,15718],{},[2959,15714,15715],{},[2977,15716,15717],{},"Коли використовувати KeyFrame анімації:",[3212,15719,15720,15723,15726,15729,15732],{},[3215,15721,15722],{},"Складні траєкторії руху (не просто A → B)",[3215,15724,15725],{},"Анімації з паузами між етапами",[3215,15727,15728],{},"Зміна кольору через кілька проміжних кольорів",[3215,15730,15731],{},"Комбінування різних Easing Functions в одній анімації",[3215,15733,15734],{},"Синхронізація кількох властивостей з різними таймінгами",[3017,15736],{},[3020,15738,15740],{"id":15739},"реальні-приклади-анімацій","Реальні приклади анімацій",[3030,15742,15744],{"id":15743},"notification-toast-slide-in-fade-out","Notification Toast: slide-in + fade-out",[2959,15746,15747],{},"Типова анімація для сповіщень — з'являється зверху, затримується, зникає.",[3448,15749,15751],{"title":15750},"Notification Toast анімація",[3035,15752,15754],{"className":3037,"code":15753,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CGrid>\n        \u003CBorder Width=\"320\" Height=\"80\"\n                Background=\"White\"\n                BorderBrush=\"#22c55e\"\n                BorderThickness=\"2\"\n                CornerRadius=\"8\"\n                Padding=\"16\"\n                VerticalAlignment=\"Top\"\n                HorizontalAlignment=\"Center\">\n            \u003CBorder.RenderTransform>\n                \u003CTranslateTransform X=\"0\" Y=\"-100\"/>\n            \u003C/Border.RenderTransform>\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003C!-- Slide-in зверху -->\n                            \u003CDoubleAnimationUsingKeyFrames Storyboard.TargetProperty=\"(Border.RenderTransform).(TranslateTransform.Y)\">\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:0\" Value=\"-100\"/>\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:0.5\" Value=\"0\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CBackEase EasingMode=\"EaseOut\" Amplitude=\"0.3\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                                \u003C!-- Затримка 2 секунди -->\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:2.5\" Value=\"0\"/>\n                                \u003C!-- Slide-out вгору -->\n                                \u003CEasingDoubleKeyFrame KeyTime=\"0:0:3\" Value=\"-100\">\n                                    \u003CEasingDoubleKeyFrame.EasingFunction>\n                                        \u003CQuadraticEase EasingMode=\"EaseIn\"/>\n                                    \u003C/EasingDoubleKeyFrame.EasingFunction>\n                                \u003C/EasingDoubleKeyFrame>\n                            \u003C/DoubleAnimationUsingKeyFrames>\n                            \n                            \u003C!-- Fade-out в кінці -->\n                            \u003CDoubleAnimationUsingKeyFrames Storyboard.TargetProperty=\"Opacity\">\n                                \u003CLinearDoubleKeyFrame KeyTime=\"0:0:0\" Value=\"1\"/>\n                                \u003CLinearDoubleKeyFrame KeyTime=\"0:0:2.5\" Value=\"1\"/>\n                                \u003CLinearDoubleKeyFrame KeyTime=\"0:0:3\" Value=\"0\"/>\n                            \u003C/DoubleAnimationUsingKeyFrames>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n            \n            \u003CGrid>\n                \u003CGrid.ColumnDefinitions>\n                    \u003CColumnDefinition Width=\"Auto\"/>\n                    \u003CColumnDefinition Width=\"*\"/>\n                \u003C/Grid.ColumnDefinitions>\n                \n                \u003CBorder Width=\"48\" Height=\"48\"\n                        Background=\"#22c55e\"\n                        CornerRadius=\"24\"\n                        Margin=\"0,0,12,0\">\n                    \u003CTextBlock Text=\"✓\" \n                               Foreground=\"White\" \n                               FontSize=\"28\"\n                               FontWeight=\"Bold\"\n                               HorizontalAlignment=\"Center\" \n                               VerticalAlignment=\"Center\"/>\n                \u003C/Border>\n                \n                \u003CStackPanel Grid.Column=\"1\" VerticalAlignment=\"Center\">\n                    \u003CTextBlock Text=\"Success!\" \n                               FontSize=\"16\" \n                               FontWeight=\"Bold\"\n                               Foreground=\"#1e293b\"\n                               Margin=\"0,0,0,4\"/>\n                    \u003CTextBlock Text=\"Your changes have been saved.\" \n                               FontSize=\"13\"\n                               Foreground=\"#64748b\"/>\n                \u003C/StackPanel>\n            \u003C/Grid>\n        \u003C/Border>\n    \u003C/Grid>\n\u003C/Border>\n",[2966,15755,15756,15782,15790,15810,15818,15827,15836,15844,15852,15862,15872,15880,15901,15909,15917,15931,15939,15947,15952,15967,15987,16007,16015,16036,16044,16052,16057,16078,16083,16103,16111,16125,16133,16141,16149,16153,16158,16172,16192,16212,16232,16240,16248,16256,16264,16272,16276,16284,16293,16309,16324,16332,16337,16356,16365,16375,16387,16402,16413,16423,16432,16443,16454,16462,16466,16487,16502,16512,16520,16528,16540,16555,16564,16574,16582,16590,16598,16606],{"__ignoreMap":3040},[3044,15757,15758,15760,15762,15764,15766,15768,15770,15772,15774,15776,15778,15780],{"class":3046,"line":3047},[3044,15759,3051],{"class":3050},[3044,15761,3462],{"class":3054},[3044,15763,3465],{"class":3069},[3044,15765,3074],{"class":3073},[3044,15767,3470],{"class":3077},[3044,15769,3473],{"class":3069},[3044,15771,3074],{"class":3073},[3044,15773,3478],{"class":3077},[3044,15775,3481],{"class":3069},[3044,15777,3074],{"class":3073},[3044,15779,3486],{"class":3077},[3044,15781,3058],{"class":3050},[3044,15783,15784,15786,15788],{"class":3046,"line":3061},[3044,15785,3064],{"class":3050},[3044,15787,9342],{"class":3054},[3044,15789,3058],{"class":3050},[3044,15791,15792,15794,15796,15798,15800,15803,15805,15807],{"class":3046,"line":3083},[3044,15793,3086],{"class":3050},[3044,15795,3462],{"class":3054},[3044,15797,4900],{"class":3069},[3044,15799,3074],{"class":3073},[3044,15801,15802],{"class":3077},"\"320\"",[3044,15804,4908],{"class":3069},[3044,15806,3074],{"class":3073},[3044,15808,15809],{"class":3077},"\"80\"\n",[3044,15811,15812,15814,15816],{"class":3046,"line":3100},[3044,15813,7299],{"class":3069},[3044,15815,3074],{"class":3073},[3044,15817,3713],{"class":3077},[3044,15819,15820,15822,15824],{"class":3046,"line":3111},[3044,15821,10259],{"class":3069},[3044,15823,3074],{"class":3073},[3044,15825,15826],{"class":3077},"\"#22c55e\"\n",[3044,15828,15829,15831,15833],{"class":3046,"line":3122},[3044,15830,10269],{"class":3069},[3044,15832,3074],{"class":3073},[3044,15834,15835],{"class":3077},"\"2\"\n",[3044,15837,15838,15840,15842],{"class":3046,"line":3133},[3044,15839,3659],{"class":3069},[3044,15841,3074],{"class":3073},[3044,15843,9380],{"class":3077},[3044,15845,15846,15848,15850],{"class":3046,"line":3147},[3044,15847,3671],{"class":3069},[3044,15849,3074],{"class":3073},[3044,15851,3724],{"class":3077},[3044,15853,15854,15857,15859],{"class":3046,"line":3157},[3044,15855,15856],{"class":3069},"                VerticalAlignment",[3044,15858,3074],{"class":3073},[3044,15860,15861],{"class":3077},"\"Top\"\n",[3044,15863,15864,15866,15868,15870],{"class":3046,"line":3167},[3044,15865,3682],{"class":3069},[3044,15867,3074],{"class":3073},[3044,15869,3511],{"class":3077},[3044,15871,3058],{"class":3050},[3044,15873,15874,15876,15878],{"class":3046,"line":3174},[3044,15875,3306],{"class":3050},[3044,15877,7323],{"class":3054},[3044,15879,3058],{"class":3050},[3044,15881,15882,15884,15886,15888,15890,15892,15894,15896,15899],{"class":3046,"line":3384},[3044,15883,3316],{"class":3050},[3044,15885,7906],{"class":3054},[3044,15887,7909],{"class":3069},[3044,15889,3074],{"class":3073},[3044,15891,3203],{"class":3077},[3044,15893,7916],{"class":3069},[3044,15895,3074],{"class":3073},[3044,15897,15898],{"class":3077},"\"-100\"",[3044,15900,3144],{"class":3050},[3044,15902,15903,15905,15907],{"class":3046,"line":3394},[3044,15904,3377],{"class":3050},[3044,15906,7323],{"class":3054},[3044,15908,3058],{"class":3050},[3044,15910,15911,15913,15915],{"class":3046,"line":3403},[3044,15912,3306],{"class":3050},[3044,15914,5682],{"class":3054},[3044,15916,3058],{"class":3050},[3044,15918,15919,15921,15923,15925,15927,15929],{"class":3046,"line":3656},[3044,15920,3316],{"class":3050},[3044,15922,3291],{"class":3054},[3044,15924,3294],{"class":3069},[3044,15926,3074],{"class":3073},[3044,15928,3299],{"class":3077},[3044,15930,3058],{"class":3050},[3044,15932,15933,15935,15937],{"class":3046,"line":3668},[3044,15934,3325],{"class":3050},[3044,15936,3309],{"class":3054},[3044,15938,3058],{"class":3050},[3044,15940,15941,15943,15945],{"class":3046,"line":3679},[3044,15942,5719],{"class":3050},[3044,15944,2968],{"class":3054},[3044,15946,3058],{"class":3050},[3044,15948,15949],{"class":3046,"line":3691},[3044,15950,15951],{"class":3881},"                            \u003C!-- Slide-in зверху -->\n",[3044,15953,15954,15956,15958,15960,15962,15965],{"class":3046,"line":3705},[3044,15955,5772],{"class":3050},[3044,15957,13529],{"class":3054},[3044,15959,3330],{"class":3069},[3044,15961,3074],{"class":3073},[3044,15963,15964],{"class":3077},"\"(Border.RenderTransform).(TranslateTransform.Y)\"",[3044,15966,3058],{"class":3050},[3044,15968,15969,15971,15973,15975,15977,15979,15981,15983,15985],{"class":3046,"line":3716},[3044,15970,5781],{"class":3050},[3044,15972,13703],{"class":3054},[3044,15974,4453],{"class":3069},[3044,15976,3074],{"class":3073},[3044,15978,4458],{"class":3077},[3044,15980,4461],{"class":3069},[3044,15982,3074],{"class":3073},[3044,15984,15898],{"class":3077},[3044,15986,3144],{"class":3050},[3044,15988,15989,15991,15993,15995,15997,15999,16001,16003,16005],{"class":3046,"line":3727},[3044,15990,5781],{"class":3050},[3044,15992,13703],{"class":3054},[3044,15994,4453],{"class":3069},[3044,15996,3074],{"class":3073},[3044,15998,3141],{"class":3077},[3044,16000,4461],{"class":3069},[3044,16002,3074],{"class":3073},[3044,16004,3203],{"class":3077},[3044,16006,3058],{"class":3050},[3044,16008,16009,16011,16013],{"class":3046,"line":3740},[3044,16010,7459],{"class":3050},[3044,16012,13724],{"class":3054},[3044,16014,3058],{"class":3050},[3044,16016,16017,16019,16021,16023,16025,16027,16029,16031,16034],{"class":3046,"line":3749},[3044,16018,8487],{"class":3050},[3044,16020,5293],{"class":3054},[3044,16022,5127],{"class":3069},[3044,16024,3074],{"class":3073},[3044,16026,5132],{"class":3077},[3044,16028,5388],{"class":3069},[3044,16030,3074],{"class":3073},[3044,16032,16033],{"class":3077},"\"0.3\"",[3044,16035,3144],{"class":3050},[3044,16037,16038,16040,16042],{"class":3046,"line":3758},[3044,16039,8514],{"class":3050},[3044,16041,13724],{"class":3054},[3044,16043,3058],{"class":3050},[3044,16045,16046,16048,16050],{"class":3046,"line":4272},[3044,16047,7480],{"class":3050},[3044,16049,13703],{"class":3054},[3044,16051,3058],{"class":3050},[3044,16053,16054],{"class":3046,"line":5927},[3044,16055,16056],{"class":3881},"                                \u003C!-- Затримка 2 секунди -->\n",[3044,16058,16059,16061,16063,16065,16067,16070,16072,16074,16076],{"class":3046,"line":5936},[3044,16060,5781],{"class":3050},[3044,16062,13703],{"class":3054},[3044,16064,4453],{"class":3069},[3044,16066,3074],{"class":3073},[3044,16068,16069],{"class":3077},"\"0:0:2.5\"",[3044,16071,4461],{"class":3069},[3044,16073,3074],{"class":3073},[3044,16075,3203],{"class":3077},[3044,16077,3144],{"class":3050},[3044,16079,16080],{"class":3046,"line":5949},[3044,16081,16082],{"class":3881},"                                \u003C!-- Slide-out вгору -->\n",[3044,16084,16085,16087,16089,16091,16093,16095,16097,16099,16101],{"class":3046,"line":5970},[3044,16086,5781],{"class":3050},[3044,16088,13703],{"class":3054},[3044,16090,4453],{"class":3069},[3044,16092,3074],{"class":3073},[3044,16094,13799],{"class":3077},[3044,16096,4461],{"class":3069},[3044,16098,3074],{"class":3073},[3044,16100,15898],{"class":3077},[3044,16102,3058],{"class":3050},[3044,16104,16105,16107,16109],{"class":3046,"line":5987},[3044,16106,7459],{"class":3050},[3044,16108,13724],{"class":3054},[3044,16110,3058],{"class":3050},[3044,16112,16113,16115,16117,16119,16121,16123],{"class":3046,"line":5996},[3044,16114,8487],{"class":3050},[3044,16116,5077],{"class":3054},[3044,16118,5127],{"class":3069},[3044,16120,3074],{"class":3073},[3044,16122,5790],{"class":3077},[3044,16124,3144],{"class":3050},[3044,16126,16127,16129,16131],{"class":3046,"line":6011},[3044,16128,8514],{"class":3050},[3044,16130,13724],{"class":3054},[3044,16132,3058],{"class":3050},[3044,16134,16135,16137,16139],{"class":3046,"line":6020},[3044,16136,7480],{"class":3050},[3044,16138,13703],{"class":3054},[3044,16140,3058],{"class":3050},[3044,16142,16143,16145,16147],{"class":3046,"line":6029},[3044,16144,5797],{"class":3050},[3044,16146,13529],{"class":3054},[3044,16148,3058],{"class":3050},[3044,16150,16151],{"class":3046,"line":6038},[3044,16152,14765],{"class":3073},[3044,16154,16155],{"class":3046,"line":6047},[3044,16156,16157],{"class":3881},"                            \u003C!-- Fade-out в кінці -->\n",[3044,16159,16160,16162,16164,16166,16168,16170],{"class":3046,"line":6056},[3044,16161,5772],{"class":3050},[3044,16163,13529],{"class":3054},[3044,16165,3330],{"class":3069},[3044,16167,3074],{"class":3073},[3044,16169,13996],{"class":3077},[3044,16171,3058],{"class":3050},[3044,16173,16174,16176,16178,16180,16182,16184,16186,16188,16190],{"class":3046,"line":6065},[3044,16175,5781],{"class":3050},[3044,16177,13677],{"class":3054},[3044,16179,4453],{"class":3069},[3044,16181,3074],{"class":3073},[3044,16183,4458],{"class":3077},[3044,16185,4461],{"class":3069},[3044,16187,3074],{"class":3073},[3044,16189,4857],{"class":3077},[3044,16191,3144],{"class":3050},[3044,16193,16194,16196,16198,16200,16202,16204,16206,16208,16210],{"class":3046,"line":6074},[3044,16195,5781],{"class":3050},[3044,16197,13677],{"class":3054},[3044,16199,4453],{"class":3069},[3044,16201,3074],{"class":3073},[3044,16203,16069],{"class":3077},[3044,16205,4461],{"class":3069},[3044,16207,3074],{"class":3073},[3044,16209,4857],{"class":3077},[3044,16211,3144],{"class":3050},[3044,16213,16214,16216,16218,16220,16222,16224,16226,16228,16230],{"class":3046,"line":6079},[3044,16215,5781],{"class":3050},[3044,16217,13677],{"class":3054},[3044,16219,4453],{"class":3069},[3044,16221,3074],{"class":3073},[3044,16223,13799],{"class":3077},[3044,16225,4461],{"class":3069},[3044,16227,3074],{"class":3073},[3044,16229,3203],{"class":3077},[3044,16231,3144],{"class":3050},[3044,16233,16234,16236,16238],{"class":3046,"line":6085},[3044,16235,5797],{"class":3050},[3044,16237,13529],{"class":3054},[3044,16239,3058],{"class":3050},[3044,16241,16242,16244,16246],{"class":3046,"line":6113},[3044,16243,5806],{"class":3050},[3044,16245,2968],{"class":3054},[3044,16247,3058],{"class":3050},[3044,16249,16250,16252,16254],{"class":3046,"line":6122},[3044,16251,5815],{"class":3050},[3044,16253,3309],{"class":3054},[3044,16255,3058],{"class":3050},[3044,16257,16258,16260,16262],{"class":3046,"line":6137},[3044,16259,3368],{"class":3050},[3044,16261,3291],{"class":3054},[3044,16263,3058],{"class":3050},[3044,16265,16266,16268,16270],{"class":3046,"line":6146},[3044,16267,3377],{"class":3050},[3044,16269,5682],{"class":3054},[3044,16271,3058],{"class":3050},[3044,16273,16274],{"class":3046,"line":6155},[3044,16275,8571],{"class":3073},[3044,16277,16278,16280,16282],{"class":3046,"line":6168},[3044,16279,3306],{"class":3050},[3044,16281,9342],{"class":3054},[3044,16283,3058],{"class":3050},[3044,16285,16286,16288,16291],{"class":3046,"line":6189},[3044,16287,3316],{"class":3050},[3044,16289,16290],{"class":3054},"Grid.ColumnDefinitions",[3044,16292,3058],{"class":3050},[3044,16294,16295,16297,16300,16302,16304,16307],{"class":3046,"line":6206},[3044,16296,3325],{"class":3050},[3044,16298,16299],{"class":3054},"ColumnDefinition",[3044,16301,4900],{"class":3069},[3044,16303,3074],{"class":3073},[3044,16305,16306],{"class":3077},"\"Auto\"",[3044,16308,3144],{"class":3050},[3044,16310,16311,16313,16315,16317,16319,16322],{"class":3046,"line":6215},[3044,16312,3325],{"class":3050},[3044,16314,16299],{"class":3054},[3044,16316,4900],{"class":3069},[3044,16318,3074],{"class":3073},[3044,16320,16321],{"class":3077},"\"*\"",[3044,16323,3144],{"class":3050},[3044,16325,16326,16328,16330],{"class":3046,"line":6231},[3044,16327,3368],{"class":3050},[3044,16329,16290],{"class":3054},[3044,16331,3058],{"class":3050},[3044,16333,16334],{"class":3046,"line":6240},[3044,16335,16336],{"class":3073},"                \n",[3044,16338,16339,16341,16343,16345,16347,16349,16351,16353],{"class":3046,"line":6249},[3044,16340,3316],{"class":3050},[3044,16342,3462],{"class":3054},[3044,16344,4900],{"class":3069},[3044,16346,3074],{"class":3073},[3044,16348,10696],{"class":3077},[3044,16350,4908],{"class":3069},[3044,16352,3074],{"class":3073},[3044,16354,16355],{"class":3077},"\"48\"\n",[3044,16357,16358,16361,16363],{"class":3046,"line":6258},[3044,16359,16360],{"class":3069},"                        Background",[3044,16362,3074],{"class":3073},[3044,16364,15826],{"class":3077},[3044,16366,16367,16370,16372],{"class":3046,"line":6267},[3044,16368,16369],{"class":3069},"                        CornerRadius",[3044,16371,3074],{"class":3073},[3044,16373,16374],{"class":3077},"\"24\"\n",[3044,16376,16377,16380,16382,16385],{"class":3046,"line":6276},[3044,16378,16379],{"class":3069},"                        Margin",[3044,16381,3074],{"class":3073},[3044,16383,16384],{"class":3077},"\"0,0,12,0\"",[3044,16386,3058],{"class":3050},[3044,16388,16389,16391,16393,16395,16397,16400],{"class":3046,"line":6285},[3044,16390,3325],{"class":3050},[3044,16392,3520],{"class":3054},[3044,16394,3523],{"class":3069},[3044,16396,3074],{"class":3073},[3044,16398,16399],{"class":3077},"\"✓\"",[3044,16401,3653],{"class":3073},[3044,16403,16404,16407,16409,16411],{"class":3046,"line":6294},[3044,16405,16406],{"class":3069},"                               Foreground",[3044,16408,3074],{"class":3073},[3044,16410,6609],{"class":3077},[3044,16412,3653],{"class":3073},[3044,16414,16415,16418,16420],{"class":3046,"line":7054},[3044,16416,16417],{"class":3069},"                               FontSize",[3044,16419,3074],{"class":3073},[3044,16421,16422],{"class":3077},"\"28\"\n",[3044,16424,16425,16428,16430],{"class":3046,"line":7063},[3044,16426,16427],{"class":3069},"                               FontWeight",[3044,16429,3074],{"class":3073},[3044,16431,3546],{"class":3077},[3044,16433,16434,16437,16439,16441],{"class":3046,"line":7072},[3044,16435,16436],{"class":3069},"                               HorizontalAlignment",[3044,16438,3074],{"class":3073},[3044,16440,3511],{"class":3077},[3044,16442,3653],{"class":3073},[3044,16444,16445,16448,16450,16452],{"class":3046,"line":7106},[3044,16446,16447],{"class":3069},"                               VerticalAlignment",[3044,16449,3074],{"class":3073},[3044,16451,3511],{"class":3077},[3044,16453,3144],{"class":3050},[3044,16455,16456,16458,16460],{"class":3046,"line":7115},[3044,16457,3368],{"class":3050},[3044,16459,3462],{"class":3054},[3044,16461,3058],{"class":3050},[3044,16463,16464],{"class":3046,"line":10957},[3044,16465,16336],{"class":3073},[3044,16467,16468,16470,16472,16475,16477,16479,16481,16483,16485],{"class":3046,"line":10966},[3044,16469,3316],{"class":3050},[3044,16471,3495],{"class":3054},[3044,16473,16474],{"class":3069}," Grid.Column",[3044,16476,3074],{"class":3073},[3044,16478,4857],{"class":3077},[3044,16480,6618],{"class":3069},[3044,16482,3074],{"class":3073},[3044,16484,3511],{"class":3077},[3044,16486,3058],{"class":3050},[3044,16488,16489,16491,16493,16495,16497,16500],{"class":3046,"line":10979},[3044,16490,3325],{"class":3050},[3044,16492,3520],{"class":3054},[3044,16494,3523],{"class":3069},[3044,16496,3074],{"class":3073},[3044,16498,16499],{"class":3077},"\"Success!\"",[3044,16501,3653],{"class":3073},[3044,16503,16504,16506,16508,16510],{"class":3046,"line":10996},[3044,16505,16417],{"class":3069},[3044,16507,3074],{"class":3073},[3044,16509,3503],{"class":3077},[3044,16511,3653],{"class":3073},[3044,16513,16514,16516,16518],{"class":3046,"line":11005},[3044,16515,16427],{"class":3069},[3044,16517,3074],{"class":3073},[3044,16519,3546],{"class":3077},[3044,16521,16522,16524,16526],{"class":3046,"line":11020},[3044,16523,16406],{"class":3069},[3044,16525,3074],{"class":3073},[3044,16527,3556],{"class":3077},[3044,16529,16530,16533,16535,16538],{"class":3046,"line":11029},[3044,16531,16532],{"class":3069},"                               Margin",[3044,16534,3074],{"class":3073},[3044,16536,16537],{"class":3077},"\"0,0,0,4\"",[3044,16539,3144],{"class":3050},[3044,16541,16542,16544,16546,16548,16550,16553],{"class":3046,"line":11038},[3044,16543,3325],{"class":3050},[3044,16545,3520],{"class":3054},[3044,16547,3523],{"class":3069},[3044,16549,3074],{"class":3073},[3044,16551,16552],{"class":3077},"\"Your changes have been saved.\"",[3044,16554,3653],{"class":3073},[3044,16556,16557,16559,16561],{"class":3046,"line":11051},[3044,16558,16417],{"class":3069},[3044,16560,3074],{"class":3073},[3044,16562,16563],{"class":3077},"\"13\"\n",[3044,16565,16566,16568,16570,16572],{"class":3046,"line":11068},[3044,16567,16406],{"class":3069},[3044,16569,3074],{"class":3073},[3044,16571,10777],{"class":3077},[3044,16573,3144],{"class":3050},[3044,16575,16576,16578,16580],{"class":3046,"line":11077},[3044,16577,3368],{"class":3050},[3044,16579,3495],{"class":3054},[3044,16581,3058],{"class":3050},[3044,16583,16584,16586,16588],{"class":3046,"line":11092},[3044,16585,3377],{"class":3050},[3044,16587,9342],{"class":3054},[3044,16589,3058],{"class":3050},[3044,16591,16592,16594,16596],{"class":3046,"line":11101},[3044,16593,3387],{"class":3050},[3044,16595,3462],{"class":3054},[3044,16597,3058],{"class":3050},[3044,16599,16600,16602,16604],{"class":3046,"line":11110},[3044,16601,3150],{"class":3050},[3044,16603,9342],{"class":3054},[3044,16605,3058],{"class":3050},[3044,16607,16608,16610,16612],{"class":3046,"line":11119},[3044,16609,3160],{"class":3050},[3044,16611,3462],{"class":3054},[3044,16613,3058],{"class":3050},[3030,16615,16617],{"id":16616},"modal-dialog-fade-in-overlay-scale-in-dialog","Modal Dialog: fade-in overlay + scale-in dialog",[2959,16619,16620],{},"Типова анімація для модальних вікон — затемнення фону + масштабування діалогу.",[3448,16622,16624],{"title":16623},"Modal Dialog анімація",[3035,16625,16627],{"className":3037,"code":16626,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CGrid>\n        \u003C!-- Overlay -->\n        \u003CBorder Background=\"#000000\" Opacity=\"0\">\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                             From=\"0\" To=\"0.5\" Duration=\"0:0:0.3\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n        \u003C/Border>\n        \n        \u003C!-- Dialog -->\n        \u003CBorder Width=\"300\" Height=\"200\"\n                Background=\"White\"\n                CornerRadius=\"12\"\n                Padding=\"24\"\n                HorizontalAlignment=\"Center\"\n                VerticalAlignment=\"Center\">\n            \u003CBorder.RenderTransform>\n                \u003CScaleTransform ScaleX=\"0.8\" ScaleY=\"0.8\"/>\n            \u003C/Border.RenderTransform>\n            \u003CBorder.RenderTransformOrigin>0.5,0.5\u003C/Border.RenderTransformOrigin>\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleX)\"\n                                             From=\"0.8\" To=\"1\" Duration=\"0:0:0.3\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CBackEase EasingMode=\"EaseOut\" Amplitude=\"0.3\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleY)\"\n                                             From=\"0.8\" To=\"1\" Duration=\"0:0:0.3\">\n                                \u003CDoubleAnimation.EasingFunction>\n                                    \u003CBackEase EasingMode=\"EaseOut\" Amplitude=\"0.3\"/>\n                                \u003C/DoubleAnimation.EasingFunction>\n                            \u003C/DoubleAnimation>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                             From=\"0\" To=\"1\" Duration=\"0:0:0.3\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n            \n            \u003CStackPanel VerticalAlignment=\"Center\">\n                \u003CTextBlock Text=\"⚠️\" FontSize=\"48\" HorizontalAlignment=\"Center\" Margin=\"0,0,0,16\"/>\n                \u003CTextBlock Text=\"Confirm Action\" \n                           FontSize=\"20\" \n                           FontWeight=\"Bold\"\n                           Foreground=\"#1e293b\"\n                           HorizontalAlignment=\"Center\"\n                           Margin=\"0,0,0,8\"/>\n                \u003CTextBlock Text=\"Are you sure you want to proceed?\" \n                           FontSize=\"14\"\n                           Foreground=\"#64748b\"\n                           HorizontalAlignment=\"Center\"\n                           TextWrapping=\"Wrap\"\n                           TextAlignment=\"Center\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/Grid>\n\u003C/Border>\n",[2966,16628,16629,16655,16663,16668,16689,16697,16711,16719,16727,16739,16761,16769,16783,16791,16799,16807,16815,16823,16831,16839,16843,16848,16867,16875,16883,16891,16899,16909,16917,16938,16946,16962,16970,16984,16992,17000,17012,17034,17042,17062,17070,17078,17090,17112,17120,17140,17148,17156,17168,17190,17198,17206,17214,17222,17226,17240,17274,17289,17299,17307,17315,17323,17333,17348,17357,17365,17373,17382,17393,17401,17409,17417],{"__ignoreMap":3040},[3044,16630,16631,16633,16635,16637,16639,16641,16643,16645,16647,16649,16651,16653],{"class":3046,"line":3047},[3044,16632,3051],{"class":3050},[3044,16634,3462],{"class":3054},[3044,16636,3465],{"class":3069},[3044,16638,3074],{"class":3073},[3044,16640,3470],{"class":3077},[3044,16642,3473],{"class":3069},[3044,16644,3074],{"class":3073},[3044,16646,3478],{"class":3077},[3044,16648,3481],{"class":3069},[3044,16650,3074],{"class":3073},[3044,16652,3486],{"class":3077},[3044,16654,3058],{"class":3050},[3044,16656,16657,16659,16661],{"class":3046,"line":3061},[3044,16658,3064],{"class":3050},[3044,16660,9342],{"class":3054},[3044,16662,3058],{"class":3050},[3044,16664,16665],{"class":3046,"line":3083},[3044,16666,16667],{"class":3881},"        \u003C!-- Overlay -->\n",[3044,16669,16670,16672,16674,16676,16678,16681,16683,16685,16687],{"class":3046,"line":3100},[3044,16671,3086],{"class":3050},[3044,16673,3462],{"class":3054},[3044,16675,3465],{"class":3069},[3044,16677,3074],{"class":3073},[3044,16679,16680],{"class":3077},"\"#000000\"",[3044,16682,3198],{"class":3069},[3044,16684,3074],{"class":3073},[3044,16686,3203],{"class":3077},[3044,16688,3058],{"class":3050},[3044,16690,16691,16693,16695],{"class":3046,"line":3111},[3044,16692,3306],{"class":3050},[3044,16694,5682],{"class":3054},[3044,16696,3058],{"class":3050},[3044,16698,16699,16701,16703,16705,16707,16709],{"class":3046,"line":3122},[3044,16700,3316],{"class":3050},[3044,16702,3291],{"class":3054},[3044,16704,3294],{"class":3069},[3044,16706,3074],{"class":3073},[3044,16708,3299],{"class":3077},[3044,16710,3058],{"class":3050},[3044,16712,16713,16715,16717],{"class":3046,"line":3133},[3044,16714,3325],{"class":3050},[3044,16716,3309],{"class":3054},[3044,16718,3058],{"class":3050},[3044,16720,16721,16723,16725],{"class":3046,"line":3147},[3044,16722,5719],{"class":3050},[3044,16724,2968],{"class":3054},[3044,16726,3058],{"class":3050},[3044,16728,16729,16731,16733,16735,16737],{"class":3046,"line":3157},[3044,16730,5772],{"class":3050},[3044,16732,3089],{"class":3054},[3044,16734,3330],{"class":3069},[3044,16736,3074],{"class":3073},[3044,16738,3108],{"class":3077},[3044,16740,16741,16743,16745,16747,16749,16751,16753,16755,16757,16759],{"class":3046,"line":3167},[3044,16742,7418],{"class":3069},[3044,16744,3074],{"class":3073},[3044,16746,3203],{"class":3077},[3044,16748,3898],{"class":3069},[3044,16750,3074],{"class":3073},[3044,16752,5393],{"class":3077},[3044,16754,3906],{"class":3069},[3044,16756,3074],{"class":3073},[3044,16758,3856],{"class":3077},[3044,16760,3058],{"class":3050},[3044,16762,16763,16765,16767],{"class":3046,"line":3174},[3044,16764,5781],{"class":3050},[3044,16766,5116],{"class":3054},[3044,16768,3058],{"class":3050},[3044,16770,16771,16773,16775,16777,16779,16781],{"class":3046,"line":3384},[3044,16772,7459],{"class":3050},[3044,16774,5077],{"class":3054},[3044,16776,5127],{"class":3069},[3044,16778,3074],{"class":3073},[3044,16780,5132],{"class":3077},[3044,16782,3144],{"class":3050},[3044,16784,16785,16787,16789],{"class":3046,"line":3394},[3044,16786,7480],{"class":3050},[3044,16788,5116],{"class":3054},[3044,16790,3058],{"class":3050},[3044,16792,16793,16795,16797],{"class":3046,"line":3403},[3044,16794,5797],{"class":3050},[3044,16796,3089],{"class":3054},[3044,16798,3058],{"class":3050},[3044,16800,16801,16803,16805],{"class":3046,"line":3656},[3044,16802,5806],{"class":3050},[3044,16804,2968],{"class":3054},[3044,16806,3058],{"class":3050},[3044,16808,16809,16811,16813],{"class":3046,"line":3668},[3044,16810,5815],{"class":3050},[3044,16812,3309],{"class":3054},[3044,16814,3058],{"class":3050},[3044,16816,16817,16819,16821],{"class":3046,"line":3679},[3044,16818,3368],{"class":3050},[3044,16820,3291],{"class":3054},[3044,16822,3058],{"class":3050},[3044,16824,16825,16827,16829],{"class":3046,"line":3691},[3044,16826,3377],{"class":3050},[3044,16828,5682],{"class":3054},[3044,16830,3058],{"class":3050},[3044,16832,16833,16835,16837],{"class":3046,"line":3705},[3044,16834,3387],{"class":3050},[3044,16836,3462],{"class":3054},[3044,16838,3058],{"class":3050},[3044,16840,16841],{"class":3046,"line":3716},[3044,16842,3572],{"class":3073},[3044,16844,16845],{"class":3046,"line":3727},[3044,16846,16847],{"class":3881},"        \u003C!-- Dialog -->\n",[3044,16849,16850,16852,16854,16856,16858,16860,16862,16864],{"class":3046,"line":3740},[3044,16851,3086],{"class":3050},[3044,16853,3462],{"class":3054},[3044,16855,4900],{"class":3069},[3044,16857,3074],{"class":3073},[3044,16859,3631],{"class":3077},[3044,16861,4908],{"class":3069},[3044,16863,3074],{"class":3073},[3044,16865,16866],{"class":3077},"\"200\"\n",[3044,16868,16869,16871,16873],{"class":3046,"line":3749},[3044,16870,7299],{"class":3069},[3044,16872,3074],{"class":3073},[3044,16874,3713],{"class":3077},[3044,16876,16877,16879,16881],{"class":3046,"line":3758},[3044,16878,3659],{"class":3069},[3044,16880,3074],{"class":3073},[3044,16882,12755],{"class":3077},[3044,16884,16885,16887,16889],{"class":3046,"line":4272},[3044,16886,3671],{"class":3069},[3044,16888,3074],{"class":3073},[3044,16890,16374],{"class":3077},[3044,16892,16893,16895,16897],{"class":3046,"line":5927},[3044,16894,3682],{"class":3069},[3044,16896,3074],{"class":3073},[3044,16898,3611],{"class":3077},[3044,16900,16901,16903,16905,16907],{"class":3046,"line":5936},[3044,16902,15856],{"class":3069},[3044,16904,3074],{"class":3073},[3044,16906,3511],{"class":3077},[3044,16908,3058],{"class":3050},[3044,16910,16911,16913,16915],{"class":3046,"line":5949},[3044,16912,3306],{"class":3050},[3044,16914,7323],{"class":3054},[3044,16916,3058],{"class":3050},[3044,16918,16919,16921,16923,16925,16927,16930,16932,16934,16936],{"class":3046,"line":5970},[3044,16920,3316],{"class":3050},[3044,16922,7332],{"class":3054},[3044,16924,7335],{"class":3069},[3044,16926,3074],{"class":3073},[3044,16928,16929],{"class":3077},"\"0.8\"",[3044,16931,7342],{"class":3069},[3044,16933,3074],{"class":3073},[3044,16935,16929],{"class":3077},[3044,16937,3144],{"class":3050},[3044,16939,16940,16942,16944],{"class":3046,"line":5987},[3044,16941,3377],{"class":3050},[3044,16943,7323],{"class":3054},[3044,16945,3058],{"class":3050},[3044,16947,16948,16950,16952,16954,16956,16958,16960],{"class":3046,"line":5996},[3044,16949,3306],{"class":3050},[3044,16951,10334],{"class":3054},[3044,16953,9892],{"class":3050},[3044,16955,9895],{"class":3073},[3044,16957,3160],{"class":3050},[3044,16959,10334],{"class":3054},[3044,16961,3058],{"class":3050},[3044,16963,16964,16966,16968],{"class":3046,"line":6011},[3044,16965,3306],{"class":3050},[3044,16967,5682],{"class":3054},[3044,16969,3058],{"class":3050},[3044,16971,16972,16974,16976,16978,16980,16982],{"class":3046,"line":6020},[3044,16973,3316],{"class":3050},[3044,16975,3291],{"class":3054},[3044,16977,3294],{"class":3069},[3044,16979,3074],{"class":3073},[3044,16981,3299],{"class":3077},[3044,16983,3058],{"class":3050},[3044,16985,16986,16988,16990],{"class":3046,"line":6029},[3044,16987,3325],{"class":3050},[3044,16989,3309],{"class":3054},[3044,16991,3058],{"class":3050},[3044,16993,16994,16996,16998],{"class":3046,"line":6038},[3044,16995,5719],{"class":3050},[3044,16997,2968],{"class":3054},[3044,16999,3058],{"class":3050},[3044,17001,17002,17004,17006,17008,17010],{"class":3046,"line":6047},[3044,17003,5772],{"class":3050},[3044,17005,3089],{"class":3054},[3044,17007,3330],{"class":3069},[3044,17009,3074],{"class":3073},[3044,17011,7413],{"class":3077},[3044,17013,17014,17016,17018,17020,17022,17024,17026,17028,17030,17032],{"class":3046,"line":6056},[3044,17015,7418],{"class":3069},[3044,17017,3074],{"class":3073},[3044,17019,16929],{"class":3077},[3044,17021,3898],{"class":3069},[3044,17023,3074],{"class":3073},[3044,17025,4857],{"class":3077},[3044,17027,3906],{"class":3069},[3044,17029,3074],{"class":3073},[3044,17031,3856],{"class":3077},[3044,17033,3058],{"class":3050},[3044,17035,17036,17038,17040],{"class":3046,"line":6065},[3044,17037,5781],{"class":3050},[3044,17039,5116],{"class":3054},[3044,17041,3058],{"class":3050},[3044,17043,17044,17046,17048,17050,17052,17054,17056,17058,17060],{"class":3046,"line":6074},[3044,17045,7459],{"class":3050},[3044,17047,5293],{"class":3054},[3044,17049,5127],{"class":3069},[3044,17051,3074],{"class":3073},[3044,17053,5132],{"class":3077},[3044,17055,5388],{"class":3069},[3044,17057,3074],{"class":3073},[3044,17059,16033],{"class":3077},[3044,17061,3144],{"class":3050},[3044,17063,17064,17066,17068],{"class":3046,"line":6079},[3044,17065,7480],{"class":3050},[3044,17067,5116],{"class":3054},[3044,17069,3058],{"class":3050},[3044,17071,17072,17074,17076],{"class":3046,"line":6085},[3044,17073,5797],{"class":3050},[3044,17075,3089],{"class":3054},[3044,17077,3058],{"class":3050},[3044,17079,17080,17082,17084,17086,17088],{"class":3046,"line":6113},[3044,17081,5772],{"class":3050},[3044,17083,3089],{"class":3054},[3044,17085,3330],{"class":3069},[3044,17087,3074],{"class":3073},[3044,17089,7505],{"class":3077},[3044,17091,17092,17094,17096,17098,17100,17102,17104,17106,17108,17110],{"class":3046,"line":6122},[3044,17093,7418],{"class":3069},[3044,17095,3074],{"class":3073},[3044,17097,16929],{"class":3077},[3044,17099,3898],{"class":3069},[3044,17101,3074],{"class":3073},[3044,17103,4857],{"class":3077},[3044,17105,3906],{"class":3069},[3044,17107,3074],{"class":3073},[3044,17109,3856],{"class":3077},[3044,17111,3058],{"class":3050},[3044,17113,17114,17116,17118],{"class":3046,"line":6137},[3044,17115,5781],{"class":3050},[3044,17117,5116],{"class":3054},[3044,17119,3058],{"class":3050},[3044,17121,17122,17124,17126,17128,17130,17132,17134,17136,17138],{"class":3046,"line":6146},[3044,17123,7459],{"class":3050},[3044,17125,5293],{"class":3054},[3044,17127,5127],{"class":3069},[3044,17129,3074],{"class":3073},[3044,17131,5132],{"class":3077},[3044,17133,5388],{"class":3069},[3044,17135,3074],{"class":3073},[3044,17137,16033],{"class":3077},[3044,17139,3144],{"class":3050},[3044,17141,17142,17144,17146],{"class":3046,"line":6155},[3044,17143,7480],{"class":3050},[3044,17145,5116],{"class":3054},[3044,17147,3058],{"class":3050},[3044,17149,17150,17152,17154],{"class":3046,"line":6168},[3044,17151,5797],{"class":3050},[3044,17153,3089],{"class":3054},[3044,17155,3058],{"class":3050},[3044,17157,17158,17160,17162,17164,17166],{"class":3046,"line":6189},[3044,17159,5772],{"class":3050},[3044,17161,3089],{"class":3054},[3044,17163,3330],{"class":3069},[3044,17165,3074],{"class":3073},[3044,17167,3108],{"class":3077},[3044,17169,17170,17172,17174,17176,17178,17180,17182,17184,17186,17188],{"class":3046,"line":6206},[3044,17171,7418],{"class":3069},[3044,17173,3074],{"class":3073},[3044,17175,3203],{"class":3077},[3044,17177,3898],{"class":3069},[3044,17179,3074],{"class":3073},[3044,17181,4857],{"class":3077},[3044,17183,3906],{"class":3069},[3044,17185,3074],{"class":3073},[3044,17187,3856],{"class":3077},[3044,17189,3144],{"class":3050},[3044,17191,17192,17194,17196],{"class":3046,"line":6215},[3044,17193,5806],{"class":3050},[3044,17195,2968],{"class":3054},[3044,17197,3058],{"class":3050},[3044,17199,17200,17202,17204],{"class":3046,"line":6231},[3044,17201,5815],{"class":3050},[3044,17203,3309],{"class":3054},[3044,17205,3058],{"class":3050},[3044,17207,17208,17210,17212],{"class":3046,"line":6240},[3044,17209,3368],{"class":3050},[3044,17211,3291],{"class":3054},[3044,17213,3058],{"class":3050},[3044,17215,17216,17218,17220],{"class":3046,"line":6249},[3044,17217,3377],{"class":3050},[3044,17219,5682],{"class":3054},[3044,17221,3058],{"class":3050},[3044,17223,17224],{"class":3046,"line":6258},[3044,17225,8571],{"class":3073},[3044,17227,17228,17230,17232,17234,17236,17238],{"class":3046,"line":6267},[3044,17229,3306],{"class":3050},[3044,17231,3495],{"class":3054},[3044,17233,6618],{"class":3069},[3044,17235,3074],{"class":3073},[3044,17237,3511],{"class":3077},[3044,17239,3058],{"class":3050},[3044,17241,17242,17244,17246,17248,17250,17253,17255,17257,17259,17261,17263,17265,17267,17269,17272],{"class":3046,"line":6276},[3044,17243,3316],{"class":3050},[3044,17245,3520],{"class":3054},[3044,17247,3523],{"class":3069},[3044,17249,3074],{"class":3073},[3044,17251,17252],{"class":3077},"\"⚠️\"",[3044,17254,9674],{"class":3069},[3044,17256,3074],{"class":3073},[3044,17258,10696],{"class":3077},[3044,17260,3506],{"class":3069},[3044,17262,3074],{"class":3073},[3044,17264,3511],{"class":3077},[3044,17266,5668],{"class":3069},[3044,17268,3074],{"class":3073},[3044,17270,17271],{"class":3077},"\"0,0,0,16\"",[3044,17273,3144],{"class":3050},[3044,17275,17276,17278,17280,17282,17284,17287],{"class":3046,"line":6285},[3044,17277,3316],{"class":3050},[3044,17279,3520],{"class":3054},[3044,17281,3523],{"class":3069},[3044,17283,3074],{"class":3073},[3044,17285,17286],{"class":3077},"\"Confirm Action\"",[3044,17288,3653],{"class":3073},[3044,17290,17291,17293,17295,17297],{"class":3046,"line":6294},[3044,17292,9625],{"class":3069},[3044,17294,3074],{"class":3073},[3044,17296,4905],{"class":3077},[3044,17298,3653],{"class":3073},[3044,17300,17301,17303,17305],{"class":3046,"line":7054},[3044,17302,9636],{"class":3069},[3044,17304,3074],{"class":3073},[3044,17306,3546],{"class":3077},[3044,17308,17309,17311,17313],{"class":3046,"line":7063},[3044,17310,9614],{"class":3069},[3044,17312,3074],{"class":3073},[3044,17314,3556],{"class":3077},[3044,17316,17317,17319,17321],{"class":3046,"line":7072},[3044,17318,13353],{"class":3069},[3044,17320,3074],{"class":3073},[3044,17322,3611],{"class":3077},[3044,17324,17325,17327,17329,17331],{"class":3046,"line":7106},[3044,17326,9645],{"class":3069},[3044,17328,3074],{"class":3073},[3044,17330,5673],{"class":3077},[3044,17332,3144],{"class":3050},[3044,17334,17335,17337,17339,17341,17343,17346],{"class":3046,"line":7115},[3044,17336,3316],{"class":3050},[3044,17338,3520],{"class":3054},[3044,17340,3523],{"class":3069},[3044,17342,3074],{"class":3073},[3044,17344,17345],{"class":3077},"\"Are you sure you want to proceed?\"",[3044,17347,3653],{"class":3073},[3044,17349,17350,17352,17354],{"class":3046,"line":10957},[3044,17351,9625],{"class":3069},[3044,17353,3074],{"class":3073},[3044,17355,17356],{"class":3077},"\"14\"\n",[3044,17358,17359,17361,17363],{"class":3046,"line":10966},[3044,17360,9614],{"class":3069},[3044,17362,3074],{"class":3073},[3044,17364,3602],{"class":3077},[3044,17366,17367,17369,17371],{"class":3046,"line":10979},[3044,17368,13353],{"class":3069},[3044,17370,3074],{"class":3073},[3044,17372,3611],{"class":3077},[3044,17374,17375,17378,17380],{"class":3046,"line":10996},[3044,17376,17377],{"class":3069},"                           TextWrapping",[3044,17379,3074],{"class":3073},[3044,17381,3621],{"class":3077},[3044,17383,17384,17387,17389,17391],{"class":3046,"line":11005},[3044,17385,17386],{"class":3069},"                           TextAlignment",[3044,17388,3074],{"class":3073},[3044,17390,3511],{"class":3077},[3044,17392,3144],{"class":3050},[3044,17394,17395,17397,17399],{"class":3046,"line":11020},[3044,17396,3377],{"class":3050},[3044,17398,3495],{"class":3054},[3044,17400,3058],{"class":3050},[3044,17402,17403,17405,17407],{"class":3046,"line":11029},[3044,17404,3387],{"class":3050},[3044,17406,3462],{"class":3054},[3044,17408,3058],{"class":3050},[3044,17410,17411,17413,17415],{"class":3046,"line":11038},[3044,17412,3150],{"class":3050},[3044,17414,9342],{"class":3054},[3044,17416,3058],{"class":3050},[3044,17418,17419,17421,17423],{"class":3046,"line":11051},[3044,17420,3160],{"class":3050},[3044,17422,3462],{"class":3054},[3044,17424,3058],{"class":3050},[3030,17426,17428],{"id":17427},"progress-bar-плавне-заповнення","Progress Bar: плавне заповнення",[2959,17430,17431],{},"Анімація прогрес-бару з плавним заповненням.",[3448,17433,17435],{"title":17434},"Progress Bar анімація",[3035,17436,17438],{"className":3037,"code":17437,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"16\" HorizontalAlignment=\"Center\">\n        \u003CTextBlock Text=\"📊 Loading Progress\"\n                   FontSize=\"20\" FontWeight=\"Bold\"\n                   Foreground=\"#1e293b\"\n                   HorizontalAlignment=\"Center\"/>\n        \n        \u003C!-- Progress Bar Container -->\n        \u003CBorder Width=\"300\" Height=\"8\"\n                Background=\"#e2e8f0\"\n                CornerRadius=\"4\">\n            \u003C!-- Progress Fill -->\n            \u003CBorder Background=\"#3b82f6\"\n                    CornerRadius=\"4\"\n                    HorizontalAlignment=\"Left\"\n                    Width=\"0\">\n                \u003CBorder.Triggers>\n                    \u003CEventTrigger RoutedEvent=\"Loaded\">\n                        \u003CBeginStoryboard>\n                            \u003CStoryboard>\n                                \u003CDoubleAnimation Storyboard.TargetProperty=\"Width\"\n                                                 From=\"0\" To=\"300\" Duration=\"0:0:3\">\n                                    \u003CDoubleAnimation.EasingFunction>\n                                        \u003CCubicEase EasingMode=\"EaseInOut\"/>\n                                    \u003C/DoubleAnimation.EasingFunction>\n                                \u003C/DoubleAnimation>\n                            \u003C/Storyboard>\n                        \u003C/BeginStoryboard>\n                    \u003C/EventTrigger>\n                \u003C/Border.Triggers>\n            \u003C/Border>\n        \u003C/Border>\n        \n        \u003CTextBlock Text=\"Loading assets...\" \n                   FontSize=\"13\"\n                   Foreground=\"#64748b\"\n                   HorizontalAlignment=\"Center\"/>\n    \u003C/StackPanel>\n\u003C/Border>\n",[2966,17439,17440,17466,17486,17499,17513,17521,17531,17535,17540,17558,17566,17576,17581,17593,17601,17610,17621,17629,17643,17651,17659,17671,17693,17701,17715,17723,17731,17739,17747,17755,17763,17771,17779,17783,17798,17806,17814,17824,17832],{"__ignoreMap":3040},[3044,17441,17442,17444,17446,17448,17450,17452,17454,17456,17458,17460,17462,17464],{"class":3046,"line":3047},[3044,17443,3051],{"class":3050},[3044,17445,3462],{"class":3054},[3044,17447,3465],{"class":3069},[3044,17449,3074],{"class":3073},[3044,17451,3470],{"class":3077},[3044,17453,3473],{"class":3069},[3044,17455,3074],{"class":3073},[3044,17457,3478],{"class":3077},[3044,17459,3481],{"class":3069},[3044,17461,3074],{"class":3073},[3044,17463,3486],{"class":3077},[3044,17465,3058],{"class":3050},[3044,17467,17468,17470,17472,17474,17476,17478,17480,17482,17484],{"class":3046,"line":3061},[3044,17469,3064],{"class":3050},[3044,17471,3495],{"class":3054},[3044,17473,3498],{"class":3069},[3044,17475,3074],{"class":3073},[3044,17477,3503],{"class":3077},[3044,17479,3506],{"class":3069},[3044,17481,3074],{"class":3073},[3044,17483,3511],{"class":3077},[3044,17485,3058],{"class":3050},[3044,17487,17488,17490,17492,17494,17496],{"class":3046,"line":3083},[3044,17489,3086],{"class":3050},[3044,17491,3520],{"class":3054},[3044,17493,3523],{"class":3069},[3044,17495,3074],{"class":3073},[3044,17497,17498],{"class":3077},"\"📊 Loading Progress\"\n",[3044,17500,17501,17503,17505,17507,17509,17511],{"class":3046,"line":3100},[3044,17502,3533],{"class":3069},[3044,17504,3074],{"class":3073},[3044,17506,4905],{"class":3077},[3044,17508,3541],{"class":3069},[3044,17510,3074],{"class":3073},[3044,17512,3546],{"class":3077},[3044,17514,17515,17517,17519],{"class":3046,"line":3111},[3044,17516,3551],{"class":3069},[3044,17518,3074],{"class":3073},[3044,17520,3556],{"class":3077},[3044,17522,17523,17525,17527,17529],{"class":3046,"line":3122},[3044,17524,3561],{"class":3069},[3044,17526,3074],{"class":3073},[3044,17528,3511],{"class":3077},[3044,17530,3144],{"class":3050},[3044,17532,17533],{"class":3046,"line":3133},[3044,17534,3572],{"class":3073},[3044,17536,17537],{"class":3046,"line":3147},[3044,17538,17539],{"class":3881},"        \u003C!-- Progress Bar Container -->\n",[3044,17541,17542,17544,17546,17548,17550,17552,17554,17556],{"class":3046,"line":3157},[3044,17543,3086],{"class":3050},[3044,17545,3462],{"class":3054},[3044,17547,4900],{"class":3069},[3044,17549,3074],{"class":3073},[3044,17551,3631],{"class":3077},[3044,17553,4908],{"class":3069},[3044,17555,3074],{"class":3073},[3044,17557,9380],{"class":3077},[3044,17559,17560,17562,17564],{"class":3046,"line":3167},[3044,17561,7299],{"class":3069},[3044,17563,3074],{"class":3073},[3044,17565,10264],{"class":3077},[3044,17567,17568,17570,17572,17574],{"class":3046,"line":3174},[3044,17569,3659],{"class":3069},[3044,17571,3074],{"class":3073},[3044,17573,6431],{"class":3077},[3044,17575,3058],{"class":3050},[3044,17577,17578],{"class":3046,"line":3384},[3044,17579,17580],{"class":3881},"            \u003C!-- Progress Fill -->\n",[3044,17582,17583,17585,17587,17589,17591],{"class":3046,"line":3394},[3044,17584,3306],{"class":3050},[3044,17586,3462],{"class":3054},[3044,17588,3465],{"class":3069},[3044,17590,3074],{"class":3073},[3044,17592,4227],{"class":3077},[3044,17594,17595,17597,17599],{"class":3046,"line":3403},[3044,17596,12017],{"class":3069},[3044,17598,3074],{"class":3073},[3044,17600,11804],{"class":3077},[3044,17602,17603,17605,17607],{"class":3046,"line":3656},[3044,17604,12037],{"class":3069},[3044,17606,3074],{"class":3073},[3044,17608,17609],{"class":3077},"\"Left\"\n",[3044,17611,17612,17615,17617,17619],{"class":3046,"line":3668},[3044,17613,17614],{"class":3069},"                    Width",[3044,17616,3074],{"class":3073},[3044,17618,3203],{"class":3077},[3044,17620,3058],{"class":3050},[3044,17622,17623,17625,17627],{"class":3046,"line":3679},[3044,17624,3316],{"class":3050},[3044,17626,5682],{"class":3054},[3044,17628,3058],{"class":3050},[3044,17630,17631,17633,17635,17637,17639,17641],{"class":3046,"line":3691},[3044,17632,3325],{"class":3050},[3044,17634,3291],{"class":3054},[3044,17636,3294],{"class":3069},[3044,17638,3074],{"class":3073},[3044,17640,3299],{"class":3077},[3044,17642,3058],{"class":3050},[3044,17644,17645,17647,17649],{"class":3046,"line":3705},[3044,17646,5719],{"class":3050},[3044,17648,3309],{"class":3054},[3044,17650,3058],{"class":3050},[3044,17652,17653,17655,17657],{"class":3046,"line":3716},[3044,17654,5772],{"class":3050},[3044,17656,2968],{"class":3054},[3044,17658,3058],{"class":3050},[3044,17660,17661,17663,17665,17667,17669],{"class":3046,"line":3727},[3044,17662,5781],{"class":3050},[3044,17664,3089],{"class":3054},[3044,17666,3330],{"class":3069},[3044,17668,3074],{"class":3073},[3044,17670,3827],{"class":3077},[3044,17672,17673,17675,17677,17679,17681,17683,17685,17687,17689,17691],{"class":3046,"line":3740},[3044,17674,8445],{"class":3069},[3044,17676,3074],{"class":3073},[3044,17678,3203],{"class":3077},[3044,17680,3898],{"class":3069},[3044,17682,3074],{"class":3073},[3044,17684,3631],{"class":3077},[3044,17686,3906],{"class":3069},[3044,17688,3074],{"class":3073},[3044,17690,13799],{"class":3077},[3044,17692,3058],{"class":3050},[3044,17694,17695,17697,17699],{"class":3046,"line":3749},[3044,17696,7459],{"class":3050},[3044,17698,5116],{"class":3054},[3044,17700,3058],{"class":3050},[3044,17702,17703,17705,17707,17709,17711,17713],{"class":3046,"line":3758},[3044,17704,8487],{"class":3050},[3044,17706,5215],{"class":3054},[3044,17708,5127],{"class":3069},[3044,17710,3074],{"class":3073},[3044,17712,6226],{"class":3077},[3044,17714,3144],{"class":3050},[3044,17716,17717,17719,17721],{"class":3046,"line":4272},[3044,17718,8514],{"class":3050},[3044,17720,5116],{"class":3054},[3044,17722,3058],{"class":3050},[3044,17724,17725,17727,17729],{"class":3046,"line":5927},[3044,17726,7480],{"class":3050},[3044,17728,3089],{"class":3054},[3044,17730,3058],{"class":3050},[3044,17732,17733,17735,17737],{"class":3046,"line":5936},[3044,17734,5797],{"class":3050},[3044,17736,2968],{"class":3054},[3044,17738,3058],{"class":3050},[3044,17740,17741,17743,17745],{"class":3046,"line":5949},[3044,17742,5806],{"class":3050},[3044,17744,3309],{"class":3054},[3044,17746,3058],{"class":3050},[3044,17748,17749,17751,17753],{"class":3046,"line":5970},[3044,17750,5815],{"class":3050},[3044,17752,3291],{"class":3054},[3044,17754,3058],{"class":3050},[3044,17756,17757,17759,17761],{"class":3046,"line":5987},[3044,17758,3368],{"class":3050},[3044,17760,5682],{"class":3054},[3044,17762,3058],{"class":3050},[3044,17764,17765,17767,17769],{"class":3046,"line":5996},[3044,17766,3377],{"class":3050},[3044,17768,3462],{"class":3054},[3044,17770,3058],{"class":3050},[3044,17772,17773,17775,17777],{"class":3046,"line":6011},[3044,17774,3387],{"class":3050},[3044,17776,3462],{"class":3054},[3044,17778,3058],{"class":3050},[3044,17780,17781],{"class":3046,"line":6020},[3044,17782,3572],{"class":3073},[3044,17784,17785,17787,17789,17791,17793,17796],{"class":3046,"line":6029},[3044,17786,3086],{"class":3050},[3044,17788,3520],{"class":3054},[3044,17790,3523],{"class":3069},[3044,17792,3074],{"class":3073},[3044,17794,17795],{"class":3077},"\"Loading assets...\"",[3044,17797,3653],{"class":3073},[3044,17799,17800,17802,17804],{"class":3046,"line":6038},[3044,17801,3533],{"class":3069},[3044,17803,3074],{"class":3073},[3044,17805,16563],{"class":3077},[3044,17807,17808,17810,17812],{"class":3046,"line":6047},[3044,17809,3551],{"class":3069},[3044,17811,3074],{"class":3073},[3044,17813,3602],{"class":3077},[3044,17815,17816,17818,17820,17822],{"class":3046,"line":6056},[3044,17817,3561],{"class":3069},[3044,17819,3074],{"class":3073},[3044,17821,3511],{"class":3077},[3044,17823,3144],{"class":3050},[3044,17825,17826,17828,17830],{"class":3046,"line":6065},[3044,17827,3150],{"class":3050},[3044,17829,3495],{"class":3054},[3044,17831,3058],{"class":3050},[3044,17833,17834,17836,17838],{"class":3046,"line":6074},[3044,17835,3160],{"class":3050},[3044,17837,3462],{"class":3054},[3044,17839,3058],{"class":3050},[3030,17841,17843],{"id":17842},"skeleton-loading-пульсуючі-плейсхолдери","Skeleton Loading: пульсуючі плейсхолдери",[2959,17845,17846],{},"Сучасний підхід до індикації завантаження — skeleton screens.",[3448,17848,17850],{"title":17849},"Skeleton Loading анімація",[3035,17851,17853],{"className":3037,"code":17852,"language":3039,"meta":3040,"style":3040},"\u003CBorder Background=\"#f8fafc\" Padding=\"40\" CornerRadius=\"8\">\n    \u003CStackPanel Spacing=\"12\" Width=\"300\">\n        \u003C!-- Avatar Skeleton -->\n        \u003CBorder Width=\"60\" Height=\"60\"\n                Background=\"#e2e8f0\"\n                CornerRadius=\"30\"\n                HorizontalAlignment=\"Left\">\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                             From=\"1\" To=\"0.5\" Duration=\"0:0:1\"\n                                             AutoReverse=\"True\"\n                                             RepeatBehavior=\"Forever\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n        \u003C/Border>\n        \n        \u003C!-- Title Skeleton -->\n        \u003CBorder Width=\"200\" Height=\"20\"\n                Background=\"#e2e8f0\"\n                CornerRadius=\"4\"\n                HorizontalAlignment=\"Left\">\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                             From=\"1\" To=\"0.5\" Duration=\"0:0:1\"\n                                             AutoReverse=\"True\"\n                                             RepeatBehavior=\"Forever\"\n                                             BeginTime=\"0:0:0.1\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n        \u003C/Border>\n        \n        \u003C!-- Subtitle Skeleton -->\n        \u003CBorder Width=\"150\" Height=\"16\"\n                Background=\"#e2e8f0\"\n                CornerRadius=\"4\"\n                HorizontalAlignment=\"Left\">\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                             From=\"1\" To=\"0.5\" Duration=\"0:0:1\"\n                                             AutoReverse=\"True\"\n                                             RepeatBehavior=\"Forever\"\n                                             BeginTime=\"0:0:0.2\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n        \u003C/Border>\n        \n        \u003C!-- Content Lines -->\n        \u003CBorder Width=\"300\" Height=\"12\"\n                Background=\"#e2e8f0\"\n                CornerRadius=\"4\"\n                Margin=\"0,8,0,0\">\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                             From=\"1\" To=\"0.5\" Duration=\"0:0:1\"\n                                             AutoReverse=\"True\"\n                                             RepeatBehavior=\"Forever\"\n                                             BeginTime=\"0:0:0.3\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n        \u003C/Border>\n        \n        \u003CBorder Width=\"280\" Height=\"12\"\n                Background=\"#e2e8f0\"\n                CornerRadius=\"4\">\n            \u003CBorder.Triggers>\n                \u003CEventTrigger RoutedEvent=\"Loaded\">\n                    \u003CBeginStoryboard>\n                        \u003CStoryboard>\n                            \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                             From=\"1\" To=\"0.5\" Duration=\"0:0:1\"\n                                             AutoReverse=\"True\"\n                                             RepeatBehavior=\"Forever\"\n                                             BeginTime=\"0:0:0.4\"/>\n                        \u003C/Storyboard>\n                    \u003C/BeginStoryboard>\n                \u003C/EventTrigger>\n            \u003C/Border.Triggers>\n        \u003C/Border>\n    \u003C/StackPanel>\n\u003C/Border>\n",[2966,17854,17855,17881,17901,17906,17924,17932,17941,17951,17959,17973,17981,17989,18001,18021,18029,18039,18047,18055,18063,18071,18079,18083,18088,18106,18114,18122,18132,18140,18154,18162,18170,18182,18202,18210,18219,18231,18239,18247,18255,18263,18271,18275,18280,18299,18307,18315,18325,18333,18347,18355,18363,18375,18395,18403,18411,18421,18429,18437,18445,18453,18461,18465,18470,18488,18496,18504,18516,18524,18538,18546,18554,18566,18586,18594,18602,18612,18620,18628,18636,18644,18652,18656,18675,18683,18693,18701,18715,18723,18731,18743,18763,18771,18779,18790,18798,18806,18814,18822,18830,18838],{"__ignoreMap":3040},[3044,17856,17857,17859,17861,17863,17865,17867,17869,17871,17873,17875,17877,17879],{"class":3046,"line":3047},[3044,17858,3051],{"class":3050},[3044,17860,3462],{"class":3054},[3044,17862,3465],{"class":3069},[3044,17864,3074],{"class":3073},[3044,17866,3470],{"class":3077},[3044,17868,3473],{"class":3069},[3044,17870,3074],{"class":3073},[3044,17872,3478],{"class":3077},[3044,17874,3481],{"class":3069},[3044,17876,3074],{"class":3073},[3044,17878,3486],{"class":3077},[3044,17880,3058],{"class":3050},[3044,17882,17883,17885,17887,17889,17891,17893,17895,17897,17899],{"class":3046,"line":3061},[3044,17884,3064],{"class":3050},[3044,17886,3495],{"class":3054},[3044,17888,3498],{"class":3069},[3044,17890,3074],{"class":3073},[3044,17892,7314],{"class":3077},[3044,17894,4900],{"class":3069},[3044,17896,3074],{"class":3073},[3044,17898,3631],{"class":3077},[3044,17900,3058],{"class":3050},[3044,17902,17903],{"class":3046,"line":3083},[3044,17904,17905],{"class":3881},"        \u003C!-- Avatar Skeleton -->\n",[3044,17907,17908,17910,17912,17914,17916,17918,17920,17922],{"class":3046,"line":3100},[3044,17909,3086],{"class":3050},[3044,17911,3462],{"class":3054},[3044,17913,4900],{"class":3069},[3044,17915,3074],{"class":3073},[3044,17917,6412],{"class":3077},[3044,17919,4908],{"class":3069},[3044,17921,3074],{"class":3073},[3044,17923,11787],{"class":3077},[3044,17925,17926,17928,17930],{"class":3046,"line":3111},[3044,17927,7299],{"class":3069},[3044,17929,3074],{"class":3073},[3044,17931,10264],{"class":3077},[3044,17933,17934,17936,17938],{"class":3046,"line":3122},[3044,17935,3659],{"class":3069},[3044,17937,3074],{"class":3073},[3044,17939,17940],{"class":3077},"\"30\"\n",[3044,17942,17943,17945,17947,17949],{"class":3046,"line":3133},[3044,17944,3682],{"class":3069},[3044,17946,3074],{"class":3073},[3044,17948,9389],{"class":3077},[3044,17950,3058],{"class":3050},[3044,17952,17953,17955,17957],{"class":3046,"line":3147},[3044,17954,3306],{"class":3050},[3044,17956,5682],{"class":3054},[3044,17958,3058],{"class":3050},[3044,17960,17961,17963,17965,17967,17969,17971],{"class":3046,"line":3157},[3044,17962,3316],{"class":3050},[3044,17964,3291],{"class":3054},[3044,17966,3294],{"class":3069},[3044,17968,3074],{"class":3073},[3044,17970,3299],{"class":3077},[3044,17972,3058],{"class":3050},[3044,17974,17975,17977,17979],{"class":3046,"line":3167},[3044,17976,3325],{"class":3050},[3044,17978,3309],{"class":3054},[3044,17980,3058],{"class":3050},[3044,17982,17983,17985,17987],{"class":3046,"line":3174},[3044,17984,5719],{"class":3050},[3044,17986,2968],{"class":3054},[3044,17988,3058],{"class":3050},[3044,17990,17991,17993,17995,17997,17999],{"class":3046,"line":3384},[3044,17992,5772],{"class":3050},[3044,17994,3089],{"class":3054},[3044,17996,3330],{"class":3069},[3044,17998,3074],{"class":3073},[3044,18000,3108],{"class":3077},[3044,18002,18003,18005,18007,18009,18011,18013,18015,18017,18019],{"class":3046,"line":3394},[3044,18004,7418],{"class":3069},[3044,18006,3074],{"class":3073},[3044,18008,4857],{"class":3077},[3044,18010,3898],{"class":3069},[3044,18012,3074],{"class":3073},[3044,18014,5393],{"class":3077},[3044,18016,3906],{"class":3069},[3044,18018,3074],{"class":3073},[3044,18020,5750],{"class":3077},[3044,18022,18023,18025,18027],{"class":3046,"line":3403},[3044,18024,7440],{"class":3069},[3044,18026,3074],{"class":3073},[3044,18028,5008],{"class":3077},[3044,18030,18031,18033,18035,18037],{"class":3046,"line":3656},[3044,18032,11937],{"class":3069},[3044,18034,3074],{"class":3073},[3044,18036,4441],{"class":3077},[3044,18038,3144],{"class":3050},[3044,18040,18041,18043,18045],{"class":3046,"line":3668},[3044,18042,5806],{"class":3050},[3044,18044,2968],{"class":3054},[3044,18046,3058],{"class":3050},[3044,18048,18049,18051,18053],{"class":3046,"line":3679},[3044,18050,5815],{"class":3050},[3044,18052,3309],{"class":3054},[3044,18054,3058],{"class":3050},[3044,18056,18057,18059,18061],{"class":3046,"line":3691},[3044,18058,3368],{"class":3050},[3044,18060,3291],{"class":3054},[3044,18062,3058],{"class":3050},[3044,18064,18065,18067,18069],{"class":3046,"line":3705},[3044,18066,3377],{"class":3050},[3044,18068,5682],{"class":3054},[3044,18070,3058],{"class":3050},[3044,18072,18073,18075,18077],{"class":3046,"line":3716},[3044,18074,3387],{"class":3050},[3044,18076,3462],{"class":3054},[3044,18078,3058],{"class":3050},[3044,18080,18081],{"class":3046,"line":3727},[3044,18082,3572],{"class":3073},[3044,18084,18085],{"class":3046,"line":3740},[3044,18086,18087],{"class":3881},"        \u003C!-- Title Skeleton -->\n",[3044,18089,18090,18092,18094,18096,18098,18100,18102,18104],{"class":3046,"line":3749},[3044,18091,3086],{"class":3050},[3044,18093,3462],{"class":3054},[3044,18095,4900],{"class":3069},[3044,18097,3074],{"class":3073},[3044,18099,8304],{"class":3077},[3044,18101,4908],{"class":3069},[3044,18103,3074],{"class":3073},[3044,18105,3676],{"class":3077},[3044,18107,18108,18110,18112],{"class":3046,"line":3758},[3044,18109,7299],{"class":3069},[3044,18111,3074],{"class":3073},[3044,18113,10264],{"class":3077},[3044,18115,18116,18118,18120],{"class":3046,"line":4272},[3044,18117,3659],{"class":3069},[3044,18119,3074],{"class":3073},[3044,18121,11804],{"class":3077},[3044,18123,18124,18126,18128,18130],{"class":3046,"line":5927},[3044,18125,3682],{"class":3069},[3044,18127,3074],{"class":3073},[3044,18129,9389],{"class":3077},[3044,18131,3058],{"class":3050},[3044,18133,18134,18136,18138],{"class":3046,"line":5936},[3044,18135,3306],{"class":3050},[3044,18137,5682],{"class":3054},[3044,18139,3058],{"class":3050},[3044,18141,18142,18144,18146,18148,18150,18152],{"class":3046,"line":5949},[3044,18143,3316],{"class":3050},[3044,18145,3291],{"class":3054},[3044,18147,3294],{"class":3069},[3044,18149,3074],{"class":3073},[3044,18151,3299],{"class":3077},[3044,18153,3058],{"class":3050},[3044,18155,18156,18158,18160],{"class":3046,"line":5970},[3044,18157,3325],{"class":3050},[3044,18159,3309],{"class":3054},[3044,18161,3058],{"class":3050},[3044,18163,18164,18166,18168],{"class":3046,"line":5987},[3044,18165,5719],{"class":3050},[3044,18167,2968],{"class":3054},[3044,18169,3058],{"class":3050},[3044,18171,18172,18174,18176,18178,18180],{"class":3046,"line":5996},[3044,18173,5772],{"class":3050},[3044,18175,3089],{"class":3054},[3044,18177,3330],{"class":3069},[3044,18179,3074],{"class":3073},[3044,18181,3108],{"class":3077},[3044,18183,18184,18186,18188,18190,18192,18194,18196,18198,18200],{"class":3046,"line":6011},[3044,18185,7418],{"class":3069},[3044,18187,3074],{"class":3073},[3044,18189,4857],{"class":3077},[3044,18191,3898],{"class":3069},[3044,18193,3074],{"class":3073},[3044,18195,5393],{"class":3077},[3044,18197,3906],{"class":3069},[3044,18199,3074],{"class":3073},[3044,18201,5750],{"class":3077},[3044,18203,18204,18206,18208],{"class":3046,"line":6020},[3044,18205,7440],{"class":3069},[3044,18207,3074],{"class":3073},[3044,18209,5008],{"class":3077},[3044,18211,18212,18214,18216],{"class":3046,"line":6029},[3044,18213,11937],{"class":3069},[3044,18215,3074],{"class":3073},[3044,18217,18218],{"class":3077},"\"Forever\"\n",[3044,18220,18221,18224,18226,18229],{"class":3046,"line":6038},[3044,18222,18223],{"class":3069},"                                             BeginTime",[3044,18225,3074],{"class":3073},[3044,18227,18228],{"class":3077},"\"0:0:0.1\"",[3044,18230,3144],{"class":3050},[3044,18232,18233,18235,18237],{"class":3046,"line":6047},[3044,18234,5806],{"class":3050},[3044,18236,2968],{"class":3054},[3044,18238,3058],{"class":3050},[3044,18240,18241,18243,18245],{"class":3046,"line":6056},[3044,18242,5815],{"class":3050},[3044,18244,3309],{"class":3054},[3044,18246,3058],{"class":3050},[3044,18248,18249,18251,18253],{"class":3046,"line":6065},[3044,18250,3368],{"class":3050},[3044,18252,3291],{"class":3054},[3044,18254,3058],{"class":3050},[3044,18256,18257,18259,18261],{"class":3046,"line":6074},[3044,18258,3377],{"class":3050},[3044,18260,5682],{"class":3054},[3044,18262,3058],{"class":3050},[3044,18264,18265,18267,18269],{"class":3046,"line":6079},[3044,18266,3387],{"class":3050},[3044,18268,3462],{"class":3054},[3044,18270,3058],{"class":3050},[3044,18272,18273],{"class":3046,"line":6085},[3044,18274,3572],{"class":3073},[3044,18276,18277],{"class":3046,"line":6113},[3044,18278,18279],{"class":3881},"        \u003C!-- Subtitle Skeleton -->\n",[3044,18281,18282,18284,18286,18288,18290,18293,18295,18297],{"class":3046,"line":6122},[3044,18283,3086],{"class":3050},[3044,18285,3462],{"class":3054},[3044,18287,4900],{"class":3069},[3044,18289,3074],{"class":3073},[3044,18291,18292],{"class":3077},"\"150\"",[3044,18294,4908],{"class":3069},[3044,18296,3074],{"class":3073},[3044,18298,3724],{"class":3077},[3044,18300,18301,18303,18305],{"class":3046,"line":6137},[3044,18302,7299],{"class":3069},[3044,18304,3074],{"class":3073},[3044,18306,10264],{"class":3077},[3044,18308,18309,18311,18313],{"class":3046,"line":6146},[3044,18310,3659],{"class":3069},[3044,18312,3074],{"class":3073},[3044,18314,11804],{"class":3077},[3044,18316,18317,18319,18321,18323],{"class":3046,"line":6155},[3044,18318,3682],{"class":3069},[3044,18320,3074],{"class":3073},[3044,18322,9389],{"class":3077},[3044,18324,3058],{"class":3050},[3044,18326,18327,18329,18331],{"class":3046,"line":6168},[3044,18328,3306],{"class":3050},[3044,18330,5682],{"class":3054},[3044,18332,3058],{"class":3050},[3044,18334,18335,18337,18339,18341,18343,18345],{"class":3046,"line":6189},[3044,18336,3316],{"class":3050},[3044,18338,3291],{"class":3054},[3044,18340,3294],{"class":3069},[3044,18342,3074],{"class":3073},[3044,18344,3299],{"class":3077},[3044,18346,3058],{"class":3050},[3044,18348,18349,18351,18353],{"class":3046,"line":6206},[3044,18350,3325],{"class":3050},[3044,18352,3309],{"class":3054},[3044,18354,3058],{"class":3050},[3044,18356,18357,18359,18361],{"class":3046,"line":6215},[3044,18358,5719],{"class":3050},[3044,18360,2968],{"class":3054},[3044,18362,3058],{"class":3050},[3044,18364,18365,18367,18369,18371,18373],{"class":3046,"line":6231},[3044,18366,5772],{"class":3050},[3044,18368,3089],{"class":3054},[3044,18370,3330],{"class":3069},[3044,18372,3074],{"class":3073},[3044,18374,3108],{"class":3077},[3044,18376,18377,18379,18381,18383,18385,18387,18389,18391,18393],{"class":3046,"line":6240},[3044,18378,7418],{"class":3069},[3044,18380,3074],{"class":3073},[3044,18382,4857],{"class":3077},[3044,18384,3898],{"class":3069},[3044,18386,3074],{"class":3073},[3044,18388,5393],{"class":3077},[3044,18390,3906],{"class":3069},[3044,18392,3074],{"class":3073},[3044,18394,5750],{"class":3077},[3044,18396,18397,18399,18401],{"class":3046,"line":6249},[3044,18398,7440],{"class":3069},[3044,18400,3074],{"class":3073},[3044,18402,5008],{"class":3077},[3044,18404,18405,18407,18409],{"class":3046,"line":6258},[3044,18406,11937],{"class":3069},[3044,18408,3074],{"class":3073},[3044,18410,18218],{"class":3077},[3044,18412,18413,18415,18417,18419],{"class":3046,"line":6267},[3044,18414,18223],{"class":3069},[3044,18416,3074],{"class":3073},[3044,18418,4149],{"class":3077},[3044,18420,3144],{"class":3050},[3044,18422,18423,18425,18427],{"class":3046,"line":6276},[3044,18424,5806],{"class":3050},[3044,18426,2968],{"class":3054},[3044,18428,3058],{"class":3050},[3044,18430,18431,18433,18435],{"class":3046,"line":6285},[3044,18432,5815],{"class":3050},[3044,18434,3309],{"class":3054},[3044,18436,3058],{"class":3050},[3044,18438,18439,18441,18443],{"class":3046,"line":6294},[3044,18440,3368],{"class":3050},[3044,18442,3291],{"class":3054},[3044,18444,3058],{"class":3050},[3044,18446,18447,18449,18451],{"class":3046,"line":7054},[3044,18448,3377],{"class":3050},[3044,18450,5682],{"class":3054},[3044,18452,3058],{"class":3050},[3044,18454,18455,18457,18459],{"class":3046,"line":7063},[3044,18456,3387],{"class":3050},[3044,18458,3462],{"class":3054},[3044,18460,3058],{"class":3050},[3044,18462,18463],{"class":3046,"line":7072},[3044,18464,3572],{"class":3073},[3044,18466,18467],{"class":3046,"line":7106},[3044,18468,18469],{"class":3881},"        \u003C!-- Content Lines -->\n",[3044,18471,18472,18474,18476,18478,18480,18482,18484,18486],{"class":3046,"line":7115},[3044,18473,3086],{"class":3050},[3044,18475,3462],{"class":3054},[3044,18477,4900],{"class":3069},[3044,18479,3074],{"class":3073},[3044,18481,3631],{"class":3077},[3044,18483,4908],{"class":3069},[3044,18485,3074],{"class":3073},[3044,18487,12755],{"class":3077},[3044,18489,18490,18492,18494],{"class":3046,"line":10957},[3044,18491,7299],{"class":3069},[3044,18493,3074],{"class":3073},[3044,18495,10264],{"class":3077},[3044,18497,18498,18500,18502],{"class":3046,"line":10966},[3044,18499,3659],{"class":3069},[3044,18501,3074],{"class":3073},[3044,18503,11804],{"class":3077},[3044,18505,18506,18509,18511,18514],{"class":3046,"line":10979},[3044,18507,18508],{"class":3069},"                Margin",[3044,18510,3074],{"class":3073},[3044,18512,18513],{"class":3077},"\"0,8,0,0\"",[3044,18515,3058],{"class":3050},[3044,18517,18518,18520,18522],{"class":3046,"line":10996},[3044,18519,3306],{"class":3050},[3044,18521,5682],{"class":3054},[3044,18523,3058],{"class":3050},[3044,18525,18526,18528,18530,18532,18534,18536],{"class":3046,"line":11005},[3044,18527,3316],{"class":3050},[3044,18529,3291],{"class":3054},[3044,18531,3294],{"class":3069},[3044,18533,3074],{"class":3073},[3044,18535,3299],{"class":3077},[3044,18537,3058],{"class":3050},[3044,18539,18540,18542,18544],{"class":3046,"line":11020},[3044,18541,3325],{"class":3050},[3044,18543,3309],{"class":3054},[3044,18545,3058],{"class":3050},[3044,18547,18548,18550,18552],{"class":3046,"line":11029},[3044,18549,5719],{"class":3050},[3044,18551,2968],{"class":3054},[3044,18553,3058],{"class":3050},[3044,18555,18556,18558,18560,18562,18564],{"class":3046,"line":11038},[3044,18557,5772],{"class":3050},[3044,18559,3089],{"class":3054},[3044,18561,3330],{"class":3069},[3044,18563,3074],{"class":3073},[3044,18565,3108],{"class":3077},[3044,18567,18568,18570,18572,18574,18576,18578,18580,18582,18584],{"class":3046,"line":11051},[3044,18569,7418],{"class":3069},[3044,18571,3074],{"class":3073},[3044,18573,4857],{"class":3077},[3044,18575,3898],{"class":3069},[3044,18577,3074],{"class":3073},[3044,18579,5393],{"class":3077},[3044,18581,3906],{"class":3069},[3044,18583,3074],{"class":3073},[3044,18585,5750],{"class":3077},[3044,18587,18588,18590,18592],{"class":3046,"line":11068},[3044,18589,7440],{"class":3069},[3044,18591,3074],{"class":3073},[3044,18593,5008],{"class":3077},[3044,18595,18596,18598,18600],{"class":3046,"line":11077},[3044,18597,11937],{"class":3069},[3044,18599,3074],{"class":3073},[3044,18601,18218],{"class":3077},[3044,18603,18604,18606,18608,18610],{"class":3046,"line":11092},[3044,18605,18223],{"class":3069},[3044,18607,3074],{"class":3073},[3044,18609,3856],{"class":3077},[3044,18611,3144],{"class":3050},[3044,18613,18614,18616,18618],{"class":3046,"line":11101},[3044,18615,5806],{"class":3050},[3044,18617,2968],{"class":3054},[3044,18619,3058],{"class":3050},[3044,18621,18622,18624,18626],{"class":3046,"line":11110},[3044,18623,5815],{"class":3050},[3044,18625,3309],{"class":3054},[3044,18627,3058],{"class":3050},[3044,18629,18630,18632,18634],{"class":3046,"line":11119},[3044,18631,3368],{"class":3050},[3044,18633,3291],{"class":3054},[3044,18635,3058],{"class":3050},[3044,18637,18638,18640,18642],{"class":3046,"line":11128},[3044,18639,3377],{"class":3050},[3044,18641,5682],{"class":3054},[3044,18643,3058],{"class":3050},[3044,18645,18646,18648,18650],{"class":3046,"line":11137},[3044,18647,3387],{"class":3050},[3044,18649,3462],{"class":3054},[3044,18651,3058],{"class":3050},[3044,18653,18654],{"class":3046,"line":11152},[3044,18655,3572],{"class":3073},[3044,18657,18658,18660,18662,18664,18666,18669,18671,18673],{"class":3046,"line":11161},[3044,18659,3086],{"class":3050},[3044,18661,3462],{"class":3054},[3044,18663,4900],{"class":3069},[3044,18665,3074],{"class":3073},[3044,18667,18668],{"class":3077},"\"280\"",[3044,18670,4908],{"class":3069},[3044,18672,3074],{"class":3073},[3044,18674,12755],{"class":3077},[3044,18676,18677,18679,18681],{"class":3046,"line":11170},[3044,18678,7299],{"class":3069},[3044,18680,3074],{"class":3073},[3044,18682,10264],{"class":3077},[3044,18684,18685,18687,18689,18691],{"class":3046,"line":11183},[3044,18686,3659],{"class":3069},[3044,18688,3074],{"class":3073},[3044,18690,6431],{"class":3077},[3044,18692,3058],{"class":3050},[3044,18694,18695,18697,18699],{"class":3046,"line":11200},[3044,18696,3306],{"class":3050},[3044,18698,5682],{"class":3054},[3044,18700,3058],{"class":3050},[3044,18702,18703,18705,18707,18709,18711,18713],{"class":3046,"line":11213},[3044,18704,3316],{"class":3050},[3044,18706,3291],{"class":3054},[3044,18708,3294],{"class":3069},[3044,18710,3074],{"class":3073},[3044,18712,3299],{"class":3077},[3044,18714,3058],{"class":3050},[3044,18716,18717,18719,18721],{"class":3046,"line":11230},[3044,18718,3325],{"class":3050},[3044,18720,3309],{"class":3054},[3044,18722,3058],{"class":3050},[3044,18724,18725,18727,18729],{"class":3046,"line":11239},[3044,18726,5719],{"class":3050},[3044,18728,2968],{"class":3054},[3044,18730,3058],{"class":3050},[3044,18732,18733,18735,18737,18739,18741],{"class":3046,"line":11248},[3044,18734,5772],{"class":3050},[3044,18736,3089],{"class":3054},[3044,18738,3330],{"class":3069},[3044,18740,3074],{"class":3073},[3044,18742,3108],{"class":3077},[3044,18744,18745,18747,18749,18751,18753,18755,18757,18759,18761],{"class":3046,"line":11257},[3044,18746,7418],{"class":3069},[3044,18748,3074],{"class":3073},[3044,18750,4857],{"class":3077},[3044,18752,3898],{"class":3069},[3044,18754,3074],{"class":3073},[3044,18756,5393],{"class":3077},[3044,18758,3906],{"class":3069},[3044,18760,3074],{"class":3073},[3044,18762,5750],{"class":3077},[3044,18764,18765,18767,18769],{"class":3046,"line":11266},[3044,18766,7440],{"class":3069},[3044,18768,3074],{"class":3073},[3044,18770,5008],{"class":3077},[3044,18772,18773,18775,18777],{"class":3046,"line":11271},[3044,18774,11937],{"class":3069},[3044,18776,3074],{"class":3073},[3044,18778,18218],{"class":3077},[3044,18780,18781,18783,18785,18788],{"class":3046,"line":11286},[3044,18782,18223],{"class":3069},[3044,18784,3074],{"class":3073},[3044,18786,18787],{"class":3077},"\"0:0:0.4\"",[3044,18789,3144],{"class":3050},[3044,18791,18792,18794,18796],{"class":3046,"line":11320},[3044,18793,5806],{"class":3050},[3044,18795,2968],{"class":3054},[3044,18797,3058],{"class":3050},[3044,18799,18800,18802,18804],{"class":3046,"line":11360},[3044,18801,5815],{"class":3050},[3044,18803,3309],{"class":3054},[3044,18805,3058],{"class":3050},[3044,18807,18808,18810,18812],{"class":3046,"line":11400},[3044,18809,3368],{"class":3050},[3044,18811,3291],{"class":3054},[3044,18813,3058],{"class":3050},[3044,18815,18816,18818,18820],{"class":3046,"line":11409},[3044,18817,3377],{"class":3050},[3044,18819,5682],{"class":3054},[3044,18821,3058],{"class":3050},[3044,18823,18824,18826,18828],{"class":3046,"line":11418},[3044,18825,3387],{"class":3050},[3044,18827,3462],{"class":3054},[3044,18829,3058],{"class":3050},[3044,18831,18832,18834,18836],{"class":3046,"line":11427},[3044,18833,3150],{"class":3050},[3044,18835,3495],{"class":3054},[3044,18837,3058],{"class":3050},[3044,18839,18841,18843,18845],{"class":3046,"line":18840},100,[3044,18842,3160],{"class":3050},[3044,18844,3462],{"class":3054},[3044,18846,3058],{"class":3050},[3017,18848],{},[3020,18850,18852],{"id":18851},"code-behind-анімації-програмний-контроль","Code-behind анімації: програмний контроль",[2959,18854,18855],{},"Іноді потрібно запускати анімації з коду, а не через EventTrigger.",[3030,18857,18859],{"id":18858},"створення-та-запуск-storyboard-у-коді","Створення та запуск Storyboard у коді",[3035,18861,18865],{"className":18862,"code":18863,"language":18864,"meta":3040,"style":3040},"language-csharp shiki shiki-themes light-plus dark-plus dark-plus","private void AnimateButton_Click(object sender, RoutedEventArgs e)\n{\n    // Створюємо анімацію\n    var animation = new DoubleAnimation\n    {\n        From = 0,\n        To = 1,\n        Duration = TimeSpan.FromMilliseconds(500),\n        EasingFunction = new QuadraticEase { EasingMode = EasingMode.EaseOut }\n    };\n    \n    // Створюємо Storyboard\n    var storyboard = new Storyboard();\n    storyboard.Children.Add(animation);\n    \n    // Встановлюємо Target та Property\n    Storyboard.SetTarget(animation, MyButton);\n    Storyboard.SetTargetProperty(animation, new PropertyPath(\"Opacity\"));\n    \n    // Запускаємо\n    storyboard.Begin();\n}\n","csharp",[2966,18866,18867,18902,18907,18912,18929,18934,18948,18960,18983,19012,19017,19021,19026,19043,19066,19070,19075,19096,19124,19128,19133,19144],{"__ignoreMap":3040},[3044,18868,18869,18873,18876,18880,18883,18886,18890,18892,18896,18899],{"class":3046,"line":3047},[3044,18870,18872],{"class":18871},"su1O8","private",[3044,18874,18875],{"class":18871}," void",[3044,18877,18879],{"class":18878},"s8Opu"," AnimateButton_Click",[3044,18881,18882],{"class":3073},"(",[3044,18884,18885],{"class":18871},"object",[3044,18887,18889],{"class":18888},"siwwj"," sender",[3044,18891,13509],{"class":3073},[3044,18893,18895],{"class":18894},"sN1BT","RoutedEventArgs",[3044,18897,18898],{"class":18888}," e",[3044,18900,18901],{"class":3073},")\n",[3044,18903,18904],{"class":3046,"line":3061},[3044,18905,18906],{"class":3073},"{\n",[3044,18908,18909],{"class":3046,"line":3083},[3044,18910,18911],{"class":3881},"    // Створюємо анімацію\n",[3044,18913,18914,18917,18920,18923,18926],{"class":3046,"line":3100},[3044,18915,18916],{"class":18871},"    var",[3044,18918,18919],{"class":18888}," animation",[3044,18921,18922],{"class":3073}," = ",[3044,18924,18925],{"class":18871},"new",[3044,18927,18928],{"class":18894}," DoubleAnimation\n",[3044,18930,18931],{"class":3046,"line":3111},[3044,18932,18933],{"class":3073},"    {\n",[3044,18935,18936,18939,18941,18945],{"class":3046,"line":3122},[3044,18937,18938],{"class":18888},"        From",[3044,18940,18922],{"class":3073},[3044,18942,18944],{"class":18943},"sJj4R","0",[3044,18946,18947],{"class":3073},",\n",[3044,18949,18950,18953,18955,18958],{"class":3046,"line":3133},[3044,18951,18952],{"class":18888},"        To",[3044,18954,18922],{"class":3073},[3044,18956,18957],{"class":18943},"1",[3044,18959,18947],{"class":3073},[3044,18961,18962,18965,18967,18970,18972,18975,18977,18980],{"class":3046,"line":3147},[3044,18963,18964],{"class":18888},"        Duration",[3044,18966,18922],{"class":3073},[3044,18968,18969],{"class":18888},"TimeSpan",[3044,18971,12356],{"class":3073},[3044,18973,18974],{"class":18878},"FromMilliseconds",[3044,18976,18882],{"class":3073},[3044,18978,18979],{"class":18943},"500",[3044,18981,18982],{"class":3073},"),\n",[3044,18984,18985,18988,18990,18992,18995,18998,19001,19003,19005,19007,19009],{"class":3046,"line":3157},[3044,18986,18987],{"class":18888},"        EasingFunction",[3044,18989,18922],{"class":3073},[3044,18991,18925],{"class":18871},[3044,18993,18994],{"class":18894}," QuadraticEase",[3044,18996,18997],{"class":3073}," { ",[3044,18999,19000],{"class":18888},"EasingMode",[3044,19002,18922],{"class":3073},[3044,19004,19000],{"class":18888},[3044,19006,12356],{"class":3073},[3044,19008,5168],{"class":18888},[3044,19010,19011],{"class":3073}," }\n",[3044,19013,19014],{"class":3046,"line":3167},[3044,19015,19016],{"class":3073},"    };\n",[3044,19018,19019],{"class":3046,"line":3174},[3044,19020,5856],{"class":3073},[3044,19022,19023],{"class":3046,"line":3384},[3044,19024,19025],{"class":3881},"    // Створюємо Storyboard\n",[3044,19027,19028,19030,19033,19035,19037,19040],{"class":3046,"line":3394},[3044,19029,18916],{"class":18871},[3044,19031,19032],{"class":18888}," storyboard",[3044,19034,18922],{"class":3073},[3044,19036,18925],{"class":18871},[3044,19038,19039],{"class":18894}," Storyboard",[3044,19041,19042],{"class":3073},"();\n",[3044,19044,19045,19048,19050,19053,19055,19058,19060,19063],{"class":3046,"line":3403},[3044,19046,19047],{"class":18888},"    storyboard",[3044,19049,12356],{"class":3073},[3044,19051,19052],{"class":18888},"Children",[3044,19054,12356],{"class":3073},[3044,19056,19057],{"class":18878},"Add",[3044,19059,18882],{"class":3073},[3044,19061,19062],{"class":18888},"animation",[3044,19064,19065],{"class":3073},");\n",[3044,19067,19068],{"class":3046,"line":3656},[3044,19069,5856],{"class":3073},[3044,19071,19072],{"class":3046,"line":3668},[3044,19073,19074],{"class":3881},"    // Встановлюємо Target та Property\n",[3044,19076,19077,19080,19082,19085,19087,19089,19091,19094],{"class":3046,"line":3679},[3044,19078,19079],{"class":18888},"    Storyboard",[3044,19081,12356],{"class":3073},[3044,19083,19084],{"class":18878},"SetTarget",[3044,19086,18882],{"class":3073},[3044,19088,19062],{"class":18888},[3044,19090,13509],{"class":3073},[3044,19092,19093],{"class":18888},"MyButton",[3044,19095,19065],{"class":3073},[3044,19097,19098,19100,19102,19105,19107,19109,19111,19113,19116,19118,19121],{"class":3046,"line":3691},[3044,19099,19079],{"class":18888},[3044,19101,12356],{"class":3073},[3044,19103,19104],{"class":18878},"SetTargetProperty",[3044,19106,18882],{"class":3073},[3044,19108,19062],{"class":18888},[3044,19110,13509],{"class":3073},[3044,19112,18925],{"class":18871},[3044,19114,19115],{"class":18894}," PropertyPath",[3044,19117,18882],{"class":3073},[3044,19119,13996],{"class":19120},"sbdoH",[3044,19122,19123],{"class":3073},"));\n",[3044,19125,19126],{"class":3046,"line":3705},[3044,19127,5856],{"class":3073},[3044,19129,19130],{"class":3046,"line":3716},[3044,19131,19132],{"class":3881},"    // Запускаємо\n",[3044,19134,19135,19137,19139,19142],{"class":3046,"line":3727},[3044,19136,19047],{"class":18888},[3044,19138,12356],{"class":3073},[3044,19140,19141],{"class":18878},"Begin",[3044,19143,19042],{"class":3073},[3044,19145,19146],{"class":3046,"line":3740},[3044,19147,19148],{"class":3073},"}\n",[3030,19150,19152],{"id":19151},"контроль-виконання-storyboard","Контроль виконання Storyboard",[3035,19154,19156],{"className":18862,"code":19155,"language":18864,"meta":3040,"style":3040},"private Storyboard? _currentStoryboard;\n\nprivate void StartAnimation_Click(object sender, RoutedEventArgs e)\n{\n    _currentStoryboard = CreateFadeInStoryboard();\n    _currentStoryboard.Begin();\n}\n\nprivate void PauseAnimation_Click(object sender, RoutedEventArgs e)\n{\n    _currentStoryboard?.Pause();\n}\n\nprivate void ResumeAnimation_Click(object sender, RoutedEventArgs e)\n{\n    _currentStoryboard?.Resume();\n}\n\nprivate void StopAnimation_Click(object sender, RoutedEventArgs e)\n{\n    _currentStoryboard?.Stop();\n}\n\nprivate Storyboard CreateFadeInStoryboard()\n{\n    var animation = new DoubleAnimation\n    {\n        From = 0,\n        To = 1,\n        Duration = TimeSpan.FromSeconds(2)\n    };\n    \n    var storyboard = new Storyboard();\n    storyboard.Children.Add(animation);\n    Storyboard.SetTarget(animation, MyButton);\n    Storyboard.SetTargetProperty(animation, new PropertyPath(\"Opacity\"));\n    \n    return storyboard;\n}\n",[2966,19157,19158,19173,19177,19200,19204,19216,19226,19230,19234,19257,19261,19273,19277,19281,19304,19308,19319,19323,19327,19350,19354,19365,19369,19373,19385,19389,19401,19405,19415,19425,19445,19449,19453,19467,19485,19503,19527,19531,19541],{"__ignoreMap":3040},[3044,19159,19160,19162,19164,19167,19170],{"class":3046,"line":3047},[3044,19161,18872],{"class":18871},[3044,19163,19039],{"class":18894},[3044,19165,19166],{"class":3073},"? ",[3044,19168,19169],{"class":18888},"_currentStoryboard",[3044,19171,19172],{"class":3073},";\n",[3044,19174,19175],{"class":3046,"line":3061},[3044,19176,3171],{"emptyLinePlaceholder":3170},[3044,19178,19179,19181,19183,19186,19188,19190,19192,19194,19196,19198],{"class":3046,"line":3083},[3044,19180,18872],{"class":18871},[3044,19182,18875],{"class":18871},[3044,19184,19185],{"class":18878}," StartAnimation_Click",[3044,19187,18882],{"class":3073},[3044,19189,18885],{"class":18871},[3044,19191,18889],{"class":18888},[3044,19193,13509],{"class":3073},[3044,19195,18895],{"class":18894},[3044,19197,18898],{"class":18888},[3044,19199,18901],{"class":3073},[3044,19201,19202],{"class":3046,"line":3100},[3044,19203,18906],{"class":3073},[3044,19205,19206,19209,19211,19214],{"class":3046,"line":3111},[3044,19207,19208],{"class":18888},"    _currentStoryboard",[3044,19210,18922],{"class":3073},[3044,19212,19213],{"class":18878},"CreateFadeInStoryboard",[3044,19215,19042],{"class":3073},[3044,19217,19218,19220,19222,19224],{"class":3046,"line":3122},[3044,19219,19208],{"class":18888},[3044,19221,12356],{"class":3073},[3044,19223,19141],{"class":18878},[3044,19225,19042],{"class":3073},[3044,19227,19228],{"class":3046,"line":3133},[3044,19229,19148],{"class":3073},[3044,19231,19232],{"class":3046,"line":3147},[3044,19233,3171],{"emptyLinePlaceholder":3170},[3044,19235,19236,19238,19240,19243,19245,19247,19249,19251,19253,19255],{"class":3046,"line":3157},[3044,19237,18872],{"class":18871},[3044,19239,18875],{"class":18871},[3044,19241,19242],{"class":18878}," PauseAnimation_Click",[3044,19244,18882],{"class":3073},[3044,19246,18885],{"class":18871},[3044,19248,18889],{"class":18888},[3044,19250,13509],{"class":3073},[3044,19252,18895],{"class":18894},[3044,19254,18898],{"class":18888},[3044,19256,18901],{"class":3073},[3044,19258,19259],{"class":3046,"line":3167},[3044,19260,18906],{"class":3073},[3044,19262,19263,19265,19268,19271],{"class":3046,"line":3174},[3044,19264,19208],{"class":18888},[3044,19266,19267],{"class":3073},"?.",[3044,19269,19270],{"class":18878},"Pause",[3044,19272,19042],{"class":3073},[3044,19274,19275],{"class":3046,"line":3384},[3044,19276,19148],{"class":3073},[3044,19278,19279],{"class":3046,"line":3394},[3044,19280,3171],{"emptyLinePlaceholder":3170},[3044,19282,19283,19285,19287,19290,19292,19294,19296,19298,19300,19302],{"class":3046,"line":3403},[3044,19284,18872],{"class":18871},[3044,19286,18875],{"class":18871},[3044,19288,19289],{"class":18878}," ResumeAnimation_Click",[3044,19291,18882],{"class":3073},[3044,19293,18885],{"class":18871},[3044,19295,18889],{"class":18888},[3044,19297,13509],{"class":3073},[3044,19299,18895],{"class":18894},[3044,19301,18898],{"class":18888},[3044,19303,18901],{"class":3073},[3044,19305,19306],{"class":3046,"line":3656},[3044,19307,18906],{"class":3073},[3044,19309,19310,19312,19314,19317],{"class":3046,"line":3668},[3044,19311,19208],{"class":18888},[3044,19313,19267],{"class":3073},[3044,19315,19316],{"class":18878},"Resume",[3044,19318,19042],{"class":3073},[3044,19320,19321],{"class":3046,"line":3679},[3044,19322,19148],{"class":3073},[3044,19324,19325],{"class":3046,"line":3691},[3044,19326,3171],{"emptyLinePlaceholder":3170},[3044,19328,19329,19331,19333,19336,19338,19340,19342,19344,19346,19348],{"class":3046,"line":3705},[3044,19330,18872],{"class":18871},[3044,19332,18875],{"class":18871},[3044,19334,19335],{"class":18878}," StopAnimation_Click",[3044,19337,18882],{"class":3073},[3044,19339,18885],{"class":18871},[3044,19341,18889],{"class":18888},[3044,19343,13509],{"class":3073},[3044,19345,18895],{"class":18894},[3044,19347,18898],{"class":18888},[3044,19349,18901],{"class":3073},[3044,19351,19352],{"class":3046,"line":3716},[3044,19353,18906],{"class":3073},[3044,19355,19356,19358,19360,19363],{"class":3046,"line":3727},[3044,19357,19208],{"class":18888},[3044,19359,19267],{"class":3073},[3044,19361,19362],{"class":18878},"Stop",[3044,19364,19042],{"class":3073},[3044,19366,19367],{"class":3046,"line":3740},[3044,19368,19148],{"class":3073},[3044,19370,19371],{"class":3046,"line":3749},[3044,19372,3171],{"emptyLinePlaceholder":3170},[3044,19374,19375,19377,19379,19382],{"class":3046,"line":3758},[3044,19376,18872],{"class":18871},[3044,19378,19039],{"class":18894},[3044,19380,19381],{"class":18878}," CreateFadeInStoryboard",[3044,19383,19384],{"class":3073},"()\n",[3044,19386,19387],{"class":3046,"line":4272},[3044,19388,18906],{"class":3073},[3044,19390,19391,19393,19395,19397,19399],{"class":3046,"line":5927},[3044,19392,18916],{"class":18871},[3044,19394,18919],{"class":18888},[3044,19396,18922],{"class":3073},[3044,19398,18925],{"class":18871},[3044,19400,18928],{"class":18894},[3044,19402,19403],{"class":3046,"line":5936},[3044,19404,18933],{"class":3073},[3044,19406,19407,19409,19411,19413],{"class":3046,"line":5949},[3044,19408,18938],{"class":18888},[3044,19410,18922],{"class":3073},[3044,19412,18944],{"class":18943},[3044,19414,18947],{"class":3073},[3044,19416,19417,19419,19421,19423],{"class":3046,"line":5970},[3044,19418,18952],{"class":18888},[3044,19420,18922],{"class":3073},[3044,19422,18957],{"class":18943},[3044,19424,18947],{"class":3073},[3044,19426,19427,19429,19431,19433,19435,19438,19440,19443],{"class":3046,"line":5987},[3044,19428,18964],{"class":18888},[3044,19430,18922],{"class":3073},[3044,19432,18969],{"class":18888},[3044,19434,12356],{"class":3073},[3044,19436,19437],{"class":18878},"FromSeconds",[3044,19439,18882],{"class":3073},[3044,19441,19442],{"class":18943},"2",[3044,19444,18901],{"class":3073},[3044,19446,19447],{"class":3046,"line":5996},[3044,19448,19016],{"class":3073},[3044,19450,19451],{"class":3046,"line":6011},[3044,19452,5856],{"class":3073},[3044,19454,19455,19457,19459,19461,19463,19465],{"class":3046,"line":6020},[3044,19456,18916],{"class":18871},[3044,19458,19032],{"class":18888},[3044,19460,18922],{"class":3073},[3044,19462,18925],{"class":18871},[3044,19464,19039],{"class":18894},[3044,19466,19042],{"class":3073},[3044,19468,19469,19471,19473,19475,19477,19479,19481,19483],{"class":3046,"line":6029},[3044,19470,19047],{"class":18888},[3044,19472,12356],{"class":3073},[3044,19474,19052],{"class":18888},[3044,19476,12356],{"class":3073},[3044,19478,19057],{"class":18878},[3044,19480,18882],{"class":3073},[3044,19482,19062],{"class":18888},[3044,19484,19065],{"class":3073},[3044,19486,19487,19489,19491,19493,19495,19497,19499,19501],{"class":3046,"line":6038},[3044,19488,19079],{"class":18888},[3044,19490,12356],{"class":3073},[3044,19492,19084],{"class":18878},[3044,19494,18882],{"class":3073},[3044,19496,19062],{"class":18888},[3044,19498,13509],{"class":3073},[3044,19500,19093],{"class":18888},[3044,19502,19065],{"class":3073},[3044,19504,19505,19507,19509,19511,19513,19515,19517,19519,19521,19523,19525],{"class":3046,"line":6047},[3044,19506,19079],{"class":18888},[3044,19508,12356],{"class":3073},[3044,19510,19104],{"class":18878},[3044,19512,18882],{"class":3073},[3044,19514,19062],{"class":18888},[3044,19516,13509],{"class":3073},[3044,19518,18925],{"class":18871},[3044,19520,19115],{"class":18894},[3044,19522,18882],{"class":3073},[3044,19524,13996],{"class":19120},[3044,19526,19123],{"class":3073},[3044,19528,19529],{"class":3046,"line":6056},[3044,19530,5856],{"class":3073},[3044,19532,19533,19537,19539],{"class":3046,"line":6065},[3044,19534,19536],{"class":19535},"sCDza","    return",[3044,19538,19032],{"class":18888},[3044,19540,19172],{"class":3073},[3044,19542,19543],{"class":3046,"line":6074},[3044,19544,19148],{"class":3073},[3030,19546,19548],{"id":19547},"події-storyboard","Події Storyboard",[3035,19550,19552],{"className":18862,"code":19551,"language":18864,"meta":3040,"style":3040},"private void StartAnimation_Click(object sender, RoutedEventArgs e)\n{\n    var storyboard = CreateStoryboard();\n    \n    // Підписка на події\n    storyboard.Completed += (s, args) =>\n    {\n        MessageBox.Show(\"Анімація завершена!\");\n    };\n    \n    storyboard.CurrentTimeInvalidated += (s, args) =>\n    {\n        // Викликається при кожному кадрі\n        var progress = storyboard.GetCurrentTime().TotalSeconds / storyboard.Duration.TimeSpan.TotalSeconds;\n        ProgressTextBlock.Text = $\"Прогрес: {progress:P0}\";\n    };\n    \n    storyboard.Begin();\n}\n",[2966,19553,19554,19576,19580,19593,19597,19602,19625,19629,19646,19650,19654,19673,19677,19682,19725,19761,19765,19769,19779],{"__ignoreMap":3040},[3044,19555,19556,19558,19560,19562,19564,19566,19568,19570,19572,19574],{"class":3046,"line":3047},[3044,19557,18872],{"class":18871},[3044,19559,18875],{"class":18871},[3044,19561,19185],{"class":18878},[3044,19563,18882],{"class":3073},[3044,19565,18885],{"class":18871},[3044,19567,18889],{"class":18888},[3044,19569,13509],{"class":3073},[3044,19571,18895],{"class":18894},[3044,19573,18898],{"class":18888},[3044,19575,18901],{"class":3073},[3044,19577,19578],{"class":3046,"line":3061},[3044,19579,18906],{"class":3073},[3044,19581,19582,19584,19586,19588,19591],{"class":3046,"line":3083},[3044,19583,18916],{"class":18871},[3044,19585,19032],{"class":18888},[3044,19587,18922],{"class":3073},[3044,19589,19590],{"class":18878},"CreateStoryboard",[3044,19592,19042],{"class":3073},[3044,19594,19595],{"class":3046,"line":3100},[3044,19596,5856],{"class":3073},[3044,19598,19599],{"class":3046,"line":3111},[3044,19600,19601],{"class":3881},"    // Підписка на події\n",[3044,19603,19604,19606,19608,19611,19614,19617,19619,19622],{"class":3046,"line":3122},[3044,19605,19047],{"class":18888},[3044,19607,12356],{"class":3073},[3044,19609,19610],{"class":18888},"Completed",[3044,19612,19613],{"class":3073}," += (",[3044,19615,19616],{"class":18888},"s",[3044,19618,13509],{"class":3073},[3044,19620,19621],{"class":18888},"args",[3044,19623,19624],{"class":3073},") =>\n",[3044,19626,19627],{"class":3046,"line":3133},[3044,19628,18933],{"class":3073},[3044,19630,19631,19634,19636,19639,19641,19644],{"class":3046,"line":3147},[3044,19632,19633],{"class":18888},"        MessageBox",[3044,19635,12356],{"class":3073},[3044,19637,19638],{"class":18878},"Show",[3044,19640,18882],{"class":3073},[3044,19642,19643],{"class":19120},"\"Анімація завершена!\"",[3044,19645,19065],{"class":3073},[3044,19647,19648],{"class":3046,"line":3157},[3044,19649,19016],{"class":3073},[3044,19651,19652],{"class":3046,"line":3167},[3044,19653,5856],{"class":3073},[3044,19655,19656,19658,19660,19663,19665,19667,19669,19671],{"class":3046,"line":3174},[3044,19657,19047],{"class":18888},[3044,19659,12356],{"class":3073},[3044,19661,19662],{"class":18888},"CurrentTimeInvalidated",[3044,19664,19613],{"class":3073},[3044,19666,19616],{"class":18888},[3044,19668,13509],{"class":3073},[3044,19670,19621],{"class":18888},[3044,19672,19624],{"class":3073},[3044,19674,19675],{"class":3046,"line":3384},[3044,19676,18933],{"class":3073},[3044,19678,19679],{"class":3046,"line":3394},[3044,19680,19681],{"class":3881},"        // Викликається при кожному кадрі\n",[3044,19683,19684,19687,19690,19692,19695,19697,19700,19703,19706,19709,19711,19713,19715,19717,19719,19721,19723],{"class":3046,"line":3403},[3044,19685,19686],{"class":18871},"        var",[3044,19688,19689],{"class":18888}," progress",[3044,19691,18922],{"class":3073},[3044,19693,19694],{"class":18888},"storyboard",[3044,19696,12356],{"class":3073},[3044,19698,19699],{"class":18878},"GetCurrentTime",[3044,19701,19702],{"class":3073},"().",[3044,19704,19705],{"class":18888},"TotalSeconds",[3044,19707,19708],{"class":3073}," / ",[3044,19710,19694],{"class":18888},[3044,19712,12356],{"class":3073},[3044,19714,2994],{"class":18888},[3044,19716,12356],{"class":3073},[3044,19718,18969],{"class":18888},[3044,19720,12356],{"class":3073},[3044,19722,19705],{"class":18888},[3044,19724,19172],{"class":3073},[3044,19726,19727,19730,19732,19735,19737,19740,19744,19747,19750,19753,19756,19759],{"class":3046,"line":3656},[3044,19728,19729],{"class":18888},"        ProgressTextBlock",[3044,19731,12356],{"class":3073},[3044,19733,19734],{"class":18888},"Text",[3044,19736,18922],{"class":3073},[3044,19738,19739],{"class":19120},"$\"Прогрес: ",[3044,19741,19743],{"class":19742},"sD7JJ","{",[3044,19745,19746],{"class":18888},"progress",[3044,19748,19749],{"class":3073},":",[3044,19751,19752],{"class":18888},"P0",[3044,19754,19755],{"class":19742},"}",[3044,19757,19758],{"class":19120},"\"",[3044,19760,19172],{"class":3073},[3044,19762,19763],{"class":3046,"line":3668},[3044,19764,19016],{"class":3073},[3044,19766,19767],{"class":3046,"line":3679},[3044,19768,5856],{"class":3073},[3044,19770,19771,19773,19775,19777],{"class":3046,"line":3691},[3044,19772,19047],{"class":18888},[3044,19774,12356],{"class":3073},[3044,19776,19141],{"class":18878},[3044,19778,19042],{"class":3073},[3044,19780,19781],{"class":3046,"line":3705},[3044,19782,19148],{"class":3073},[3017,19784],{},[3020,19786,19788],{"id":19787},"продуктивність-анімацій-оптимізація-та-best-practices","Продуктивність анімацій: оптимізація та best practices",[2959,19790,19791],{},"Анімації можуть суттєво вплинути на продуктивність додатку, особливо на слабких пристроях. Розуміння того, як WPF рендерить анімації, допоможе створювати плавні та ефективні інтерфейси.",[3030,19793,19795],{"id":19794},"hardware-acceleration-gpu-vs-cpu","Hardware Acceleration: GPU vs CPU",[2959,19797,19798],{},"WPF підтримує апаратне прискорення через DirectX. Деякі анімації виконуються на GPU (швидко), інші на CPU (повільно).",[2959,19800,19801],{},[2977,19802,19803],{},"Анімації на GPU (швидкі):",[3212,19805,19806,19812,19817],{},[3215,19807,19808,19811],{},[2966,19809,19810],{},"Opacity"," — найшвидша анімація",[3215,19813,19814,19816],{},[2966,19815,9069],{}," (TranslateTransform, ScaleTransform, RotateTransform, SkewTransform)",[3215,19818,19819,19822],{},[2966,19820,19821],{},"Clip"," (RectangleGeometry)",[2959,19824,19825],{},[2977,19826,19827],{},"Анімації на CPU (повільні):",[3212,19829,19830,19839,19847,19852,19858],{},[3215,19831,19832,13509,19835,19838],{},[2966,19833,19834],{},"Width",[2966,19836,19837],{},"Height"," — викликають перерахунок layout",[3215,19840,19841,13509,19844,19838],{},[2966,19842,19843],{},"Margin",[2966,19845,19846],{},"Padding",[3215,19848,19849,19851],{},[2966,19850,9075],{}," — викликає перерахунок layout",[3215,19853,19854,19855,19857],{},"Складні ",[2966,19856,15103],{}," геометрії",[3215,19859,19860],{},"Анімації з великою кількістю елементів",[13496,19862,19863,19866,19867,19869,19870,19872,19873,19872,19875,19877],{},[2977,19864,19865],{},"Золоте правило:"," Завжди використовуйте ",[2966,19868,9069],{}," замість ",[2966,19871,19834],{},"/",[2966,19874,19837],{},[2966,19876,19843],{}," для анімацій переміщення та масштабування. RenderTransform виконується на GPU і не викликає перерахунок layout.",[3030,19879,19881],{"id":19880},"приклад-правильна-vs-неправильна-анімація","Приклад: правильна vs неправильна анімація",[2959,19883,19884],{},[2977,19885,19886],{},"❌ Неправильно (повільно):",[3035,19888,19890],{"className":3037,"code":19889,"language":3039,"meta":3040,"style":3040},"\u003C!-- Анімація Width викликає перерахунок layout на кожному кадрі -->\n\u003CBorder x:Name=\"Sidebar\" Width=\"0\">\n    \u003CBorder.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"Width\"\n                                     From=\"0\" To=\"250\" Duration=\"0:0:0.3\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Border.Triggers>\n\u003C/Border>\n",[2966,19891,19892,19897,19918,19926,19940,19948,19956,19968,19990,19998,20006,20014,20022],{"__ignoreMap":3040},[3044,19893,19894],{"class":3046,"line":3047},[3044,19895,19896],{"class":3881},"\u003C!-- Анімація Width викликає перерахунок layout на кожному кадрі -->\n",[3044,19898,19899,19901,19903,19905,19907,19910,19912,19914,19916],{"class":3046,"line":3061},[3044,19900,3051],{"class":3050},[3044,19902,3462],{"class":3054},[3044,19904,3182],{"class":3069},[3044,19906,3074],{"class":3073},[3044,19908,19909],{"class":3077},"\"Sidebar\"",[3044,19911,4900],{"class":3069},[3044,19913,3074],{"class":3073},[3044,19915,3203],{"class":3077},[3044,19917,3058],{"class":3050},[3044,19919,19920,19922,19924],{"class":3046,"line":3083},[3044,19921,3064],{"class":3050},[3044,19923,5682],{"class":3054},[3044,19925,3058],{"class":3050},[3044,19927,19928,19930,19932,19934,19936,19938],{"class":3046,"line":3100},[3044,19929,3086],{"class":3050},[3044,19931,3291],{"class":3054},[3044,19933,3294],{"class":3069},[3044,19935,3074],{"class":3073},[3044,19937,3299],{"class":3077},[3044,19939,3058],{"class":3050},[3044,19941,19942,19944,19946],{"class":3046,"line":3111},[3044,19943,3306],{"class":3050},[3044,19945,3309],{"class":3054},[3044,19947,3058],{"class":3050},[3044,19949,19950,19952,19954],{"class":3046,"line":3122},[3044,19951,3316],{"class":3050},[3044,19953,2968],{"class":3054},[3044,19955,3058],{"class":3050},[3044,19957,19958,19960,19962,19964,19966],{"class":3046,"line":3133},[3044,19959,3325],{"class":3050},[3044,19961,3089],{"class":3054},[3044,19963,3330],{"class":3069},[3044,19965,3074],{"class":3073},[3044,19967,3827],{"class":3077},[3044,19969,19970,19972,19974,19976,19978,19980,19982,19984,19986,19988],{"class":3046,"line":3147},[3044,19971,3339],{"class":3069},[3044,19973,3074],{"class":3073},[3044,19975,3203],{"class":3077},[3044,19977,3898],{"class":3069},[3044,19979,3074],{"class":3073},[3044,19981,3903],{"class":3077},[3044,19983,3906],{"class":3069},[3044,19985,3074],{"class":3073},[3044,19987,3856],{"class":3077},[3044,19989,3144],{"class":3050},[3044,19991,19992,19994,19996],{"class":3046,"line":3157},[3044,19993,3368],{"class":3050},[3044,19995,2968],{"class":3054},[3044,19997,3058],{"class":3050},[3044,19999,20000,20002,20004],{"class":3046,"line":3167},[3044,20001,3377],{"class":3050},[3044,20003,3309],{"class":3054},[3044,20005,3058],{"class":3050},[3044,20007,20008,20010,20012],{"class":3046,"line":3174},[3044,20009,3387],{"class":3050},[3044,20011,3291],{"class":3054},[3044,20013,3058],{"class":3050},[3044,20015,20016,20018,20020],{"class":3046,"line":3384},[3044,20017,3150],{"class":3050},[3044,20019,5682],{"class":3054},[3044,20021,3058],{"class":3050},[3044,20023,20024,20026,20028],{"class":3046,"line":3394},[3044,20025,3160],{"class":3050},[3044,20027,3462],{"class":3054},[3044,20029,3058],{"class":3050},[2959,20031,20032],{},[2977,20033,20034],{},"✅ Правильно (швидко):",[3035,20036,20038],{"className":3037,"code":20037,"language":3039,"meta":3040,"style":3040},"\u003C!-- Анімація ScaleTransform виконується на GPU -->\n\u003CBorder Width=\"250\">\n    \u003CBorder.RenderTransform>\n        \u003CScaleTransform ScaleX=\"0\" ScaleY=\"1\"/>\n    \u003C/Border.RenderTransform>\n    \u003CBorder.RenderTransformOrigin>0,0.5\u003C/Border.RenderTransformOrigin>\n    \u003CBorder.Triggers>\n        \u003CEventTrigger RoutedEvent=\"Loaded\">\n            \u003CBeginStoryboard>\n                \u003CStoryboard>\n                    \u003CDoubleAnimation Storyboard.TargetProperty=\"(Border.RenderTransform).(ScaleTransform.ScaleX)\"\n                                     From=\"0\" To=\"1\" Duration=\"0:0:0.3\"/>\n                \u003C/Storyboard>\n            \u003C/BeginStoryboard>\n        \u003C/EventTrigger>\n    \u003C/Border.Triggers>\n\u003C/Border>\n",[2966,20039,20040,20045,20059,20067,20087,20095,20112,20120,20134,20142,20150,20162,20184,20192,20200,20208,20216],{"__ignoreMap":3040},[3044,20041,20042],{"class":3046,"line":3047},[3044,20043,20044],{"class":3881},"\u003C!-- Анімація ScaleTransform виконується на GPU -->\n",[3044,20046,20047,20049,20051,20053,20055,20057],{"class":3046,"line":3061},[3044,20048,3051],{"class":3050},[3044,20050,3462],{"class":3054},[3044,20052,4900],{"class":3069},[3044,20054,3074],{"class":3073},[3044,20056,3903],{"class":3077},[3044,20058,3058],{"class":3050},[3044,20060,20061,20063,20065],{"class":3046,"line":3083},[3044,20062,3064],{"class":3050},[3044,20064,7323],{"class":3054},[3044,20066,3058],{"class":3050},[3044,20068,20069,20071,20073,20075,20077,20079,20081,20083,20085],{"class":3046,"line":3100},[3044,20070,3086],{"class":3050},[3044,20072,7332],{"class":3054},[3044,20074,7335],{"class":3069},[3044,20076,3074],{"class":3073},[3044,20078,3203],{"class":3077},[3044,20080,7342],{"class":3069},[3044,20082,3074],{"class":3073},[3044,20084,4857],{"class":3077},[3044,20086,3144],{"class":3050},[3044,20088,20089,20091,20093],{"class":3046,"line":3111},[3044,20090,3150],{"class":3050},[3044,20092,7323],{"class":3054},[3044,20094,3058],{"class":3050},[3044,20096,20097,20099,20101,20103,20106,20108,20110],{"class":3046,"line":3122},[3044,20098,3064],{"class":3050},[3044,20100,10334],{"class":3054},[3044,20102,9892],{"class":3050},[3044,20104,20105],{"class":3073},"0,0.5",[3044,20107,3160],{"class":3050},[3044,20109,10334],{"class":3054},[3044,20111,3058],{"class":3050},[3044,20113,20114,20116,20118],{"class":3046,"line":3133},[3044,20115,3064],{"class":3050},[3044,20117,5682],{"class":3054},[3044,20119,3058],{"class":3050},[3044,20121,20122,20124,20126,20128,20130,20132],{"class":3046,"line":3147},[3044,20123,3086],{"class":3050},[3044,20125,3291],{"class":3054},[3044,20127,3294],{"class":3069},[3044,20129,3074],{"class":3073},[3044,20131,3299],{"class":3077},[3044,20133,3058],{"class":3050},[3044,20135,20136,20138,20140],{"class":3046,"line":3157},[3044,20137,3306],{"class":3050},[3044,20139,3309],{"class":3054},[3044,20141,3058],{"class":3050},[3044,20143,20144,20146,20148],{"class":3046,"line":3167},[3044,20145,3316],{"class":3050},[3044,20147,2968],{"class":3054},[3044,20149,3058],{"class":3050},[3044,20151,20152,20154,20156,20158,20160],{"class":3046,"line":3174},[3044,20153,3325],{"class":3050},[3044,20155,3089],{"class":3054},[3044,20157,3330],{"class":3069},[3044,20159,3074],{"class":3073},[3044,20161,7413],{"class":3077},[3044,20163,20164,20166,20168,20170,20172,20174,20176,20178,20180,20182],{"class":3046,"line":3384},[3044,20165,3339],{"class":3069},[3044,20167,3074],{"class":3073},[3044,20169,3203],{"class":3077},[3044,20171,3898],{"class":3069},[3044,20173,3074],{"class":3073},[3044,20175,4857],{"class":3077},[3044,20177,3906],{"class":3069},[3044,20179,3074],{"class":3073},[3044,20181,3856],{"class":3077},[3044,20183,3144],{"class":3050},[3044,20185,20186,20188,20190],{"class":3046,"line":3394},[3044,20187,3368],{"class":3050},[3044,20189,2968],{"class":3054},[3044,20191,3058],{"class":3050},[3044,20193,20194,20196,20198],{"class":3046,"line":3403},[3044,20195,3377],{"class":3050},[3044,20197,3309],{"class":3054},[3044,20199,3058],{"class":3050},[3044,20201,20202,20204,20206],{"class":3046,"line":3656},[3044,20203,3387],{"class":3050},[3044,20205,3291],{"class":3054},[3044,20207,3058],{"class":3050},[3044,20209,20210,20212,20214],{"class":3046,"line":3668},[3044,20211,3150],{"class":3050},[3044,20213,5682],{"class":3054},[3044,20215,3058],{"class":3050},[3044,20217,20218,20220,20222],{"class":3046,"line":3679},[3044,20219,3160],{"class":3050},[3044,20221,3462],{"class":3054},[3044,20223,3058],{"class":3050},[3030,20225,20227],{"id":20226},"cachemode-кешування-візуального-дерева","CacheMode: кешування візуального дерева",[2959,20229,20230,20231,20234],{},"Для складних елементів з багатьма дочірніми елементами використовуйте ",[2966,20232,20233],{},"CacheMode=\"BitmapCache\"",". Це кешує візуальне представлення як bitmap і анімує його на GPU.",[3035,20236,20238],{"className":3037,"code":20237,"language":3039,"meta":3040,"style":3040},"\u003CBorder CacheMode=\"BitmapCache\">\n    \u003CBorder.RenderTransform>\n        \u003CTranslateTransform X=\"0\" Y=\"0\"/>\n    \u003C/Border.RenderTransform>\n    \u003C!-- Складний вміст з багатьма елементами -->\n    \u003CStackPanel>\n        \u003CTextBlock Text=\"Title\"/>\n        \u003CTextBlock Text=\"Subtitle\"/>\n        \u003C!-- ... багато інших елементів ... -->\n    \u003C/StackPanel>\n\u003C/Border>\n",[2966,20239,20240,20256,20264,20284,20292,20297,20305,20320,20335,20340,20348],{"__ignoreMap":3040},[3044,20241,20242,20244,20246,20249,20251,20254],{"class":3046,"line":3047},[3044,20243,3051],{"class":3050},[3044,20245,3462],{"class":3054},[3044,20247,20248],{"class":3069}," CacheMode",[3044,20250,3074],{"class":3073},[3044,20252,20253],{"class":3077},"\"BitmapCache\"",[3044,20255,3058],{"class":3050},[3044,20257,20258,20260,20262],{"class":3046,"line":3061},[3044,20259,3064],{"class":3050},[3044,20261,7323],{"class":3054},[3044,20263,3058],{"class":3050},[3044,20265,20266,20268,20270,20272,20274,20276,20278,20280,20282],{"class":3046,"line":3083},[3044,20267,3086],{"class":3050},[3044,20269,7906],{"class":3054},[3044,20271,7909],{"class":3069},[3044,20273,3074],{"class":3073},[3044,20275,3203],{"class":3077},[3044,20277,7916],{"class":3069},[3044,20279,3074],{"class":3073},[3044,20281,3203],{"class":3077},[3044,20283,3144],{"class":3050},[3044,20285,20286,20288,20290],{"class":3046,"line":3100},[3044,20287,3150],{"class":3050},[3044,20289,7323],{"class":3054},[3044,20291,3058],{"class":3050},[3044,20293,20294],{"class":3046,"line":3111},[3044,20295,20296],{"class":3881},"    \u003C!-- Складний вміст з багатьма елементами -->\n",[3044,20298,20299,20301,20303],{"class":3046,"line":3122},[3044,20300,3064],{"class":3050},[3044,20302,3495],{"class":3054},[3044,20304,3058],{"class":3050},[3044,20306,20307,20309,20311,20313,20315,20318],{"class":3046,"line":3133},[3044,20308,3086],{"class":3050},[3044,20310,3520],{"class":3054},[3044,20312,3523],{"class":3069},[3044,20314,3074],{"class":3073},[3044,20316,20317],{"class":3077},"\"Title\"",[3044,20319,3144],{"class":3050},[3044,20321,20322,20324,20326,20328,20330,20333],{"class":3046,"line":3147},[3044,20323,3086],{"class":3050},[3044,20325,3520],{"class":3054},[3044,20327,3523],{"class":3069},[3044,20329,3074],{"class":3073},[3044,20331,20332],{"class":3077},"\"Subtitle\"",[3044,20334,3144],{"class":3050},[3044,20336,20337],{"class":3046,"line":3157},[3044,20338,20339],{"class":3881},"        \u003C!-- ... багато інших елементів ... -->\n",[3044,20341,20342,20344,20346],{"class":3046,"line":3167},[3044,20343,3150],{"class":3050},[3044,20345,3495],{"class":3054},[3044,20347,3058],{"class":3050},[3044,20349,20350,20352,20354],{"class":3046,"line":3174},[3044,20351,3160],{"class":3050},[3044,20353,3462],{"class":3054},[3044,20355,3058],{"class":3050},[2959,20357,20358],{},[2977,20359,20360],{},"Коли використовувати BitmapCache:",[3212,20362,20363,20366,20369],{},[3215,20364,20365],{},"Анімація складних елементів з багатьма дочірніми елементами",[3215,20367,20368],{},"Анімація елементів з градієнтами або складними Brush",[3215,20370,20371],{},"Анімація елементів з ефектами (DropShadowEffect, BlurEffect)",[2959,20373,20374],{},[2977,20375,20376],{},"Коли НЕ використовувати BitmapCache:",[3212,20378,20379,20382,20385],{},[3215,20380,20381],{},"Прості елементи (один Border, один TextBlock)",[3215,20383,20384],{},"Елементи, що часто змінюють вміст під час анімації",[3215,20386,20387],{},"Статичні елементи без анімацій",[3030,20389,20391],{"id":20390},"timelinedesiredframerate-контроль-fps","Timeline.DesiredFrameRate: контроль FPS",[2959,20393,20394],{},"За замовчуванням WPF намагається досягти 60 FPS. Для деяких анімацій це надмірно і можна знизити FPS для економії ресурсів.",[3035,20396,20398],{"className":3037,"code":20397,"language":3039,"meta":3040,"style":3040},"\u003CStoryboard Timeline.DesiredFrameRate=\"30\">\n    \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                     From=\"0\" To=\"1\" Duration=\"0:0:2\"/>\n\u003C/Storyboard>\n",[2966,20399,20400,20415,20427,20449],{"__ignoreMap":3040},[3044,20401,20402,20404,20406,20409,20411,20413],{"class":3046,"line":3047},[3044,20403,3051],{"class":3050},[3044,20405,2968],{"class":3054},[3044,20407,20408],{"class":3069}," Timeline.DesiredFrameRate",[3044,20410,3074],{"class":3073},[3044,20412,11813],{"class":3077},[3044,20414,3058],{"class":3050},[3044,20416,20417,20419,20421,20423,20425],{"class":3046,"line":3061},[3044,20418,3064],{"class":3050},[3044,20420,3089],{"class":3054},[3044,20422,3330],{"class":3069},[3044,20424,3074],{"class":3073},[3044,20426,3108],{"class":3077},[3044,20428,20429,20431,20433,20435,20437,20439,20441,20443,20445,20447],{"class":3046,"line":3083},[3044,20430,3832],{"class":3069},[3044,20432,3074],{"class":3073},[3044,20434,3203],{"class":3077},[3044,20436,3898],{"class":3069},[3044,20438,3074],{"class":3073},[3044,20440,4857],{"class":3077},[3044,20442,3906],{"class":3069},[3044,20444,3074],{"class":3073},[3044,20446,4721],{"class":3077},[3044,20448,3144],{"class":3050},[3044,20450,20451,20453,20455],{"class":3046,"line":3100},[3044,20452,3160],{"class":3050},[3044,20454,2968],{"class":3054},[3044,20456,3058],{"class":3050},[2959,20458,20459],{},[2977,20460,20461],{},"Рекомендації:",[3212,20463,20464,20467,20470],{},[3215,20465,20466],{},"60 FPS — для швидких, критичних анімацій (hover ефекти, transitions)",[3215,20468,20469],{},"30 FPS — для повільних анімацій (fade-in при завантаженні)",[3215,20471,20472],{},"15 FPS — для фонових анімацій (пульсуючі індикатори)",[3030,20474,20476],{"id":20475},"freeze-заморожування-обєктів","Freeze: заморожування об'єктів",[2959,20478,20479,20480,20483],{},"Об'єкти, що не змінюються, можна \"заморозити\" через ",[2966,20481,20482],{},"Freeze()",". Це дозволяє WPF оптимізувати їх використання.",[3035,20485,20487],{"className":18862,"code":20486,"language":18864,"meta":3040,"style":3040},"// Створюємо Brush і заморожуємо його\nvar brush = new SolidColorBrush(Colors.Blue);\nbrush.Freeze(); // Тепер brush незмінний і оптимізований\n\n// Використовуємо в анімації\nvar animation = new ColorAnimation\n{\n    To = Colors.Red,\n    Duration = TimeSpan.FromSeconds(1)\n};\nanimation.Freeze(); // Заморожуємо анімацію\n\n// Frozen об'єкти можна використовувати в кількох потоках\n",[2966,20488,20489,20494,20521,20537,20541,20546,20559,20563,20579,20598,20603,20616,20620],{"__ignoreMap":3040},[3044,20490,20491],{"class":3046,"line":3047},[3044,20492,20493],{"class":3881},"// Створюємо Brush і заморожуємо його\n",[3044,20495,20496,20499,20502,20504,20506,20509,20511,20514,20516,20519],{"class":3046,"line":3061},[3044,20497,20498],{"class":18871},"var",[3044,20500,20501],{"class":18888}," brush",[3044,20503,18922],{"class":3073},[3044,20505,18925],{"class":18871},[3044,20507,20508],{"class":18894}," SolidColorBrush",[3044,20510,18882],{"class":3073},[3044,20512,20513],{"class":18888},"Colors",[3044,20515,12356],{"class":3073},[3044,20517,20518],{"class":18888},"Blue",[3044,20520,19065],{"class":3073},[3044,20522,20523,20526,20528,20531,20534],{"class":3046,"line":3083},[3044,20524,20525],{"class":18888},"brush",[3044,20527,12356],{"class":3073},[3044,20529,20530],{"class":18878},"Freeze",[3044,20532,20533],{"class":3073},"(); ",[3044,20535,20536],{"class":3881},"// Тепер brush незмінний і оптимізований\n",[3044,20538,20539],{"class":3046,"line":3100},[3044,20540,3171],{"emptyLinePlaceholder":3170},[3044,20542,20543],{"class":3046,"line":3111},[3044,20544,20545],{"class":3881},"// Використовуємо в анімації\n",[3044,20547,20548,20550,20552,20554,20556],{"class":3046,"line":3122},[3044,20549,20498],{"class":18871},[3044,20551,18919],{"class":18888},[3044,20553,18922],{"class":3073},[3044,20555,18925],{"class":18871},[3044,20557,20558],{"class":18894}," ColorAnimation\n",[3044,20560,20561],{"class":3046,"line":3133},[3044,20562,18906],{"class":3073},[3044,20564,20565,20568,20570,20572,20574,20577],{"class":3046,"line":3147},[3044,20566,20567],{"class":18888},"    To",[3044,20569,18922],{"class":3073},[3044,20571,20513],{"class":18888},[3044,20573,12356],{"class":3073},[3044,20575,20576],{"class":18888},"Red",[3044,20578,18947],{"class":3073},[3044,20580,20581,20584,20586,20588,20590,20592,20594,20596],{"class":3046,"line":3157},[3044,20582,20583],{"class":18888},"    Duration",[3044,20585,18922],{"class":3073},[3044,20587,18969],{"class":18888},[3044,20589,12356],{"class":3073},[3044,20591,19437],{"class":18878},[3044,20593,18882],{"class":3073},[3044,20595,18957],{"class":18943},[3044,20597,18901],{"class":3073},[3044,20599,20600],{"class":3046,"line":3167},[3044,20601,20602],{"class":3073},"};\n",[3044,20604,20605,20607,20609,20611,20613],{"class":3046,"line":3174},[3044,20606,19062],{"class":18888},[3044,20608,12356],{"class":3073},[3044,20610,20530],{"class":18878},[3044,20612,20533],{"class":3073},[3044,20614,20615],{"class":3881},"// Заморожуємо анімацію\n",[3044,20617,20618],{"class":3046,"line":3384},[3044,20619,3171],{"emptyLinePlaceholder":3170},[3044,20621,20622],{"class":3046,"line":3394},[3044,20623,20624],{"class":3881},"// Frozen об'єкти можна використовувати в кількох потоках\n",[2959,20626,20627],{},[2977,20628,20629],{},"Переваги Freeze:",[3212,20631,20632,20635,20638],{},[3215,20633,20634],{},"Об'єкт стає thread-safe (можна використовувати в кількох потоках)",[3215,20636,20637],{},"WPF оптимізує використання пам'яті",[3215,20639,20640],{},"Швидший рендеринг",[3030,20642,20644],{"id":20643},"профілювання-анімацій","Профілювання анімацій",[2959,20646,20647],{},"Для виявлення проблем з продуктивністю використовуйте Visual Studio Profiler або WPF Performance Suite.",[2959,20649,20650],{},[2977,20651,20652],{},"Включення FPS counter в WPF:",[3035,20654,20656],{"className":18862,"code":20655,"language":18864,"meta":3040,"style":3040},"// В App.xaml.cs або MainWindow.xaml.cs\nprotected override void OnStartup(StartupEventArgs e)\n{\n    base.OnStartup(e);\n    \n    // Показати FPS counter\n    System.Diagnostics.PresentationTraceSources.SetTraceLevel(\n        this, \n        System.Diagnostics.PresentationTraceLevel.High\n    );\n}\n",[2966,20657,20658,20663,20685,20689,20706,20710,20715,20738,20746,20765,20770],{"__ignoreMap":3040},[3044,20659,20660],{"class":3046,"line":3047},[3044,20661,20662],{"class":3881},"// В App.xaml.cs або MainWindow.xaml.cs\n",[3044,20664,20665,20668,20671,20673,20676,20678,20681,20683],{"class":3046,"line":3061},[3044,20666,20667],{"class":18871},"protected",[3044,20669,20670],{"class":18871}," override",[3044,20672,18875],{"class":18871},[3044,20674,20675],{"class":18878}," OnStartup",[3044,20677,18882],{"class":3073},[3044,20679,20680],{"class":18894},"StartupEventArgs",[3044,20682,18898],{"class":18888},[3044,20684,18901],{"class":3073},[3044,20686,20687],{"class":3046,"line":3083},[3044,20688,18906],{"class":3073},[3044,20690,20691,20694,20696,20699,20701,20704],{"class":3046,"line":3100},[3044,20692,20693],{"class":18871},"    base",[3044,20695,12356],{"class":3073},[3044,20697,20698],{"class":18878},"OnStartup",[3044,20700,18882],{"class":3073},[3044,20702,20703],{"class":18888},"e",[3044,20705,19065],{"class":3073},[3044,20707,20708],{"class":3046,"line":3111},[3044,20709,5856],{"class":3073},[3044,20711,20712],{"class":3046,"line":3122},[3044,20713,20714],{"class":3881},"    // Показати FPS counter\n",[3044,20716,20717,20720,20722,20725,20727,20730,20732,20735],{"class":3046,"line":3133},[3044,20718,20719],{"class":18888},"    System",[3044,20721,12356],{"class":3073},[3044,20723,20724],{"class":18888},"Diagnostics",[3044,20726,12356],{"class":3073},[3044,20728,20729],{"class":18888},"PresentationTraceSources",[3044,20731,12356],{"class":3073},[3044,20733,20734],{"class":18878},"SetTraceLevel",[3044,20736,20737],{"class":3073},"(\n",[3044,20739,20740,20743],{"class":3046,"line":3147},[3044,20741,20742],{"class":18871},"        this",[3044,20744,20745],{"class":3073},", \n",[3044,20747,20748,20751,20753,20755,20757,20760,20762],{"class":3046,"line":3157},[3044,20749,20750],{"class":18888},"        System",[3044,20752,12356],{"class":3073},[3044,20754,20724],{"class":18888},[3044,20756,12356],{"class":3073},[3044,20758,20759],{"class":18888},"PresentationTraceLevel",[3044,20761,12356],{"class":3073},[3044,20763,20764],{"class":18888},"High\n",[3044,20766,20767],{"class":3046,"line":3167},[3044,20768,20769],{"class":3073},"    );\n",[3044,20771,20772],{"class":3046,"line":3174},[3044,20773,19148],{"class":3073},[3030,20775,20777],{"id":20776},"best-practices-чек-лист","Best Practices: чек-лист",[20779,20780,20781,20786,20791,20796,20801,20806,20811,20816],"card-group",{},[20782,20783,20785],"card",{"icon":92,"title":20784},"✅ Використовуйте RenderTransform","Замість Width/Height/Margin для переміщення та масштабування. Виконується на GPU.",[20782,20787,20790],{"icon":20788,"title":20789},"i-lucide-eye","✅ Opacity для fade-in/out","Найшвидша анімація в WPF. Завжди виконується на GPU.",[20782,20792,20795],{"icon":20793,"title":20794},"i-lucide-image","✅ BitmapCache для складних елементів","Кешує візуальне дерево як bitmap для швидшої анімації.",[20782,20797,20800],{"icon":20798,"title":20799},"i-lucide-snowflake","✅ Freeze незмінні об'єкти","Brush, Animation, Geometry — заморожуйте для оптимізації.",[20782,20802,20805],{"icon":20803,"title":20804},"i-lucide-x-circle","❌ Уникайте Width/Height анімацій","Викликають перерахунок layout на кожному кадрі. Повільно.",[20782,20807,20810],{"icon":20808,"title":20809},"i-lucide-alert-triangle","❌ Уникайте LayoutTransform","Використовуйте RenderTransform для анімацій. LayoutTransform повільний.",[20782,20812,20815],{"icon":20813,"title":20814},"i-lucide-gauge","⚡ Знижуйте FPS для фонових анімацій","30 FPS або 15 FPS для некритичних анімацій економить ресурси.",[20782,20817,20819],{"icon":2552,"title":20818},"🔍 Профілюйте продуктивність","Використовуйте Visual Studio Profiler для виявлення bottlenecks.",[3030,20821,20823],{"id":20822},"порівняльна-таблиця-продуктивності","Порівняльна таблиця продуктивності",[4532,20825,20826,20845],{},[4535,20827,20828],{},[4538,20829,20830,20833,20836,20839,20842],{},[4541,20831,20832],{},"Анімація",[4541,20834,20835],{},"Продуктивність",[4541,20837,20838],{},"GPU/CPU",[4541,20840,20841],{},"Layout Recalc",[4541,20843,20844],{},"Рекомендація",[4551,20846,20847,20865,20879,20895,20914,20929,20943,20959],{},[4538,20848,20849,20853,20856,20859,20862],{},[4556,20850,20851],{},[2966,20852,19810],{},[4556,20854,20855],{},"⚡⚡⚡ Відмінна",[4556,20857,20858],{},"GPU",[4556,20860,20861],{},"Ні",[4556,20863,20864],{},"Завжди використовуйте",[4538,20866,20867,20871,20873,20875,20877],{},[4556,20868,20869],{},[2966,20870,9069],{},[4556,20872,20855],{},[4556,20874,20858],{},[4556,20876,20861],{},[4556,20878,20864],{},[4538,20880,20881,20885,20888,20890,20892],{},[4556,20882,20883],{},[2966,20884,19821],{},[4556,20886,20887],{},"⚡⚡ Добра",[4556,20889,20858],{},[4556,20891,20861],{},[4556,20893,20894],{},"Можна використовувати",[4538,20896,20897,20902,20905,20908,20911],{},[4556,20898,20899],{},[2966,20900,20901],{},"Width/Height",[4556,20903,20904],{},"⚠️ Погана",[4556,20906,20907],{},"CPU",[4556,20909,20910],{},"Так",[4556,20912,20913],{},"Уникайте",[4538,20915,20916,20921,20923,20925,20927],{},[4556,20917,20918],{},[2966,20919,20920],{},"Margin/Padding",[4556,20922,20904],{},[4556,20924,20907],{},[4556,20926,20910],{},[4556,20928,20913],{},[4538,20930,20931,20935,20937,20939,20941],{},[4556,20932,20933],{},[2966,20934,9075],{},[4556,20936,20904],{},[4556,20938,20907],{},[4556,20940,20910],{},[4556,20942,20913],{},[4538,20944,20945,20950,20953,20955,20957],{},[4556,20946,20947],{},[2966,20948,20949],{},"Background Color",[4556,20951,20952],{},"⚡ Середня",[4556,20954,20858],{},[4556,20956,20861],{},[4556,20958,20894],{},[4538,20960,20961,20966,20968,20970,20972],{},[4556,20962,20963],{},[2966,20964,20965],{},"FontSize",[4556,20967,20904],{},[4556,20969,20907],{},[4556,20971,20910],{},[4556,20973,20913],{},[3017,20975],{},[3020,20977,20979],{"id":20978},"практичні-завдання","Практичні завдання",[3030,20981,20983],{"id":20982},"рівень-1-fade-in-при-завантаженні","Рівень 1: Fade-in при завантаженні",[2959,20985,20986,20989],{},[2977,20987,20988],{},"Мета:"," Навчитися створювати базову анімацію через EventTrigger.",[2959,20991,20992],{},[2977,20993,20994],{},"Завдання:",[2959,20996,20997],{},"Створіть вікно з елементами, що плавно з'являються при завантаженні:",[20999,21000,21001,21017,21036],"ol",{},[3215,21002,21003,21006],{},[2977,21004,21005],{},"UI:",[3212,21007,21008,21011,21014],{},[3215,21009,21010],{},"Заголовок (TextBlock)",[3215,21012,21013],{},"Підзаголовок (TextBlock)",[3215,21015,21016],{},"Кнопка",[3215,21018,21019,21022],{},[2977,21020,21021],{},"Анімація:",[3212,21023,21024,21027,21030,21033],{},[3215,21025,21026],{},"Всі елементи починають з Opacity=\"0\"",[3215,21028,21029],{},"При Loaded → Opacity змінюється до 1",[3215,21031,21032],{},"Тривалість: 0.5 секунди",[3215,21034,21035],{},"Easing: QuadraticEase EaseOut",[3215,21037,21038,21041],{},[2977,21039,21040],{},"Додатково:",[3212,21042,21043,21046,21049,21052],{},[3215,21044,21045],{},"Затримка між елементами (BeginTime)",[3215,21047,21048],{},"Заголовок з'являється першим",[3215,21050,21051],{},"Підзаголовок через 0.2 секунди",[3215,21053,21054],{},"Кнопка через 0.4 секунди",[2959,21056,21057],{},[2977,21058,21059],{},"Критерії успіху:",[3212,21061,21062,21065,21068,21071],{},[3215,21063,21064],{},"Fade-in працює при завантаженні",[3215,21066,21067],{},"Використано EventTrigger з Loaded",[3215,21069,21070],{},"Easing Function застосовано",[3215,21072,21073],{},"Затримки між елементами працюють",[2959,21075,21076],{},[2977,21077,21078],{},"Підказка:",[3035,21080,21082],{"className":3037,"code":21081,"language":3039,"meta":3040,"style":3040},"\u003CStackPanel>\n    \u003CTextBlock Text=\"Заголовок\" Opacity=\"0\">\n        \u003CTextBlock.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                         From=\"0\" To=\"1\" Duration=\"0:0:0.5\"\n                                         BeginTime=\"0:0:0\">\n                            \u003CDoubleAnimation.EasingFunction>\n                                \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                            \u003C/DoubleAnimation.EasingFunction>\n                        \u003C/DoubleAnimation>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/TextBlock.Triggers>\n    \u003C/TextBlock>\n    \n    \u003CTextBlock Text=\"Підзаголовок\" Opacity=\"0\">\n        \u003CTextBlock.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                         From=\"0\" To=\"1\" Duration=\"0:0:0.5\"\n                                         BeginTime=\"0:0:0.2\">\n                            \u003CDoubleAnimation.EasingFunction>\n                                \u003CQuadraticEase EasingMode=\"EaseOut\"/>\n                            \u003C/DoubleAnimation.EasingFunction>\n                        \u003C/DoubleAnimation>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/TextBlock.Triggers>\n    \u003C/TextBlock>\n\u003C/StackPanel>\n",[2966,21083,21084,21092,21113,21121,21135,21143,21151,21163,21184,21195,21203,21217,21225,21233,21241,21249,21257,21265,21273,21277,21298,21306,21320,21328,21336,21348,21368,21378,21386,21400,21408,21416,21424,21432,21440,21448,21456],{"__ignoreMap":3040},[3044,21085,21086,21088,21090],{"class":3046,"line":3047},[3044,21087,3051],{"class":3050},[3044,21089,3495],{"class":3054},[3044,21091,3058],{"class":3050},[3044,21093,21094,21096,21098,21100,21102,21105,21107,21109,21111],{"class":3046,"line":3061},[3044,21095,3064],{"class":3050},[3044,21097,3520],{"class":3054},[3044,21099,3523],{"class":3069},[3044,21101,3074],{"class":3073},[3044,21103,21104],{"class":3077},"\"Заголовок\"",[3044,21106,3198],{"class":3069},[3044,21108,3074],{"class":3073},[3044,21110,3203],{"class":3077},[3044,21112,3058],{"class":3050},[3044,21114,21115,21117,21119],{"class":3046,"line":3083},[3044,21116,3086],{"class":3050},[3044,21118,15322],{"class":3054},[3044,21120,3058],{"class":3050},[3044,21122,21123,21125,21127,21129,21131,21133],{"class":3046,"line":3100},[3044,21124,3306],{"class":3050},[3044,21126,3291],{"class":3054},[3044,21128,3294],{"class":3069},[3044,21130,3074],{"class":3073},[3044,21132,3299],{"class":3077},[3044,21134,3058],{"class":3050},[3044,21136,21137,21139,21141],{"class":3046,"line":3111},[3044,21138,3316],{"class":3050},[3044,21140,3309],{"class":3054},[3044,21142,3058],{"class":3050},[3044,21144,21145,21147,21149],{"class":3046,"line":3122},[3044,21146,3325],{"class":3050},[3044,21148,2968],{"class":3054},[3044,21150,3058],{"class":3050},[3044,21152,21153,21155,21157,21159,21161],{"class":3046,"line":3133},[3044,21154,5719],{"class":3050},[3044,21156,3089],{"class":3054},[3044,21158,3330],{"class":3069},[3044,21160,3074],{"class":3073},[3044,21162,3108],{"class":3077},[3044,21164,21165,21167,21169,21171,21173,21175,21177,21179,21181],{"class":3046,"line":3147},[3044,21166,5733],{"class":3069},[3044,21168,3074],{"class":3073},[3044,21170,3203],{"class":3077},[3044,21172,3898],{"class":3069},[3044,21174,3074],{"class":3073},[3044,21176,4857],{"class":3077},[3044,21178,3906],{"class":3069},[3044,21180,3074],{"class":3073},[3044,21182,21183],{"class":3077},"\"0:0:0.5\"\n",[3044,21185,21186,21189,21191,21193],{"class":3046,"line":3157},[3044,21187,21188],{"class":3069},"                                         BeginTime",[3044,21190,3074],{"class":3073},[3044,21192,4458],{"class":3077},[3044,21194,3058],{"class":3050},[3044,21196,21197,21199,21201],{"class":3046,"line":3167},[3044,21198,5772],{"class":3050},[3044,21200,5116],{"class":3054},[3044,21202,3058],{"class":3050},[3044,21204,21205,21207,21209,21211,21213,21215],{"class":3046,"line":3174},[3044,21206,5781],{"class":3050},[3044,21208,5077],{"class":3054},[3044,21210,5127],{"class":3069},[3044,21212,3074],{"class":3073},[3044,21214,5132],{"class":3077},[3044,21216,3144],{"class":3050},[3044,21218,21219,21221,21223],{"class":3046,"line":3384},[3044,21220,5797],{"class":3050},[3044,21222,5116],{"class":3054},[3044,21224,3058],{"class":3050},[3044,21226,21227,21229,21231],{"class":3046,"line":3394},[3044,21228,5806],{"class":3050},[3044,21230,3089],{"class":3054},[3044,21232,3058],{"class":3050},[3044,21234,21235,21237,21239],{"class":3046,"line":3403},[3044,21236,5815],{"class":3050},[3044,21238,2968],{"class":3054},[3044,21240,3058],{"class":3050},[3044,21242,21243,21245,21247],{"class":3046,"line":3656},[3044,21244,3368],{"class":3050},[3044,21246,3309],{"class":3054},[3044,21248,3058],{"class":3050},[3044,21250,21251,21253,21255],{"class":3046,"line":3668},[3044,21252,3377],{"class":3050},[3044,21254,3291],{"class":3054},[3044,21256,3058],{"class":3050},[3044,21258,21259,21261,21263],{"class":3046,"line":3679},[3044,21260,3387],{"class":3050},[3044,21262,15322],{"class":3054},[3044,21264,3058],{"class":3050},[3044,21266,21267,21269,21271],{"class":3046,"line":3691},[3044,21268,3150],{"class":3050},[3044,21270,3520],{"class":3054},[3044,21272,3058],{"class":3050},[3044,21274,21275],{"class":3046,"line":3705},[3044,21276,5856],{"class":3073},[3044,21278,21279,21281,21283,21285,21287,21290,21292,21294,21296],{"class":3046,"line":3716},[3044,21280,3064],{"class":3050},[3044,21282,3520],{"class":3054},[3044,21284,3523],{"class":3069},[3044,21286,3074],{"class":3073},[3044,21288,21289],{"class":3077},"\"Підзаголовок\"",[3044,21291,3198],{"class":3069},[3044,21293,3074],{"class":3073},[3044,21295,3203],{"class":3077},[3044,21297,3058],{"class":3050},[3044,21299,21300,21302,21304],{"class":3046,"line":3727},[3044,21301,3086],{"class":3050},[3044,21303,15322],{"class":3054},[3044,21305,3058],{"class":3050},[3044,21307,21308,21310,21312,21314,21316,21318],{"class":3046,"line":3740},[3044,21309,3306],{"class":3050},[3044,21311,3291],{"class":3054},[3044,21313,3294],{"class":3069},[3044,21315,3074],{"class":3073},[3044,21317,3299],{"class":3077},[3044,21319,3058],{"class":3050},[3044,21321,21322,21324,21326],{"class":3046,"line":3749},[3044,21323,3316],{"class":3050},[3044,21325,3309],{"class":3054},[3044,21327,3058],{"class":3050},[3044,21329,21330,21332,21334],{"class":3046,"line":3758},[3044,21331,3325],{"class":3050},[3044,21333,2968],{"class":3054},[3044,21335,3058],{"class":3050},[3044,21337,21338,21340,21342,21344,21346],{"class":3046,"line":4272},[3044,21339,5719],{"class":3050},[3044,21341,3089],{"class":3054},[3044,21343,3330],{"class":3069},[3044,21345,3074],{"class":3073},[3044,21347,3108],{"class":3077},[3044,21349,21350,21352,21354,21356,21358,21360,21362,21364,21366],{"class":3046,"line":5927},[3044,21351,5733],{"class":3069},[3044,21353,3074],{"class":3073},[3044,21355,3203],{"class":3077},[3044,21357,3898],{"class":3069},[3044,21359,3074],{"class":3073},[3044,21361,4857],{"class":3077},[3044,21363,3906],{"class":3069},[3044,21365,3074],{"class":3073},[3044,21367,21183],{"class":3077},[3044,21369,21370,21372,21374,21376],{"class":3046,"line":5936},[3044,21371,21188],{"class":3069},[3044,21373,3074],{"class":3073},[3044,21375,4149],{"class":3077},[3044,21377,3058],{"class":3050},[3044,21379,21380,21382,21384],{"class":3046,"line":5949},[3044,21381,5772],{"class":3050},[3044,21383,5116],{"class":3054},[3044,21385,3058],{"class":3050},[3044,21387,21388,21390,21392,21394,21396,21398],{"class":3046,"line":5970},[3044,21389,5781],{"class":3050},[3044,21391,5077],{"class":3054},[3044,21393,5127],{"class":3069},[3044,21395,3074],{"class":3073},[3044,21397,5132],{"class":3077},[3044,21399,3144],{"class":3050},[3044,21401,21402,21404,21406],{"class":3046,"line":5987},[3044,21403,5797],{"class":3050},[3044,21405,5116],{"class":3054},[3044,21407,3058],{"class":3050},[3044,21409,21410,21412,21414],{"class":3046,"line":5996},[3044,21411,5806],{"class":3050},[3044,21413,3089],{"class":3054},[3044,21415,3058],{"class":3050},[3044,21417,21418,21420,21422],{"class":3046,"line":6011},[3044,21419,5815],{"class":3050},[3044,21421,2968],{"class":3054},[3044,21423,3058],{"class":3050},[3044,21425,21426,21428,21430],{"class":3046,"line":6020},[3044,21427,3368],{"class":3050},[3044,21429,3309],{"class":3054},[3044,21431,3058],{"class":3050},[3044,21433,21434,21436,21438],{"class":3046,"line":6029},[3044,21435,3377],{"class":3050},[3044,21437,3291],{"class":3054},[3044,21439,3058],{"class":3050},[3044,21441,21442,21444,21446],{"class":3046,"line":6038},[3044,21443,3387],{"class":3050},[3044,21445,15322],{"class":3054},[3044,21447,3058],{"class":3050},[3044,21449,21450,21452,21454],{"class":3046,"line":6047},[3044,21451,3150],{"class":3050},[3044,21453,3520],{"class":3054},[3044,21455,3058],{"class":3050},[3044,21457,21458,21460,21462],{"class":3046,"line":6056},[3044,21459,3160],{"class":3050},[3044,21461,3495],{"class":3054},[3044,21463,3058],{"class":3050},[3017,21465],{},[3030,21467,21469],{"id":21468},"рівень-2-анімована-sidebar-панель","Рівень 2: Анімована sidebar панель",[2959,21471,21472,21474],{},[2977,21473,20988],{}," Навчитися створювати складнішу анімацію з code-behind контролем.",[2959,21476,21477],{},[2977,21478,20994],{},[2959,21480,21481],{},"Створіть бічну панель, що виїжджає зліва:",[20999,21483,21484,21499,21517],{},[3215,21485,21486,21488],{},[2977,21487,21005],{},[3212,21489,21490,21493,21496],{},[3215,21491,21492],{},"Кнопка \"Відкрити меню\"",[3215,21494,21495],{},"Sidebar (Border) з Width=\"0\" за замовчуванням",[3215,21497,21498],{},"Вміст sidebar (список пунктів меню)",[3215,21500,21501,21503],{},[2977,21502,21021],{},[3212,21504,21505,21508,21511,21514],{},[3215,21506,21507],{},"При натисканні кнопки → Width змінюється з 0 до 250",[3215,21509,21510],{},"Тривалість: 0.3 секунди",[3215,21512,21513],{},"Easing: CubicEase EaseOut",[3215,21515,21516],{},"Повторне натискання → закриває sidebar (Width до 0)",[3215,21518,21519,21521],{},[2977,21520,21040],{},[3212,21522,21523,21526,21529],{},[3215,21524,21525],{},"Напівпрозорий overlay при відкритій sidebar",[3215,21527,21528],{},"Клік на overlay закриває sidebar",[3215,21530,21531],{},"Fade-in/out для overlay",[2959,21533,21534],{},[2977,21535,21059],{},[3212,21537,21538,21541,21544,21546],{},[3215,21539,21540],{},"Sidebar відкривається/закривається плавно",[3215,21542,21543],{},"Використано code-behind для контролю",[3215,21545,21070],{},[3215,21547,21548],{},"Overlay працює правильно",[2959,21550,21551],{},[2977,21552,21078],{},[3035,21554,21556],{"className":18862,"code":21555,"language":18864,"meta":3040,"style":3040},"private bool _isSidebarOpen = false;\n\nprivate void ToggleSidebar_Click(object sender, RoutedEventArgs e)\n{\n    _isSidebarOpen = !_isSidebarOpen;\n    \n    var widthAnimation = new DoubleAnimation\n    {\n        To = _isSidebarOpen ? 250 : 0,\n        Duration = TimeSpan.FromMilliseconds(300),\n        EasingFunction = new CubicEase { EasingMode = EasingMode.EaseOut }\n    };\n    \n    var overlayAnimation = new DoubleAnimation\n    {\n        To = _isSidebarOpen ? 0.5 : 0,\n        Duration = TimeSpan.FromMilliseconds(300)\n    };\n    \n    Sidebar.BeginAnimation(WidthProperty, widthAnimation);\n    Overlay.BeginAnimation(OpacityProperty, overlayAnimation);\n    \n    Overlay.IsHitTestVisible = _isSidebarOpen;\n}\n",[2966,21557,21558,21575,21579,21602,21606,21619,21623,21636,21640,21661,21680,21705,21709,21713,21726,21730,21749,21767,21771,21775,21797,21818,21822,21837],{"__ignoreMap":3040},[3044,21559,21560,21562,21565,21568,21570,21573],{"class":3046,"line":3047},[3044,21561,18872],{"class":18871},[3044,21563,21564],{"class":18871}," bool",[3044,21566,21567],{"class":18888}," _isSidebarOpen",[3044,21569,18922],{"class":3073},[3044,21571,21572],{"class":18871},"false",[3044,21574,19172],{"class":3073},[3044,21576,21577],{"class":3046,"line":3061},[3044,21578,3171],{"emptyLinePlaceholder":3170},[3044,21580,21581,21583,21585,21588,21590,21592,21594,21596,21598,21600],{"class":3046,"line":3083},[3044,21582,18872],{"class":18871},[3044,21584,18875],{"class":18871},[3044,21586,21587],{"class":18878}," ToggleSidebar_Click",[3044,21589,18882],{"class":3073},[3044,21591,18885],{"class":18871},[3044,21593,18889],{"class":18888},[3044,21595,13509],{"class":3073},[3044,21597,18895],{"class":18894},[3044,21599,18898],{"class":18888},[3044,21601,18901],{"class":3073},[3044,21603,21604],{"class":3046,"line":3100},[3044,21605,18906],{"class":3073},[3044,21607,21608,21611,21614,21617],{"class":3046,"line":3111},[3044,21609,21610],{"class":18888},"    _isSidebarOpen",[3044,21612,21613],{"class":3073}," = !",[3044,21615,21616],{"class":18888},"_isSidebarOpen",[3044,21618,19172],{"class":3073},[3044,21620,21621],{"class":3046,"line":3122},[3044,21622,5856],{"class":3073},[3044,21624,21625,21627,21630,21632,21634],{"class":3046,"line":3133},[3044,21626,18916],{"class":18871},[3044,21628,21629],{"class":18888}," widthAnimation",[3044,21631,18922],{"class":3073},[3044,21633,18925],{"class":18871},[3044,21635,18928],{"class":18894},[3044,21637,21638],{"class":3046,"line":3147},[3044,21639,18933],{"class":3073},[3044,21641,21642,21644,21646,21648,21651,21654,21657,21659],{"class":3046,"line":3157},[3044,21643,18952],{"class":18888},[3044,21645,18922],{"class":3073},[3044,21647,21616],{"class":18888},[3044,21649,21650],{"class":3073}," ? ",[3044,21652,21653],{"class":18943},"250",[3044,21655,21656],{"class":3073}," : ",[3044,21658,18944],{"class":18943},[3044,21660,18947],{"class":3073},[3044,21662,21663,21665,21667,21669,21671,21673,21675,21678],{"class":3046,"line":3167},[3044,21664,18964],{"class":18888},[3044,21666,18922],{"class":3073},[3044,21668,18969],{"class":18888},[3044,21670,12356],{"class":3073},[3044,21672,18974],{"class":18878},[3044,21674,18882],{"class":3073},[3044,21676,21677],{"class":18943},"300",[3044,21679,18982],{"class":3073},[3044,21681,21682,21684,21686,21688,21691,21693,21695,21697,21699,21701,21703],{"class":3046,"line":3174},[3044,21683,18987],{"class":18888},[3044,21685,18922],{"class":3073},[3044,21687,18925],{"class":18871},[3044,21689,21690],{"class":18894}," CubicEase",[3044,21692,18997],{"class":3073},[3044,21694,19000],{"class":18888},[3044,21696,18922],{"class":3073},[3044,21698,19000],{"class":18888},[3044,21700,12356],{"class":3073},[3044,21702,5168],{"class":18888},[3044,21704,19011],{"class":3073},[3044,21706,21707],{"class":3046,"line":3384},[3044,21708,19016],{"class":3073},[3044,21710,21711],{"class":3046,"line":3394},[3044,21712,5856],{"class":3073},[3044,21714,21715,21717,21720,21722,21724],{"class":3046,"line":3403},[3044,21716,18916],{"class":18871},[3044,21718,21719],{"class":18888}," overlayAnimation",[3044,21721,18922],{"class":3073},[3044,21723,18925],{"class":18871},[3044,21725,18928],{"class":18894},[3044,21727,21728],{"class":3046,"line":3656},[3044,21729,18933],{"class":3073},[3044,21731,21732,21734,21736,21738,21740,21743,21745,21747],{"class":3046,"line":3668},[3044,21733,18952],{"class":18888},[3044,21735,18922],{"class":3073},[3044,21737,21616],{"class":18888},[3044,21739,21650],{"class":3073},[3044,21741,21742],{"class":18943},"0.5",[3044,21744,21656],{"class":3073},[3044,21746,18944],{"class":18943},[3044,21748,18947],{"class":3073},[3044,21750,21751,21753,21755,21757,21759,21761,21763,21765],{"class":3046,"line":3679},[3044,21752,18964],{"class":18888},[3044,21754,18922],{"class":3073},[3044,21756,18969],{"class":18888},[3044,21758,12356],{"class":3073},[3044,21760,18974],{"class":18878},[3044,21762,18882],{"class":3073},[3044,21764,21677],{"class":18943},[3044,21766,18901],{"class":3073},[3044,21768,21769],{"class":3046,"line":3691},[3044,21770,19016],{"class":3073},[3044,21772,21773],{"class":3046,"line":3705},[3044,21774,5856],{"class":3073},[3044,21776,21777,21780,21782,21785,21787,21790,21792,21795],{"class":3046,"line":3716},[3044,21778,21779],{"class":18888},"    Sidebar",[3044,21781,12356],{"class":3073},[3044,21783,21784],{"class":18878},"BeginAnimation",[3044,21786,18882],{"class":3073},[3044,21788,21789],{"class":18888},"WidthProperty",[3044,21791,13509],{"class":3073},[3044,21793,21794],{"class":18888},"widthAnimation",[3044,21796,19065],{"class":3073},[3044,21798,21799,21802,21804,21806,21808,21811,21813,21816],{"class":3046,"line":3727},[3044,21800,21801],{"class":18888},"    Overlay",[3044,21803,12356],{"class":3073},[3044,21805,21784],{"class":18878},[3044,21807,18882],{"class":3073},[3044,21809,21810],{"class":18888},"OpacityProperty",[3044,21812,13509],{"class":3073},[3044,21814,21815],{"class":18888},"overlayAnimation",[3044,21817,19065],{"class":3073},[3044,21819,21820],{"class":3046,"line":3740},[3044,21821,5856],{"class":3073},[3044,21823,21824,21826,21828,21831,21833,21835],{"class":3046,"line":3749},[3044,21825,21801],{"class":18888},[3044,21827,12356],{"class":3073},[3044,21829,21830],{"class":18888},"IsHitTestVisible",[3044,21832,18922],{"class":3073},[3044,21834,21616],{"class":18888},[3044,21836,19172],{"class":3073},[3044,21838,21839],{"class":3046,"line":3758},[3044,21840,19148],{"class":3073},[3017,21842],{},[3030,21844,21846],{"id":21845},"рівень-3-пульсуючий-індикатор-завантаження","Рівень 3: Пульсуючий індикатор завантаження",[2959,21848,21849,21851],{},[2977,21850,20988],{}," Навчитися створювати нескінченні анімації з RepeatBehavior та AutoReverse.",[2959,21853,21854],{},[2977,21855,20994],{},[2959,21857,21858],{},"Створіть індикатор завантаження з пульсуючими точками:",[20999,21860,21861,21873,21894],{},[3215,21862,21863,21865],{},[2977,21864,21005],{},[3212,21866,21867,21870],{},[3215,21868,21869],{},"3 кола (Ellipse)",[3215,21871,21872],{},"Розташовані горизонтально",[3215,21874,21875,21877],{},[2977,21876,21021],{},[3212,21878,21879,21882,21885,21888,21891],{},[3215,21880,21881],{},"Кожне коло пульсує (Opacity 1 → 0.3 → 1)",[3215,21883,21884],{},"Тривалість: 0.8 секунди",[3215,21886,21887],{},"AutoReverse=\"True\"",[3215,21889,21890],{},"RepeatBehavior=\"Forever\"",[3215,21892,21893],{},"Затримка між колами (BeginTime)",[3215,21895,21896,21898],{},[2977,21897,21040],{},[3212,21899,21900,21903,21906],{},[3215,21901,21902],{},"Анімація ScaleTransform (збільшення/зменшення)",[3215,21904,21905],{},"Зміна кольору через ColorAnimation",[3215,21907,21908],{},"Кнопка Start/Stop для контролю",[2959,21910,21911],{},[2977,21912,21059],{},[3212,21914,21915,21918,21921,21924],{},[3215,21916,21917],{},"Пульсація працює нескінченно",[3215,21919,21920],{},"Затримки між колами створюють ефект хвилі",[3215,21922,21923],{},"AutoReverse працює правильно",[3215,21925,21926],{},"Можна зупинити/запустити анімацію",[2959,21928,21929],{},[2977,21930,21078],{},[3035,21932,21934],{"className":3037,"code":21933,"language":3039,"meta":3040,"style":3040},"\u003CStackPanel Orientation=\"Horizontal\" HorizontalAlignment=\"Center\" Spacing=\"8\">\n    \u003CEllipse x:Name=\"Dot1\" Width=\"20\" Height=\"20\" Fill=\"#3b82f6\">\n        \u003CEllipse.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard x:Name=\"Dot1Storyboard\">\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                         From=\"1\" To=\"0.3\" Duration=\"0:0:0.8\"\n                                         AutoReverse=\"True\"\n                                         RepeatBehavior=\"Forever\"\n                                         BeginTime=\"0:0:0\"/>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/Ellipse.Triggers>\n    \u003C/Ellipse>\n    \n    \u003CEllipse Width=\"20\" Height=\"20\" Fill=\"#3b82f6\">\n        \u003CEllipse.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                         From=\"1\" To=\"0.3\" Duration=\"0:0:0.8\"\n                                         AutoReverse=\"True\"\n                                         RepeatBehavior=\"Forever\"\n                                         BeginTime=\"0:0:0.2\"/>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/Ellipse.Triggers>\n    \u003C/Ellipse>\n    \n    \u003CEllipse Width=\"20\" Height=\"20\" Fill=\"#3b82f6\">\n        \u003CEllipse.Triggers>\n            \u003CEventTrigger RoutedEvent=\"Loaded\">\n                \u003CBeginStoryboard>\n                    \u003CStoryboard>\n                        \u003CDoubleAnimation Storyboard.TargetProperty=\"Opacity\"\n                                         From=\"1\" To=\"0.3\" Duration=\"0:0:0.8\"\n                                         AutoReverse=\"True\"\n                                         RepeatBehavior=\"Forever\"\n                                         BeginTime=\"0:0:0.4\"/>\n                    \u003C/Storyboard>\n                \u003C/BeginStoryboard>\n            \u003C/EventTrigger>\n        \u003C/Ellipse.Triggers>\n    \u003C/Ellipse>\n\u003C/StackPanel>\n",[2966,21935,21936,21962,21995,22003,22017,22032,22040,22052,22072,22081,22089,22099,22107,22115,22123,22131,22139,22143,22169,22177,22191,22199,22207,22219,22239,22247,22255,22265,22273,22281,22289,22297,22305,22309,22335,22343,22357,22365,22373,22385,22405,22413,22421,22431,22439,22447,22455,22463,22471],{"__ignoreMap":3040},[3044,21937,21938,21940,21942,21944,21946,21948,21950,21952,21954,21956,21958,21960],{"class":3046,"line":3047},[3044,21939,3051],{"class":3050},[3044,21941,3495],{"class":3054},[3044,21943,10208],{"class":3069},[3044,21945,3074],{"class":3073},[3044,21947,10213],{"class":3077},[3044,21949,3506],{"class":3069},[3044,21951,3074],{"class":3073},[3044,21953,3511],{"class":3077},[3044,21955,3498],{"class":3069},[3044,21957,3074],{"class":3073},[3044,21959,3486],{"class":3077},[3044,21961,3058],{"class":3050},[3044,21963,21964,21966,21968,21970,21972,21975,21977,21979,21981,21983,21985,21987,21989,21991,21993],{"class":3046,"line":3061},[3044,21965,3064],{"class":3050},[3044,21967,4890],{"class":3054},[3044,21969,3182],{"class":3069},[3044,21971,3074],{"class":3073},[3044,21973,21974],{"class":3077},"\"Dot1\"",[3044,21976,4900],{"class":3069},[3044,21978,3074],{"class":3073},[3044,21980,4905],{"class":3077},[3044,21982,4908],{"class":3069},[3044,21984,3074],{"class":3073},[3044,21986,4905],{"class":3077},[3044,21988,4915],{"class":3069},[3044,21990,3074],{"class":3073},[3044,21992,3650],{"class":3077},[3044,21994,3058],{"class":3050},[3044,21996,21997,21999,22001],{"class":3046,"line":3083},[3044,21998,3086],{"class":3050},[3044,22000,4928],{"class":3054},[3044,22002,3058],{"class":3050},[3044,22004,22005,22007,22009,22011,22013,22015],{"class":3046,"line":3100},[3044,22006,3306],{"class":3050},[3044,22008,3291],{"class":3054},[3044,22010,3294],{"class":3069},[3044,22012,3074],{"class":3073},[3044,22014,3299],{"class":3077},[3044,22016,3058],{"class":3050},[3044,22018,22019,22021,22023,22025,22027,22030],{"class":3046,"line":3111},[3044,22020,3316],{"class":3050},[3044,22022,3309],{"class":3054},[3044,22024,3182],{"class":3069},[3044,22026,3074],{"class":3073},[3044,22028,22029],{"class":3077},"\"Dot1Storyboard\"",[3044,22031,3058],{"class":3050},[3044,22033,22034,22036,22038],{"class":3046,"line":3122},[3044,22035,3325],{"class":3050},[3044,22037,2968],{"class":3054},[3044,22039,3058],{"class":3050},[3044,22041,22042,22044,22046,22048,22050],{"class":3046,"line":3133},[3044,22043,5719],{"class":3050},[3044,22045,3089],{"class":3054},[3044,22047,3330],{"class":3069},[3044,22049,3074],{"class":3073},[3044,22051,3108],{"class":3077},[3044,22053,22054,22056,22058,22060,22062,22064,22066,22068,22070],{"class":3046,"line":3147},[3044,22055,5733],{"class":3069},[3044,22057,3074],{"class":3073},[3044,22059,4857],{"class":3077},[3044,22061,3898],{"class":3069},[3044,22063,3074],{"class":3073},[3044,22065,16033],{"class":3077},[3044,22067,3906],{"class":3069},[3044,22069,3074],{"class":3073},[3044,22071,4998],{"class":3077},[3044,22073,22074,22077,22079],{"class":3046,"line":3157},[3044,22075,22076],{"class":3069},"                                         AutoReverse",[3044,22078,3074],{"class":3073},[3044,22080,5008],{"class":3077},[3044,22082,22083,22085,22087],{"class":3046,"line":3167},[3044,22084,5755],{"class":3069},[3044,22086,3074],{"class":3073},[3044,22088,18218],{"class":3077},[3044,22090,22091,22093,22095,22097],{"class":3046,"line":3174},[3044,22092,21188],{"class":3069},[3044,22094,3074],{"class":3073},[3044,22096,4458],{"class":3077},[3044,22098,3144],{"class":3050},[3044,22100,22101,22103,22105],{"class":3046,"line":3384},[3044,22102,5815],{"class":3050},[3044,22104,2968],{"class":3054},[3044,22106,3058],{"class":3050},[3044,22108,22109,22111,22113],{"class":3046,"line":3394},[3044,22110,3368],{"class":3050},[3044,22112,3309],{"class":3054},[3044,22114,3058],{"class":3050},[3044,22116,22117,22119,22121],{"class":3046,"line":3403},[3044,22118,3377],{"class":3050},[3044,22120,3291],{"class":3054},[3044,22122,3058],{"class":3050},[3044,22124,22125,22127,22129],{"class":3046,"line":3656},[3044,22126,3387],{"class":3050},[3044,22128,4928],{"class":3054},[3044,22130,3058],{"class":3050},[3044,22132,22133,22135,22137],{"class":3046,"line":3668},[3044,22134,3150],{"class":3050},[3044,22136,4890],{"class":3054},[3044,22138,3058],{"class":3050},[3044,22140,22141],{"class":3046,"line":3679},[3044,22142,5856],{"class":3073},[3044,22144,22145,22147,22149,22151,22153,22155,22157,22159,22161,22163,22165,22167],{"class":3046,"line":3691},[3044,22146,3064],{"class":3050},[3044,22148,4890],{"class":3054},[3044,22150,4900],{"class":3069},[3044,22152,3074],{"class":3073},[3044,22154,4905],{"class":3077},[3044,22156,4908],{"class":3069},[3044,22158,3074],{"class":3073},[3044,22160,4905],{"class":3077},[3044,22162,4915],{"class":3069},[3044,22164,3074],{"class":3073},[3044,22166,3650],{"class":3077},[3044,22168,3058],{"class":3050},[3044,22170,22171,22173,22175],{"class":3046,"line":3705},[3044,22172,3086],{"class":3050},[3044,22174,4928],{"class":3054},[3044,22176,3058],{"class":3050},[3044,22178,22179,22181,22183,22185,22187,22189],{"class":3046,"line":3716},[3044,22180,3306],{"class":3050},[3044,22182,3291],{"class":3054},[3044,22184,3294],{"class":3069},[3044,22186,3074],{"class":3073},[3044,22188,3299],{"class":3077},[3044,22190,3058],{"class":3050},[3044,22192,22193,22195,22197],{"class":3046,"line":3727},[3044,22194,3316],{"class":3050},[3044,22196,3309],{"class":3054},[3044,22198,3058],{"class":3050},[3044,22200,22201,22203,22205],{"class":3046,"line":3740},[3044,22202,3325],{"class":3050},[3044,22204,2968],{"class":3054},[3044,22206,3058],{"class":3050},[3044,22208,22209,22211,22213,22215,22217],{"class":3046,"line":3749},[3044,22210,5719],{"class":3050},[3044,22212,3089],{"class":3054},[3044,22214,3330],{"class":3069},[3044,22216,3074],{"class":3073},[3044,22218,3108],{"class":3077},[3044,22220,22221,22223,22225,22227,22229,22231,22233,22235,22237],{"class":3046,"line":3758},[3044,22222,5733],{"class":3069},[3044,22224,3074],{"class":3073},[3044,22226,4857],{"class":3077},[3044,22228,3898],{"class":3069},[3044,22230,3074],{"class":3073},[3044,22232,16033],{"class":3077},[3044,22234,3906],{"class":3069},[3044,22236,3074],{"class":3073},[3044,22238,4998],{"class":3077},[3044,22240,22241,22243,22245],{"class":3046,"line":4272},[3044,22242,22076],{"class":3069},[3044,22244,3074],{"class":3073},[3044,22246,5008],{"class":3077},[3044,22248,22249,22251,22253],{"class":3046,"line":5927},[3044,22250,5755],{"class":3069},[3044,22252,3074],{"class":3073},[3044,22254,18218],{"class":3077},[3044,22256,22257,22259,22261,22263],{"class":3046,"line":5936},[3044,22258,21188],{"class":3069},[3044,22260,3074],{"class":3073},[3044,22262,4149],{"class":3077},[3044,22264,3144],{"class":3050},[3044,22266,22267,22269,22271],{"class":3046,"line":5949},[3044,22268,5815],{"class":3050},[3044,22270,2968],{"class":3054},[3044,22272,3058],{"class":3050},[3044,22274,22275,22277,22279],{"class":3046,"line":5970},[3044,22276,3368],{"class":3050},[3044,22278,3309],{"class":3054},[3044,22280,3058],{"class":3050},[3044,22282,22283,22285,22287],{"class":3046,"line":5987},[3044,22284,3377],{"class":3050},[3044,22286,3291],{"class":3054},[3044,22288,3058],{"class":3050},[3044,22290,22291,22293,22295],{"class":3046,"line":5996},[3044,22292,3387],{"class":3050},[3044,22294,4928],{"class":3054},[3044,22296,3058],{"class":3050},[3044,22298,22299,22301,22303],{"class":3046,"line":6011},[3044,22300,3150],{"class":3050},[3044,22302,4890],{"class":3054},[3044,22304,3058],{"class":3050},[3044,22306,22307],{"class":3046,"line":6020},[3044,22308,5856],{"class":3073},[3044,22310,22311,22313,22315,22317,22319,22321,22323,22325,22327,22329,22331,22333],{"class":3046,"line":6029},[3044,22312,3064],{"class":3050},[3044,22314,4890],{"class":3054},[3044,22316,4900],{"class":3069},[3044,22318,3074],{"class":3073},[3044,22320,4905],{"class":3077},[3044,22322,4908],{"class":3069},[3044,22324,3074],{"class":3073},[3044,22326,4905],{"class":3077},[3044,22328,4915],{"class":3069},[3044,22330,3074],{"class":3073},[3044,22332,3650],{"class":3077},[3044,22334,3058],{"class":3050},[3044,22336,22337,22339,22341],{"class":3046,"line":6038},[3044,22338,3086],{"class":3050},[3044,22340,4928],{"class":3054},[3044,22342,3058],{"class":3050},[3044,22344,22345,22347,22349,22351,22353,22355],{"class":3046,"line":6047},[3044,22346,3306],{"class":3050},[3044,22348,3291],{"class":3054},[3044,22350,3294],{"class":3069},[3044,22352,3074],{"class":3073},[3044,22354,3299],{"class":3077},[3044,22356,3058],{"class":3050},[3044,22358,22359,22361,22363],{"class":3046,"line":6056},[3044,22360,3316],{"class":3050},[3044,22362,3309],{"class":3054},[3044,22364,3058],{"class":3050},[3044,22366,22367,22369,22371],{"class":3046,"line":6065},[3044,22368,3325],{"class":3050},[3044,22370,2968],{"class":3054},[3044,22372,3058],{"class":3050},[3044,22374,22375,22377,22379,22381,22383],{"class":3046,"line":6074},[3044,22376,5719],{"class":3050},[3044,22378,3089],{"class":3054},[3044,22380,3330],{"class":3069},[3044,22382,3074],{"class":3073},[3044,22384,3108],{"class":3077},[3044,22386,22387,22389,22391,22393,22395,22397,22399,22401,22403],{"class":3046,"line":6079},[3044,22388,5733],{"class":3069},[3044,22390,3074],{"class":3073},[3044,22392,4857],{"class":3077},[3044,22394,3898],{"class":3069},[3044,22396,3074],{"class":3073},[3044,22398,16033],{"class":3077},[3044,22400,3906],{"class":3069},[3044,22402,3074],{"class":3073},[3044,22404,4998],{"class":3077},[3044,22406,22407,22409,22411],{"class":3046,"line":6085},[3044,22408,22076],{"class":3069},[3044,22410,3074],{"class":3073},[3044,22412,5008],{"class":3077},[3044,22414,22415,22417,22419],{"class":3046,"line":6113},[3044,22416,5755],{"class":3069},[3044,22418,3074],{"class":3073},[3044,22420,18218],{"class":3077},[3044,22422,22423,22425,22427,22429],{"class":3046,"line":6122},[3044,22424,21188],{"class":3069},[3044,22426,3074],{"class":3073},[3044,22428,18787],{"class":3077},[3044,22430,3144],{"class":3050},[3044,22432,22433,22435,22437],{"class":3046,"line":6137},[3044,22434,5815],{"class":3050},[3044,22436,2968],{"class":3054},[3044,22438,3058],{"class":3050},[3044,22440,22441,22443,22445],{"class":3046,"line":6146},[3044,22442,3368],{"class":3050},[3044,22444,3309],{"class":3054},[3044,22446,3058],{"class":3050},[3044,22448,22449,22451,22453],{"class":3046,"line":6155},[3044,22450,3377],{"class":3050},[3044,22452,3291],{"class":3054},[3044,22454,3058],{"class":3050},[3044,22456,22457,22459,22461],{"class":3046,"line":6168},[3044,22458,3387],{"class":3050},[3044,22460,4928],{"class":3054},[3044,22462,3058],{"class":3050},[3044,22464,22465,22467,22469],{"class":3046,"line":6189},[3044,22466,3150],{"class":3050},[3044,22468,4890],{"class":3054},[3044,22470,3058],{"class":3050},[3044,22472,22473,22475,22477],{"class":3046,"line":6206},[3044,22474,3160],{"class":3050},[3044,22476,3495],{"class":3054},[3044,22478,3058],{"class":3050},[3017,22480],{},[3020,22482,22484],{"id":22483},"підсумок","Підсумок",[2959,22486,22487],{},"Анімації у WPF через Storyboard — потужний інструмент для створення інтерактивних та професійних інтерфейсів. Ми детально розглянули всі аспекти анімацій: від базового синтаксису до складних KeyFrame анімацій та оптимізації продуктивності.",[2959,22489,22490],{},[2977,22491,22492],{},"Ключові висновки:",[20779,22494,22495,22500,22505,22510,22515,22520,22525,22530],{},[20782,22496,22499],{"icon":22497,"title":22498},"i-lucide-package","📦 Storyboard","Контейнер для координації кількох анімацій. TargetName та TargetProperty для вказівки цілі. EventTrigger для автоматичного запуску.",[20782,22501,22504],{"icon":22502,"title":22503},"i-lucide-film","🎬 Типи анімацій","DoubleAnimation для чисел, ColorAnimation для кольорів, ThicknessAnimation для Margin/Padding, ObjectAnimationUsingKeyFrames для дискретних значень.",[20782,22506,22509],{"icon":22507,"title":22508},"i-lucide-clock","⏱️ Duration & Repeat","Duration для тривалості, RepeatBehavior для повторення (1x, 3x, Forever), AutoReverse для повернення, BeginTime для затримки.",[20782,22511,22514],{"icon":22512,"title":22513},"i-lucide-trending-up","📈 Easing Functions","QuadraticEase, CubicEase для природних анімацій. BackEase для відскоку, ElasticEase для пружини, BounceEase для м'яча. EaseOut найпопулярніший.",[20782,22516,22519],{"icon":22517,"title":22518},"i-lucide-rotate-3d","🔄 Transform анімації","TranslateTransform для переміщення, ScaleTransform для масштабування, RotateTransform для обертання. Завжди використовуйте RenderTransform, не LayoutTransform.",[20782,22521,22524],{"icon":22522,"title":22523},"i-lucide-target","🎯 KeyFrame анімації","Складні траєкторії з кількома проміжними точками. LinearKeyFrame, EasingKeyFrame, DiscreteKeyFrame, SplineKeyFrame для максимального контролю.",[20782,22526,22529],{"icon":22527,"title":22528},"i-lucide-code","💻 Code-behind","Програмний контроль через Begin(), Pause(), Resume(), Stop(). Події Completed та CurrentTimeInvalidated для відстеження прогресу.",[20782,22531,22533],{"icon":92,"title":22532},"⚡ Продуктивність","Використовуйте RenderTransform та Opacity (GPU). Уникайте Width/Height/Margin (CPU). BitmapCache для складних елементів. Freeze для оптимізації.",[2959,22535,22536],{},[2977,22537,22538],{},"Що далі?",[2959,22540,22541,22542,22546],{},"Наступна стаття — ",[22543,22544,22545],"a",{"href":1598},"Avalonia Animations"," покаже простіший підхід через Transitions та CSS-подібні анімації.",[3017,22548],{},[3020,22550,22552],{"id":22551},"словник-термінів","Словник термінів",[2974,22554,22556,22561,22566,22571,22576,22581,22586,22591,22596,22602,22607,22612,22617,22622,22627,22632,22637,22642,22647,22652,22658,22664,22670,22676,22682,22688,22694,22700,22706,22711],{"title":22555},"📚 Глосарій",[2959,22557,22558,22560],{},[2977,22559,2968],{}," — контейнер для координації виконання кількох анімацій одночасно або послідовно.",[2959,22562,22563,22565],{},[2977,22564,2986],{}," — базовий клас для всіх анімацій (DoubleAnimation, ColorAnimation, тощо).",[2959,22567,22568,22570],{},[2977,22569,2990],{}," — початкове значення, кінцеве значення та зміна для анімації.",[2959,22572,22573,22575],{},[2977,22574,2994],{}," — тривалість анімації у форматі hours:minutes:seconds.milliseconds.",[2959,22577,22578,22580],{},[2977,22579,2998],{}," — функція для нелінійної зміни значення (прискорення, уповільнення).",[2959,22582,22583,22585],{},[2977,22584,19000],{}," — режим застосування easing: EaseIn (прискорення на початку), EaseOut (уповільнення в кінці), EaseInOut (обидва).",[2959,22587,22588,22590],{},[2977,22589,3010],{}," — поведінка повторення анімації (кількість разів або Forever).",[2959,22592,22593,22595],{},[2977,22594,3014],{}," — автоматичне повернення до початкового стану після завершення.",[2959,22597,22598,22601],{},[2977,22599,22600],{},"BeginTime"," — затримка перед початком анімації.",[2959,22603,22604,22606],{},[2977,22605,3006],{}," — шлях до властивості для анімації, включаючи вкладені об'єкти.",[2959,22608,22609,22611],{},[2977,22610,3291],{}," — тригер для запуску анімації при події (Loaded, MouseEnter, тощо).",[2959,22613,22614,22616],{},[2977,22615,3309],{}," — дія для запуску Storyboard у EventTrigger.",[2959,22618,22619,22621],{},[2977,22620,9069],{}," — трансформація, що застосовується після layout. Не впливає на інші елементи. Виконується на GPU.",[2959,22623,22624,22626],{},[2977,22625,9075],{}," — трансформація, що застосовується під час layout. Впливає на інші елементи. Виконується на CPU.",[2959,22628,22629,22631],{},[2977,22630,7906],{}," — переміщення елемента по осях X та Y.",[2959,22633,22634,22636],{},[2977,22635,7332],{}," — масштабування елемента по осях X та Y.",[2959,22638,22639,22641],{},[2977,22640,8818],{}," — обертання елемента навколо точки.",[2959,22643,22644,22646],{},[2977,22645,12131],{}," — нахил елемента по осях X та Y.",[2959,22648,22649,22651],{},[2977,22650,12355],{}," — контейнер для комбінування кількох трансформацій.",[2959,22653,22654,22657],{},[2977,22655,22656],{},"RenderTransformOrigin"," — точка, навколо якої застосовується трансформація (0,0 = верхній лівий кут, 0.5,0.5 = центр).",[2959,22659,22660,22663],{},[2977,22661,22662],{},"KeyFrame Animation"," — анімація з кількома проміжними точками (keyframes).",[2959,22665,22666,22669],{},[2977,22667,22668],{},"LinearKeyFrame"," — лінійна інтерполяція між keyframes (постійна швидкість).",[2959,22671,22672,22675],{},[2977,22673,22674],{},"EasingKeyFrame"," — keyframe з Easing Function для природної анімації.",[2959,22677,22678,22681],{},[2977,22679,22680],{},"DiscreteKeyFrame"," — миттєва зміна без інтерполяції.",[2959,22683,22684,22687],{},[2977,22685,22686],{},"SplineKeyFrame"," — keyframe з кубічною кривою Безьє для максимального контролю.",[2959,22689,22690,22693],{},[2977,22691,22692],{},"KeyTime"," — час, коли досягається значення keyframe.",[2959,22695,22696,22699],{},[2977,22697,22698],{},"BitmapCache"," — кешування візуального дерева як bitmap для швидшої анімації на GPU.",[2959,22701,22702,22705],{},[2977,22703,22704],{},"Hardware Acceleration"," — використання GPU для рендерингу анімацій замість CPU.",[2959,22707,22708,22710],{},[2977,22709,20530],{}," — заморожування об'єкта для оптимізації (стає незмінним та thread-safe).",[2959,22712,22713,22716],{},[2977,22714,22715],{},"DesiredFrameRate"," — бажана кількість кадрів на секунду для анімації (FPS).",[3017,22718],{},[3020,22720,22722],{"id":22721},"додаткові-ресурси","Додаткові ресурси",[20779,22724,22725,22730,22735,22740,22745],{},[20782,22726,22729],{"icon":15,"title":22727,"to":22728},"📖 WPF Animation Docs","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/graphics-multimedia/animation-overview","Офіційна документація про анімації у WPF.",[20782,22731,22734],{"icon":22512,"title":22732,"to":22733},"📈 Easing Functions Guide","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/graphics-multimedia/easing-functions","Повний гайд з Easing Functions та візуальні приклади.",[20782,22736,22739],{"icon":22502,"title":22737,"to":22738},"🎬 Storyboard Tutorial","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/graphics-multimedia/storyboards-overview","Детальна стаття про Storyboard та Timeline.",[20782,22741,22744],{"icon":22742,"title":22743,"to":1590},"i-lucide-arrow-left","📚 Попередня стаття: Avalonia TemplatedControl","Повернутися до Avalonia TemplatedControl.",[20782,22746,22749],{"icon":22747,"title":22748,"to":1598},"i-lucide-arrow-right","📚 Наступна стаття: Avalonia Animations","Дізнатися про Transitions у Avalonia.",[22751,22752,22753],"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 .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sCDza, html code.shiki .sCDza{--shiki-light:#AF00DB;--shiki-default:#CE92A4;--shiki-dark:#CE92A4}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}",{"title":3040,"searchDepth":3061,"depth":3061,"links":22755},[22756,22760,22767,22772,22779,22784,22792,22799,22805,22810,22820,22825,22826,22827],{"id":3022,"depth":3061,"text":3023,"children":22757},[22758,22759],{"id":3032,"depth":3083,"text":3033},{"id":3249,"depth":3083,"text":3250},{"id":3769,"depth":3061,"text":3770,"children":22761},[22762,22763,22764,22765,22766],{"id":3776,"depth":3083,"text":3777},{"id":4010,"depth":3083,"text":4011},{"id":4290,"depth":3083,"text":4291},{"id":4383,"depth":3083,"text":4384},{"id":4529,"depth":3083,"text":4530},{"id":4619,"depth":3061,"text":4620,"children":22768},[22769,22770,22771],{"id":4623,"depth":3083,"text":4624},{"id":4726,"depth":3083,"text":4727},{"id":4827,"depth":3083,"text":4828},{"id":5064,"depth":3061,"text":5065,"children":22773},[22774,22775,22776,22777,22778],{"id":5071,"depth":3083,"text":5072},{"id":5178,"depth":3083,"text":5179},{"id":5328,"depth":3083,"text":5329},{"id":5595,"depth":3083,"text":5596},{"id":6320,"depth":3083,"text":6321},{"id":8641,"depth":3061,"text":8642,"children":22780},[22781,22782,22783],{"id":8648,"depth":3083,"text":8649},{"id":8781,"depth":3083,"text":8782},{"id":8953,"depth":3083,"text":8954},{"id":9051,"depth":3061,"text":9052,"children":22785},[22786,22787,22788,22789,22790,22791],{"id":9058,"depth":3083,"text":9059},{"id":9084,"depth":3083,"text":9085},{"id":9814,"depth":3083,"text":9815},{"id":11436,"depth":3083,"text":11437},{"id":12081,"depth":3083,"text":12082},{"id":12348,"depth":3083,"text":12349},{"id":13521,"depth":3061,"text":13522,"children":22793},[22794,22795,22796,22797,22798],{"id":13528,"depth":3083,"text":13529},{"id":13896,"depth":3083,"text":13897},{"id":13968,"depth":3083,"text":13969},{"id":14073,"depth":3083,"text":14074},{"id":15276,"depth":3083,"text":15277},{"id":15739,"depth":3061,"text":15740,"children":22800},[22801,22802,22803,22804],{"id":15743,"depth":3083,"text":15744},{"id":16616,"depth":3083,"text":16617},{"id":17427,"depth":3083,"text":17428},{"id":17842,"depth":3083,"text":17843},{"id":18851,"depth":3061,"text":18852,"children":22806},[22807,22808,22809],{"id":18858,"depth":3083,"text":18859},{"id":19151,"depth":3083,"text":19152},{"id":19547,"depth":3083,"text":19548},{"id":19787,"depth":3061,"text":19788,"children":22811},[22812,22813,22814,22815,22816,22817,22818,22819],{"id":19794,"depth":3083,"text":19795},{"id":19880,"depth":3083,"text":19881},{"id":20226,"depth":3083,"text":20227},{"id":20390,"depth":3083,"text":20391},{"id":20475,"depth":3083,"text":20476},{"id":20643,"depth":3083,"text":20644},{"id":20776,"depth":3083,"text":20777},{"id":20822,"depth":3083,"text":20823},{"id":20978,"depth":3061,"text":20979,"children":22821},[22822,22823,22824],{"id":20982,"depth":3083,"text":20983},{"id":21468,"depth":3083,"text":21469},{"id":21845,"depth":3083,"text":21846},{"id":22483,"depth":3061,"text":22484},{"id":22551,"depth":3061,"text":22552},{"id":22721,"depth":3061,"text":22722},"Створення плавних анімацій для інтерактивних інтерфейсів. Storyboard, DoubleAnimation, ColorAnimation, Easing Functions, Event Triggers та code-behind анімації.","md",null,{},{"title":1593,"description":22828},"X7AX3hjLItcaPmwx2TGCWsiy4gUmaZBfDLJL67gbmvo",[22835,22837],{"title":1589,"path":1590,"stem":1591,"description":22836,"children":-1},"Створення custom controls в Avalonia через TemplatedControl. StyledProperty замість DependencyProperty, Generic.axaml, ControlTheme та CSS-like стилізація з pseudo-classes.",{"title":1597,"path":1598,"stem":1599,"description":22838,"children":-1},"Transitions та KeyFrame анімації в Avalonia UI — простіший підхід до анімацій порівняно з WPF",1777911664733]