npm - @gov-design-system-ce/components - Versions diffs - 4.1.3-BETA-10 → 4.2.1 - Mend

@gov-design-system-ce/components 4.1.3-BETA-10 → 4.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (719) hide show

package/dist/collection/pages/Banner.js ADDED Viewed

@@ -0,0 +1,268 @@
+class BannerPage extends HTMLElement {
+    connectedCallback() {
+        this.innerHTML = `
+		<h2>Size XL</h2>
+		<gov-banner size="xl" text-color="dark" aria-labelledby="banner001">
+			<span slot="headline" id="banner001">Lorem ipsum dolor sit</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="xl">Zjistit více</gov-button>
+			<img src="./assets/banner/image-xl.jpg" slot="image" width="1200" height="662" />
+		</gov-banner>
+		<br><br>
+		<div style="max-width: 1152px;">
+		<h2>Waves</h2>
+		<h3>Size L</h3>
+		<gov-banner size="l" background="waves" foreground="image" aria-labelledby="banner002">
+			<span slot="headline" id="banner002">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-l.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="l" background="waves" foreground="logo" aria-labelledby="banner003">
+			<span slot="headline" id="banner003">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="l" background="waves" foreground="icon" aria-labelledby="banner004">
+			<span slot="headline" id="banner004">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<h3>Size M</h3>
+		<gov-banner size="m" background="waves" foreground="image" aria-labelledby="banner005">
+			<span slot="headline" id="banner005">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-m.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="m" background="waves" foreground="logo" aria-labelledby="banner006">
+			<span slot="headline" id="banner006">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="m" background="waves" foreground="icon" aria-labelledby="banner007">
+			<span slot="headline" id="banner007">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<h3>Size S</h3>
+		<gov-banner size="s" background="waves" foreground="image" aria-labelledby="banner008">
+			<span slot="headline" id="banner008">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-s.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="s" background="waves" foreground="logo" aria-labelledby="banner009">
+			<span slot="headline" id="banner009">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="s" background="waves" foreground="icon" aria-labelledby="banner010">
+			<span slot="headline" id="banner010">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br><br>
+		<h2>Stripes</h2>
+		<h3>Size L</h3>
+		<gov-banner size="l" background="stripes" foreground="image" aria-labelledby="banner011">
+			<span slot="headline" id="banner011">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-square.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="l" background="stripes" foreground="logo" aria-labelledby="banner012">
+			<span slot="headline" id="banner012">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="l" background="stripes" foreground="icon" aria-labelledby="banner013">
+			<span slot="headline" id="banner013">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<h3>Size M</h3>
+		<gov-banner size="m" background="stripes" foreground="image" aria-labelledby="banner014">
+			<span slot="headline" id="banner014">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-square.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="m" background="stripes" foreground="logo" aria-labelledby="banner015">
+			<span slot="headline" id="banner015">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="m" background="stripes" foreground="icon" aria-labelledby="banner016">
+			<span slot="headline" id="banner016">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<h3>Size S</h3>
+		<gov-banner size="s" background="stripes" foreground="image" aria-labelledby="banner017">
+			<span slot="headline" id="banner017">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-square.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="s" background="stripes" foreground="logo" aria-labelledby="banner018">
+			<span slot="headline" id="banner018">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="s" background="stripes" foreground="icon" aria-labelledby="banner019">
+			<span slot="headline" id="banner019">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br><br>
+		<h2>Lines</h2>
+		<h3>Size L</h3>
+		<gov-banner size="l" background="lines" foreground="image" aria-labelledby="banner020">
+			<span slot="headline" id="banner020">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-l.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="l" background="lines" foreground="logo" aria-labelledby="banner021">
+			<span slot="headline" id="banner021">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="l" background="lines" foreground="icon" aria-labelledby="banner022">
+			<span slot="headline" id="banner022">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<h3>Size M</h3>
+		<gov-banner size="m" background="lines" foreground="image" aria-labelledby="banner023">
+			<span slot="headline" id="banner023">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-m.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="m" background="lines" foreground="logo" aria-labelledby="banner024">
+			<span slot="headline" id="banner024">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="m" background="lines" foreground="icon" aria-labelledby="banner025">
+			<span slot="headline" id="banner025">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<h3>Size S</h3>
+		<gov-banner size="s" background="lines" foreground="image" aria-labelledby="banner026">
+			<span slot="headline" id="banner026">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-s.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="s" background="lines" foreground="logo" aria-labelledby="banner027">
+			<span slot="headline" id="banner027">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="s" background="lines" foreground="icon" aria-labelledby="banner028">
+			<span slot="headline" id="banner028">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br><br>
+		<h2>Simple</h2>
+		<h3>Size L</h3>
+		<gov-banner size="l" background="simple" foreground="image" aria-labelledby="banner029">
+			<span slot="headline" id="banner029">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-l.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="l" background="simple" foreground="logo" aria-labelledby="banner030">
+			<span slot="headline" id="banner030">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="l" background="simple" foreground="icon" aria-labelledby="banner031">
+			<span slot="headline" id="banner031">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<h3>Size M</h3>
+		<gov-banner size="m" background="simple" foreground="image" aria-labelledby="banner032">
+			<span slot="headline" id="banner032">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-m.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="m" background="simple" foreground="logo" aria-labelledby="banner033">
+			<span slot="headline" id="banner033">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="m" background="simple" foreground="icon" aria-labelledby="banner034">
+			<span slot="headline" id="banner034">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<h3>Size S</h3>
+		<gov-banner size="s" background="simple" foreground="image" aria-labelledby="banner035">
+			<span slot="headline" id="banner035">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+			<img src="./assets/banner/image-s.jpg" slot="image" />
+		</gov-banner>
+		<br>
+		<gov-banner size="s" background="simple" foreground="logo" aria-labelledby="banner036">
+			<span slot="headline" id="banner036">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		<br>
+		<gov-banner size="s" background="simple" foreground="icon" aria-labelledby="banner037">
+			<span slot="headline" id="banner037">Lorem ipsum dolor sit amet.</span>
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>
+			<gov-button slot="button" href="#" color="secondary" type="solid" size="l">Zjistit více</gov-button>
+		</gov-banner>
+		</div>
+		`;
+    }
+}
+if (customElements.get("banner-page") === undefined) {
+    customElements.define("banner-page", BannerPage);
+}
+//# sourceMappingURL=Banner.js.map

