@gov-design-system-ce/components 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"Forms.js","sourceRoot":"","sources":["../../../../../src/pages/Forms.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;EAClC,iBAAiB;IAChB,CAAC,GAAG,EAAE;MACL,UAAU,CAAC,GAAG,EAAE;QACf,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QACzC,IAAG,EAAE,EAAE;UACN,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAS,CAAC;YAC3C,aAAa;YACb,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;UACvB,CAAC,CAAC,CAAA;SACF;QACD,IAAG,EAAE,EAAE;UACN,aAAa;UACb,EAAE,CAAC,iBAAiB,CAAC,CAAC,GAAG,EAAE,EAAE;YAC5B,SAAS,gBAAgB,CAAC,MAAM;cAC/B,IAAI,CAAC,MAAM;gBAAE,OAAO,MAAM,CAAC;cAC3B,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;YAChE,CAAC;YACD,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;cACjC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;YAC1D,CAAC,CAAA;YACD,MAAM,IAAI,GAAG;cACZ,EAAC,IAAI,EAAE,MAAM,EAAC;cACd,EAAC,IAAI,EAAE,OAAO,EAAC;cACf,EAAC,IAAI,EAAE,OAAO,EAAC;cACf,EAAC,IAAI,EAAE,QAAQ,EAAC;cAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;cAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;cAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;cAChB,EAAC,IAAI,EAAE,OAAO,EAAC;cACf,EAAC,IAAI,EAAE,QAAQ,EAAC;cAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;cAChB,EAAC,IAAI,EAAE,OAAO,EAAC;cACf,EAAC,IAAI,EAAE,SAAS,EAAC;cACjB,EAAC,IAAI,EAAE,OAAO,EAAC;cACf,EAAC,IAAI,EAAE,OAAO,EAAC;cACf,EAAC,IAAI,EAAE,OAAO,EAAC;cACf,EAAC,IAAI,EAAE,QAAQ,EAAC;cAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;aAChB,CAAA;YACD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;cAC9B,UAAU,CAAC,GAAG,EAAE;gBACf,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;kBAC9B,IAAI,CAAC,IAAI;oBAAE,OAAO,KAAK,CAAC;kBACxB,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;gBAC9F,CAAC,CAAC,CAAC,CAAC;cACL,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;YAC7B,CAAC,CAAC,CAAA;UACH,CAAC,CAAC,CAAA;SACF;MACF,CAAC,EAAE,IAAI,CAAC,CAAA;IACT,CAAC,CAAC,EAAE,CAAA;IACJ,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6gChB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE;EACnD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;CAC9C","sourcesContent":["class FormsPage extends HTMLElement {\n\tconnectedCallback() {\n\t\t(() => {\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst po = document.getElementById(\"bagr\");\n\t\t\t\tconst ba = document.getElementById(\"ba\");\n\t\t\t\tif(ba) {\n\t\t\t\t\tba.addEventListener('gov-change', function(e) {\n\t\t\t\t\t\t// @ts-ignore\n\t\t\t\t\t\tconsole.log(e.detail);\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tif(po) {\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\tpo.setSearchCallback((val) => {\n\t\t\t\t\t\tfunction removeDiacritics(string) {\n\t\t\t\t\t\t\tif (!string) return string;\n\t\t\t\t\t\t\treturn string.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst randomNumber = (min, max) => {\n\t\t\t\t\t\t\treturn Math.floor(Math.random() * (max - min + 1) + min);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst data = [\n\t\t\t\t\t\t\t{name: 'Pepa'},\n\t\t\t\t\t\t\t{name: 'Katak'},\n\t\t\t\t\t\t\t{name: 'Tomáš'},\n\t\t\t\t\t\t\t{name: 'Ludvík'},\n\t\t\t\t\t\t\t{name: 'Anežda'},\n\t\t\t\t\t\t\t{name: 'Xaviér'},\n\t\t\t\t\t\t\t{name: 'Ondřej'},\n\t\t\t\t\t\t\t{name: 'Mirek'},\n\t\t\t\t\t\t\t{name: 'Zdeněk'},\n\t\t\t\t\t\t\t{name: 'Monika'},\n\t\t\t\t\t\t\t{name: 'Jirka'},\n\t\t\t\t\t\t\t{name: 'Abrahám'},\n\t\t\t\t\t\t\t{name: 'Lucie'},\n\t\t\t\t\t\t\t{name: 'Emily'},\n\t\t\t\t\t\t\t{name: 'Pavel'},\n\t\t\t\t\t\t\t{name: 'Gustav'},\n\t\t\t\t\t\t\t{name: 'Amálie'},\n\t\t\t\t\t\t]\n\t\t\t\t\t\treturn new Promise((resolve) => {\n\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\tresolve(data.filter(({name}) => {\n\t\t\t\t\t\t\t\t\tif (!name) return false;\n\t\t\t\t\t\t\t\t\treturn removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(val).toLowerCase()) > -1\n\t\t\t\t\t\t\t\t}));\n\t\t\t\t\t\t\t}, randomNumber(100, 1000));\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}, 1000)\n\t\t})()\n\t\tthis.innerHTML = `\n\t\t\t<h2>Search</h2>\n\t\t\t<div class=\"container-view\" style=\"max-width: 500px;\">\n\t\t\t\t<gov-form-control size=\"m\">\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-search name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t\t<gov-form-input slot=\"input\" id=\"kapr\" name=\"test-me\" placeholder=\"Co hledáte\" type=\"reset\"></gov-form-input>\n\t\t\t\t\t\t\t<span slot=\"button\">\n\t\t\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"search\"></gov-icon>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</gov-form-search>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t\t<gov-form-control size=\"l\">\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-search name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t\t<gov-form-input slot=\"input\" id=\"kapr\" name=\"test-me\" placeholder=\"Co hledáte\" type=\"reset\"></gov-form-input>\n\t\t\t\t\t\t\t<span slot=\"button\">\n\t\t\t\t\t\t\t\tHledat\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</gov-form-search>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t\t<gov-form-control size=\"xl\">\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-search name=\"test-me-c\" value=\"me\" checked variant=\"secondary\">\n\t\t\t\t\t\t\t<gov-form-input slot=\"input\" id=\"kapr\" name=\"test-me\" placeholder=\"Co hledáte\" type=\"reset\"></gov-form-input>\n\t\t\t\t\t\t\t<span slot=\"button\">\n\t\t\t\t\t\t\t\tHledat\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</gov-form-search>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t</div>\n\t\t\t\n\t\t\t<h2>File</h2>\n\t\t\t<div class=\"container-view\">\n\t\t\t<h3>Normal</h3>\n\t\t\t\t<gov-form-control>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file name=\"test-me-c\" expanded accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" tabindex=\"-1\">\n\t\t\t\t\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t\t\n\t\t\t\t<gov-form-control disabled>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file name=\"test-me-c\">\n\t\t\t\t\t\t\t<p aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<gov-button disabled variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"upload\"></gov-icon>\n\t\t\t\t\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\n\t\t\t\t<gov-form-control invalid>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file name=\"test-me-c\">\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"upload\"></gov-icon>\n\t\t\t\t\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\t\tRequired\n\t\t\t\t\t</gov-form-message>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\n\t\t\t\t<h3>Expanded</h3>\n\t\t\t\t<gov-form-control>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file expanded name=\"test-me-c\">\n\t\t\t\t\t\t\t<p class=\"gov-color--secondary-800\">\n\t\t\t\t\t\t\t\tPřetáhněte soubor nebo\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\tNahrajte ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t\t\n\t\t\t\t<gov-form-control disabled>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file expanded name=\"test-me-c\">\n\t\t\t\t\t\t\t<p class=\"gov-color--secondary-800\">\n\t\t\t\t\t\t\t\tPřetáhněte soubor nebo\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button disabled variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\n\t\t\t\t<gov-form-control invalid>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file expanded name=\"test-me-c\">\n\t\t\t\t\t\t\t<p class=\"gov-color--secondary-800\">\n\t\t\t\t\t\t\t\tPřetáhněte soubor nebo\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\t\tRequired\n\t\t\t\t\t</gov-form-message>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t</div>\n\n\t\t\t<h2>Multiselect</h2>\n\t\t\t<gov-form-control type=\"input\">\n\t\t\t\t<gov-form-label slot=\"top\">Multiselect</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-multi-select id=\"ba\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t\t\t\t\t\t<option value>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t\t\t\t<option value=\"e\">Value E</option>\n\t\t\t\t\t\t<option value=\"f\">Value F</option>\n\t\t\t\t\t\t<option value=\"g\">Value G</option>\n\t\t\t\t\t\t<option value=\"h\">Value H</option>\n\t\t\t\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t\t\t\t</gov-form-multi-select>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t\n\t\t\t<h2>Autocomplete</h2>\n\t\t\t<gov-form-control type=\"input\">\n\t\t\t\t<gov-form-label slot=\"top\">Label of autocomplete</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" id=\"bagr\"></gov-form-autocomplete>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\n\t\t\t<h2>Textarea</h2>\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control invalid=\"TRUE\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input multiline rows=\"3\" name=\"test-me\" value=\"Value of textarea\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control disabled type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input multiline rows=\"3\" name=\"test-me\" value=\"Value of textarea\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h2>Checkbox</h2>\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"xs\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"s\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"m\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control invalid=\"true\" size=\"xs\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control invalid=\"true\" size=\"s\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control invalid=\"true\" size=\"m\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control invalid=\"true\" size=\"l\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control disabled size=\"xs\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control disabled=\"True\" size=\"s\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control disabled=\"TRUE\" size=\"m\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control disabled=\"1\" size=\"l\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h2>Radio</h2>\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"xs\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test1\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test1\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control size=\"s\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test2\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test2\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control size=\"m\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test3\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test3\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control size=\"l\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test4\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test4\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control invalid=\"true\" size=\"xs\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test5\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test5\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control invalid=\"true\" size=\"s\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test6\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test6\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control invalid=\"true\" size=\"m\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test7\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test7\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control invalid=\"true\" size=\"l\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test8\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test8\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"xs\" disabled>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test9\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test9\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control disabled=\"true\" size=\"s\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test10\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test10\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control disabled=\"true\" size=\"m\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test11\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test11\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control disabled=\"true\" size=\"l\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test12\" value=\"me\" >\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test12\" value=\"me2\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h2>Select</h2>\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"m\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"xl\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tPrefix / sufix\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"m\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\n\t\t\t\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\n\t\t\t\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control invalid=\"true\" size=\"m\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control invalid=\"true\" size=\"l\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control invalid=\"true\" size=\"xl\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"m\" disabled>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control disabled=\"true\" size=\"m\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control disabled=\"true\" size=\"l\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h2>Input</h2>\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"m\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input 3333</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"xl\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tPrefix / sufix\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"m\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"xl\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tLeft icon\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"m\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"xl\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tRight icon\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"m\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"xl\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tSuccess\n\t\t\t</h3>\n\t\t\t<gov-form-control success=\"true\" size=\"m\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control success=\"True\" size=\"\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control success=\"1\" size=\"xl\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control invalid=\"true\" size=\"m\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control invalid=\"true\" size=\"l\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control invalid=\"true\" size=\"xl\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"m\" type=\"input\" id=\"metro2\" disabled>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control disabled=\"True\" size=\"l\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control disabled=\"1\" size=\"xl\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h2>Switch</h2>\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"xs\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"s\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"m\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tWith message\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"xs\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"s\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"m\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"warning\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tWith label\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"xs\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of toggle</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"s\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of toggle</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"m\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of toggle</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of toggle</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"switch\" size=\"xs\" disabled>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"switch\" size=\"s\" disabled=\"true\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"switch\" size=\"m\" disabled=\"true\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"switch\" size=\"l\" disabled=\"true\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"xs\" invalid=\"True\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"s\" invalid=\"TRUE\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"m\" invalid=\"true\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"l\" invalid=\"1\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t`\n\t}\n}\n\nif (customElements.get(\"forms-page\") === undefined) {\n\tcustomElements.define(\"forms-page\", FormsPage)\n}\n"]}

