@gov-design-system-ce/components 4.0.5 → 4.0.6

package/dist/collection/pages/Prompt.js

@@ -0,0 +1,48 @@
+class PromptPage extends HTMLElement {
+  connectedCallback() {
+    setTimeout(function () {
+      document.getElementById('btn').addEventListener('gov-click', function () {
+        document.getElementById('modal').setAttribute('open', 'true');
+      });
+    }, 500);
+    this.innerHTML = `
+            <h2>Prompt</h2>
+			<gov-button variant="error" id="btn">Smazat dokument</gov-button>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+			<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>
+
+			<gov-prompt label="Smazání dokumentu" id="modal" wcag-close-label="Zavřít prompt">
+				<gov-icon class="gov-color--error-400" slot="icon" name="info"></gov-icon>
+				<p class="gov-text--l gov-color--secondary-800">Opravdu chcete tento dokument smazat?</p>
+				<p>Pokud tak učiníte, tak již nebude cesty zpět a souboru bude nenávratně odstraněn ze serveru. Ujistěte se, že máte dostatečnou zálohu.</p>
+                <gov-button slot="actions" size="l" variant="primary" type="base">Zrušit</gov-button>
+                <gov-button slot="actions" size="l" variant="error">Smazat dokument</gov-button>
+			</gov-prompt>
+		`;
+  }
+}
+if (customElements.get('prompt-page') === undefined) {
+  customElements.define('prompt-page', PromptPage);
+}
+//# sourceMappingURL=Prompt.js.map

package/dist/collection/pages/Prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prompt.js","sourceRoot":"","sources":["../../../../../src/pages/Prompt.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;EACnC,iBAAiB;IAChB,UAAU,CAAC;MACV,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,WAAW,EAAE;QAC5D,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;MAC9D,CAAC,CAAC,CAAA;IACH,CAAC,EAAE,GAAG,CAAC,CAAA;IACP,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkChB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;EACpD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;CAChD","sourcesContent":["class PromptPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tsetTimeout(function () {\n\t\t\tdocument.getElementById('btn').addEventListener('gov-click', function () {\n\t\t\t\tdocument.getElementById('modal').setAttribute('open', 'true')\n\t\t\t})\n\t\t}, 500)\n\t\tthis.innerHTML = `\n            <h2>Prompt</h2>\n\t\t\t<gov-button variant=\"error\" id=\"btn\">Smazat dokument</gov-button>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\n\t\t\t<gov-prompt label=\"Smazání dokumentu\" id=\"modal\" wcag-close-label=\"Zavřít prompt\">\n\t\t\t\t<gov-icon class=\"gov-color--error-400\" slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p class=\"gov-text--l gov-color--secondary-800\">Opravdu chcete tento dokument smazat?</p>\n\t\t\t\t<p>Pokud tak učiníte, tak již nebude cesty zpět a souboru bude nenávratně odstraněn ze serveru. Ujistěte se, že máte dostatečnou zálohu.</p>\n                <gov-button slot=\"actions\" size=\"l\" variant=\"primary\" type=\"base\">Zrušit</gov-button>\n                <gov-button slot=\"actions\" size=\"l\" variant=\"error\">Smazat dokument</gov-button>\n\t\t\t</gov-prompt>\n\t\t`\n\t}\n}\n\nif (customElements.get('prompt-page') === undefined) {\n\tcustomElements.define('prompt-page', PromptPage)\n}\n"]}

package/dist/collection/pages/SideNav.js