package/dist/collection/pages/Banner.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../../src/pages/Banner.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;IACnC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmQhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AACjD,CAAC","sourcesContent":["class BannerPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Size XL</h2>\n\t\t<gov-banner size=\"xl\" text-color=\"dark\" aria-labelledby=\"banner001\">\n\t\t\tLorem ipsum dolor sit\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"xl\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-xl.jpg\" slot=\"image\" width=\"1200\" height=\"662\" />\n\t\t</gov-banner>\n\t\t \n\n\t\t<div style=\"max-width: 1152px;\">\n\t\t<h2>Waves</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"waves\" foreground=\"image\" aria-labelledby=\"banner002\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-l.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"l\" background=\"waves\" foreground=\"logo\" aria-labelledby=\"banner003\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"l\" background=\"waves\" foreground=\"icon\" aria-labelledby=\"banner004\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"waves\" foreground=\"image\" aria-labelledby=\"banner005\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-m.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"m\" background=\"waves\" foreground=\"logo\" aria-labelledby=\"banner006\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"m\" background=\"waves\" foreground=\"icon\" aria-labelledby=\"banner007\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"waves\" foreground=\"image\" aria-labelledby=\"banner008\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-s.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"s\" background=\"waves\" foreground=\"logo\" aria-labelledby=\"banner009\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"s\" background=\"waves\" foreground=\"icon\" aria-labelledby=\"banner010\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\n\t\t<h2>Stripes</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"stripes\" foreground=\"image\" aria-labelledby=\"banner011\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-square.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"l\" background=\"stripes\" foreground=\"logo\" aria-labelledby=\"banner012\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"l\" background=\"stripes\" foreground=\"icon\" aria-labelledby=\"banner013\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"stripes\" foreground=\"image\" aria-labelledby=\"banner014\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-square.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"m\" background=\"stripes\" foreground=\"logo\" aria-labelledby=\"banner015\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"m\" background=\"stripes\" foreground=\"icon\" aria-labelledby=\"banner016\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"stripes\" foreground=\"image\" aria-labelledby=\"banner017\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-square.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"s\" background=\"stripes\" foreground=\"logo\" aria-labelledby=\"banner018\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"s\" background=\"stripes\" foreground=\"icon\" aria-labelledby=\"banner019\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\n\t\t<h2>Lines</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"lines\" foreground=\"image\" aria-labelledby=\"banner020\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-l.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"l\" background=\"lines\" foreground=\"logo\" aria-labelledby=\"banner021\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"l\" background=\"lines\" foreground=\"icon\" aria-labelledby=\"banner022\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"lines\" foreground=\"image\" aria-labelledby=\"banner023\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-m.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"m\" background=\"lines\" foreground=\"logo\" aria-labelledby=\"banner024\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"m\" background=\"lines\" foreground=\"icon\" aria-labelledby=\"banner025\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"lines\" foreground=\"image\" aria-labelledby=\"banner026\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-s.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"s\" background=\"lines\" foreground=\"logo\" aria-labelledby=\"banner027\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"s\" background=\"lines\" foreground=\"icon\" aria-labelledby=\"banner028\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\n\t\t<h2>Simple</h2>\n\t\t<h3>Size L</h3>\n\t\t<gov-banner size=\"l\" background=\"simple\" foreground=\"image\" aria-labelledby=\"banner029\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-l.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"l\" background=\"simple\" foreground=\"logo\" aria-labelledby=\"banner030\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"l\" background=\"simple\" foreground=\"icon\" aria-labelledby=\"banner031\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<h3>Size M</h3>\n\t\t<gov-banner size=\"m\" background=\"simple\" foreground=\"image\" aria-labelledby=\"banner032\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-m.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"m\" background=\"simple\" foreground=\"logo\" aria-labelledby=\"banner033\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"m\" background=\"simple\" foreground=\"icon\" aria-labelledby=\"banner034\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<h3>Size S</h3>\n\t\t<gov-banner size=\"s\" background=\"simple\" foreground=\"image\" aria-labelledby=\"banner035\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t\t<img src=\"./assets/banner/image-s.jpg\" slot=\"image\" />\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"s\" background=\"simple\" foreground=\"logo\" aria-labelledby=\"banner036\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t \n\t\t<gov-banner size=\"s\" background=\"simple\" foreground=\"icon\" aria-labelledby=\"banner037\">\n\t\t\tLorem ipsum dolor sit amet.\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nemo enim ipsam voluptatem quia voluptas sit aspernatur\n\t\t\t<gov-button slot=\"button\" href=\"#\" color=\"secondary\" type=\"solid\" size=\"l\">Zjistit více</gov-button>\n\t\t</gov-banner>\n\t\t</div>\n\n\t\t`\n\t}\n}\n\nif (customElements.get(\"banner-page\") === undefined) {\n\tcustomElements.define(\"banner-page\", BannerPage)\n}\n"]}