package/dist/collection/pages/FormsRestructure.js

@@ -0,0 +1,13 @@
+class FormsRestructurePage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+			<h4>Forms</h4>
+			<div class="container-view container-view--inline">
+			</div>
+		`;
+  }
+}
+if (customElements.get("forms-restructue-page") === undefined) {
+  customElements.define("forms-restructue-page", FormsRestructurePage);
+}
+//# sourceMappingURL=FormsRestructure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormsRestructure.js","sourceRoot":"","sources":["../../../../../src/pages/FormsRestructure.ts"],"names":[],"mappings":"AAAA,MAAM,oBAAqB,SAAQ,WAAW;EAC7C,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;GAIhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,uBAAuB,CAAC,KAAK,SAAS,EAAE;EAC9D,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,oBAAoB,CAAC,CAAA;CACpE","sourcesContent":["class FormsRestructurePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h4>Forms</h4>\n\t\t\t<div class=\"container-view container-view--inline\">\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get(\"forms-restructue-page\") === undefined) {\n\tcustomElements.define(\"forms-restructue-page\", FormsRestructurePage)\n}\n"]}

package/dist/collection/pages/Home.js

@@ -0,0 +1,9 @@
+class HomePage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = ``;
+  }
+}
+if (customElements.get("home-page") === undefined) {
+  customElements.define("home-page", HomePage);
+}
+//# sourceMappingURL=Home.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Home.js","sourceRoot":"","sources":["../../../../../src/pages/Home.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;EACjC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;EACpB,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE;EAClD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;CAC5C","sourcesContent":["class HomePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = ``\n\t}\n}\n\nif (customElements.get(\"home-page\") === undefined) {\n\tcustomElements.define(\"home-page\", HomePage)\n}\n"]}

package/dist/collection/pages/Message.js

@@ -0,0 +1,94 @@
+class MessagePage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+		<h2>
+			Content Message
+		</h2>
+		<gov-message variant="error">
+			<gov-icon name="info" slot="icon"></gov-icon>
+			<p>
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+			</p>
+		</gov-message>
+		<br>
+		<gov-message variant="primary">
+			<gov-icon name="info" slot="icon"></gov-icon>
+			<p>
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+			</p>
+		</gov-message>
+		<br>
+		<gov-message variant="success">
+			<gov-icon name="info" slot="icon"></gov-icon>
+			<p>
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+			</p>
+		</gov-message>
+		<br>
+		<gov-message variant="warning">
+			<gov-icon name="info" slot="icon"></gov-icon>
+			<p>
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+			</p>
+		</gov-message>
+		<br>
+		<gov-message variant="secondary">
+			<gov-icon name="info" slot="icon"></gov-icon>
+			<p>
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+			</p>
+		</gov-message>
+		<br>
+		
+		<div class="gov-bg--secondary-300" style="padding: 48px">
+			<h3>Inverse</h3>
+			<gov-message inverse variant="error">
+				<gov-icon name="info" slot="icon"></gov-icon>
+				<p>
+					Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				</p>
+			</gov-message>
+			<br>
+			<gov-message inverse variant="primary">
+				<gov-icon name="info" slot="icon"></gov-icon>
+				<p>
+					Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				</p>
+			</gov-message>
+			<br>
+			<gov-message inverse variant="success">
+				<gov-icon name="info" slot="icon"></gov-icon>
+				<p>
+					Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				</p>
+			</gov-message>
+			<br>
+			<gov-message inverse variant="warning">
+				<gov-icon name="info" slot="icon"></gov-icon>
+				<p>
+					Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				</p>
+			</gov-message>
+			<br>
+			<gov-message inverse variant="secondary">
+				<gov-icon name="info" slot="icon"></gov-icon>
+				<p>
+					Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+				</p>
+			</gov-message>
+		</div>
+		
+		<h3>Shadow</h3>
+		<gov-message variant="secondary" shadow>
+			<gov-icon name="info" slot="icon"></gov-icon>
+			<p>
+				Font awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
+			</p>
+		</gov-message>
+			`;
+  }
+}
+if (customElements.get("message-page") === undefined) {
+  customElements.define("message-page", MessagePage);
+}
+//# sourceMappingURL=Message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../../src/pages/Message.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;EACpC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqFf,CAAA;EACF,CAAC;CACD;AAGF,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE;EACrD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;CAClD","sourcesContent":["class MessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tContent Message\n\t\t</h2>\n\t\t<gov-message variant=\"error\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message variant=\"primary\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message variant=\"success\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message variant=\"warning\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message variant=\"secondary\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t\n\t\t<div class=\"gov-bg--secondary-300\" style=\"padding: 48px\">\n\t\t\t<h3>Inverse</h3>\n\t\t\t<gov-message inverse variant=\"error\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t\t<br>\n\t\t\t<gov-message inverse variant=\"primary\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t\t<br>\n\t\t\t<gov-message inverse variant=\"success\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t\t<br>\n\t\t\t<gov-message inverse variant=\"warning\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t\t<br>\n\t\t\t<gov-message inverse variant=\"secondary\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t</div>\n\t\t\n\t\t<h3>Shadow</h3>\n\t\t<gov-message variant=\"secondary\" shadow>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t\t`\n\t\t}\n\t}\n\n\nif (customElements.get(\"message-page\") === undefined) {\n\tcustomElements.define(\"message-page\", MessagePage)\n}\n"]}