@@ -0,0 +1,117 @@
+class SideNavPage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+		<h2>Side nav</h2>
+
+		<div style="max-width: 300px;">
+			<gov-side-nav>
+				<gov-side-nav-item label="Hlavní skupina" count="true" href="#">
+					<gov-side-nav-item label="Vše o našem projektu">
+						<gov-side-nav-item label="Hodnocení">
+						</gov-side-nav-item>
+						<gov-side-nav-item label="Rozpočtová politika" count="true">
+						</gov-side-nav-item>
+						<gov-side-nav-item label="Partneři">
+						</gov-side-nav-item>
+					</gov-side-nav-item>
+
+					<gov-side-nav-item label="O nás" href="#">
+					</gov-side-nav-item>
+
+					<gov-side-nav-item label="O společnosti" href="#">
+					</gov-side-nav-item>
+
+					<gov-side-nav-item label="Kontakt">
+					</gov-side-nav-item>
+				</gov-side-nav-item>
+
+				<gov-side-nav-item label="Produkty" href="#">
+				</gov-side-nav-item>
+
+				<gov-side-nav-item label="Ocenění">
+				</gov-side-nav-item>
+
+				<gov-side-nav-item label="Naši klienti" href="#">
+				</gov-side-nav-item>
+			</gov-side-nav>
+			<h3>Compact</h3>
+			<gov-side-nav compact="true">
+				<gov-side-nav-item label="Hlavní skupina" count="true" href="#">
+					<gov-side-nav-item label="Vše o našem projektu">
+						<gov-side-nav-item label="Hodnocení">
+						</gov-side-nav-item>
+						<gov-side-nav-item label="Rozpočtová politika" count="true">
+						</gov-side-nav-item>
+						<gov-side-nav-item label="Partneři">
+						</gov-side-nav-item>
+					</gov-side-nav-item>
+
+					<gov-side-nav-item label="O nás" href="#">
+					</gov-side-nav-item>
+
+					<gov-side-nav-item label="O společnosti" href="#">
+					</gov-side-nav-item>
+
+					<gov-side-nav-item label="Kontakt">
+					</gov-side-nav-item>
+				</gov-side-nav-item>
+
+				<gov-side-nav-item label="Produkty" href="#">
+				</gov-side-nav-item>
+
+				<gov-side-nav-item label="Ocenění">
+				</gov-side-nav-item>
+
+				<gov-side-nav-item label="Naši klienti" href="#">
+				</gov-side-nav-item>
+			</gov-side-nav>
+
+			<h3>Inverse</h3>
+			<div class="gov-bg--secondary-300" style="padding: 20px;">
+				<gov-side-nav inverse="true">
+					<gov-side-nav-item label="Hlavní skupina" count="true" href="#">
+						<gov-icon slot="icon" name="info"></gov-icon>
+						<gov-side-nav-item label="Vše o našem projektu">
+							<gov-icon slot="icon" name="info"></gov-icon>
+							<gov-side-nav-item label="Hodnocení">
+							</gov-side-nav-item>
+							<gov-side-nav-item label="Rozpočtová politika" count="true">
+							</gov-side-nav-item>
+							<gov-side-nav-item label="Partneři">
+							</gov-side-nav-item>
+						</gov-side-nav-item>
+
+						<gov-side-nav-item label="O nás" href="#">
+							<gov-icon slot="icon" name="info"></gov-icon>
+						</gov-side-nav-item>
+
+						<gov-side-nav-item label="O společnosti" href="#">
+							<gov-icon slot="icon" name="info"></gov-icon>
+						</gov-side-nav-item>
+
+						<gov-side-nav-item label="Kontakt">
+							<gov-icon slot="icon" name="info"></gov-icon>
+						</gov-side-nav-item>
+					</gov-side-nav-item>
+
+					<gov-side-nav-item label="Produkty" href="#">
+						<gov-icon slot="icon" name="info"></gov-icon>
+					</gov-side-nav-item>
+
+					<gov-side-nav-item label="Ocenění">
+						<gov-icon slot="icon" name="info"></gov-icon>
+					</gov-side-nav-item>
+
+					<gov-side-nav-item label="Naši klienti" href="#">
+						<gov-icon slot="icon" name="info"></gov-icon>
+					</gov-side-nav-item>
+				</gov-side-nav>
+			</div>
+		</div>
+		`;
+  }
+}
+if (customElements.get('side-nav-page') === undefined) {
+  customElements.define('side-nav-page', SideNavPage);
+}
+//# sourceMappingURL=SideNav.js.map

package/dist/collection/pages/SideNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../../../src/pages/SideNav.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;EACpC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4GhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,KAAK,SAAS,EAAE;EACtD,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,WAAW,CAAC,CAAA;CACnD","sourcesContent":["class SideNavPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Side nav</h2>\n\n\t\t<div style=\"max-width: 300px;\">\n\t\t\t<gov-side-nav>\n\t\t\t\t<gov-side-nav-item label=\"Hlavní skupina\" count=\"true\" href=\"#\">\n\t\t\t\t\t<gov-side-nav-item label=\"Vše o našem projektu\">\n\t\t\t\t\t\t<gov-side-nav-item label=\"Hodnocení\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Rozpočtová politika\" count=\"true\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Partneři\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"O nás\" href=\"#\">\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"O společnosti\" href=\"#\">\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Kontakt\">\n\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Produkty\" href=\"#\">\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Ocenění\">\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Naši klienti\" href=\"#\">\n\t\t\t\t</gov-side-nav-item>\n\t\t\t</gov-side-nav>\n\t\t\t<h3>Compact</h3>\n\t\t\t<gov-side-nav compact=\"true\">\n\t\t\t\t<gov-side-nav-item label=\"Hlavní skupina\" count=\"true\" href=\"#\">\n\t\t\t\t\t<gov-side-nav-item label=\"Vše o našem projektu\">\n\t\t\t\t\t\t<gov-side-nav-item label=\"Hodnocení\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Rozpočtová politika\" count=\"true\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Partneři\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"O nás\" href=\"#\">\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"O společnosti\" href=\"#\">\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Kontakt\">\n\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Produkty\" href=\"#\">\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Ocenění\">\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Naši klienti\" href=\"#\">\n\t\t\t\t</gov-side-nav-item>\n\t\t\t</gov-side-nav>\n\n\t\t\t<h3>Inverse</h3>\n\t\t\t<div class=\"gov-bg--secondary-300\" style=\"padding: 20px;\">\n\t\t\t\t<gov-side-nav inverse=\"true\">\n\t\t\t\t\t<gov-side-nav-item label=\"Hlavní skupina\" count=\"true\" href=\"#\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Vše o našem projektu\">\n\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t<gov-side-nav-item label=\"Hodnocení\">\n\t\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t\t<gov-side-nav-item label=\"Rozpočtová politika\" count=\"true\">\n\t\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t\t<gov-side-nav-item label=\"Partneři\">\n\t\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t\t<gov-side-nav-item label=\"O nás\" href=\"#\">\n\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t\t<gov-side-nav-item label=\"O společnosti\" href=\"#\">\n\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t\t<gov-side-nav-item label=\"Kontakt\">\n\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Produkty\" href=\"#\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Ocenění\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Naši klienti\" href=\"#\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t</gov-side-nav>\n\t\t\t</div>\n\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('side-nav-page') === undefined) {\n\tcustomElements.define('side-nav-page', SideNavPage)\n}\n"]}

package/dist/collection/pages/Spacer.js

@@ -0,0 +1,25 @@
+class SpacerPage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+			<style>
+			 gov-spacer {
+				background: lightgray;
+				margin-bottom: 10px;
+			 }
+			</style>
+			<gov-spacer size="2xs" breakpoint="sm"></gov-spacer>
+			<gov-spacer size="xs" breakpoint="sm"></gov-spacer>
+			<gov-spacer size="s" breakpoint="sm"></gov-spacer>
+			<gov-spacer size="m" breakpoint="sm"></gov-spacer>
+			<gov-spacer size="l" breakpoint="sm"></gov-spacer>
+			<gov-spacer size="xl" breakpoint="sm"></gov-spacer>
+			<gov-spacer size="2xl" breakpoint="sm"></gov-spacer>
+			<gov-spacer size="3xl" breakpoint="sm"></gov-spacer>
+			<gov-spacer size="4xl" breakpoint="sm"></gov-spacer>
+		`;
+  }
+}
+if (customElements.get('spacer-page') === undefined) {
+  customElements.define('spacer-page', SpacerPage);
+}
+//# sourceMappingURL=Spacer.js.map