package/dist/collection/pages/Blockquote.js ADDED Viewed

@@ -0,0 +1,25 @@
+class BlockquotePage extends HTMLElement {
+    connectedCallback() {
+        this.innerHTML = `
+		<gov-blockquote cite="https://example.com" type="primary">
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Mauris dictum <a href="#" target="_blank">facilisis augue</a>.</p>
+			<img slot="image" src="./assets/author.png" alt="" width="32" height="32" />
+			<p slot="author">Confucius, <cite>Lorem sipsim</cite></p>
+		</gov-blockquote>
+		<br>
+		<gov-blockquote cite="https://example.com" type="subtle">
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Mauris dictum <a href="#" target="_blank">facilisis augue</a>.</p>
+			<p slot="author">Confucius, <cite>Lorem sipsim</cite></p>
+		</gov-blockquote>
+		<br>
+		<gov-blockquote cite="https://example.com" type="neutral">
+			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Mauris dictum <a href="#" target="_blank">facilisis augue</a>.</p>
+		</gov-blockquote>
+		`;
+    }
+}
+if (customElements.get("blockquote-page") === undefined) {
+    customElements.define("blockquote-page", BlockquotePage);
+}
+//# sourceMappingURL=Blockquote.js.map

package/dist/collection/pages/Blockquote.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Blockquote.js","sourceRoot":"","sources":["../../../../../src/pages/Blockquote.ts"],"names":[],"mappings":"AAAA,MAAM,cAAe,SAAQ,WAAW;IACvC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;GAgBhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,SAAS,EAAE,CAAC;IACzD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAA;AACzD,CAAC","sourcesContent":["class BlockquotePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<gov-blockquote cite=\"https://example.com\" type=\"primary\">\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Mauris dictum <a href=\"#\" target=\"_blank\">facilisis augue</a>.\n\t\t\t<img slot=\"image\" src=\"./assets/author.png\" alt=\"\" width=\"32\" height=\"32\" />\n\t\t\tConfucius, <cite>Lorem sipsim</cite>\n\t\t</gov-blockquote>\n\t\t \n\t\t<gov-blockquote cite=\"https://example.com\" type=\"subtle\">\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Mauris dictum <a href=\"#\" target=\"_blank\">facilisis augue</a>.\n\t\t\tConfucius, <cite>Lorem sipsim</cite>\n\t\t</gov-blockquote>\n\t\t \n\t\t<gov-blockquote cite=\"https://example.com\" type=\"neutral\">\n\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Mauris dictum <a href=\"#\" target=\"_blank\">facilisis augue</a>.\n\t\t</gov-blockquote>\n\n\t\t`\n\t}\n}\n\nif (customElements.get(\"blockquote-page\") === undefined) {\n\tcustomElements.define(\"blockquote-page\", BlockquotePage)\n}\n"]}

