[{"data":1,"prerenderedAt":2916},["ShallowReactive",2],{"navigation_docs":3,"-laioutr-ui-ui-kit-general-animated-icon":2103,"-laioutr-ui-ui-kit-general-animated-icon-surround":2697,"changelog-data":2702,"didYouMean--AnimatedIcon":2105,"/laioutr-ui/ui-kit/general/animated-icon-AnimatedIcon-2.12.0-0-note":2822,"/laioutr-ui/ui-kit/general/animated-icon-icon-description":2882,"/laioutr-ui/ui-kit/general/animated-icon-activeIcon-description":2891,"/laioutr-ui/ui-kit/general/animated-icon-active-description":2907},[4,136,545,573,689,877,1804,1894,1899,1904,1963,2061],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","0.getting-started/0.index",[9,10,14,18,56,81,115,132],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Starting new project","/getting-started/starting-new-project","0.getting-started/1.starting-new-project",{"title":15,"path":16,"stem":17},"What is Laioutr?","/getting-started/what-is-laioutr","0.getting-started/2.what-is-laioutr",{"title":19,"path":20,"stem":21,"children":22,"page":55},"Key Concepts","/getting-started/key-concepts","0.getting-started/3.key-concepts",[23,27,31,35,39,43,47,51],{"title":24,"path":25,"stem":26},"Architecture","/getting-started/key-concepts/architecture","0.getting-started/3.key-concepts/1.architecture",{"title":28,"path":29,"stem":30},"Data Model","/getting-started/key-concepts/data-model","0.getting-started/3.key-concepts/2.data-model",{"title":32,"path":33,"stem":34},"Internationalization","/getting-started/key-concepts/5.internationalization","0.getting-started/3.key-concepts/3.5.internationalization",{"title":36,"path":37,"stem":38},"Data Flow","/getting-started/key-concepts/data-flow","0.getting-started/3.key-concepts/3.data-flow",{"title":40,"path":41,"stem":42},"Extensibility","/getting-started/key-concepts/extensibility","0.getting-started/3.key-concepts/4.extensibility",{"title":44,"path":45,"stem":46},"Philosophy","/getting-started/key-concepts/philosophy","0.getting-started/3.key-concepts/5.philosophy",{"title":48,"path":49,"stem":50},"CI/CD Pipeline","/getting-started/key-concepts/ci-cd-pipeline","0.getting-started/3.key-concepts/6.ci-cd-pipeline",{"title":52,"path":53,"stem":54},"Multi-tenancy","/getting-started/key-concepts/multi-tenancy","0.getting-started/3.key-concepts/multi-tenancy",false,{"title":57,"path":58,"stem":59,"children":60,"page":55},"Next Steps","/getting-started/next-steps","0.getting-started/4.next-steps",[61,65,69,73,77],{"title":62,"path":63,"stem":64},"Create Organization and Project","/getting-started/next-steps/create-org-and-project","0.getting-started/4.next-steps/0.create-org-and-project",{"title":66,"path":67,"stem":68},"First Project Configuration","/getting-started/next-steps/first-project-config","0.getting-started/4.next-steps/1.first-project-config",{"title":70,"path":71,"stem":72},"Setup Local Development Environment","/getting-started/next-steps/local-setup","0.getting-started/4.next-steps/3.local-setup",{"title":74,"path":75,"stem":76},"Create your first custom app","/getting-started/next-steps/create-custom-app","0.getting-started/4.next-steps/4.create-custom-app",{"title":78,"path":79,"stem":80},"CLI","/getting-started/next-steps/cli","0.getting-started/4.next-steps/5.cli",{"title":82,"path":83,"stem":84,"children":85},"Changelogs","/getting-started/changelogs","0.getting-started/5.Changelogs/0.index",[86,87,91,95,99,103,107,111],{"title":82,"path":83,"stem":84},{"title":88,"path":89,"stem":90},"Canonical Types Changelog","/getting-started/changelogs/canonical-types-changelog","0.getting-started/5.Changelogs/canonical-types-changelog",{"title":92,"path":93,"stem":94},"CLI Changelog","/getting-started/changelogs/cli-changelog","0.getting-started/5.Changelogs/cli-changelog",{"title":96,"path":97,"stem":98},"Cockpit Changelog","/getting-started/changelogs/cockpit-changelog","0.getting-started/5.Changelogs/cockpit-changelog",{"title":100,"path":101,"stem":102},"Figma Kit Changelog","/getting-started/changelogs/figma-kit-changelog","0.getting-started/5.Changelogs/figma-kit-changelog",{"title":104,"path":105,"stem":106},"Frontend Changelog","/getting-started/changelogs/frontend-changelog","0.getting-started/5.Changelogs/frontend-changelog",{"title":108,"path":109,"stem":110},"Orchestr Changelog","/getting-started/changelogs/orchestr-changelog","0.getting-started/5.Changelogs/orchestr-changelog",{"title":112,"path":113,"stem":114},"UI Changelog","/getting-started/changelogs/ui-changelog","0.getting-started/5.Changelogs/ui-changelog",{"title":116,"path":117,"stem":118,"children":119,"page":55},"Hints And Tips","/getting-started/hints-and-tips","0.getting-started/6.Hints-and-Tips",[120,124,128],{"title":121,"path":122,"stem":123},"Introduction","/getting-started/hints-and-tips/introduction","0.getting-started/6.Hints-and-Tips/0.introduction",{"title":125,"path":126,"stem":127},"Developer tools","/getting-started/hints-and-tips/developer-tools","0.getting-started/6.Hints-and-Tips/1.developer-tools",{"title":129,"path":130,"stem":131},"Claude Code plugin","/getting-started/hints-and-tips/claude-marketplace","0.getting-started/6.Hints-and-Tips/2.claude-marketplace",{"title":133,"path":134,"stem":135},"Documentation MCP Server","/getting-started/documentation-mcp-server","0.getting-started/7.documentation-mcp-server",{"title":137,"path":138,"stem":139,"children":140},"Frontend","/frontend","1.Frontend/0.index",[141,142,153,219,245,323],{"title":137,"path":138,"stem":139},{"title":121,"path":143,"stem":144,"children":145,"page":55},"/frontend/introduction","1.Frontend/1.Introduction",[146,149],{"title":19,"path":147,"stem":148},"/frontend/introduction/key-concepts","1.Frontend/1.Introduction/0.key-concepts",{"title":150,"path":151,"stem":152},"Tech Stack","/frontend/introduction/tech-stack","1.Frontend/1.Introduction/1.tech-stack",{"title":154,"path":155,"stem":156,"children":157},"Features","/frontend/features","1.Frontend/2.Features/0.index",[158,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215],{"title":154,"path":155,"stem":156},{"title":160,"path":161,"stem":162},"Consent Management","/frontend/features/consent-management","1.Frontend/2.Features/consent-management",{"title":164,"path":165,"stem":166},"Content Preview","/frontend/features/content-preview","1.Frontend/2.Features/content-preview",{"title":168,"path":169,"stem":170},"Currencies","/frontend/features/currencies","1.Frontend/2.Features/currencies",{"title":172,"path":173,"stem":174},"Environments & Staging","/frontend/features/environments","1.Frontend/2.Features/environments",{"title":176,"path":177,"stem":178},"Hooks","/frontend/features/hooks","1.Frontend/2.Features/hooks",{"title":180,"path":181,"stem":182},"Media and Media Library","/frontend/features/media","1.Frontend/2.Features/media",{"title":184,"path":185,"stem":186},"Multi-language Support","/frontend/features/multi-language-support","1.Frontend/2.Features/multi-language-support",{"title":188,"path":189,"stem":190},"Multi-market","/frontend/features/multi-market","1.Frontend/2.Features/multi-market",{"title":192,"path":193,"stem":194},"Page Types","/frontend/features/pagetypes","1.Frontend/2.Features/pagetypes",{"title":196,"path":197,"stem":198},"PWA","/frontend/features/pwa","1.Frontend/2.Features/pwa",{"title":200,"path":201,"stem":202},"Redirects","/frontend/features/redirects","1.Frontend/2.Features/redirects",{"title":204,"path":205,"stem":206},"Routing","/frontend/features/routing","1.Frontend/2.Features/routing",{"title":208,"path":209,"stem":210},"Server-Side Rendering (SSR) and Caching","/frontend/features/ssr-and-caching","1.Frontend/2.Features/ssr-and-caching",{"title":212,"path":213,"stem":214},"Tracking","/frontend/features/tracking","1.Frontend/2.Features/tracking",{"title":216,"path":217,"stem":218},"Z-Ordering","/frontend/features/z-ordering","1.Frontend/2.Features/z-ordering",{"title":220,"path":221,"stem":222,"children":223},"SEO","/frontend/seo","1.Frontend/3.SEO/0.index",[224,225,229,233,237,241],{"title":220,"path":221,"stem":222},{"title":226,"path":227,"stem":228},"Link Checker","/frontend/seo/link-checker","1.Frontend/3.SEO/link-checker",{"title":230,"path":231,"stem":232},"OG Image","/frontend/seo/og-image","1.Frontend/3.SEO/og-image",{"title":234,"path":235,"stem":236},"Robots.txt","/frontend/seo/robots-txt","1.Frontend/3.SEO/robots-txt",{"title":238,"path":239,"stem":240},"Schema.org","/frontend/seo/schema-org","1.Frontend/3.SEO/schema-org",{"title":242,"path":243,"stem":244},"Sitemap","/frontend/seo/sitemap","1.Frontend/3.SEO/sitemap",{"title":246,"path":247,"stem":248,"children":249},"Backend for Frontend","/frontend/orchestr","1.Frontend/4.Orchestr/0.index",[250,251,277,281,285,289,293,297,301,305,309,315,319],{"title":246,"path":247,"stem":248},{"title":252,"path":253,"stem":254,"children":255},"Recipes","/frontend/orchestr/recipes","1.Frontend/4.Orchestr/99.recipes/0.index",[256,257,261,265,269,273],{"title":252,"path":253,"stem":254},{"title":258,"path":259,"stem":260},"Analytics components from query handlers","/frontend/orchestr/recipes/analytics-from-query-handlers","1.Frontend/4.Orchestr/99.recipes/analytics-from-query-handlers",{"title":262,"path":263,"stem":264},"Identity cookies (cart and visitor IDs)","/frontend/orchestr/recipes/identity-cookies","1.Frontend/4.Orchestr/99.recipes/identity-cookies",{"title":266,"path":267,"stem":268},"System bootstrap in extendRequest","/frontend/orchestr/recipes/system-bootstrap","1.Frontend/4.Orchestr/99.recipes/system-bootstrap",{"title":270,"path":271,"stem":272},"Translating vendor errors","/frontend/orchestr/recipes/translating-vendor-errors","1.Frontend/4.Orchestr/99.recipes/translating-vendor-errors",{"title":274,"path":275,"stem":276},"Userland cache patterns","/frontend/orchestr/recipes/userland-cache-patterns","1.Frontend/4.Orchestr/99.recipes/userland-cache-patterns",{"title":278,"path":279,"stem":280},"Actions","/frontend/orchestr/actions","1.Frontend/4.Orchestr/Actions",{"title":282,"path":283,"stem":284},"Caching","/frontend/orchestr/caching","1.Frontend/4.Orchestr/Caching",{"title":286,"path":287,"stem":288},"Store Devtools","/frontend/orchestr/devtools","1.Frontend/4.Orchestr/Devtools",{"title":290,"path":291,"stem":292},"Middleware","/frontend/orchestr/middleware","1.Frontend/4.Orchestr/Middleware",{"title":294,"path":295,"stem":296},"Queries & Links","/frontend/orchestr/queries","1.Frontend/4.Orchestr/Queries",{"title":298,"path":299,"stem":300},"Client Environment","/frontend/orchestr/client-env","1.Frontend/4.Orchestr/client-env",{"title":302,"path":303,"stem":304},"Component Resolvers","/frontend/orchestr/component-resolvers","1.Frontend/4.Orchestr/component-resolvers",{"title":306,"path":307,"stem":308},"Filters","/frontend/orchestr/filters","1.Frontend/4.Orchestr/filters",{"title":310,"path":311,"stem":312,"children":313},"Page Index","/frontend/orchestr/page-index","1.Frontend/4.Orchestr/page-index",[314],{"title":310,"path":311,"stem":312},{"title":316,"path":317,"stem":318},"URL Query Parameters","/frontend/orchestr/url-query-params","1.Frontend/4.Orchestr/url-query-params",{"title":320,"path":321,"stem":322},"Orchestr Wire Format","/frontend/orchestr/wire-format","1.Frontend/4.Orchestr/wire-format",{"title":324,"path":325,"stem":326,"children":327},"API Reference","/frontend/api-reference","1.Frontend/99.api-reference/0.index",[328,329,447,450,484,500,508,519,527,534],{"title":324,"path":325,"stem":326},{"title":330,"path":331,"stem":332,"children":333},"Entities","/frontend/api-reference/entities","1.Frontend/99.api-reference/01.entities/0.index",[334,335,339,343,347,351,355,359,363,367,371,375,379,383,387,391,395,399,403,407,411,415,419,423,427,431,435,439,443],{"title":330,"path":331,"stem":332},{"title":336,"path":337,"stem":338},"Product","/frontend/api-reference/entities/product","1.Frontend/99.api-reference/01.entities/1.product",{"title":340,"path":341,"stem":342},"SuggestedSearch","/frontend/api-reference/entities/suggested-search","1.Frontend/99.api-reference/01.entities/10.suggested-search",{"title":344,"path":345,"stem":346},"SuggestedSearchEntry","/frontend/api-reference/entities/suggested-search-entry","1.Frontend/99.api-reference/01.entities/11.suggested-search-entry",{"title":348,"path":349,"stem":350},"BlogCollection","/frontend/api-reference/entities/blog-collection","1.Frontend/99.api-reference/01.entities/12.blog-collection",{"title":352,"path":353,"stem":354},"Comment","/frontend/api-reference/entities/comment","1.Frontend/99.api-reference/01.entities/13.comment",{"title":356,"path":357,"stem":358},"Location","/frontend/api-reference/entities/location","1.Frontend/99.api-reference/01.entities/14.location",{"title":360,"path":361,"stem":362},"Glossary","/frontend/api-reference/entities/glossary","1.Frontend/99.api-reference/01.entities/15.glossary",{"title":364,"path":365,"stem":366},"Product List","/frontend/api-reference/entities/product-list","1.Frontend/99.api-reference/01.entities/16.product-list",{"title":368,"path":369,"stem":370},"Product List Item","/frontend/api-reference/entities/product-list-item","1.Frontend/99.api-reference/01.entities/17.product-list-item",{"title":372,"path":373,"stem":374},"Organization","/frontend/api-reference/entities/organization","1.Frontend/99.api-reference/01.entities/18.organization",{"title":376,"path":377,"stem":378},"Employee","/frontend/api-reference/entities/employee","1.Frontend/99.api-reference/01.entities/19.employee",{"title":380,"path":381,"stem":382},"ProductVariant","/frontend/api-reference/entities/product-variant","1.Frontend/99.api-reference/01.entities/2.product-variant",{"title":384,"path":385,"stem":386},"Cost Center","/frontend/api-reference/entities/cost-center","1.Frontend/99.api-reference/01.entities/20.cost-center",{"title":388,"path":389,"stem":390},"Budget","/frontend/api-reference/entities/budget","1.Frontend/99.api-reference/01.entities/21.budget",{"title":392,"path":393,"stem":394},"Quote","/frontend/api-reference/entities/quote","1.Frontend/99.api-reference/01.entities/22.quote",{"title":396,"path":397,"stem":398},"Quote Item","/frontend/api-reference/entities/quote-item","1.Frontend/99.api-reference/01.entities/23.quote-item",{"title":400,"path":401,"stem":402},"Approval Flow","/frontend/api-reference/entities/approval-flow","1.Frontend/99.api-reference/01.entities/24.approval-flow",{"title":404,"path":405,"stem":406},"Approval Rule","/frontend/api-reference/entities/approval-rule","1.Frontend/99.api-reference/01.entities/25.approval-rule",{"title":408,"path":409,"stem":410},"Fee","/frontend/api-reference/entities/fee","1.Frontend/99.api-reference/01.entities/26.fee",{"title":412,"path":413,"stem":414},"Stock Location","/frontend/api-reference/entities/stock-location","1.Frontend/99.api-reference/01.entities/27.stock-location",{"title":416,"path":417,"stem":418},"Stock Level","/frontend/api-reference/entities/stock-level","1.Frontend/99.api-reference/01.entities/28.stock-level",{"title":420,"path":421,"stem":422},"Category","/frontend/api-reference/entities/category","1.Frontend/99.api-reference/01.entities/3.category",{"title":424,"path":425,"stem":426},"Cart","/frontend/api-reference/entities/cart","1.Frontend/99.api-reference/01.entities/4.cart",{"title":428,"path":429,"stem":430},"CartItem","/frontend/api-reference/entities/cart-item","1.Frontend/99.api-reference/01.entities/5.cart-item",{"title":432,"path":433,"stem":434},"Review","/frontend/api-reference/entities/review","1.Frontend/99.api-reference/01.entities/6.review",{"title":436,"path":437,"stem":438},"BreadcrumbItem","/frontend/api-reference/entities/breadcrumb-item","1.Frontend/99.api-reference/01.entities/7.breadcrumb-item",{"title":440,"path":441,"stem":442},"MenuItem","/frontend/api-reference/entities/menu-item","1.Frontend/99.api-reference/01.entities/8.menu-item",{"title":444,"path":445,"stem":446},"BlogPost","/frontend/api-reference/entities/blog-post","1.Frontend/99.api-reference/01.entities/9.blog-post",{"title":192,"path":448,"stem":449},"/frontend/api-reference/page-types","1.Frontend/99.api-reference/02.page-types",{"title":451,"path":452,"stem":453,"children":454},"Common Types","/frontend/api-reference/common-types","1.Frontend/99.api-reference/03.common-types/0.index",[455,456,460,464,468,472,476,480],{"title":451,"path":452,"stem":453},{"title":457,"path":458,"stem":459},"Link","/frontend/api-reference/common-types/link","1.Frontend/99.api-reference/03.common-types/1.link",{"title":461,"path":462,"stem":463},"Media","/frontend/api-reference/common-types/media","1.Frontend/99.api-reference/03.common-types/2.media",{"title":465,"path":466,"stem":467},"Money","/frontend/api-reference/common-types/money","1.Frontend/99.api-reference/03.common-types/3.money",{"title":469,"path":470,"stem":471},"UnitPrice","/frontend/api-reference/common-types/unit-price","1.Frontend/99.api-reference/03.common-types/4.unit-price",{"title":473,"path":474,"stem":475},"Measurement","/frontend/api-reference/common-types/measurement","1.Frontend/99.api-reference/03.common-types/5.measurement",{"title":477,"path":478,"stem":479},"Opening Hours","/frontend/api-reference/common-types/opening-hours","1.Frontend/99.api-reference/03.common-types/6.opening-hours",{"title":481,"path":482,"stem":483},"Commerce Value Types","/frontend/api-reference/common-types/commerce-values","1.Frontend/99.api-reference/03.common-types/7.commerce-values",{"title":485,"path":486,"stem":487,"children":488,"page":55},"Ecommerce","/frontend/api-reference/ecommerce","1.Frontend/99.api-reference/10.ecommerce",[489,492,496],{"title":278,"path":490,"stem":491},"/frontend/api-reference/ecommerce/actions","1.Frontend/99.api-reference/10.ecommerce/1.actions",{"title":493,"path":494,"stem":495},"Queries","/frontend/api-reference/ecommerce/queries","1.Frontend/99.api-reference/10.ecommerce/2.queries",{"title":497,"path":498,"stem":499},"Errors","/frontend/api-reference/ecommerce/errors","1.Frontend/99.api-reference/10.ecommerce/3.errors",{"title":501,"path":502,"stem":503,"children":504,"page":55},"Newsletter","/frontend/api-reference/newsletter","1.Frontend/99.api-reference/11.newsletter",[505],{"title":278,"path":506,"stem":507},"/frontend/api-reference/newsletter/actions","1.Frontend/99.api-reference/11.newsletter/1.actions",{"title":509,"path":510,"stem":511,"children":512,"page":55},"Blog","/frontend/api-reference/blog","1.Frontend/99.api-reference/12.blog",[513,516],{"title":493,"path":514,"stem":515},"/frontend/api-reference/blog/queries","1.Frontend/99.api-reference/12.blog/1.queries",{"title":497,"path":517,"stem":518},"/frontend/api-reference/blog/errors","1.Frontend/99.api-reference/12.blog/2.errors",{"title":520,"path":521,"stem":522,"children":523,"page":55},"Suggested Search","/frontend/api-reference/suggested-search","1.Frontend/99.api-reference/13.suggested-search",[524],{"title":493,"path":525,"stem":526},"/frontend/api-reference/suggested-search/queries","1.Frontend/99.api-reference/13.suggested-search/1.queries",{"title":356,"path":528,"stem":529,"children":530,"page":55},"/frontend/api-reference/location","1.Frontend/99.api-reference/15.location",[531],{"title":493,"path":532,"stem":533},"/frontend/api-reference/location/queries","1.Frontend/99.api-reference/15.location/1.queries",{"title":535,"path":536,"stem":537,"children":538,"page":55},"B2b","/frontend/api-reference/b2b","1.Frontend/99.api-reference/16.b2b",[539,542],{"title":278,"path":540,"stem":541},"/frontend/api-reference/b2b/actions","1.Frontend/99.api-reference/16.b2b/1.actions",{"title":497,"path":543,"stem":544},"/frontend/api-reference/b2b/errors","1.Frontend/99.api-reference/16.b2b/2.errors",{"title":546,"path":547,"stem":548,"children":549},"Agent API","/agent-api","10.Agent-API/0.index",[550,551],{"title":546,"path":547,"stem":548},{"title":552,"path":553,"stem":554,"children":555},"Laioutr MCP","/agent-api/laioutr-mcp","10.Agent-API/1.Laioutr-MCP/0.index",[556,557,561,565,569],{"title":552,"path":553,"stem":554},{"title":558,"path":559,"stem":560},"Connecting to Laioutr MCP","/agent-api/laioutr-mcp/connecting-to-laioutr-mcp","10.Agent-API/1.Laioutr-MCP/1.connecting-to-laioutr-mcp",{"title":562,"path":563,"stem":564},"Supported tools","/agent-api/laioutr-mcp/supported-tools","10.Agent-API/1.Laioutr-MCP/2.supported-tools",{"title":566,"path":567,"stem":568},"Security best practices","/agent-api/laioutr-mcp/security-best-practices","10.Agent-API/1.Laioutr-MCP/3.security-best-practices",{"title":570,"path":571,"stem":572},"Integrating your own MCP client","/agent-api/laioutr-mcp/integrating-your-own-mcp-client","10.Agent-API/1.Laioutr-MCP/4.integrating-your-own-mcp-client",{"title":574,"path":575,"stem":576,"children":577},"Offering","/offering","11.Offering/0.index",[578,579,614,627,640,674,683],{"title":574,"path":575,"stem":576},{"title":580,"path":581,"stem":582,"children":583},"Products","/offering/products","11.Offering/1.Products/0.index",[584,585,590,596,602,608],{"title":580,"path":581,"stem":582},{"title":137,"path":586,"stem":587,"children":588},"/offering/products/frontend","11.Offering/1.Products/1.Frontend/0.index",[589],{"title":137,"path":586,"stem":587},{"title":591,"path":592,"stem":593,"children":594},"Cockpit","/offering/products/cockpit","11.Offering/1.Products/2.Cockpit/0.index",[595],{"title":591,"path":592,"stem":593},{"title":597,"path":598,"stem":599,"children":600},"Checkout","/offering/products/checkout","11.Offering/1.Products/3.Checkout/0.index",[601],{"title":597,"path":598,"stem":599},{"title":603,"path":604,"stem":605,"children":606},"Cloud","/offering/products/cloud","11.Offering/1.Products/4.cloud/0.index",[607],{"title":603,"path":604,"stem":605},{"title":609,"path":610,"stem":611,"children":612},"Larry AI","/offering/products/larry-ai","11.Offering/1.Products/5.larry-ai/0.index",[613],{"title":609,"path":610,"stem":611},{"title":615,"path":616,"stem":617,"children":618,"page":55},"Service Level Agreement","/offering/service-level-agreement","11.Offering/2.service-level-agreement",[619,623],{"title":620,"path":621,"stem":622},"Standard Service Level Agreement Composable Frontend","/offering/service-level-agreement/standard-service-level-agreement","11.Offering/2.service-level-agreement/1.standard-service-level-agreement",{"title":624,"path":625,"stem":626},"Backups","/offering/service-level-agreement/backups","11.Offering/2.service-level-agreement/backups",{"title":628,"path":629,"stem":630,"children":631,"page":55},"Customer Support","/offering/customer-support","11.Offering/3.customer-support",[632,636],{"title":633,"path":634,"stem":635},"Standard Customer Support","/offering/customer-support/standard-customer-support","11.Offering/3.customer-support/1.standard-customer-support",{"title":637,"path":638,"stem":639},"Customer Support Severity Levels of Laioutr products","/offering/customer-support/maximum-serverity-levels","11.Offering/3.customer-support/maximum-serverity-levels",{"title":641,"path":642,"stem":643,"children":644},"Trust Center","/offering/trust-center","11.Offering/4.trust-center/0.index",[645,646,650,654,658,662,666,670],{"title":641,"path":642,"stem":643},{"title":647,"path":648,"stem":649},"Data Protection (GDPR)","/offering/trust-center/data-protection","11.Offering/4.trust-center/1.data-protection",{"title":651,"path":652,"stem":653},"Subprocessors","/offering/trust-center/subprocessors","11.Offering/4.trust-center/2.subprocessors",{"title":655,"path":656,"stem":657},"Infrastructure & Hosting","/offering/trust-center/infrastructure","11.Offering/4.trust-center/3.infrastructure",{"title":659,"path":660,"stem":661},"Security Measures","/offering/trust-center/security-measures","11.Offering/4.trust-center/4.security-measures",{"title":663,"path":664,"stem":665},"Incident Response","/offering/trust-center/incident-response","11.Offering/4.trust-center/5.incident-response",{"title":667,"path":668,"stem":669},"Compliance & Certifications","/offering/trust-center/compliance","11.Offering/4.trust-center/6.compliance",{"title":671,"path":672,"stem":673},"FAQ","/offering/trust-center/faq","11.Offering/4.trust-center/7.faq",{"title":675,"path":676,"stem":677,"children":678,"page":55},"Policies","/offering/policies","11.Offering/5.policies",[679],{"title":680,"path":681,"stem":682},"Fair usage policy","/offering/policies/fair-usage-policy","11.Offering/5.policies/fair-usage-policy",{"title":684,"path":685,"stem":686,"children":687},"Academy","/offering/academy","11.Offering/6.academy/0.index",[688],{"title":684,"path":685,"stem":686},{"title":690,"path":691,"stem":692,"children":693},"Apps","/apps","2.apps/0.index",[694,695,775,861],{"title":690,"path":691,"stem":692},{"title":696,"path":697,"stem":698,"children":699},"App Development","/apps/app-development","2.apps/app-development/0.index",[700,701,723,727,731,735,739,743,747,751,755,759,763,767,771],{"title":696,"path":697,"stem":698},{"title":702,"path":703,"stem":704,"children":705},"Guides","/apps/app-development/guides","2.apps/app-development/99.guides/0.index",[706,707,711,715,719],{"title":702,"path":703,"stem":704},{"title":708,"path":709,"stem":710},"Separate schema components from UI components","/apps/app-development/guides/schema-components-vs-ui-components","2.apps/app-development/99.guides/schema-components-vs-ui-components",{"title":712,"path":713,"stem":714},"Section config standard","/apps/app-development/guides/section-config-standard","2.apps/app-development/99.guides/section-config-standard",{"title":716,"path":717,"stem":718},"Shared field factories","/apps/app-development/guides/shared-field-factories","2.apps/app-development/99.guides/shared-field-factories",{"title":720,"path":721,"stem":722},"How to write CSS","/apps/app-development/guides/writing-css","2.apps/app-development/99.guides/writing-css",{"title":724,"path":725,"stem":726},"App Configuration","/apps/app-development/app-configuration","2.apps/app-development/app-configuration",{"title":728,"path":729,"stem":730},"App Starter","/apps/app-development/app-starter","2.apps/app-development/app-starter",{"title":732,"path":733,"stem":734},"Best Practice","/apps/app-development/best-practice","2.apps/app-development/best-practice",{"title":736,"path":737,"stem":738},"Block Definitions","/apps/app-development/block-definitions","2.apps/app-development/block-definitions",{"title":740,"path":741,"stem":742},"Coding Standards","/apps/app-development/coding-standards","2.apps/app-development/coding-standards",{"title":744,"path":745,"stem":746},"Consent Adapters","/apps/app-development/consent-adapters","2.apps/app-development/consent-adapters",{"title":748,"path":749,"stem":750},"Consuming Query Fields","/apps/app-development/consuming-query-fields","2.apps/app-development/consuming-query-fields",{"title":752,"path":753,"stem":754},"Implementation Overview","/apps/app-development/implementation-overview","2.apps/app-development/implementation-overview",{"title":756,"path":757,"stem":758},"Media Libraries","/apps/app-development/media-libraries","2.apps/app-development/media-libraries",{"title":760,"path":761,"stem":762},"Platform Dependencies","/apps/app-development/platform-dependencies","2.apps/app-development/platform-dependencies",{"title":764,"path":765,"stem":766},"Schema Fields","/apps/app-development/schema-fields","2.apps/app-development/schema-fields",{"title":768,"path":769,"stem":770},"Section Definitions","/apps/app-development/section-definitions","2.apps/app-development/section-definitions",{"title":772,"path":773,"stem":774},"Studio Icons","/apps/app-development/studio-icons","2.apps/app-development/studio-icons",{"title":776,"path":777,"stem":778,"children":779},"App Docs","/apps/app-docs","2.apps/app-docs/0.index",[780,781,785,789,793,797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857],{"title":776,"path":777,"stem":778},{"title":782,"path":783,"stem":784},"Actindo","/apps/app-docs/actindo","2.apps/app-docs/actindo",{"title":786,"path":787,"stem":788},"Adobe Commerce","/apps/app-docs/adobe-commerce","2.apps/app-docs/adobe-commerce",{"title":790,"path":791,"stem":792},"B2Bsellers","/apps/app-docs/b2bsellers","2.apps/app-docs/b2bsellers",{"title":794,"path":795,"stem":796},"Battery Included","/apps/app-docs/battery-included","2.apps/app-docs/battery-included",{"title":798,"path":799,"stem":800},"CCM19","/apps/app-docs/ccm19","2.apps/app-docs/ccm19",{"title":802,"path":803,"stem":804},"Commercetools","/apps/app-docs/commercetools","2.apps/app-docs/commercetools",{"title":806,"path":807,"stem":808},"Cookiebot","/apps/app-docs/cookiebot","2.apps/app-docs/cookiebot",{"title":810,"path":811,"stem":812},"Emporix","/apps/app-docs/emporix","2.apps/app-docs/emporix",{"title":814,"path":815,"stem":816},"Google Tag Manager (GTM)","/apps/app-docs/gtm","2.apps/app-docs/gtm",{"title":818,"path":819,"stem":820},"Hygraph","/apps/app-docs/hygraph","2.apps/app-docs/hygraph",{"title":822,"path":823,"stem":824},"JTL Platform","/apps/app-docs/jtl-platform","2.apps/app-docs/jtl-platform",{"title":826,"path":827,"stem":828},"Klaviyo","/apps/app-docs/klaviyo","2.apps/app-docs/klaviyo",{"title":830,"path":831,"stem":832},"Nimstrata Google Retail API","/apps/app-docs/nimstrata","2.apps/app-docs/nimstrata",{"title":834,"path":835,"stem":836},"OXID eShop","/apps/app-docs/oxid","2.apps/app-docs/oxid",{"title":838,"path":839,"stem":840},"Pimcore","/apps/app-docs/pimcore","2.apps/app-docs/pimcore",{"title":842,"path":843,"stem":844},"Shopify","/apps/app-docs/shopify","2.apps/app-docs/shopify",{"title":846,"path":847,"stem":848},"Shopware","/apps/app-docs/shopware","2.apps/app-docs/shopware",{"title":850,"path":851,"stem":852},"Sylius","/apps/app-docs/sylius","2.apps/app-docs/sylius",{"title":854,"path":855,"stem":856},"Vercel Analytics","/apps/app-docs/vercel-analytics","2.apps/app-docs/vercel-analytics",{"title":858,"path":859,"stem":860},"Vercel Speed Insights","/apps/app-docs/vercel-speed-insights","2.apps/app-docs/vercel-speed-insights",{"title":862,"path":863,"stem":864,"children":865,"page":55},"Essentials","/apps/essentials","2.apps/essentials",[866,870,874],{"title":867,"path":868,"stem":869},"Legal","/apps/essentials/legal","2.apps/essentials/legal",{"title":871,"path":872,"stem":873},"Mailer","/apps/essentials/mailer","2.apps/essentials/mailer",{"title":220,"path":875,"stem":876},"/apps/essentials/seo","2.apps/essentials/seo",{"title":878,"path":879,"stem":880,"children":881},"Laioutr UI","/laioutr-ui","3.laioutr-ui/0.index",[882,883,915,921,927,1123,1144,1150,1156,1210,1220,1238,1372],{"title":878,"path":879,"stem":880},{"title":5,"path":884,"stem":885,"children":886},"/laioutr-ui/getting-started","3.laioutr-ui/01.getting-started/0.index",[887,888,892,896,900,904,908,912],{"title":5,"path":884,"stem":885},{"title":889,"path":890,"stem":891},"Browser support","/laioutr-ui/getting-started/browser-support","3.laioutr-ui/01.getting-started/1.browser-support",{"title":893,"path":894,"stem":895},"Common Data","/laioutr-ui/getting-started/common-data","3.laioutr-ui/01.getting-started/99.common-data",{"title":897,"path":898,"stem":899},"CSS Layers","/laioutr-ui/getting-started/css-layers","3.laioutr-ui/01.getting-started/css-layers",{"title":901,"path":902,"stem":903},"Figma Kit","/laioutr-ui/getting-started/figma-kit","3.laioutr-ui/01.getting-started/figma-kit",{"title":905,"path":906,"stem":907},"Surface Tone","/laioutr-ui/getting-started/surface-tone","3.laioutr-ui/01.getting-started/surface-tone",{"title":909,"path":910,"stem":911},"Theming","/laioutr-ui/getting-started/theming","3.laioutr-ui/01.getting-started/theming",{"title":216,"path":913,"stem":914},"/laioutr-ui/getting-started/z-ordering","3.laioutr-ui/01.getting-started/z-ordering",{"title":916,"path":917,"stem":918,"children":919},"B2B","/laioutr-ui/b2b","3.laioutr-ui/b2b/0.index",[920],{"title":916,"path":917,"stem":918},{"title":922,"path":923,"stem":924,"children":925},"Booking","/laioutr-ui/booking","3.laioutr-ui/booking/0.index",[926],{"title":922,"path":923,"stem":924},{"title":928,"path":929,"stem":930,"children":931},"CMS","/laioutr-ui/cms","3.laioutr-ui/cms/0.index",[932,933,939,964,976,980,984,988,992,996,1008,1029,1033,1054,1070,1119],{"title":928,"path":929,"stem":930},{"title":934,"path":935,"stem":936,"children":937},"Alphabetical Index","/laioutr-ui/cms/alphabetical-index","3.laioutr-ui/cms/alphabetical-index",[938],{"title":934,"path":935,"stem":936},{"title":940,"path":941,"stem":942,"children":943,"page":55},"Banner","/laioutr-ui/cms/banner","3.laioutr-ui/cms/banner",[944,948,952,956,960],{"title":945,"path":946,"stem":947},"Banner Basic","/laioutr-ui/cms/banner/banner-basic","3.laioutr-ui/cms/banner/banner-basic",{"title":949,"path":950,"stem":951},"Banner Integrated","/laioutr-ui/cms/banner/banner-integrated","3.laioutr-ui/cms/banner/banner-integrated",{"title":953,"path":954,"stem":955},"Banner Showcase","/laioutr-ui/cms/banner/banner-showcase","3.laioutr-ui/cms/banner/banner-showcase",{"title":957,"path":958,"stem":959},"Media + Text","/laioutr-ui/cms/banner/media-text","3.laioutr-ui/cms/banner/media-text",{"title":961,"path":962,"stem":963},"USP Banner","/laioutr-ui/cms/banner/usp-banner","3.laioutr-ui/cms/banner/usp-banner",{"title":509,"path":965,"stem":966,"children":967,"page":55},"/laioutr-ui/cms/blog","3.laioutr-ui/cms/blog",[968,972],{"title":969,"path":970,"stem":971},"Article Detail","/laioutr-ui/cms/blog/article-detail","3.laioutr-ui/cms/blog/article-detail",{"title":973,"path":974,"stem":975},"Blog Post Listing","/laioutr-ui/cms/blog/blog-post-listing","3.laioutr-ui/cms/blog/blog-post-listing",{"title":977,"path":978,"stem":979},"Brand Hero","/laioutr-ui/cms/brand-hero","3.laioutr-ui/cms/brand-hero",{"title":981,"path":982,"stem":983},"Container","/laioutr-ui/cms/container","3.laioutr-ui/cms/container",{"title":985,"path":986,"stem":987},"Content Grid","/laioutr-ui/cms/content-grid","3.laioutr-ui/cms/content-grid",{"title":989,"path":990,"stem":991},"Editorial Grid","/laioutr-ui/cms/editorial-grid","3.laioutr-ui/cms/editorial-grid",{"title":993,"path":994,"stem":995},"Media Gallery","/laioutr-ui/cms/media-gallery","3.laioutr-ui/cms/media-gallery",{"title":501,"path":997,"stem":998,"children":999,"page":55},"/laioutr-ui/cms/newsletter","3.laioutr-ui/cms/newsletter",[1000,1004],{"title":1001,"path":1002,"stem":1003},"Email Input Form","/laioutr-ui/cms/newsletter/email-input-form","3.laioutr-ui/cms/newsletter/email-input-form",{"title":1005,"path":1006,"stem":1007},"Newsletter Registration","/laioutr-ui/cms/newsletter/newsletter-registration","3.laioutr-ui/cms/newsletter/newsletter-registration",{"title":1009,"path":1010,"stem":1011,"children":1012,"page":55},"Popups","/laioutr-ui/cms/popups","3.laioutr-ui/cms/popups",[1013,1017,1021,1025],{"title":1014,"path":1015,"stem":1016},"PopUp","/laioutr-ui/cms/popups/pop-up","3.laioutr-ui/cms/popups/pop-up",{"title":1018,"path":1019,"stem":1020},"PopUp Info","/laioutr-ui/cms/popups/pop-up-info","3.laioutr-ui/cms/popups/pop-up-info",{"title":1022,"path":1023,"stem":1024},"PopUp Newsletter","/laioutr-ui/cms/popups/pop-up-newsletter","3.laioutr-ui/cms/popups/pop-up-newsletter",{"title":1026,"path":1027,"stem":1028},"PopUp Promotion","/laioutr-ui/cms/popups/pop-up-promotion","3.laioutr-ui/cms/popups/pop-up-promotion",{"title":1030,"path":1031,"stem":1032},"Promotion Banner","/laioutr-ui/cms/promotion-banner","3.laioutr-ui/cms/promotion-banner",{"title":1034,"path":1035,"stem":1036,"children":1037,"page":55},"Quotes","/laioutr-ui/cms/quotes","3.laioutr-ui/cms/quotes",[1038,1042,1046,1050],{"title":1039,"path":1040,"stem":1041},"Persona Quote","/laioutr-ui/cms/quotes/persona-quote","3.laioutr-ui/cms/quotes/persona-quote",{"title":1043,"path":1044,"stem":1045},"Persona Quote Slider","/laioutr-ui/cms/quotes/persona-quote-slider","3.laioutr-ui/cms/quotes/persona-quote-slider",{"title":1047,"path":1048,"stem":1049},"Quote Card","/laioutr-ui/cms/quotes/quote-card","3.laioutr-ui/cms/quotes/quote-card",{"title":1051,"path":1052,"stem":1053},"Quote Card Slider","/laioutr-ui/cms/quotes/quote-card-slider","3.laioutr-ui/cms/quotes/quote-card-slider",{"title":1055,"path":1056,"stem":1057,"children":1058,"page":55},"Reviews","/laioutr-ui/cms/reviews","3.laioutr-ui/cms/reviews",[1059,1062,1066],{"title":432,"path":1060,"stem":1061},"/laioutr-ui/cms/reviews/review","3.laioutr-ui/cms/reviews/review",{"title":1063,"path":1064,"stem":1065},"Review Form","/laioutr-ui/cms/reviews/review-form","3.laioutr-ui/cms/reviews/review-form",{"title":1067,"path":1068,"stem":1069},"Social Share","/laioutr-ui/cms/reviews/social-share","3.laioutr-ui/cms/reviews/social-share",{"title":1071,"path":1072,"stem":1073,"children":1074,"page":55},"Slider","/laioutr-ui/cms/slider","3.laioutr-ui/cms/slider",[1075,1079,1083,1087,1091,1095,1099,1103,1107,1111,1115],{"title":1076,"path":1077,"stem":1078},"Content Slider","/laioutr-ui/cms/slider/content-slider","3.laioutr-ui/cms/slider/content-slider",{"title":1080,"path":1081,"stem":1082},"Hero Slider","/laioutr-ui/cms/slider/hero-slider","3.laioutr-ui/cms/slider/hero-slider",{"title":1084,"path":1085,"stem":1086},"Logo Grid","/laioutr-ui/cms/slider/logo-grid","3.laioutr-ui/cms/slider/logo-grid",{"title":1088,"path":1089,"stem":1090},"Logo Slider","/laioutr-ui/cms/slider/logo-slider","3.laioutr-ui/cms/slider/logo-slider",{"title":1092,"path":1093,"stem":1094},"Swiper Arrows","/laioutr-ui/cms/slider/swiper-arrows","3.laioutr-ui/cms/slider/swiper-arrows",{"title":1096,"path":1097,"stem":1098},"Swiper Bullets","/laioutr-ui/cms/slider/swiper-bullets","3.laioutr-ui/cms/slider/swiper-bullets",{"title":1100,"path":1101,"stem":1102},"Swiper Chrome","/laioutr-ui/cms/slider/swiper-chrome","3.laioutr-ui/cms/slider/swiper-chrome",{"title":1104,"path":1105,"stem":1106},"Swiper Nav Bar","/laioutr-ui/cms/slider/swiper-nav-bar","3.laioutr-ui/cms/slider/swiper-nav-bar",{"title":1108,"path":1109,"stem":1110},"Swiper Numbers","/laioutr-ui/cms/slider/swiper-numbers","3.laioutr-ui/cms/slider/swiper-numbers",{"title":1112,"path":1113,"stem":1114},"Swiper Scrollbar","/laioutr-ui/cms/slider/swiper-scrollbar","3.laioutr-ui/cms/slider/swiper-scrollbar",{"title":1116,"path":1117,"stem":1118},"Thumbnails Slider","/laioutr-ui/cms/slider/thumbnails-slider","3.laioutr-ui/cms/slider/thumbnails-slider",{"title":1120,"path":1121,"stem":1122},"Withdrawal Form","/laioutr-ui/cms/withdrawal-form","3.laioutr-ui/cms/withdrawal-form",{"title":356,"path":1124,"stem":1125,"children":1126},"/laioutr-ui/location","3.laioutr-ui/location/0.index",[1127,1128,1132,1136,1140],{"title":356,"path":1124,"stem":1125},{"title":1129,"path":1130,"stem":1131},"Location Card","/laioutr-ui/location/location-card","3.laioutr-ui/location/location-card",{"title":1133,"path":1134,"stem":1135},"Location Detail","/laioutr-ui/location/location-detail","3.laioutr-ui/location/location-detail",{"title":1137,"path":1138,"stem":1139},"Location Finder","/laioutr-ui/location/location-finder","3.laioutr-ui/location/location-finder",{"title":1141,"path":1142,"stem":1143},"Table Opening Hours","/laioutr-ui/location/table-opening-hours","3.laioutr-ui/location/table-opening-hours",{"title":1145,"path":1146,"stem":1147,"children":1148},"Marketplace","/laioutr-ui/marketplace","3.laioutr-ui/marketplace/0.index",[1149],{"title":1145,"path":1146,"stem":1147},{"title":1151,"path":1152,"stem":1153,"children":1154},"Multichannel","/laioutr-ui/multichannel","3.laioutr-ui/multichannel/0.index",[1155],{"title":1151,"path":1152,"stem":1153},{"title":1157,"path":1158,"stem":1159,"children":1160},"Navigation & Headers","/laioutr-ui/navigation","3.laioutr-ui/navigation/0.index",[1161,1162,1166,1170,1174,1178,1182,1186,1190,1194,1198,1202,1206],{"title":1157,"path":1158,"stem":1159},{"title":1163,"path":1164,"stem":1165},"Breadcrumbs","/laioutr-ui/navigation/breadcrumbs","3.laioutr-ui/navigation/breadcrumbs",{"title":1167,"path":1168,"stem":1169},"Footer","/laioutr-ui/navigation/footer","3.laioutr-ui/navigation/footer",{"title":1171,"path":1172,"stem":1173},"Footer Menu","/laioutr-ui/navigation/footer-menu","3.laioutr-ui/navigation/footer-menu",{"title":1175,"path":1176,"stem":1177},"Header Basic","/laioutr-ui/navigation/header-basic","3.laioutr-ui/navigation/header-basic",{"title":1179,"path":1180,"stem":1181},"Header Shop","/laioutr-ui/navigation/header-shop","3.laioutr-ui/navigation/header-shop",{"title":1183,"path":1184,"stem":1185},"Mega Menu","/laioutr-ui/navigation/mega-menu","3.laioutr-ui/navigation/mega-menu",{"title":1187,"path":1188,"stem":1189},"Menu Side by Side","/laioutr-ui/navigation/menu-side-by-side","3.laioutr-ui/navigation/menu-side-by-side",{"title":1191,"path":1192,"stem":1193},"Mobile Menu (Basic)","/laioutr-ui/navigation/mobile-menu-basic","3.laioutr-ui/navigation/mobile-menu-basic",{"title":1195,"path":1196,"stem":1197},"Mobile Menu (Shop)","/laioutr-ui/navigation/mobile-menu-shop","3.laioutr-ui/navigation/mobile-menu-shop",{"title":1199,"path":1200,"stem":1201},"Page Not Found","/laioutr-ui/navigation/page-not-found","3.laioutr-ui/navigation/page-not-found",{"title":1203,"path":1204,"stem":1205},"Search Auto-Suggest","/laioutr-ui/navigation/search-auto-suggest","3.laioutr-ui/navigation/search-auto-suggest",{"title":1207,"path":1208,"stem":1209},"Top Bar","/laioutr-ui/navigation/top-bar","3.laioutr-ui/navigation/top-bar",{"title":1211,"path":1212,"stem":1213,"children":1214},"Publishers & Media","/laioutr-ui/publishers","3.laioutr-ui/publishers/0.index",[1215,1216],{"title":1211,"path":1212,"stem":1213},{"title":1217,"path":1218,"stem":1219},"Media Feed","/laioutr-ui/publishers/media-feed","3.laioutr-ui/publishers/media-feed",{"title":1221,"path":1222,"stem":1223,"children":1224},"SaaS","/laioutr-ui/saas","3.laioutr-ui/saas/0.index",[1225,1226,1230,1234],{"title":1221,"path":1222,"stem":1223},{"title":1227,"path":1228,"stem":1229},"Plan Card","/laioutr-ui/saas/plan-card","3.laioutr-ui/saas/plan-card",{"title":1231,"path":1232,"stem":1233},"Plan Card Slider","/laioutr-ui/saas/plan-card-slider","3.laioutr-ui/saas/plan-card-slider",{"title":1235,"path":1236,"stem":1237},"Plan Comparison Table","/laioutr-ui/saas/plan-comparison-table","3.laioutr-ui/saas/plan-comparison-table",{"title":1239,"path":1240,"stem":1241,"children":1242},"Shop","/laioutr-ui/shop","3.laioutr-ui/shop/0.index",[1243,1244,1272,1276,1280,1284,1288,1348,1352,1356,1360,1364,1368],{"title":1239,"path":1240,"stem":1241},{"title":424,"path":1245,"stem":1246,"children":1247,"page":55},"/laioutr-ui/shop/cart","3.laioutr-ui/shop/cart",[1248,1252,1256,1260,1264,1268],{"title":1249,"path":1250,"stem":1251},"Cart Coupon Code Accordion","/laioutr-ui/shop/cart/cart-coupon-code-accordion","3.laioutr-ui/shop/cart/cart-coupon-code-accordion",{"title":1253,"path":1254,"stem":1255},"Cart List Item","/laioutr-ui/shop/cart/cart-list-item","3.laioutr-ui/shop/cart/cart-list-item",{"title":1257,"path":1258,"stem":1259},"Cart Sheet","/laioutr-ui/shop/cart/cart-sheet","3.laioutr-ui/shop/cart/cart-sheet",{"title":1261,"path":1262,"stem":1263},"Cart Summary Box","/laioutr-ui/shop/cart/cart-summary-box","3.laioutr-ui/shop/cart/cart-summary-box",{"title":1265,"path":1266,"stem":1267},"Empty State Cart","/laioutr-ui/shop/cart/empty-state-cart","3.laioutr-ui/shop/cart/empty-state-cart",{"title":1269,"path":1270,"stem":1271},"Free Delivery Progress","/laioutr-ui/shop/cart/free-delivery-progress","3.laioutr-ui/shop/cart/free-delivery-progress",{"title":1273,"path":1274,"stem":1275},"Category Card Grid","/laioutr-ui/shop/category-card-grid","3.laioutr-ui/shop/category-card-grid",{"title":1277,"path":1278,"stem":1279},"Category Card Slider","/laioutr-ui/shop/category-card-slider","3.laioutr-ui/shop/category-card-slider",{"title":1281,"path":1282,"stem":1283},"Filter Bar","/laioutr-ui/shop/filter-bar","3.laioutr-ui/shop/filter-bar",{"title":1285,"path":1286,"stem":1287},"Filter Off Canvas","/laioutr-ui/shop/filter-off-canvas","3.laioutr-ui/shop/filter-off-canvas",{"title":1289,"path":1290,"stem":1291,"children":1292,"page":55},"Product Detail","/laioutr-ui/shop/product-detail","3.laioutr-ui/shop/product-detail",[1293,1297,1301,1305,1309,1313,1316,1320,1324,1328,1332,1336,1340,1344],{"title":1294,"path":1295,"stem":1296},"Add to Cart","/laioutr-ui/shop/product-detail/add-to-cart","3.laioutr-ui/shop/product-detail/add-to-cart",{"title":1298,"path":1299,"stem":1300},"Benefits Box","/laioutr-ui/shop/product-detail/benefits-box","3.laioutr-ui/shop/product-detail/benefits-box",{"title":1302,"path":1303,"stem":1304},"Coupon Box","/laioutr-ui/shop/product-detail/coupon-box","3.laioutr-ui/shop/product-detail/coupon-box",{"title":1306,"path":1307,"stem":1308},"Energy Label","/laioutr-ui/shop/product-detail/energy-label","3.laioutr-ui/shop/product-detail/energy-label",{"title":1310,"path":1311,"stem":1312},"Price Info","/laioutr-ui/shop/product-detail/price-info","3.laioutr-ui/shop/product-detail/price-info",{"title":1289,"path":1314,"stem":1315},"/laioutr-ui/shop/product-detail/product-detail","3.laioutr-ui/shop/product-detail/product-detail",{"title":1317,"path":1318,"stem":1319},"Product Image Gallery","/laioutr-ui/shop/product-detail/product-image-gallery","3.laioutr-ui/shop/product-detail/product-image-gallery",{"title":1321,"path":1322,"stem":1323},"Product Specifications Table","/laioutr-ui/shop/product-detail/product-specifications","3.laioutr-ui/shop/product-detail/product-specifications",{"title":1325,"path":1326,"stem":1327},"Product Title","/laioutr-ui/shop/product-detail/product-title","3.laioutr-ui/shop/product-detail/product-title",{"title":1329,"path":1330,"stem":1331},"Quantity Discount","/laioutr-ui/shop/product-detail/quantity-discount","3.laioutr-ui/shop/product-detail/quantity-discount",{"title":1333,"path":1334,"stem":1335},"Variant Off Canvas","/laioutr-ui/shop/product-detail/variant-off-canvas","3.laioutr-ui/shop/product-detail/variant-off-canvas",{"title":1337,"path":1338,"stem":1339},"Variant Selector Configurator","/laioutr-ui/shop/product-detail/variant-selector-configurator","3.laioutr-ui/shop/product-detail/variant-selector-configurator",{"title":1341,"path":1342,"stem":1343},"Variant Selector (Multiple)","/laioutr-ui/shop/product-detail/variant-selector-multiple","3.laioutr-ui/shop/product-detail/variant-selector-multiple",{"title":1345,"path":1346,"stem":1347},"Variant Selector Options","/laioutr-ui/shop/product-detail/variant-selector-options","3.laioutr-ui/shop/product-detail/variant-selector-options",{"title":1349,"path":1350,"stem":1351},"Product Listing Grid","/laioutr-ui/shop/product-listing-grid","3.laioutr-ui/shop/product-listing-grid",{"title":1353,"path":1354,"stem":1355},"Product Slider","/laioutr-ui/shop/product-slider","3.laioutr-ui/shop/product-slider",{"title":1357,"path":1358,"stem":1359},"Product Slider Showcase","/laioutr-ui/shop/product-slider-showcase","3.laioutr-ui/shop/product-slider-showcase",{"title":1361,"path":1362,"stem":1363},"Product Tile (Basic)","/laioutr-ui/shop/product-tile-basic","3.laioutr-ui/shop/product-tile-basic",{"title":1365,"path":1366,"stem":1367},"Search Result Hero","/laioutr-ui/shop/search-result-hero","3.laioutr-ui/shop/search-result-hero",{"title":1369,"path":1370,"stem":1371},"Sort Modes","/laioutr-ui/shop/sort-modes","3.laioutr-ui/shop/sort-modes",{"title":1373,"path":1374,"stem":1375,"children":1376},"UI Kit","/laioutr-ui/ui-kit","3.laioutr-ui/ui-kit/0.index",[1377,1378,1550,1574,1595,1612,1649,1762,1791],{"title":1373,"path":1374,"stem":1375},{"title":1379,"path":1380,"stem":1381,"children":1382,"page":55},"General","/laioutr-ui/ui-kit/general","3.laioutr-ui/ui-kit/01.general",[1383,1387,1391,1395,1399,1403,1407,1411,1415,1419,1423,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546],{"title":1384,"path":1385,"stem":1386},"Accordion","/laioutr-ui/ui-kit/general/accordion","3.laioutr-ui/ui-kit/01.general/Accordion",{"title":1388,"path":1389,"stem":1390},"Avatar","/laioutr-ui/ui-kit/general/avatar","3.laioutr-ui/ui-kit/01.general/Avatar",{"title":1392,"path":1393,"stem":1394},"Backdrop","/laioutr-ui/ui-kit/general/backdrop","3.laioutr-ui/ui-kit/01.general/Backdrop",{"title":1396,"path":1397,"stem":1398},"Dropdown Menu","/laioutr-ui/ui-kit/general/dropdownmenu","3.laioutr-ui/ui-kit/01.general/DropdownMenu",{"title":1400,"path":1401,"stem":1402},"Edge Glow","/laioutr-ui/ui-kit/general/edgeglow","3.laioutr-ui/ui-kit/01.general/EdgeGlow",{"title":1404,"path":1405,"stem":1406},"Empty State","/laioutr-ui/ui-kit/general/emptystate","3.laioutr-ui/ui-kit/01.general/EmptyState",{"title":1408,"path":1409,"stem":1410},"Icon","/laioutr-ui/ui-kit/general/icon","3.laioutr-ui/ui-kit/01.general/Icon",{"title":1412,"path":1413,"stem":1414},"Image Contrast Overlay","/laioutr-ui/ui-kit/general/imagecontrastoverlay","3.laioutr-ui/ui-kit/01.general/ImageContrastOverlay",{"title":1416,"path":1417,"stem":1418},"Lightbox","/laioutr-ui/ui-kit/general/lightbox","3.laioutr-ui/ui-kit/01.general/Lightbox",{"title":1420,"path":1421,"stem":1422},"Loading Spinner","/laioutr-ui/ui-kit/general/loadingspinner","3.laioutr-ui/ui-kit/01.general/LoadingSpinner",{"title":461,"path":1424,"stem":1425},"/laioutr-ui/ui-kit/general/media","3.laioutr-ui/ui-kit/01.general/Media",{"title":1427,"path":1428,"stem":1429},"Navigation Bullets","/laioutr-ui/ui-kit/general/navigationbullets","3.laioutr-ui/ui-kit/01.general/NavigationBullets",{"title":1431,"path":1432,"stem":1433},"Placeholder","/laioutr-ui/ui-kit/general/placeholder","3.laioutr-ui/ui-kit/01.general/Placeholder",{"title":1435,"path":1436,"stem":1437},"Progress Bar","/laioutr-ui/ui-kit/general/progressbar","3.laioutr-ui/ui-kit/01.general/ProgressBar",{"title":1439,"path":1440,"stem":1441},"Scrollbar","/laioutr-ui/ui-kit/general/scrollbar","3.laioutr-ui/ui-kit/01.general/Scrollbar",{"title":1443,"path":1444,"stem":1445},"Swatch","/laioutr-ui/ui-kit/general/swatch","3.laioutr-ui/ui-kit/01.general/Swatch",{"title":1447,"path":1448,"stem":1449},"SwiperScrollbar","/laioutr-ui/ui-kit/general/swiperscrollbar","3.laioutr-ui/ui-kit/01.general/SwiperScrollbar",{"title":1451,"path":1452,"stem":1453},"Thumbnail","/laioutr-ui/ui-kit/general/thumbnail","3.laioutr-ui/ui-kit/01.general/Thumbnail",{"title":1455,"path":1456,"stem":1457},"Tooltip","/laioutr-ui/ui-kit/general/tooltip","3.laioutr-ui/ui-kit/01.general/Tooltip",{"title":1459,"path":1460,"stem":1461},"Amount Pill","/laioutr-ui/ui-kit/general/amount-pill","3.laioutr-ui/ui-kit/01.general/amount-pill",{"title":1463,"path":1464,"stem":1465},"Animated Icon","/laioutr-ui/ui-kit/general/animated-icon","3.laioutr-ui/ui-kit/01.general/animated-icon",{"title":1467,"path":1468,"stem":1469},"Countdown","/laioutr-ui/ui-kit/general/countdown","3.laioutr-ui/ui-kit/01.general/countdown",{"title":1471,"path":1472,"stem":1473},"Countdown Boxed","/laioutr-ui/ui-kit/general/countdown-boxed","3.laioutr-ui/ui-kit/01.general/countdown-boxed",{"title":1475,"path":1476,"stem":1477},"Dark Mode Switch","/laioutr-ui/ui-kit/general/dark-mode-switch","3.laioutr-ui/ui-kit/01.general/dark-mode-switch",{"title":1479,"path":1480,"stem":1481},"Language Switcher","/laioutr-ui/ui-kit/general/language-switcher","3.laioutr-ui/ui-kit/01.general/language-switcher",{"title":1483,"path":1484,"stem":1485},"Media Preview","/laioutr-ui/ui-kit/general/media-preview","3.laioutr-ui/ui-kit/01.general/media-preview",{"title":1487,"path":1488,"stem":1489},"Media Stage","/laioutr-ui/ui-kit/general/media-stage","3.laioutr-ui/ui-kit/01.general/media-stage",{"title":1491,"path":1492,"stem":1493},"Nav Link Item","/laioutr-ui/ui-kit/general/nav-link-item","3.laioutr-ui/ui-kit/01.general/nav-link-item",{"title":1495,"path":1496,"stem":1497},"Nav Section Heading","/laioutr-ui/ui-kit/general/nav-section-heading","3.laioutr-ui/ui-kit/01.general/nav-section-heading",{"title":1499,"path":1500,"stem":1501},"OnSurface","/laioutr-ui/ui-kit/general/on-surface","3.laioutr-ui/ui-kit/01.general/on-surface",{"title":1503,"path":1504,"stem":1505},"Opening Status","/laioutr-ui/ui-kit/general/opening-status","3.laioutr-ui/ui-kit/01.general/opening-status",{"title":1507,"path":1508,"stem":1509},"Opening Status Detail","/laioutr-ui/ui-kit/general/opening-status-detail","3.laioutr-ui/ui-kit/01.general/opening-status-detail",{"title":1511,"path":1512,"stem":1513},"Opening Status Indicator","/laioutr-ui/ui-kit/general/opening-status-indicator","3.laioutr-ui/ui-kit/01.general/opening-status-indicator",{"title":1515,"path":1516,"stem":1517},"Rating Progress Bar Filter","/laioutr-ui/ui-kit/general/rating-progress-bar-filter","3.laioutr-ui/ui-kit/01.general/rating-progress-bar-filter",{"title":1519,"path":1520,"stem":1521},"Status Message","/laioutr-ui/ui-kit/general/status-message","3.laioutr-ui/ui-kit/01.general/status-message",{"title":1523,"path":1524,"stem":1525},"Stock Info Summary","/laioutr-ui/ui-kit/general/stock-info-summary","3.laioutr-ui/ui-kit/01.general/stock-info-summary",{"title":1527,"path":1528,"stem":1529},"Swatch Chip","/laioutr-ui/ui-kit/general/swatch-chip","3.laioutr-ui/ui-kit/01.general/swatch-chip",{"title":1531,"path":1532,"stem":1533},"Swatch Option","/laioutr-ui/ui-kit/general/swatch-option","3.laioutr-ui/ui-kit/01.general/swatch-option",{"title":1535,"path":1536,"stem":1537},"Swatch Summary","/laioutr-ui/ui-kit/general/swatch-summary","3.laioutr-ui/ui-kit/01.general/swatch-summary",{"title":1539,"path":1540,"stem":1541},"Table of Contents","/laioutr-ui/ui-kit/general/table-of-contents","3.laioutr-ui/ui-kit/01.general/table-of-contents",{"title":1543,"path":1544,"stem":1545},"Zoom Level (Segmented)","/laioutr-ui/ui-kit/general/zoom-level-segmented","3.laioutr-ui/ui-kit/01.general/zoom-level-segmented",{"title":1547,"path":1548,"stem":1549},"Zoom Level (Stepper)","/laioutr-ui/ui-kit/general/zoom-level-stepper","3.laioutr-ui/ui-kit/01.general/zoom-level-stepper",{"title":1551,"path":1552,"stem":1553,"children":1554,"page":55},"Typography","/laioutr-ui/ui-kit/typography","3.laioutr-ui/ui-kit/02.typography",[1555,1559,1562,1566,1570],{"title":1556,"path":1557,"stem":1558},"Icon List","/laioutr-ui/ui-kit/typography/iconlist","3.laioutr-ui/ui-kit/02.typography/IconList",{"title":457,"path":1560,"stem":1561},"/laioutr-ui/ui-kit/typography/link","3.laioutr-ui/ui-kit/02.typography/Link",{"title":1563,"path":1564,"stem":1565},"Rich Content","/laioutr-ui/ui-kit/typography/richcontent","3.laioutr-ui/ui-kit/02.typography/RichContent",{"title":1567,"path":1568,"stem":1569},"Text","/laioutr-ui/ui-kit/typography/text","3.laioutr-ui/ui-kit/02.typography/Text",{"title":1571,"path":1572,"stem":1573},"Text Group","/laioutr-ui/ui-kit/typography/text-group","3.laioutr-ui/ui-kit/02.typography/text-group",{"title":1575,"path":1576,"stem":1577,"children":1578,"page":55},"Layout","/laioutr-ui/ui-kit/layout","3.laioutr-ui/ui-kit/03.layout",[1579,1583,1587,1591],{"title":1580,"path":1581,"stem":1582},"Grid Fill","/laioutr-ui/ui-kit/layout/gridfill","3.laioutr-ui/ui-kit/03.layout/GridFill",{"title":1584,"path":1585,"stem":1586},"Grid Masonry","/laioutr-ui/ui-kit/layout/gridmasonry","3.laioutr-ui/ui-kit/03.layout/GridMasonry",{"title":1588,"path":1589,"stem":1590},"Scroll Area","/laioutr-ui/ui-kit/layout/scrollarea","3.laioutr-ui/ui-kit/03.layout/ScrollArea",{"title":1592,"path":1593,"stem":1594},"Separator","/laioutr-ui/ui-kit/layout/separator","3.laioutr-ui/ui-kit/03.layout/Separator",{"title":1596,"path":1597,"stem":1598,"children":1599,"page":55},"Content","/laioutr-ui/ui-kit/content","3.laioutr-ui/ui-kit/04.content",[1600,1604,1608],{"title":1601,"path":1602,"stem":1603},"Card","/laioutr-ui/ui-kit/content/card","3.laioutr-ui/ui-kit/04.content/Card",{"title":1605,"path":1606,"stem":1607},"Basic Table","/laioutr-ui/ui-kit/content/basic-table","3.laioutr-ui/ui-kit/04.content/basic-table",{"title":1609,"path":1610,"stem":1611},"Link Tile","/laioutr-ui/ui-kit/content/link-tile","3.laioutr-ui/ui-kit/04.content/link-tile",{"title":1613,"path":1614,"stem":1615,"children":1616,"page":55},"Surfaces","/laioutr-ui/ui-kit/surfaces","3.laioutr-ui/ui-kit/05.surfaces",[1617,1621,1625,1629,1633,1637,1641,1645],{"title":1618,"path":1619,"stem":1620},"Alert Dialog","/laioutr-ui/ui-kit/surfaces/alertdialog","3.laioutr-ui/ui-kit/05.surfaces/AlertDialog",{"title":1622,"path":1623,"stem":1624},"Popover","/laioutr-ui/ui-kit/surfaces/popover","3.laioutr-ui/ui-kit/05.surfaces/Popover",{"title":1626,"path":1627,"stem":1628},"Sheet","/laioutr-ui/ui-kit/surfaces/sheet","3.laioutr-ui/ui-kit/05.surfaces/Sheet",{"title":1630,"path":1631,"stem":1632},"Tabs","/laioutr-ui/ui-kit/surfaces/tabs","3.laioutr-ui/ui-kit/05.surfaces/Tabs",{"title":1634,"path":1635,"stem":1636},"Toast","/laioutr-ui/ui-kit/surfaces/toast","3.laioutr-ui/ui-kit/05.surfaces/Toast",{"title":1638,"path":1639,"stem":1640},"Toaster","/laioutr-ui/ui-kit/surfaces/toaster","3.laioutr-ui/ui-kit/05.surfaces/Toaster",{"title":1642,"path":1643,"stem":1644},"Context Menu","/laioutr-ui/ui-kit/surfaces/context-menu","3.laioutr-ui/ui-kit/05.surfaces/context-menu",{"title":1646,"path":1647,"stem":1648},"Navigation Menu","/laioutr-ui/ui-kit/surfaces/navigation-menu","3.laioutr-ui/ui-kit/05.surfaces/navigation-menu",{"title":1650,"path":1651,"stem":1652,"children":1653,"page":55},"Form","/laioutr-ui/ui-kit/form","3.laioutr-ui/ui-kit/06.form",[1654,1658,1662,1666,1670,1674,1678,1682,1686,1690,1694,1698,1702,1706,1710,1714,1718,1722,1726,1730,1734,1738,1742,1746,1750,1754,1758],{"title":1655,"path":1656,"stem":1657},"Button","/laioutr-ui/ui-kit/form/button","3.laioutr-ui/ui-kit/06.form/Button",{"title":1659,"path":1660,"stem":1661},"Checkbox","/laioutr-ui/ui-kit/form/checkbox","3.laioutr-ui/ui-kit/06.form/Checkbox",{"title":1663,"path":1664,"stem":1665},"Field","/laioutr-ui/ui-kit/form/field","3.laioutr-ui/ui-kit/06.form/Field",{"title":1667,"path":1668,"stem":1669},"Input","/laioutr-ui/ui-kit/form/input","3.laioutr-ui/ui-kit/06.form/Input",{"title":1671,"path":1672,"stem":1673},"Label","/laioutr-ui/ui-kit/form/label","3.laioutr-ui/ui-kit/06.form/Label",{"title":1675,"path":1676,"stem":1677},"Load More","/laioutr-ui/ui-kit/form/loadmore","3.laioutr-ui/ui-kit/06.form/LoadMore",{"title":1679,"path":1680,"stem":1681},"Pagination","/laioutr-ui/ui-kit/form/pagination","3.laioutr-ui/ui-kit/06.form/Pagination",{"title":1683,"path":1684,"stem":1685},"Quantity Picker","/laioutr-ui/ui-kit/form/quantitypicker","3.laioutr-ui/ui-kit/06.form/QuantityPicker",{"title":1687,"path":1688,"stem":1689},"Select","/laioutr-ui/ui-kit/form/select","3.laioutr-ui/ui-kit/06.form/Select",{"title":1691,"path":1692,"stem":1693},"Switch","/laioutr-ui/ui-kit/form/switch","3.laioutr-ui/ui-kit/06.form/Switch",{"title":1695,"path":1696,"stem":1697},"Animated Button","/laioutr-ui/ui-kit/form/animated-button","3.laioutr-ui/ui-kit/06.form/animated-button",{"title":1699,"path":1700,"stem":1701},"Highlight Toggle","/laioutr-ui/ui-kit/form/highlight-toggle","3.laioutr-ui/ui-kit/06.form/highlight-toggle",{"title":1703,"path":1704,"stem":1705},"Icon Button","/laioutr-ui/ui-kit/form/icon-button","3.laioutr-ui/ui-kit/06.form/icon-button",{"title":1707,"path":1708,"stem":1709},"Input Autocomplete","/laioutr-ui/ui-kit/form/input-autocomplete","3.laioutr-ui/ui-kit/06.form/input-autocomplete",{"title":1711,"path":1712,"stem":1713},"Input Checkbox","/laioutr-ui/ui-kit/form/input-checkbox","3.laioutr-ui/ui-kit/06.form/input-checkbox",{"title":1715,"path":1716,"stem":1717},"Input Combobox","/laioutr-ui/ui-kit/form/input-combobox","3.laioutr-ui/ui-kit/06.form/input-combobox",{"title":1719,"path":1720,"stem":1721},"Input Group","/laioutr-ui/ui-kit/form/input-group","3.laioutr-ui/ui-kit/06.form/input-group",{"title":1723,"path":1724,"stem":1725},"Input Password","/laioutr-ui/ui-kit/form/input-password","3.laioutr-ui/ui-kit/06.form/input-password",{"title":1727,"path":1728,"stem":1729},"Input Pin","/laioutr-ui/ui-kit/form/input-pin","3.laioutr-ui/ui-kit/06.form/input-pin",{"title":1731,"path":1732,"stem":1733},"Input Radio","/laioutr-ui/ui-kit/form/input-radio","3.laioutr-ui/ui-kit/06.form/input-radio",{"title":1735,"path":1736,"stem":1737},"Input Rating","/laioutr-ui/ui-kit/form/input-rating","3.laioutr-ui/ui-kit/06.form/input-rating",{"title":1739,"path":1740,"stem":1741},"Input Search","/laioutr-ui/ui-kit/form/input-search","3.laioutr-ui/ui-kit/06.form/input-search",{"title":1743,"path":1744,"stem":1745},"Input Slider","/laioutr-ui/ui-kit/form/input-slider","3.laioutr-ui/ui-kit/06.form/input-slider",{"title":1747,"path":1748,"stem":1749},"Listbox","/laioutr-ui/ui-kit/form/listbox","3.laioutr-ui/ui-kit/06.form/listbox",{"title":1751,"path":1752,"stem":1753},"Option Tile (Image)","/laioutr-ui/ui-kit/form/option-tile-image","3.laioutr-ui/ui-kit/06.form/option-tile-image",{"title":1755,"path":1756,"stem":1757},"Option Tile (Text)","/laioutr-ui/ui-kit/form/option-tile-text","3.laioutr-ui/ui-kit/06.form/option-tile-text",{"title":1759,"path":1760,"stem":1761},"Variant Selection Card","/laioutr-ui/ui-kit/form/variant-selection-card","3.laioutr-ui/ui-kit/06.form/variant-selection-card",{"title":1763,"path":1764,"stem":1765,"children":1766,"page":55},"Indicators","/laioutr-ui/ui-kit/indicators","3.laioutr-ui/ui-kit/07.indicators",[1767,1771,1775,1779,1783,1787],{"title":1768,"path":1769,"stem":1770},"Badge","/laioutr-ui/ui-kit/indicators/badge","3.laioutr-ui/ui-kit/07.indicators/Badge",{"title":1772,"path":1773,"stem":1774},"Caption Flag","/laioutr-ui/ui-kit/indicators/captionflag","3.laioutr-ui/ui-kit/07.indicators/CaptionFlag",{"title":1776,"path":1777,"stem":1778},"Product Tile Flag","/laioutr-ui/ui-kit/indicators/producttileflag","3.laioutr-ui/ui-kit/07.indicators/ProductTileFlag",{"title":1780,"path":1781,"stem":1782},"Rating Summary","/laioutr-ui/ui-kit/indicators/ratingsummary","3.laioutr-ui/ui-kit/07.indicators/RatingSummary",{"title":1784,"path":1785,"stem":1786},"Stars Rating","/laioutr-ui/ui-kit/indicators/starsrating","3.laioutr-ui/ui-kit/07.indicators/StarsRating",{"title":1788,"path":1789,"stem":1790},"Badge Promotion","/laioutr-ui/ui-kit/indicators/badge-promotion","3.laioutr-ui/ui-kit/07.indicators/badge-promotion",{"title":1792,"path":1793,"stem":1794,"children":1795,"page":55},"Utility Components","/laioutr-ui/ui-kit/utility-components","3.laioutr-ui/ui-kit/08.utility-components",[1796,1800],{"title":1797,"path":1798,"stem":1799},"Highlighted Text","/laioutr-ui/ui-kit/utility-components/highlighted-text","3.laioutr-ui/ui-kit/08.utility-components/highlighted-text",{"title":1801,"path":1802,"stem":1803},"Sizer","/laioutr-ui/ui-kit/utility-components/sizer","3.laioutr-ui/ui-kit/08.utility-components/sizer",{"title":1805,"path":1806,"stem":1807,"children":1808},"Hosting","/hosting","4.hosting/0.index",[1809,1810,1816,1846,1864],{"title":1805,"path":1806,"stem":1807},{"title":1811,"path":1812,"stem":1813,"children":1814},"Laioutr Cloud","/hosting/laioutr-cloud","4.hosting/0.laioutr-cloud/0.index",[1815],{"title":1811,"path":1812,"stem":1813},{"title":1817,"path":1818,"stem":1819,"children":1820},"Hyperscaler","/hosting/hyperscaler","4.hosting/1.hyperscaler/0.index",[1821,1822,1826,1830,1834,1838,1842],{"title":1817,"path":1818,"stem":1819},{"title":1823,"path":1824,"stem":1825},"Akamai Adapter","/hosting/hyperscaler/akamai-adapter","4.hosting/1.hyperscaler/akamai-adapter",{"title":1827,"path":1828,"stem":1829},"AWS Adapter","/hosting/hyperscaler/aws-adapter","4.hosting/1.hyperscaler/aws-adapter",{"title":1831,"path":1832,"stem":1833},"Azure Adapter","/hosting/hyperscaler/azure-adapter","4.hosting/1.hyperscaler/azure-adapter",{"title":1835,"path":1836,"stem":1837},"Google Adapter","/hosting/hyperscaler/google-adapter","4.hosting/1.hyperscaler/google-adapter",{"title":1839,"path":1840,"stem":1841},"Netlify Adapter","/hosting/hyperscaler/netlify-adapter","4.hosting/1.hyperscaler/netlify-adapter",{"title":1843,"path":1844,"stem":1845},"Vercel Adapter","/hosting/hyperscaler/vercel-adapter","4.hosting/1.hyperscaler/vercel-adapter",{"title":1847,"path":1848,"stem":1849,"children":1850},"Native Hosting","/hosting/native-hosting-providers","4.hosting/2.native-hosting-providers/0.index",[1851,1852,1856,1860],{"title":1847,"path":1848,"stem":1849},{"title":1853,"path":1854,"stem":1855},"maxcluster","/hosting/native-hosting-providers/maxcluster","4.hosting/2.native-hosting-providers/maxcluster",{"title":1857,"path":1858,"stem":1859},"profihost","/hosting/native-hosting-providers/profihost","4.hosting/2.native-hosting-providers/profihost",{"title":1861,"path":1862,"stem":1863},"ScaleCommerce","/hosting/native-hosting-providers/scale-commerce","4.hosting/2.native-hosting-providers/scale-commerce",{"title":1865,"path":1866,"stem":1867,"children":1868},"Bring Your Own Server (BYOS)","/hosting/bring-your-own-server-byos","4.hosting/3.bring-your-own-server-byos/0.index",[1869,1870,1874,1878,1882,1886,1890],{"title":1865,"path":1866,"stem":1867},{"title":1871,"path":1872,"stem":1873},"BYOS Agent","/hosting/bring-your-own-server-byos/byos-agent","4.hosting/3.bring-your-own-server-byos/byos-agent",{"title":1875,"path":1876,"stem":1877},"Changelog","/hosting/bring-your-own-server-byos/changelog","4.hosting/3.bring-your-own-server-byos/changelog",{"title":1879,"path":1880,"stem":1881},"DevOps Components","/hosting/bring-your-own-server-byos/devops","4.hosting/3.bring-your-own-server-byos/devops",{"title":1883,"path":1884,"stem":1885},"Infrastructure Requirements","/hosting/bring-your-own-server-byos/infrastructure","4.hosting/3.bring-your-own-server-byos/infrastructure",{"title":1887,"path":1888,"stem":1889},"Software Requirements","/hosting/bring-your-own-server-byos/software","4.hosting/3.bring-your-own-server-byos/software",{"title":1891,"path":1892,"stem":1893},"Webhook Configuration","/hosting/bring-your-own-server-byos/webhook-config","4.hosting/3.bring-your-own-server-byos/webhook-config",{"title":597,"path":1895,"stem":1896,"children":1897},"/checkout","5.Checkout/0.index",[1898],{"title":597,"path":1895,"stem":1896},{"title":609,"path":1900,"stem":1901,"children":1902},"/larry-ai","6.Larry-AI/0.index",[1903],{"title":609,"path":1900,"stem":1901},{"title":901,"path":1905,"stem":1906,"children":1907},"/figma-kit","7.Figma Kit/0.index",[1908,1909,1925],{"title":901,"path":1905,"stem":1906},{"title":121,"path":1910,"stem":1911,"children":1912,"page":55},"/figma-kit/introduction","7.Figma Kit/1.Introduction",[1913,1917,1921],{"title":1914,"path":1915,"stem":1916},"How to Start","/figma-kit/introduction/howtostart","7.Figma Kit/1.Introduction/0.howtostart",{"title":1918,"path":1919,"stem":1920},"Figma Variables","/figma-kit/introduction/figma-variables","7.Figma Kit/1.Introduction/figma-variables",{"title":1922,"path":1923,"stem":1924},"Library Connections","/figma-kit/introduction/library-connections","7.Figma Kit/1.Introduction/library-connections",{"title":1926,"path":1927,"stem":1928,"children":1929,"page":55},"Kits","/figma-kit/kits","7.Figma Kit/Kits",[1930,1933,1936,1939,1943,1946,1950,1954,1957,1960],{"title":916,"path":1931,"stem":1932},"/figma-kit/kits/b2b","7.Figma Kit/Kits/b2b",{"title":922,"path":1934,"stem":1935},"/figma-kit/kits/booking","7.Figma Kit/Kits/booking",{"title":928,"path":1937,"stem":1938},"/figma-kit/kits/cms","7.Figma Kit/Kits/cms",{"title":1940,"path":1941,"stem":1942},"Inpage Navigation","/figma-kit/kits/inpage-navigation","7.Figma Kit/Kits/inpage-navigation",{"title":1145,"path":1944,"stem":1945},"/figma-kit/kits/marketplace","7.Figma Kit/Kits/marketplace",{"title":1947,"path":1948,"stem":1949},"Retail & Multichannel","/figma-kit/kits/multichannel","7.Figma Kit/Kits/multichannel",{"title":1951,"path":1952,"stem":1953},"Navigation","/figma-kit/kits/navigation","7.Figma Kit/Kits/navigation",{"title":1221,"path":1955,"stem":1956},"/figma-kit/kits/saas","7.Figma Kit/Kits/saas",{"title":1239,"path":1958,"stem":1959},"/figma-kit/kits/shop","7.Figma Kit/Kits/shop",{"title":1373,"path":1961,"stem":1962},"/figma-kit/kits/ui-kit","7.Figma Kit/Kits/ui-kit",{"title":591,"path":1964,"stem":1965,"children":1966},"/cockpit","8.Cockpit/0.index",[1967,1968,1998,2015,2032],{"title":591,"path":1964,"stem":1965},{"title":154,"path":1969,"stem":1970,"children":1971,"page":55},"/cockpit/features","8.Cockpit/1.Features",[1972,1975,1979,1983,1987,1990,1994],{"title":690,"path":1973,"stem":1974},"/cockpit/features/apps","8.Cockpit/1.Features/apps",{"title":1976,"path":1977,"stem":1978},"Content (Collections)","/cockpit/features/content-collections","8.Cockpit/1.Features/content-collections",{"title":1980,"path":1981,"stem":1982},"Deployments","/cockpit/features/deployments","8.Cockpit/1.Features/deployments",{"title":1984,"path":1985,"stem":1986},"Markets","/cockpit/features/markets","8.Cockpit/1.Features/markets",{"title":200,"path":1988,"stem":1989},"/cockpit/features/redirects","8.Cockpit/1.Features/redirects",{"title":1991,"path":1992,"stem":1993},"Studio","/cockpit/features/studio","8.Cockpit/1.Features/studio",{"title":1995,"path":1996,"stem":1997},"Translations","/cockpit/features/translations","8.Cockpit/1.Features/translations",{"title":1999,"path":2000,"stem":2001,"children":2002,"page":55},"Project Settings","/cockpit/project-settings","8.Cockpit/2.Project-Settings",[2003,2007,2011],{"title":2004,"path":2005,"stem":2006},"Delete a project","/cockpit/project-settings/delete-project","8.Cockpit/2.Project-Settings/delete-project",{"title":2008,"path":2009,"stem":2010},"NPM","/cockpit/project-settings/npm","8.Cockpit/2.Project-Settings/npm",{"title":2012,"path":2013,"stem":2014},"Project secret key","/cockpit/project-settings/project-secret-key","8.Cockpit/2.Project-Settings/project-secret-key",{"title":2016,"path":2017,"stem":2018,"children":2019,"page":55},"Account Settings","/cockpit/account-settings","8.Cockpit/3.Account-Settings",[2020,2024,2028],{"title":2021,"path":2022,"stem":2023},"Notifications","/cockpit/account-settings/notifications","8.Cockpit/3.Account-Settings/notifications",{"title":2025,"path":2026,"stem":2027},"Preferences","/cockpit/account-settings/preferences","8.Cockpit/3.Account-Settings/preferences",{"title":2029,"path":2030,"stem":2031},"Security","/cockpit/account-settings/security","8.Cockpit/3.Account-Settings/security",{"title":2033,"path":2034,"stem":2035,"children":2036,"page":55},"Organisation Settings","/cockpit/organisation-settings","8.Cockpit/4.Organisation-Settings",[2037,2041,2045,2049,2053,2057],{"title":2038,"path":2039,"stem":2040},"API keys","/cockpit/organisation-settings/api-keys","8.Cockpit/4.Organisation-Settings/api-keys",{"title":2042,"path":2043,"stem":2044},"Billing","/cockpit/organisation-settings/billing","8.Cockpit/4.Organisation-Settings/billing",{"title":2046,"path":2047,"stem":2048},"General settings","/cockpit/organisation-settings/general-settings","8.Cockpit/4.Organisation-Settings/general-settings",{"title":2050,"path":2051,"stem":2052},"Members","/cockpit/organisation-settings/members","8.Cockpit/4.Organisation-Settings/members",{"title":2054,"path":2055,"stem":2056},"Projects","/cockpit/organisation-settings/projects","8.Cockpit/4.Organisation-Settings/projects",{"title":2058,"path":2059,"stem":2060},"Roles","/cockpit/organisation-settings/roles","8.Cockpit/4.Organisation-Settings/roles",{"title":2062,"path":2063,"stem":2064,"children":2065},"Data API","/data-api","9.Data-API/0.index",[2066,2067,2087,2097],{"title":2062,"path":2063,"stem":2064},{"title":2068,"path":2069,"stem":2070,"children":2071,"page":55},"Api Info","/data-api/api-info","9.Data-API/1.API-Info",[2072,2076,2080,2083],{"title":2073,"path":2074,"stem":2075},"API Basics","/data-api/api-info/api-basics","9.Data-API/1.API-Info/1.api-basics",{"title":2077,"path":2078,"stem":2079},"Authentication","/data-api/api-info/authentication","9.Data-API/1.API-Info/2.authentication",{"title":497,"path":2081,"stem":2082},"/data-api/api-info/errors","9.Data-API/1.API-Info/3.errors",{"title":2084,"path":2085,"stem":2086},"HTTP details","/data-api/api-info/http-details","9.Data-API/1.API-Info/4.http-details",{"title":2088,"path":2089,"stem":2090,"children":2091},"Management API","/data-api/management-api","9.Data-API/2.Management-API/0.index",[2092,2093],{"title":2088,"path":2089,"stem":2090},{"title":2094,"path":2095,"stem":2096},"Assets","/data-api/management-api/assets","9.Data-API/2.Management-API/1.assets",{"title":2098,"path":2099,"stem":2100,"children":2101},"Delivery API","/data-api/delivery-api","9.Data-API/3.Delivery-API/0.index",[2102],{"title":2098,"path":2099,"stem":2100},{"id":2104,"title":1463,"aliases":2105,"body":2106,"changelogKeys":2682,"description":2683,"extension":2684,"links":2685,"meta":2686,"navigation":2232,"path":1464,"playground":2687,"seo":2691,"sitemap":2693,"stem":1465,"__hash__":2696},"docs/3.laioutr-ui/ui-kit/01.general/animated-icon.md",null,{"type":2107,"value":2108,"toc":2670},"minimark",[2109,2114,2120,2146,2152,2389,2399,2403,2420,2424,2430,2486,2508,2512,2519,2618,2627,2631,2634,2638,2645,2652,2656,2660,2663,2666],[2110,2111,2113],"h2",{"id":2112},"overview","Overview",[2115,2116],"since-version",{"changelog":2117,"packages":2118,"version":2119},"ui","@laioutr-core/ui-kit","2.12.0",[2121,2122,2123,2127,2128,2133,2134,2137,2138,2141,2142,2145],"p",{},[2124,2125,2126],"code",{},"AnimatedIcon"," renders an ",[2129,2130,2131],"a",{"href":1409},[2124,2132,1408],{}," that reflects a boolean. When ",[2124,2135,2136],{},"active"," flips from ",[2124,2139,2140],{},"false"," to ",[2124,2143,2144],{},"true"," it plays a burst: the two artworks cross-fade — the outgoing one springs, the incoming one grows in from a quarter size — while three copies of the active artwork fly up and outwards and fade out.",[2121,2147,2148,2149,2151],{},"It is the favourite/like gesture, and the reason it exists as a component is that the reward has to feel instant. The state itself is not the component's: ",[2124,2150,2136],{}," is a prop the parent owns, so the animation plays off whatever your own mutation reports.",[2153,2154,2159],"pre",{"className":2155,"code":2156,"language":2157,"meta":2158,"style":2158},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\n\nconst favourited = ref(false);\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cbutton @click=\"favourited = !favourited\">\n    \u003CAnimatedIcon\n      icon=\"essentials/heart-outline\"\n      activeIcon=\"essentials/heart-filled\"\n      :active=\"favourited\"\n    />\n  \u003C/button>\n\u003C/template>\n","vue","",[2124,2160,2161,2196,2227,2234,2259,2269,2274,2284,2307,2316,2332,2347,2364,2370,2380],{"__ignoreMap":2158},[2162,2163,2166,2170,2174,2178,2181,2184,2187,2191,2193],"span",{"class":2164,"line":2165},"line",1,[2162,2167,2169],{"class":2168},"sMK4o","\u003C",[2162,2171,2173],{"class":2172},"swJcz","script",[2162,2175,2177],{"class":2176},"spNyl"," setup",[2162,2179,2180],{"class":2176}," lang",[2162,2182,2183],{"class":2168},"=",[2162,2185,2186],{"class":2168},"\"",[2162,2188,2190],{"class":2189},"sfazB","ts",[2162,2192,2186],{"class":2168},[2162,2194,2195],{"class":2168},">\n",[2162,2197,2199,2203,2206,2210,2213,2216,2219,2221,2224],{"class":2164,"line":2198},2,[2162,2200,2202],{"class":2201},"s7zQu","import",[2162,2204,2205],{"class":2168}," {",[2162,2207,2209],{"class":2208},"sTEyZ"," ref",[2162,2211,2212],{"class":2168}," }",[2162,2214,2215],{"class":2201}," from",[2162,2217,2218],{"class":2168}," '",[2162,2220,2157],{"class":2189},[2162,2222,2223],{"class":2168},"'",[2162,2225,2226],{"class":2168},";\n",[2162,2228,2230],{"class":2164,"line":2229},3,[2162,2231,2233],{"emptyLinePlaceholder":2232},true,"\n",[2162,2235,2237,2240,2243,2245,2248,2251,2254,2257],{"class":2164,"line":2236},4,[2162,2238,2239],{"class":2176},"const",[2162,2241,2242],{"class":2208}," favourited ",[2162,2244,2183],{"class":2168},[2162,2246,2209],{"class":2247},"s2Zo4",[2162,2249,2250],{"class":2208},"(",[2162,2252,2140],{"class":2253},"sfNiH",[2162,2255,2256],{"class":2208},")",[2162,2258,2226],{"class":2168},[2162,2260,2262,2265,2267],{"class":2164,"line":2261},5,[2162,2263,2264],{"class":2168},"\u003C/",[2162,2266,2173],{"class":2172},[2162,2268,2195],{"class":2168},[2162,2270,2272],{"class":2164,"line":2271},6,[2162,2273,2233],{"emptyLinePlaceholder":2232},[2162,2275,2277,2279,2282],{"class":2164,"line":2276},7,[2162,2278,2169],{"class":2168},[2162,2280,2281],{"class":2172},"template",[2162,2283,2195],{"class":2168},[2162,2285,2287,2290,2293,2296,2298,2300,2303,2305],{"class":2164,"line":2286},8,[2162,2288,2289],{"class":2168},"  \u003C",[2162,2291,2292],{"class":2172},"button",[2162,2294,2295],{"class":2176}," @click",[2162,2297,2183],{"class":2168},[2162,2299,2186],{"class":2168},[2162,2301,2302],{"class":2189},"favourited = !favourited",[2162,2304,2186],{"class":2168},[2162,2306,2195],{"class":2168},[2162,2308,2310,2313],{"class":2164,"line":2309},9,[2162,2311,2312],{"class":2168},"    \u003C",[2162,2314,2315],{"class":2172},"AnimatedIcon\n",[2162,2317,2319,2322,2324,2326,2329],{"class":2164,"line":2318},10,[2162,2320,2321],{"class":2176},"      icon",[2162,2323,2183],{"class":2168},[2162,2325,2186],{"class":2168},[2162,2327,2328],{"class":2189},"essentials/heart-outline",[2162,2330,2331],{"class":2168},"\"\n",[2162,2333,2335,2338,2340,2342,2345],{"class":2164,"line":2334},11,[2162,2336,2337],{"class":2176},"      activeIcon",[2162,2339,2183],{"class":2168},[2162,2341,2186],{"class":2168},[2162,2343,2344],{"class":2189},"essentials/heart-filled",[2162,2346,2331],{"class":2168},[2162,2348,2350,2353,2355,2357,2359,2362],{"class":2164,"line":2349},12,[2162,2351,2352],{"class":2168},"      :",[2162,2354,2136],{"class":2176},[2162,2356,2183],{"class":2168},[2162,2358,2186],{"class":2168},[2162,2360,2361],{"class":2208},"favourited",[2162,2363,2331],{"class":2168},[2162,2365,2367],{"class":2164,"line":2366},13,[2162,2368,2369],{"class":2168},"    />\n",[2162,2371,2373,2376,2378],{"class":2164,"line":2372},14,[2162,2374,2375],{"class":2168},"  \u003C/",[2162,2377,2292],{"class":2172},[2162,2379,2195],{"class":2168},[2162,2381,2383,2385,2387],{"class":2164,"line":2382},15,[2162,2384,2264],{"class":2168},[2162,2386,2281],{"class":2172},[2162,2388,2195],{"class":2168},[2121,2390,2391,2394,2395,2398],{},[2124,2392,2393],{},"activeIcon"," falls back to ",[2124,2396,2397],{},"icon"," when unset, so an icon that only changes colour needs one artwork.",[2110,2400,2402],{"id":2401},"key-business-ux-benefits","Key Business & UX Benefits",[2404,2405,2406,2410,2413],"ul",{},[2407,2408,2409],"li",{},"The reward lands on the tap, not on the server round-trip, so a favourite feels instant even on a slow connection.",[2407,2411,2412],{},"A single component covers the whole like/save/favourite gesture, so every rail in the product animates identically without per-surface CSS.",[2407,2414,2415,2416,2419],{},"Motion is sized in multiples of the icon, so the same component reads correctly at every ",[2124,2417,2418],{},"size"," without a second set of keyframes.",[2110,2421,2423],{"id":2422},"sizing","Sizing",[2121,2425,2426,2427,2429],{},"The motion is expressed in multiples of the icon's own box rather than in pixels, so the burst scales with ",[2124,2428,2418],{}," and holds its proportions at every step:",[2431,2432,2436],"component-code",{":name":2433,"story-height":2434,"story-id":2435},"AnimatedIcon Large","200px","ui-kit-atoms-animatedicon--large",[2153,2437,2441],{"className":2438,"code":2439,"language":2440,"meta":2158,"style":2158},"language-vue-template shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CAnimatedIcon icon=\"essentials/heart-outline\" active-icon=\"essentials/heart-filled\" size=\"l\" />\n","vue-template",[2124,2442,2443],{"__ignoreMap":2158},[2162,2444,2445,2447,2449,2452,2454,2456,2458,2460,2463,2465,2467,2469,2471,2474,2476,2478,2481,2483],{"class":2164,"line":2165},[2162,2446,2169],{"class":2168},[2162,2448,2126],{"class":2172},[2162,2450,2451],{"class":2176}," icon",[2162,2453,2183],{"class":2168},[2162,2455,2186],{"class":2168},[2162,2457,2328],{"class":2189},[2162,2459,2186],{"class":2168},[2162,2461,2462],{"class":2176}," active-icon",[2162,2464,2183],{"class":2168},[2162,2466,2186],{"class":2168},[2162,2468,2344],{"class":2189},[2162,2470,2186],{"class":2168},[2162,2472,2473],{"class":2176}," size",[2162,2475,2183],{"class":2168},[2162,2477,2186],{"class":2168},[2162,2479,2480],{"class":2189},"l",[2162,2482,2186],{"class":2168},[2162,2484,2485],{"class":2168}," />\n",[2121,2487,2488,2490,2491,2494,2495,2494,2498,2501,2502,2504,2505,2507],{},[2124,2489,2418],{}," accepts ",[2124,2492,2493],{},"s",", ",[2124,2496,2497],{},"sm",[2124,2499,2500],{},"m"," (default), and ",[2124,2503,2480],{},", matching ",[2124,2506,1408],{},".",[2110,2509,2511],{"id":2510},"colour","Colour",[2121,2513,2514,2515,2518],{},"The resting artwork takes the ambient icon colour it inherits, so an inactive icon matches whatever else sits in its rail. The active artwork and the copies it throws take ",[2124,2516,2517],{},"--animated-icon-active-color",", which defaults to that same ambient colour — set it to make the engaged state read differently:",[2153,2520,2522],{"className":2155,"code":2521,"language":2157,"meta":2158,"style":2158},"\u003Ctemplate>\n  \u003CAnimatedIcon\n    style=\"--animated-icon-active-color: var(--red-9)\"\n    icon=\"essentials/heart-outline\"\n    activeIcon=\"essentials/heart-filled\"\n    :active=\"favourited\"\n  />\n\u003C/template>\n",[2124,2523,2524,2532,2538,2564,2577,2590,2605,2610],{"__ignoreMap":2158},[2162,2525,2526,2528,2530],{"class":2164,"line":2165},[2162,2527,2169],{"class":2168},[2162,2529,2281],{"class":2172},[2162,2531,2195],{"class":2168},[2162,2533,2534,2536],{"class":2164,"line":2198},[2162,2535,2289],{"class":2168},[2162,2537,2315],{"class":2172},[2162,2539,2540,2543,2545,2547,2549,2552,2555,2557,2560,2562],{"class":2164,"line":2229},[2162,2541,2542],{"class":2176},"    style",[2162,2544,2183],{"class":2168},[2162,2546,2186],{"class":2168},[2162,2548,2517],{"class":2208},[2162,2550,2551],{"class":2168},": ",[2162,2553,2554],{"class":2247},"var",[2162,2556,2250],{"class":2168},[2162,2558,2559],{"class":2208},"--red-9",[2162,2561,2256],{"class":2168},[2162,2563,2331],{"class":2168},[2162,2565,2566,2569,2571,2573,2575],{"class":2164,"line":2236},[2162,2567,2568],{"class":2176},"    icon",[2162,2570,2183],{"class":2168},[2162,2572,2186],{"class":2168},[2162,2574,2328],{"class":2189},[2162,2576,2331],{"class":2168},[2162,2578,2579,2582,2584,2586,2588],{"class":2164,"line":2261},[2162,2580,2581],{"class":2176},"    activeIcon",[2162,2583,2183],{"class":2168},[2162,2585,2186],{"class":2168},[2162,2587,2344],{"class":2189},[2162,2589,2331],{"class":2168},[2162,2591,2592,2595,2597,2599,2601,2603],{"class":2164,"line":2271},[2162,2593,2594],{"class":2168},"    :",[2162,2596,2136],{"class":2176},[2162,2598,2183],{"class":2168},[2162,2600,2186],{"class":2168},[2162,2602,2361],{"class":2208},[2162,2604,2331],{"class":2168},[2162,2606,2607],{"class":2164,"line":2276},[2162,2608,2609],{"class":2168},"  />\n",[2162,2611,2612,2614,2616],{"class":2164,"line":2286},[2162,2613,2264],{"class":2168},[2162,2615,2281],{"class":2172},[2162,2617,2195],{"class":2168},[2121,2619,2620,2621,2626],{},"Set it on any ancestor to colour a whole rail at once. ",[2129,2622,2623],{"href":1218},[2124,2624,2625],{},"MediaFeedIconButton"," sets it to red, so a favourited heart reads as favourited while the rail's other icons stay on the button's own colour.",[2110,2628,2630],{"id":2629},"repeat-taps","Repeat taps",[2121,2632,2633],{},"Each burst is an element of its own that removes itself when its animation ends, so rapid repeat taps overlap rather than cutting each other short. Only the newest burst stages the cross-fade, so the two artworks never stack half-finished copies of themselves.",[2110,2635,2637],{"id":2636},"accessibility","Accessibility",[2121,2639,2640,2641,2644],{},"The burst and both cross-fading artworks are ",[2124,2642,2643],{},"aria-hidden","; only the resting icon is exposed, so a screen reader hears one icon rather than five. The component renders no button of its own — wrap it in your own control and put the accessible name there, as in the example above.",[2121,2646,2647,2648,2651],{},"The root carries ",[2124,2649,2650],{},"data-state=\"active\" | \"inactive\""," for styling and for querying in tests.",[2110,2653,2655],{"id":2654},"feature-list","Feature List",[2657,2658],"features",{":items":2659},"[\"Reflects a parent-owned `active` boolean, so the animation plays off your own mutation rather than owning the state itself\",\"Cross-fades between `icon` and `activeIcon` on the false to true transition; `activeIcon` falls back to `icon` when unset\",\"Throws three copies of the active artwork up and outwards, each on its own trajectory, scale, and rotation curve\",\"Motion sized in multiples of the icon box, so it holds at every `size` (`s`, `sm`, `m`, `l`)\",\"Overlapping bursts stay separate, so rapid repeat taps each animate in full\",\"`--animated-icon-active-color` colours the active artwork and its burst while the resting artwork keeps the ambient icon colour\",\"Exposes `data-state=\\\"active\\\" | \\\"inactive\\\"` for styling and test queries\",\"Burst and cross-fade artworks are `aria-hidden`, so assistive technology hears a single icon\"]",[2110,2661,324],{"id":2662},"api-reference",[2664,2665],"component-meta",{":name":2126},[2667,2668,2669],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":2158,"searchDepth":2198,"depth":2198,"links":2671},[2672,2673,2674,2675,2676,2677,2678,2679,2680],{"id":2112,"depth":2198,"text":2113},{"id":2401,"depth":2198,"text":2402},{"id":2422,"depth":2198,"text":2423},{"id":2510,"depth":2198,"text":2511},{"id":2629,"depth":2198,"text":2630},{"id":2636,"depth":2198,"text":2637},{"id":2654,"depth":2198,"text":2655},{"id":2662,"depth":2198,"text":324},{"id":2681,"text":1875,"depth":2198},"changelog",[2126],"An icon that reflects a boolean active state. Flipping it on cross-fades the two artworks and throws three copies of the active one up and outwards.","md",[],{},{"name":2126,"base":2688,"defaultStory":2689,"height":2690},"ui-kit-atoms-animatedicon","default","460px",{"title":1463,"description":2692},"An icon that reflects a boolean active state, cross-fading between two artworks and throwing a burst of the active one on the transition into active.",{"loc":1464,"lastmod":2694,"changefreq":2695,"priority":2165},"2026-08-13","monthly","4ggDTuJu7fRuoqLKNO4eWcb3qMjQqyaxFptZTuaKh0Y",[2698,2700],{"title":1459,"path":1460,"stem":1461,"description":2699,"children":-1},"Compact numeric pill for cart counts, notification badges, and inline counters.",{"title":1467,"path":1468,"stem":1469,"description":2701,"children":-1},"Live countdown to a deadline, rendering days, hours, minutes, and seconds with localized unit labels, powered by the useCountdown composable.",{"id":2703,"extension":2704,"meta":2705,"stem":2681,"__hash__":2821},"changelog/changelog.yml","yml",{"AlphabeticalIndex":2706,"AnimatedButton":2716,"AnimatedIcon":2720,"ArticleDetail":2723,"Badge":2729,"BasicTable":2732,"BannerBasic":2737,"BannerIntegrated":2740,"BannerShowcase":2743,"CouponBox":2746,"EmailInputForm":2749,"GridFill":2752,"Input":2755,"LocationFinder":2758,"Media":2761,"MediaLibrary":2775,"MediaComponent":2783,"MediaFeed":2792,"MediaText":2795,"MegaMenu":2798,"MenuSideBySide":2801,"NavigationMenuTextItem":2804,"SectionGlossaryDetail":2807,"SchemaCondition":2810,"TableOpeningHours":2814,"TableProductSpecifications":2818},[2707,2711],{"version":2708,"type":2709,"changelog":2117,"note":2710},"2.4.0","fixed","Group content is now top-aligned (`align-items: flex-start` instead of `center`), so columns of uneven height line up along their top edge.",{"version":2712,"type":2713,"breaking":2232,"changelog":2117,"note":2714,"migration":2715},"2.3.0","changed","Renamed from `BrandList` and generalized beyond brands — pass any `items` and a `heading` instead of `brands`.","Import from the new component, rename the `brands` prop to `items`, and\npass `heading` explicitly — the old built-in `\"Brands\"` translation no\nlonger renders automatically.\n\n```ts\n// Before\ninterface BrandListProps {\n  brands: { name: string; href: string; count?: number }[];\n}\n\n// After\ninterface AlphabeticalIndexProps {\n  heading?: string;\n  items: { name: string; href: string; count?: number }[];\n}\n```\n",[2717],{"version":2119,"type":2718,"changelog":2117,"note":2719},"added","New component. A `Button` that pulses on a two-second loop, for the single call to action on a media-heavy screen that has to be found before it is read. Takes every `Button` prop and forwards it. The pulse pauses on hover, under `prefers-reduced-motion`, and via the `paused` prop. See [Animated Button](/laioutr-ui/ui-kit/form/animated-button).",[2721],{"version":2119,"type":2718,"changelog":2117,"note":2722},"New component. An icon reflecting a parent-owned `active` boolean: on the false to true transition the two artworks cross-fade while three copies of the active one fly up and outwards. Motion is sized in multiples of the icon box, so it holds at every `size`, and `--animated-icon-active-color` colours the active artwork and its burst. See [Animated Icon](/laioutr-ui/ui-kit/general/animated-icon).",[2724,2727],{"version":2708,"type":2713,"breaking":2232,"changelog":2117,"note":2725,"migration":2726},"`BlogPostDetail` was renamed to `ArticleDetail` and promoted to the shared reading view behind both the Blog Post and Glossary sections. There is no backwards-compatible alias.","Update imports and template tags.\n\n```diff\n- import BlogPostDetail from '#ui/components/BlogPostDetail/BlogPostDetail.vue';\n+ import ArticleDetail from '#ui/components/ArticleDetail/ArticleDetail.vue';\n\n- \u003CLBlogPostDetail :title :media :body />\n+ \u003CLArticleDetail :title :media :body />\n```\n",{"version":2708,"type":2718,"changelog":2117,"note":2728},"New optional `showSocialShare` prop (default `false`) toggles the trailing `SocialShare` row. `SectionBlogPostDetail` enables it; `SectionGlossaryDetail` leaves it off.",[2730],{"version":2119,"type":2718,"changelog":2117,"note":2731},"New `glass-black` variant for badges sitting over arbitrary media — a translucent dark chip with a backdrop blur, so the text keeps its contrast whatever the media does underneath. See [Over media](/laioutr-ui/ui-kit/indicators/badge#over-media).",[2733],{"version":2734,"type":2713,"breaking":2232,"changelog":2117,"note":2735,"migration":2736},"2.5.0","Renamed from `DescriptionList` (and `DescriptionListItem` → `BasicTableRow`), now rendered as a semantic description list (`\u003Cdl>` with `\u003Cdt>`/`\u003Cdd>` rows) instead of presentational `\u003Cdiv>`s. The label column is overridable via the new public `--basic-table-label-col` custom property; the grid/subgrid layout and CSS surface (`.basic-table` class, BEM classes) are unchanged.","```diff\n- import DescriptionList from '#ui-kit/components/DescriptionList/DescriptionList.vue';\n- import DescriptionListItem from '#ui-kit/components/DescriptionList/DescriptionListItem.vue';\n+ import BasicTable from '#ui-kit/components/BasicTable/BasicTable.vue';\n+ import BasicTableRow from '#ui-kit/components/BasicTable/BasicTableRow.vue';\n```\n",[2738],{"version":2708,"type":2718,"changelog":2117,"note":2739},"New `contentPadding` prop (`'default' | 'm' | 's' | 'none'`) with matching `.banner-basic--content-padding-{m,s,none}` modifier classes. Unset preserves the existing padding. In Studio it surfaces as the Design → Layout **Content Padding** control.",[2741],{"version":2708,"type":2718,"changelog":2117,"note":2742},"New `contentPadding` prop (`'default' | 'm' | 's' | 'none'`) with matching `.banner-integrated--content-padding-{m,s,none}` modifier classes. Unset preserves the existing padding, and the Design → Layout **Content Padding** control exposes it in Studio.",[2744],{"version":2708,"type":2718,"changelog":2117,"note":2745},"New `contentPadding` prop (`'default' | 'm' | 's' | 'none'`) with matching `.banner-showcase--content-padding-{m,s,none}` modifier classes. Unset preserves the existing padding, and the Design → Layout **Content Padding** control exposes it in Studio.",[2747],{"version":2708,"type":2718,"changelog":2117,"note":2748},"New `BlockProductDetailCouponBox` wraps `CouponBox` for placement in the Product Detail section's content slot. Editors configure the text, code, optional discount badge, and icon; the block hard-wires `action=\"copy\"` so shoppers copy the code to the clipboard.",[2750],{"version":2708,"type":2718,"changelog":2117,"note":2751},"`EmailInputForm` and `EmailInputFormDisplay` gained a `variant` (`'boxed' | 'plain'`) prop, forwarded to the underlying `Input`. The `plain` variant paints resting backgrounds and borders from the `--input-field-plain-*` tokens, so a footer or popup signup can sit flush on an already-styled surface.",[2753],{"version":2708,"type":2718,"changelog":2117,"note":2754},"New `justify` and `align` props (`'start' | 'center' | 'end'`, both default `'start'`) set main- and cross-axis item alignment. They are stated logically: under `sizing=\"greedy-first\"` GridFill internally un-mirrors the reversed axis, so `start`/`end` resolve to the intended physical direction. `Container` maps its 2D `alignment` onto these, fixing mirrored alignment under \"Greedy First\" sizing.",[2756],{"version":2708,"type":2718,"changelog":2117,"note":2757},"A `plain` variant joins `outline` (default) and `subtle`. It paints resting, hover, focus, disabled, and error backgrounds/borders from the `--input-field-plain-*` tokens, for inputs that sit on an already-styled surface.",[2759],{"version":2708,"type":2713,"changelog":2117,"note":2760},"The container-style control moved to the shared `containerStyleField` toggle (`'full-width' | 'boxed'`); the field name and stored values are unchanged, so no re-authoring is needed. In `boxed` mode `.location-finder--boxed` now clamps to `--container-max-width` and centres with `margin-inline: auto` from the `--lg` breakpoint up.",[2762,2766,2769,2772],{"version":2763,"type":2718,"changelog":2764,"note":2765},"0.34.0","frontend","Every source gained an optional [`origin`](/frontend/api-reference/common-types/media#source-origin) (`{ libraryId, externalId? }`) recording the media library that produced it and that library's stable asset id. It is stamped automatically when an asset is picked from a media library, and is management-plane only — the renderer never reads it. Additive and optional, so media stored before it existed stay valid.",{"version":2767,"type":2718,"changelog":2764,"note":2768},"0.30.1","Added an [`audio`](/frontend/api-reference/common-types/media#mediaaudio) variant, plus [text tracks](/frontend/api-reference/common-types/media#text-tracks) and [streaming formats](/frontend/api-reference/common-types/media#streaming-formats) for video. Studio `media` fields can restrict to it with `allowedTypes: ['audio']`.",{"version":2767,"type":2713,"breaking":2232,"changelog":2764,"note":2770,"migration":2771},"`MediaVideo.preview` was renamed to `MediaVideo.poster` to match the HTML `\u003Cvideo poster>` attribute.","Rename the field on every `MediaVideo` you construct or read.\n\n```ts\n// Before\nconst video: MediaVideo = { type: 'video', sources, preview: posterImage };\n// After\nconst video: MediaVideo = { type: 'video', sources, poster: posterImage };\n```\n",{"version":2767,"type":2713,"breaking":2232,"changelog":2764,"note":2773,"migration":2774},"The `Media` union was widened to include `MediaAudio`, so `media.type` can now be `'audio'`.","Any exhaustive `switch (media.type)` without a `default` branch must add an\n`'audio'` case, or TypeScript reports a non-exhaustive switch.\n\n```ts\nswitch (media.type) {\n  case 'image': return renderImage(media);\n  case 'video': return renderVideo(media);\n  case 'audio': return renderAudio(media); // new\n}\n```\n",[2776,2780],{"version":2777,"type":2713,"breaking":2232,"changelog":2764,"note":2778,"migration":2779},"0.35.0","A media library connector is now declared with `defineX.mediaLibrary(...)` on the app's Orchestr builder instead of the standalone `defineMediaLibraryProvider` factory. Identity comes from the builder's `.meta()`; the connector declares static `capabilities` and its handlers receive the app's per-request `ctx`. Browsing moves to opaque-cursor pagination with folders, an explicit type filter, and per-file upload results (proxied or staged).","Move the connector onto your app's Orchestr builder. Identity moves from\nthe provider's `name`/`label`/`iconSrc` to the builder's `.meta()`,\npagination moves from `offset`/`limit` to an opaque `cursor`, and `list`\nreturns a `MediaListResult` and takes `ctx` as a second argument.\n\n```ts\n// Before\nexport default defineMediaLibraryProvider({\n  name: 'my-dam',\n  label: 'My DAM',\n  list: async ({ offset, limit, search, sort }) => ({ items, total, offset, limit }),\n});\n// After\nexport default defineMyDam.mediaLibrary({\n  capabilities: { search: true, folders: false, sorts: [] },\n  list: async (query, ctx) => ({ items, nextCursor, total }),\n});\n```\n",{"version":2777,"type":2781,"changelog":2764,"note":2782},"deprecated","`defineMediaLibraryProvider(...)` is deprecated in favour of `defineX.mediaLibrary(...)`. It keeps working as a compatibility shim, in a degraded mode (no folders, no staged upload, no declared sorts, no server-side type filtering), and logs a one-time warning at registration.",[2784,2786,2788,2790],{"version":2119,"type":2713,"changelog":2117,"note":2785},"Videos now wait until they are within a screen of the viewport before fetching, so a page or feed carrying several no longer loads them all up front. `preload` alone could not carry this — `autoplay` overrides it and a `play()` call fetches regardless — so the attributes and the play call are held back together. Wrap a hero in `MediaAboveTheFoldProvider` to opt out, or set the new `videoPreload` prop to spell out one video's loading. See [Deferred loading](/laioutr-ui/ui-kit/general/media#deferred-loading).",{"version":2119,"type":2718,"changelog":2117,"note":2787},"`\u003CMedia>` gained `v-model:currentTime`, the sibling of `v-model:paused`. Assigning to it seeks and the element reports its own progress back, so a scrubber, chapter link, or rewind needs no template ref. See [Seeking and reading progress](/laioutr-ui/ui-kit/general/media#seeking-and-reading-progress).",{"version":2708,"type":2718,"changelog":2117,"note":2789},"`\u003CMedia>` gained a `playback` mode for video. `playback=\"background\"` is a one-switch decorative loop (`autoplay`, `muted`, `loop`, `playsinline`, `disablePictureInPicture` on, `controls` off); `interactive` (the default) is the native player. Each attribute still has its own overriding prop. `\u003CMedia>` now exposes `v-model:paused` so consumers render their own WCAG 2.2.2 pause control, and suppresses autoplay under reduced motion. See [Background video](/laioutr-ui/ui-kit/general/media#background-video).",{"version":2712,"type":2718,"changelog":2117,"note":2791},"`\u003CMedia>` is now a dispatcher that renders video and audio, not only images. Built-in native `\u003Cvideo>` and `\u003Caudio>` players handle progressive sources out of the box (the video `poster` and audio `cover` are shown automatically), and playback is set with props on `\u003CMedia>` (`controls`, `autoplay`, `muted`, `loop`, `playsinline`). Register a renderer with `provideMediaRenderers` to override the built-in for adaptive streaming (HLS/DASH) or a custom player UI. See [Rendering video and audio](/laioutr-ui/ui-kit/general/media#rendering-video-and-audio).",[2793],{"version":2119,"type":2718,"changelog":2117,"note":2794},"New component. A full-screen vertical media feed in the TikTok and Reels pattern: scroll-snap, one item playing at a time, an action rail, a mute toggle, and a read-more sheet. Render it from `items` plus `v-model:open`, or drive it from anywhere on the page with `useMediaFeedStore()`. Set `urlParam` to sync the item in view to a query parameter by id, so a link is shareable and the back button closes the feed. Off-screen items are `inert`. See [Media Feed](/laioutr-ui/publishers/media-feed).",[2796],{"version":2708,"type":2718,"changelog":2117,"note":2797},"New `innerBlockPadding` prop (`'s' | 'm' | 'l'`) forwarded to `Backdrop`, surfaced as the Design → Layout **Padding** control (none/S/M/L). Unset defaults to none, so existing sections render unchanged.",[2799],{"version":2708,"type":2718,"changelog":2117,"note":2800},"`MegaMenuItem` gained an optional `textColor` (`ColorFieldValue`) that overrides the surface-tone label color of a top-level trigger. In Studio, `BlockMegaMenu` exposes a per-item color picker via an `as: 'style'` decorator on author-typed titles.",[2802],{"version":2708,"type":2718,"changelog":2117,"note":2803},"`NavigationNode` gained an optional `textColor` (`ColorFieldValue`) that overrides the surface-tone label color of a top-level node. In Studio, `BlockMenuSideBySide` and `BlockMenuBasic` expose a per-item color picker via an `as: 'style'` decorator on author-typed titles.",[2805],{"version":2708,"type":2718,"changelog":2117,"note":2806},"New optional `textColor` prop accepting a resolved CSS color string. When set it overrides the surface-tone label color for that item; unset, the item inherits the surrounding surface tone.",[2808],{"version":2708,"type":2718,"changelog":2117,"note":2809},"New section that renders a single glossary entry through the shared `ArticleDetail` reading view, bound to the `Glossary` entity's `base` and `content` components.",[2811],{"version":2812,"type":2718,"changelog":2764,"note":2813},"0.30.0","Field and fieldset definitions gained an optional `if` expression that hides a control in the Studio sidebar — see [Conditional visibility](/apps/app-development/schema-fields#conditional-visibility).",[2815],{"version":2734,"type":2713,"breaking":2232,"changelog":2117,"note":2816,"migration":2817},"Moved out of UI Kit into `@laioutr-core/ui` (renamed from `OpeningHoursWeeklyTable`), now built on the `BasicTable` primitive and gaining an `outlined` / `plain` `variant`. The weekday-grouping behavior is unchanged.","```diff\n- import OpeningHoursWeeklyTable from '#ui-kit/components/OpeningHoursWeeklyTable/OpeningHoursWeeklyTable.vue';\n+ import TableOpeningHours from '#ui/components/TableOpeningHours/TableOpeningHours.vue';\n```\n",[2819],{"version":2734,"type":2718,"changelog":2117,"note":2820},"Product specification sheet built on `BasicTable`. Rows carry a `label` and a typed `value` (`string | number | boolean | Measurement | Money`) formatted per locale by the `TableProductSpecificationsValue` subcomponent, with optional per-row `sectionName` grouping. Consumes a Product's `specifications` component or manually authored rows.","M04CHQlhMFgBLVRxvahqEct3ZLOWTS63bCkiHQgkue8",{"body":2823,"excerpt":-1},{"type":2824,"children":2825},"root",[2826],{"type":2827,"tag":2121,"props":2828,"children":2829,"position":-1},"element",{},[2830,2833,2842,2846,2854,2858,2866,2870,2879],{"type":2831,"value":2832,"position":-1},"text","New component. An icon reflecting a parent-owned ",{"type":2827,"tag":2124,"props":2834,"children":2836,"position":2841},{"className":2835},[],[2837],{"type":2831,"value":2136,"position":2838},{"start":2839,"end":2840},49,57,{"start":2839,"end":2840},{"type":2831,"value":2843,"position":2844}," boolean: on the false to true transition the two artworks cross-fade while three copies of the active one fly up and outwards. Motion is sized in multiples of the icon box, so it holds at every ",{"start":2840,"end":2845},252,{"type":2827,"tag":2124,"props":2847,"children":2849,"position":2853},{"className":2848},[],[2850],{"type":2831,"value":2418,"position":2851},{"start":2845,"end":2852},258,{"start":2845,"end":2852},{"type":2831,"value":2855,"position":2856},", and ",{"start":2852,"end":2857},264,{"type":2827,"tag":2124,"props":2859,"children":2861,"position":2865},{"className":2860},[],[2862],{"type":2831,"value":2517,"position":2863},{"start":2857,"end":2864},294,{"start":2857,"end":2864},{"type":2831,"value":2867,"position":2868}," colours the active artwork and its burst. See ",{"start":2864,"end":2869},341,{"type":2827,"tag":2129,"props":2871,"children":2872,"position":2877},{"href":1464},[2873],{"type":2831,"value":1463,"position":2874},{"start":2875,"end":2876},342,355,{"start":2869,"end":2878},398,{"type":2831,"value":2507,"position":2880},{"start":2878,"end":2881},399,{"data":2883,"body":2884},{},{"type":2824,"children":2885},[2886],{"type":2827,"tag":2121,"props":2887,"children":2888},{},[2889],{"type":2831,"value":2890},"Artwork when inactive.",{"data":2892,"body":2893},{},{"type":2824,"children":2894},[2895],{"type":2827,"tag":2121,"props":2896,"children":2897},{},[2898,2900,2905],{"type":2831,"value":2899},"Artwork when active. Falls back to ",{"type":2827,"tag":2124,"props":2901,"children":2903},{"className":2902},[],[2904],{"type":2831,"value":2397},{"type":2831,"value":2906}," when unset.",{"data":2908,"body":2909},{},{"type":2824,"children":2910},[2911],{"type":2827,"tag":2121,"props":2912,"children":2913},{},[2914],{"type":2831,"value":2915},"Parent-owned. The burst plays when this flips false → true.",1787053840001]