package/dist/collection/pages/Modal.js

@@ -0,0 +1,57 @@
+class ModalPage extends HTMLElement {
+  connectedCallback() {
+    setTimeout(function () {
+      document.getElementById('btn').addEventListener('gov-click', function () {
+        document.getElementById('modal').setAttribute('open', 'true');
+      });
+    }, 500);
+    this.innerHTML = `
+			<h2>Modal</h2>
+			<gov-button variant="primary" id="btn" wcag-label="Zobrazit formulář o výši dávky">Vyplnit formulář</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-modal label="Podání daňového přiznání" id="modal" wcag-close-label="Zavřít modal žádosti o dávku">
+				<gov-icon slot="icon" name="info"></gov-icon>
+				<h3>Obsah modálního okna</h3>
+				<p>Bude tvořen libovolnými komponentami</p>
+				<h3>Obsah modálního okna</h3>
+				<p>
+					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eros libero, pulvinar vitae tempor at, laoreet quis mi. Vivamus vitae orci mi. Sed eget nisi convallis, condimentum diam a, fermentum risus. Proin vulputate pretium nisi sit amet commodo. Fusce ac magna velit. Maecenas sit amet sem quis arcu lobortis varius a non urna. Morbi ex neque, tempor bibendum sagittis vitae, vulputate ut nibh. Vestibulum sit amet pretium metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut molestie varius nisi, sed mattis quam mollis vulputate. Morbi semper, purus sed ornare sodales, risus tellus porta massa, et eleifend erat diam vitae ex.
+				</p>
+				<p>
+					Suspendisse quis justo nibh. Aenean id purus mattis, posuere urna a, blandit magna. Aenean a ante eleifend, ornare ipsum quis, bibendum mauris. Integer eget posuere sem, in tincidunt quam. Phasellus massa erat, sodales vel hendrerit vitae, ultrices quis dolor. Fusce id vestibulum sem, eu pretium sem. Praesent lacinia, odio non aliquam cursus, arcu ipsum ornare diam, vitae pharetra erat dui non velit. Quisque eu tempus mi. Nam a diam mauris. Quisque sollicitudin risus eu neque accumsan vulputate. Ut tincidunt metus eu nulla sodales, vitae dictum justo ornare. In tincidunt lobortis nunc, ac imperdiet odio condimentum nec. Ut aliquet pulvinar ligula vitae tincidunt. Phasellus egestas ut leo pretium laoreet. Fusce et vestibulum purus. Duis semper sem massa, non dignissim nunc aliquam sit amet.
+				</p>
+				<p>
+					Praesent blandit mattis neque varius sagittis. Nulla ac scelerisque justo. Vestibulum aliquet blandit pharetra. Quisque lacus mi, tincidunt ac dui at, lobortis efficitur nisi. Fusce laoreet maximus purus, sit amet pulvinar mauris facilisis in. Integer fermentum elit eu aliquam sodales. Curabitur laoreet pharetra est rutrum posuere. In at eros tempus ex sodales facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras placerat dolor ac urna elementum facilisis. Aenean diam nibh, sollicitudin in porta sed, laoreet in nisl. Ut scelerisque tortor augue, vitae fermentum dui ornare non. Nulla fringilla libero non metus venenatis, eu maximus massa placerat. Praesent elementum convallis metus, vel iaculis sem pretium cursus.
+				</p>
+				<gov-button variant="primary" wcag-label="Vyplnit formulář o výši dávky">Vyplnit formulář</gov-button>
+			</gov-modal>
+		`;
+  }
+}
+if (customElements.get("modal-page") === undefined) {
+  customElements.define("modal-page", ModalPage);
+}
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/pages/Modal.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;EAClC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2ChB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE;EACnD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;CAC9C","sourcesContent":["class ModalPage 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\t\t\t<h2>Modal</h2>\n\t\t\t<gov-button variant=\"primary\" id=\"btn\" wcag-label=\"Zobrazit formulář o výši dávky\">Vyplnit formulář</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>\t\t\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-modal label=\"Podání daňového přiznání\" id=\"modal\" wcag-close-label=\"Zavřít modal žádosti o dávku\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<h3>Obsah modálního okna</h3>\n\t\t\t\t<p>Bude tvořen libovolnými komponentami</p>\n\t\t\t\t<h3>Obsah modálního okna</h3>\n\t\t\t\t<p>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eros libero, pulvinar vitae tempor at, laoreet quis mi. Vivamus vitae orci mi. Sed eget nisi convallis, condimentum diam a, fermentum risus. Proin vulputate pretium nisi sit amet commodo. Fusce ac magna velit. Maecenas sit amet sem quis arcu lobortis varius a non urna. Morbi ex neque, tempor bibendum sagittis vitae, vulputate ut nibh. Vestibulum sit amet pretium metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut molestie varius nisi, sed mattis quam mollis vulputate. Morbi semper, purus sed ornare sodales, risus tellus porta massa, et eleifend erat diam vitae ex.\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tSuspendisse quis justo nibh. Aenean id purus mattis, posuere urna a, blandit magna. Aenean a ante eleifend, ornare ipsum quis, bibendum mauris. Integer eget posuere sem, in tincidunt quam. Phasellus massa erat, sodales vel hendrerit vitae, ultrices quis dolor. Fusce id vestibulum sem, eu pretium sem. Praesent lacinia, odio non aliquam cursus, arcu ipsum ornare diam, vitae pharetra erat dui non velit. Quisque eu tempus mi. Nam a diam mauris. Quisque sollicitudin risus eu neque accumsan vulputate. Ut tincidunt metus eu nulla sodales, vitae dictum justo ornare. In tincidunt lobortis nunc, ac imperdiet odio condimentum nec. Ut aliquet pulvinar ligula vitae tincidunt. Phasellus egestas ut leo pretium laoreet. Fusce et vestibulum purus. Duis semper sem massa, non dignissim nunc aliquam sit amet.\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tPraesent blandit mattis neque varius sagittis. Nulla ac scelerisque justo. Vestibulum aliquet blandit pharetra. Quisque lacus mi, tincidunt ac dui at, lobortis efficitur nisi. Fusce laoreet maximus purus, sit amet pulvinar mauris facilisis in. Integer fermentum elit eu aliquam sodales. Curabitur laoreet pharetra est rutrum posuere. In at eros tempus ex sodales facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras placerat dolor ac urna elementum facilisis. Aenean diam nibh, sollicitudin in porta sed, laoreet in nisl. Ut scelerisque tortor augue, vitae fermentum dui ornare non. Nulla fringilla libero non metus venenatis, eu maximus massa placerat. Praesent elementum convallis metus, vel iaculis sem pretium cursus.\n\t\t\t\t</p>\n\t\t\t\t<gov-button variant=\"primary\" wcag-label=\"Vyplnit formulář o výši dávky\">Vyplnit formulář</gov-button>\n\t\t\t</gov-modal>\n\t\t`\n\t}\n}\n\nif (customElements.get(\"modal-page\") === undefined) {\n\tcustomElements.define(\"modal-page\", ModalPage)\n}\n"]}