package/dist/collection/pages/Breadcrumbs.js CHANGED Viewed

@@ -3,7 +3,7 @@ class BreadcrumbsPage extends HTMLElement {
         this.innerHTML = `
 		<h2>Breadcrumbs</h2>
-		<gov-breadcrumbs accessible-label="Drobečková navigace pro stránku Czech POINT">
+		<gov-breadcrumbs aria-hidden="true">
 			<ul>
 				<li>
 					<gov-icon  name="house-door-fill"></gov-icon>
@@ -29,7 +29,7 @@ class BreadcrumbsPage extends HTMLElement {
 		</gov-breadcrumbs>
 		<br>
-		<gov-breadcrumbs accessible-label="Drobečková navigace pro stránku Czech POINT">
+		<gov-breadcrumbs aria-hidden="true">
 			<ul>
 				<li>
 					<button>

package/dist/collection/pages/Breadcrumbs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/pages/Breadcrumbs.ts"],"names":[],"mappings":"AAAA,MAAM,eAAgB,SAAQ,WAAW;IACxC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC1D,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAA;AAC3D,CAAC","sourcesContent":["class BreadcrumbsPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Breadcrumbs</h2>\n\n\t\t<gov-breadcrumbs ~~accessible~~-~~label~~=\"~~Drobečková navigace pro stránku Czech POINT~~\">\n\t\t\t<ul>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"house-door-fill\"></gov-icon>\n\t\t\t\t\t<button>\n\t\t\t\t\t\tDomů\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">Kam dál</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">\n\t\t\t\t\tČeský eGovernment\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<strong>Czech POINT Czech POINT Czech POINT Czech POINT</strong>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</gov-breadcrumbs>\n\t\t<br>\n\n\t\t<gov-breadcrumbs ~~accessible~~-~~label~~=\"~~Drobečková navigace pro stránku Czech POINT~~\">\n\t\t\t<ul>\n\t\t\t\t<li>\n\t\t\t\t\t<button>\n\t\t\t\t\t\tDomů\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">Kam dál</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">\n\t\t\t\t\tČeský eGovernment Český eGovernment Český eGovernment\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<strong>Czech POINT</strong>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</gov-breadcrumbs>\n\n\t\t`\n\t}\n}\n\nif (customElements.get(\"breadcrumbs-page\") === undefined) {\n\tcustomElements.define(\"breadcrumbs-page\", BreadcrumbsPage)\n}\n"]}
1	+ {"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/pages/Breadcrumbs.ts"],"names":[],"mappings":"AAAA,MAAM,eAAgB,SAAQ,WAAW;IACxC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC1D,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAA;AAC3D,CAAC","sourcesContent":["class BreadcrumbsPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Breadcrumbs</h2>\n\n\t\t<gov-breadcrumbs aria-hidden=\"true\">\n\t\t\t<ul>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"house-door-fill\"></gov-icon>\n\t\t\t\t\t<button>\n\t\t\t\t\t\tDomů\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">Kam dál</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">\n\t\t\t\t\tČeský eGovernment\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<strong>Czech POINT Czech POINT Czech POINT Czech POINT</strong>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</gov-breadcrumbs>\n\t\t<br>\n\n\t\t<gov-breadcrumbs aria-hidden=\"true\">\n\t\t\t<ul>\n\t\t\t\t<li>\n\t\t\t\t\t<button>\n\t\t\t\t\t\tDomů\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">Kam dál</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">\n\t\t\t\t\tČeský eGovernment Český eGovernment Český eGovernment\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<strong>Czech POINT</strong>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</gov-breadcrumbs>\n\n\t\t`\n\t}\n}\n\nif (customElements.get(\"breadcrumbs-page\") === undefined) {\n\tcustomElements.define(\"breadcrumbs-page\", BreadcrumbsPage)\n}\n"]}