package/dist/collection/pages/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../../../src/pages/Spacer.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;EACnC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;GAgBhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;EACpD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;CAChD","sourcesContent":["class SpacerPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<style>\n\t\t\t gov-spacer {\n\t\t\t\tbackground: lightgray;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t }\n\t\t\t</style>\n\t\t\t<gov-spacer size=\"2xs\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"xs\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"s\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"m\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"l\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"2xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"3xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"4xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t`\n\t}\n}\n\nif (customElements.get('spacer-page') === undefined) {\n\tcustomElements.define('spacer-page', SpacerPage)\n}\n"]}

package/dist/collection/pages/Statsbar.js

@@ -0,0 +1,202 @@
+class StatsbarPage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+			<gov-statsbar>
+				<gov-statsbar-item>
+					<slot>215 mil</slot>
+					<p slot="text">datových zpráv</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<slot>1 mil</slot>
+					<p slot="text">datových schránek</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<slot>967 tis</slot>
+					<p slot="text">hodin ušetřených ve frontách</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<slot>12 mil</slot>
+					<p slot="text">ušetřených korun</p>
+				</gov-statsbar-item>
+			</gov-statsbar>
+			<hr />
+			<gov-statsbar>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="id-card" slot="icon"></gov-icon>
+					<slot>215 mil</slot>
+					<p slot="text">Font Awesome</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="job-loss" slot="icon"></gov-icon>
+					<slot>1 mil</slot>
+					<p slot="text">datových schránek</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="globe" slot="icon"></gov-icon>
+					<slot>967 tis</slot>
+					<p slot="text">hodin ušetřených ve frontách</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="new-comments" slot="icon"></gov-icon>
+					<slot>12 mil</slot>
+					<p slot="text">ušetřených korun</p>
+				</gov-statsbar-item>
+			</gov-statsbar>
+			<hr />
+			<gov-statsbar icon-position="left">
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="id-card" slot="icon"></gov-icon>
+					<slot>215 mil</slot>
+					<p slot="text">datových zpráv</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="job-loss" slot="icon"></gov-icon>
+					<slot>1 mil</slot>
+					<p slot="text">datových schránek</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="globe" slot="icon"></gov-icon>
+					<slot>967 tis</slot>
+					<p slot="text">hodin ušetřených ve frontách</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="new-comments" slot="icon"></gov-icon>
+					<slot>12 mil</slot>
+					<p slot="text">ušetřených korun</p>
+				</gov-statsbar-item>
+			</gov-statsbar>
+			<hr />
+			<gov-statsbar inverse variant="secondary">
+				<gov-statsbar-item>
+					<slot>215 mil</slot>
+					<p slot="text">datových zpráv</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<slot>1 mil</slot>
+					<p slot="text">datových schránek</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<slot>967 tis</slot>
+					<p slot="text">hodin ušetřených ve frontách</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<slot>12 mil</slot>
+					<p slot="text">ušetřených korun</p>
+				</gov-statsbar-item>
+			</gov-statsbar>
+			<hr />
+			<gov-statsbar inverse>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="id-card" slot="icon"></gov-icon>
+					<slot>215 mil</slot>
+					<p slot="text">datových zpráv</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="job-loss" slot="icon"></gov-icon>
+					<slot>1 mil</slot>
+					<p slot="text">datových schránek</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="globe" slot="icon"></gov-icon>
+					<slot>967 tis</slot>
+					<p slot="text">hodin ušetřených ve frontách</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="new-comments" slot="icon"></gov-icon>
+					<slot>12 mil</slot>
+					<p slot="text">ušetřených korun</p>
+				</gov-statsbar-item>
+			</gov-statsbar>
+			<hr />
+			<gov-statsbar inverse variant="secondary" icon-position="left">
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="id-card" slot="icon"></gov-icon>
+					<slot>215 mil</slot>
+					<p slot="text">datových zpráv</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="job-loss" slot="icon"></gov-icon>
+					<slot>1 mil</slot>
+					<p slot="text">datových schránek</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="globe" slot="icon"></gov-icon>
+					<slot>967 tis</slot>
+					<p slot="text">hodin ušetřených ve frontách</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="new-comments" slot="icon"></gov-icon>
+					<slot>12 mil</slot>
+					<p slot="text">ušetřených korun</p>
+				</gov-statsbar-item>
+			</gov-statsbar>
+			<hr />
+			<gov-statsbar variant="secondary">
+					<gov-statsbar-item>
+						<slot>215 mil</slot>
+						<p slot="text">datových zpráv</p>
+					</gov-statsbar-item>
+					<gov-statsbar-item>
+						<slot>1 mil</slot>
+						<p slot="text">datových schránek</p>
+					</gov-statsbar-item>
+					<gov-statsbar-item>
+						<slot>967 tis</slot>
+						<p slot="text">hodin ušetřených ve frontách</p>
+					</gov-statsbar-item>
+					<gov-statsbar-item>
+						<slot>12 mil</slot>
+						<p slot="text">ušetřených korun</p>
+					</gov-statsbar-item>
+			</gov-statsbar>
+			<gov-statsbar variant="secondary">
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="id-card" slot="icon"></gov-icon>
+					<slot>215 mil</slot>
+					<p slot="text">datových zpráv</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="job-loss" slot="icon"></gov-icon>
+					<slot>1 mil</slot>
+					<p slot="text">datových schránek</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="globe" slot="icon"></gov-icon>
+					<slot>967 tis</slot>
+					<p slot="text">hodin ušetřených ve frontách</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="new-comments" slot="icon"></gov-icon>
+					<slot>12 mil</slot>
+					<p slot="text">ušetřených korun</p>
+				</gov-statsbar-item>
+			</gov-statsbar>
+			<gov-statsbar variant="secondary" icon-position="left">
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="id-card" slot="icon"></gov-icon>
+					<slot>215 mil</slot>
+					<p slot="text">datových zpráv</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="job-loss" slot="icon"></gov-icon>
+					<slot>1 mil</slot>
+					<p slot="text">datových schránek</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="globe" slot="icon"></gov-icon>
+					<slot>967 tis</slot>
+					<p slot="text">hodin ušetřených ve frontách</p>
+				</gov-statsbar-item>
+				<gov-statsbar-item>
+					<gov-icon type="complex" name="new-comments" slot="icon"></gov-icon>
+					<slot>12 mil</slot>
+					<p slot="text">ušetřených korun</p>
+				</gov-statsbar-item>
+			</gov-statsbar>
+		`;
+  }
+}
+if (customElements.get('statsbar-page') === undefined) {
+  customElements.define('statsbar-page', StatsbarPage);
+}
+//# sourceMappingURL=Statsbar.js.map