package/dist/collection/pages/Pagination.js

@@ -0,0 +1,24 @@
+class PaginationPage extends HTMLElement {
+  connectedCallback() {
+    setTimeout(() => {
+      const bagr = document.getElementById('bagr');
+      if (bagr) {
+        bagr.addEventListener('gov-page', (e) => {
+          console.log(e);
+        });
+      }
+    }, 500);
+    this.innerHTML = `
+		<h2>Pagination</h2>
+
+		<gov-pagination id="bagr" total="212" wcag-label="Stránkování pro sekci dokumenty"></gov-pagination>
+		<br><br>
+		<gov-pagination total="212"  wcag-label="Stránkování pro sekci dokumenty" link="http://localhost:3333/pagination?page={PAGE}"></gov-pagination>
+		
+		`;
+  }
+}
+if (customElements.get("pagination-page") === undefined) {
+  customElements.define("pagination-page", PaginationPage);
+}
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/pages/Pagination.ts"],"names":[],"mappings":"AAAA,MAAM,cAAe,SAAQ,WAAW;EACvC,iBAAiB;IAChB,UAAU,CAAC,GAAG,EAAE;MACf,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;MAC7C,IAAG,IAAI,EAAE;QACR,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;UACvC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC,CAAC,CAAA;OACF;IACF,CAAC,EAAE,GAAG,CAAC,CAAA;IACP,IAAI,CAAC,SAAS,GAAG;;;;;;;GAOhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,SAAS,EAAE;EACxD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAA;CACxD","sourcesContent":["class PaginationPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tsetTimeout(() => {\n\t\t\tconst bagr=  document.getElementById('bagr');\n\t\t\tif(bagr) {\n\t\t\t\tbagr.addEventListener('gov-page', (e) => {\n\t\t\t\t\tconsole.log(e);\n\t\t\t\t})\n\t\t\t}\n\t\t}, 500)\n\t\tthis.innerHTML = `\n\t\t<h2>Pagination</h2>\n\n\t\t<gov-pagination id=\"bagr\" total=\"212\" wcag-label=\"Stránkování pro sekci dokumenty\"></gov-pagination>\n\t\t<br><br>\n\t\t<gov-pagination total=\"212\"  wcag-label=\"Stránkování pro sekci dokumenty\" link=\"http://localhost:3333/pagination?page={PAGE}\"></gov-pagination>\n\t\t\n\t\t`\n\t}\n}\n\nif (customElements.get(\"pagination-page\") === undefined) {\n\tcustomElements.define(\"pagination-page\", PaginationPage)\n}\n"]}

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>\t\t\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\t\t\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\t\nif (customElements.get(\"side-nav-page\") === undefined) {\n\tcustomElements.define(\"side-nav-page\", SideNavPage)\n}\n"]}