package/dist/collection/pages/Card.js CHANGED Viewed

@@ -6,28 +6,33 @@ class CardPage extends HTMLElement {
 			<h2>Card</h2>
 			<h3>Vertical</h3>
-			<gov-card>
-				<img slot="img" src="https://picsum.photos/536/354" alt="Obárzek" width="536" height="354">
-				<p><b>Commodo consequat.</b></p>
-				<p>Commodo consequat. Nullam rhoncus aliquam metus.</p>
-				<gov-button color="primary" size="s" type="solid" href="http://localhost:3333/button">
-					Jak založit
-				</gov-button>
-				<gov-button color="primary" size="s" type="outlined" href="http://localhost:3333/button">
-					Zjistit více
-				</gov-button>
-			</gov-card>
+			<div style="max-width: 350px;">
+				<gov-card>
+					<img slot="img" src="./assets/documents.jpg" alt="Obrázek" width="350" height="234">
+					<p><b>Commodo consequat.</b></p>
+					<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href="#">tellus@quis.id</a>.</p>
+					<gov-button color="primary" size="s" type="solid" href="http://localhost:3333/button">
+						Jak založit
+					</gov-button>
+					<gov-button color="primary" size="s" type="outlined" href="http://localhost:3333/button">
+						Zjistit více
+					</gov-button>
+				</gov-card>
+				<br>
+				<gov-card href="http://localhost:3333/button">
+					<img slot="img" src="./assets/documents.jpg" alt="Obrázek" width="350" height="234">
+					<p><b>Commodo consequat.</b></p>
+					<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href="#">tellus@quis.id</a>.</p>
+				</gov-card>
+			</div>
 			<br>
-			<gov-card>
+			<gov-card href="http://localhost:3333/button">
 				<gov-icon slot="icon" name="car" type="complex" color="primary"></gov-icon>
 				<h4>Fusce tellus odio, dapibus id fermentum quis</h4>
 				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>
-				<gov-button color="primary" size="s" type="outlined" href="http://localhost:3333/button">
-					Learn more
-				</gov-button>
 			</gov-card>
 			<br>
-			<gov-card collapsible>
+			<gov-card  href="http://localhost:3333/button" collapsible>
 				<h3 slot="headline">Fusce tellus odio, dapibus id fermentum quis</h3>
 				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>
 				<gov-button color="primary" size="s" type="solid" href="http://localhost:3333/button">
@@ -37,8 +42,13 @@ class CardPage extends HTMLElement {
 			</gov-card>
 			<br>
 			<h3>Horizontal</h3>
+			<gov-card direction="horizontal" href="http://localhost:3333/button">
+				<img slot="img" src="./assets/documents.jpg" alt="Obrázek" width="235" height="144">
+				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>
+			</gov-card>
+			<br>
 			<gov-card direction="horizontal">
-				<img slot="img" src="https://picsum.photos/536/354" alt="Obárzek" width="536" height="354">
+				<img slot="img" src="./assets/documents.jpg" alt="Obrázek" width="235" height="144">
 				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>
 				<gov-button color="primary" size="s" type="outlined" href="http://localhost:3333/button">
 					Learn more

package/dist/collection/pages/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/pages/Card.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDhB~~,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class CardPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\n\t\t<gov-container style=\"max-width: 800px;\">\n\t\t\t<h2>Card</h2>\n\n\t\t\t<h3>Vertical</h3>\n\t\t\t<gov-card>\n\t\t\t\t<img slot=\"img\" src=\"~~https://picsum~~.~~photos/536/354~~\" alt=\"~~Obárzek~~\" width=\"~~536~~\" height=\"~~354~~\">\n\t\t\t\t<p><b>Commodo consequat.</b></p>\n\t\t\t\t<p>Commodo consequat. Nullam rhoncus aliquam metus~~.</~~p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tJak založit\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tZjistit více\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card>\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\" color=\"primary\"></gov-icon>\n\t\t\t\t<h4>Fusce tellus odio, dapibus id fermentum quis</h4>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t~~\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t~~</gov-~~button>\n\t\t\t</gov-~~card>\n\t\t\t<br>\n\t\t\t<gov-card collapsible>\n\t\t\t\t<h3 slot=\"headline\">Fusce tellus odio, dapibus id fermentum quis</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tButton\n\t\t\t\t</gov-button>\n\t\t\t\t<p slot=\"footer\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<h3>Horizontal</h3>\n\t\t\t<gov-card direction=\"horizontal\">\n\t\t\t\t<img slot=\"img\" src=\"~~https://picsum~~.~~photos~~/~~536/354~~\" alt=\"~~Obárzek~~\" width=\"~~536~~\" height=\"~~354~~\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t</gov-container>\n\t\t`\n\t}\n}\n\nif (customElements.get('card-page') === undefined) {\n\tcustomElements.define('card-page', CardPage)\n}\n"]}
1	+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/pages/Card.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class CardPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\n\t\t<gov-container style=\"max-width: 800px;\">\n\t\t\t<h2>Card</h2>\n\n\t\t\t<h3>Vertical</h3>\n\t\t\t<div style=\"max-width: 350px;\">\n\t\t\t\t<gov-card>\n\t\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"350\" height=\"234\">\n\t\t\t\t\t<p><b>Commodo consequat.</b></p>\n\t\t\t\t\t<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href=\"#\">tellus@quis.id</a>.</p>\n\t\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t\tJak založit\n\t\t\t\t\t</gov-button>\n\t\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t\tZjistit více\n\t\t\t\t\t</gov-button>\n\t\t\t\t</gov-card>\n\t\t\t\t<br>\n\t\t\t\t<gov-card href=\"http://localhost:3333/button\">\n\t\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"350\" height=\"234\">\n\t\t\t\t\t<p><b>Commodo consequat.</b></p>\n\t\t\t\t\t<p>Commodo consequat. Nullam rhoncus aliquam metus. Cras elementum <a href=\"#\">tellus@quis.id</a>.</p>\n\t\t\t\t</gov-card>\n\t\t\t</div>\n\t\t\t<br>\n\t\t\t<gov-card href=\"http://localhost:3333/button\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\" color=\"primary\"></gov-icon>\n\t\t\t\t<h4>Fusce tellus odio, dapibus id fermentum quis</h4>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card href=\"http://localhost:3333/button\" collapsible>\n\t\t\t\t<h3 slot=\"headline\">Fusce tellus odio, dapibus id fermentum quis</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tButton\n\t\t\t\t</gov-button>\n\t\t\t\t<p slot=\"footer\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<h3>Horizontal</h3>\n\t\t\t<gov-card direction=\"horizontal\" href=\"http://localhost:3333/button\">\n\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"235\" height=\"144\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card direction=\"horizontal\">\n\t\t\t\t<img slot=\"img\" src=\"./assets/documents.jpg\" alt=\"Obrázek\" width=\"235\" height=\"144\">\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card direction=\"horizontal\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t</gov-container>\n\t\t`\n\t}\n}\n\nif (customElements.get('card-page') === undefined) {\n\tcustomElements.define('card-page', CardPage)\n}\n"]}