package/dist/collection/pages/Statsbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Statsbar.js","sourceRoot":"","sources":["../../../../../src/pages/Statsbar.ts"],"names":[],"mappings":"AAAA,MAAM,YAAa,SAAQ,WAAW;EACrC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiMhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,KAAK,SAAS,EAAE;EACtD,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;CACpD","sourcesContent":["class StatsbarPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<gov-statsbar>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">Font Awesome</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar icon-position=\"left\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar inverse variant=\"secondary\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar inverse>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar inverse variant=\"secondary\" icon-position=\"left\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar variant=\"secondary\">\n\t\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t\t</gov-statsbar-item>\n\t\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t\t</gov-statsbar-item>\n\t\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t\t</gov-statsbar-item>\n\t\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<gov-statsbar variant=\"secondary\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<gov-statsbar variant=\"secondary\" icon-position=\"left\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t`\n\t}\n}\n\nif (customElements.get('statsbar-page') === undefined) {\n\tcustomElements.define('statsbar-page', StatsbarPage)\n}\n"]}

package/dist/collection/pages/Stepper.js

@@ -0,0 +1,88 @@
+class StepperPage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+			<h2>Stepper</h2>
+
+			<h3>Velikost M</h3>
+			<gov-spacer size="l"></gov-spacer>
+
+			<gov-stepper>
+				<gov-stepper-item trigger-tag="h1" label="Hotový krok" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
+					<gov-icon slot="prefix" name="check-lg"></gov-icon>
+					<div slot="content">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</div>
+				</gov-stepper-item>
+				<gov-stepper-item label="Chybový krok" variant="error">
+					<gov-icon slot="prefix" name="x-lg"></gov-icon>
+				</gov-stepper-item>
+				<gov-stepper-item collapsible="true" label="Krok s textem, obrázkem, tlačítkem" variant="primary" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
+					<span slot="prefix">2</span>
+					<div slot="content">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</div>
+				</gov-stepper-item>
+				<gov-stepper-item label="Budoucí krok" variant="secondary">
+					<span slot="prefix">3</span>
+				</gov-stepper-item>
+				<gov-stepper-item label="Budoucí krok" variant="warning">
+					<span slot="prefix">4</span>
+				</gov-stepper-item>
+			</gov-stepper>
+
+			<br><br>
+			<h3>Velikost S</h3>
+			<gov-spacer size="l"></gov-spacer>
+
+			<gov-stepper size="s">
+				<gov-stepper-item trigger-tag="h1" label="Hotový krok" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
+					<gov-icon slot="prefix" name="check-lg"></gov-icon>
+				</gov-stepper-item>
+				<gov-stepper-item label="Chybový krok" variant="error">
+					<gov-icon slot="prefix" name="x-lg"></gov-icon>
+				</gov-stepper-item>
+				<gov-stepper-item label="Krok s textem, obrázkem, tlačítkem" variant="primary">
+					<span slot="prefix">2</span>
+					<div slot="content">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</div>
+				</gov-stepper-item>
+				<gov-stepper-item label="Budoucí krok" variant="secondary">
+					<span slot="prefix">3</span>
+				</gov-stepper-item>
+				<gov-stepper-item label="Budoucí krok" variant="warning">
+					<span slot="prefix">4</span>
+				</gov-stepper-item>
+			</gov-stepper>
+
+			<br><br>
+			<h3>Velikost XS</h3>
+			<gov-spacer size="l"></gov-spacer>
+
+			<gov-stepper size="xs">
+				<gov-stepper-item trigger-tag="h1" label="Hotový krok" variant="success" annotation="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus">
+					<gov-icon slot="prefix" name="check-lg"></gov-icon>
+				</gov-stepper-item>
+				<gov-stepper-item label="Chybový krok" variant="error">
+					<gov-icon slot="prefix" name="x-lg"></gov-icon>
+				</gov-stepper-item>
+				<gov-stepper-item label="Krok s textem, obrázkem, tlačítkem" variant="primary">
+					<span slot="prefix">2</span>
+					<div slot="content">
+						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					</div>
+				</gov-stepper-item>
+				<gov-stepper-item label="Budoucí krok" variant="secondary">
+					<span slot="prefix">3</span>
+				</gov-stepper-item>
+				<gov-stepper-item label="Budoucí krok" variant="warning">
+					<span slot="prefix">4</span>
+				</gov-stepper-item>
+			</gov-stepper>
+		`;
+  }
+}
+if (customElements.get('stepper-page') === undefined) {
+  customElements.define('stepper-page', StepperPage);
+}
+//# sourceMappingURL=Stepper.js.map

package/dist/collection/pages/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../../../src/pages/Stepper.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;EACpC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE;EACrD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;CAClD","sourcesContent":["class StepperPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h2>Stepper</h2>\n\n\t\t\t<h3>Velikost M</h3>\n\t\t\t<gov-spacer size=\"l\"></gov-spacer>\n\n\t\t\t<gov-stepper>\n\t\t\t\t<gov-stepper-item trigger-tag=\"h1\" label=\"Hotový krok\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus Lorem ipsum dolor sit amet, consectetur adipiscing elit.\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Chybový krok\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item collapsible=\"true\" label=\"Krok s textem, obrázkem, tlačítkem\" variant=\"primary\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"secondary\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"warning\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\n\t\t\t<br><br>\n\t\t\t<h3>Velikost S</h3>\n\t\t\t<gov-spacer size=\"l\"></gov-spacer>\n\n\t\t\t<gov-stepper size=\"s\">\n\t\t\t\t<gov-stepper-item trigger-tag=\"h1\" label=\"Hotový krok\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Chybový krok\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Krok s textem, obrázkem, tlačítkem\" variant=\"primary\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"secondary\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"warning\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\n\t\t\t<br><br>\n\t\t\t<h3>Velikost XS</h3>\n\t\t\t<gov-spacer size=\"l\"></gov-spacer>\n\n\t\t\t<gov-stepper size=\"xs\">\n\t\t\t\t<gov-stepper-item trigger-tag=\"h1\" label=\"Hotový krok\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Chybový krok\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Krok s textem, obrázkem, tlačítkem\" variant=\"primary\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"secondary\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"warning\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\t\t`\n\t}\n}\n\nif (customElements.get('stepper-page') === undefined) {\n\tcustomElements.define('stepper-page', StepperPage)\n}\n"]}