[{"data":1,"prerenderedAt":5776},["ShallowReactive",2],{"navigation_docs":3,"-frontend-api-reference-common-types-media":1905,"-frontend-api-reference-common-types-media-surround":5121,"changelog-data":5126,"/frontend/api-reference/common-types/media-Media-0.30.1-0-note":5160,"/frontend/api-reference/common-types/media-Media-0.30.1-1-note":5241,"/frontend/api-reference/common-types/media-Media-0.30.1-2-note":5283,"/frontend/api-reference/common-types/media-Media-0.30.1-1-migration":5338,"/frontend/api-reference/common-types/media-Media-0.30.1-2-migration":5553},[4,136,463,647,1532,1622,1628,1634,1693,1792],{"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},"MCP Server","/getting-started/mcp-server","0.getting-started/7.mcp-server",{"title":137,"path":138,"stem":139,"children":140},"Frontend","/frontend","1.Frontend/0.index",[141,142,153,215,241,305],{"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],{"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},"Currencies","/frontend/features/currencies","1.Frontend/2.Features/currencies",{"title":168,"path":169,"stem":170},"Environments & Staging","/frontend/features/environments","1.Frontend/2.Features/environments",{"title":172,"path":173,"stem":174},"Hooks","/frontend/features/hooks","1.Frontend/2.Features/hooks",{"title":176,"path":177,"stem":178},"Media and Media Library","/frontend/features/media","1.Frontend/2.Features/media",{"title":180,"path":181,"stem":182},"Multi-language Support","/frontend/features/multi-language-support","1.Frontend/2.Features/multi-language-support",{"title":184,"path":185,"stem":186},"Multi-market","/frontend/features/multi-market","1.Frontend/2.Features/multi-market",{"title":188,"path":189,"stem":190},"Page Types","/frontend/features/pagetypes","1.Frontend/2.Features/pagetypes",{"title":192,"path":193,"stem":194},"PWA","/frontend/features/pwa","1.Frontend/2.Features/pwa",{"title":196,"path":197,"stem":198},"Redirects","/frontend/features/redirects","1.Frontend/2.Features/redirects",{"title":200,"path":201,"stem":202},"Routing","/frontend/features/routing","1.Frontend/2.Features/routing",{"title":204,"path":205,"stem":206},"Server-Side Rendering (SSR) and Caching","/frontend/features/ssr-and-caching","1.Frontend/2.Features/ssr-and-caching",{"title":208,"path":209,"stem":210},"Tracking","/frontend/features/tracking","1.Frontend/2.Features/tracking",{"title":212,"path":213,"stem":214},"Z-Ordering","/frontend/features/z-ordering","1.Frontend/2.Features/z-ordering",{"title":216,"path":217,"stem":218,"children":219},"SEO","/frontend/seo","1.Frontend/3.SEO/0.index",[220,221,225,229,233,237],{"title":216,"path":217,"stem":218},{"title":222,"path":223,"stem":224},"Link Checker","/frontend/seo/link-checker","1.Frontend/3.SEO/link-checker",{"title":226,"path":227,"stem":228},"OG Image","/frontend/seo/og-image","1.Frontend/3.SEO/og-image",{"title":230,"path":231,"stem":232},"Robots.txt","/frontend/seo/robots-txt","1.Frontend/3.SEO/robots-txt",{"title":234,"path":235,"stem":236},"Schema.org","/frontend/seo/schema-org","1.Frontend/3.SEO/schema-org",{"title":238,"path":239,"stem":240},"Sitemap","/frontend/seo/sitemap","1.Frontend/3.SEO/sitemap",{"title":242,"path":243,"stem":244,"children":245},"Backend for Frontend","/frontend/orchestr","1.Frontend/4.Orchestr/0.index",[246,247,273,277,281,285,289,293,297,301],{"title":242,"path":243,"stem":244},{"title":248,"path":249,"stem":250,"children":251},"Recipes","/frontend/orchestr/recipes","1.Frontend/4.Orchestr/99.recipes/0.index",[252,253,257,261,265,269],{"title":248,"path":249,"stem":250},{"title":254,"path":255,"stem":256},"Analytics components from query handlers","/frontend/orchestr/recipes/analytics-from-query-handlers","1.Frontend/4.Orchestr/99.recipes/analytics-from-query-handlers",{"title":258,"path":259,"stem":260},"Identity cookies (cart and visitor IDs)","/frontend/orchestr/recipes/identity-cookies","1.Frontend/4.Orchestr/99.recipes/identity-cookies",{"title":262,"path":263,"stem":264},"System bootstrap in extendRequest","/frontend/orchestr/recipes/system-bootstrap","1.Frontend/4.Orchestr/99.recipes/system-bootstrap",{"title":266,"path":267,"stem":268},"Translating vendor errors","/frontend/orchestr/recipes/translating-vendor-errors","1.Frontend/4.Orchestr/99.recipes/translating-vendor-errors",{"title":270,"path":271,"stem":272},"Userland cache patterns","/frontend/orchestr/recipes/userland-cache-patterns","1.Frontend/4.Orchestr/99.recipes/userland-cache-patterns",{"title":274,"path":275,"stem":276},"Actions","/frontend/orchestr/actions","1.Frontend/4.Orchestr/Actions",{"title":278,"path":279,"stem":280},"Caching","/frontend/orchestr/caching","1.Frontend/4.Orchestr/Caching",{"title":282,"path":283,"stem":284},"Middleware","/frontend/orchestr/middleware","1.Frontend/4.Orchestr/Middleware",{"title":286,"path":287,"stem":288},"Queries & Links","/frontend/orchestr/queries","1.Frontend/4.Orchestr/Queries",{"title":290,"path":291,"stem":292},"Component Resolvers","/frontend/orchestr/component-resolvers","1.Frontend/4.Orchestr/component-resolvers",{"title":294,"path":295,"stem":296},"Filters","/frontend/orchestr/filters","1.Frontend/4.Orchestr/filters",{"title":298,"path":299,"stem":300},"URL Query Parameters","/frontend/orchestr/url-query-params","1.Frontend/4.Orchestr/url-query-params",{"title":302,"path":303,"stem":304},"Orchestr Wire Format","/frontend/orchestr/wire-format","1.Frontend/4.Orchestr/wire-format",{"title":306,"path":307,"stem":308,"children":309},"API Reference","/frontend/api-reference","1.Frontend/99.api-reference/0.index",[310,311,373,376,406,422,430,441,449,456],{"title":306,"path":307,"stem":308},{"title":312,"path":313,"stem":314,"children":315},"Entities","/frontend/api-reference/entities","1.Frontend/99.api-reference/01.entities/0.index",[316,317,321,325,329,333,337,341,345,349,353,357,361,365,369],{"title":312,"path":313,"stem":314},{"title":318,"path":319,"stem":320},"Product","/frontend/api-reference/entities/product","1.Frontend/99.api-reference/01.entities/1.product",{"title":322,"path":323,"stem":324},"SuggestedSearch","/frontend/api-reference/entities/suggested-search","1.Frontend/99.api-reference/01.entities/10.suggested-search",{"title":326,"path":327,"stem":328},"SuggestedSearchEntry","/frontend/api-reference/entities/suggested-search-entry","1.Frontend/99.api-reference/01.entities/11.suggested-search-entry",{"title":330,"path":331,"stem":332},"BlogCollection","/frontend/api-reference/entities/blog-collection","1.Frontend/99.api-reference/01.entities/12.blog-collection",{"title":334,"path":335,"stem":336},"Comment","/frontend/api-reference/entities/comment","1.Frontend/99.api-reference/01.entities/13.comment",{"title":338,"path":339,"stem":340},"Location","/frontend/api-reference/entities/location","1.Frontend/99.api-reference/01.entities/14.location",{"title":342,"path":343,"stem":344},"ProductVariant","/frontend/api-reference/entities/product-variant","1.Frontend/99.api-reference/01.entities/2.product-variant",{"title":346,"path":347,"stem":348},"Category","/frontend/api-reference/entities/category","1.Frontend/99.api-reference/01.entities/3.category",{"title":350,"path":351,"stem":352},"Cart","/frontend/api-reference/entities/cart","1.Frontend/99.api-reference/01.entities/4.cart",{"title":354,"path":355,"stem":356},"CartItem","/frontend/api-reference/entities/cart-item","1.Frontend/99.api-reference/01.entities/5.cart-item",{"title":358,"path":359,"stem":360},"Review","/frontend/api-reference/entities/review","1.Frontend/99.api-reference/01.entities/6.review",{"title":362,"path":363,"stem":364},"BreadcrumbItem","/frontend/api-reference/entities/breadcrumb-item","1.Frontend/99.api-reference/01.entities/7.breadcrumb-item",{"title":366,"path":367,"stem":368},"MenuItem","/frontend/api-reference/entities/menu-item","1.Frontend/99.api-reference/01.entities/8.menu-item",{"title":370,"path":371,"stem":372},"BlogPost","/frontend/api-reference/entities/blog-post","1.Frontend/99.api-reference/01.entities/9.blog-post",{"title":188,"path":374,"stem":375},"/frontend/api-reference/page-types","1.Frontend/99.api-reference/02.page-types",{"title":377,"path":378,"stem":379,"children":380},"Common Types","/frontend/api-reference/common-types","1.Frontend/99.api-reference/03.common-types/0.index",[381,382,386,390,394,398,402],{"title":377,"path":378,"stem":379},{"title":383,"path":384,"stem":385},"Link","/frontend/api-reference/common-types/link","1.Frontend/99.api-reference/03.common-types/1.link",{"title":387,"path":388,"stem":389},"Media","/frontend/api-reference/common-types/media","1.Frontend/99.api-reference/03.common-types/2.media",{"title":391,"path":392,"stem":393},"Money","/frontend/api-reference/common-types/money","1.Frontend/99.api-reference/03.common-types/3.money",{"title":395,"path":396,"stem":397},"UnitPrice","/frontend/api-reference/common-types/unit-price","1.Frontend/99.api-reference/03.common-types/4.unit-price",{"title":399,"path":400,"stem":401},"Measurement","/frontend/api-reference/common-types/measurement","1.Frontend/99.api-reference/03.common-types/5.measurement",{"title":403,"path":404,"stem":405},"Opening Hours","/frontend/api-reference/common-types/opening-hours","1.Frontend/99.api-reference/03.common-types/6.opening-hours",{"title":407,"path":408,"stem":409,"children":410,"page":55},"Ecommerce","/frontend/api-reference/ecommerce","1.Frontend/99.api-reference/10.ecommerce",[411,414,418],{"title":274,"path":412,"stem":413},"/frontend/api-reference/ecommerce/actions","1.Frontend/99.api-reference/10.ecommerce/1.actions",{"title":415,"path":416,"stem":417},"Queries","/frontend/api-reference/ecommerce/queries","1.Frontend/99.api-reference/10.ecommerce/2.queries",{"title":419,"path":420,"stem":421},"Errors","/frontend/api-reference/ecommerce/errors","1.Frontend/99.api-reference/10.ecommerce/3.errors",{"title":423,"path":424,"stem":425,"children":426,"page":55},"Newsletter","/frontend/api-reference/newsletter","1.Frontend/99.api-reference/11.newsletter",[427],{"title":274,"path":428,"stem":429},"/frontend/api-reference/newsletter/actions","1.Frontend/99.api-reference/11.newsletter/1.actions",{"title":431,"path":432,"stem":433,"children":434,"page":55},"Blog","/frontend/api-reference/blog","1.Frontend/99.api-reference/12.blog",[435,438],{"title":415,"path":436,"stem":437},"/frontend/api-reference/blog/queries","1.Frontend/99.api-reference/12.blog/1.queries",{"title":419,"path":439,"stem":440},"/frontend/api-reference/blog/errors","1.Frontend/99.api-reference/12.blog/2.errors",{"title":442,"path":443,"stem":444,"children":445,"page":55},"Suggested Search","/frontend/api-reference/suggested-search","1.Frontend/99.api-reference/13.suggested-search",[446],{"title":415,"path":447,"stem":448},"/frontend/api-reference/suggested-search/queries","1.Frontend/99.api-reference/13.suggested-search/1.queries",{"title":208,"path":450,"stem":451,"children":452,"page":55},"/frontend/api-reference/tracking","1.Frontend/99.api-reference/14.tracking",[453],{"title":274,"path":454,"stem":455},"/frontend/api-reference/tracking/actions","1.Frontend/99.api-reference/14.tracking/1.actions",{"title":338,"path":457,"stem":458,"children":459,"page":55},"/frontend/api-reference/location","1.Frontend/99.api-reference/15.location",[460],{"title":415,"path":461,"stem":462},"/frontend/api-reference/location/queries","1.Frontend/99.api-reference/15.location/1.queries",{"title":464,"path":465,"stem":466,"children":467},"Apps","/apps","2.Apps/0.index",[468,469,545,631],{"title":464,"path":465,"stem":466},{"title":470,"path":471,"stem":472,"children":473},"App Development","/apps/app-development","2.Apps/app-development/0.index",[474,475,497,501,505,509,513,517,521,525,529,533,537,541],{"title":470,"path":471,"stem":472},{"title":476,"path":477,"stem":478,"children":479},"Guides","/apps/app-development/guides","2.Apps/app-development/99.guides/0.index",[480,481,485,489,493],{"title":476,"path":477,"stem":478},{"title":482,"path":483,"stem":484},"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":486,"path":487,"stem":488},"Section config standard","/apps/app-development/guides/section-config-standard","2.Apps/app-development/99.guides/section-config-standard",{"title":490,"path":491,"stem":492},"Shared field factories","/apps/app-development/guides/shared-field-factories","2.Apps/app-development/99.guides/shared-field-factories",{"title":494,"path":495,"stem":496},"How to write CSS","/apps/app-development/guides/writing-css","2.Apps/app-development/99.guides/writing-css",{"title":498,"path":499,"stem":500},"App Configuration","/apps/app-development/app-configuration","2.Apps/app-development/app-configuration",{"title":502,"path":503,"stem":504},"App Starter","/apps/app-development/app-starter","2.Apps/app-development/app-starter",{"title":506,"path":507,"stem":508},"Best Practice","/apps/app-development/best-practice","2.Apps/app-development/best-practice",{"title":510,"path":511,"stem":512},"Block Definitions","/apps/app-development/block-definitions","2.Apps/app-development/block-definitions",{"title":514,"path":515,"stem":516},"Coding Standards","/apps/app-development/coding-standards","2.Apps/app-development/coding-standards",{"title":518,"path":519,"stem":520},"Consent Adapters","/apps/app-development/consent-adapters","2.Apps/app-development/consent-adapters",{"title":522,"path":523,"stem":524},"Consuming Query Fields","/apps/app-development/consuming-query-fields","2.Apps/app-development/consuming-query-fields",{"title":526,"path":527,"stem":528},"Implementation Overview","/apps/app-development/implementation-overview","2.Apps/app-development/implementation-overview",{"title":530,"path":531,"stem":532},"Platform Dependencies","/apps/app-development/platform-dependencies","2.Apps/app-development/platform-dependencies",{"title":534,"path":535,"stem":536},"Schema Fields","/apps/app-development/schema-fields","2.Apps/app-development/schema-fields",{"title":538,"path":539,"stem":540},"Section Definitions","/apps/app-development/section-definitions","2.Apps/app-development/section-definitions",{"title":542,"path":543,"stem":544},"Studio Icons","/apps/app-development/studio-icons","2.Apps/app-development/studio-icons",{"title":546,"path":547,"stem":548,"children":549},"App Docs","/apps/app-docs","2.Apps/app-docs/0.index",[550,551,555,559,563,567,571,575,579,583,587,591,595,599,603,607,611,615,619,623,627],{"title":546,"path":547,"stem":548},{"title":552,"path":553,"stem":554},"Actindo","/apps/app-docs/actindo","2.Apps/app-docs/actindo",{"title":556,"path":557,"stem":558},"Adobe Commerce","/apps/app-docs/adobe-commerce","2.Apps/app-docs/adobe-commerce",{"title":560,"path":561,"stem":562},"B2Bsellers","/apps/app-docs/b2bsellers","2.Apps/app-docs/b2bsellers",{"title":564,"path":565,"stem":566},"Battery Included","/apps/app-docs/battery-included","2.Apps/app-docs/battery-included",{"title":568,"path":569,"stem":570},"CCM19","/apps/app-docs/ccm19","2.Apps/app-docs/ccm19",{"title":572,"path":573,"stem":574},"Cookiebot","/apps/app-docs/cookiebot","2.Apps/app-docs/cookiebot",{"title":576,"path":577,"stem":578},"Google Tag Manager (GTM)","/apps/app-docs/gtm","2.Apps/app-docs/gtm",{"title":580,"path":581,"stem":582},"Hygraph","/apps/app-docs/hygraph","2.Apps/app-docs/hygraph",{"title":584,"path":585,"stem":586},"JTL Platform","/apps/app-docs/jtl-platform","2.Apps/app-docs/jtl-platform",{"title":588,"path":589,"stem":590},"Nimstrata Google Retail API","/apps/app-docs/nimstrata","2.Apps/app-docs/nimstrata",{"title":592,"path":593,"stem":594},"Pimcore","/apps/app-docs/pimcore","2.Apps/app-docs/pimcore",{"title":596,"path":597,"stem":598},"Sylius","/apps/app-docs/sylius","2.Apps/app-docs/sylius",{"title":600,"path":601,"stem":602},"Commercetools","/apps/app-docs/commercetools","2.apps/app-docs/commercetools",{"title":604,"path":605,"stem":606},"Emporix","/apps/app-docs/emporix","2.apps/app-docs/emporix",{"title":608,"path":609,"stem":610},"Klaviyo","/apps/app-docs/klaviyo","2.apps/app-docs/klaviyo",{"title":612,"path":613,"stem":614},"OXID eShop","/apps/app-docs/oxid","2.apps/app-docs/oxid",{"title":616,"path":617,"stem":618},"Shopify","/apps/app-docs/shopify","2.apps/app-docs/shopify",{"title":620,"path":621,"stem":622},"Shopware","/apps/app-docs/shopware","2.apps/app-docs/shopware",{"title":624,"path":625,"stem":626},"Vercel Analytics","/apps/app-docs/vercel-analytics","2.apps/app-docs/vercel-analytics",{"title":628,"path":629,"stem":630},"Vercel Speed Insights","/apps/app-docs/vercel-speed-insights","2.apps/app-docs/vercel-speed-insights",{"title":632,"path":633,"stem":634,"children":635,"page":55},"Essentials","/apps/essentials","2.Apps/essentials",[636,640,644],{"title":637,"path":638,"stem":639},"Legal","/apps/essentials/legal","2.Apps/essentials/legal",{"title":641,"path":642,"stem":643},"Mailer","/apps/essentials/mailer","2.Apps/essentials/mailer",{"title":216,"path":645,"stem":646},"/apps/essentials/seo","2.Apps/essentials/seo",{"title":648,"path":649,"stem":650,"children":651},"Laioutr UI","/laioutr-ui","3.laioutr-ui/0.index",[652,653,685,691,697,885,902,908,914,968,986,1116],{"title":648,"path":649,"stem":650},{"title":5,"path":654,"stem":655,"children":656},"/laioutr-ui/getting-started","3.laioutr-ui/01.getting-started/0.index",[657,658,662,666,670,674,678,682],{"title":5,"path":654,"stem":655},{"title":659,"path":660,"stem":661},"Browser support","/laioutr-ui/getting-started/browser-support","3.laioutr-ui/01.getting-started/1.browser-support",{"title":663,"path":664,"stem":665},"Common Data","/laioutr-ui/getting-started/common-data","3.laioutr-ui/01.getting-started/99.common-data",{"title":667,"path":668,"stem":669},"CSS Layers","/laioutr-ui/getting-started/css-layers","3.laioutr-ui/01.getting-started/css-layers",{"title":671,"path":672,"stem":673},"Figma Kit","/laioutr-ui/getting-started/figma-kit","3.laioutr-ui/01.getting-started/figma-kit",{"title":675,"path":676,"stem":677},"Surface Tone","/laioutr-ui/getting-started/surface-tone","3.laioutr-ui/01.getting-started/surface-tone",{"title":679,"path":680,"stem":681},"Theming","/laioutr-ui/getting-started/theming","3.laioutr-ui/01.getting-started/theming",{"title":212,"path":683,"stem":684},"/laioutr-ui/getting-started/z-ordering","3.laioutr-ui/01.getting-started/z-ordering",{"title":686,"path":687,"stem":688,"children":689},"B2B","/laioutr-ui/b2b","3.laioutr-ui/b2b/0.index",[690],{"title":686,"path":687,"stem":688},{"title":692,"path":693,"stem":694,"children":695},"Booking","/laioutr-ui/booking","3.laioutr-ui/booking/0.index",[696],{"title":692,"path":693,"stem":694},{"title":698,"path":699,"stem":700,"children":701},"CMS","/laioutr-ui/cms","3.laioutr-ui/cms/0.index",[702,703,709,734,746,750,754,758,762,766,778,799,820,836],{"title":698,"path":699,"stem":700},{"title":704,"path":705,"stem":706,"children":707},"Alphabetical Index","/laioutr-ui/cms/alphabetical-index","3.laioutr-ui/cms/alphabetical-index",[708],{"title":704,"path":705,"stem":706},{"title":710,"path":711,"stem":712,"children":713,"page":55},"Banner","/laioutr-ui/cms/banner","3.laioutr-ui/cms/banner",[714,718,722,726,730],{"title":715,"path":716,"stem":717},"Banner Basic","/laioutr-ui/cms/banner/banner-basic","3.laioutr-ui/cms/banner/banner-basic",{"title":719,"path":720,"stem":721},"Banner Integrated","/laioutr-ui/cms/banner/banner-integrated","3.laioutr-ui/cms/banner/banner-integrated",{"title":723,"path":724,"stem":725},"Banner Showcase","/laioutr-ui/cms/banner/banner-showcase","3.laioutr-ui/cms/banner/banner-showcase",{"title":727,"path":728,"stem":729},"Media + Text","/laioutr-ui/cms/banner/media-text","3.laioutr-ui/cms/banner/media-text",{"title":731,"path":732,"stem":733},"USP Banner","/laioutr-ui/cms/banner/usp-banner","3.laioutr-ui/cms/banner/usp-banner",{"title":431,"path":735,"stem":736,"children":737,"page":55},"/laioutr-ui/cms/blog","3.laioutr-ui/cms/blog",[738,742],{"title":739,"path":740,"stem":741},"Blog Post Detail","/laioutr-ui/cms/blog/blog-post-detail","3.laioutr-ui/cms/blog/blog-post-detail",{"title":743,"path":744,"stem":745},"Blog Post Listing","/laioutr-ui/cms/blog/blog-post-listing","3.laioutr-ui/cms/blog/blog-post-listing",{"title":747,"path":748,"stem":749},"Brand Hero","/laioutr-ui/cms/brand-hero","3.laioutr-ui/cms/brand-hero",{"title":751,"path":752,"stem":753},"Container","/laioutr-ui/cms/container","3.laioutr-ui/cms/container",{"title":755,"path":756,"stem":757},"Content Grid","/laioutr-ui/cms/content-grid","3.laioutr-ui/cms/content-grid",{"title":759,"path":760,"stem":761},"Editorial Grid","/laioutr-ui/cms/editorial-grid","3.laioutr-ui/cms/editorial-grid",{"title":763,"path":764,"stem":765},"Media Gallery","/laioutr-ui/cms/media-gallery","3.laioutr-ui/cms/media-gallery",{"title":423,"path":767,"stem":768,"children":769,"page":55},"/laioutr-ui/cms/newsletter","3.laioutr-ui/cms/newsletter",[770,774],{"title":771,"path":772,"stem":773},"Email Input Form","/laioutr-ui/cms/newsletter/email-input-form","3.laioutr-ui/cms/newsletter/email-input-form",{"title":775,"path":776,"stem":777},"Newsletter Registration","/laioutr-ui/cms/newsletter/newsletter-registration","3.laioutr-ui/cms/newsletter/newsletter-registration",{"title":779,"path":780,"stem":781,"children":782,"page":55},"Popups","/laioutr-ui/cms/popups","3.laioutr-ui/cms/popups",[783,787,791,795],{"title":784,"path":785,"stem":786},"PopUp","/laioutr-ui/cms/popups/pop-up","3.laioutr-ui/cms/popups/pop-up",{"title":788,"path":789,"stem":790},"PopUp Info","/laioutr-ui/cms/popups/pop-up-info","3.laioutr-ui/cms/popups/pop-up-info",{"title":792,"path":793,"stem":794},"PopUp Newsletter","/laioutr-ui/cms/popups/pop-up-newsletter","3.laioutr-ui/cms/popups/pop-up-newsletter",{"title":796,"path":797,"stem":798},"PopUp Promotion","/laioutr-ui/cms/popups/pop-up-promotion","3.laioutr-ui/cms/popups/pop-up-promotion",{"title":800,"path":801,"stem":802,"children":803,"page":55},"Quotes","/laioutr-ui/cms/quotes","3.laioutr-ui/cms/quotes",[804,808,812,816],{"title":805,"path":806,"stem":807},"Persona Quote","/laioutr-ui/cms/quotes/persona-quote","3.laioutr-ui/cms/quotes/persona-quote",{"title":809,"path":810,"stem":811},"Persona Quote Slider","/laioutr-ui/cms/quotes/persona-quote-slider","3.laioutr-ui/cms/quotes/persona-quote-slider",{"title":813,"path":814,"stem":815},"Quote Card","/laioutr-ui/cms/quotes/quote-card","3.laioutr-ui/cms/quotes/quote-card",{"title":817,"path":818,"stem":819},"Quote Card Slider","/laioutr-ui/cms/quotes/quote-card-slider","3.laioutr-ui/cms/quotes/quote-card-slider",{"title":821,"path":822,"stem":823,"children":824,"page":55},"Reviews","/laioutr-ui/cms/reviews","3.laioutr-ui/cms/reviews",[825,828,832],{"title":358,"path":826,"stem":827},"/laioutr-ui/cms/reviews/review","3.laioutr-ui/cms/reviews/review",{"title":829,"path":830,"stem":831},"Review Form","/laioutr-ui/cms/reviews/review-form","3.laioutr-ui/cms/reviews/review-form",{"title":833,"path":834,"stem":835},"Social Share","/laioutr-ui/cms/reviews/social-share","3.laioutr-ui/cms/reviews/social-share",{"title":837,"path":838,"stem":839,"children":840,"page":55},"Slider","/laioutr-ui/cms/slider","3.laioutr-ui/cms/slider",[841,845,849,853,857,861,865,869,873,877,881],{"title":842,"path":843,"stem":844},"Content Slider","/laioutr-ui/cms/slider/content-slider","3.laioutr-ui/cms/slider/content-slider",{"title":846,"path":847,"stem":848},"Hero Slider","/laioutr-ui/cms/slider/hero-slider","3.laioutr-ui/cms/slider/hero-slider",{"title":850,"path":851,"stem":852},"Logo Grid","/laioutr-ui/cms/slider/logo-grid","3.laioutr-ui/cms/slider/logo-grid",{"title":854,"path":855,"stem":856},"Logo Slider","/laioutr-ui/cms/slider/logo-slider","3.laioutr-ui/cms/slider/logo-slider",{"title":858,"path":859,"stem":860},"Swiper Arrows","/laioutr-ui/cms/slider/swiper-arrows","3.laioutr-ui/cms/slider/swiper-arrows",{"title":862,"path":863,"stem":864},"Swiper Bullets","/laioutr-ui/cms/slider/swiper-bullets","3.laioutr-ui/cms/slider/swiper-bullets",{"title":866,"path":867,"stem":868},"Swiper Chrome","/laioutr-ui/cms/slider/swiper-chrome","3.laioutr-ui/cms/slider/swiper-chrome",{"title":870,"path":871,"stem":872},"Swiper Nav Bar","/laioutr-ui/cms/slider/swiper-nav-bar","3.laioutr-ui/cms/slider/swiper-nav-bar",{"title":874,"path":875,"stem":876},"Swiper Numbers","/laioutr-ui/cms/slider/swiper-numbers","3.laioutr-ui/cms/slider/swiper-numbers",{"title":878,"path":879,"stem":880},"Swiper Scrollbar","/laioutr-ui/cms/slider/swiper-scrollbar","3.laioutr-ui/cms/slider/swiper-scrollbar",{"title":882,"path":883,"stem":884},"Thumbnails Slider","/laioutr-ui/cms/slider/thumbnails-slider","3.laioutr-ui/cms/slider/thumbnails-slider",{"title":338,"path":886,"stem":887,"children":888},"/laioutr-ui/location","3.laioutr-ui/location/0.index",[889,890,894,898],{"title":338,"path":886,"stem":887},{"title":891,"path":892,"stem":893},"Location Card","/laioutr-ui/location/location-card","3.laioutr-ui/location/location-card",{"title":895,"path":896,"stem":897},"Location Detail","/laioutr-ui/location/location-detail","3.laioutr-ui/location/location-detail",{"title":899,"path":900,"stem":901},"Location Finder","/laioutr-ui/location/location-finder","3.laioutr-ui/location/location-finder",{"title":903,"path":904,"stem":905,"children":906},"Marketplace","/laioutr-ui/marketplace","3.laioutr-ui/marketplace/0.index",[907],{"title":903,"path":904,"stem":905},{"title":909,"path":910,"stem":911,"children":912},"Multichannel","/laioutr-ui/multichannel","3.laioutr-ui/multichannel/0.index",[913],{"title":909,"path":910,"stem":911},{"title":915,"path":916,"stem":917,"children":918},"Navigation & Headers","/laioutr-ui/navigation","3.laioutr-ui/navigation/0.index",[919,920,924,928,932,936,940,944,948,952,956,960,964],{"title":915,"path":916,"stem":917},{"title":921,"path":922,"stem":923},"Breadcrumbs","/laioutr-ui/navigation/breadcrumbs","3.laioutr-ui/navigation/breadcrumbs",{"title":925,"path":926,"stem":927},"Footer","/laioutr-ui/navigation/footer","3.laioutr-ui/navigation/footer",{"title":929,"path":930,"stem":931},"Footer Menu","/laioutr-ui/navigation/footer-menu","3.laioutr-ui/navigation/footer-menu",{"title":933,"path":934,"stem":935},"Header Basic","/laioutr-ui/navigation/header-basic","3.laioutr-ui/navigation/header-basic",{"title":937,"path":938,"stem":939},"Header Shop","/laioutr-ui/navigation/header-shop","3.laioutr-ui/navigation/header-shop",{"title":941,"path":942,"stem":943},"Mega Menu","/laioutr-ui/navigation/mega-menu","3.laioutr-ui/navigation/mega-menu",{"title":945,"path":946,"stem":947},"Menu Side by Side","/laioutr-ui/navigation/menu-side-by-side","3.laioutr-ui/navigation/menu-side-by-side",{"title":949,"path":950,"stem":951},"Mobile Menu (Basic)","/laioutr-ui/navigation/mobile-menu-basic","3.laioutr-ui/navigation/mobile-menu-basic",{"title":953,"path":954,"stem":955},"Mobile Menu (Shop)","/laioutr-ui/navigation/mobile-menu-shop","3.laioutr-ui/navigation/mobile-menu-shop",{"title":957,"path":958,"stem":959},"Page Not Found","/laioutr-ui/navigation/page-not-found","3.laioutr-ui/navigation/page-not-found",{"title":961,"path":962,"stem":963},"Search Auto-Suggest","/laioutr-ui/navigation/search-auto-suggest","3.laioutr-ui/navigation/search-auto-suggest",{"title":965,"path":966,"stem":967},"Top Bar","/laioutr-ui/navigation/top-bar","3.laioutr-ui/navigation/top-bar",{"title":969,"path":970,"stem":971,"children":972},"SaaS","/laioutr-ui/saas","3.laioutr-ui/saas/0.index",[973,974,978,982],{"title":969,"path":970,"stem":971},{"title":975,"path":976,"stem":977},"Plan Card","/laioutr-ui/saas/plan-card","3.laioutr-ui/saas/plan-card",{"title":979,"path":980,"stem":981},"Plan Card Slider","/laioutr-ui/saas/plan-card-slider","3.laioutr-ui/saas/plan-card-slider",{"title":983,"path":984,"stem":985},"Plan Comparison Table","/laioutr-ui/saas/plan-comparison-table","3.laioutr-ui/saas/plan-comparison-table",{"title":987,"path":988,"stem":989,"children":990},"Shop","/laioutr-ui/shop","3.laioutr-ui/shop/0.index",[991,992,1020,1024,1028,1032,1036,1092,1096,1100,1104,1108,1112],{"title":987,"path":988,"stem":989},{"title":350,"path":993,"stem":994,"children":995,"page":55},"/laioutr-ui/shop/cart","3.laioutr-ui/shop/cart",[996,1000,1004,1008,1012,1016],{"title":997,"path":998,"stem":999},"Cart Coupon Code Accordion","/laioutr-ui/shop/cart/cart-coupon-code-accordion","3.laioutr-ui/shop/cart/cart-coupon-code-accordion",{"title":1001,"path":1002,"stem":1003},"Cart List Item","/laioutr-ui/shop/cart/cart-list-item","3.laioutr-ui/shop/cart/cart-list-item",{"title":1005,"path":1006,"stem":1007},"Cart Sheet","/laioutr-ui/shop/cart/cart-sheet","3.laioutr-ui/shop/cart/cart-sheet",{"title":1009,"path":1010,"stem":1011},"Cart Summary Box","/laioutr-ui/shop/cart/cart-summary-box","3.laioutr-ui/shop/cart/cart-summary-box",{"title":1013,"path":1014,"stem":1015},"Empty State Cart","/laioutr-ui/shop/cart/empty-state-cart","3.laioutr-ui/shop/cart/empty-state-cart",{"title":1017,"path":1018,"stem":1019},"Free Delivery Progress","/laioutr-ui/shop/cart/free-delivery-progress","3.laioutr-ui/shop/cart/free-delivery-progress",{"title":1021,"path":1022,"stem":1023},"Category Card Grid","/laioutr-ui/shop/category-card-grid","3.laioutr-ui/shop/category-card-grid",{"title":1025,"path":1026,"stem":1027},"Category Card Slider","/laioutr-ui/shop/category-card-slider","3.laioutr-ui/shop/category-card-slider",{"title":1029,"path":1030,"stem":1031},"Filter Bar","/laioutr-ui/shop/filter-bar","3.laioutr-ui/shop/filter-bar",{"title":1033,"path":1034,"stem":1035},"Filter Off Canvas","/laioutr-ui/shop/filter-off-canvas","3.laioutr-ui/shop/filter-off-canvas",{"title":1037,"path":1038,"stem":1039,"children":1040,"page":55},"Product Detail","/laioutr-ui/shop/product-detail","3.laioutr-ui/shop/product-detail",[1041,1045,1049,1053,1057,1061,1064,1068,1072,1076,1080,1084,1088],{"title":1042,"path":1043,"stem":1044},"Add to Cart","/laioutr-ui/shop/product-detail/add-to-cart","3.laioutr-ui/shop/product-detail/add-to-cart",{"title":1046,"path":1047,"stem":1048},"Benefits Box","/laioutr-ui/shop/product-detail/benefits-box","3.laioutr-ui/shop/product-detail/benefits-box",{"title":1050,"path":1051,"stem":1052},"Coupon Box","/laioutr-ui/shop/product-detail/coupon-box","3.laioutr-ui/shop/product-detail/coupon-box",{"title":1054,"path":1055,"stem":1056},"Energy Label","/laioutr-ui/shop/product-detail/energy-label","3.laioutr-ui/shop/product-detail/energy-label",{"title":1058,"path":1059,"stem":1060},"Price Info","/laioutr-ui/shop/product-detail/price-info","3.laioutr-ui/shop/product-detail/price-info",{"title":1037,"path":1062,"stem":1063},"/laioutr-ui/shop/product-detail/product-detail","3.laioutr-ui/shop/product-detail/product-detail",{"title":1065,"path":1066,"stem":1067},"Product Image Gallery","/laioutr-ui/shop/product-detail/product-image-gallery","3.laioutr-ui/shop/product-detail/product-image-gallery",{"title":1069,"path":1070,"stem":1071},"Product Title","/laioutr-ui/shop/product-detail/product-title","3.laioutr-ui/shop/product-detail/product-title",{"title":1073,"path":1074,"stem":1075},"Quantity Discount","/laioutr-ui/shop/product-detail/quantity-discount","3.laioutr-ui/shop/product-detail/quantity-discount",{"title":1077,"path":1078,"stem":1079},"Variant Off Canvas","/laioutr-ui/shop/product-detail/variant-off-canvas","3.laioutr-ui/shop/product-detail/variant-off-canvas",{"title":1081,"path":1082,"stem":1083},"Variant Selector Configurator","/laioutr-ui/shop/product-detail/variant-selector-configurator","3.laioutr-ui/shop/product-detail/variant-selector-configurator",{"title":1085,"path":1086,"stem":1087},"Variant Selector (Multiple)","/laioutr-ui/shop/product-detail/variant-selector-multiple","3.laioutr-ui/shop/product-detail/variant-selector-multiple",{"title":1089,"path":1090,"stem":1091},"Variant Selector Options","/laioutr-ui/shop/product-detail/variant-selector-options","3.laioutr-ui/shop/product-detail/variant-selector-options",{"title":1093,"path":1094,"stem":1095},"Product Listing Grid","/laioutr-ui/shop/product-listing-grid","3.laioutr-ui/shop/product-listing-grid",{"title":1097,"path":1098,"stem":1099},"Product Slider","/laioutr-ui/shop/product-slider","3.laioutr-ui/shop/product-slider",{"title":1101,"path":1102,"stem":1103},"Product Slider Showcase","/laioutr-ui/shop/product-slider-showcase","3.laioutr-ui/shop/product-slider-showcase",{"title":1105,"path":1106,"stem":1107},"Product Tile (Basic)","/laioutr-ui/shop/product-tile-basic","3.laioutr-ui/shop/product-tile-basic",{"title":1109,"path":1110,"stem":1111},"Search Result Hero","/laioutr-ui/shop/search-result-hero","3.laioutr-ui/shop/search-result-hero",{"title":1113,"path":1114,"stem":1115},"Sort Modes","/laioutr-ui/shop/sort-modes","3.laioutr-ui/shop/sort-modes",{"title":1117,"path":1118,"stem":1119,"children":1120},"UI Kit","/laioutr-ui/ui-kit","3.laioutr-ui/ui-kit/0.index",[1121,1122,1282,1306,1327,1344,1381,1490,1519],{"title":1117,"path":1118,"stem":1119},{"title":1123,"path":1124,"stem":1125,"children":1126,"page":55},"General","/laioutr-ui/ui-kit/general","3.laioutr-ui/ui-kit/01.general",[1127,1131,1135,1139,1143,1147,1151,1155,1159,1163,1167,1170,1174,1178,1182,1186,1190,1194,1198,1202,1206,1210,1214,1218,1222,1226,1230,1234,1238,1242,1246,1250,1254,1258,1262,1266,1270,1274,1278],{"title":1128,"path":1129,"stem":1130},"Accordion","/laioutr-ui/ui-kit/general/accordion","3.laioutr-ui/ui-kit/01.general/Accordion",{"title":1132,"path":1133,"stem":1134},"Avatar","/laioutr-ui/ui-kit/general/avatar","3.laioutr-ui/ui-kit/01.general/Avatar",{"title":1136,"path":1137,"stem":1138},"Backdrop","/laioutr-ui/ui-kit/general/backdrop","3.laioutr-ui/ui-kit/01.general/Backdrop",{"title":1140,"path":1141,"stem":1142},"Dropdown Menu","/laioutr-ui/ui-kit/general/dropdownmenu","3.laioutr-ui/ui-kit/01.general/DropdownMenu",{"title":1144,"path":1145,"stem":1146},"Edge Glow","/laioutr-ui/ui-kit/general/edgeglow","3.laioutr-ui/ui-kit/01.general/EdgeGlow",{"title":1148,"path":1149,"stem":1150},"Empty State","/laioutr-ui/ui-kit/general/emptystate","3.laioutr-ui/ui-kit/01.general/EmptyState",{"title":1152,"path":1153,"stem":1154},"Icon","/laioutr-ui/ui-kit/general/icon","3.laioutr-ui/ui-kit/01.general/Icon",{"title":1156,"path":1157,"stem":1158},"Image Contrast Overlay","/laioutr-ui/ui-kit/general/imagecontrastoverlay","3.laioutr-ui/ui-kit/01.general/ImageContrastOverlay",{"title":1160,"path":1161,"stem":1162},"Lightbox","/laioutr-ui/ui-kit/general/lightbox","3.laioutr-ui/ui-kit/01.general/Lightbox",{"title":1164,"path":1165,"stem":1166},"Loading Spinner","/laioutr-ui/ui-kit/general/loadingspinner","3.laioutr-ui/ui-kit/01.general/LoadingSpinner",{"title":387,"path":1168,"stem":1169},"/laioutr-ui/ui-kit/general/media","3.laioutr-ui/ui-kit/01.general/Media",{"title":1171,"path":1172,"stem":1173},"Navigation Bullets","/laioutr-ui/ui-kit/general/navigationbullets","3.laioutr-ui/ui-kit/01.general/NavigationBullets",{"title":1175,"path":1176,"stem":1177},"Placeholder","/laioutr-ui/ui-kit/general/placeholder","3.laioutr-ui/ui-kit/01.general/Placeholder",{"title":1179,"path":1180,"stem":1181},"Progress Bar","/laioutr-ui/ui-kit/general/progressbar","3.laioutr-ui/ui-kit/01.general/ProgressBar",{"title":1183,"path":1184,"stem":1185},"Scrollbar","/laioutr-ui/ui-kit/general/scrollbar","3.laioutr-ui/ui-kit/01.general/Scrollbar",{"title":1187,"path":1188,"stem":1189},"Swatch","/laioutr-ui/ui-kit/general/swatch","3.laioutr-ui/ui-kit/01.general/Swatch",{"title":1191,"path":1192,"stem":1193},"SwiperScrollbar","/laioutr-ui/ui-kit/general/swiperscrollbar","3.laioutr-ui/ui-kit/01.general/SwiperScrollbar",{"title":1195,"path":1196,"stem":1197},"Thumbnail","/laioutr-ui/ui-kit/general/thumbnail","3.laioutr-ui/ui-kit/01.general/Thumbnail",{"title":1199,"path":1200,"stem":1201},"Tooltip","/laioutr-ui/ui-kit/general/tooltip","3.laioutr-ui/ui-kit/01.general/Tooltip",{"title":1203,"path":1204,"stem":1205},"Amount Pill","/laioutr-ui/ui-kit/general/amount-pill","3.laioutr-ui/ui-kit/01.general/amount-pill",{"title":1207,"path":1208,"stem":1209},"Dark Mode Switch","/laioutr-ui/ui-kit/general/dark-mode-switch","3.laioutr-ui/ui-kit/01.general/dark-mode-switch",{"title":1211,"path":1212,"stem":1213},"Language Switcher","/laioutr-ui/ui-kit/general/language-switcher","3.laioutr-ui/ui-kit/01.general/language-switcher",{"title":1215,"path":1216,"stem":1217},"Media Preview","/laioutr-ui/ui-kit/general/media-preview","3.laioutr-ui/ui-kit/01.general/media-preview",{"title":1219,"path":1220,"stem":1221},"Media Stage","/laioutr-ui/ui-kit/general/media-stage","3.laioutr-ui/ui-kit/01.general/media-stage",{"title":1223,"path":1224,"stem":1225},"Nav Link Item","/laioutr-ui/ui-kit/general/nav-link-item","3.laioutr-ui/ui-kit/01.general/nav-link-item",{"title":1227,"path":1228,"stem":1229},"Nav Section Heading","/laioutr-ui/ui-kit/general/nav-section-heading","3.laioutr-ui/ui-kit/01.general/nav-section-heading",{"title":1231,"path":1232,"stem":1233},"OnSurface","/laioutr-ui/ui-kit/general/on-surface","3.laioutr-ui/ui-kit/01.general/on-surface",{"title":1235,"path":1236,"stem":1237},"Opening Hours Weekly Table","/laioutr-ui/ui-kit/general/opening-hours-weekly-table","3.laioutr-ui/ui-kit/01.general/opening-hours-weekly-table",{"title":1239,"path":1240,"stem":1241},"Opening Status","/laioutr-ui/ui-kit/general/opening-status","3.laioutr-ui/ui-kit/01.general/opening-status",{"title":1243,"path":1244,"stem":1245},"Opening Status Detail","/laioutr-ui/ui-kit/general/opening-status-detail","3.laioutr-ui/ui-kit/01.general/opening-status-detail",{"title":1247,"path":1248,"stem":1249},"Opening Status Indicator","/laioutr-ui/ui-kit/general/opening-status-indicator","3.laioutr-ui/ui-kit/01.general/opening-status-indicator",{"title":1251,"path":1252,"stem":1253},"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":1255,"path":1256,"stem":1257},"Status Message","/laioutr-ui/ui-kit/general/status-message","3.laioutr-ui/ui-kit/01.general/status-message",{"title":1259,"path":1260,"stem":1261},"Stock Info Summary","/laioutr-ui/ui-kit/general/stock-info-summary","3.laioutr-ui/ui-kit/01.general/stock-info-summary",{"title":1263,"path":1264,"stem":1265},"Swatch Chip","/laioutr-ui/ui-kit/general/swatch-chip","3.laioutr-ui/ui-kit/01.general/swatch-chip",{"title":1267,"path":1268,"stem":1269},"Swatch Option","/laioutr-ui/ui-kit/general/swatch-option","3.laioutr-ui/ui-kit/01.general/swatch-option",{"title":1271,"path":1272,"stem":1273},"Swatch Summary","/laioutr-ui/ui-kit/general/swatch-summary","3.laioutr-ui/ui-kit/01.general/swatch-summary",{"title":1275,"path":1276,"stem":1277},"Zoom Level (Segmented)","/laioutr-ui/ui-kit/general/zoom-level-segmented","3.laioutr-ui/ui-kit/01.general/zoom-level-segmented",{"title":1279,"path":1280,"stem":1281},"Zoom Level (Stepper)","/laioutr-ui/ui-kit/general/zoom-level-stepper","3.laioutr-ui/ui-kit/01.general/zoom-level-stepper",{"title":1283,"path":1284,"stem":1285,"children":1286,"page":55},"Typography","/laioutr-ui/ui-kit/typography","3.laioutr-ui/ui-kit/02.typography",[1287,1291,1294,1298,1302],{"title":1288,"path":1289,"stem":1290},"Icon List","/laioutr-ui/ui-kit/typography/iconlist","3.laioutr-ui/ui-kit/02.typography/IconList",{"title":383,"path":1292,"stem":1293},"/laioutr-ui/ui-kit/typography/link","3.laioutr-ui/ui-kit/02.typography/Link",{"title":1295,"path":1296,"stem":1297},"Rich Content","/laioutr-ui/ui-kit/typography/richcontent","3.laioutr-ui/ui-kit/02.typography/RichContent",{"title":1299,"path":1300,"stem":1301},"Text","/laioutr-ui/ui-kit/typography/text","3.laioutr-ui/ui-kit/02.typography/Text",{"title":1303,"path":1304,"stem":1305},"Text Group","/laioutr-ui/ui-kit/typography/text-group","3.laioutr-ui/ui-kit/02.typography/text-group",{"title":1307,"path":1308,"stem":1309,"children":1310,"page":55},"Layout","/laioutr-ui/ui-kit/layout","3.laioutr-ui/ui-kit/03.layout",[1311,1315,1319,1323],{"title":1312,"path":1313,"stem":1314},"Grid Fill","/laioutr-ui/ui-kit/layout/gridfill","3.laioutr-ui/ui-kit/03.layout/GridFill",{"title":1316,"path":1317,"stem":1318},"Grid Masonry","/laioutr-ui/ui-kit/layout/gridmasonry","3.laioutr-ui/ui-kit/03.layout/GridMasonry",{"title":1320,"path":1321,"stem":1322},"Scroll Area","/laioutr-ui/ui-kit/layout/scrollarea","3.laioutr-ui/ui-kit/03.layout/ScrollArea",{"title":1324,"path":1325,"stem":1326},"Separator","/laioutr-ui/ui-kit/layout/separator","3.laioutr-ui/ui-kit/03.layout/Separator",{"title":1328,"path":1329,"stem":1330,"children":1331,"page":55},"Content","/laioutr-ui/ui-kit/content","3.laioutr-ui/ui-kit/04.content",[1332,1336,1340],{"title":1333,"path":1334,"stem":1335},"Card","/laioutr-ui/ui-kit/content/card","3.laioutr-ui/ui-kit/04.content/Card",{"title":1337,"path":1338,"stem":1339},"Description List","/laioutr-ui/ui-kit/content/description-list","3.laioutr-ui/ui-kit/04.content/description-list",{"title":1341,"path":1342,"stem":1343},"Link Tile","/laioutr-ui/ui-kit/content/link-tile","3.laioutr-ui/ui-kit/04.content/link-tile",{"title":1345,"path":1346,"stem":1347,"children":1348,"page":55},"Surfaces","/laioutr-ui/ui-kit/surfaces","3.laioutr-ui/ui-kit/05.surfaces",[1349,1353,1357,1361,1365,1369,1373,1377],{"title":1350,"path":1351,"stem":1352},"Alert Dialog","/laioutr-ui/ui-kit/surfaces/alertdialog","3.laioutr-ui/ui-kit/05.surfaces/AlertDialog",{"title":1354,"path":1355,"stem":1356},"Popover","/laioutr-ui/ui-kit/surfaces/popover","3.laioutr-ui/ui-kit/05.surfaces/Popover",{"title":1358,"path":1359,"stem":1360},"Sheet","/laioutr-ui/ui-kit/surfaces/sheet","3.laioutr-ui/ui-kit/05.surfaces/Sheet",{"title":1362,"path":1363,"stem":1364},"Tabs","/laioutr-ui/ui-kit/surfaces/tabs","3.laioutr-ui/ui-kit/05.surfaces/Tabs",{"title":1366,"path":1367,"stem":1368},"Toast","/laioutr-ui/ui-kit/surfaces/toast","3.laioutr-ui/ui-kit/05.surfaces/Toast",{"title":1370,"path":1371,"stem":1372},"Toaster","/laioutr-ui/ui-kit/surfaces/toaster","3.laioutr-ui/ui-kit/05.surfaces/Toaster",{"title":1374,"path":1375,"stem":1376},"Context Menu","/laioutr-ui/ui-kit/surfaces/context-menu","3.laioutr-ui/ui-kit/05.surfaces/context-menu",{"title":1378,"path":1379,"stem":1380},"Navigation Menu","/laioutr-ui/ui-kit/surfaces/navigation-menu","3.laioutr-ui/ui-kit/05.surfaces/navigation-menu",{"title":1382,"path":1383,"stem":1384,"children":1385,"page":55},"Form","/laioutr-ui/ui-kit/form","3.laioutr-ui/ui-kit/06.form",[1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486],{"title":1387,"path":1388,"stem":1389},"Button","/laioutr-ui/ui-kit/form/button","3.laioutr-ui/ui-kit/06.form/Button",{"title":1391,"path":1392,"stem":1393},"Checkbox","/laioutr-ui/ui-kit/form/checkbox","3.laioutr-ui/ui-kit/06.form/Checkbox",{"title":1395,"path":1396,"stem":1397},"Field","/laioutr-ui/ui-kit/form/field","3.laioutr-ui/ui-kit/06.form/Field",{"title":1399,"path":1400,"stem":1401},"Input","/laioutr-ui/ui-kit/form/input","3.laioutr-ui/ui-kit/06.form/Input",{"title":1403,"path":1404,"stem":1405},"Label","/laioutr-ui/ui-kit/form/label","3.laioutr-ui/ui-kit/06.form/Label",{"title":1407,"path":1408,"stem":1409},"Load More","/laioutr-ui/ui-kit/form/loadmore","3.laioutr-ui/ui-kit/06.form/LoadMore",{"title":1411,"path":1412,"stem":1413},"Pagination","/laioutr-ui/ui-kit/form/pagination","3.laioutr-ui/ui-kit/06.form/Pagination",{"title":1415,"path":1416,"stem":1417},"Quantity Picker","/laioutr-ui/ui-kit/form/quantitypicker","3.laioutr-ui/ui-kit/06.form/QuantityPicker",{"title":1419,"path":1420,"stem":1421},"Select","/laioutr-ui/ui-kit/form/select","3.laioutr-ui/ui-kit/06.form/Select",{"title":1423,"path":1424,"stem":1425},"Switch","/laioutr-ui/ui-kit/form/switch","3.laioutr-ui/ui-kit/06.form/Switch",{"title":1427,"path":1428,"stem":1429},"Highlight Toggle","/laioutr-ui/ui-kit/form/highlight-toggle","3.laioutr-ui/ui-kit/06.form/highlight-toggle",{"title":1431,"path":1432,"stem":1433},"Icon Button","/laioutr-ui/ui-kit/form/icon-button","3.laioutr-ui/ui-kit/06.form/icon-button",{"title":1435,"path":1436,"stem":1437},"Input Autocomplete","/laioutr-ui/ui-kit/form/input-autocomplete","3.laioutr-ui/ui-kit/06.form/input-autocomplete",{"title":1439,"path":1440,"stem":1441},"Input Checkbox","/laioutr-ui/ui-kit/form/input-checkbox","3.laioutr-ui/ui-kit/06.form/input-checkbox",{"title":1443,"path":1444,"stem":1445},"Input Combobox","/laioutr-ui/ui-kit/form/input-combobox","3.laioutr-ui/ui-kit/06.form/input-combobox",{"title":1447,"path":1448,"stem":1449},"Input Group","/laioutr-ui/ui-kit/form/input-group","3.laioutr-ui/ui-kit/06.form/input-group",{"title":1451,"path":1452,"stem":1453},"Input Password","/laioutr-ui/ui-kit/form/input-password","3.laioutr-ui/ui-kit/06.form/input-password",{"title":1455,"path":1456,"stem":1457},"Input Pin","/laioutr-ui/ui-kit/form/input-pin","3.laioutr-ui/ui-kit/06.form/input-pin",{"title":1459,"path":1460,"stem":1461},"Input Radio","/laioutr-ui/ui-kit/form/input-radio","3.laioutr-ui/ui-kit/06.form/input-radio",{"title":1463,"path":1464,"stem":1465},"Input Rating","/laioutr-ui/ui-kit/form/input-rating","3.laioutr-ui/ui-kit/06.form/input-rating",{"title":1467,"path":1468,"stem":1469},"Input Search","/laioutr-ui/ui-kit/form/input-search","3.laioutr-ui/ui-kit/06.form/input-search",{"title":1471,"path":1472,"stem":1473},"Input Slider","/laioutr-ui/ui-kit/form/input-slider","3.laioutr-ui/ui-kit/06.form/input-slider",{"title":1475,"path":1476,"stem":1477},"Listbox","/laioutr-ui/ui-kit/form/listbox","3.laioutr-ui/ui-kit/06.form/listbox",{"title":1479,"path":1480,"stem":1481},"Option Tile (Image)","/laioutr-ui/ui-kit/form/option-tile-image","3.laioutr-ui/ui-kit/06.form/option-tile-image",{"title":1483,"path":1484,"stem":1485},"Option Tile (Text)","/laioutr-ui/ui-kit/form/option-tile-text","3.laioutr-ui/ui-kit/06.form/option-tile-text",{"title":1487,"path":1488,"stem":1489},"Variant Selection Card","/laioutr-ui/ui-kit/form/variant-selection-card","3.laioutr-ui/ui-kit/06.form/variant-selection-card",{"title":1491,"path":1492,"stem":1493,"children":1494,"page":55},"Indicators","/laioutr-ui/ui-kit/indicators","3.laioutr-ui/ui-kit/07.indicators",[1495,1499,1503,1507,1511,1515],{"title":1496,"path":1497,"stem":1498},"Badge","/laioutr-ui/ui-kit/indicators/badge","3.laioutr-ui/ui-kit/07.indicators/Badge",{"title":1500,"path":1501,"stem":1502},"Caption Flag","/laioutr-ui/ui-kit/indicators/captionflag","3.laioutr-ui/ui-kit/07.indicators/CaptionFlag",{"title":1504,"path":1505,"stem":1506},"Product Tile Flag","/laioutr-ui/ui-kit/indicators/producttileflag","3.laioutr-ui/ui-kit/07.indicators/ProductTileFlag",{"title":1508,"path":1509,"stem":1510},"Rating Summary","/laioutr-ui/ui-kit/indicators/ratingsummary","3.laioutr-ui/ui-kit/07.indicators/RatingSummary",{"title":1512,"path":1513,"stem":1514},"Stars Rating","/laioutr-ui/ui-kit/indicators/starsrating","3.laioutr-ui/ui-kit/07.indicators/StarsRating",{"title":1516,"path":1517,"stem":1518},"Badge Promotion","/laioutr-ui/ui-kit/indicators/badge-promotion","3.laioutr-ui/ui-kit/07.indicators/badge-promotion",{"title":1520,"path":1521,"stem":1522,"children":1523,"page":55},"Utility Components","/laioutr-ui/ui-kit/utility-components","3.laioutr-ui/ui-kit/08.utility-components",[1524,1528],{"title":1525,"path":1526,"stem":1527},"Highlighted Text","/laioutr-ui/ui-kit/utility-components/highlighted-text","3.laioutr-ui/ui-kit/08.utility-components/highlighted-text",{"title":1529,"path":1530,"stem":1531},"Sizer","/laioutr-ui/ui-kit/utility-components/sizer","3.laioutr-ui/ui-kit/08.utility-components/sizer",{"title":1533,"path":1534,"stem":1535,"children":1536},"Hosting","/hosting","4.hosting/0.index",[1537,1538,1544,1574,1592],{"title":1533,"path":1534,"stem":1535},{"title":1539,"path":1540,"stem":1541,"children":1542},"Laioutr Cloud","/hosting/laioutr-cloud","4.hosting/0.laioutr-cloud/0.index",[1543],{"title":1539,"path":1540,"stem":1541},{"title":1545,"path":1546,"stem":1547,"children":1548},"Hyperscaler","/hosting/hyperscaler","4.hosting/1.hyperscaler/0.index",[1549,1550,1554,1558,1562,1566,1570],{"title":1545,"path":1546,"stem":1547},{"title":1551,"path":1552,"stem":1553},"Akamai Adapter","/hosting/hyperscaler/akamai-adapter","4.hosting/1.hyperscaler/akamai-adapter",{"title":1555,"path":1556,"stem":1557},"AWS Adapter","/hosting/hyperscaler/aws-adapter","4.hosting/1.hyperscaler/aws-adapter",{"title":1559,"path":1560,"stem":1561},"Azure Adapter","/hosting/hyperscaler/azure-adapter","4.hosting/1.hyperscaler/azure-adapter",{"title":1563,"path":1564,"stem":1565},"Google Adapter","/hosting/hyperscaler/google-adapter","4.hosting/1.hyperscaler/google-adapter",{"title":1567,"path":1568,"stem":1569},"Netlify Adapter","/hosting/hyperscaler/netlify-adapter","4.hosting/1.hyperscaler/netlify-adapter",{"title":1571,"path":1572,"stem":1573},"Vercel Adapter","/hosting/hyperscaler/vercel-adapter","4.hosting/1.hyperscaler/vercel-adapter",{"title":1575,"path":1576,"stem":1577,"children":1578},"Native Hosting","/hosting/native-hosting-providers","4.hosting/2.native-hosting-providers/0.index",[1579,1580,1584,1588],{"title":1575,"path":1576,"stem":1577},{"title":1581,"path":1582,"stem":1583},"maxcluster","/hosting/native-hosting-providers/maxcluster","4.hosting/2.native-hosting-providers/maxcluster",{"title":1585,"path":1586,"stem":1587},"profihost","/hosting/native-hosting-providers/profihost","4.hosting/2.native-hosting-providers/profihost",{"title":1589,"path":1590,"stem":1591},"ScaleCommerce","/hosting/native-hosting-providers/scale-commerce","4.hosting/2.native-hosting-providers/scale-commerce",{"title":1593,"path":1594,"stem":1595,"children":1596},"Bring Your Own Server (BYOS)","/hosting/bring-your-own-server-byos","4.hosting/3.bring-your-own-server-byos/0.index",[1597,1598,1602,1606,1610,1614,1618],{"title":1593,"path":1594,"stem":1595},{"title":1599,"path":1600,"stem":1601},"BYOS Agent","/hosting/bring-your-own-server-byos/byos-agent","4.hosting/3.bring-your-own-server-byos/byos-agent",{"title":1603,"path":1604,"stem":1605},"Changelog","/hosting/bring-your-own-server-byos/changelog","4.hosting/3.bring-your-own-server-byos/changelog",{"title":1607,"path":1608,"stem":1609},"DevOps Components","/hosting/bring-your-own-server-byos/devops","4.hosting/3.bring-your-own-server-byos/devops",{"title":1611,"path":1612,"stem":1613},"Infrastructure Requirements","/hosting/bring-your-own-server-byos/infrastructure","4.hosting/3.bring-your-own-server-byos/infrastructure",{"title":1615,"path":1616,"stem":1617},"Software Requirements","/hosting/bring-your-own-server-byos/software","4.hosting/3.bring-your-own-server-byos/software",{"title":1619,"path":1620,"stem":1621},"Webhook Configuration","/hosting/bring-your-own-server-byos/webhook-config","4.hosting/3.bring-your-own-server-byos/webhook-config",{"title":1623,"path":1624,"stem":1625,"children":1626},"Checkout","/checkout","5.Checkout/0.index",[1627],{"title":1623,"path":1624,"stem":1625},{"title":1629,"path":1630,"stem":1631,"children":1632},"Larry AI","/larry-ai","6.Larry-AI/0.index",[1633],{"title":1629,"path":1630,"stem":1631},{"title":671,"path":1635,"stem":1636,"children":1637},"/figma-kit","7.Figma Kit/0.index",[1638,1639,1655],{"title":671,"path":1635,"stem":1636},{"title":121,"path":1640,"stem":1641,"children":1642,"page":55},"/figma-kit/introduction","7.Figma Kit/1.Introduction",[1643,1647,1651],{"title":1644,"path":1645,"stem":1646},"How to Start","/figma-kit/introduction/howtostart","7.Figma Kit/1.Introduction/0.howtostart",{"title":1648,"path":1649,"stem":1650},"Figma Variables","/figma-kit/introduction/figma-variables","7.Figma Kit/1.Introduction/figma-variables",{"title":1652,"path":1653,"stem":1654},"Library Connections","/figma-kit/introduction/library-connections","7.Figma Kit/1.Introduction/library-connections",{"title":1656,"path":1657,"stem":1658,"children":1659,"page":55},"Kits","/figma-kit/kits","7.Figma Kit/Kits",[1660,1663,1666,1669,1673,1676,1680,1684,1687,1690],{"title":686,"path":1661,"stem":1662},"/figma-kit/kits/b2b","7.Figma Kit/Kits/b2b",{"title":692,"path":1664,"stem":1665},"/figma-kit/kits/booking","7.Figma Kit/Kits/booking",{"title":698,"path":1667,"stem":1668},"/figma-kit/kits/cms","7.Figma Kit/Kits/cms",{"title":1670,"path":1671,"stem":1672},"Inpage Navigation","/figma-kit/kits/inpage-navigation","7.Figma Kit/Kits/inpage-navigation",{"title":903,"path":1674,"stem":1675},"/figma-kit/kits/marketplace","7.Figma Kit/Kits/marketplace",{"title":1677,"path":1678,"stem":1679},"Retail & Multichannel","/figma-kit/kits/multichannel","7.Figma Kit/Kits/multichannel",{"title":1681,"path":1682,"stem":1683},"Navigation","/figma-kit/kits/navigation","7.Figma Kit/Kits/navigation",{"title":969,"path":1685,"stem":1686},"/figma-kit/kits/saas","7.Figma Kit/Kits/saas",{"title":987,"path":1688,"stem":1689},"/figma-kit/kits/shop","7.Figma Kit/Kits/shop",{"title":1117,"path":1691,"stem":1692},"/figma-kit/kits/ui-kit","7.Figma Kit/Kits/ui-kit",{"title":1694,"path":1695,"stem":1696,"children":1697},"Cockpit","/cockpit","8.Cockpit/0.index",[1698,1699,1729,1746,1763],{"title":1694,"path":1695,"stem":1696},{"title":154,"path":1700,"stem":1701,"children":1702,"page":55},"/cockpit/features","8.Cockpit/1.Features",[1703,1706,1710,1714,1718,1721,1725],{"title":464,"path":1704,"stem":1705},"/cockpit/features/apps","8.Cockpit/1.Features/apps",{"title":1707,"path":1708,"stem":1709},"Content (Collections)","/cockpit/features/content-collections","8.Cockpit/1.Features/content-collections",{"title":1711,"path":1712,"stem":1713},"Deployments","/cockpit/features/deployments","8.Cockpit/1.Features/deployments",{"title":1715,"path":1716,"stem":1717},"Markets","/cockpit/features/markets","8.Cockpit/1.Features/markets",{"title":196,"path":1719,"stem":1720},"/cockpit/features/redirects","8.Cockpit/1.Features/redirects",{"title":1722,"path":1723,"stem":1724},"Studio","/cockpit/features/studio","8.Cockpit/1.Features/studio",{"title":1726,"path":1727,"stem":1728},"Translations","/cockpit/features/translations","8.Cockpit/1.Features/translations",{"title":1730,"path":1731,"stem":1732,"children":1733,"page":55},"Project Settings","/cockpit/project-settings","8.Cockpit/2.Project-Settings",[1734,1738,1742],{"title":1735,"path":1736,"stem":1737},"Delete a project","/cockpit/project-settings/delete-project","8.Cockpit/2.Project-Settings/delete-project",{"title":1739,"path":1740,"stem":1741},"NPM","/cockpit/project-settings/npm","8.Cockpit/2.Project-Settings/npm",{"title":1743,"path":1744,"stem":1745},"Project secret key","/cockpit/project-settings/project-secret-key","8.Cockpit/2.Project-Settings/project-secret-key",{"title":1747,"path":1748,"stem":1749,"children":1750,"page":55},"Account Settings","/cockpit/account-settings","8.Cockpit/3.Account-Settings",[1751,1755,1759],{"title":1752,"path":1753,"stem":1754},"Notifications","/cockpit/account-settings/notifications","8.Cockpit/3.Account-Settings/notifications",{"title":1756,"path":1757,"stem":1758},"Preferences","/cockpit/account-settings/preferences","8.Cockpit/3.Account-Settings/preferences",{"title":1760,"path":1761,"stem":1762},"Security","/cockpit/account-settings/security","8.Cockpit/3.Account-Settings/security",{"title":1764,"path":1765,"stem":1766,"children":1767,"page":55},"Organisation Settings","/cockpit/organisation-settings","8.Cockpit/4.Organisation-Settings",[1768,1772,1776,1780,1784,1788],{"title":1769,"path":1770,"stem":1771},"API keys","/cockpit/organisation-settings/api-keys","8.Cockpit/4.Organisation-Settings/api-keys",{"title":1773,"path":1774,"stem":1775},"Billing","/cockpit/organisation-settings/billing","8.Cockpit/4.Organisation-Settings/billing",{"title":1777,"path":1778,"stem":1779},"General settings","/cockpit/organisation-settings/general-settings","8.Cockpit/4.Organisation-Settings/general-settings",{"title":1781,"path":1782,"stem":1783},"Members","/cockpit/organisation-settings/members","8.Cockpit/4.Organisation-Settings/members",{"title":1785,"path":1786,"stem":1787},"Projects","/cockpit/organisation-settings/projects","8.Cockpit/4.Organisation-Settings/projects",{"title":1789,"path":1790,"stem":1791},"Roles","/cockpit/organisation-settings/roles","8.Cockpit/4.Organisation-Settings/roles",{"title":1793,"path":1794,"stem":1795,"children":1796},"Offering","/offering","9.Offering/0.index",[1797,1798,1830,1843,1856,1890,1899],{"title":1793,"path":1794,"stem":1795},{"title":1799,"path":1800,"stem":1801,"children":1802},"Products","/offering/products","9.Offering/1.Products/0.index",[1803,1804,1809,1814,1819,1825],{"title":1799,"path":1800,"stem":1801},{"title":137,"path":1805,"stem":1806,"children":1807},"/offering/products/frontend","9.Offering/1.Products/1.Frontend/0.index",[1808],{"title":137,"path":1805,"stem":1806},{"title":1694,"path":1810,"stem":1811,"children":1812},"/offering/products/cockpit","9.Offering/1.Products/2.Cockpit/0.index",[1813],{"title":1694,"path":1810,"stem":1811},{"title":1623,"path":1815,"stem":1816,"children":1817},"/offering/products/checkout","9.Offering/1.Products/3.Checkout/0.index",[1818],{"title":1623,"path":1815,"stem":1816},{"title":1820,"path":1821,"stem":1822,"children":1823},"Cloud","/offering/products/cloud","9.Offering/1.Products/4.cloud/0.index",[1824],{"title":1820,"path":1821,"stem":1822},{"title":1629,"path":1826,"stem":1827,"children":1828},"/offering/products/larry-ai","9.Offering/1.Products/5.larry-ai/0.index",[1829],{"title":1629,"path":1826,"stem":1827},{"title":1831,"path":1832,"stem":1833,"children":1834,"page":55},"Service Level Agreement","/offering/service-level-agreement","9.Offering/2.service-level-agreement",[1835,1839],{"title":1836,"path":1837,"stem":1838},"Standard Service Level Agreement Composable Frontend","/offering/service-level-agreement/standard-service-level-agreement","9.Offering/2.service-level-agreement/1.standard-service-level-agreement",{"title":1840,"path":1841,"stem":1842},"Backups","/offering/service-level-agreement/backups","9.Offering/2.service-level-agreement/backups",{"title":1844,"path":1845,"stem":1846,"children":1847,"page":55},"Customer Support","/offering/customer-support","9.Offering/3.customer-support",[1848,1852],{"title":1849,"path":1850,"stem":1851},"Standard Customer Support","/offering/customer-support/standard-customer-support","9.Offering/3.customer-support/1.standard-customer-support",{"title":1853,"path":1854,"stem":1855},"Customer Support Severity Levels of Laioutr products","/offering/customer-support/maximum-serverity-levels","9.Offering/3.customer-support/maximum-serverity-levels",{"title":1857,"path":1858,"stem":1859,"children":1860},"Trust Center","/offering/trust-center","9.Offering/4.trust-center/0.index",[1861,1862,1866,1870,1874,1878,1882,1886],{"title":1857,"path":1858,"stem":1859},{"title":1863,"path":1864,"stem":1865},"Data Protection (GDPR)","/offering/trust-center/data-protection","9.Offering/4.trust-center/1.data-protection",{"title":1867,"path":1868,"stem":1869},"Subprocessors","/offering/trust-center/subprocessors","9.Offering/4.trust-center/2.subprocessors",{"title":1871,"path":1872,"stem":1873},"Infrastructure & Hosting","/offering/trust-center/infrastructure","9.Offering/4.trust-center/3.infrastructure",{"title":1875,"path":1876,"stem":1877},"Security Measures","/offering/trust-center/security-measures","9.Offering/4.trust-center/4.security-measures",{"title":1879,"path":1880,"stem":1881},"Incident Response","/offering/trust-center/incident-response","9.Offering/4.trust-center/5.incident-response",{"title":1883,"path":1884,"stem":1885},"Compliance & Certifications","/offering/trust-center/compliance","9.Offering/4.trust-center/6.compliance",{"title":1887,"path":1888,"stem":1889},"FAQ","/offering/trust-center/faq","9.Offering/4.trust-center/7.faq",{"title":1891,"path":1892,"stem":1893,"children":1894,"page":55},"Policies","/offering/policies","9.Offering/5.policies",[1895],{"title":1896,"path":1897,"stem":1898},"Fair usage policy","/offering/policies/fair-usage-policy","9.Offering/5.policies/fair-usage-policy",{"title":1900,"path":1901,"stem":1902,"children":1903},"Academy","/offering/academy","9.Offering/6.academy/0.index",[1904],{"title":1900,"path":1901,"stem":1902},{"id":1906,"title":387,"aliases":1907,"body":1908,"changelogKeys":5111,"description":5112,"extension":3368,"links":1907,"meta":5113,"navigation":1983,"path":388,"playground":1907,"seo":5114,"sitemap":5116,"stem":389,"__hash__":5120},"docs/1.Frontend/99.api-reference/03.common-types/2.media.md",null,{"type":1909,"value":1910,"toc":5082},"minimark",[1911,1930,2013,2036,2041,2120,2131,2135,2139,2219,2226,2238,2248,2252,2330,2349,2412,2416,2491,2506,2528,2531,2540,2544,2669,2700,2724,2734,2748,2752,2906,2929,2933,3021,3052,3056,3105,3121,3124,3132,3154,3163,3363,3377,3380,3383,3452,3520,3528,3531,3537,3573,3582,3585,3603,3724,3742,4042,4046,4054,4206,4222,4239,4243,4246,4261,4265,4373,4376,4413,4417,4711,4714,4720,4725,4796,4802,4806,4812,5021,5031,5035,5078],[1912,1913,1914,1915,1918,1919,1922,1923,1929],"p",{},"A product has images. A hero banner has a background image. A blog post has a featured image. A category card might have a video. A podcast episode has an audio file. The shape connectors and editors return for all of these is the same ",[1916,1917,387],"code",{}," discriminated union: a ",[1916,1920,1921],{},"type"," field plus a list of source URLs (one per variant the renderer can pick from). The storefront's ",[1924,1925,1926],"a",{"href":1168},[1916,1927,1928],{},"\u003CMedia>"," component reads the sources, picks the right one for the current viewport, and hands the chosen URL to nuxt-image so the right provider can serve it.",[1931,1932,1937],"pre",{"className":1933,"code":1934,"language":1935,"meta":1936,"style":1936},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import type { Media } from '@laioutr-core/core-types/common';\n\ntype Media = MediaImage | MediaVideo | MediaAudio;\n","ts","",[1916,1938,1939,1978,1985],{"__ignoreMap":1936},[1940,1941,1944,1948,1951,1955,1959,1962,1965,1968,1972,1975],"span",{"class":1942,"line":1943},"line",1,[1940,1945,1947],{"class":1946},"s7zQu","import",[1940,1949,1950],{"class":1946}," type",[1940,1952,1954],{"class":1953},"sMK4o"," {",[1940,1956,1958],{"class":1957},"sTEyZ"," Media",[1940,1960,1961],{"class":1953}," }",[1940,1963,1964],{"class":1946}," from",[1940,1966,1967],{"class":1953}," '",[1940,1969,1971],{"class":1970},"sfazB","@laioutr-core/core-types/common",[1940,1973,1974],{"class":1953},"'",[1940,1976,1977],{"class":1953},";\n",[1940,1979,1981],{"class":1942,"line":1980},2,[1940,1982,1984],{"emptyLinePlaceholder":1983},true,"\n",[1940,1986,1988,1991,1994,1997,2000,2003,2006,2008,2011],{"class":1942,"line":1987},3,[1940,1989,1921],{"class":1990},"spNyl",[1940,1992,1958],{"class":1993},"sBMFI",[1940,1995,1996],{"class":1953}," =",[1940,1998,1999],{"class":1993}," MediaImage",[1940,2001,2002],{"class":1953}," |",[1940,2004,2005],{"class":1993}," MediaVideo",[1940,2007,2002],{"class":1953},[1940,2009,2010],{"class":1993}," MediaAudio",[1940,2012,1977],{"class":1953},[1912,2014,2015,2016,2019,2020,2023,2024,2027,2028,2031,2032,2035],{},"The variants exist because the renderer treats them differently. An image renders as a ",[1916,2017,2018],{},"\u003Cpicture>"," with responsive ",[1916,2021,2022],{},"\u003Csource>"," tags. A video needs a ",[1916,2025,2026],{},"\u003Cvideo>"," element with controls. An audio asset needs an ",[1916,2029,2030],{},"\u003Caudio>"," element. All three wrap a list of sources, and each source carries the nuxt-image ",[1916,2033,2034],{},"provider"," name (or, for video and audio, the streaming format) that tells the renderer how to fetch and serve that particular URL.",[2037,2038,2040],"h2",{"id":2039},"choosing-a-variant","Choosing a variant",[2042,2043,2044,2060],"table",{},[2045,2046,2047],"thead",{},[2048,2049,2050,2054,2057],"tr",{},[2051,2052,2053],"th",{},"Variant",[2051,2055,2056],{},"Use it for",[2051,2058,2059],{},"Renders as",[2061,2062,2063,2084,2103],"tbody",{},[2048,2064,2065,2074,2077],{},[2066,2067,2068],"td",{},[1924,2069,2071],{"href":2070},"#mediaimage",[1916,2072,2073],{},"image",[2066,2075,2076],{},"Photographs, illustrations, product shots, hero backgrounds",[2066,2078,2079,2019,2081,2083],{},[1916,2080,2018],{},[1916,2082,2022],{}," tags via nuxt-image",[2048,2085,2086,2094,2097],{},[2066,2087,2088],{},[1924,2089,2091],{"href":2090},"#mediavideo",[1916,2092,2093],{},"video",[2066,2095,2096],{},"Product demos, hero loops, autoplay backgrounds",[2066,2098,2099,2100,2102],{},"Built-in native ",[1916,2101,2026],{}," (override with your own renderer)",[2048,2104,2105,2113,2116],{},[2066,2106,2107],{},[1924,2108,2110],{"href":2109},"#mediaaudio",[1916,2111,2112],{},"audio",[2066,2114,2115],{},"Podcasts, voice-overs, music previews",[2066,2117,2099,2118,2102],{},[1916,2119,2030],{},[1912,2121,2122,2123,2126,2127,2130],{},"If you're a connector returning a product's main image, use ",[1916,2124,2125],{},"MediaImage",". If you're an editor picking from the media library, the schema field gives you all three, optionally restricted via ",[1916,2128,2129],{},"allowedTypes",".",[2037,2132,2134],{"id":2133},"variants","Variants",[2136,2137,2125],"h3",{"id":2138},"mediaimage",[1931,2140,2142],{"className":1933,"code":2141,"language":1935,"meta":1936,"style":1936},"{\n  type: 'image';\n  sources: MediaSourceImage[];      // at least one\n  alt?: string;\n  placeholder?: MediaSourcePlaceholder;\n}\n",[1916,2143,2144,2149,2165,2186,2200,2213],{"__ignoreMap":1936},[1940,2145,2146],{"class":1942,"line":1943},[1940,2147,2148],{"class":1953},"{\n",[1940,2150,2151,2154,2157,2159,2161,2163],{"class":1942,"line":1980},[1940,2152,2153],{"class":1993},"  type",[1940,2155,2156],{"class":1953},":",[1940,2158,1967],{"class":1953},[1940,2160,2073],{"class":1970},[1940,2162,1974],{"class":1953},[1940,2164,1977],{"class":1953},[1940,2166,2167,2170,2172,2175,2179,2182],{"class":1942,"line":1987},[1940,2168,2169],{"class":1993},"  sources",[1940,2171,2156],{"class":1953},[1940,2173,2174],{"class":1957}," MediaSourceImage",[1940,2176,2178],{"class":2177},"swJcz","[]",[1940,2180,2181],{"class":1953},";",[1940,2183,2185],{"class":2184},"sHwdD","      // at least one\n",[1940,2187,2189,2192,2195,2198],{"class":1942,"line":2188},4,[1940,2190,2191],{"class":1957},"  alt",[1940,2193,2194],{"class":1953},"?:",[1940,2196,2197],{"class":1957}," string",[1940,2199,1977],{"class":1953},[1940,2201,2203,2206,2208,2211],{"class":1942,"line":2202},5,[1940,2204,2205],{"class":1957},"  placeholder",[1940,2207,2194],{"class":1953},[1940,2209,2210],{"class":1957}," MediaSourcePlaceholder",[1940,2212,1977],{"class":1953},[1940,2214,2216],{"class":1942,"line":2215},6,[1940,2217,2218],{"class":1953},"}\n",[1912,2220,2221,2222,2225],{},"Use this for any still asset. The ",[1916,2223,2224],{},"sources"," array is the heart of the type: one entry per variant the renderer can choose from. A single static source covers the simple case. Multiple sources let you ship separate files for mobile and desktop, or different formats for different providers.",[1912,2227,2228,2231,2232,2234,2235,2237],{},[1916,2229,2230],{},"alt"," is the default alt text. The renderer uses it unless overridden via the ",[1916,2233,1928],{}," component's ",[1916,2236,2230],{}," prop.",[1912,2239,2240,2243,2244,2130],{},[1916,2241,2242],{},"placeholder"," shows a low-quality preview while the real image loads. See ",[1924,2245,2247],{"href":2246},"#placeholders","Placeholders",[2136,2249,2251],{"id":2250},"mediavideo","MediaVideo",[1931,2253,2255],{"className":1933,"code":2254,"language":1935,"meta":1936,"style":1936},"{\n  type: 'video';\n  sources: MediaSourceVideo[];      // at least one\n  poster?: MediaImage;\n  tracks?: MediaTextTrack[];\n  alt?: string;\n}\n",[1916,2256,2257,2261,2275,2290,2301,2315,2325],{"__ignoreMap":1936},[1940,2258,2259],{"class":1942,"line":1943},[1940,2260,2148],{"class":1953},[1940,2262,2263,2265,2267,2269,2271,2273],{"class":1942,"line":1980},[1940,2264,2153],{"class":1993},[1940,2266,2156],{"class":1953},[1940,2268,1967],{"class":1953},[1940,2270,2093],{"class":1970},[1940,2272,1974],{"class":1953},[1940,2274,1977],{"class":1953},[1940,2276,2277,2279,2281,2284,2286,2288],{"class":1942,"line":1987},[1940,2278,2169],{"class":1993},[1940,2280,2156],{"class":1953},[1940,2282,2283],{"class":1957}," MediaSourceVideo",[1940,2285,2178],{"class":2177},[1940,2287,2181],{"class":1953},[1940,2289,2185],{"class":2184},[1940,2291,2292,2295,2297,2299],{"class":1942,"line":2188},[1940,2293,2294],{"class":1957},"  poster",[1940,2296,2194],{"class":1953},[1940,2298,1999],{"class":1957},[1940,2300,1977],{"class":1953},[1940,2302,2303,2306,2308,2311,2313],{"class":1942,"line":2202},[1940,2304,2305],{"class":1957},"  tracks",[1940,2307,2194],{"class":1953},[1940,2309,2310],{"class":1957}," MediaTextTrack",[1940,2312,2178],{"class":2177},[1940,2314,1977],{"class":1953},[1940,2316,2317,2319,2321,2323],{"class":1942,"line":2215},[1940,2318,2191],{"class":1957},[1940,2320,2194],{"class":1953},[1940,2322,2197],{"class":1957},[1940,2324,1977],{"class":1953},[1940,2326,2328],{"class":1942,"line":2327},7,[1940,2329,2218],{"class":1953},[1912,2331,2332,2333,2336,2337,2340,2341,2344,2345,2130],{},"Use this for moving assets. The ",[1916,2334,2335],{},"poster"," field carries a still image shown by the player before playback starts; it maps directly to the HTML ",[1916,2338,2339],{},"\u003Cvideo poster=\"…\">"," attribute. The ",[1916,2342,2343],{},"tracks"," field carries timed text tracks (subtitles, captions, chapters); see ",[1924,2346,2348],{"href":2347},"#text-tracks","Text tracks",[1912,2350,2351,2352,2356,2357,2359,2360,2362,2363,2365,2366,2368,2369,2371,2372,2375,2376,2379,2380,2383,2384,2387,2388,2387,2391,2387,2394,2387,2397,2387,2400,2403,2404,2407,2408,2130],{},"The ",[1924,2353,2354],{"href":1168},[1916,2355,1928],{}," component renders ",[1916,2358,2251],{}," with a built-in native ",[1916,2361,2026],{}," player (the ",[1916,2364,2335],{}," becomes its ",[1916,2367,2335],{}," attribute). Playback is set with props on ",[1916,2370,1928],{}," — a ",[1916,2373,2374],{},"playback"," mode (",[1916,2377,2378],{},"interactive"," or ",[1916,2381,2382],{},"background",") plus the individual ",[1916,2385,2386],{},"controls"," / ",[1916,2389,2390],{},"autoplay",[1916,2392,2393],{},"muted",[1916,2395,2396],{},"loop",[1916,2398,2399],{},"playsinline",[1916,2401,2402],{},"disablePictureInPicture"," overrides — not stored on the value. For adaptive streaming (HLS/DASH) or a custom player UI, register your own renderer with ",[1916,2405,2406],{},"provideMediaRenderers"," to override the built-in. See ",[1924,2409,2411],{"href":2410},"/laioutr-ui/ui-kit/general/media#rendering-video-and-audio","Rendering video and audio",[2136,2413,2415],{"id":2414},"mediaaudio","MediaAudio",[1931,2417,2419],{"className":1933,"code":2418,"language":1935,"meta":1936,"style":1936},"{\n  type: 'audio';\n  sources: MediaSourceAudio[];      // at least one\n  cover?: MediaImage;\n  tracks?: MediaTextTrack[];\n  alt?: string;\n}\n",[1916,2420,2421,2425,2439,2454,2465,2477,2487],{"__ignoreMap":1936},[1940,2422,2423],{"class":1942,"line":1943},[1940,2424,2148],{"class":1953},[1940,2426,2427,2429,2431,2433,2435,2437],{"class":1942,"line":1980},[1940,2428,2153],{"class":1993},[1940,2430,2156],{"class":1953},[1940,2432,1967],{"class":1953},[1940,2434,2112],{"class":1970},[1940,2436,1974],{"class":1953},[1940,2438,1977],{"class":1953},[1940,2440,2441,2443,2445,2448,2450,2452],{"class":1942,"line":1987},[1940,2442,2169],{"class":1993},[1940,2444,2156],{"class":1953},[1940,2446,2447],{"class":1957}," MediaSourceAudio",[1940,2449,2178],{"class":2177},[1940,2451,2181],{"class":1953},[1940,2453,2185],{"class":2184},[1940,2455,2456,2459,2461,2463],{"class":1942,"line":2188},[1940,2457,2458],{"class":1957},"  cover",[1940,2460,2194],{"class":1953},[1940,2462,1999],{"class":1957},[1940,2464,1977],{"class":1953},[1940,2466,2467,2469,2471,2473,2475],{"class":1942,"line":2202},[1940,2468,2305],{"class":1957},[1940,2470,2194],{"class":1953},[1940,2472,2310],{"class":1957},[1940,2474,2178],{"class":2177},[1940,2476,1977],{"class":1953},[1940,2478,2479,2481,2483,2485],{"class":1942,"line":2215},[1940,2480,2191],{"class":1957},[1940,2482,2194],{"class":1953},[1940,2484,2197],{"class":1957},[1940,2486,1977],{"class":1953},[1940,2488,2489],{"class":1942,"line":2327},[1940,2490,2218],{"class":1953},[1912,2492,2493,2494,2497,2498,2500,2501,2503,2504,2130],{},"Use this for audio-only assets such as podcasts, voice-overs, or music previews. The ",[1916,2495,2496],{},"cover"," field carries an image the player can show alongside the audio (album art, podcast cover); the HTML ",[1916,2499,2030],{}," element has no native poster, so the player overlays this image itself. The ",[1916,2502,2343],{}," field carries timed text tracks (chapters, descriptions, transcripts); see ",[1924,2505,2348],{"href":2347},[1912,2507,2351,2508,2356,2512,2359,2514,2516,2517,2519,2520,2522,2523,2525,2526,2130],{},[1924,2509,2510],{"href":1168},[1916,2511,1928],{},[1916,2513,2415],{},[1916,2515,2030],{}," player, showing the ",[1916,2518,2496],{}," image above it (since ",[1916,2521,2030],{}," has no native poster). Override it with your own renderer through ",[1916,2524,2406],{},", the same way as video. See ",[1924,2527,2411],{"href":2410},[2037,2529,2530],{"id":2224},"Sources",[1912,2532,2533,2534,2536,2537,2539],{},"A ",[1916,2535,387],{}," object is mostly its ",[1916,2538,2224],{},": each one is a self-contained URL plus the metadata the renderer needs to pick and serve it.",[2136,2541,2543],{"id":2542},"mediasourceimage","MediaSourceImage",[1931,2545,2547],{"className":1933,"code":2546,"language":1935,"meta":1936,"style":1936},"{\n  provider: string;                 // nuxt-image provider name\n  src: string;                      // URL or provider-specific id\n  width?: number;\n  height?: number;\n  responsive?: 'static' | 'mobile' | 'desktop';\n  focalPoint?: [number, number];    // [x, y] as fractions, e.g. [0.5, 0.5] for center\n}\n",[1916,2548,2549,2553,2567,2581,2593,2604,2638,2664],{"__ignoreMap":1936},[1940,2550,2551],{"class":1942,"line":1943},[1940,2552,2148],{"class":1953},[1940,2554,2555,2558,2560,2562,2564],{"class":1942,"line":1980},[1940,2556,2557],{"class":1993},"  provider",[1940,2559,2156],{"class":1953},[1940,2561,2197],{"class":1957},[1940,2563,2181],{"class":1953},[1940,2565,2566],{"class":2184},"                 // nuxt-image provider name\n",[1940,2568,2569,2572,2574,2576,2578],{"class":1942,"line":1987},[1940,2570,2571],{"class":1993},"  src",[1940,2573,2156],{"class":1953},[1940,2575,2197],{"class":1957},[1940,2577,2181],{"class":1953},[1940,2579,2580],{"class":2184},"                      // URL or provider-specific id\n",[1940,2582,2583,2586,2588,2591],{"class":1942,"line":2188},[1940,2584,2585],{"class":1957},"  width",[1940,2587,2194],{"class":1953},[1940,2589,2590],{"class":1957}," number",[1940,2592,1977],{"class":1953},[1940,2594,2595,2598,2600,2602],{"class":1942,"line":2202},[1940,2596,2597],{"class":1957},"  height",[1940,2599,2194],{"class":1953},[1940,2601,2590],{"class":1957},[1940,2603,1977],{"class":1953},[1940,2605,2606,2609,2611,2613,2616,2618,2620,2622,2625,2627,2629,2631,2634,2636],{"class":1942,"line":2215},[1940,2607,2608],{"class":1957},"  responsive",[1940,2610,2194],{"class":1953},[1940,2612,1967],{"class":1953},[1940,2614,2615],{"class":1970},"static",[1940,2617,1974],{"class":1953},[1940,2619,2002],{"class":1953},[1940,2621,1967],{"class":1953},[1940,2623,2624],{"class":1970},"mobile",[1940,2626,1974],{"class":1953},[1940,2628,2002],{"class":1953},[1940,2630,1967],{"class":1953},[1940,2632,2633],{"class":1970},"desktop",[1940,2635,1974],{"class":1953},[1940,2637,1977],{"class":1953},[1940,2639,2640,2643,2645,2648,2651,2654,2656,2659,2661],{"class":1942,"line":2327},[1940,2641,2642],{"class":1957},"  focalPoint",[1940,2644,2194],{"class":1953},[1940,2646,2647],{"class":2177}," [",[1940,2649,2650],{"class":1957},"number",[1940,2652,2653],{"class":1953},",",[1940,2655,2590],{"class":1957},[1940,2657,2658],{"class":2177},"]",[1940,2660,2181],{"class":1953},[1940,2662,2663],{"class":2184},"    // [x, y] as fractions, e.g. [0.5, 0.5] for center\n",[1940,2665,2667],{"class":1942,"line":2666},8,[1940,2668,2218],{"class":1953},[1912,2670,2671,2673,2674,2677,2678,2681,2682,2681,2685,2688,2689,2692,2693,2699],{},[1916,2672,2034],{}," is the most load-bearing field. It tells nuxt-image which adapter to use to fetch and resize this URL. Common values are ",[1916,2675,2676],{},"'shopify'"," (Shopify CDN), ",[1916,2679,2680],{},"'cloudinary'",", ",[1916,2683,2684],{},"'directus'",[1916,2686,2687],{},"'sanity'",", custom names registered by your app, or ",[1916,2690,2691],{},"'none'"," (a ",[1924,2694,2698],{"href":2695,"rel":2696},"https://image.nuxt.com/providers/none",[2697],"nofollow","nuxt-image built-in",") to pass the URL through unchanged.",[1912,2701,2702,2705,2706,2709,2710,2713,2714,2716,2717,2719,2720,2723],{},[1916,2703,2704],{},"width"," and ",[1916,2707,2708],{},"height"," are the source's natural dimensions. Set them when the backend gives you that information. The renderer uses them to set the ",[1916,2711,2712],{},"\u003Cimg>"," ",[1916,2715,2704],{},"/",[1916,2718,2708],{}," attributes (preventing layout shift) and to compute the native aspect ratio when ",[1916,2721,2722],{},"aspectRatio={true}"," is passed.",[1912,2725,2726,2729,2730,2130],{},[1916,2727,2728],{},"responsive"," marks a source as mobile-only or desktop-only. See ",[1924,2731,2733],{"href":2732},"#responsive-sources","Responsive sources",[1912,2735,2736,2739,2740,2743,2744,2747],{},[1916,2737,2738],{},"focalPoint"," lets the editor (or the connector) declare which part of the image should remain visible when the renderer crops the image. ",[1916,2741,2742],{},"[0.5, 0.5]"," is center; ",[1916,2745,2746],{},"[0.0, 0.0]"," is top-left.",[2136,2749,2751],{"id":2750},"mediasourcevideo","MediaSourceVideo",[1931,2753,2755],{"className":1933,"code":2754,"language":1935,"meta":1936,"style":1936},"{\n  provider: string;\n  src: string;\n  width: number;                    // required for video\n  height: number;                   // required for video\n  length?: Duration;                // ISO 8601 duration string\n  format?: string;                  // e.g. 'mp4', 'webm'\n  responsive?: 'static' | 'mobile' | 'desktop';\n  streaming?: 'progressive' | 'hls' | 'dash';\n}\n",[1916,2756,2757,2761,2771,2781,2794,2807,2822,2836,2866,2901],{"__ignoreMap":1936},[1940,2758,2759],{"class":1942,"line":1943},[1940,2760,2148],{"class":1953},[1940,2762,2763,2765,2767,2769],{"class":1942,"line":1980},[1940,2764,2557],{"class":1993},[1940,2766,2156],{"class":1953},[1940,2768,2197],{"class":1957},[1940,2770,1977],{"class":1953},[1940,2772,2773,2775,2777,2779],{"class":1942,"line":1987},[1940,2774,2571],{"class":1993},[1940,2776,2156],{"class":1953},[1940,2778,2197],{"class":1957},[1940,2780,1977],{"class":1953},[1940,2782,2783,2785,2787,2789,2791],{"class":1942,"line":2188},[1940,2784,2585],{"class":1993},[1940,2786,2156],{"class":1953},[1940,2788,2590],{"class":1957},[1940,2790,2181],{"class":1953},[1940,2792,2793],{"class":2184},"                    // required for video\n",[1940,2795,2796,2798,2800,2802,2804],{"class":1942,"line":2202},[1940,2797,2597],{"class":1993},[1940,2799,2156],{"class":1953},[1940,2801,2590],{"class":1957},[1940,2803,2181],{"class":1953},[1940,2805,2806],{"class":2184},"                   // required for video\n",[1940,2808,2809,2812,2814,2817,2819],{"class":1942,"line":2215},[1940,2810,2811],{"class":1957},"  length",[1940,2813,2194],{"class":1953},[1940,2815,2816],{"class":1957}," Duration",[1940,2818,2181],{"class":1953},[1940,2820,2821],{"class":2184},"                // ISO 8601 duration string\n",[1940,2823,2824,2827,2829,2831,2833],{"class":1942,"line":2327},[1940,2825,2826],{"class":1957},"  format",[1940,2828,2194],{"class":1953},[1940,2830,2197],{"class":1957},[1940,2832,2181],{"class":1953},[1940,2834,2835],{"class":2184},"                  // e.g. 'mp4', 'webm'\n",[1940,2837,2838,2840,2842,2844,2846,2848,2850,2852,2854,2856,2858,2860,2862,2864],{"class":1942,"line":2666},[1940,2839,2608],{"class":1957},[1940,2841,2194],{"class":1953},[1940,2843,1967],{"class":1953},[1940,2845,2615],{"class":1970},[1940,2847,1974],{"class":1953},[1940,2849,2002],{"class":1953},[1940,2851,1967],{"class":1953},[1940,2853,2624],{"class":1970},[1940,2855,1974],{"class":1953},[1940,2857,2002],{"class":1953},[1940,2859,1967],{"class":1953},[1940,2861,2633],{"class":1970},[1940,2863,1974],{"class":1953},[1940,2865,1977],{"class":1953},[1940,2867,2869,2872,2874,2876,2879,2881,2883,2885,2888,2890,2892,2894,2897,2899],{"class":1942,"line":2868},9,[1940,2870,2871],{"class":1957},"  streaming",[1940,2873,2194],{"class":1953},[1940,2875,1967],{"class":1953},[1940,2877,2878],{"class":1970},"progressive",[1940,2880,1974],{"class":1953},[1940,2882,2002],{"class":1953},[1940,2884,1967],{"class":1953},[1940,2886,2887],{"class":1970},"hls",[1940,2889,1974],{"class":1953},[1940,2891,2002],{"class":1953},[1940,2893,1967],{"class":1953},[1940,2895,2896],{"class":1970},"dash",[1940,2898,1974],{"class":1953},[1940,2900,1977],{"class":1953},[1940,2902,2904],{"class":1942,"line":2903},10,[1940,2905,2218],{"class":1953},[1912,2907,2908,2909,2912,2913,2916,2917,2920,2921,2924,2925,2130],{},"Width and height are required because video players need them up front to reserve layout space. ",[1916,2910,2911],{},"length"," is an ISO 8601 duration (",[1916,2914,2915],{},"'PT1M30S'"," for 90 seconds). ",[1916,2918,2919],{},"format"," lets the renderer pick the best source for the browser when multiple formats are provided. ",[1916,2922,2923],{},"streaming"," declares the delivery format of this source; see ",[1924,2926,2928],{"href":2927},"#streaming-formats","Streaming formats",[2136,2930,2932],{"id":2931},"mediasourceaudio","MediaSourceAudio",[1931,2934,2936],{"className":1933,"code":2935,"language":1935,"meta":1936,"style":1936},"{\n  provider: string;\n  src: string;\n  format?: string;                  // MIME type, e.g. 'audio/mpeg'\n  length?: Duration;                // ISO 8601 duration string\n  streaming?: 'progressive' | 'hls' | 'dash';\n}\n",[1916,2937,2938,2942,2952,2962,2975,2987,3017],{"__ignoreMap":1936},[1940,2939,2940],{"class":1942,"line":1943},[1940,2941,2148],{"class":1953},[1940,2943,2944,2946,2948,2950],{"class":1942,"line":1980},[1940,2945,2557],{"class":1993},[1940,2947,2156],{"class":1953},[1940,2949,2197],{"class":1957},[1940,2951,1977],{"class":1953},[1940,2953,2954,2956,2958,2960],{"class":1942,"line":1987},[1940,2955,2571],{"class":1993},[1940,2957,2156],{"class":1953},[1940,2959,2197],{"class":1957},[1940,2961,1977],{"class":1953},[1940,2963,2964,2966,2968,2970,2972],{"class":1942,"line":2188},[1940,2965,2826],{"class":1957},[1940,2967,2194],{"class":1953},[1940,2969,2197],{"class":1957},[1940,2971,2181],{"class":1953},[1940,2973,2974],{"class":2184},"                  // MIME type, e.g. 'audio/mpeg'\n",[1940,2976,2977,2979,2981,2983,2985],{"class":1942,"line":2202},[1940,2978,2811],{"class":1957},[1940,2980,2194],{"class":1953},[1940,2982,2816],{"class":1957},[1940,2984,2181],{"class":1953},[1940,2986,2821],{"class":2184},[1940,2988,2989,2991,2993,2995,2997,2999,3001,3003,3005,3007,3009,3011,3013,3015],{"class":1942,"line":2215},[1940,2990,2871],{"class":1957},[1940,2992,2194],{"class":1953},[1940,2994,1967],{"class":1953},[1940,2996,2878],{"class":1970},[1940,2998,1974],{"class":1953},[1940,3000,2002],{"class":1953},[1940,3002,1967],{"class":1953},[1940,3004,2887],{"class":1970},[1940,3006,1974],{"class":1953},[1940,3008,2002],{"class":1953},[1940,3010,1967],{"class":1953},[1940,3012,2896],{"class":1970},[1940,3014,1974],{"class":1953},[1940,3016,1977],{"class":1953},[1940,3018,3019],{"class":1942,"line":2327},[1940,3020,2218],{"class":1953},[1912,3022,3023,3024,3026,3027,3029,3030,2681,3033,2681,3036,3039,3040,3043,3044,3046,3047,3049,3050,2130],{},"Audio sources skip width and height (an ",[1916,3025,2030],{}," element reserves no layout space for the media itself). ",[1916,3028,2919],{}," is the MIME type, e.g. ",[1916,3031,3032],{},"'audio/mpeg'",[1916,3034,3035],{},"'audio/aac'",[1916,3037,3038],{},"'audio/ogg'",", or ",[1916,3041,3042],{},"'application/vnd.apple.mpegurl'"," for an HLS manifest. ",[1916,3045,2911],{}," is an ISO 8601 duration. ",[1916,3048,2923],{}," declares the delivery format; see ",[1924,3051,2928],{"href":2927},[2136,3053,3055],{"id":3054},"mediasourceplaceholder","MediaSourcePlaceholder",[1931,3057,3059],{"className":1933,"code":3058,"language":1935,"meta":1936,"style":1936},"type MediaSourcePlaceholder = ['solid', string] | ['thumbhash', string];\n",[1916,3060,3061],{"__ignoreMap":1936},[1940,3062,3063,3065,3067,3069,3071,3073,3076,3078,3080,3082,3085,3088,3090,3092,3095,3097,3099,3101,3103],{"class":1942,"line":1943},[1940,3064,1921],{"class":1990},[1940,3066,2210],{"class":1993},[1940,3068,1996],{"class":1953},[1940,3070,2647],{"class":1957},[1940,3072,1974],{"class":1953},[1940,3074,3075],{"class":1970},"solid",[1940,3077,1974],{"class":1953},[1940,3079,2653],{"class":1953},[1940,3081,2197],{"class":1993},[1940,3083,3084],{"class":1957},"] ",[1940,3086,3087],{"class":1953},"|",[1940,3089,2647],{"class":1957},[1940,3091,1974],{"class":1953},[1940,3093,3094],{"class":1970},"thumbhash",[1940,3096,1974],{"class":1953},[1940,3098,2653],{"class":1953},[1940,3100,2197],{"class":1993},[1940,3102,2658],{"class":1957},[1940,3104,1977],{"class":1953},[1912,3106,3107,3108,3111,3112,3115,3116,3120],{},"A two-element tuple. The first element picks the placeholder style; the second element carries the data. ",[1916,3109,3110],{},"'solid'"," takes a hex color. ",[1916,3113,3114],{},"'thumbhash'"," takes a ",[1924,3117,3094],{"href":3118,"rel":3119},"https://evanw.github.io/thumbhash/",[2697]," string (Shopify produces these out of the box). Both render under the real image until it loads.",[2037,3122,2733],{"id":3123},"responsive-sources",[1912,3125,2533,3126,3128,3129,3131],{},[1916,3127,387],{}," value can ship separate sources for mobile and desktop. The renderer picks one per viewport based on the ",[1916,3130,2728],{}," field on each source:",[3133,3134,3135,3142,3148],"ul",{},[3136,3137,3138,3141],"li",{},[1916,3139,3140],{},"'static'"," (or omitted): the source works on all viewports. This is the default.",[3136,3143,3144,3147],{},[1916,3145,3146],{},"'mobile'",": the renderer uses this source below the desktop breakpoint.",[3136,3149,3150,3153],{},[1916,3151,3152],{},"'desktop'",": the renderer uses this source at and above the desktop breakpoint.",[1912,3155,3156,3157,3159,3160,3162],{},"When both a mobile and a desktop source are present, the renderer emits a ",[1916,3158,2018],{}," element with two ",[1916,3161,2022],{}," tags and a media query, letting the browser pick. When only one source exists, it's used everywhere.",[1931,3164,3166],{"className":1933,"code":3165,"language":1935,"meta":1936,"style":1936},"const responsiveBanner: MediaImage = {\n  type: 'image',\n  alt: 'Summer collection 2026',\n  sources: [\n    { provider: 'shopify', src: 'https://cdn.shopify.com/.../mobile.jpg', width: 750, height: 1000, responsive: 'mobile' },\n    { provider: 'shopify', src: 'https://cdn.shopify.com/.../desktop.jpg', width: 2400, height: 800, responsive: 'desktop' },\n  ],\n};\n",[1916,3167,3168,3185,3200,3215,3224,3292,3351,3358],{"__ignoreMap":1936},[1940,3169,3170,3173,3176,3178,3180,3182],{"class":1942,"line":1943},[1940,3171,3172],{"class":1990},"const",[1940,3174,3175],{"class":1957}," responsiveBanner",[1940,3177,2156],{"class":1953},[1940,3179,1999],{"class":1993},[1940,3181,1996],{"class":1953},[1940,3183,3184],{"class":1953}," {\n",[1940,3186,3187,3189,3191,3193,3195,3197],{"class":1942,"line":1980},[1940,3188,2153],{"class":2177},[1940,3190,2156],{"class":1953},[1940,3192,1967],{"class":1953},[1940,3194,2073],{"class":1970},[1940,3196,1974],{"class":1953},[1940,3198,3199],{"class":1953},",\n",[1940,3201,3202,3204,3206,3208,3211,3213],{"class":1942,"line":1987},[1940,3203,2191],{"class":2177},[1940,3205,2156],{"class":1953},[1940,3207,1967],{"class":1953},[1940,3209,3210],{"class":1970},"Summer collection 2026",[1940,3212,1974],{"class":1953},[1940,3214,3199],{"class":1953},[1940,3216,3217,3219,3221],{"class":1942,"line":2188},[1940,3218,2169],{"class":2177},[1940,3220,2156],{"class":1953},[1940,3222,3223],{"class":1957}," [\n",[1940,3225,3226,3229,3232,3234,3236,3239,3241,3243,3246,3248,3250,3253,3255,3257,3260,3262,3266,3268,3271,3273,3276,3278,3281,3283,3285,3287,3289],{"class":1942,"line":2202},[1940,3227,3228],{"class":1953},"    {",[1940,3230,3231],{"class":2177}," provider",[1940,3233,2156],{"class":1953},[1940,3235,1967],{"class":1953},[1940,3237,3238],{"class":1970},"shopify",[1940,3240,1974],{"class":1953},[1940,3242,2653],{"class":1953},[1940,3244,3245],{"class":2177}," src",[1940,3247,2156],{"class":1953},[1940,3249,1967],{"class":1953},[1940,3251,3252],{"class":1970},"https://cdn.shopify.com/.../mobile.jpg",[1940,3254,1974],{"class":1953},[1940,3256,2653],{"class":1953},[1940,3258,3259],{"class":2177}," width",[1940,3261,2156],{"class":1953},[1940,3263,3265],{"class":3264},"sbssI"," 750",[1940,3267,2653],{"class":1953},[1940,3269,3270],{"class":2177}," height",[1940,3272,2156],{"class":1953},[1940,3274,3275],{"class":3264}," 1000",[1940,3277,2653],{"class":1953},[1940,3279,3280],{"class":2177}," responsive",[1940,3282,2156],{"class":1953},[1940,3284,1967],{"class":1953},[1940,3286,2624],{"class":1970},[1940,3288,1974],{"class":1953},[1940,3290,3291],{"class":1953}," },\n",[1940,3293,3294,3296,3298,3300,3302,3304,3306,3308,3310,3312,3314,3317,3319,3321,3323,3325,3328,3330,3332,3334,3337,3339,3341,3343,3345,3347,3349],{"class":1942,"line":2215},[1940,3295,3228],{"class":1953},[1940,3297,3231],{"class":2177},[1940,3299,2156],{"class":1953},[1940,3301,1967],{"class":1953},[1940,3303,3238],{"class":1970},[1940,3305,1974],{"class":1953},[1940,3307,2653],{"class":1953},[1940,3309,3245],{"class":2177},[1940,3311,2156],{"class":1953},[1940,3313,1967],{"class":1953},[1940,3315,3316],{"class":1970},"https://cdn.shopify.com/.../desktop.jpg",[1940,3318,1974],{"class":1953},[1940,3320,2653],{"class":1953},[1940,3322,3259],{"class":2177},[1940,3324,2156],{"class":1953},[1940,3326,3327],{"class":3264}," 2400",[1940,3329,2653],{"class":1953},[1940,3331,3270],{"class":2177},[1940,3333,2156],{"class":1953},[1940,3335,3336],{"class":3264}," 800",[1940,3338,2653],{"class":1953},[1940,3340,3280],{"class":2177},[1940,3342,2156],{"class":1953},[1940,3344,1967],{"class":1953},[1940,3346,2633],{"class":1970},[1940,3348,1974],{"class":1953},[1940,3350,3291],{"class":1953},[1940,3352,3353,3356],{"class":1942,"line":2327},[1940,3354,3355],{"class":1957},"  ]",[1940,3357,3199],{"class":1953},[1940,3359,3360],{"class":1942,"line":2666},[1940,3361,3362],{"class":1953},"};\n",[1912,3364,3365,3366,3369,3370,3373,3374,3376],{},"The desktop breakpoint defaults to ",[1916,3367,3368],{},"md"," (the laioutr-ui theme breakpoint). Pass ",[1916,3371,3372],{},"desktopBreakpoint"," to the ",[1916,3375,1928],{}," component to change it.",[2037,3378,2247],{"id":3379},"placeholders",[1912,3381,3382],{},"Placeholders give you something to show on screen before the full image arrives, eliminating the visual jank of a blank box jumping into a photo.",[1931,3384,3386],{"className":1933,"code":3385,"language":1935,"meta":1936,"style":1936},"{\n  type: 'image',\n  sources: [...],\n  placeholder: ['solid', '#1a1a1a'],\n}\n",[1916,3387,3388,3392,3406,3421,3448],{"__ignoreMap":1936},[1940,3389,3390],{"class":1942,"line":1943},[1940,3391,2148],{"class":1953},[1940,3393,3394,3396,3398,3400,3402,3404],{"class":1942,"line":1980},[1940,3395,2153],{"class":1993},[1940,3397,2156],{"class":1953},[1940,3399,1967],{"class":1953},[1940,3401,2073],{"class":1970},[1940,3403,1974],{"class":1953},[1940,3405,3199],{"class":1953},[1940,3407,3408,3410,3412,3414,3417,3419],{"class":1942,"line":1987},[1940,3409,2169],{"class":1993},[1940,3411,2156],{"class":1953},[1940,3413,2647],{"class":2177},[1940,3415,3416],{"class":1953},"...",[1940,3418,2658],{"class":2177},[1940,3420,3199],{"class":1953},[1940,3422,3423,3425,3427,3429,3431,3433,3435,3437,3439,3442,3444,3446],{"class":1942,"line":2188},[1940,3424,2205],{"class":1993},[1940,3426,2156],{"class":1953},[1940,3428,2647],{"class":2177},[1940,3430,1974],{"class":1953},[1940,3432,3075],{"class":1970},[1940,3434,1974],{"class":1953},[1940,3436,2653],{"class":1953},[1940,3438,1967],{"class":1953},[1940,3440,3441],{"class":1970},"#1a1a1a",[1940,3443,1974],{"class":1953},[1940,3445,2658],{"class":2177},[1940,3447,3199],{"class":1953},[1940,3449,3450],{"class":1942,"line":2202},[1940,3451,2218],{"class":1953},[1931,3453,3455],{"className":1933,"code":3454,"language":1935,"meta":1936,"style":1936},"{\n  type: 'image',\n  sources: [...],\n  placeholder: ['thumbhash', 'wXj5SoJ4eIB3iIeHf...'],\n}\n",[1916,3456,3457,3461,3475,3489,3516],{"__ignoreMap":1936},[1940,3458,3459],{"class":1942,"line":1943},[1940,3460,2148],{"class":1953},[1940,3462,3463,3465,3467,3469,3471,3473],{"class":1942,"line":1980},[1940,3464,2153],{"class":1993},[1940,3466,2156],{"class":1953},[1940,3468,1967],{"class":1953},[1940,3470,2073],{"class":1970},[1940,3472,1974],{"class":1953},[1940,3474,3199],{"class":1953},[1940,3476,3477,3479,3481,3483,3485,3487],{"class":1942,"line":1987},[1940,3478,2169],{"class":1993},[1940,3480,2156],{"class":1953},[1940,3482,2647],{"class":2177},[1940,3484,3416],{"class":1953},[1940,3486,2658],{"class":2177},[1940,3488,3199],{"class":1953},[1940,3490,3491,3493,3495,3497,3499,3501,3503,3505,3507,3510,3512,3514],{"class":1942,"line":2188},[1940,3492,2205],{"class":1993},[1940,3494,2156],{"class":1953},[1940,3496,2647],{"class":2177},[1940,3498,1974],{"class":1953},[1940,3500,3094],{"class":1970},[1940,3502,1974],{"class":1953},[1940,3504,2653],{"class":1953},[1940,3506,1967],{"class":1953},[1940,3508,3509],{"class":1970},"wXj5SoJ4eIB3iIeHf...",[1940,3511,1974],{"class":1953},[1940,3513,2658],{"class":2177},[1940,3515,3199],{"class":1953},[1940,3517,3518],{"class":1942,"line":2202},[1940,3519,2218],{"class":1953},[1912,3521,3522,3524,3525,3527],{},[1916,3523,3110],{}," is the right choice when the connector knows the dominant color of the image (Shopify exposes this; some DAMs do too). ",[1916,3526,3114],{}," produces a tiny blurred preview that looks like the real image at very low resolution. Both are inline (no extra HTTP request).",[2037,3529,2928],{"id":3530},"streaming-formats",[1912,3532,3533,3534,3536],{},"Video and audio sources can declare how the asset is delivered through the ",[1916,3535,2923],{}," field. The renderer needs this to decide whether the source can be handed straight to the browser or whether it needs a JavaScript player to demux it.",[3133,3538,3539,3545,3559],{},[3136,3540,3541,3544],{},[1916,3542,3543],{},"'progressive'"," (or omitted): a single self-contained file (e.g. MP4 for video, MP3 or AAC for audio). The browser picks one source at load time and stays on it. No adaptive bitrate.",[3136,3546,3547,3550,3551,3554,3555,3558],{},[1916,3548,3549],{},"'hls'",": an HLS manifest (",[1916,3552,3553],{},".m3u8","). Native adaptive bitrate in Safari; other browsers need ",[1916,3556,3557],{},"hls.js"," plus MSE.",[3136,3560,3561,3564,3565,3568,3569,3572],{},[1916,3562,3563],{},"'dash'",": a DASH manifest (",[1916,3566,3567],{},".mpd","). No browser supports it natively; needs ",[1916,3570,3571],{},"dash.js"," or Shaka plus MSE.",[1912,3574,3575,3576,3578,3579,3581],{},"If the field is omitted, treat the source as ",[1916,3577,2878],{},". Mix streaming and progressive sources in the same ",[1916,3580,2224],{}," array if you want the renderer to fall back when MSE is not available.",[2037,3583,2348],{"id":3584},"text-tracks",[1912,3586,3587,2705,3589,3591,3592,3594,3595,3598,3599,3602],{},[1916,3588,2251],{},[1916,3590,2415],{}," both accept a ",[1916,3593,2343],{}," array of ",[1916,3596,3597],{},"MediaTextTrack"," for subtitles, captions, chapters, descriptions, or arbitrary metadata. Each track maps to one HTML ",[1916,3600,3601],{},"\u003Ctrack>"," element.",[1931,3604,3606],{"className":1933,"code":3605,"language":1935,"meta":1936,"style":1936},"{\n  src: string;                      // URL to a WebVTT (.vtt) or SRT file\n  kind: 'subtitles' | 'captions' | 'descriptions' | 'chapters' | 'metadata';\n  srclang?: string;                 // BCP-47 tag, e.g. 'en', 'de-DE'\n  label?: string;                   // shown in the player's track-selection UI\n  default?: boolean;                // enable when no other track matches user preferences\n}\n",[1916,3607,3608,3612,3625,3677,3691,3705,3720],{"__ignoreMap":1936},[1940,3609,3610],{"class":1942,"line":1943},[1940,3611,2148],{"class":1953},[1940,3613,3614,3616,3618,3620,3622],{"class":1942,"line":1980},[1940,3615,2571],{"class":1993},[1940,3617,2156],{"class":1953},[1940,3619,2197],{"class":1957},[1940,3621,2181],{"class":1953},[1940,3623,3624],{"class":2184},"                      // URL to a WebVTT (.vtt) or SRT file\n",[1940,3626,3627,3630,3632,3634,3637,3639,3641,3643,3646,3648,3650,3652,3655,3657,3659,3661,3664,3666,3668,3670,3673,3675],{"class":1942,"line":1987},[1940,3628,3629],{"class":1993},"  kind",[1940,3631,2156],{"class":1953},[1940,3633,1967],{"class":1953},[1940,3635,3636],{"class":1970},"subtitles",[1940,3638,1974],{"class":1953},[1940,3640,2002],{"class":1953},[1940,3642,1967],{"class":1953},[1940,3644,3645],{"class":1970},"captions",[1940,3647,1974],{"class":1953},[1940,3649,2002],{"class":1953},[1940,3651,1967],{"class":1953},[1940,3653,3654],{"class":1970},"descriptions",[1940,3656,1974],{"class":1953},[1940,3658,2002],{"class":1953},[1940,3660,1967],{"class":1953},[1940,3662,3663],{"class":1970},"chapters",[1940,3665,1974],{"class":1953},[1940,3667,2002],{"class":1953},[1940,3669,1967],{"class":1953},[1940,3671,3672],{"class":1970},"metadata",[1940,3674,1974],{"class":1953},[1940,3676,1977],{"class":1953},[1940,3678,3679,3682,3684,3686,3688],{"class":1942,"line":2188},[1940,3680,3681],{"class":1957},"  srclang",[1940,3683,2194],{"class":1953},[1940,3685,2197],{"class":1957},[1940,3687,2181],{"class":1953},[1940,3689,3690],{"class":2184},"                 // BCP-47 tag, e.g. 'en', 'de-DE'\n",[1940,3692,3693,3696,3698,3700,3702],{"class":1942,"line":2202},[1940,3694,3695],{"class":1957},"  label",[1940,3697,2194],{"class":1953},[1940,3699,2197],{"class":1957},[1940,3701,2181],{"class":1953},[1940,3703,3704],{"class":2184},"                   // shown in the player's track-selection UI\n",[1940,3706,3707,3710,3712,3715,3717],{"class":1942,"line":2215},[1940,3708,3709],{"class":1946},"  default",[1940,3711,2194],{"class":1953},[1940,3713,3714],{"class":1957}," boolean",[1940,3716,2181],{"class":1953},[1940,3718,3719],{"class":2184},"                // enable when no other track matches user preferences\n",[1940,3721,3722],{"class":1942,"line":2327},[1940,3723,2218],{"class":1953},[1912,3725,3726,3727,3729,3730,3732,3733,3735,3736,3738,3739,3741],{},"Use ",[1916,3728,3636],{}," for translations, ",[1916,3731,3645],{}," for transcriptions that also describe non-speech audio, ",[1916,3734,3654],{}," for audio descriptions of the visual content, ",[1916,3737,3663],{}," for timed navigation points, and ",[1916,3740,3672],{}," for tracks consumed by JavaScript rather than displayed to the user.",[1931,3743,3745],{"className":1933,"code":3744,"language":1935,"meta":1936,"style":1936},"const lectureVideo: MediaVideo = {\n  type: 'video',\n  sources: [{ provider: 'mux', src: 'https://stream.mux.com/.../lecture.m3u8', width: 1920, height: 1080, streaming: 'hls' }],\n  poster: lecturePoster,\n  tracks: [\n    { src: 'https://cdn.example.com/lecture.en.vtt', kind: 'subtitles', srclang: 'en', label: 'English', default: true },\n    { src: 'https://cdn.example.com/lecture.de.vtt', kind: 'subtitles', srclang: 'de', label: 'Deutsch' },\n    { src: 'https://cdn.example.com/lecture.chapters.vtt', kind: 'chapters', srclang: 'en' },\n  ],\n};\n",[1916,3746,3747,3762,3776,3848,3859,3867,3936,3991,4032,4038],{"__ignoreMap":1936},[1940,3748,3749,3751,3754,3756,3758,3760],{"class":1942,"line":1943},[1940,3750,3172],{"class":1990},[1940,3752,3753],{"class":1957}," lectureVideo",[1940,3755,2156],{"class":1953},[1940,3757,2005],{"class":1993},[1940,3759,1996],{"class":1953},[1940,3761,3184],{"class":1953},[1940,3763,3764,3766,3768,3770,3772,3774],{"class":1942,"line":1980},[1940,3765,2153],{"class":2177},[1940,3767,2156],{"class":1953},[1940,3769,1967],{"class":1953},[1940,3771,2093],{"class":1970},[1940,3773,1974],{"class":1953},[1940,3775,3199],{"class":1953},[1940,3777,3778,3780,3782,3784,3787,3789,3791,3793,3796,3798,3800,3802,3804,3806,3809,3811,3813,3815,3817,3820,3822,3824,3826,3829,3831,3834,3836,3838,3840,3842,3844,3846],{"class":1942,"line":1987},[1940,3779,2169],{"class":2177},[1940,3781,2156],{"class":1953},[1940,3783,2647],{"class":1957},[1940,3785,3786],{"class":1953},"{",[1940,3788,3231],{"class":2177},[1940,3790,2156],{"class":1953},[1940,3792,1967],{"class":1953},[1940,3794,3795],{"class":1970},"mux",[1940,3797,1974],{"class":1953},[1940,3799,2653],{"class":1953},[1940,3801,3245],{"class":2177},[1940,3803,2156],{"class":1953},[1940,3805,1967],{"class":1953},[1940,3807,3808],{"class":1970},"https://stream.mux.com/.../lecture.m3u8",[1940,3810,1974],{"class":1953},[1940,3812,2653],{"class":1953},[1940,3814,3259],{"class":2177},[1940,3816,2156],{"class":1953},[1940,3818,3819],{"class":3264}," 1920",[1940,3821,2653],{"class":1953},[1940,3823,3270],{"class":2177},[1940,3825,2156],{"class":1953},[1940,3827,3828],{"class":3264}," 1080",[1940,3830,2653],{"class":1953},[1940,3832,3833],{"class":2177}," streaming",[1940,3835,2156],{"class":1953},[1940,3837,1967],{"class":1953},[1940,3839,2887],{"class":1970},[1940,3841,1974],{"class":1953},[1940,3843,1961],{"class":1953},[1940,3845,2658],{"class":1957},[1940,3847,3199],{"class":1953},[1940,3849,3850,3852,3854,3857],{"class":1942,"line":2188},[1940,3851,2294],{"class":2177},[1940,3853,2156],{"class":1953},[1940,3855,3856],{"class":1957}," lecturePoster",[1940,3858,3199],{"class":1953},[1940,3860,3861,3863,3865],{"class":1942,"line":2202},[1940,3862,2305],{"class":2177},[1940,3864,2156],{"class":1953},[1940,3866,3223],{"class":1957},[1940,3868,3869,3871,3873,3875,3877,3880,3882,3884,3887,3889,3891,3893,3895,3897,3900,3902,3904,3907,3909,3911,3914,3916,3918,3921,3923,3925,3928,3930,3934],{"class":1942,"line":2215},[1940,3870,3228],{"class":1953},[1940,3872,3245],{"class":2177},[1940,3874,2156],{"class":1953},[1940,3876,1967],{"class":1953},[1940,3878,3879],{"class":1970},"https://cdn.example.com/lecture.en.vtt",[1940,3881,1974],{"class":1953},[1940,3883,2653],{"class":1953},[1940,3885,3886],{"class":2177}," kind",[1940,3888,2156],{"class":1953},[1940,3890,1967],{"class":1953},[1940,3892,3636],{"class":1970},[1940,3894,1974],{"class":1953},[1940,3896,2653],{"class":1953},[1940,3898,3899],{"class":2177}," srclang",[1940,3901,2156],{"class":1953},[1940,3903,1967],{"class":1953},[1940,3905,3906],{"class":1970},"en",[1940,3908,1974],{"class":1953},[1940,3910,2653],{"class":1953},[1940,3912,3913],{"class":2177}," label",[1940,3915,2156],{"class":1953},[1940,3917,1967],{"class":1953},[1940,3919,3920],{"class":1970},"English",[1940,3922,1974],{"class":1953},[1940,3924,2653],{"class":1953},[1940,3926,3927],{"class":2177}," default",[1940,3929,2156],{"class":1953},[1940,3931,3933],{"class":3932},"sfNiH"," true",[1940,3935,3291],{"class":1953},[1940,3937,3938,3940,3942,3944,3946,3949,3951,3953,3955,3957,3959,3961,3963,3965,3967,3969,3971,3974,3976,3978,3980,3982,3984,3987,3989],{"class":1942,"line":2327},[1940,3939,3228],{"class":1953},[1940,3941,3245],{"class":2177},[1940,3943,2156],{"class":1953},[1940,3945,1967],{"class":1953},[1940,3947,3948],{"class":1970},"https://cdn.example.com/lecture.de.vtt",[1940,3950,1974],{"class":1953},[1940,3952,2653],{"class":1953},[1940,3954,3886],{"class":2177},[1940,3956,2156],{"class":1953},[1940,3958,1967],{"class":1953},[1940,3960,3636],{"class":1970},[1940,3962,1974],{"class":1953},[1940,3964,2653],{"class":1953},[1940,3966,3899],{"class":2177},[1940,3968,2156],{"class":1953},[1940,3970,1967],{"class":1953},[1940,3972,3973],{"class":1970},"de",[1940,3975,1974],{"class":1953},[1940,3977,2653],{"class":1953},[1940,3979,3913],{"class":2177},[1940,3981,2156],{"class":1953},[1940,3983,1967],{"class":1953},[1940,3985,3986],{"class":1970},"Deutsch",[1940,3988,1974],{"class":1953},[1940,3990,3291],{"class":1953},[1940,3992,3993,3995,3997,3999,4001,4004,4006,4008,4010,4012,4014,4016,4018,4020,4022,4024,4026,4028,4030],{"class":1942,"line":2666},[1940,3994,3228],{"class":1953},[1940,3996,3245],{"class":2177},[1940,3998,2156],{"class":1953},[1940,4000,1967],{"class":1953},[1940,4002,4003],{"class":1970},"https://cdn.example.com/lecture.chapters.vtt",[1940,4005,1974],{"class":1953},[1940,4007,2653],{"class":1953},[1940,4009,3886],{"class":2177},[1940,4011,2156],{"class":1953},[1940,4013,1967],{"class":1953},[1940,4015,3663],{"class":1970},[1940,4017,1974],{"class":1953},[1940,4019,2653],{"class":1953},[1940,4021,3899],{"class":2177},[1940,4023,2156],{"class":1953},[1940,4025,1967],{"class":1953},[1940,4027,3906],{"class":1970},[1940,4029,1974],{"class":1953},[1940,4031,3291],{"class":1953},[1940,4033,4034,4036],{"class":1942,"line":2868},[1940,4035,3355],{"class":1957},[1940,4037,3199],{"class":1953},[1940,4039,4040],{"class":1942,"line":2903},[1940,4041,3362],{"class":1953},[2037,4043,4045],{"id":4044},"rendering-media","Rendering Media",[1912,4047,2533,4048,4050,4051,4053],{},[1916,4049,387],{}," value is just data. Turning it into pixels on the page is the job of the ",[1916,4052,1928],{}," UI Kit component, which reads the sources, picks the right one for the viewport, and hands the URL to nuxt-image:",[1931,4055,4060],{"className":4056,"code":4057,"filename":4058,"language":4059,"meta":1936,"style":1936},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { MediaImage } from '@laioutr-core/core-types/common';\nconst props = defineProps\u003C{ image: MediaImage }>();\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CMedia :media=\"props.image\" sizes=\"100vw md:50vw\" />\n\u003C/template>\n","components/SomeBlock.vue","vue",[1916,4061,4062,4089,4111,4142,4151,4155,4164,4198],{"__ignoreMap":1936},[1940,4063,4064,4067,4070,4073,4076,4079,4082,4084,4086],{"class":1942,"line":1943},[1940,4065,4066],{"class":1953},"\u003C",[1940,4068,4069],{"class":2177},"script",[1940,4071,4072],{"class":1990}," setup",[1940,4074,4075],{"class":1990}," lang",[1940,4077,4078],{"class":1953},"=",[1940,4080,4081],{"class":1953},"\"",[1940,4083,1935],{"class":1970},[1940,4085,4081],{"class":1953},[1940,4087,4088],{"class":1953},">\n",[1940,4090,4091,4093,4095,4097,4099,4101,4103,4105,4107,4109],{"class":1942,"line":1980},[1940,4092,1947],{"class":1946},[1940,4094,1950],{"class":1946},[1940,4096,1954],{"class":1953},[1940,4098,1999],{"class":1957},[1940,4100,1961],{"class":1953},[1940,4102,1964],{"class":1946},[1940,4104,1967],{"class":1953},[1940,4106,1971],{"class":1970},[1940,4108,1974],{"class":1953},[1940,4110,1977],{"class":1953},[1940,4112,4113,4115,4118,4120,4124,4127,4130,4132,4134,4137,4140],{"class":1942,"line":1987},[1940,4114,3172],{"class":1990},[1940,4116,4117],{"class":1957}," props ",[1940,4119,4078],{"class":1953},[1940,4121,4123],{"class":4122},"s2Zo4"," defineProps",[1940,4125,4126],{"class":1953},"\u003C{",[1940,4128,4129],{"class":2177}," image",[1940,4131,2156],{"class":1953},[1940,4133,1999],{"class":1993},[1940,4135,4136],{"class":1953}," }>",[1940,4138,4139],{"class":1957},"()",[1940,4141,1977],{"class":1953},[1940,4143,4144,4147,4149],{"class":1942,"line":2188},[1940,4145,4146],{"class":1953},"\u003C/",[1940,4148,4069],{"class":2177},[1940,4150,4088],{"class":1953},[1940,4152,4153],{"class":1942,"line":2202},[1940,4154,1984],{"emptyLinePlaceholder":1983},[1940,4156,4157,4159,4162],{"class":1942,"line":2215},[1940,4158,4066],{"class":1953},[1940,4160,4161],{"class":2177},"template",[1940,4163,4088],{"class":1953},[1940,4165,4166,4169,4171,4174,4176,4178,4181,4183,4186,4188,4190,4193,4195],{"class":1942,"line":2327},[1940,4167,4168],{"class":1953},"  \u003C",[1940,4170,387],{"class":2177},[1940,4172,4173],{"class":1990}," :media",[1940,4175,4078],{"class":1953},[1940,4177,4081],{"class":1953},[1940,4179,4180],{"class":1970},"props.image",[1940,4182,4081],{"class":1953},[1940,4184,4185],{"class":1990}," sizes",[1940,4187,4078],{"class":1953},[1940,4189,4081],{"class":1953},[1940,4191,4192],{"class":1970},"100vw md:50vw",[1940,4194,4081],{"class":1953},[1940,4196,4197],{"class":1953}," />\n",[1940,4199,4200,4202,4204],{"class":1942,"line":2666},[1940,4201,4146],{"class":1953},[1940,4203,4161],{"class":2177},[1940,4205,4088],{"class":1953},[1912,4207,4208,4209,2716,4212,4215,4216,4221],{},"The component handles responsive source selection, focal-point cropping, placeholder display, lazy loading, and the ",[1916,4210,4211],{},"imagesizes",[1916,4213,4214],{},"imagesrcset"," link tags for above-the-fold preloading. See the ",[1924,4217,4218,4220],{"href":1168},[1916,4219,1928],{}," component reference"," for the full prop list.",[4223,4224,4225,4226,4229,4230,4232,4233,4235,4236,4238],"warning",{},"Laioutr's frontend-core registers nuxt-image with ",[1916,4227,4228],{},"provider: 'none'"," at the module level, which disables the global default; each source's ",[1916,4231,2034],{}," field is what selects an adapter at render time. The same name ",[1916,4234,2691],{}," is also a valid per-source provider: it's nuxt-image's built-in pass-through that returns the URL unchanged. If you set a source's ",[1916,4237,2034],{}," to a name nobody has registered, nuxt-image errors at provider-resolution time rather than silently falling back.",[2037,4240,4242],{"id":4241},"for-connector-authors","For connector authors",[1912,4244,4245],{},"This is the section that prevents the most common bug in connector code: returning media the storefront can't render efficiently. The rule is short:",[4247,4248,4249],"blockquote",{},[1912,4250,4251,4252,4254,4255,4257,4258,4260],{},"Map your backend's asset shape to a ",[1916,4253,387],{}," object with the right ",[1916,4256,2034],{},". Never return a bare URL string, never default everything to ",[1916,4259,2691],{},", and never drop the dimensions when the backend gives them to you.",[2136,4262,4264],{"id":4263},"wrong","Wrong",[1931,4266,4268],{"className":1933,"code":4267,"language":1935,"meta":1936,"style":1936},"// Shopify connector, product media handler\nreturn {\n  cover: product.featuredImage.url,                        // ❌ bare string\n  gallery: product.images.map((img) => ({ url: img.url })), // ❌ ad-hoc shape\n};\n",[1916,4269,4270,4275,4282,4306,4369],{"__ignoreMap":1936},[1940,4271,4272],{"class":1942,"line":1943},[1940,4273,4274],{"class":2184},"// Shopify connector, product media handler\n",[1940,4276,4277,4280],{"class":1942,"line":1980},[1940,4278,4279],{"class":1946},"return",[1940,4281,3184],{"class":1953},[1940,4283,4284,4286,4288,4291,4293,4296,4298,4301,4303],{"class":1942,"line":1987},[1940,4285,2458],{"class":2177},[1940,4287,2156],{"class":1953},[1940,4289,4290],{"class":1957}," product",[1940,4292,2130],{"class":1953},[1940,4294,4295],{"class":1957},"featuredImage",[1940,4297,2130],{"class":1953},[1940,4299,4300],{"class":1957},"url",[1940,4302,2653],{"class":1953},[1940,4304,4305],{"class":2184},"                        // ❌ bare string\n",[1940,4307,4308,4311,4313,4315,4317,4320,4322,4325,4328,4330,4334,4337,4340,4343,4345,4348,4350,4353,4355,4358,4361,4364,4366],{"class":1942,"line":2188},[1940,4309,4310],{"class":2177},"  gallery",[1940,4312,2156],{"class":1953},[1940,4314,4290],{"class":1957},[1940,4316,2130],{"class":1953},[1940,4318,4319],{"class":1957},"images",[1940,4321,2130],{"class":1953},[1940,4323,4324],{"class":4122},"map",[1940,4326,4327],{"class":1957},"(",[1940,4329,4327],{"class":1953},[1940,4331,4333],{"class":4332},"sHdIc","img",[1940,4335,4336],{"class":1953},")",[1940,4338,4339],{"class":1990}," =>",[1940,4341,4342],{"class":1957}," (",[1940,4344,3786],{"class":1953},[1940,4346,4347],{"class":2177}," url",[1940,4349,2156],{"class":1953},[1940,4351,4352],{"class":1957}," img",[1940,4354,2130],{"class":1953},[1940,4356,4357],{"class":1957},"url ",[1940,4359,4360],{"class":1953},"}",[1940,4362,4363],{"class":1957},"))",[1940,4365,2653],{"class":1953},[1940,4367,4368],{"class":2184}," // ❌ ad-hoc shape\n",[1940,4370,4371],{"class":1942,"line":2202},[1940,4372,3362],{"class":1953},[1912,4374,4375],{},"This breaks for three independent reasons:",[4377,4378,4379,4391,4399],"ol",{},[3136,4380,4381,4387,4388,4390],{},[4382,4383,4384,4385,2130],"strong",{},"Bare strings aren't ",[1916,4386,387],{}," The frontend doesn't know whether this is an image or a video, what its dimensions are, or which nuxt-image provider can serve it. Components that expect ",[1916,4389,387],{}," will type-error or misrender.",[3136,4392,4393,4398],{},[4382,4394,4395,4396,2130],{},"No ",[1916,4397,2034],{}," The renderer can't ask Shopify's CDN to resize the image, so users download full-resolution originals on every viewport.",[3136,4400,4401,4404,4405,4407,4408,2716,4410,4412],{},[4382,4402,4403],{},"No dimensions."," The ",[1916,4406,2712],{}," tag ships without ",[1916,4409,2704],{},[1916,4411,2708],{},", causing layout shift as each image arrives.",[2136,4414,4416],{"id":4415},"right","Right",[1931,4418,4420],{"className":1933,"code":4419,"language":1935,"meta":1936,"style":1936},"// Shopify connector, product media handler\nimport type { MediaImage } from '@laioutr-core/core-types/common';\n\nconst toMediaImage = (img: ShopifyImage): MediaImage => ({\n  type: 'image',\n  alt: img.altText ?? '',\n  placeholder: img.thumbhash ? ['thumbhash', img.thumbhash] : undefined,\n  sources: [\n    {\n      provider: 'shopify',\n      src: img.url,\n      width: img.width,\n      height: img.height,\n    },\n  ],\n});\n\nreturn {\n  cover: toMediaImage(product.featuredImage),\n  gallery: product.images.map(toMediaImage),\n};\n",[1916,4421,4422,4426,4448,4452,4481,4495,4516,4554,4562,4567,4582,4598,4614,4630,4636,4643,4652,4657,4664,4684,4706],{"__ignoreMap":1936},[1940,4423,4424],{"class":1942,"line":1943},[1940,4425,4274],{"class":2184},[1940,4427,4428,4430,4432,4434,4436,4438,4440,4442,4444,4446],{"class":1942,"line":1980},[1940,4429,1947],{"class":1946},[1940,4431,1950],{"class":1946},[1940,4433,1954],{"class":1953},[1940,4435,1999],{"class":1957},[1940,4437,1961],{"class":1953},[1940,4439,1964],{"class":1946},[1940,4441,1967],{"class":1953},[1940,4443,1971],{"class":1970},[1940,4445,1974],{"class":1953},[1940,4447,1977],{"class":1953},[1940,4449,4450],{"class":1942,"line":1987},[1940,4451,1984],{"emptyLinePlaceholder":1983},[1940,4453,4454,4456,4459,4461,4463,4465,4467,4470,4473,4475,4477,4479],{"class":1942,"line":2188},[1940,4455,3172],{"class":1990},[1940,4457,4458],{"class":1957}," toMediaImage ",[1940,4460,4078],{"class":1953},[1940,4462,4342],{"class":1953},[1940,4464,4333],{"class":4332},[1940,4466,2156],{"class":1953},[1940,4468,4469],{"class":1993}," ShopifyImage",[1940,4471,4472],{"class":1953},"):",[1940,4474,1999],{"class":1993},[1940,4476,4339],{"class":1990},[1940,4478,4342],{"class":1957},[1940,4480,2148],{"class":1953},[1940,4482,4483,4485,4487,4489,4491,4493],{"class":1942,"line":2202},[1940,4484,2153],{"class":2177},[1940,4486,2156],{"class":1953},[1940,4488,1967],{"class":1953},[1940,4490,2073],{"class":1970},[1940,4492,1974],{"class":1953},[1940,4494,3199],{"class":1953},[1940,4496,4497,4499,4501,4503,4505,4508,4511,4514],{"class":1942,"line":2215},[1940,4498,2191],{"class":2177},[1940,4500,2156],{"class":1953},[1940,4502,4352],{"class":1957},[1940,4504,2130],{"class":1953},[1940,4506,4507],{"class":1957},"altText ",[1940,4509,4510],{"class":1953},"??",[1940,4512,4513],{"class":1953}," ''",[1940,4515,3199],{"class":1953},[1940,4517,4518,4520,4522,4524,4526,4529,4532,4534,4536,4538,4540,4542,4544,4546,4549,4551],{"class":1942,"line":2327},[1940,4519,2205],{"class":2177},[1940,4521,2156],{"class":1953},[1940,4523,4352],{"class":1957},[1940,4525,2130],{"class":1953},[1940,4527,4528],{"class":1957},"thumbhash ",[1940,4530,4531],{"class":1953},"?",[1940,4533,2647],{"class":1957},[1940,4535,1974],{"class":1953},[1940,4537,3094],{"class":1970},[1940,4539,1974],{"class":1953},[1940,4541,2653],{"class":1953},[1940,4543,4352],{"class":1957},[1940,4545,2130],{"class":1953},[1940,4547,4548],{"class":1957},"thumbhash] ",[1940,4550,2156],{"class":1953},[1940,4552,4553],{"class":1953}," undefined,\n",[1940,4555,4556,4558,4560],{"class":1942,"line":2666},[1940,4557,2169],{"class":2177},[1940,4559,2156],{"class":1953},[1940,4561,3223],{"class":1957},[1940,4563,4564],{"class":1942,"line":2868},[1940,4565,4566],{"class":1953},"    {\n",[1940,4568,4569,4572,4574,4576,4578,4580],{"class":1942,"line":2903},[1940,4570,4571],{"class":2177},"      provider",[1940,4573,2156],{"class":1953},[1940,4575,1967],{"class":1953},[1940,4577,3238],{"class":1970},[1940,4579,1974],{"class":1953},[1940,4581,3199],{"class":1953},[1940,4583,4585,4588,4590,4592,4594,4596],{"class":1942,"line":4584},11,[1940,4586,4587],{"class":2177},"      src",[1940,4589,2156],{"class":1953},[1940,4591,4352],{"class":1957},[1940,4593,2130],{"class":1953},[1940,4595,4300],{"class":1957},[1940,4597,3199],{"class":1953},[1940,4599,4601,4604,4606,4608,4610,4612],{"class":1942,"line":4600},12,[1940,4602,4603],{"class":2177},"      width",[1940,4605,2156],{"class":1953},[1940,4607,4352],{"class":1957},[1940,4609,2130],{"class":1953},[1940,4611,2704],{"class":1957},[1940,4613,3199],{"class":1953},[1940,4615,4617,4620,4622,4624,4626,4628],{"class":1942,"line":4616},13,[1940,4618,4619],{"class":2177},"      height",[1940,4621,2156],{"class":1953},[1940,4623,4352],{"class":1957},[1940,4625,2130],{"class":1953},[1940,4627,2708],{"class":1957},[1940,4629,3199],{"class":1953},[1940,4631,4633],{"class":1942,"line":4632},14,[1940,4634,4635],{"class":1953},"    },\n",[1940,4637,4639,4641],{"class":1942,"line":4638},15,[1940,4640,3355],{"class":1957},[1940,4642,3199],{"class":1953},[1940,4644,4646,4648,4650],{"class":1942,"line":4645},16,[1940,4647,4360],{"class":1953},[1940,4649,4336],{"class":1957},[1940,4651,1977],{"class":1953},[1940,4653,4655],{"class":1942,"line":4654},17,[1940,4656,1984],{"emptyLinePlaceholder":1983},[1940,4658,4660,4662],{"class":1942,"line":4659},18,[1940,4661,4279],{"class":1946},[1940,4663,3184],{"class":1953},[1940,4665,4667,4669,4671,4674,4677,4679,4682],{"class":1942,"line":4666},19,[1940,4668,2458],{"class":2177},[1940,4670,2156],{"class":1953},[1940,4672,4673],{"class":4122}," toMediaImage",[1940,4675,4676],{"class":1957},"(product",[1940,4678,2130],{"class":1953},[1940,4680,4681],{"class":1957},"featuredImage)",[1940,4683,3199],{"class":1953},[1940,4685,4687,4689,4691,4693,4695,4697,4699,4701,4704],{"class":1942,"line":4686},20,[1940,4688,4310],{"class":2177},[1940,4690,2156],{"class":1953},[1940,4692,4290],{"class":1957},[1940,4694,2130],{"class":1953},[1940,4696,4319],{"class":1957},[1940,4698,2130],{"class":1953},[1940,4700,4324],{"class":4122},[1940,4702,4703],{"class":1957},"(toMediaImage)",[1940,4705,3199],{"class":1953},[1940,4707,4709],{"class":1942,"line":4708},21,[1940,4710,3362],{"class":1953},[1912,4712,4713],{},"The connector says \"this is an image, served by Shopify's CDN, with these dimensions and this thumbhash for the LQIP.\" The frontend's nuxt-image setup decides how to resize, format, and lazy-load it. Multi-viewport rendering, placeholder behavior, and preloading all stay where they belong: in the storefront.",[2136,4715,4717,4718],{"id":4716},"picking-the-right-provider","Picking the right ",[1916,4719,2034],{},[1912,4721,2351,4722,4724],{},[1916,4723,2034],{}," field must match a nuxt-image provider that the storefront has configured (or that your app registers). Common cases:",[2042,4726,4727,4741],{},[2045,4728,4729],{},[2048,4730,4731,4734,4738],{},[2051,4732,4733],{},"If the asset comes from…",[2051,4735,3726,4736],{},[1916,4737,2034],{},[2051,4739,4740],{},"Notes",[2061,4742,4743,4755,4767,4784],{},[2048,4744,4745,4748,4752],{},[2066,4746,4747],{},"Shopify Files / Storefront API",[2066,4749,4750],{},[1916,4751,2676],{},[2066,4753,4754],{},"Built into the Shopify app; supports CDN resizing parameters",[2048,4756,4757,4760,4764],{},[2066,4758,4759],{},"Cloudinary",[2066,4761,4762],{},[1916,4763,2680],{},[2066,4765,4766],{},"Configure with your Cloudinary cloud name",[2048,4768,4769,4772,4775],{},[2066,4770,4771],{},"A DAM with a custom URL scheme",[2066,4773,4774],{},"a custom name you register",[2066,4776,4777,4778,4783],{},"Register a ",[1924,4779,4782],{"href":4780,"rel":4781},"https://image.nuxt.com/advanced/custom-provider",[2697],"nuxt-image provider"," in your app",[2048,4785,4786,4789,4793],{},[2066,4787,4788],{},"A plain CDN URL with no resize API",[2066,4790,4791],{},[1916,4792,2691],{},[2066,4794,4795],{},"nuxt-image built-in pass-through; skips optimization but works",[1912,4797,4798,4799,4801],{},"Picking ",[1916,4800,2691],{}," everywhere \"to keep things simple\" gives up the bandwidth savings and format conversion that nuxt-image is there to do. Spend the time wiring up the right provider; it pays back on every page load.",[2136,4803,4805],{"id":4804},"returning-responsive-sources","Returning responsive sources",[1912,4807,4808,4809,4811],{},"If your backend stores separate mobile and desktop assets (Hygraph and many DAMs let editors crop per breakpoint), return them both with the ",[1916,4810,2728],{}," field set:",[1931,4813,4815],{"className":1933,"code":4814,"language":1935,"meta":1936,"style":1936},"{\n  type: 'image',\n  alt: hero.alt,\n  sources: [\n    { provider: 'hygraph', src: hero.mobile.url, width: hero.mobile.width, height: hero.mobile.height, responsive: 'mobile' },\n    { provider: 'hygraph', src: hero.desktop.url, width: hero.desktop.width, height: hero.desktop.height, responsive: 'desktop' },\n  ],\n}\n",[1916,4816,4817,4821,4835,4850,4858,4935,5011,5017],{"__ignoreMap":1936},[1940,4818,4819],{"class":1942,"line":1943},[1940,4820,2148],{"class":1953},[1940,4822,4823,4825,4827,4829,4831,4833],{"class":1942,"line":1980},[1940,4824,2153],{"class":1993},[1940,4826,2156],{"class":1953},[1940,4828,1967],{"class":1953},[1940,4830,2073],{"class":1970},[1940,4832,1974],{"class":1953},[1940,4834,3199],{"class":1953},[1940,4836,4837,4839,4841,4844,4846,4848],{"class":1942,"line":1987},[1940,4838,2191],{"class":1993},[1940,4840,2156],{"class":1953},[1940,4842,4843],{"class":1957}," hero",[1940,4845,2130],{"class":1953},[1940,4847,2230],{"class":1957},[1940,4849,3199],{"class":1953},[1940,4851,4852,4854,4856],{"class":1942,"line":2188},[1940,4853,2169],{"class":1993},[1940,4855,2156],{"class":1953},[1940,4857,3223],{"class":2177},[1940,4859,4860,4862,4864,4866,4868,4871,4873,4875,4877,4879,4881,4883,4885,4887,4889,4891,4893,4895,4897,4899,4901,4903,4905,4907,4909,4911,4913,4915,4917,4919,4921,4923,4925,4927,4929,4931,4933],{"class":1942,"line":2202},[1940,4861,3228],{"class":1953},[1940,4863,3231],{"class":2177},[1940,4865,2156],{"class":1953},[1940,4867,1967],{"class":1953},[1940,4869,4870],{"class":1970},"hygraph",[1940,4872,1974],{"class":1953},[1940,4874,2653],{"class":1953},[1940,4876,3245],{"class":2177},[1940,4878,2156],{"class":1953},[1940,4880,4843],{"class":1957},[1940,4882,2130],{"class":1953},[1940,4884,2624],{"class":1957},[1940,4886,2130],{"class":1953},[1940,4888,4300],{"class":1957},[1940,4890,2653],{"class":1953},[1940,4892,3259],{"class":2177},[1940,4894,2156],{"class":1953},[1940,4896,4843],{"class":1957},[1940,4898,2130],{"class":1953},[1940,4900,2624],{"class":1957},[1940,4902,2130],{"class":1953},[1940,4904,2704],{"class":1957},[1940,4906,2653],{"class":1953},[1940,4908,3270],{"class":2177},[1940,4910,2156],{"class":1953},[1940,4912,4843],{"class":1957},[1940,4914,2130],{"class":1953},[1940,4916,2624],{"class":1957},[1940,4918,2130],{"class":1953},[1940,4920,2708],{"class":1957},[1940,4922,2653],{"class":1953},[1940,4924,3280],{"class":2177},[1940,4926,2156],{"class":1953},[1940,4928,1967],{"class":1953},[1940,4930,2624],{"class":1970},[1940,4932,1974],{"class":1953},[1940,4934,3291],{"class":1953},[1940,4936,4937,4939,4941,4943,4945,4947,4949,4951,4953,4955,4957,4959,4961,4963,4965,4967,4969,4971,4973,4975,4977,4979,4981,4983,4985,4987,4989,4991,4993,4995,4997,4999,5001,5003,5005,5007,5009],{"class":1942,"line":2215},[1940,4938,3228],{"class":1953},[1940,4940,3231],{"class":2177},[1940,4942,2156],{"class":1953},[1940,4944,1967],{"class":1953},[1940,4946,4870],{"class":1970},[1940,4948,1974],{"class":1953},[1940,4950,2653],{"class":1953},[1940,4952,3245],{"class":2177},[1940,4954,2156],{"class":1953},[1940,4956,4843],{"class":1957},[1940,4958,2130],{"class":1953},[1940,4960,2633],{"class":1957},[1940,4962,2130],{"class":1953},[1940,4964,4300],{"class":1957},[1940,4966,2653],{"class":1953},[1940,4968,3259],{"class":2177},[1940,4970,2156],{"class":1953},[1940,4972,4843],{"class":1957},[1940,4974,2130],{"class":1953},[1940,4976,2633],{"class":1957},[1940,4978,2130],{"class":1953},[1940,4980,2704],{"class":1957},[1940,4982,2653],{"class":1953},[1940,4984,3270],{"class":2177},[1940,4986,2156],{"class":1953},[1940,4988,4843],{"class":1957},[1940,4990,2130],{"class":1953},[1940,4992,2633],{"class":1957},[1940,4994,2130],{"class":1953},[1940,4996,2708],{"class":1957},[1940,4998,2653],{"class":1953},[1940,5000,3280],{"class":2177},[1940,5002,2156],{"class":1953},[1940,5004,1967],{"class":1953},[1940,5006,2633],{"class":1970},[1940,5008,1974],{"class":1953},[1940,5010,3291],{"class":1953},[1940,5012,5013,5015],{"class":1942,"line":2327},[1940,5014,3355],{"class":2177},[1940,5016,3199],{"class":1953},[1940,5018,5019],{"class":1942,"line":2666},[1940,5020,2218],{"class":1953},[1912,5022,5023,5024,5027,5028,5030],{},"If your backend only stores one asset, return one source with ",[1916,5025,5026],{},"responsive: 'static'"," (or omit ",[1916,5029,2728],{},"). The renderer handles both cases.",[2037,5032,5034],{"id":5033},"related","Related",[3133,5036,5037,5048,5057,5070],{},[3136,5038,5039,5044,5045,5047],{},[1924,5040,5041,5043],{"href":1168},[1916,5042,1928],{}," component",": the UI Kit component that renders ",[1916,5046,387],{}," values.",[3136,5049,5050,5053,5054,5056],{},[1924,5051,5052],{"href":177},"Media Library",": how editors pick ",[1916,5055,387],{}," values from connected backends in Cockpit, and how to add a media library provider for your asset system.",[3136,5058,5059,5066,5067,5069],{},[1924,5060,5062,5065],{"href":5061},"/apps/app-development/schema-fields#media",[1916,5063,5064],{},"media"," schema field",": the editor-facing media picker that produces a ",[1916,5068,387],{}," value.",[3136,5071,5072,5077],{},[1924,5073,5076],{"href":5074,"rel":5075},"https://image.nuxt.com/",[2697],"nuxt-image documentation",": provider configuration, sizes syntax, and image optimization concepts.",[5079,5080,5081],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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":1936,"searchDepth":1980,"depth":1980,"links":5083},[5084,5085,5090,5096,5097,5098,5099,5100,5101,5108,5109],{"id":2039,"depth":1980,"text":2040},{"id":2133,"depth":1980,"text":2134,"children":5086},[5087,5088,5089],{"id":2138,"depth":1987,"text":2125},{"id":2250,"depth":1987,"text":2251},{"id":2414,"depth":1987,"text":2415},{"id":2224,"depth":1980,"text":2530,"children":5091},[5092,5093,5094,5095],{"id":2542,"depth":1987,"text":2543},{"id":2750,"depth":1987,"text":2751},{"id":2931,"depth":1987,"text":2932},{"id":3054,"depth":1987,"text":3055},{"id":3123,"depth":1980,"text":2733},{"id":3379,"depth":1980,"text":2247},{"id":3530,"depth":1980,"text":2928},{"id":3584,"depth":1980,"text":2348},{"id":4044,"depth":1980,"text":4045},{"id":4241,"depth":1980,"text":4242,"children":5102},[5103,5104,5105,5107],{"id":4263,"depth":1987,"text":4264},{"id":4415,"depth":1987,"text":4416},{"id":4716,"depth":1987,"text":5106},"Picking the right provider",{"id":4804,"depth":1987,"text":4805},{"id":5033,"depth":1980,"text":5034},{"id":5110,"text":1603,"depth":1980},"changelog",[387],"The discriminated union returned anywhere a connector or component schema yields an image, video, or audio asset. Three variants, source-driven rendering through the Media component.",{},{"title":5115,"description":5112},"Media | Laioutr",{"loc":388,"lastmod":5117,"changefreq":5118,"priority":5119},"2026-06-04","monthly",0.9,"x7Le6fUlNUq32iRv0Iyiu4ku37n5qXpInyIqUkpxCvg",[5122,5124],{"title":383,"path":384,"stem":385,"description":5123,"children":-1},"The discriminated union returned anywhere a connector or component schema yields a navigable target. Five variants, one resolver.",{"title":391,"path":392,"stem":393,"description":5125,"children":-1},"The flat record returned anywhere a connector or component schema yields a price. Two fields, locale-aware rendering through the $money formatter.",{"id":5127,"extension":5128,"meta":5129,"stem":5110,"__hash__":5159},"changelog/changelog.yml","yml",{"AlphabeticalIndex":5130,"Media":5137,"MediaComponent":5149,"SchemaCondition":5155},[5131],{"version":5132,"type":5133,"breaking":1983,"changelog":5134,"note":5135,"migration":5136},"2.3.0","changed","ui","Renamed from `BrandList` and generalized beyond brands — pass any `items` and a `heading` instead of `brands`.","Import from the new component, rename the `brands` prop to `items`, and\npass `heading` explicitly — the old built-in `\"Brands\"` translation no\nlonger renders automatically.\n\n```ts\n// Before\ninterface BrandListProps {\n  brands: { name: string; href: string; count?: number }[];\n}\n\n// After\ninterface AlphabeticalIndexProps {\n  heading?: string;\n  items: { name: string; href: string; count?: number }[];\n}\n```\n",[5138,5143,5146],{"version":5139,"type":5140,"changelog":5141,"note":5142},"0.30.1","added","frontend","Added an [`audio`](/frontend/api-reference/common-types/media#mediaaudio) variant, plus [text tracks](/frontend/api-reference/common-types/media#text-tracks) and [streaming formats](/frontend/api-reference/common-types/media#streaming-formats) for video. Studio `media` fields can restrict to it with `allowedTypes: ['audio']`.",{"version":5139,"type":5133,"breaking":1983,"changelog":5141,"note":5144,"migration":5145},"`MediaVideo.preview` was renamed to `MediaVideo.poster` to match the HTML `\u003Cvideo poster>` attribute.","Rename the field on every `MediaVideo` you construct or read.\n\n```ts\n// Before\nconst video: MediaVideo = { type: 'video', sources, preview: posterImage };\n// After\nconst video: MediaVideo = { type: 'video', sources, poster: posterImage };\n```\n",{"version":5139,"type":5133,"breaking":1983,"changelog":5141,"note":5147,"migration":5148},"The `Media` union was widened to include `MediaAudio`, so `media.type` can now be `'audio'`.","Any exhaustive `switch (media.type)` without a `default` branch must add an\n`'audio'` case, or TypeScript reports a non-exhaustive switch.\n\n```ts\nswitch (media.type) {\n  case 'image': return renderImage(media);\n  case 'video': return renderVideo(media);\n  case 'audio': return renderAudio(media); // new\n}\n```\n",[5150,5153],{"version":5151,"type":5140,"changelog":5134,"note":5152},"2.4.0","`\u003CMedia>` gained a `playback` mode for video. `playback=\"background\"` is a one-switch decorative loop (`autoplay`, `muted`, `loop`, `playsinline`, `disablePictureInPicture` on, `controls` off); `interactive` (the default) is the native player. Each attribute still has its own overriding prop. `\u003CMedia>` now exposes `v-model:paused` so consumers render their own WCAG 2.2.2 pause control, and suppresses autoplay under reduced motion. See [Background video](/laioutr-ui/ui-kit/general/media#background-video).",{"version":5132,"type":5140,"changelog":5134,"note":5154},"`\u003CMedia>` is now a dispatcher that renders video and audio, not only images. Built-in native `\u003Cvideo>` and `\u003Caudio>` players handle progressive sources out of the box (the video `poster` and audio `cover` are shown automatically), and playback is set with props on `\u003CMedia>` (`controls`, `autoplay`, `muted`, `loop`, `playsinline`). Register a renderer with `provideMediaRenderers` to override the built-in for adaptive streaming (HLS/DASH) or a custom player UI. See [Rendering video and audio](/laioutr-ui/ui-kit/general/media#rendering-video-and-audio).",[5156],{"version":5157,"type":5140,"changelog":5141,"note":5158},"0.30.0","Field and fieldset definitions gained an optional `if` expression that hides a control in the Studio sidebar — see [Conditional visibility](/apps/app-development/schema-fields#conditional-visibility).","k0u4WLp3hrk43JZ_sEFuhcDDrcL2HMwkFYQnB0ixBq4",{"body":5161,"excerpt":-1},{"type":5162,"children":5163},"root",[5164],{"type":5165,"tag":1912,"props":5166,"children":5167,"position":-1},"element",{},[5168,5171,5184,5188,5199,5202,5213,5217,5225,5229,5238],{"type":5169,"value":5170,"position":-1},"text","Added an ",{"type":5165,"tag":1924,"props":5172,"children":5174,"position":5182},{"href":5173},"/frontend/api-reference/common-types/media#mediaaudio",[5175],{"type":5165,"tag":1916,"props":5176,"children":5178,"position":5181},{"className":5177},[],[5179],{"type":5169,"value":2112,"position":5180},{"start":2903,"end":4654},{"start":2903,"end":4654},{"start":2868,"end":5183},73,{"type":5169,"value":5185,"position":5186}," variant, plus ",{"start":5183,"end":5187},88,{"type":5165,"tag":1924,"props":5189,"children":5191,"position":5197},{"href":5190},"/frontend/api-reference/common-types/media#text-tracks",[5192],{"type":5169,"value":5193,"position":5194},"text tracks",{"start":5195,"end":5196},89,100,{"start":5187,"end":5198},157,{"type":5169,"value":2705,"position":5200},{"start":5198,"end":5201},162,{"type":5165,"tag":1924,"props":5203,"children":5205,"position":5211},{"href":5204},"/frontend/api-reference/common-types/media#streaming-formats",[5206],{"type":5169,"value":5207,"position":5208},"streaming formats",{"start":5209,"end":5210},163,180,{"start":5201,"end":5212},243,{"type":5169,"value":5214,"position":5215}," for video. Studio ",{"start":5212,"end":5216},262,{"type":5165,"tag":1916,"props":5218,"children":5220,"position":5224},{"className":5219},[],[5221],{"type":5169,"value":5064,"position":5222},{"start":5216,"end":5223},269,{"start":5216,"end":5223},{"type":5169,"value":5226,"position":5227}," fields can restrict to it with ",{"start":5223,"end":5228},301,{"type":5165,"tag":1916,"props":5230,"children":5232,"position":5237},{"className":5231},[],[5233],{"type":5169,"value":5234,"position":5235},"allowedTypes: ['audio']",{"start":5228,"end":5236},326,{"start":5228,"end":5236},{"type":5169,"value":2130,"position":5239},{"start":5236,"end":5240},327,{"body":5242,"excerpt":-1},{"type":5162,"children":5243},[5244],{"type":5165,"tag":1912,"props":5245,"children":5246,"position":-1},{},[5247,5253,5257,5266,5270,5279],{"type":5165,"tag":1916,"props":5248,"children":5250,"position":-1},{"className":5249},[],[5251],{"type":5169,"value":5252,"position":-1},"MediaVideo.preview",{"type":5169,"value":5254,"position":5255}," was renamed to ",{"start":4686,"end":5256},36,{"type":5165,"tag":1916,"props":5258,"children":5260,"position":5265},{"className":5259},[],[5261],{"type":5169,"value":5262,"position":5263},"MediaVideo.poster",{"start":5256,"end":5264},55,{"start":5256,"end":5264},{"type":5169,"value":5267,"position":5268}," to match the HTML ",{"start":5264,"end":5269},74,{"type":5165,"tag":1916,"props":5271,"children":5273,"position":5278},{"className":5272},[],[5274],{"type":5169,"value":5275,"position":5276},"\u003Cvideo poster>",{"start":5269,"end":5277},90,{"start":5269,"end":5277},{"type":5169,"value":5280,"position":5281}," attribute.",{"start":5277,"end":5282},101,{"body":5284,"excerpt":-1},{"type":5162,"children":5285},[5286],{"type":5165,"tag":1912,"props":5287,"children":5288,"position":-1},{},[5289,5290,5297,5301,5309,5313,5322,5326,5335],{"type":5169,"value":2351,"position":-1},{"type":5165,"tag":1916,"props":5291,"children":5293,"position":5296},{"className":5292},[],[5294],{"type":5169,"value":387,"position":5295},{"start":2188,"end":4584},{"start":2188,"end":4584},{"type":5169,"value":5298,"position":5299}," union was widened to include ",{"start":4584,"end":5300},41,{"type":5165,"tag":1916,"props":5302,"children":5304,"position":5308},{"className":5303},[],[5305],{"type":5169,"value":2415,"position":5306},{"start":5300,"end":5307},53,{"start":5300,"end":5307},{"type":5169,"value":5310,"position":5311},", so ",{"start":5307,"end":5312},58,{"type":5165,"tag":1916,"props":5314,"children":5316,"position":5321},{"className":5315},[],[5317],{"type":5169,"value":5318,"position":5319},"media.type",{"start":5312,"end":5320},70,{"start":5312,"end":5320},{"type":5169,"value":5323,"position":5324}," can now be ",{"start":5320,"end":5325},82,{"type":5165,"tag":1916,"props":5327,"children":5329,"position":5334},{"className":5328},[],[5330],{"type":5169,"value":5331,"position":5332},"'audio'",{"start":5325,"end":5333},91,{"start":5325,"end":5333},{"type":5169,"value":2130,"position":5336},{"start":5333,"end":5337},92,{"body":5339,"excerpt":-1},{"type":5162,"children":5340},[5341,5359,5548],{"type":5165,"tag":1912,"props":5342,"children":5343,"position":-1},{},[5344,5346,5355],{"type":5169,"value":5345,"position":-1},"Rename the field on every ",{"type":5165,"tag":1916,"props":5347,"children":5349,"position":5354},{"className":5348},[],[5350],{"type":5169,"value":2251,"position":5351},{"start":5352,"end":5353},26,38,{"start":5352,"end":5353},{"type":5169,"value":5356,"position":5357}," you construct or read.",{"start":5353,"end":5358},61,{"type":5165,"tag":1931,"props":5360,"children":5362,"position":5547},{"className":1933,"code":5361,"language":1935,"meta":1936,"style":1936},"// Before\nconst video: MediaVideo = { type: 'video', sources, preview: posterImage };\n// After\nconst video: MediaVideo = { type: 'video', sources, poster: posterImage };\n",[5363],{"type":5165,"tag":1916,"props":5364,"children":5365,"position":5544},{"__ignoreMap":1936},[5366,5375,5460,5468],{"type":5165,"tag":1940,"props":5367,"children":5368,"position":-1},{"class":1942,"line":1943},[5369],{"type":5165,"tag":1940,"props":5370,"children":5372,"position":-1},{"style":5371},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[5373],{"type":5169,"value":5374,"position":-1},"// Before\n",{"type":5165,"tag":1940,"props":5376,"children":5377,"position":-1},{"class":1942,"line":1980},[5378,5383,5389,5394,5399,5403,5407,5412,5416,5420,5425,5429,5433,5438,5442,5447,5451,5456],{"type":5165,"tag":1940,"props":5379,"children":5381,"position":-1},{"style":5380},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[5382],{"type":5169,"value":3172,"position":-1},{"type":5165,"tag":1940,"props":5384,"children":5386,"position":-1},{"style":5385},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[5387],{"type":5169,"value":5388,"position":-1}," video",{"type":5165,"tag":1940,"props":5390,"children":5392,"position":-1},{"style":5391},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[5393],{"type":5169,"value":2156,"position":-1},{"type":5165,"tag":1940,"props":5395,"children":5397,"position":-1},{"style":5396},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[5398],{"type":5169,"value":2005,"position":-1},{"type":5165,"tag":1940,"props":5400,"children":5401,"position":-1},{"style":5391},[5402],{"type":5169,"value":1996,"position":-1},{"type":5165,"tag":1940,"props":5404,"children":5405,"position":-1},{"style":5391},[5406],{"type":5169,"value":1954,"position":-1},{"type":5165,"tag":1940,"props":5408,"children":5410,"position":-1},{"style":5409},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[5411],{"type":5169,"value":1950,"position":-1},{"type":5165,"tag":1940,"props":5413,"children":5414,"position":-1},{"style":5391},[5415],{"type":5169,"value":2156,"position":-1},{"type":5165,"tag":1940,"props":5417,"children":5418,"position":-1},{"style":5391},[5419],{"type":5169,"value":1967,"position":-1},{"type":5165,"tag":1940,"props":5421,"children":5423,"position":-1},{"style":5422},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[5424],{"type":5169,"value":2093,"position":-1},{"type":5165,"tag":1940,"props":5426,"children":5427,"position":-1},{"style":5391},[5428],{"type":5169,"value":1974,"position":-1},{"type":5165,"tag":1940,"props":5430,"children":5431,"position":-1},{"style":5391},[5432],{"type":5169,"value":2653,"position":-1},{"type":5165,"tag":1940,"props":5434,"children":5435,"position":-1},{"style":5385},[5436],{"type":5169,"value":5437,"position":-1}," sources",{"type":5165,"tag":1940,"props":5439,"children":5440,"position":-1},{"style":5391},[5441],{"type":5169,"value":2653,"position":-1},{"type":5165,"tag":1940,"props":5443,"children":5444,"position":-1},{"style":5409},[5445],{"type":5169,"value":5446,"position":-1}," preview",{"type":5165,"tag":1940,"props":5448,"children":5449,"position":-1},{"style":5391},[5450],{"type":5169,"value":2156,"position":-1},{"type":5165,"tag":1940,"props":5452,"children":5453,"position":-1},{"style":5385},[5454],{"type":5169,"value":5455,"position":-1}," posterImage ",{"type":5165,"tag":1940,"props":5457,"children":5458,"position":-1},{"style":5391},[5459],{"type":5169,"value":3362,"position":-1},{"type":5165,"tag":1940,"props":5461,"children":5462,"position":-1},{"class":1942,"line":1987},[5463],{"type":5165,"tag":1940,"props":5464,"children":5465,"position":-1},{"style":5371},[5466],{"type":5169,"value":5467,"position":-1},"// After\n",{"type":5165,"tag":1940,"props":5469,"children":5470,"position":-1},{"class":1942,"line":2188},[5471,5475,5479,5483,5487,5491,5495,5499,5503,5507,5511,5515,5519,5523,5527,5532,5536,5540],{"type":5165,"tag":1940,"props":5472,"children":5473,"position":-1},{"style":5380},[5474],{"type":5169,"value":3172,"position":-1},{"type":5165,"tag":1940,"props":5476,"children":5477,"position":-1},{"style":5385},[5478],{"type":5169,"value":5388,"position":-1},{"type":5165,"tag":1940,"props":5480,"children":5481,"position":-1},{"style":5391},[5482],{"type":5169,"value":2156,"position":-1},{"type":5165,"tag":1940,"props":5484,"children":5485,"position":-1},{"style":5396},[5486],{"type":5169,"value":2005,"position":-1},{"type":5165,"tag":1940,"props":5488,"children":5489,"position":-1},{"style":5391},[5490],{"type":5169,"value":1996,"position":-1},{"type":5165,"tag":1940,"props":5492,"children":5493,"position":-1},{"style":5391},[5494],{"type":5169,"value":1954,"position":-1},{"type":5165,"tag":1940,"props":5496,"children":5497,"position":-1},{"style":5409},[5498],{"type":5169,"value":1950,"position":-1},{"type":5165,"tag":1940,"props":5500,"children":5501,"position":-1},{"style":5391},[5502],{"type":5169,"value":2156,"position":-1},{"type":5165,"tag":1940,"props":5504,"children":5505,"position":-1},{"style":5391},[5506],{"type":5169,"value":1967,"position":-1},{"type":5165,"tag":1940,"props":5508,"children":5509,"position":-1},{"style":5422},[5510],{"type":5169,"value":2093,"position":-1},{"type":5165,"tag":1940,"props":5512,"children":5513,"position":-1},{"style":5391},[5514],{"type":5169,"value":1974,"position":-1},{"type":5165,"tag":1940,"props":5516,"children":5517,"position":-1},{"style":5391},[5518],{"type":5169,"value":2653,"position":-1},{"type":5165,"tag":1940,"props":5520,"children":5521,"position":-1},{"style":5385},[5522],{"type":5169,"value":5437,"position":-1},{"type":5165,"tag":1940,"props":5524,"children":5525,"position":-1},{"style":5391},[5526],{"type":5169,"value":2653,"position":-1},{"type":5165,"tag":1940,"props":5528,"children":5529,"position":-1},{"style":5409},[5530],{"type":5169,"value":5531,"position":-1}," poster",{"type":5165,"tag":1940,"props":5533,"children":5534,"position":-1},{"style":5391},[5535],{"type":5169,"value":2156,"position":-1},{"type":5165,"tag":1940,"props":5537,"children":5538,"position":-1},{"style":5385},[5539],{"type":5169,"value":5455,"position":-1},{"type":5165,"tag":1940,"props":5541,"children":5542,"position":-1},{"style":5391},[5543],{"type":5169,"value":3362,"position":-1},{"start":5545,"end":5546},63,242,{"start":5545,"end":5546},{"type":5165,"tag":5079,"props":5549,"children":5550,"position":-1},{},[5551],{"type":5169,"value":5552,"position":-1},"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);}",{"body":5554,"excerpt":-1},{"type":5162,"children":5555},[5556,5598,5772],{"type":5165,"tag":1912,"props":5557,"children":5558,"position":-1},{},[5559,5561,5569,5573,5582,5586,5594],{"type":5169,"value":5560,"position":-1},"Any exhaustive ",{"type":5165,"tag":1916,"props":5562,"children":5564,"position":5568},{"className":5563},[],[5565],{"type":5169,"value":5566,"position":5567},"switch (media.type)",{"start":4638,"end":5256},{"start":4638,"end":5256},{"type":5169,"value":5570,"position":5571}," without a ",{"start":5256,"end":5572},47,{"type":5165,"tag":1916,"props":5574,"children":5576,"position":5581},{"className":5575},[],[5577],{"type":5169,"value":5578,"position":5579},"default",{"start":5572,"end":5580},56,{"start":5572,"end":5580},{"type":5169,"value":5583,"position":5584}," branch must add an\n",{"start":5580,"end":5585},76,{"type":5165,"tag":1916,"props":5587,"children":5589,"position":5593},{"className":5588},[],[5590],{"type":5169,"value":5331,"position":5591},{"start":5585,"end":5592},85,{"start":5585,"end":5592},{"type":5169,"value":5595,"position":5596}," case, or TypeScript reports a non-exhaustive switch.",{"start":5592,"end":5597},138,{"type":5165,"tag":1931,"props":5599,"children":5601,"position":5771},{"className":1933,"code":5600,"language":1935,"meta":1936,"style":1936},"switch (media.type) {\n  case 'image': return renderImage(media);\n  case 'video': return renderVideo(media);\n  case 'audio': return renderAudio(media); // new\n}\n",[5602],{"type":5165,"tag":1916,"props":5603,"children":5604,"position":5768},{"__ignoreMap":1936},[5605,5632,5676,5716,5761],{"type":5165,"tag":1940,"props":5606,"children":5607,"position":-1},{"class":1942,"line":1943},[5608,5614,5619,5623,5628],{"type":5165,"tag":1940,"props":5609,"children":5611,"position":-1},{"style":5610},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[5612],{"type":5169,"value":5613,"position":-1},"switch",{"type":5165,"tag":1940,"props":5615,"children":5616,"position":-1},{"style":5385},[5617],{"type":5169,"value":5618,"position":-1}," (media",{"type":5165,"tag":1940,"props":5620,"children":5621,"position":-1},{"style":5391},[5622],{"type":5169,"value":2130,"position":-1},{"type":5165,"tag":1940,"props":5624,"children":5625,"position":-1},{"style":5385},[5626],{"type":5169,"value":5627,"position":-1},"type) ",{"type":5165,"tag":1940,"props":5629,"children":5630,"position":-1},{"style":5391},[5631],{"type":5169,"value":2148,"position":-1},{"type":5165,"tag":1940,"props":5633,"children":5634,"position":-1},{"class":1942,"line":1980},[5635,5640,5644,5648,5652,5656,5661,5667,5672],{"type":5165,"tag":1940,"props":5636,"children":5637,"position":-1},{"style":5610},[5638],{"type":5169,"value":5639,"position":-1},"  case",{"type":5165,"tag":1940,"props":5641,"children":5642,"position":-1},{"style":5391},[5643],{"type":5169,"value":1967,"position":-1},{"type":5165,"tag":1940,"props":5645,"children":5646,"position":-1},{"style":5422},[5647],{"type":5169,"value":2073,"position":-1},{"type":5165,"tag":1940,"props":5649,"children":5650,"position":-1},{"style":5391},[5651],{"type":5169,"value":1974,"position":-1},{"type":5165,"tag":1940,"props":5653,"children":5654,"position":-1},{"style":5391},[5655],{"type":5169,"value":2156,"position":-1},{"type":5165,"tag":1940,"props":5657,"children":5658,"position":-1},{"style":5610},[5659],{"type":5169,"value":5660,"position":-1}," return",{"type":5165,"tag":1940,"props":5662,"children":5664,"position":-1},{"style":5663},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[5665],{"type":5169,"value":5666,"position":-1}," renderImage",{"type":5165,"tag":1940,"props":5668,"children":5669,"position":-1},{"style":5385},[5670],{"type":5169,"value":5671,"position":-1},"(media)",{"type":5165,"tag":1940,"props":5673,"children":5674,"position":-1},{"style":5391},[5675],{"type":5169,"value":1977,"position":-1},{"type":5165,"tag":1940,"props":5677,"children":5678,"position":-1},{"class":1942,"line":1987},[5679,5683,5687,5691,5695,5699,5703,5708,5712],{"type":5165,"tag":1940,"props":5680,"children":5681,"position":-1},{"style":5610},[5682],{"type":5169,"value":5639,"position":-1},{"type":5165,"tag":1940,"props":5684,"children":5685,"position":-1},{"style":5391},[5686],{"type":5169,"value":1967,"position":-1},{"type":5165,"tag":1940,"props":5688,"children":5689,"position":-1},{"style":5422},[5690],{"type":5169,"value":2093,"position":-1},{"type":5165,"tag":1940,"props":5692,"children":5693,"position":-1},{"style":5391},[5694],{"type":5169,"value":1974,"position":-1},{"type":5165,"tag":1940,"props":5696,"children":5697,"position":-1},{"style":5391},[5698],{"type":5169,"value":2156,"position":-1},{"type":5165,"tag":1940,"props":5700,"children":5701,"position":-1},{"style":5610},[5702],{"type":5169,"value":5660,"position":-1},{"type":5165,"tag":1940,"props":5704,"children":5705,"position":-1},{"style":5663},[5706],{"type":5169,"value":5707,"position":-1}," renderVideo",{"type":5165,"tag":1940,"props":5709,"children":5710,"position":-1},{"style":5385},[5711],{"type":5169,"value":5671,"position":-1},{"type":5165,"tag":1940,"props":5713,"children":5714,"position":-1},{"style":5391},[5715],{"type":5169,"value":1977,"position":-1},{"type":5165,"tag":1940,"props":5717,"children":5718,"position":-1},{"class":1942,"line":2188},[5719,5723,5727,5731,5735,5739,5743,5748,5752,5756],{"type":5165,"tag":1940,"props":5720,"children":5721,"position":-1},{"style":5610},[5722],{"type":5169,"value":5639,"position":-1},{"type":5165,"tag":1940,"props":5724,"children":5725,"position":-1},{"style":5391},[5726],{"type":5169,"value":1967,"position":-1},{"type":5165,"tag":1940,"props":5728,"children":5729,"position":-1},{"style":5422},[5730],{"type":5169,"value":2112,"position":-1},{"type":5165,"tag":1940,"props":5732,"children":5733,"position":-1},{"style":5391},[5734],{"type":5169,"value":1974,"position":-1},{"type":5165,"tag":1940,"props":5736,"children":5737,"position":-1},{"style":5391},[5738],{"type":5169,"value":2156,"position":-1},{"type":5165,"tag":1940,"props":5740,"children":5741,"position":-1},{"style":5610},[5742],{"type":5169,"value":5660,"position":-1},{"type":5165,"tag":1940,"props":5744,"children":5745,"position":-1},{"style":5663},[5746],{"type":5169,"value":5747,"position":-1}," renderAudio",{"type":5165,"tag":1940,"props":5749,"children":5750,"position":-1},{"style":5385},[5751],{"type":5169,"value":5671,"position":-1},{"type":5165,"tag":1940,"props":5753,"children":5754,"position":-1},{"style":5391},[5755],{"type":5169,"value":2181,"position":-1},{"type":5165,"tag":1940,"props":5757,"children":5758,"position":-1},{"style":5371},[5759],{"type":5169,"value":5760,"position":-1}," // new\n",{"type":5165,"tag":1940,"props":5762,"children":5763,"position":-1},{"class":1942,"line":2202},[5764],{"type":5165,"tag":1940,"props":5765,"children":5766,"position":-1},{"style":5391},[5767],{"type":5169,"value":2218,"position":-1},{"start":5769,"end":5770},140,309,{"start":5769,"end":5770},{"type":5165,"tag":5079,"props":5773,"children":5774,"position":-1},{},[5775],{"type":5169,"value":5552,"position":-1},1783259605024]