[{"data":1,"prerenderedAt":3038},["ShallowReactive",2],{"navigation_docs":3,"-hosting-cdn-video-cdn":2113,"-hosting-cdn-video-cdn-surround":3033},[4,136,545,573,689,877,1804,1904,1909,1914,1973,2071],{"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,1894],{"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":1895,"path":1896,"stem":1897,"children":1898},"CDN","/hosting/cdn","4.hosting/4.cdn/0.index",[1899,1900],{"title":1895,"path":1896,"stem":1897},{"title":1901,"path":1902,"stem":1903},"Video CDN","/hosting/cdn/video-cdn","4.hosting/4.cdn/1.video-cdn",{"title":597,"path":1905,"stem":1906,"children":1907},"/checkout","5.Checkout/0.index",[1908],{"title":597,"path":1905,"stem":1906},{"title":609,"path":1910,"stem":1911,"children":1912},"/larry-ai","6.Larry-AI/0.index",[1913],{"title":609,"path":1910,"stem":1911},{"title":901,"path":1915,"stem":1916,"children":1917},"/figma-kit","7.Figma Kit/0.index",[1918,1919,1935],{"title":901,"path":1915,"stem":1916},{"title":121,"path":1920,"stem":1921,"children":1922,"page":55},"/figma-kit/introduction","7.Figma Kit/1.Introduction",[1923,1927,1931],{"title":1924,"path":1925,"stem":1926},"How to Start","/figma-kit/introduction/howtostart","7.Figma Kit/1.Introduction/0.howtostart",{"title":1928,"path":1929,"stem":1930},"Figma Variables","/figma-kit/introduction/figma-variables","7.Figma Kit/1.Introduction/figma-variables",{"title":1932,"path":1933,"stem":1934},"Library Connections","/figma-kit/introduction/library-connections","7.Figma Kit/1.Introduction/library-connections",{"title":1936,"path":1937,"stem":1938,"children":1939,"page":55},"Kits","/figma-kit/kits","7.Figma Kit/Kits",[1940,1943,1946,1949,1953,1956,1960,1964,1967,1970],{"title":916,"path":1941,"stem":1942},"/figma-kit/kits/b2b","7.Figma Kit/Kits/b2b",{"title":922,"path":1944,"stem":1945},"/figma-kit/kits/booking","7.Figma Kit/Kits/booking",{"title":928,"path":1947,"stem":1948},"/figma-kit/kits/cms","7.Figma Kit/Kits/cms",{"title":1950,"path":1951,"stem":1952},"Inpage Navigation","/figma-kit/kits/inpage-navigation","7.Figma Kit/Kits/inpage-navigation",{"title":1145,"path":1954,"stem":1955},"/figma-kit/kits/marketplace","7.Figma Kit/Kits/marketplace",{"title":1957,"path":1958,"stem":1959},"Retail & Multichannel","/figma-kit/kits/multichannel","7.Figma Kit/Kits/multichannel",{"title":1961,"path":1962,"stem":1963},"Navigation","/figma-kit/kits/navigation","7.Figma Kit/Kits/navigation",{"title":1221,"path":1965,"stem":1966},"/figma-kit/kits/saas","7.Figma Kit/Kits/saas",{"title":1239,"path":1968,"stem":1969},"/figma-kit/kits/shop","7.Figma Kit/Kits/shop",{"title":1373,"path":1971,"stem":1972},"/figma-kit/kits/ui-kit","7.Figma Kit/Kits/ui-kit",{"title":591,"path":1974,"stem":1975,"children":1976},"/cockpit","8.Cockpit/0.index",[1977,1978,2008,2025,2042],{"title":591,"path":1974,"stem":1975},{"title":154,"path":1979,"stem":1980,"children":1981,"page":55},"/cockpit/features","8.Cockpit/1.Features",[1982,1985,1989,1993,1997,2000,2004],{"title":690,"path":1983,"stem":1984},"/cockpit/features/apps","8.Cockpit/1.Features/apps",{"title":1986,"path":1987,"stem":1988},"Content (Collections)","/cockpit/features/content-collections","8.Cockpit/1.Features/content-collections",{"title":1990,"path":1991,"stem":1992},"Deployments","/cockpit/features/deployments","8.Cockpit/1.Features/deployments",{"title":1994,"path":1995,"stem":1996},"Markets","/cockpit/features/markets","8.Cockpit/1.Features/markets",{"title":200,"path":1998,"stem":1999},"/cockpit/features/redirects","8.Cockpit/1.Features/redirects",{"title":2001,"path":2002,"stem":2003},"Studio","/cockpit/features/studio","8.Cockpit/1.Features/studio",{"title":2005,"path":2006,"stem":2007},"Translations","/cockpit/features/translations","8.Cockpit/1.Features/translations",{"title":2009,"path":2010,"stem":2011,"children":2012,"page":55},"Project Settings","/cockpit/project-settings","8.Cockpit/2.Project-Settings",[2013,2017,2021],{"title":2014,"path":2015,"stem":2016},"Delete a project","/cockpit/project-settings/delete-project","8.Cockpit/2.Project-Settings/delete-project",{"title":2018,"path":2019,"stem":2020},"NPM","/cockpit/project-settings/npm","8.Cockpit/2.Project-Settings/npm",{"title":2022,"path":2023,"stem":2024},"Project secret key","/cockpit/project-settings/project-secret-key","8.Cockpit/2.Project-Settings/project-secret-key",{"title":2026,"path":2027,"stem":2028,"children":2029,"page":55},"Account Settings","/cockpit/account-settings","8.Cockpit/3.Account-Settings",[2030,2034,2038],{"title":2031,"path":2032,"stem":2033},"Notifications","/cockpit/account-settings/notifications","8.Cockpit/3.Account-Settings/notifications",{"title":2035,"path":2036,"stem":2037},"Preferences","/cockpit/account-settings/preferences","8.Cockpit/3.Account-Settings/preferences",{"title":2039,"path":2040,"stem":2041},"Security","/cockpit/account-settings/security","8.Cockpit/3.Account-Settings/security",{"title":2043,"path":2044,"stem":2045,"children":2046,"page":55},"Organisation Settings","/cockpit/organisation-settings","8.Cockpit/4.Organisation-Settings",[2047,2051,2055,2059,2063,2067],{"title":2048,"path":2049,"stem":2050},"API keys","/cockpit/organisation-settings/api-keys","8.Cockpit/4.Organisation-Settings/api-keys",{"title":2052,"path":2053,"stem":2054},"Billing","/cockpit/organisation-settings/billing","8.Cockpit/4.Organisation-Settings/billing",{"title":2056,"path":2057,"stem":2058},"General settings","/cockpit/organisation-settings/general-settings","8.Cockpit/4.Organisation-Settings/general-settings",{"title":2060,"path":2061,"stem":2062},"Members","/cockpit/organisation-settings/members","8.Cockpit/4.Organisation-Settings/members",{"title":2064,"path":2065,"stem":2066},"Projects","/cockpit/organisation-settings/projects","8.Cockpit/4.Organisation-Settings/projects",{"title":2068,"path":2069,"stem":2070},"Roles","/cockpit/organisation-settings/roles","8.Cockpit/4.Organisation-Settings/roles",{"title":2072,"path":2073,"stem":2074,"children":2075},"Data API","/data-api","9.Data-API/0.index",[2076,2077,2097,2107],{"title":2072,"path":2073,"stem":2074},{"title":2078,"path":2079,"stem":2080,"children":2081,"page":55},"Api Info","/data-api/api-info","9.Data-API/1.API-Info",[2082,2086,2090,2093],{"title":2083,"path":2084,"stem":2085},"API Basics","/data-api/api-info/api-basics","9.Data-API/1.API-Info/1.api-basics",{"title":2087,"path":2088,"stem":2089},"Authentication","/data-api/api-info/authentication","9.Data-API/1.API-Info/2.authentication",{"title":497,"path":2091,"stem":2092},"/data-api/api-info/errors","9.Data-API/1.API-Info/3.errors",{"title":2094,"path":2095,"stem":2096},"HTTP details","/data-api/api-info/http-details","9.Data-API/1.API-Info/4.http-details",{"title":2098,"path":2099,"stem":2100,"children":2101},"Management API","/data-api/management-api","9.Data-API/2.Management-API/0.index",[2102,2103],{"title":2098,"path":2099,"stem":2100},{"title":2104,"path":2105,"stem":2106},"Assets","/data-api/management-api/assets","9.Data-API/2.Management-API/1.assets",{"title":2108,"path":2109,"stem":2110,"children":2111},"Delivery API","/data-api/delivery-api","9.Data-API/3.Delivery-API/0.index",[2112],{"title":2108,"path":2109,"stem":2110},{"id":2114,"title":1901,"aliases":2115,"body":2116,"changelogKeys":2115,"description":3023,"extension":3024,"links":3025,"meta":3026,"navigation":2812,"path":1902,"playground":2115,"seo":3027,"sitemap":3029,"stem":1903,"__hash__":3032},"docs/4.hosting/4.cdn/1.video-cdn.md",null,{"type":2117,"value":2118,"toc":3008},"minimark",[2119,2125,2129,2132,2137,2197,2200,2203,2207,2210,2262,2273,2283,2287,2290,2298,2301,2308,2318,2325,2329,2332,2338,2408,2411,2425,2432,2436,2446,2522,2525,2568,2572,2575,2578,2581,2584,2589,2595,2711,2733,2737,2756,2893,2912,2916,2932,2941,2945,2948,2974,2977,2981,2984,3004],[2120,2121],"since-version",{"changelog":2122,"packages":2123,"version":2124},"frontend","@laioutr-app/cms, @laioutr-core/frontend-core","0.35.0",[2126,2127,2128],"p",{},"A product page wants a 20-second demo clip. A hero wants a muted loop behind the headline. A campaign page wants a vertical feed of short clips that plays as the shopper scrolls. All three are the same job for the platform: an editor picks a video in Studio, and the storefront plays it fast enough that nobody waits.",[2126,2130,2131],{},"The Laioutr CDN handles that job on the same storage, hostname, and cache path it uses for images. This page describes what that path does, where it stops, and which seams exist for video that needs more than it offers.",[2133,2134,2136],"h2",{"id":2135},"the-delivery-path","The delivery path",[2138,2139,2144],"pre",{"className":2140,"code":2141,"language":2142,"meta":2143,"style":2143},"language-mermaid shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","flowchart LR\n  E[Editor in Studio] -->|presigned PUT| R[(Project bucket)]\n  E -->|finalize| A[cdn-api index]\n  S[Shopper] --> H[\"{projectId}.cdn.laioutr.cloud\"]\n  H --> C{Edge cache}\n  C -->|hit| S\n  C -->|miss| T[Cloudflare transform]\n  T --> R\n","mermaid","",[2145,2146,2147,2155,2161,2167,2173,2179,2185,2191],"code",{"__ignoreMap":2143},[2148,2149,2152],"span",{"class":2150,"line":2151},"line",1,[2148,2153,2154],{},"flowchart LR\n",[2148,2156,2158],{"class":2150,"line":2157},2,[2148,2159,2160],{},"  E[Editor in Studio] -->|presigned PUT| R[(Project bucket)]\n",[2148,2162,2164],{"class":2150,"line":2163},3,[2148,2165,2166],{},"  E -->|finalize| A[cdn-api index]\n",[2148,2168,2170],{"class":2150,"line":2169},4,[2148,2171,2172],{},"  S[Shopper] --> H[\"{projectId}.cdn.laioutr.cloud\"]\n",[2148,2174,2176],{"class":2150,"line":2175},5,[2148,2177,2178],{},"  H --> C{Edge cache}\n",[2148,2180,2182],{"class":2150,"line":2181},6,[2148,2183,2184],{},"  C -->|hit| S\n",[2148,2186,2188],{"class":2150,"line":2187},7,[2148,2189,2190],{},"  C -->|miss| T[Cloudflare transform]\n",[2148,2192,2194],{"class":2150,"line":2193},8,[2148,2195,2196],{},"  T --> R\n",[2126,2198,2199],{},"Uploads go from the browser straight to the project's bucket through a short-lived presigned URL. Nothing is written to the index until the object has landed, so an abandoned upload leaves nothing behind. Delivery runs through the project's own hostname with the edge cache in front, and the origin is only touched on a miss.",[2126,2201,2202],{},"There is no transcoding queue and no processing state to poll. A video is playable as soon as it is finalized, because every derived variant is produced on request by the transform layer, not ahead of time.",[2133,2204,2206],{"id":2205},"the-upload-envelope","The upload envelope",[2126,2208,2209],{},"Video is accepted only inside a fixed envelope. The limits come from the transform layer, and the CDN rejects an out-of-envelope file at the moment upload targets are requested rather than accepting it and degrading to an untransformable raw file.",[2211,2212,2213,2226],"table",{},[2214,2215,2216],"thead",{},[2217,2218,2219,2223],"tr",{},[2220,2221,2222],"th",{},"Constraint",[2220,2224,2225],{},"Value",[2227,2228,2229,2238,2246,2254],"tbody",{},[2217,2230,2231,2235],{},[2232,2233,2234],"td",{},"Container and codecs",[2232,2236,2237],{},"MP4 with H.264 video and AAC or MP3 audio",[2217,2239,2240,2243],{},[2232,2241,2242],{},"File size",[2232,2244,2245],{},"100 MB",[2217,2247,2248,2251],{},[2232,2249,2250],{},"Duration",[2232,2252,2253],{},"10 minutes",[2217,2255,2256,2259],{},[2232,2257,2258],{},"Output",[2232,2260,2261],{},"Progressive MP4",[2126,2263,2264,2265,2268,2269,2272],{},"A rejected file comes back as a per-file ",[2145,2266,2267],{},"too_large"," or ",[2145,2270,2271],{},"unsupported_type"," outcome, so one bad file in a batch does not sink the rest. The limits are enforced server-side; a client-side hint in the picker is a convenience, not the boundary.",[2274,2275,2276,2277,2282],"note",{},"This envelope is the short-form profile: product clips, hero loops, feed items. Long-form video, files past 100 MB, and true adaptive bitrate are covered by ",[2278,2279,2281],"a",{"href":2280},"#beyond-the-envelope","Beyond the envelope",".",[2133,2284,2286],{"id":2285},"delivery-urls-and-caching","Delivery URLs and caching",[2126,2288,2289],{},"A finalized video is served from the project's delivery host at a key minted once for that upload:",[2138,2291,2296],{"className":2292,"code":2294,"language":2295},[2293],"language-text","https://{projectId}.cdn.laioutr.cloud/{key}.mp4\n","text",[2145,2297,2294],{"__ignoreMap":2143},[2126,2299,2300],{},"Two properties of that URL matter when you build on it.",[2126,2302,2303,2307],{},[2304,2305,2306],"strong",{},"A key is never reused."," Each upload mints a fresh key, and the bytes behind a key never change. Replacing a video writes a new key and repoints the reference; it does not overwrite the old object.",[2126,2309,2310,2313,2314,2317],{},[2304,2311,2312],{},"Responses are cached for a year, immutably."," A successful delivery carries ",[2145,2315,2316],{},"cache-control: public, max-age=31536000, immutable",". That is what makes a repeat view free, and it is also why keys are immutable: a browser cache cannot be purged, so a swapped object would keep serving the old bytes to returning visitors for as long as the entry lives. Error responses are excluded from that header.",[2126,2319,2320,2321,2324],{},"A branded delivery hostname (",[2145,2322,2323],{},"cdn.example.com",") can replace the default. It changes the host in the URL and nothing else about this section.",[2133,2326,2328],{"id":2327},"transformations","Transformations",[2126,2330,2331],{},"Derived variants are produced at the edge from the stored MP4 by prefixing the key with a transform path:",[2138,2333,2336],{"className":2334,"code":2335,"language":2295},[2293],"https://{projectId}.cdn.laioutr.cloud/cdn-cgi/media/{options}/{key}.mp4\n",[2145,2337,2335],{"__ignoreMap":2143},[2211,2339,2340,2353],{},[2214,2341,2342],{},[2217,2343,2344,2347,2350],{},[2220,2345,2346],{},"Mode",[2220,2348,2349],{},"Produces",[2220,2351,2352],{},"Typical use",[2227,2354,2355,2379,2395],{},[2217,2356,2357,2362,2376],{},[2232,2358,2359],{},[2145,2360,2361],{},"mode=video",[2232,2363,2364,2365,2368,2369,2372,2373],{},"Re-encoded progressive MP4 at a requested ",[2145,2366,2367],{},"width",", ",[2145,2370,2371],{},"height",", and ",[2145,2374,2375],{},"fit",[2232,2377,2378],{},"Serving a smaller rendition to a small element",[2217,2380,2381,2386,2392],{},[2232,2382,2383],{},[2145,2384,2385],{},"mode=frame",[2232,2387,2388,2389],{},"A single JPEG frame at a given ",[2145,2390,2391],{},"time",[2232,2393,2394],{},"Poster images and picker thumbnails",[2217,2396,2397,2402,2405],{},[2232,2398,2399],{},[2145,2400,2401],{},"mode=spritesheet",[2232,2403,2404],{},"A grid of frames",[2232,2406,2407],{},"Scrub previews on a timeline",[2126,2409,2410],{},"Each distinct transform URL is cached like any other object, so a variant is generated once and then served from cache.",[2126,2412,2413,2414,2417,2418,2421,2422,2424],{},"Posters are wired up for you. A video picked from the Laioutr CDN carries a ",[2145,2415,2416],{},"poster"," whose sources use the ",[2145,2419,2420],{},"laioutrCmsPoster"," Nuxt Image provider, which rebuilds a ",[2145,2423,2385],{}," URL at whatever width the layout asks for. The poster therefore gets responsive widths in the same way an image does.",[2426,2427,2428,2429,2431],"warning",{},"The video source itself is delivered at its stored size today. The ",[2145,2430,2361],{}," width ladder is available on the delivery host but is not yet applied automatically by the built-in player, so upload video at the size you intend to serve.",[2133,2433,2435],{"id":2434},"rendering-video-in-the-storefront","Rendering video in the storefront",[2126,2437,2438,2439,2445],{},"An asset picked from the CDN is a canonical ",[2278,2440,2442],{"href":2441},"/frontend/api-reference/common-types/media#mediavideo",[2145,2443,2444],{},"MediaVideo"," value, so it renders through the same component as any other video:",[2138,2447,2451],{"className":2448,"code":2449,"language":2450,"meta":2143,"style":2143},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CMedia :media=\"section.clip\" playback=\"background\" />\n\u003C/template>\n","vue",[2145,2452,2453,2466,2513],{"__ignoreMap":2143},[2148,2454,2455,2459,2463],{"class":2150,"line":2151},[2148,2456,2458],{"class":2457},"sMK4o","\u003C",[2148,2460,2462],{"class":2461},"swJcz","template",[2148,2464,2465],{"class":2457},">\n",[2148,2467,2468,2471,2473,2476,2480,2483,2486,2490,2492,2495,2497,2500,2502,2504,2508,2510],{"class":2150,"line":2157},[2148,2469,2470],{"class":2457},"  \u003C",[2148,2472,461],{"class":2461},[2148,2474,2475],{"class":2457}," :",[2148,2477,2479],{"class":2478},"spNyl","media",[2148,2481,2482],{"class":2457},"=",[2148,2484,2485],{"class":2457},"\"",[2148,2487,2489],{"class":2488},"sTEyZ","section",[2148,2491,2282],{"class":2457},[2148,2493,2494],{"class":2488},"clip",[2148,2496,2485],{"class":2457},[2148,2498,2499],{"class":2478}," playback",[2148,2501,2482],{"class":2457},[2148,2503,2485],{"class":2457},[2148,2505,2507],{"class":2506},"sfazB","background",[2148,2509,2485],{"class":2457},[2148,2511,2512],{"class":2457}," />\n",[2148,2514,2515,2518,2520],{"class":2150,"line":2163},[2148,2516,2517],{"class":2457},"\u003C/",[2148,2519,2462],{"class":2461},[2148,2521,2465],{"class":2457},[2126,2523,2524],{},"The parts of that already have their own pages:",[2526,2527,2528,2540,2550,2563],"ul",{},[2529,2530,2531,2535,2536,2539],"li",{},[2278,2532,2533],{"href":1424},[2145,2534,461],{}," dispatches on ",[2145,2537,2538],{},"media.type",", plays video with a built-in native player, and holds video back from fetching until it is within a screen of the viewport.",[2529,2541,2542,2545,2546,2549],{},[2145,2543,2544],{},"playback=\"interactive\""," gives a native player with controls; ",[2145,2547,2548],{},"playback=\"background\""," gives the muted autoplay loop, with autoplay suppressed under reduced motion.",[2529,2551,2552,2558,2559,2562],{},[2278,2553,2555],{"href":2554},"/frontend/api-reference/common-types/media#mediasourcevideo",[2145,2556,2557],{},"MediaSourceVideo"," carries the source URL, dimensions, optional focal point, and the ",[2145,2560,2561],{},"streaming"," discriminator described below.",[2529,2564,2565,2567],{},[2278,2566,180],{"href":181}," covers the picker, the connector contract, and staged uploads.",[2133,2569,2571],{"id":2570},"what-the-cdn-meters","What the CDN meters",[2126,2573,2574],{},"Delivered bytes are counted per project, off the request path, and rolled up daily and monthly. Image and video traffic share one line; there is no separate video-minutes meter on this path.",[2126,2576,2577],{},"Metering is record-only. Passing the volume included in your plan raises a notification and an upgrade conversation; it does not throttle delivery and it does not break media on a live storefront. Enforcement is reserved for abuse, not for ordinary overage.",[2133,2579,2281],{"id":2580},"beyond-the-envelope",[2126,2582,2583],{},"Long-form video, adaptive bitrate for weak networks, DRM, and per-video analytics are outside what the progressive path does. The platform does not pretend otherwise, and it does not require a migration to get them: the contract and the render path were built with the seams already open, so an adaptive provider is a per-asset choice rather than a platform switch.",[2585,2586,2588],"h3",{"id":2587},"the-source-already-declares-its-streaming-format","The source already declares its streaming format",[2126,2590,2591,2594],{},[2145,2592,2593],{},"MediaSourceVideo.streaming"," is part of the canonical type, not an extension:",[2138,2596,2600],{"className":2597,"code":2598,"language":2599,"meta":2143,"style":2143},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","interface MediaSourceVideo {\n  provider: string;\n  src: string;\n  width: number;\n  height: number;\n  streaming?: 'progressive' | 'hls' | 'dash';\n  // ...\n}\n","ts",[2145,2601,2602,2614,2628,2639,2651,2662,2700,2706],{"__ignoreMap":2143},[2148,2603,2604,2607,2611],{"class":2150,"line":2151},[2148,2605,2606],{"class":2478},"interface",[2148,2608,2610],{"class":2609},"sBMFI"," MediaSourceVideo",[2148,2612,2613],{"class":2457}," {\n",[2148,2615,2616,2619,2622,2625],{"class":2150,"line":2157},[2148,2617,2618],{"class":2461},"  provider",[2148,2620,2621],{"class":2457},":",[2148,2623,2624],{"class":2609}," string",[2148,2626,2627],{"class":2457},";\n",[2148,2629,2630,2633,2635,2637],{"class":2150,"line":2163},[2148,2631,2632],{"class":2461},"  src",[2148,2634,2621],{"class":2457},[2148,2636,2624],{"class":2609},[2148,2638,2627],{"class":2457},[2148,2640,2641,2644,2646,2649],{"class":2150,"line":2169},[2148,2642,2643],{"class":2461},"  width",[2148,2645,2621],{"class":2457},[2148,2647,2648],{"class":2609}," number",[2148,2650,2627],{"class":2457},[2148,2652,2653,2656,2658,2660],{"class":2150,"line":2175},[2148,2654,2655],{"class":2461},"  height",[2148,2657,2621],{"class":2457},[2148,2659,2648],{"class":2609},[2148,2661,2627],{"class":2457},[2148,2663,2664,2667,2670,2673,2676,2679,2682,2684,2687,2689,2691,2693,2696,2698],{"class":2150,"line":2181},[2148,2665,2666],{"class":2461},"  streaming",[2148,2668,2669],{"class":2457},"?:",[2148,2671,2672],{"class":2457}," '",[2148,2674,2675],{"class":2506},"progressive",[2148,2677,2678],{"class":2457},"'",[2148,2680,2681],{"class":2457}," |",[2148,2683,2672],{"class":2457},[2148,2685,2686],{"class":2506},"hls",[2148,2688,2678],{"class":2457},[2148,2690,2681],{"class":2457},[2148,2692,2672],{"class":2457},[2148,2694,2695],{"class":2506},"dash",[2148,2697,2678],{"class":2457},[2148,2699,2627],{"class":2457},[2148,2701,2702],{"class":2150,"line":2187},[2148,2703,2705],{"class":2704},"sHwdD","  // ...\n",[2148,2707,2708],{"class":2150,"line":2193},[2148,2709,2710],{"class":2457},"}\n",[2126,2712,2713,2714,2716,2717,2720,2721,2724,2725,2727,2728,2732],{},"A source produced by the Laioutr CDN is ",[2145,2715,2675],{},". A source produced by an adaptive backend points ",[2145,2718,2719],{},"src"," at an HLS manifest and sets ",[2145,2722,2723],{},"streaming: 'hls'",". Both are valid ",[2145,2726,2444],{}," values, both are stored the same way, and both can sit side by side in one project. See ",[2278,2729,2731],{"href":2730},"/frontend/api-reference/common-types/media#streaming-formats","Streaming formats"," for what each value tells a renderer.",[2585,2734,2736],{"id":2735},"the-player-is-a-registration-not-a-fork","The player is a registration, not a fork",[2126,2738,2739,2740,2743,2744,2747,2748,2751,2752,2755],{},"The built-in ",[2145,2741,2742],{},"\u003Cvideo>"," element plays progressive sources. HLS and DASH need a JavaScript player, and ",[2145,2745,2746],{},"\u003CMedia>"," takes one through ",[2145,2749,2750],{},"provideMediaRenderers",". A renderer registered for ",[2145,2753,2754],{},"video"," replaces the built-in for every video in the app, with no change at any call site:",[2138,2757,2760],{"className":2597,"code":2758,"filename":2759,"language":2599,"meta":2143,"style":2143},"import { provideMediaRenderers } from '#ui-kit/components/Media/MediaRenderersProvider';\nimport StreamingVideo from '~/components/StreamingVideo.vue';\n\nexport default defineNuxtPlugin((nuxtApp) => {\n  provideMediaRenderers(nuxtApp.vueApp, {\n    video: StreamingVideo,\n  });\n});\n","plugins/media-renderers.ts",[2145,2761,2762,2789,2808,2814,2843,2862,2875,2884],{"__ignoreMap":2143},[2148,2763,2764,2768,2771,2774,2777,2780,2782,2785,2787],{"class":2150,"line":2151},[2148,2765,2767],{"class":2766},"s7zQu","import",[2148,2769,2770],{"class":2457}," {",[2148,2772,2773],{"class":2488}," provideMediaRenderers",[2148,2775,2776],{"class":2457}," }",[2148,2778,2779],{"class":2766}," from",[2148,2781,2672],{"class":2457},[2148,2783,2784],{"class":2506},"#ui-kit/components/Media/MediaRenderersProvider",[2148,2786,2678],{"class":2457},[2148,2788,2627],{"class":2457},[2148,2790,2791,2793,2796,2799,2801,2804,2806],{"class":2150,"line":2157},[2148,2792,2767],{"class":2766},[2148,2794,2795],{"class":2488}," StreamingVideo ",[2148,2797,2798],{"class":2766},"from",[2148,2800,2672],{"class":2457},[2148,2802,2803],{"class":2506},"~/components/StreamingVideo.vue",[2148,2805,2678],{"class":2457},[2148,2807,2627],{"class":2457},[2148,2809,2810],{"class":2150,"line":2163},[2148,2811,2813],{"emptyLinePlaceholder":2812},true,"\n",[2148,2815,2816,2819,2822,2826,2829,2831,2835,2838,2841],{"class":2150,"line":2169},[2148,2817,2818],{"class":2766},"export",[2148,2820,2821],{"class":2766}," default",[2148,2823,2825],{"class":2824},"s2Zo4"," defineNuxtPlugin",[2148,2827,2828],{"class":2488},"(",[2148,2830,2828],{"class":2457},[2148,2832,2834],{"class":2833},"sHdIc","nuxtApp",[2148,2836,2837],{"class":2457},")",[2148,2839,2840],{"class":2478}," =>",[2148,2842,2613],{"class":2457},[2148,2844,2845,2848,2850,2852,2854,2857,2860],{"class":2150,"line":2175},[2148,2846,2847],{"class":2824},"  provideMediaRenderers",[2148,2849,2828],{"class":2461},[2148,2851,2834],{"class":2488},[2148,2853,2282],{"class":2457},[2148,2855,2856],{"class":2488},"vueApp",[2148,2858,2859],{"class":2457},",",[2148,2861,2613],{"class":2457},[2148,2863,2864,2867,2869,2872],{"class":2150,"line":2181},[2148,2865,2866],{"class":2461},"    video",[2148,2868,2621],{"class":2457},[2148,2870,2871],{"class":2488}," StreamingVideo",[2148,2873,2874],{"class":2457},",\n",[2148,2876,2877,2880,2882],{"class":2150,"line":2187},[2148,2878,2879],{"class":2457},"  }",[2148,2881,2837],{"class":2461},[2148,2883,2627],{"class":2457},[2148,2885,2886,2889,2891],{"class":2150,"line":2193},[2148,2887,2888],{"class":2457},"}",[2148,2890,2837],{"class":2488},[2148,2892,2627],{"class":2457},[2126,2894,2895,2896,2898,2899,2902,2903,2906,2907,2911],{},"The renderer receives the narrowed ",[2145,2897,2479],{}," object and the playback props, reads ",[2145,2900,2901],{},"media.sources"," and ",[2145,2904,2905],{},"media.streaming",", and decides whether a source plays natively or needs the player's engine. That is where a Mux, Bunny, Cloudflare Stream, or Vidstack player goes. See ",[2278,2908,2910],{"href":2909},"/laioutr-ui/ui-kit/general/media#overriding-with-a-custom-renderer","Overriding with a custom renderer"," for the full contract and a worked example.",[2585,2913,2915],{"id":2914},"the-library-is-a-connector","The library is a connector",[2126,2917,2918,2919,2922,2923,2925,2926,2928,2929,2931],{},"An external video service can appear in Studio as its own picker alongside the Laioutr CDN. That is the media-library connector interface: declare capabilities, answer ",[2145,2920,2921],{},"list",", and optionally handle uploads. Your ",[2145,2924,2921],{}," maps the provider's assets onto ",[2145,2927,2444],{}," values with ",[2145,2930,2723],{}," and a poster URL, and every downstream consumer keeps working, because the shape is canonical.",[2126,2933,2934,2935,2938,2939,2282],{},"The full contract, including staged uploads and the transient ",[2145,2936,2937],{},"processing"," state a transcoding backend needs, is in ",[2278,2940,180],{"href":181},[2585,2942,2944],{"id":2943},"what-changes-when-video-leaves-the-laioutr-cdn","What changes when video leaves the Laioutr CDN",[2126,2946,2947],{},"Adaptive providers buy capability at a cost that is worth naming before you commit:",[2526,2949,2950,2956,2962,2968],{},[2529,2951,2952,2955],{},[2304,2953,2954],{},"Delivery hostname."," Managed streaming services usually serve from a shared, account-wide playback domain. A branded per-project delivery host is a property of the Laioutr CDN path and does not carry over.",[2529,2957,2958,2961],{},[2304,2959,2960],{},"Isolation."," On the Laioutr CDN, one project's assets are in one bucket bound to one hostname. On a shared streaming account, separation depends on tagging and identifier secrecy instead.",[2529,2963,2964,2967],{},[2304,2965,2966],{},"Metering."," Streaming services bill stored and delivered minutes, and that traffic never touches the Laioutr CDN, so it does not appear in the delivered-bytes rollup. It is a separate line on a separate bill.",[2529,2969,2970,2973],{},[2304,2971,2972],{},"Upload shape."," Presigned single-PUT uploads are what the Laioutr CDN does. Resumable and multipart protocols used by streaming services are a different upload path, and the connector's finalize step waits for a transcode instead of confirming an object.",[2126,2975,2976],{},"A useful middle path keeps the file in the project's bucket as the source of truth and lets the streaming provider pull from it, so storage and delivery stay separable.",[2133,2978,2980],{"id":2979},"not-on-this-path-today","Not on this path today",[2126,2982,2983],{},"Stated plainly, so nothing is inferred from silence. The Laioutr CDN video path does not provide:",[2526,2985,2986,2992,2995,2998,3001],{},[2529,2987,2988,2989,2991],{},"Adaptive bitrate, HLS, or DASH from Laioutr's own delivery, which is what ",[2278,2990,2281],{"href":2280}," is for",[2529,2993,2994],{},"Signed or expiring delivery URLs, hotlink restrictions, or DRM; delivery is public by design, as storefront media is public content",[2529,2996,2997],{},"Watermarking, automatic content tagging, or a hosted player skin",[2529,2999,3000],{},"Transcode webhooks or a processing-status API, which the synchronous transform path has no need for",[2529,3002,3003],{},"Asset deletion from the picker",[3005,3006,3007],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":2143,"searchDepth":2157,"depth":2157,"links":3009},[3010,3011,3012,3013,3014,3015,3016,3022],{"id":2135,"depth":2157,"text":2136},{"id":2205,"depth":2157,"text":2206},{"id":2285,"depth":2157,"text":2286},{"id":2327,"depth":2157,"text":2328},{"id":2434,"depth":2157,"text":2435},{"id":2570,"depth":2157,"text":2571},{"id":2580,"depth":2157,"text":2281,"children":3017},[3018,3019,3020,3021],{"id":2587,"depth":2163,"text":2588},{"id":2735,"depth":2163,"text":2736},{"id":2914,"depth":2163,"text":2915},{"id":2943,"depth":2163,"text":2944},{"id":2979,"depth":2157,"text":2980},"How the Laioutr CDN stores, transforms, and delivers video, what the upload envelope allows, and which seams let you put an adaptive-streaming provider behind the same storefront components.","md",[],{},{"title":1901,"description":3028},"How the Laioutr CDN stores, transforms, and delivers video, what the upload envelope allows, and which seams let you plug in an adaptive-streaming provider.",{"loc":1902,"lastmod":3030,"changefreq":3031,"priority":2151},"2026-09-02","monthly","KbDCVl72coQ0c214jABE_-q2FT9BZKg3Lrdrj81ryCU",[3034,3036],{"title":1895,"path":1896,"stem":1897,"description":3035,"children":-1},"The Laioutr CDN stores and delivers a project's images and video from its own bucket and its own delivery hostname, with Cloudflare transformations and edge caching in front of it.",{"title":597,"path":1905,"stem":1906,"description":3037,"children":-1},"Overview of Laioutr’s composable checkout library and how it connects to your ecommerce backend and payment providers.",1788343588417]