@orangesk/orange-design-system 2.0.0-alpha.2 → 2.0.0-alpha.3

package/build/components/carousel.txt

@@ -1,32 +0,0 @@
-1:"$Sreact.fragment"
-2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
-3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
-4:I[7555,[],""]
-5:I[1295,[],""]
-6:I[8418,["9186","static/chunks/9186-7ca86a881bc0fae7.js","6729","static/chunks/6729-c9c23d280815e7ae.js","810","static/chunks/app/components/carousel/page-b365266404937787.js"],"Carousel"]
-7:I[9665,[],"OutletBoundary"]
-a:I[4911,[],"AsyncMetadataOutlet"]
-c:I[9665,[],"ViewportBoundary"]
-e:I[9665,[],"MetadataBoundary"]
-10:I[6614,[],""]
-:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/css/2cb6b1436172662a.css","style"]
-:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
-:HL["/_next/static/css/0e5de495ff48931f.css","style"]
-:HL["/_next/static/css/ef46db3751d8e999.css","style"]
-:HL["/_next/static/css/5b55b50737ef7662.css","style"]
-:HL["/_next/static/css/75e15d3944ffd4f3.css","style"]
-:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
-:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
-:HL["/_next/static/css/dbfffa33262d63c5.css","style"]
-0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","carousel"],"i":false,"f":[[["",{"children":["components",{"children":["carousel",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["carousel",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-default-2","items":[["$","$1","0",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",1]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","1",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",2]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","2",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",3]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","3",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",4]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","4",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",5]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","5",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",6]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","6",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",7]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","7",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",8]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","8",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",9]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","9",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",10]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","10",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",11]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","11",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",12]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}],["$","$1","12",{"children":[["$","img",null,{"className":"img mb-small","src":"https://placehold.co/800x300?text=Placeholder","alt":"image with desc example"}],["$","h3",null,{"className":"mb-none","children":["Slide ",13]}],["$","p",null,{"children":"lorem ipsum dolor"}]]}]]}]}]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","p",null,{"children":"Example container content"}],["$","$L6",null,{"id":"carousel-default","items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items"}],["$","p",null,{"children":"Example container content"}]]}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","p",null,{"children":"Example container content"}],["$","$L6",null,{"id":"carousel-default-3","items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items"}],["$","p",null,{"children":"Example container content"}]]}]}]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-custom-options","items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items","gliderOptions":{"slidesToShow":2.2,"responsive":[{"breakpoint":"$NaN","settings":{"slidesToShow":3,"slidesToScroll":3}}]}}]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"id":"carousel-custom-options-5","items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:0:props:children:props:children:props:items","gliderOptions":{"slidesToShow":2.2,"responsive":[{"breakpoint":"$NaN","settings":{"slidesToShow":3,"slidesToScroll":3}}]}}]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ef46db3751d8e999.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/5b55b50737ef7662.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/75e15d3944ffd4f3.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","5",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","6",{"rel":"stylesheet","href":"/_next/static/css/dbfffa33262d63c5.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L7",null,{"children":["$L8","$L9",["$","$La",null,{"promise":"$@b"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","jKXDJFJwBYNVqT-vQDSiDv",{"children":[["$","$Lc",null,{"children":"$Ld"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Le",null,{"children":"$Lf"}]]}],false]],"m":"$undefined","G":["$10","$undefined"],"s":false,"S":true}
-11:"$Sreact.suspense"
-12:I[4911,[],"AsyncMetadata"]
-f:["$","div",null,{"hidden":true,"children":["$","$11",null,{"fallback":null,"children":["$","$L12",null,{"promise":"$@13"}]}]}]
-9:null
-d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
-8:null
-b:{"metadata":[],"error":null,"digest":"$undefined"}
-13:{"metadata":"$b:metadata","error":null,"digest":"$undefined"}

package/build/components/cart-table.html

@@ -1,39 +0,0 @@
-<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/images/device-mobile.png"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ef46db3751d8e999.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a88042aa83a2c354.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0e5de495ff48931f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b853a4f8d045643a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/77590e66868bf291.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/75e15d3944ffd4f3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/05c85c9ea7e2ea58.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a9a58f4c38bee2fd.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/9186-7ca86a881bc0fae7.js" async=""></script><script src="/_next/static/chunks/1206-59e86c9be0c6edc8.js" async=""></script><script src="/_next/static/chunks/1790-42537fde486481dc.js" async=""></script><script src="/_next/static/chunks/app/components/cart-table/page-c33464d94e85aacb.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><h1>CartTable</h1>
-<h2>Example</h2>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#orange-cash"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Go Data 10</div></div></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">10 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#collective-class-training"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Go 20</div></div></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">20 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none  cart-table__subitem"><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="bar__item"><img class="img" src="/images/device-mobile.png" alt="" width="24"/></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Motorola Moto G8 Plus blue</div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">10 €</div></div></td><td class="align-right cart-table__price"></td></tr></tbody><tfoot><tr><td class="cart-table__product"></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">10 €</div><span class="color-orange mb-none h6">vopred</span></div></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">30 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr></tfoot></table></div></div>
-<h2>Usage</h2>
-<h3>Editable</h3>
-<p>Items in editable cart table are removable.</p>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th><th class="align-right" scope="col"></th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#orange-cash"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Go Data 10</div></div></div><div class="bar__item hide-sm"><button type="button" class="btn btn--square btn--small" aria-label="odstrániť"><svg class="icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="visually-hidden"></span></button></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">10 €</div></div></td><td class="align-right"><button type="button" class="btn btn--small cart-table__button mb-none"><svg class="icon icon--small btn__icon-left" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="show-md">odstrániť</span></button></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#collective-class-training"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Go 20</div></div></div><div class="bar__item hide-sm"><button type="button" class="btn btn--square btn--small" aria-label="odstrániť"><svg class="icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="visually-hidden"></span></button></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">20 €</div></div></td><td class="align-right"><button type="button" class="btn btn--small cart-table__button mb-none"><svg class="icon icon--small btn__icon-left" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="show-md">odstrániť</span></button></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none  cart-table__subitem"><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="bar__item"><img class="img" src="/images/device-mobile.png" alt="" width="24"/></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Motorola Moto G8 Plus blue</div></div></div><div class="bar__item hide-sm"><button type="button" class="btn btn--square btn--small" aria-label="odstrániť"><svg class="icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="visually-hidden"></span></button></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">10 €</div></div></td><td class="align-right cart-table__price"></td><td class="align-right"><button type="button" class="btn btn--small cart-table__button mb-none"><svg class="icon icon--small btn__icon-left" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="show-md">odstrániť</span></button></td></tr></tbody><tfoot><tr><td class="cart-table__product"></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">10 €</div><span class="color-orange mb-none h6">vopred</span></div></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">30 €</div><span class="color-orange mb-none h6">mesačne</span></div></td><td class="align-right"></td></tr></tfoot></table></div></div>
-<h3>Mandatory (non-removeable) items</h3>
-<p>Some items should not have remove button because they are mandatory to complete the checkout.</p>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th><th class="align-right" scope="col"></th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Home Optimal Fiber</div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">19,90 €</div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">15 €</div></div></td><td class="align-right"></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold text-nowrap"><span class="text-wrap">Optický konvertor</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="right"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.</span></span></div></div></div><div class="bar__item hide-sm"><button type="button" class="btn btn--square btn--small" aria-label="odstrániť"><svg class="icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="visually-hidden"></span></button></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">zadarmo</div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">1 €</div></div></td><td class="align-right"><button type="button" class="btn btn--small cart-table__button mb-none"><svg class="icon icon--small btn__icon-left" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="show-md">odstrániť</span></button></td></tr></tbody><tfoot><tr><td class="cart-table__product"></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">19,90 €</div><span class="color-orange mb-none h6">vopred</span></div></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">16 €</div><span class="color-orange mb-none h6">mesačne</span></div></td><td class="align-right"></td></tr></tfoot></table></div></div>
-<h3>Optional items</h3>
-<p>Upsell good deals the customer gets with together with an existing cart item.</p>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th><th class="align-right" scope="col"></th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Home Optimal Fiber</div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">19,90 €</div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">15 €</div></div></td><td class="align-right"></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold text-nowrap"><span class="text-wrap">Optický konvertor</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="right"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.</span></span></div></div></div><div class="bar__item hide-sm"><button type="button" class="btn btn--square btn--small" aria-label="odstrániť"><svg class="icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="visually-hidden"></span></button></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">zadarmo</div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">1 €</div></div></td><td class="align-right"><button type="button" class="btn btn--small cart-table__button mb-none"><svg class="icon icon--small btn__icon-left" aria-hidden="true"><use xlink:href="/sprite.svg#trash"></use></svg><span class="show-md">odstrániť</span></button></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none  cart-table__subitem"><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#device-smart-phone"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Vyberte si zariadenie s bonusom až 170 €</div></div></div><div class="bar__item hide-sm"><button type="button" class="btn btn--square btn--small" aria-label="Pridať"><svg class="icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg><span class="visually-hidden"></span></button></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"></td><td class="align-right"><button type="button" class="btn btn--small cart-table__button mb-none"><svg class="icon icon--small btn__icon-left" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg><span class="show-md">Pridať</span></button></td></tr></tbody><tfoot><tr><td class="cart-table__product"></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">19,90 €</div><span class="color-orange mb-none h6">vopred</span></div></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">16 €</div><span class="color-orange mb-none h6">mesačne</span></div></td><td class="align-right"></td></tr></tfoot></table></div></div>
-<h3>Footer</h3>
-<p>Label with/without tooltip can be added to single row footer.
-In case of footer with multiple rows with discounts, first row with upfront paynment can be hidden.</p>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#orange-cash"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Go Data 10</div></div></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">10 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#collective-class-training"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Go 20</div></div></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">20 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none  cart-table__subitem"><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="bar__item"><img class="img" src="/images/device-mobile.png" alt="" width="24"/></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Motorola Moto G8 Plus blue</div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">10 €</div></div></td><td class="align-right cart-table__price"></td></tr></tbody><tfoot><tr><td class="cart-table__product"><span class="bold">Spolu</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Celková suma ktorú zaplatíte.</span></span></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">10 €</div><span class="color-orange mb-none h6">vopred</span></div></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">30 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr></tfoot></table></div></div>
-<h3>Monthly generated total</h3>
-<p>Total is calculated automatically as sum of all items. In some cases, you might
-need to break down total prices into multiple rows by months. If you define
-<code>monthsFree</code> or <code>discount.monthsCount</code> in your data, cart table will use these
-to generate multiple rows with proper discounts calculated for different periods.</p>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Home Optimal Fiber</div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">19,90 €</div></div></td><td class="align-right cart-table__price"><del class="color-gray">15 €</del><br/><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">10 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold text-nowrap"><span class="text-wrap">Optický konvertor</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="right"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.</span></span></div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">zadarmo</div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">1 €</div></div></td></tr></tbody><tfoot><tr><td class="cart-table__product"><span class="bold">1. mesiac</span></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">19,90 €</div><span class="color-orange mb-none h6">vopred</span></div></td><td class="align-right cart-table__price"><del class="color-gray">16 €</del><div><div class="color-orange mb-none h4">1 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr><tr><td class="cart-table__product"><span class="bold">2. – 3. mesiac</span></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><del class="color-gray">16 €</del><div><div class="color-orange mb-none h4">1 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr><tr><td class="cart-table__product"><span class="bold">4. – 13. mesiac</span></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><del class="color-gray">16 €</del><div><div class="color-orange mb-none h4">11 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr><tr><td class="cart-table__product"><span class="bold">14. – 24. mesiac</span></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">16 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr></tfoot></table></div></div>
-<h3>Primary Discount</h3>
-<p>When <code>price</code> is not defined and discount is, it takes place of price. Additionaly if <code>discount.monthsCount</code> is defined,
-description with duration of discount is displayed. And at last, when <code>price</code> and <code>discount</code> have the same value, free Label
-is shown.</p>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Home Optimal Fiber</div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">19,90 €</div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">15 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none  cart-table__subitem"><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold text-nowrap"><span class="text-wrap">Set top box</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="right"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Set-top-box umožnuje sledovanie Orange Tv na vašom televízore. Pre každý televízor potrebujete samostatný Set-top box. So zapojením vám pomôže pri zriadení novej služby náš inštalačný technik.</span></span></div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">-5 €</div></div></td><td class="align-right cart-table__price"><del class="color-gray">2 €</del><br/><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">zadarmo</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#money-box"></use></svg></div><div class="bar__item bar__item--fill"><span class="tag tag--warning">Zľava<!-- --> </span><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Extra zľava na mesačný poplatok za internetovú službu</div></div></div></div><div><p class="mb-none show-sm cart-table__discount--margin-top cart-table__discount--padding-left">1. – 20. mesiac</p></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">1. – 20. mesiac</div><div class="bar__item">-3,50 €</div></div></td></tr></tbody><tfoot><tr><td class="cart-table__product"><span class="bold">1. mesiac</span></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">14,90 €</div><span class="color-orange mb-none h6">vopred</span></div></td><td class="align-right cart-table__price"><del class="color-gray">17 €</del><div><div class="color-orange mb-none h4">11,50 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr><tr><td class="cart-table__product"><span class="bold">2. – 20. mesiac</span></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><del class="color-gray">17 €</del><div><div class="color-orange mb-none h4">11,50 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr><tr><td class="cart-table__product"><span class="bold">21. – 24. mesiac</span></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><del class="color-gray">17 €</del><div><div class="color-orange mb-none h4">15 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr></tfoot></table></div></div>
-<h3>Hide first footer row</h3>
-<p>If it&#x27;s required we can hide first row of multiline footer.</p>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Home Optimal Fiber</div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">19,90 €</div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">15 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none  cart-table__subitem"><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#add"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold text-nowrap"><span class="text-wrap">Set top box</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="right"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Set-top-box umožnuje sledovanie Orange Tv na vašom televízore. Pre každý televízor potrebujete samostatný Set-top box. So zapojením vám pomôže pri zriadení novej služby náš inštalačný technik.</span></span></div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">-5 €</div></div></td><td class="align-right cart-table__price"><del class="color-gray">2 €</del><br/><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">zadarmo</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#money-box"></use></svg></div><div class="bar__item bar__item--fill"><span class="tag tag--warning">Zľava<!-- --> </span><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Extra zľava na mesačný poplatok za internetovú službu</div></div></div></div><div><p class="mb-none show-sm cart-table__discount--margin-top cart-table__discount--padding-left">1. – 20. mesiac</p></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">1. – 20. mesiac</div><div class="bar__item">-3,50 €</div></div></td></tr></tbody><tfoot><tr><td class="cart-table__product"><span class="bold">1. – 20. mesiac</span></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><del class="color-gray">17 €</del><div><div class="color-orange mb-none h4">11,50 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr><tr><td class="cart-table__product"><span class="bold">21. – 24. mesiac</span></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><del class="color-gray">17 €</del><div><div class="color-orange mb-none h4">15 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr></tfoot></table></div></div>
-<h3>Simple pricing</h3>
-<p>When the products sold do not require combined (upfront + monthly) payments, only relevant columns should be displayed.</p>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price hide" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Home Optimal Fiber</div></div></div></div></td><td class="align-right cart-table__price hide"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">15 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold text-nowrap"><span class="text-wrap">Optický konvertor</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="right"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.</span></span></div></div></div></div></td><td class="align-right cart-table__price hide"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">1 €</div></div></td></tr></tbody><tfoot><tr><td class="cart-table__product"></td><td class="align-right cart-table__price hide"><div><div class="color-orange mb-none h4">0 €</div><span class="color-orange mb-none h6">vopred</span></div></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">16 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr></tfoot></table></div></div>
-<p>This default behaviour can be modified by removing of <code>.hide</code> class from hidden column.</p>
-<div class="section"><div class="container"><table class="table cart-table"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item"><svg class="icon icon--medium" aria-hidden="true"><use xlink:href="/sprite.svg#device-laptop-computer-connected"></use></svg></div><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Home Optimal Fiber</div></div></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">15 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold text-nowrap"><span class="text-wrap">Optický konvertor</span> <button type="button" class="info-tooltip" data-tooltip-trigger="true" aria-describedby="id-0" aria-owns="id-0"><svg class="icon icon--info info-tooltip__icon icon--small" aria-hidden="true"><use xlink:href="/sprite.svg#assistance"></use></svg><span class="sr-only">Info</span></button><span id="id-0" class="tooltip" role="tooltip" hidden="" data-tooltip="true" data-tooltip-placement="right"><span class="tooltip__arrow"></span><span class="tooltip__dialog">Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.</span></span></div></div></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">1 €</div></div></td></tr></tbody><tfoot><tr><td class="cart-table__product"></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">0 €</div><span class="color-orange mb-none h6">vopred</span></div></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h4">16 €</div><span class="color-orange mb-none h6">mesačne</span></div></td></tr></tfoot></table></div></div>
-<h3>Size</h3>
-<p>Large cart table was designed for simple flat structure (no subitems), without icons/images, no edit buttons or optional items.</p>
-<div class="section"><div class="container"><table class="table cart-table cart-table--large"><thead><tr><th class="cart-table__product" scope="col">Produkt</th><th class="align-right cart-table__price" scope="col">Vopred</th><th class="align-right cart-table__price" scope="col">Mesačne</th></tr></thead><tbody><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Go Data 10</div></div></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">10 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Go 20</div></div></div></div></td><td class="align-right cart-table__price"></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">20 €</div></div></td></tr><tr><td class="cart-table__product"><div class="bar bar--nowrap mb-none "><div class="bar__item bar__item--fill"><div class="bar bar--space-small"><div class="bar__item bar__item--shrinkable bold">Motorola Moto G8 Plus blue</div></div></div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">vopred</div><div class="bar__item">10 €</div></div></td><td class="align-right cart-table__price"><div class="bar bold justify-content-end mb-none"><div class="bar__item hide-sm">mesačne</div><div class="bar__item">15 €</div></div></td></tr></tbody><tfoot><tr><td class="cart-table__product"></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h2">10 €</div><span class="color-orange mb-none h3">vopred</span></div></td><td class="align-right cart-table__price"><div><div class="color-orange mb-none h2">45 €</div><span class="color-orange mb-none h3">mesačne</span></div></td></tr></tfoot></table></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[6845,[\"9186\",\"static/chunks/9186-7ca86a881bc0fae7.js\",\"1206\",\"static/chunks/1206-59e86c9be0c6edc8.js\",\"1790\",\"static/chunks/1790-42537fde486481dc.js\",\"3695\",\"static/chunks/app/components/cart-table/page-c33464d94e85aacb.js\"],\"CartTable\"]\n7:I[9665,[],\"OutletBoundary\"]\na:I[4911,[],\"AsyncMetadataOutlet\"]\nc:I[9665,[],\"ViewportBoundary\"]\ne:I[9665,[],\"MetadataBoundary\"]\n10:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/ef46db3751d8e999.css\",\"style\"]\n:HL[\"/_next/static/css/a88042aa83a2c354.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/b853a4f8d045643a.css\",\"style\"]\n:HL[\"/_next/static/css/77590e66868bf291.css\",\"style\"]\n:HL[\"/_next/static/css/75e15d3944ffd4f3.css\",\"style\"]\n:HL[\"/_next/static/css/05c85c9ea7e2ea58.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/a9a58f4c38bee2fd.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"cart-table\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"cart-table\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"cart-table\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"h1\",null,{\"children\":\"CartTable\"}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Example\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":[{\"type\":\"Paušál\",\"name\":\"Go Data 10\",\"icon\":\"orange-cash\",\"price\":{\"monthly\":10}},{\"type\":\"Paušál\",\"name\":\"Go 20\",\"icon\":\"collective-class-training\",\"price\":{\"monthly\":20}},{\"type\":\"Zariadenie\",\"name\":\"Motorola Moto G8 Plus blue\",\"image\":\"/images/device-mobile.png\",\"price\":{\"upfront\":10},\"isSubitem\":true}]}]}]}],\"\\n\",[\"$\",\"h2\",null,{\"children\":\"Usage\"}],\"\\n\",[\"$\",\"h3\",null,{\"children\":\"Editable\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"Items in editable cart table are removable.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:items\",\"isEditable\":true}]}]}],\"\\n\",[\"$\",\"h3\",null,{\"children\":\"Mandatory (non-removeable) items\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"Some items should not have remove button because they are mandatory to complete the checkout.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":[{\"type\":\"Optický internet\",\"name\":\"Home Optimal Fiber\",\"icon\":\"device-laptop-computer-connected\",\"isMandatory\":true,\"price\":{\"upfront\":19.9,\"monthly\":15}},{\"type\":\"Zariadenie\",\"name\":\"Optický konvertor\",\"tooltip\":\"Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.\",\"price\":{\"upfront\":0,\"monthly\":1}}],\"isEditable\":true}]}]}],\"\\n\",[\"$\",\"h3\",null,{\"children\":\"Optional items\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"Upsell good deals the customer gets with together with an existing cart item.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":[\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:0\",\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:1\",{\"type\":\"\",\"name\":\"Vyberte si zariadenie s bonusom až 170 €\",\"icon\":\"device-smart-phone\",\"isSubitem\":true,\"isOptional\":true}],\"isEditable\":true}]}]}],\"\\n\",[\"$\",\"h3\",null,{\"children\":\"Footer\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"Label with/without tooltip can be added to single row footer.\\nIn case of footer with multiple rows with discounts, first row with upfront paynment can be hidden.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:items\",\"footer\":{\"name\":\"Spolu\",\"tooltip\":\"Celková suma ktorú zaplatíte.\"}}]}]}],\"\\n\",[\"$\",\"h3\",null,{\"children\":\"Monthly generated total\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"Total is calculated automatically as sum of all items. In some cases, you might\\nneed to break down total prices into multiple rows by months. If you define\\n\",[\"$\",\"code\",null,{\"children\":\"monthsFree\"}],\" or \",[\"$\",\"code\",null,{\"children\":\"discount.monthsCount\"}],\" in your data, cart table will use these\\nto generate multiple rows with proper discounts calculated for different periods.\"]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":[{\"type\":\"Optický internet\",\"name\":\"Home Optimal Fiber\",\"icon\":\"device-laptop-computer-connected\",\"isMandatory\":true,\"price\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:0:price\",\"discount\":{\"monthly\":5,\"monthsCount\":10},\"monthsFree\":3},\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:1\"]}]}]}],\"\\n\",[\"$\",\"h3\",null,{\"children\":\"Primary Discount\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"When \",[\"$\",\"code\",null,{\"children\":\"price\"}],\" is not defined and discount is, it takes place of price. Additionaly if \",[\"$\",\"code\",null,{\"children\":\"discount.monthsCount\"}],\" is defined,\\ndescription with duration of discount is displayed. And at last, when \",[\"$\",\"code\",null,{\"children\":\"price\"}],\" and \",[\"$\",\"code\",null,{\"children\":\"discount\"}],\" have the same value, free Label\\nis shown.\"]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":[\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:0\",{\"type\":\"Zariadenie\",\"name\":\"Set top box\",\"isSubitem\":true,\"price\":{\"monthly\":2},\"discount\":{\"upfront\":5,\"monthly\":2},\"tooltip\":\"Set-top-box umožnuje sledovanie Orange Tv na vašom televízore. Pre každý televízor potrebujete samostatný Set-top box. So zapojením vám pomôže pri zriadení novej služby náš inštalačný technik.\"},{\"type\":\"Zľava\",\"badge\":\"Zľava\",\"name\":\"Extra zľava na mesačný poplatok za internetovú službu\",\"icon\":\"money-box\",\"discount\":{\"monthly\":3.5,\"monthsCount\":20}}]}]}]}],\"\\n\",[\"$\",\"h3\",null,{\"children\":\"Hide first footer row\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"If it's required we can hide first row of multiline footer.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:42:props:children:props:children:props:items\",\"footer\":{\"hideFirst\":true}}]}]}],\"\\n\",[\"$\",\"h3\",null,{\"children\":\"Simple pricing\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"When the products sold do not require combined (upfront + monthly) payments, only relevant columns should be displayed.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":[{\"price\":{\"monthly\":15},\"type\":\"Optický internet\",\"name\":\"Home Optimal Fiber\",\"icon\":\"device-laptop-computer-connected\",\"isMandatory\":true},{\"price\":{\"monthly\":1},\"type\":\"Zariadenie\",\"name\":\"Optický konvertor\",\"tooltip\":\"Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.\"}]}]}]}],\"\\n\",[\"$\",\"p\",null,{\"children\":[\"This default behaviour can be modified by removing of \",[\"$\",\"code\",null,{\"children\":\".hide\"}],\" class from hidden column.\"]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":[{\"price\":{\"monthly\":15},\"type\":\"Optický internet\",\"name\":\"Home Optimal Fiber\",\"icon\":\"device-laptop-computer-connected\",\"isMandatory\":true},{\"price\":{\"monthly\":1},\"type\":\"Zariadenie\",\"name\":\"Optický konvertor\",\"tooltip\":\"Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.\"}],\"hideEmpty\":false}]}]}],\"\\n\",[\"$\",\"h3\",null,{\"children\":\"Size\"}],\"\\n\",[\"$\",\"p\",null,{\"children\":\"Large cart table was designed for simple flat structure (no subitems), without icons/images, no edit buttons or optional items.\"}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"items\":[{\"type\":\"Paušál\",\"name\":\"Go Data 10\",\"price\":{\"monthly\":10}},{\"type\":\"Paušál\",\"name\":\"Go 20\",\"price\":{\"monthly\":20}},{\"type\":\"Zariadenie\",\"name\":\"Motorola Moto G8 Plus blue\",\"price\":{\"upfront\":10,\"monthly\":15}}],\"size\":\"large\"}]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ef46db3751d8e999.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a88042aa83a2c354.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0e5de495ff48931f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b853a4f8d045643a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/77590e66868bf291.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/75e15d3944ffd4f3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/05c85c9ea7e2ea58.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"7\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"8\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"9\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a9a58f4c38bee2fd.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$L8\",\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"x_dujwWSn8mZ0Kf6sRec1v\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:\"$Sreact.suspense\"\n12:I[4911,[],\"AsyncMetadata\"]\nf:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]}]}]\n9:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"b:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n13:{\"metadata\":\"$b:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/cart-table.txt

@@ -1,35 +0,0 @@
-1:"$Sreact.fragment"
-2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
-3:I[5085,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"SpritePathProvider"]
-4:I[7555,[],""]
-5:I[1295,[],""]
-6:I[6845,["9186","static/chunks/9186-7ca86a881bc0fae7.js","1206","static/chunks/1206-59e86c9be0c6edc8.js","1790","static/chunks/1790-42537fde486481dc.js","3695","static/chunks/app/components/cart-table/page-c33464d94e85aacb.js"],"CartTable"]
-7:I[9665,[],"OutletBoundary"]
-a:I[4911,[],"AsyncMetadataOutlet"]
-c:I[9665,[],"ViewportBoundary"]
-e:I[9665,[],"MetadataBoundary"]
-10:I[6614,[],""]
-:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/css/2cb6b1436172662a.css","style"]
-:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
-:HL["/_next/static/css/ef46db3751d8e999.css","style"]
-:HL["/_next/static/css/a88042aa83a2c354.css","style"]
-:HL["/_next/static/css/0e5de495ff48931f.css","style"]
-:HL["/_next/static/css/b853a4f8d045643a.css","style"]
-:HL["/_next/static/css/77590e66868bf291.css","style"]
-:HL["/_next/static/css/75e15d3944ffd4f3.css","style"]
-:HL["/_next/static/css/05c85c9ea7e2ea58.css","style"]
-:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
-:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
-:HL["/_next/static/css/a9a58f4c38bee2fd.css","style"]
-0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","cart-table"],"i":false,"f":[[["",{"children":["components",{"children":["cart-table",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["cart-table",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","h1",null,{"children":"CartTable"}],"\n",["$","h2",null,{"children":"Example"}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"type":"Paušál","name":"Go Data 10","icon":"orange-cash","price":{"monthly":10}},{"type":"Paušál","name":"Go 20","icon":"collective-class-training","price":{"monthly":20}},{"type":"Zariadenie","name":"Motorola Moto G8 Plus blue","image":"/images/device-mobile.png","price":{"upfront":10},"isSubitem":true}]}]}]}],"\n",["$","h2",null,{"children":"Usage"}],"\n",["$","h3",null,{"children":"Editable"}],"\n",["$","p",null,{"children":"Items in editable cart table are removable."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:items","isEditable":true}]}]}],"\n",["$","h3",null,{"children":"Mandatory (non-removeable) items"}],"\n",["$","p",null,{"children":"Some items should not have remove button because they are mandatory to complete the checkout."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"type":"Optický internet","name":"Home Optimal Fiber","icon":"device-laptop-computer-connected","isMandatory":true,"price":{"upfront":19.9,"monthly":15}},{"type":"Zariadenie","name":"Optický konvertor","tooltip":"Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange.","price":{"upfront":0,"monthly":1}}],"isEditable":true}]}]}],"\n",["$","h3",null,{"children":"Optional items"}],"\n",["$","p",null,{"children":"Upsell good deals the customer gets with together with an existing cart item."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":["$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:0","$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:1",{"type":"","name":"Vyberte si zariadenie s bonusom až 170 €","icon":"device-smart-phone","isSubitem":true,"isOptional":true}],"isEditable":true}]}]}],"\n",["$","h3",null,{"children":"Footer"}],"\n",["$","p",null,{"children":"Label with/without tooltip can be added to single row footer.\nIn case of footer with multiple rows with discounts, first row with upfront paynment can be hidden."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:4:props:children:props:children:props:items","footer":{"name":"Spolu","tooltip":"Celková suma ktorú zaplatíte."}}]}]}],"\n",["$","h3",null,{"children":"Monthly generated total"}],"\n",["$","p",null,{"children":["Total is calculated automatically as sum of all items. In some cases, you might\nneed to break down total prices into multiple rows by months. If you define\n",["$","code",null,{"children":"monthsFree"}]," or ",["$","code",null,{"children":"discount.monthsCount"}]," in your data, cart table will use these\nto generate multiple rows with proper discounts calculated for different periods."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"type":"Optický internet","name":"Home Optimal Fiber","icon":"device-laptop-computer-connected","isMandatory":true,"price":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:0:price","discount":{"monthly":5,"monthsCount":10},"monthsFree":3},"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:1"]}]}]}],"\n",["$","h3",null,{"children":"Primary Discount"}],"\n",["$","p",null,{"children":["When ",["$","code",null,{"children":"price"}]," is not defined and discount is, it takes place of price. Additionaly if ",["$","code",null,{"children":"discount.monthsCount"}]," is defined,\ndescription with duration of discount is displayed. And at last, when ",["$","code",null,{"children":"price"}]," and ",["$","code",null,{"children":"discount"}]," have the same value, free Label\nis shown."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":["$0:f:0:1:2:children:2:children:2:children:1:props:children:0:18:props:children:props:children:props:items:0",{"type":"Zariadenie","name":"Set top box","isSubitem":true,"price":{"monthly":2},"discount":{"upfront":5,"monthly":2},"tooltip":"Set-top-box umožnuje sledovanie Orange Tv na vašom televízore. Pre každý televízor potrebujete samostatný Set-top box. So zapojením vám pomôže pri zriadení novej služby náš inštalačný technik."},{"type":"Zľava","badge":"Zľava","name":"Extra zľava na mesačný poplatok za internetovú službu","icon":"money-box","discount":{"monthly":3.5,"monthsCount":20}}]}]}]}],"\n",["$","h3",null,{"children":"Hide first footer row"}],"\n",["$","p",null,{"children":"If it's required we can hide first row of multiline footer."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:42:props:children:props:children:props:items","footer":{"hideFirst":true}}]}]}],"\n",["$","h3",null,{"children":"Simple pricing"}],"\n",["$","p",null,{"children":"When the products sold do not require combined (upfront + monthly) payments, only relevant columns should be displayed."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"price":{"monthly":15},"type":"Optický internet","name":"Home Optimal Fiber","icon":"device-laptop-computer-connected","isMandatory":true},{"price":{"monthly":1},"type":"Zariadenie","name":"Optický konvertor","tooltip":"Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange."}]}]}]}],"\n",["$","p",null,{"children":["This default behaviour can be modified by removing of ",["$","code",null,{"children":".hide"}]," class from hidden column."]}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"price":{"monthly":15},"type":"Optický internet","name":"Home Optimal Fiber","icon":"device-laptop-computer-connected","isMandatory":true},{"price":{"monthly":1},"type":"Zariadenie","name":"Optický konvertor","tooltip":"Optický konvertor a Wi-fi router je zariadenie 2v1 a pripojí váš domov do optickej siete Orange."}],"hideEmpty":false}]}]}],"\n",["$","h3",null,{"children":"Size"}],"\n",["$","p",null,{"children":"Large cart table was designed for simple flat structure (no subitems), without icons/images, no edit buttons or optional items."}],"\n",["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":["$","$L6",null,{"items":[{"type":"Paušál","name":"Go Data 10","price":{"monthly":10}},{"type":"Paušál","name":"Go 20","price":{"monthly":20}},{"type":"Zariadenie","name":"Motorola Moto G8 Plus blue","price":{"upfront":10,"monthly":15}}],"size":"large"}]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/ef46db3751d8e999.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/a88042aa83a2c354.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/b853a4f8d045643a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","4",{"rel":"stylesheet","href":"/_next/static/css/77590e66868bf291.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","5",{"rel":"stylesheet","href":"/_next/static/css/75e15d3944ffd4f3.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","6",{"rel":"stylesheet","href":"/_next/static/css/05c85c9ea7e2ea58.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","7",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","8",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","9",{"rel":"stylesheet","href":"/_next/static/css/a9a58f4c38bee2fd.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L7",null,{"children":["$L8","$L9",["$","$La",null,{"promise":"$@b"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","x_dujwWSn8mZ0Kf6sRec1v",{"children":[["$","$Lc",null,{"children":"$Ld"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Le",null,{"children":"$Lf"}]]}],false]],"m":"$undefined","G":["$10","$undefined"],"s":false,"S":true}
-11:"$Sreact.suspense"
-12:I[4911,[],"AsyncMetadata"]
-f:["$","div",null,{"hidden":true,"children":["$","$11",null,{"fallback":null,"children":["$","$L12",null,{"promise":"$@13"}]}]}]
-9:null
-d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
-8:null
-b:{"metadata":[],"error":null,"digest":"$undefined"}
-13:{"metadata":"$b:metadata","error":null,"digest":"$undefined"}

package/build/components/controls.html

@@ -1,2 +0,0 @@
-<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5ec7df8d7719c810.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ac1d2e9b77b16926.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0e5de495ff48931f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/57b0c84bbf7d7098.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/app/components/controls/page-ab8a0113b4b2e54b.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><div class="section"><div class="container"><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-up"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button></div></div>
-<div class="section bg-black"><div class="container"><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-down"></use></svg></button><button type="button" class="controls"><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#chevron-up"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#close"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#menu"></use></svg></button><button type="button" class="controls" disabled=""><svg class="icon" aria-hidden="true"><use xlink:href="/sprite.svg#search"></use></svg></button></div></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7018\",\"static/chunks/app/components/controls/page-ab8a0113b4b2e54b.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[593,[\"7018\",\"static/chunks/app/components/controls/page-ab8a0113b4b2e54b.js\"],\"Icon\"]\n7:I[9665,[],\"OutletBoundary\"]\na:I[4911,[],\"AsyncMetadataOutlet\"]\nc:I[9665,[],\"ViewportBoundary\"]\ne:I[9665,[],\"MetadataBoundary\"]\n10:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/5ec7df8d7719c810.css\",\"style\"]\n:HL[\"/_next/static/css/ac1d2e9b77b16926.css\",\"style\"]\n:HL[\"/_next/static/css/0e5de495ff48931f.css\",\"style\"]\n:HL[\"/_next/static/css/57b0c84bbf7d7098.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"controls\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"controls\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"controls\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"div\",null,{\"className\":\"section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"chevron-down\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"chevron-up\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}]]}]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"section bg-black\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"chevron-down\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":\"$undefined\",\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"chevron-up\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"close\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"menu\"}]}],[\"$\",\"button\",null,{\"type\":\"button\",\"className\":\"controls\",\"disabled\":true,\"aria-disabled\":\"$undefined\",\"ref\":\"$undefined\",\"children\":[\"$\",\"$L6\",null,{\"name\":\"search\"}]}]]}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5ec7df8d7719c810.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ac1d2e9b77b16926.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0e5de495ff48931f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/57b0c84bbf7d7098.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$L8\",\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"pmmYbpSUidDjDibBuGjLWv\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:\"$Sreact.suspense\"\n12:I[4911,[],\"AsyncMetadata\"]\nf:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]}]}]\n9:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"b:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n13:{\"metadata\":\"$b:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>

package/build/components/controls.txt

@@ -1,29 +0,0 @@
-1:"$Sreact.fragment"
-2:I[3640,["7177","static/chunks/app/layout-41aa6f28da614a69.js"],"default"]
-3:I[5085,["7018","static/chunks/app/components/controls/page-ab8a0113b4b2e54b.js"],"SpritePathProvider"]
-4:I[7555,[],""]
-5:I[1295,[],""]
-6:I[593,["7018","static/chunks/app/components/controls/page-ab8a0113b4b2e54b.js"],"Icon"]
-7:I[9665,[],"OutletBoundary"]
-a:I[4911,[],"AsyncMetadataOutlet"]
-c:I[9665,[],"ViewportBoundary"]
-e:I[9665,[],"MetadataBoundary"]
-10:I[6614,[],""]
-:HL["/_next/static/media/671791babd225be4-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/c62d990acddde5f0-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-:HL["/_next/static/css/2cb6b1436172662a.css","style"]
-:HL["/_next/static/css/ee49dfd49ae395ac.css","style"]
-:HL["/_next/static/css/5ec7df8d7719c810.css","style"]
-:HL["/_next/static/css/ac1d2e9b77b16926.css","style"]
-:HL["/_next/static/css/0e5de495ff48931f.css","style"]
-:HL["/_next/static/css/57b0c84bbf7d7098.css","style"]
-0:{"P":null,"b":"BGy4QLZfZPwswIZT7YGE2","p":"","c":["","components","controls"],"i":false,"f":[[["",{"children":["components",{"children":["controls",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2cb6b1436172662a.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ee49dfd49ae395ac.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"__className_df92c2","children":["$","body",null,{"children":[["$","$L2",null,{}],["$","div",null,{"id":"root","children":["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}],["$","div",null,{"id":"root-modals"}],["$","div",null,{"id":"root-dropdowns"}],["$","div",null,{"id":"root-tooltips"}]]}]}]]}],{"children":["components",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["controls",["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","div",null,{"className":"section","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"chevron-down"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"chevron-up"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}]]}]}],"\n",["$","div",null,{"className":"section bg-black","children":["$","div",null,{"className":"container","ref":"$undefined","children":[["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"chevron-down"}]}],["$","button",null,{"type":"button","className":"controls","disabled":"$undefined","aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"chevron-up"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"close"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"menu"}]}],["$","button",null,{"type":"button","className":"controls","disabled":true,"aria-disabled":"$undefined","ref":"$undefined","children":["$","$L6",null,{"name":"search"}]}]]}]}]],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/5ec7df8d7719c810.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/ac1d2e9b77b16926.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/0e5de495ff48931f.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/57b0c84bbf7d7098.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","$L7",null,{"children":["$L8","$L9",["$","$La",null,{"promise":"$@b"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","pmmYbpSUidDjDibBuGjLWv",{"children":[["$","$Lc",null,{"children":"$Ld"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],["$","$Le",null,{"children":"$Lf"}]]}],false]],"m":"$undefined","G":["$10","$undefined"],"s":false,"S":true}
-11:"$Sreact.suspense"
-12:I[4911,[],"AsyncMetadata"]
-f:["$","div",null,{"hidden":true,"children":["$","$11",null,{"fallback":null,"children":["$","$L12",null,{"promise":"$@13"}]}]}]
-9:null
-d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
-8:null
-b:{"metadata":[],"error":null,"digest":"$undefined"}
-13:{"metadata":"$b:metadata","error":null,"digest":"$undefined"}

package/build/components/cover.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html lang="en" class="__className_df92c2"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/671791babd225be4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c62d990acddde5f0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://placehold.co/800x300"/><link rel="preload" as="image" href="https://placehold.co/800x300?text=800x300+small+without+content"/><link rel="preload" as="image" href="https://placehold.co/800x300?text=800x300+medium+without+content"/><link rel="preload" as="image" href="https://placehold.co/800x300?text=800x300+large+without+content"/><link rel="stylesheet" href="/_next/static/css/2cb6b1436172662a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ee49dfd49ae395ac.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/75e15d3944ffd4f3.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1a128887cf981885.js"/><script src="/_next/static/chunks/4bd1b696-63246a30a5dafad8.js" async=""></script><script src="/_next/static/chunks/1684-f3cca2440b2d04c9.js" async=""></script><script src="/_next/static/chunks/main-app-a265e200b32683f1.js" async=""></script><script src="/_next/static/chunks/app/layout-41aa6f28da614a69.js" async=""></script><script src="/_next/static/chunks/app/components/cover/page-c5a39a466cf72302.js" async=""></script><meta name="next-size-adjust" content=""/><script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div id="root"><h1>Cover</h1><div class="cover"><div class="cover__content"><h2>Heading</h2></div><img class="img cover__image" src="https://placehold.co/800x300" alt=""/></div><hr/><div class="cover"><div class="cover__content"><h2>Heading</h2></div><picture class="img cover__image"><source srcSet="https://placehold.co/2560x1000" media="(min-width: 992px)"/><source srcSet="https://placehold.co/1200x500" media="(min-width: 768px)"/><img src="https://placehold.co/800x300" alt=""/></picture></div><hr/><div class="cover cover--small"><div class="cover__content"><h2>Small</h2></div><img class="img cover__image" src="https://placehold.co/800x300" alt=""/></div><hr/><div class="cover cover--medium"><div class="cover__content"><h2>Medium</h2></div><img class="img cover__image" src="https://placehold.co/800x300" alt=""/></div><hr/><div class="cover cover--large"><div class="cover__content"><h2>Large</h2></div><img class="img cover__image" src="https://placehold.co/800x300" alt=""/></div><hr/><div class="cover cover--small"><img class="img cover__image" src="https://placehold.co/800x300?text=800x300+small+without+content" alt=""/></div><hr/><div class="cover cover--medium"><img class="img cover__image" src="https://placehold.co/800x300?text=800x300+medium+without+content" alt=""/></div><hr/><div class="cover cover--large"><img class="img cover__image" src="https://placehold.co/800x300?text=800x300+large+without+content" alt=""/></div><!--$--><!--/$--></div><div id="root-modals"></div><div id="root-dropdowns"></div><div id="root-tooltips"></div><script src="/_next/static/chunks/webpack-1a128887cf981885.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3640,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"default\"]\n3:I[5085,[\"7177\",\"static/chunks/app/layout-41aa6f28da614a69.js\"],\"SpritePathProvider\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[1041,[\"167\",\"static/chunks/app/components/cover/page-c5a39a466cf72302.js\"],\"CoverClientWrapper\"]\n7:I[9665,[],\"OutletBoundary\"]\na:I[4911,[],\"AsyncMetadataOutlet\"]\nc:I[9665,[],\"ViewportBoundary\"]\ne:I[9665,[],\"MetadataBoundary\"]\n10:I[6614,[],\"\"]\n:HL[\"/_next/static/media/671791babd225be4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/c62d990acddde5f0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/dfdbb1c4973e0bd7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2cb6b1436172662a.css\",\"style\"]\n:HL[\"/_next/static/css/ee49dfd49ae395ac.css\",\"style\"]\n:HL[\"/_next/static/css/75e15d3944ffd4f3.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"BGy4QLZfZPwswIZT7YGE2\",\"p\":\"\",\"c\":[\"\",\"components\",\"cover\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"components\",{\"children\":[\"cover\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2cb6b1436172662a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ee49dfd49ae395ac.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__className_df92c2\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"div\",null,{\"id\":\"root\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"div\",null,{\"id\":\"root-modals\"}],[\"$\",\"div\",null,{\"id\":\"root-dropdowns\"}],[\"$\",\"div\",null,{\"id\":\"root-tooltips\"}]]}]}]]}],{\"children\":[\"components\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"cover\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L6\",null,{}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/75e15d3944ffd4f3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$L8\",\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"vyqfDoz9t_PPF3e_0TLodv\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:\"$Sreact.suspense\"\n12:I[4911,[],\"AsyncMetadata\"]\nf:[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$11\",null,{\"fallback\":null,\"children\":[\"$\",\"$L12\",null,{\"promise\":\"$@13\"}]}]}]\n9:null\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"b:{\"metadata\":[],\"error\":null,\"digest\":\"$undefined\"}\n13:{\"metadata\":\"$b:metadata\",\"error\":null,\"digest\":\"$undefined\"}\n"])</script></body></html>