package/dist/collection/pages/Flex.js CHANGED Viewed

@@ -6,7 +6,7 @@ class FlexPage extends HTMLElement {
 			p { margin-bottom: 0; background-color: var(--color-neutral-100); }
 		</style>
 		<h2>Flex</h2>
-		<gov-flex justify-content="space-between" align-items="center">
+		<gov-flex justify-content="space-between" align-items="center" responsive="0">
 			<p>Text vlevo</p>
 			<p>Text uprostřed</p>
 			<p>Text vpravo</p>

package/dist/collection/pages/Flex.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../../src/pages/Flex.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class FlexPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<style>\n\t\t\tgov-flex { min-height: 100px; border: 1px solid var(--color-neutral-200); }\n\t\t\tp { margin-bottom: 0; background-color: var(--color-neutral-100); }\n\t\t</style>\n\t\t<h2>Flex</h2>\n\t\t<gov-flex justify-content=\"space-between\" align-items=\"center\">\n\t\t\t<p>Text vlevo</p>\n\t\t\t<p>Text uprostřed</p>\n\t\t\t<p>Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex gap=\"xl\">\n\t\t\t<p>Text vlevo</p>\n\t\t\t<p>Text uprostřed</p>\n\t\t\t<p>Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex align-items=\"flex-end\">\n\t\t\t<p>Text vlevo</p>\n\t\t\t<p>Text uprostřed</p>\n\t\t\t<p>Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex direction=\"column\">\n\t\t\t<p>Text vlevo</p>\n\t\t\t<p>Text uprostřed</p>\n\t\t\t<p>Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex wrap=\"wrap\" align-content=\"space-around\">\n\t\t\t<p>Text vlevo Text vlevo Text vlevo Text vlevo Text vlevo Text vlevo Text vlevo</p>\n\t\t\t<p>Text uprostřed Text uprostřed Text uprostřed Text uprostřed Text uprostřed Text uprostřed Text uprostřed</p>\n\t\t\t<p>Text vpravo Text vpravo Text vpravo Text vpravo Text vpravo Text vpravo Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex>\n\t\t\t<gov-flex style=\"min-height: 50px;\" align-self=\"center\">\n\t\t\t\t<p>Text vlevo</p>\n\t\t\t\t<p>Text uprostřed</p>\n\t\t\t\t<p>Text vpravo</p>\n\t\t\t</gov-flex>\n\t\t\t<gov-flex style=\"min-height: 50px;\">\n\t\t\t\t<p>Text vlevo</p>\n\t\t\t\t<p>Text uprostřed</p>\n\t\t\t\t<p>Text vpravo</p>\n\t\t\t</gov-flex>\n\t\t\t<gov-flex style=\"min-height: 50px;\">\n\t\t\t\t<p>Text vlevo</p>\n\t\t\t\t<p>Text uprostřed</p>\n\t\t\t\t<p>Text vpravo</p>\n\t\t\t</gov-flex>\n\t\t</gov-flex>\n\t\t`\n\t}\n}\n\nif (customElements.get('flex-page') === undefined) {\n\tcustomElements.define('flex-page', FlexPage)\n}\n"]}
1	+ {"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../../src/pages/Flex.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class FlexPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<style>\n\t\t\tgov-flex { min-height: 100px; border: 1px solid var(--color-neutral-200); }\n\t\t\tp { margin-bottom: 0; background-color: var(--color-neutral-100); }\n\t\t</style>\n\t\t<h2>Flex</h2>\n\t\t<gov-flex justify-content=\"space-between\" align-items=\"center\" responsive=\"0\">\n\t\t\t<p>Text vlevo</p>\n\t\t\t<p>Text uprostřed</p>\n\t\t\t<p>Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex gap=\"xl\">\n\t\t\t<p>Text vlevo</p>\n\t\t\t<p>Text uprostřed</p>\n\t\t\t<p>Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex align-items=\"flex-end\">\n\t\t\t<p>Text vlevo</p>\n\t\t\t<p>Text uprostřed</p>\n\t\t\t<p>Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex direction=\"column\">\n\t\t\t<p>Text vlevo</p>\n\t\t\t<p>Text uprostřed</p>\n\t\t\t<p>Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex wrap=\"wrap\" align-content=\"space-around\">\n\t\t\t<p>Text vlevo Text vlevo Text vlevo Text vlevo Text vlevo Text vlevo Text vlevo</p>\n\t\t\t<p>Text uprostřed Text uprostřed Text uprostřed Text uprostřed Text uprostřed Text uprostřed Text uprostřed</p>\n\t\t\t<p>Text vpravo Text vpravo Text vpravo Text vpravo Text vpravo Text vpravo Text vpravo</p>\n\t\t</gov-flex>\n\t\t<br>\n\t\t<gov-flex>\n\t\t\t<gov-flex style=\"min-height: 50px;\" align-self=\"center\">\n\t\t\t\t<p>Text vlevo</p>\n\t\t\t\t<p>Text uprostřed</p>\n\t\t\t\t<p>Text vpravo</p>\n\t\t\t</gov-flex>\n\t\t\t<gov-flex style=\"min-height: 50px;\">\n\t\t\t\t<p>Text vlevo</p>\n\t\t\t\t<p>Text uprostřed</p>\n\t\t\t\t<p>Text vpravo</p>\n\t\t\t</gov-flex>\n\t\t\t<gov-flex style=\"min-height: 50px;\">\n\t\t\t\t<p>Text vlevo</p>\n\t\t\t\t<p>Text uprostřed</p>\n\t\t\t\t<p>Text vpravo</p>\n\t\t\t</gov-flex>\n\t\t</gov-flex>\n\t\t`\n\t}\n}\n\nif (customElements.get('flex-page') === undefined) {\n\tcustomElements.define('flex-page', FlexPage)\n}\n"]}