[{"data":1,"prerenderedAt":4050},["ShallowReactive",2],{"navigation_docs":3,"-frontend-features-media":1905,"-frontend-features-media-surround":4045},[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":176,"aliases":1907,"body":1908,"changelogKeys":1907,"description":4035,"extension":4036,"links":1907,"meta":4037,"navigation":2561,"path":177,"playground":1907,"seo":4038,"sitemap":4041,"stem":178,"__hash__":4044},"docs/1.Frontend/2.Features/media.md",null,{"type":1909,"value":1910,"toc":4020},"minimark",[1911,1916,1947,1950,1977,1995,1999,2133,2147,2151,2156,2185,2189,2200,2322,2331,2356,2362,2396,2422,2426,2430,2447,2450,3168,3171,3532,3541,3545,3556,3687,3697,3775,3792,3796,3807,3848,3882,3897,3901,3904,3964,3968,4016],[1912,1913,1915],"h2",{"id":1914},"what-is-the-media-library","What is the media library?",[1917,1918,1919,1920,1924,1925,1927,1928,1931,1932,1935,1936,1939,1940,1943,1944,1946],"p",{},"In Laioutr, ",[1921,1922,1923],"strong",{},"media"," (images, videos, audio) are used in sections and blocks: hero banners, product tiles, content blocks, podcast players, and so on. Editors configure these in ",[1921,1926,1694],{}," (Studio) by picking assets from a ",[1921,1929,1930],{},"media library",". The library is not a single source: it is an ",[1921,1933,1934],{},"abstraction"," over one or more ",[1921,1937,1938],{},"backends",". Each connected backend (e.g. Shopify Files, Shopware Media, your own DAM or CMS) is exposed as a ",[1921,1941,1942],{},"media library provider",". The editor selects a library (e.g. “Shopify”), browses or searches assets, and picks one; the chosen asset is stored as Laioutr’s canonical ",[1921,1945,387],{}," type (image, video, or audio with sources, alt, optional placeholder or poster) and rendered on the frontend.",[1917,1948,1949],{},"This gives you:",[1951,1952,1953,1960,1969],"ul",{},[1954,1955,1956,1959],"li",{},[1921,1957,1958],{},"One editing experience"," – Cockpit shows a unified media picker; the editor doesn’t need to leave Studio to choose from Shopify, Shopware, or a custom system.",[1954,1961,1962,1965,1966,1968],{},[1921,1963,1964],{},"Backend-agnostic content"," – Stored content uses Laioutr’s ",[1921,1967,387],{}," shape (sources, provider for Nuxt Image, alt, etc.), so the frontend can render it regardless of which provider supplied it.",[1954,1970,1971,1973,1974,1976],{},[1921,1972,40],{}," – You can implement a ",[1921,1975,1942],{}," (adapter) for your own asset system so it appears as a selectable library in Cockpit and editors can browse (and optionally upload) assets.",[1917,1978,1979,1980,1983,1984,1987,1988,1983,1991,1994],{},"The abstraction lives in ",[1921,1981,1982],{},"@laioutr-core/frontend-core"," and ",[1921,1985,1986],{},"@laioutr-core/core-types",". Your Nuxt app must use frontend-core so the media library API and registry are available. Apps like ",[1921,1989,1990],{},"@laioutr-app/shopify",[1921,1992,1993],{},"@laioutr-app/shopware"," ship with a built-in provider; you can add more by implementing and registering your own.",[1912,1996,1998],{"id":1997},"how-it-works","How it works",[2000,2001,2002,2023,2038,2091,2107],"ol",{},[1954,2003,2004,2007,2008,2010,2011,2014,2015,2018,2019,2022],{},[1921,2005,2006],{},"Registration"," – Each app that contributes a media library registers a ",[1921,2009,1942],{}," (name, label, optional icon, and a ",[1921,2012,2013],{},"list"," function; optionally an ",[1921,2016,2017],{},"upload"," function). The provider is registered on the server via a Nitro plugin that calls ",[1921,2020,2021],{},"defineMediaLibraryProvider(provider)",".",[1954,2024,2025,2028,2029,2033,2034,2037],{},[1921,2026,2027],{},"Discovery"," – When Cockpit loads the project context (e.g. for the reflect route), it fetches the list of available libraries from the frontend app’s API (",[2030,2031,2032],"code",{},"POST /api/laioutr/media-libraries","). The response is the ",[1921,2035,2036],{},"metadata"," of each provider (name, label, iconSrc), which Cockpit uses to show library tabs or a dropdown.",[1954,2039,2040,2043,2044,2047,2048,2051,2052,2051,2055,2058,2059,1983,2062,2065,2066,2069,2070,2072,2073,2076,2077,2080,2081,2051,2084,2051,2087,2051,2089,2022],{},[1921,2041,2042],{},"Listing"," – When the editor opens the media picker and selects a library (and optionally applies search/sort/pagination), Cockpit calls ",[2030,2045,2046],{},"POST /api/laioutr/media-list"," with ",[1921,2049,2050],{},"library",", ",[1921,2053,2054],{},"offset",[1921,2056,2057],{},"limit",", and optional ",[1921,2060,2061],{},"search",[1921,2063,2064],{},"sort",". The server looks up the provider by name and calls ",[1921,2067,2068],{},"provider.list(args)",". The provider calls your backend (e.g. Shopify Files API, Shopware Media API), maps results to Laioutr’s ",[1921,2071,387],{}," type plus a ",[1921,2074,2075],{},"previewUrl"," (and optional ",[1921,2078,2079],{},"fileName","), and returns ",[1921,2082,2083],{},"items",[1921,2085,2086],{},"total",[1921,2088,2054],{},[1921,2090,2057],{},[1954,2092,2093,2096,2097,2099,2100,1983,2103,2106],{},[1921,2094,2095],{},"Selection"," – The editor picks an item. Cockpit stores the ",[1921,2098,387],{}," object (and optional studio preview URL) in the block/section prop. The frontend then renders that media (e.g. via Nuxt Image using the media’s ",[1921,2101,2102],{},"provider",[1921,2104,2105],{},"src",").",[1954,2108,2109,2112,2113,2115,2116,2119,2120,2122,2123,2126,2127,2022],{},[1921,2110,2111],{},"Upload (optional)"," – If the provider implements ",[1921,2114,2017],{},", the media picker can show an upload UI. Cockpit sends files to ",[2030,2117,2118],{},"POST /api/laioutr/media-upload"," (multipart form with ",[1921,2121,2050],{}," and files). The server validates the library, calls ",[1921,2124,2125],{},"provider.upload({ files })",", and returns the same shape as list (new items). The provider uploads to your backend and returns the created assets as ",[1921,2128,2129,2130],{},"ProviderStudioMediaItem",[2131,2132],"span",{},[1917,2134,2135,2136,2139,2140,2142,2143,2146],{},"So: ",[1921,2137,2138],{},"you implement a provider"," that talks to your asset system and speaks the ",[1921,2141,387],{}," type and ",[1921,2144,2145],{},"ProviderStudioMedia"," contract; the rest (API routes, Cockpit UI, storage of media in props) is handled by the platform.",[1912,2148,2150],{"id":2149},"types-and-contracts","Types and contracts",[2152,2153,2155],"h3",{"id":2154},"media-canonical-shape","Media (canonical shape)",[1917,2157,2158,2159,2164,2165,2168,2169,2171,2172,2174,2175,2180,2181,2184],{},"Assets are stored and passed around as the canonical ",[2160,2161,2162],"a",{"href":388},[2030,2163,387],{}," type from ",[2030,2166,2167],{},"@laioutr-core/core-types/common",". Your provider must return ",[2030,2170,387],{}," objects (with the right ",[2030,2173,2102],{}," field on each source so nuxt-image can fetch them) so the frontend can render them through the ",[2160,2176,2177],{"href":1168},[2030,2178,2179],{},"\u003CMedia>"," component. See the ",[2160,2182,2183],{"href":388},"Media reference page"," for the full type, source variants, responsive sources, focal points, and placeholder formats.",[2152,2186,2188],{"id":2187},"media-library-provider-your-adapter","Media library provider (your adapter)",[1917,2190,2191,2192,2195,2196,2199],{},"A ",[1921,2193,2194],{},"MediaLibraryProvider"," extends ",[1921,2197,2198],{},"MediaLibraryMeta"," and implements:",[2201,2202,2203,2222],"table",{},[2204,2205,2206],"thead",{},[2207,2208,2209,2213,2216,2219],"tr",{},[2210,2211,2212],"th",{},"Property",[2210,2214,2215],{},"Type",[2210,2217,2218],{},"Required",[2210,2220,2221],{},"Description",[2223,2224,2225,2252,2266,2284,2304],"tbody",{},[2207,2226,2227,2233,2236,2239],{},[2228,2229,2230],"td",{},[1921,2231,2232],{},"name",[2228,2234,2235],{},"string",[2228,2237,2238],{},"yes",[2228,2240,2241,2242,2051,2245,2051,2248,2251],{},"Unique id (e.g. ",[2030,2243,2244],{},"'shopify'",[2030,2246,2247],{},"'shopware'",[2030,2249,2250],{},"'my-dam'","). Used in API calls and in project context.",[2207,2253,2254,2259,2261,2263],{},[2228,2255,2256],{},[1921,2257,2258],{},"label",[2228,2260,2235],{},[2228,2262,2238],{},[2228,2264,2265],{},"Display name in Cockpit (e.g. “Shopify”, “Shopware”).",[2207,2267,2268,2273,2275,2278],{},[2228,2269,2270],{},[1921,2271,2272],{},"iconSrc",[2228,2274,2235],{},[2228,2276,2277],{},"no",[2228,2279,2280,2281,2106],{},"URL to an icon for the library (e.g. ",[2030,2282,2283],{},"/app-shopify/shopify-logo.svg",[2207,2285,2286,2290,2293,2295],{},[2228,2287,2288],{},[1921,2289,2013],{},[2228,2291,2292],{},"function",[2228,2294,2238],{},[2228,2296,2297,2303],{},[1921,2298,2299,2300],{},"list(args) => Promise",[2301,2302],"provider-studio-media-response",{},". Lists assets with pagination/search/sort.",[2207,2305,2306,2310,2312,2314],{},[2228,2307,2308],{},[1921,2309,2017],{},[2228,2311,2292],{},[2228,2313,2277],{},[2228,2315,2316,2321],{},[1921,2317,2318,2319],{},"upload(args) => Promise",[2301,2320],{},". Called when the user uploads files; implement only if your backend supports uploads.",[1917,2323,2324,2327,2328,2330],{},[1921,2325,2326],{},"ProviderStudioMediaArgs"," (for ",[1921,2329,2013],{},"):",[1951,2332,2333,2338,2343,2347,2352],{},[1954,2334,2335,2337],{},[1921,2336,2050],{}," – string (your provider name).",[1954,2339,2340,2342],{},[1921,2341,2054],{}," – number.",[1954,2344,2345,2342],{},[1921,2346,2057],{},[1954,2348,2349,2351],{},[1921,2350,2061],{}," – string (optional).",[1954,2353,2354,2351],{},[1921,2355,2064],{},[1917,2357,2358,2361],{},[1921,2359,2360],{},"ProviderStudioMediaResponse",":",[1951,2363,2364,2383,2388,2392],{},[1954,2365,2366,2368,2369,2373,2374,2376,2377,2379,2380,2382],{},[1921,2367,2083],{}," – ",[1921,2370,2129,2371],{},[2131,2372],{},": each has ",[1921,2375,1923],{}," (Media), ",[1921,2378,2075],{}," (string, for Studio preview), ",[1921,2381,2079],{}," (optional).",[1954,2384,2385,2387],{},[1921,2386,2086],{}," – number (total count for pagination).",[1954,2389,2390,2342],{},[1921,2391,2054],{},[1954,2393,2394,2342],{},[1921,2395,2057],{},[1917,2397,2398,2327,2401,2403,2404,2407,2408,2411,2412,2415,2416,2418,2419,2421],{},[1921,2399,2400],{},"UploadMediaArgs",[1921,2402,2017],{},"): ",[1921,2405,2406],{},"files"," – array of ",[1921,2409,2410],{},"ProviderStudioMediaFile"," (name, mimeType, size, filepath, optional url, ",[1921,2413,2414],{},"getStream()"," to read the file). Your ",[1921,2417,2017],{}," implementation should upload each file to your backend and return the same response shape as ",[1921,2420,2013],{}," (the newly created items).",[1912,2423,2425],{"id":2424},"how-to-implement-a-media-library-provider","How to implement a media library provider",[2152,2427,2429],{"id":2428},"_1-implement-the-provider-object","1. Implement the provider object",[1917,2431,2432,2433,2435,2436,2439,2440,2443,2444,2446],{},"Create a server-side module that builds a ",[1921,2434,2194],{}," and registers it with ",[1921,2437,2438],{},"defineMediaLibraryProvider",". You can use ",[1921,2441,2442],{},"@laioutr-core/core-types/media-library"," for types and ",[1921,2445,2438],{}," from frontend-core (auto-imported when the app uses frontend-core).",[1917,2448,2449],{},"Example: list-only provider (e.g. a read-only DAM):",[2451,2452,2457],"pre",{"className":2453,"code":2454,"language":2455,"meta":2456,"style":2456},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","// e.g. server/media-libraries/my-dam.ts\nimport { defineMediaLibraryProvider } from '#imports';\nimport type { ProviderStudioMediaItem } from '@laioutr-core/core-types/media-library';\nimport type { Media, MediaImage } from '@laioutr-core/core-types/common';\n\nexport default defineMediaLibraryProvider({\n  name: 'my-dam',\n  label: 'My DAM',\n  iconSrc: '/app-my-dam/logo.svg',\n  list: async ({ limit, offset, search, sort }) => {\n    const api = getMyDamClient();\n    const response = await api.getAssets({ limit, offset, q: search, sort });\n\n    const items: ProviderStudioMediaItem[] = response.items.map((asset) => ({\n      media: mapToMedia(asset),\n      previewUrl: asset.thumbnailUrl ?? asset.url,\n      fileName: asset.fileName,\n    }));\n\n    return {\n      items,\n      total: response.total,\n      offset,\n      limit,\n    };\n  },\n});\n\nfunction mapToMedia(asset: any): Media {\n  const image: MediaImage = {\n    type: 'image',\n    sources: [\n      {\n        provider: 'my-dam',\n        src: asset.id,\n        width: asset.width,\n        height: asset.height,\n        responsive: 'static',\n      },\n    ],\n    alt: asset.alt ?? '',\n  };\n  return image;\n}\n","ts","",[2030,2458,2459,2467,2501,2526,2556,2563,2581,2600,2617,2634,2677,2697,2748,2753,2799,2818,2846,2862,2873,2878,2886,2894,2910,2918,2926,2932,2938,2948,2953,2975,2992,3009,3020,3026,3042,3059,3076,3093,3110,3116,3124,3146,3152,3162],{"__ignoreMap":2456},[2131,2460,2463],{"class":2461,"line":2462},"line",1,[2131,2464,2466],{"class":2465},"sHwdD","// e.g. server/media-libraries/my-dam.ts\n",[2131,2468,2470,2474,2478,2482,2485,2488,2491,2495,2498],{"class":2461,"line":2469},2,[2131,2471,2473],{"class":2472},"s7zQu","import",[2131,2475,2477],{"class":2476},"sMK4o"," {",[2131,2479,2481],{"class":2480},"sTEyZ"," defineMediaLibraryProvider",[2131,2483,2484],{"class":2476}," }",[2131,2486,2487],{"class":2472}," from",[2131,2489,2490],{"class":2476}," '",[2131,2492,2494],{"class":2493},"sfazB","#imports",[2131,2496,2497],{"class":2476},"'",[2131,2499,2500],{"class":2476},";\n",[2131,2502,2504,2506,2509,2511,2514,2516,2518,2520,2522,2524],{"class":2461,"line":2503},3,[2131,2505,2473],{"class":2472},[2131,2507,2508],{"class":2472}," type",[2131,2510,2477],{"class":2476},[2131,2512,2513],{"class":2480}," ProviderStudioMediaItem",[2131,2515,2484],{"class":2476},[2131,2517,2487],{"class":2472},[2131,2519,2490],{"class":2476},[2131,2521,2442],{"class":2493},[2131,2523,2497],{"class":2476},[2131,2525,2500],{"class":2476},[2131,2527,2529,2531,2533,2535,2538,2541,2544,2546,2548,2550,2552,2554],{"class":2461,"line":2528},4,[2131,2530,2473],{"class":2472},[2131,2532,2508],{"class":2472},[2131,2534,2477],{"class":2476},[2131,2536,2537],{"class":2480}," Media",[2131,2539,2540],{"class":2476},",",[2131,2542,2543],{"class":2480}," MediaImage",[2131,2545,2484],{"class":2476},[2131,2547,2487],{"class":2472},[2131,2549,2490],{"class":2476},[2131,2551,2167],{"class":2493},[2131,2553,2497],{"class":2476},[2131,2555,2500],{"class":2476},[2131,2557,2559],{"class":2461,"line":2558},5,[2131,2560,2562],{"emptyLinePlaceholder":2561},true,"\n",[2131,2564,2566,2569,2572,2575,2578],{"class":2461,"line":2565},6,[2131,2567,2568],{"class":2472},"export",[2131,2570,2571],{"class":2472}," default",[2131,2573,2481],{"class":2574},"s2Zo4",[2131,2576,2577],{"class":2480},"(",[2131,2579,2580],{"class":2476},"{\n",[2131,2582,2584,2588,2590,2592,2595,2597],{"class":2461,"line":2583},7,[2131,2585,2587],{"class":2586},"swJcz","  name",[2131,2589,2361],{"class":2476},[2131,2591,2490],{"class":2476},[2131,2593,2594],{"class":2493},"my-dam",[2131,2596,2497],{"class":2476},[2131,2598,2599],{"class":2476},",\n",[2131,2601,2603,2606,2608,2610,2613,2615],{"class":2461,"line":2602},8,[2131,2604,2605],{"class":2586},"  label",[2131,2607,2361],{"class":2476},[2131,2609,2490],{"class":2476},[2131,2611,2612],{"class":2493},"My DAM",[2131,2614,2497],{"class":2476},[2131,2616,2599],{"class":2476},[2131,2618,2620,2623,2625,2627,2630,2632],{"class":2461,"line":2619},9,[2131,2621,2622],{"class":2586},"  iconSrc",[2131,2624,2361],{"class":2476},[2131,2626,2490],{"class":2476},[2131,2628,2629],{"class":2493},"/app-my-dam/logo.svg",[2131,2631,2497],{"class":2476},[2131,2633,2599],{"class":2476},[2131,2635,2637,2640,2642,2646,2649,2653,2655,2658,2660,2663,2665,2668,2671,2674],{"class":2461,"line":2636},10,[2131,2638,2639],{"class":2574},"  list",[2131,2641,2361],{"class":2476},[2131,2643,2645],{"class":2644},"spNyl"," async",[2131,2647,2648],{"class":2476}," ({",[2131,2650,2652],{"class":2651},"sHdIc"," limit",[2131,2654,2540],{"class":2476},[2131,2656,2657],{"class":2651}," offset",[2131,2659,2540],{"class":2476},[2131,2661,2662],{"class":2651}," search",[2131,2664,2540],{"class":2476},[2131,2666,2667],{"class":2651}," sort",[2131,2669,2670],{"class":2476}," })",[2131,2672,2673],{"class":2644}," =>",[2131,2675,2676],{"class":2476}," {\n",[2131,2678,2680,2683,2686,2689,2692,2695],{"class":2461,"line":2679},11,[2131,2681,2682],{"class":2644},"    const",[2131,2684,2685],{"class":2480}," api",[2131,2687,2688],{"class":2476}," =",[2131,2690,2691],{"class":2574}," getMyDamClient",[2131,2693,2694],{"class":2586},"()",[2131,2696,2500],{"class":2476},[2131,2698,2700,2702,2705,2707,2710,2712,2714,2717,2719,2722,2724,2726,2728,2730,2733,2735,2737,2739,2741,2743,2746],{"class":2461,"line":2699},12,[2131,2701,2682],{"class":2644},[2131,2703,2704],{"class":2480}," response",[2131,2706,2688],{"class":2476},[2131,2708,2709],{"class":2472}," await",[2131,2711,2685],{"class":2480},[2131,2713,2022],{"class":2476},[2131,2715,2716],{"class":2574},"getAssets",[2131,2718,2577],{"class":2586},[2131,2720,2721],{"class":2476},"{",[2131,2723,2652],{"class":2480},[2131,2725,2540],{"class":2476},[2131,2727,2657],{"class":2480},[2131,2729,2540],{"class":2476},[2131,2731,2732],{"class":2586}," q",[2131,2734,2361],{"class":2476},[2131,2736,2662],{"class":2480},[2131,2738,2540],{"class":2476},[2131,2740,2667],{"class":2480},[2131,2742,2484],{"class":2476},[2131,2744,2745],{"class":2586},")",[2131,2747,2500],{"class":2476},[2131,2749,2751],{"class":2461,"line":2750},13,[2131,2752,2562],{"emptyLinePlaceholder":2561},[2131,2754,2756,2758,2761,2763,2766,2769,2772,2774,2776,2778,2780,2783,2785,2787,2790,2792,2794,2797],{"class":2461,"line":2755},14,[2131,2757,2682],{"class":2644},[2131,2759,2760],{"class":2480}," items",[2131,2762,2361],{"class":2476},[2131,2764,2513],{"class":2765},"sBMFI",[2131,2767,2768],{"class":2586},"[] ",[2131,2770,2771],{"class":2476},"=",[2131,2773,2704],{"class":2480},[2131,2775,2022],{"class":2476},[2131,2777,2083],{"class":2480},[2131,2779,2022],{"class":2476},[2131,2781,2782],{"class":2574},"map",[2131,2784,2577],{"class":2586},[2131,2786,2577],{"class":2476},[2131,2788,2789],{"class":2651},"asset",[2131,2791,2745],{"class":2476},[2131,2793,2673],{"class":2644},[2131,2795,2796],{"class":2586}," (",[2131,2798,2580],{"class":2476},[2131,2800,2802,2805,2807,2810,2812,2814,2816],{"class":2461,"line":2801},15,[2131,2803,2804],{"class":2586},"      media",[2131,2806,2361],{"class":2476},[2131,2808,2809],{"class":2574}," mapToMedia",[2131,2811,2577],{"class":2586},[2131,2813,2789],{"class":2480},[2131,2815,2745],{"class":2586},[2131,2817,2599],{"class":2476},[2131,2819,2821,2824,2826,2829,2831,2834,2837,2839,2841,2844],{"class":2461,"line":2820},16,[2131,2822,2823],{"class":2586},"      previewUrl",[2131,2825,2361],{"class":2476},[2131,2827,2828],{"class":2480}," asset",[2131,2830,2022],{"class":2476},[2131,2832,2833],{"class":2480},"thumbnailUrl",[2131,2835,2836],{"class":2476}," ??",[2131,2838,2828],{"class":2480},[2131,2840,2022],{"class":2476},[2131,2842,2843],{"class":2480},"url",[2131,2845,2599],{"class":2476},[2131,2847,2849,2852,2854,2856,2858,2860],{"class":2461,"line":2848},17,[2131,2850,2851],{"class":2586},"      fileName",[2131,2853,2361],{"class":2476},[2131,2855,2828],{"class":2480},[2131,2857,2022],{"class":2476},[2131,2859,2079],{"class":2480},[2131,2861,2599],{"class":2476},[2131,2863,2865,2868,2871],{"class":2461,"line":2864},18,[2131,2866,2867],{"class":2476},"    }",[2131,2869,2870],{"class":2586},"))",[2131,2872,2500],{"class":2476},[2131,2874,2876],{"class":2461,"line":2875},19,[2131,2877,2562],{"emptyLinePlaceholder":2561},[2131,2879,2881,2884],{"class":2461,"line":2880},20,[2131,2882,2883],{"class":2472},"    return",[2131,2885,2676],{"class":2476},[2131,2887,2889,2892],{"class":2461,"line":2888},21,[2131,2890,2891],{"class":2480},"      items",[2131,2893,2599],{"class":2476},[2131,2895,2897,2900,2902,2904,2906,2908],{"class":2461,"line":2896},22,[2131,2898,2899],{"class":2586},"      total",[2131,2901,2361],{"class":2476},[2131,2903,2704],{"class":2480},[2131,2905,2022],{"class":2476},[2131,2907,2086],{"class":2480},[2131,2909,2599],{"class":2476},[2131,2911,2913,2916],{"class":2461,"line":2912},23,[2131,2914,2915],{"class":2480},"      offset",[2131,2917,2599],{"class":2476},[2131,2919,2921,2924],{"class":2461,"line":2920},24,[2131,2922,2923],{"class":2480},"      limit",[2131,2925,2599],{"class":2476},[2131,2927,2929],{"class":2461,"line":2928},25,[2131,2930,2931],{"class":2476},"    };\n",[2131,2933,2935],{"class":2461,"line":2934},26,[2131,2936,2937],{"class":2476},"  },\n",[2131,2939,2941,2944,2946],{"class":2461,"line":2940},27,[2131,2942,2943],{"class":2476},"}",[2131,2945,2745],{"class":2480},[2131,2947,2500],{"class":2476},[2131,2949,2951],{"class":2461,"line":2950},28,[2131,2952,2562],{"emptyLinePlaceholder":2561},[2131,2954,2956,2958,2960,2962,2964,2966,2969,2971,2973],{"class":2461,"line":2955},29,[2131,2957,2292],{"class":2644},[2131,2959,2809],{"class":2574},[2131,2961,2577],{"class":2476},[2131,2963,2789],{"class":2651},[2131,2965,2361],{"class":2476},[2131,2967,2968],{"class":2765}," any",[2131,2970,2330],{"class":2476},[2131,2972,2537],{"class":2765},[2131,2974,2676],{"class":2476},[2131,2976,2978,2981,2984,2986,2988,2990],{"class":2461,"line":2977},30,[2131,2979,2980],{"class":2644},"  const",[2131,2982,2983],{"class":2480}," image",[2131,2985,2361],{"class":2476},[2131,2987,2543],{"class":2765},[2131,2989,2688],{"class":2476},[2131,2991,2676],{"class":2476},[2131,2993,2995,2998,3000,3002,3005,3007],{"class":2461,"line":2994},31,[2131,2996,2997],{"class":2586},"    type",[2131,2999,2361],{"class":2476},[2131,3001,2490],{"class":2476},[2131,3003,3004],{"class":2493},"image",[2131,3006,2497],{"class":2476},[2131,3008,2599],{"class":2476},[2131,3010,3012,3015,3017],{"class":2461,"line":3011},32,[2131,3013,3014],{"class":2586},"    sources",[2131,3016,2361],{"class":2476},[2131,3018,3019],{"class":2586}," [\n",[2131,3021,3023],{"class":2461,"line":3022},33,[2131,3024,3025],{"class":2476},"      {\n",[2131,3027,3029,3032,3034,3036,3038,3040],{"class":2461,"line":3028},34,[2131,3030,3031],{"class":2586},"        provider",[2131,3033,2361],{"class":2476},[2131,3035,2490],{"class":2476},[2131,3037,2594],{"class":2493},[2131,3039,2497],{"class":2476},[2131,3041,2599],{"class":2476},[2131,3043,3045,3048,3050,3052,3054,3057],{"class":2461,"line":3044},35,[2131,3046,3047],{"class":2586},"        src",[2131,3049,2361],{"class":2476},[2131,3051,2828],{"class":2480},[2131,3053,2022],{"class":2476},[2131,3055,3056],{"class":2480},"id",[2131,3058,2599],{"class":2476},[2131,3060,3062,3065,3067,3069,3071,3074],{"class":2461,"line":3061},36,[2131,3063,3064],{"class":2586},"        width",[2131,3066,2361],{"class":2476},[2131,3068,2828],{"class":2480},[2131,3070,2022],{"class":2476},[2131,3072,3073],{"class":2480},"width",[2131,3075,2599],{"class":2476},[2131,3077,3079,3082,3084,3086,3088,3091],{"class":2461,"line":3078},37,[2131,3080,3081],{"class":2586},"        height",[2131,3083,2361],{"class":2476},[2131,3085,2828],{"class":2480},[2131,3087,2022],{"class":2476},[2131,3089,3090],{"class":2480},"height",[2131,3092,2599],{"class":2476},[2131,3094,3096,3099,3101,3103,3106,3108],{"class":2461,"line":3095},38,[2131,3097,3098],{"class":2586},"        responsive",[2131,3100,2361],{"class":2476},[2131,3102,2490],{"class":2476},[2131,3104,3105],{"class":2493},"static",[2131,3107,2497],{"class":2476},[2131,3109,2599],{"class":2476},[2131,3111,3113],{"class":2461,"line":3112},39,[2131,3114,3115],{"class":2476},"      },\n",[2131,3117,3119,3122],{"class":2461,"line":3118},40,[2131,3120,3121],{"class":2586},"    ]",[2131,3123,2599],{"class":2476},[2131,3125,3127,3130,3132,3134,3136,3139,3141,3144],{"class":2461,"line":3126},41,[2131,3128,3129],{"class":2586},"    alt",[2131,3131,2361],{"class":2476},[2131,3133,2828],{"class":2480},[2131,3135,2022],{"class":2476},[2131,3137,3138],{"class":2480},"alt",[2131,3140,2836],{"class":2476},[2131,3142,3143],{"class":2476}," ''",[2131,3145,2599],{"class":2476},[2131,3147,3149],{"class":2461,"line":3148},42,[2131,3150,3151],{"class":2476},"  };\n",[2131,3153,3155,3158,3160],{"class":2461,"line":3154},43,[2131,3156,3157],{"class":2472},"  return",[2131,3159,2983],{"class":2480},[2131,3161,2500],{"class":2476},[2131,3163,3165],{"class":2461,"line":3164},44,[2131,3166,3167],{"class":2476},"}\n",[1917,3169,3170],{},"Example: provider with upload (e.g. Shopify-style):",[2451,3172,3174],{"className":2453,"code":3173,"language":2455,"meta":2456,"style":2456},"export default defineMediaLibraryProvider({\n  name: 'my-backend',\n  label: 'My Backend',\n  list: async (args) => { /* ... */ },\n  upload: async ({ files }) => {\n    const results = await Promise.all(\n      files.map(async (file) => {\n        const stream = file.getStream();\n        const uploaded = await myBackendClient.upload(stream, { name: file.name, mimeType: file.mimeType });\n        return {\n          media: mapToMedia(uploaded),\n          previewUrl: uploaded.previewUrl ?? '',\n          fileName: uploaded.name,\n        };\n      })\n    );\n    return { items: results, total: results.length, offset: 0, limit: results.length };\n  },\n});\n",[2030,3175,3176,3188,3203,3218,3243,3263,3285,3310,3332,3390,3397,3415,3434,3449,3454,3462,3469,3520,3524],{"__ignoreMap":2456},[2131,3177,3178,3180,3182,3184,3186],{"class":2461,"line":2462},[2131,3179,2568],{"class":2472},[2131,3181,2571],{"class":2472},[2131,3183,2481],{"class":2574},[2131,3185,2577],{"class":2480},[2131,3187,2580],{"class":2476},[2131,3189,3190,3192,3194,3196,3199,3201],{"class":2461,"line":2469},[2131,3191,2587],{"class":2586},[2131,3193,2361],{"class":2476},[2131,3195,2490],{"class":2476},[2131,3197,3198],{"class":2493},"my-backend",[2131,3200,2497],{"class":2476},[2131,3202,2599],{"class":2476},[2131,3204,3205,3207,3209,3211,3214,3216],{"class":2461,"line":2503},[2131,3206,2605],{"class":2586},[2131,3208,2361],{"class":2476},[2131,3210,2490],{"class":2476},[2131,3212,3213],{"class":2493},"My Backend",[2131,3215,2497],{"class":2476},[2131,3217,2599],{"class":2476},[2131,3219,3220,3222,3224,3226,3228,3231,3233,3235,3237,3240],{"class":2461,"line":2528},[2131,3221,2639],{"class":2574},[2131,3223,2361],{"class":2476},[2131,3225,2645],{"class":2644},[2131,3227,2796],{"class":2476},[2131,3229,3230],{"class":2651},"args",[2131,3232,2745],{"class":2476},[2131,3234,2673],{"class":2644},[2131,3236,2477],{"class":2476},[2131,3238,3239],{"class":2465}," /* ... */",[2131,3241,3242],{"class":2476}," },\n",[2131,3244,3245,3248,3250,3252,3254,3257,3259,3261],{"class":2461,"line":2558},[2131,3246,3247],{"class":2574},"  upload",[2131,3249,2361],{"class":2476},[2131,3251,2645],{"class":2644},[2131,3253,2648],{"class":2476},[2131,3255,3256],{"class":2651}," files",[2131,3258,2670],{"class":2476},[2131,3260,2673],{"class":2644},[2131,3262,2676],{"class":2476},[2131,3264,3265,3267,3270,3272,3274,3277,3279,3282],{"class":2461,"line":2565},[2131,3266,2682],{"class":2644},[2131,3268,3269],{"class":2480}," results",[2131,3271,2688],{"class":2476},[2131,3273,2709],{"class":2472},[2131,3275,3276],{"class":2765}," Promise",[2131,3278,2022],{"class":2476},[2131,3280,3281],{"class":2574},"all",[2131,3283,3284],{"class":2586},"(\n",[2131,3286,3287,3290,3292,3294,3296,3299,3301,3304,3306,3308],{"class":2461,"line":2583},[2131,3288,3289],{"class":2480},"      files",[2131,3291,2022],{"class":2476},[2131,3293,2782],{"class":2574},[2131,3295,2577],{"class":2586},[2131,3297,3298],{"class":2644},"async",[2131,3300,2796],{"class":2476},[2131,3302,3303],{"class":2651},"file",[2131,3305,2745],{"class":2476},[2131,3307,2673],{"class":2644},[2131,3309,2676],{"class":2476},[2131,3311,3312,3315,3318,3320,3323,3325,3328,3330],{"class":2461,"line":2602},[2131,3313,3314],{"class":2644},"        const",[2131,3316,3317],{"class":2480}," stream",[2131,3319,2688],{"class":2476},[2131,3321,3322],{"class":2480}," file",[2131,3324,2022],{"class":2476},[2131,3326,3327],{"class":2574},"getStream",[2131,3329,2694],{"class":2586},[2131,3331,2500],{"class":2476},[2131,3333,3334,3336,3339,3341,3343,3346,3348,3350,3352,3355,3357,3359,3362,3364,3366,3368,3370,3372,3375,3377,3379,3381,3384,3386,3388],{"class":2461,"line":2619},[2131,3335,3314],{"class":2644},[2131,3337,3338],{"class":2480}," uploaded",[2131,3340,2688],{"class":2476},[2131,3342,2709],{"class":2472},[2131,3344,3345],{"class":2480}," myBackendClient",[2131,3347,2022],{"class":2476},[2131,3349,2017],{"class":2574},[2131,3351,2577],{"class":2586},[2131,3353,3354],{"class":2480},"stream",[2131,3356,2540],{"class":2476},[2131,3358,2477],{"class":2476},[2131,3360,3361],{"class":2586}," name",[2131,3363,2361],{"class":2476},[2131,3365,3322],{"class":2480},[2131,3367,2022],{"class":2476},[2131,3369,2232],{"class":2480},[2131,3371,2540],{"class":2476},[2131,3373,3374],{"class":2586}," mimeType",[2131,3376,2361],{"class":2476},[2131,3378,3322],{"class":2480},[2131,3380,2022],{"class":2476},[2131,3382,3383],{"class":2480},"mimeType",[2131,3385,2484],{"class":2476},[2131,3387,2745],{"class":2586},[2131,3389,2500],{"class":2476},[2131,3391,3392,3395],{"class":2461,"line":2636},[2131,3393,3394],{"class":2472},"        return",[2131,3396,2676],{"class":2476},[2131,3398,3399,3402,3404,3406,3408,3411,3413],{"class":2461,"line":2679},[2131,3400,3401],{"class":2586},"          media",[2131,3403,2361],{"class":2476},[2131,3405,2809],{"class":2574},[2131,3407,2577],{"class":2586},[2131,3409,3410],{"class":2480},"uploaded",[2131,3412,2745],{"class":2586},[2131,3414,2599],{"class":2476},[2131,3416,3417,3420,3422,3424,3426,3428,3430,3432],{"class":2461,"line":2699},[2131,3418,3419],{"class":2586},"          previewUrl",[2131,3421,2361],{"class":2476},[2131,3423,3338],{"class":2480},[2131,3425,2022],{"class":2476},[2131,3427,2075],{"class":2480},[2131,3429,2836],{"class":2476},[2131,3431,3143],{"class":2476},[2131,3433,2599],{"class":2476},[2131,3435,3436,3439,3441,3443,3445,3447],{"class":2461,"line":2750},[2131,3437,3438],{"class":2586},"          fileName",[2131,3440,2361],{"class":2476},[2131,3442,3338],{"class":2480},[2131,3444,2022],{"class":2476},[2131,3446,2232],{"class":2480},[2131,3448,2599],{"class":2476},[2131,3450,3451],{"class":2461,"line":2755},[2131,3452,3453],{"class":2476},"        };\n",[2131,3455,3456,3459],{"class":2461,"line":2801},[2131,3457,3458],{"class":2476},"      }",[2131,3460,3461],{"class":2586},")\n",[2131,3463,3464,3467],{"class":2461,"line":2820},[2131,3465,3466],{"class":2586},"    )",[2131,3468,2500],{"class":2476},[2131,3470,3471,3473,3475,3477,3479,3481,3483,3486,3488,3490,3492,3495,3497,3499,3501,3505,3507,3509,3511,3513,3515,3517],{"class":2461,"line":2848},[2131,3472,2883],{"class":2472},[2131,3474,2477],{"class":2476},[2131,3476,2760],{"class":2586},[2131,3478,2361],{"class":2476},[2131,3480,3269],{"class":2480},[2131,3482,2540],{"class":2476},[2131,3484,3485],{"class":2586}," total",[2131,3487,2361],{"class":2476},[2131,3489,3269],{"class":2480},[2131,3491,2022],{"class":2476},[2131,3493,3494],{"class":2480},"length",[2131,3496,2540],{"class":2476},[2131,3498,2657],{"class":2586},[2131,3500,2361],{"class":2476},[2131,3502,3504],{"class":3503},"sbssI"," 0",[2131,3506,2540],{"class":2476},[2131,3508,2652],{"class":2586},[2131,3510,2361],{"class":2476},[2131,3512,3269],{"class":2480},[2131,3514,2022],{"class":2476},[2131,3516,3494],{"class":2480},[2131,3518,3519],{"class":2476}," };\n",[2131,3521,3522],{"class":2461,"line":2864},[2131,3523,2937],{"class":2476},[2131,3525,3526,3528,3530],{"class":2461,"line":2875},[2131,3527,2943],{"class":2476},[2131,3529,2745],{"class":2480},[2131,3531,2500],{"class":2476},[1917,3533,3534,3536,3537,3540],{},[1921,3535,2021],{}," returns a function that, when run, registers the provider with the global ",[1921,3538,3539],{},"mediaLibraryRegistry",". So the default export of your file is that function; when Nitro loads it as a server plugin, it runs and registers the provider.",[2152,3542,3544],{"id":3543},"_2-register-the-provider-in-your-app","2. Register the provider in your app",[1917,3546,3547,3548,3551,3552,3555],{},"Your app (Nuxt module) must register the media library provider so the frontend app loads it. In ",[1921,3549,3550],{},"registerLaioutrApp",", pass the path to your provider file in ",[1921,3553,3554],{},"mediaLibraryProviders",". The kit will add it as a server plugin.",[2451,3557,3559],{"className":2453,"code":3558,"language":2455,"meta":2456,"style":2456},"// In your app's module or registerLaioutrApp call\nexport default defineNuxtConfig({\n  laioutr: {\n    apps: [\n      {\n        name: 'my-app',\n        version: '1.0.0',\n        mediaLibraryProviders: [resolveRuntimeModule('./server/media-libraries/my-dam')],\n        // ... other app config\n      },\n    ],\n  },\n});\n",[2030,3560,3561,3566,3579,3588,3597,3601,3617,3633,3660,3665,3669,3675,3679],{"__ignoreMap":2456},[2131,3562,3563],{"class":2461,"line":2462},[2131,3564,3565],{"class":2465},"// In your app's module or registerLaioutrApp call\n",[2131,3567,3568,3570,3572,3575,3577],{"class":2461,"line":2469},[2131,3569,2568],{"class":2472},[2131,3571,2571],{"class":2472},[2131,3573,3574],{"class":2574}," defineNuxtConfig",[2131,3576,2577],{"class":2480},[2131,3578,2580],{"class":2476},[2131,3580,3581,3584,3586],{"class":2461,"line":2503},[2131,3582,3583],{"class":2586},"  laioutr",[2131,3585,2361],{"class":2476},[2131,3587,2676],{"class":2476},[2131,3589,3590,3593,3595],{"class":2461,"line":2528},[2131,3591,3592],{"class":2586},"    apps",[2131,3594,2361],{"class":2476},[2131,3596,3019],{"class":2480},[2131,3598,3599],{"class":2461,"line":2558},[2131,3600,3025],{"class":2476},[2131,3602,3603,3606,3608,3610,3613,3615],{"class":2461,"line":2565},[2131,3604,3605],{"class":2586},"        name",[2131,3607,2361],{"class":2476},[2131,3609,2490],{"class":2476},[2131,3611,3612],{"class":2493},"my-app",[2131,3614,2497],{"class":2476},[2131,3616,2599],{"class":2476},[2131,3618,3619,3622,3624,3626,3629,3631],{"class":2461,"line":2583},[2131,3620,3621],{"class":2586},"        version",[2131,3623,2361],{"class":2476},[2131,3625,2490],{"class":2476},[2131,3627,3628],{"class":2493},"1.0.0",[2131,3630,2497],{"class":2476},[2131,3632,2599],{"class":2476},[2131,3634,3635,3638,3640,3643,3646,3648,3650,3653,3655,3658],{"class":2461,"line":2602},[2131,3636,3637],{"class":2586},"        mediaLibraryProviders",[2131,3639,2361],{"class":2476},[2131,3641,3642],{"class":2480}," [",[2131,3644,3645],{"class":2574},"resolveRuntimeModule",[2131,3647,2577],{"class":2480},[2131,3649,2497],{"class":2476},[2131,3651,3652],{"class":2493},"./server/media-libraries/my-dam",[2131,3654,2497],{"class":2476},[2131,3656,3657],{"class":2480},")]",[2131,3659,2599],{"class":2476},[2131,3661,3662],{"class":2461,"line":2619},[2131,3663,3664],{"class":2465},"        // ... other app config\n",[2131,3666,3667],{"class":2461,"line":2636},[2131,3668,3115],{"class":2476},[2131,3670,3671,3673],{"class":2461,"line":2679},[2131,3672,3121],{"class":2480},[2131,3674,2599],{"class":2476},[2131,3676,3677],{"class":2461,"line":2699},[2131,3678,2937],{"class":2476},[2131,3680,3681,3683,3685],{"class":2461,"line":2750},[2131,3682,2943],{"class":2476},[2131,3684,2745],{"class":2480},[2131,3686,2500],{"class":2476},[1917,3688,3689,3690,3692,3693,3696],{},"If you use ",[1921,3691,3550],{}," from ",[1921,3694,3695],{},"@laioutr-core/kit"," (e.g. in a custom app package):",[2451,3698,3700],{"className":2453,"code":3699,"language":2455,"meta":2456,"style":2456},"registerLaioutrApp({\n  name: 'my-app',\n  version: '1.0.0',\n  mediaLibraryProviders: [resolveRuntimeModule('./server/media-libraries/my-dam')],\n  // ...\n});\n",[2030,3701,3702,3710,3724,3739,3762,3767],{"__ignoreMap":2456},[2131,3703,3704,3706,3708],{"class":2461,"line":2462},[2131,3705,3550],{"class":2574},[2131,3707,2577],{"class":2480},[2131,3709,2580],{"class":2476},[2131,3711,3712,3714,3716,3718,3720,3722],{"class":2461,"line":2469},[2131,3713,2587],{"class":2586},[2131,3715,2361],{"class":2476},[2131,3717,2490],{"class":2476},[2131,3719,3612],{"class":2493},[2131,3721,2497],{"class":2476},[2131,3723,2599],{"class":2476},[2131,3725,3726,3729,3731,3733,3735,3737],{"class":2461,"line":2503},[2131,3727,3728],{"class":2586},"  version",[2131,3730,2361],{"class":2476},[2131,3732,2490],{"class":2476},[2131,3734,3628],{"class":2493},[2131,3736,2497],{"class":2476},[2131,3738,2599],{"class":2476},[2131,3740,3741,3744,3746,3748,3750,3752,3754,3756,3758,3760],{"class":2461,"line":2528},[2131,3742,3743],{"class":2586},"  mediaLibraryProviders",[2131,3745,2361],{"class":2476},[2131,3747,3642],{"class":2480},[2131,3749,3645],{"class":2574},[2131,3751,2577],{"class":2480},[2131,3753,2497],{"class":2476},[2131,3755,3652],{"class":2493},[2131,3757,2497],{"class":2476},[2131,3759,3657],{"class":2480},[2131,3761,2599],{"class":2476},[2131,3763,3764],{"class":2461,"line":2558},[2131,3765,3766],{"class":2465},"  // ...\n",[2131,3768,3769,3771,3773],{"class":2461,"line":2565},[2131,3770,2943],{"class":2476},[2131,3772,2745],{"class":2480},[2131,3774,2500],{"class":2476},[1917,3776,3777,3778,1983,3781,3784,3785,3788,3789,3791],{},"After that, the provider is registered when the frontend app starts; ",[1921,3779,3780],{},"media-libraries",[1921,3782,3783],{},"media-list"," (and ",[1921,3786,3787],{},"media-upload"," if you implemented ",[1921,3790,2017],{},") will use it.",[2152,3793,3795],{"id":3794},"_3-map-your-backend-assets-to-media","3. Map your backend assets to Media",[1917,3797,3798,3799,3784,3801,3803,3804,3806],{},"Your ",[1921,3800,2013],{},[1921,3802,2017],{},") must return ",[1921,3805,387],{}," that the frontend can render. For images:",[1951,3808,3809,3814,3843],{},[1954,3810,3811,2022],{},[1921,3812,3813],{},"type: 'image'",[1954,3815,3816,3819,3820,2047,3823,3825,3826,3829,3830,3832,3833,2051,3835,2051,3837,2051,3840,2022],{},[1921,3817,3818],{},"sources",": at least one ",[1921,3821,3822],{},"MediaSourceImage",[1921,3824,2102],{}," (your Nuxt Image provider name, or ",[2030,3827,3828],{},"'raw'"," for plain URLs), ",[1921,3831,2105],{}," (URL or id), and optionally ",[1921,3834,3073],{},[1921,3836,3090],{},[1921,3838,3839],{},"responsive",[1921,3841,3842],{},"focalPoint",[1954,3844,3845,3847],{},[1921,3846,3138],{}," optional.",[1917,3849,3850,3851,1983,3854,3856,3857,3862,3863,3866,3867,1983,3870,3856,3872,3877,3878,3881],{},"For video, use ",[1921,3852,3853],{},"type: 'video'",[1921,3855,3818],{}," as ",[1921,3858,3859,3860],{},"MediaSourceVideo",[2131,3861],{},". If your backend has a thumbnail, set ",[1921,3864,3865],{},"poster"," on the video media so the player can show it before playback starts. For audio assets, use ",[1921,3868,3869],{},"type: 'audio'",[1921,3871,3818],{},[1921,3873,3874,3875],{},"MediaSourceAudio",[2131,3876],{},"; set ",[1921,3879,3880],{},"cover"," if you have album art or a podcast cover.",[1917,3883,3884,3885,3887,3888,3890,3891,3894,3895,2022],{},"Ensure your frontend has a Nuxt Image provider for the ",[1921,3886,2102],{}," value you use (e.g. a custom provider that resolves ",[1921,3889,2105],{}," to your DAM URL), or use ",[1921,3892,3893],{},"raw"," and pass a full URL as ",[1921,3896,2105],{},[1912,3898,3900],{"id":3899},"api-endpoints-reference","API endpoints (reference)",[1917,3902,3903],{},"The frontend-core module registers these handlers; you don’t implement them yourself:",[2201,3905,3906,3916],{},[2204,3907,3908],{},[2207,3909,3910,3913],{},[2210,3911,3912],{},"Endpoint",[2210,3914,3915],{},"Purpose",[2223,3917,3918,3932,3947],{},[2207,3919,3920,3924],{},[2228,3921,3922],{},[1921,3923,2032],{},[2228,3925,3926,3927,3931],{},"Returns ",[1921,3928,2198,3929],{},[2131,3930],{}," (name, label, iconSrc) for all registered providers. Cockpit uses this to show available libraries.",[2207,3933,3934,3938],{},[2228,3935,3936],{},[1921,3937,2046],{},[2228,3939,3940,3941,3943,3944,3946],{},"Body: ",[1921,3942,2326],{},". Returns ",[1921,3945,2360],{},". Cockpit uses this to show the asset list in the picker.",[2207,3948,3949,3953],{},[2228,3950,3951],{},[1921,3952,2118],{},[2228,3954,3955,3956,3958,3959,3961,3962,2022],{},"Multipart form: ",[1921,3957,2050],{}," + files. Returns ",[1921,3960,2360],{},". Called when the user uploads; returns 400 if the provider has no ",[1921,3963,2017],{},[1912,3965,3967],{"id":3966},"summary","Summary",[1951,3969,3970,3979,4007],{},[1954,3971,3972,3973,3975,3976,3978],{},"The ",[1921,3974,1930],{}," lets editors choose assets from connected backends (Shopify, Shopware, custom) visually in Cockpit. Assets are stored as Laioutr’s canonical ",[1921,3977,387],{}," type.",[1954,3980,3981,3982,3984,3985,2051,3987,2051,3989,2051,3991,3994,3995,3998,3999,1983,4001,4003,4004,4006],{},"You implement a ",[1921,3983,1942],{},": ",[1921,3986,2232],{},[1921,3988,2258],{},[1921,3990,2272],{},[1921,3992,3993],{},"list(args)",", and optionally ",[1921,3996,3997],{},"upload({ files })",". You map your backend’s assets to ",[1921,4000,387],{},[1921,4002,2129],{}," (with ",[1921,4005,2075],{}," for Studio).",[1954,4008,4009,4010,4012,4013,4015],{},"Register the provider by exporting it with ",[1921,4011,2438],{}," and adding its path to ",[1921,4014,3554],{}," in your app definition. The platform then exposes it via the media-libraries and media-list (and media-upload) APIs so Cockpit can offer it as a selectable library and use it in the media picker.",[4017,4018,4019],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .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}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":2456,"searchDepth":2469,"depth":2469,"links":4021},[4022,4023,4024,4028,4033,4034],{"id":1914,"depth":2469,"text":1915},{"id":1997,"depth":2469,"text":1998},{"id":2149,"depth":2469,"text":2150,"children":4025},[4026,4027],{"id":2154,"depth":2503,"text":2155},{"id":2187,"depth":2503,"text":2188},{"id":2424,"depth":2469,"text":2425,"children":4029},[4030,4031,4032],{"id":2428,"depth":2503,"text":2429},{"id":3543,"depth":2503,"text":3544},{"id":3794,"depth":2503,"text":3795},{"id":3899,"depth":2469,"text":3900},{"id":3966,"depth":2469,"text":3967},"Laioutr’s media library abstraction lets business users choose assets from connected backends visually in Cockpit. Implement your own media adapter for your asset system so editors can browse and select (and optionally upload) media in Studio.","md",{},{"title":4039,"description":4040},"Media and Media Library | Laioutr","Laioutr’s media library abstraction lets business users choose assets from connected backends visually in Cockpit.…",{"loc":177,"lastmod":4042,"changefreq":4043,"priority":2462},"2026-04-08","monthly","nUj4dJJK6zX_HKwvSOV3NzBrEI2hBX5nMKjsExwQBBE",[4046,4048],{"title":172,"path":173,"stem":174,"description":4047,"children":-1},"Extend frontend-core and orchestr behavior using Nuxt runtime hooks",{"title":180,"path":181,"stem":182,"description":4049,"children":-1},"Laioutr's multi-language support lets you run storefronts in multiple languages and regions, with language switchers, localized paths, and BCP 47–based configuration managed in Cockpit.",1783259595573]