npm - @gov-design-system-ce/components - Versions diffs - 4.2.9 → 4.6.2 - Mend

@gov-design-system-ce/components 4.2.9 → 4.6.2

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

Files changed (1568) hide show

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

@@ -1 +0,0 @@

- {"version":3,"file":"Forms.js","sourceRoot":"","sources":["../../../../../src/pages/Forms.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,CAAC,MAAe,EAAE,EAAE;IAC5C,IAAI,CAAC,MAAM;QAAE,OAAO,MAAM,CAAA;IAC1B,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAA;AAC/D,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE;IACjD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAA;AACzD,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC;IAClB,EAAC,IAAI,EAAE,MAAM,EAAC;IACd,EAAC,IAAI,EAAE,OAAO,EAAC;IACf,EAAC,IAAI,EAAE,OAAO,EAAC;IACf,EAAC,IAAI,EAAE,QAAQ,EAAC;IAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;IAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;IAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;IAChB,EAAC,IAAI,EAAE,OAAO,EAAC;IACf,EAAC,IAAI,EAAE,QAAQ,EAAC;IAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;IAChB,EAAC,IAAI,EAAE,OAAO,EAAC;IACf,EAAC,IAAI,EAAE,SAAS,EAAC;IACjB,EAAC,IAAI,EAAE,OAAO,EAAC;IACf,EAAC,IAAI,EAAE,OAAO,EAAC;IACf,EAAC,IAAI,EAAE,OAAO,EAAC;IACf,EAAC,IAAI,EAAE,QAAQ,EAAC;IAChB,EAAC,IAAI,EAAE,QAAQ,EAAC;CAChB,CAAA;AAED,MAAM,SAAU,SAAQ,WAAW;IAClC,iBAAiB;QAChB,CAAC;QAAA,CAAC,GAAG,EAAE;YACN,UAAU,CAAC,GAAG,EAAE;gBACf,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAmB,CAAA;gBAC1E,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAA6B,CAAA;gBACxE,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAA2B,CAAA;gBAC3E,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmC,CAAA;gBAC5E,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAkC,CAAA;gBACzE,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAA4B,CAAA;gBAC3E,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAkC,CAAA;gBAC7E,IAAI,EAAE,EAAE,CAAC;oBACR,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC;wBAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;oBACf,CAAC,CAAC,CAAA;gBACH,CAAC;gBACD,IAAI,EAAE,EAAE,CAAC;oBACR,EAAE,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC;wBAC1C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;oBACf,CAAC,CAAC,CAAA;gBACH,CAAC;gBACD,IAAI,EAAE,EAAE,CAAC;oBACR,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,UAAU,CAAc;wBACxD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;oBACvB,CAAC,CAAC,CAAA;gBACH,CAAC;gBACD,IAAI,EAAE,EAAE,CAAC;oBAER,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC;wBAC5C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;oBACf,CAAC,CAAC,CAAA;oBACF,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE;wBAC1B,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;4BAC5B,UAAU,CAAC,GAAG,EAAE;gCACf,OAAO,CACN,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;oCACxB,IAAI,CAAC,IAAI;wCAAE,OAAO,KAAK,CAAA;oCACvB,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;gCAC9F,CAAC,CAAC,CACF,CAAA;4BACF,CAAC,EAAE,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAA;wBAC5B,CAAC,CAAC,CAAA;oBACH,CAAC,CAAC,CAAA;gBACH,CAAC;gBACD,IAAI,EAAE,IAAI,YAAY,EAAE,CAAC;oBAGxB,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;wBACvC,6DAA6D;wBAC7D,aAAa;wBACb,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;4BAC3B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;4BAC5C,GAAG,CAAC,SAAS,GAAG,IAAc,CAAA;4BAC9B,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gCAClC,EAAE,CAAC,OAAO,GAAI,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,CAAC,CAAA;4BAC7C,CAAC,CAAC,CAAA;4BACF,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;wBAC9B,CAAC,CAAC,CAAA;oBACH,CAAC,CAAC,CAAA;oBACF,EAAE,CAAC,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,CAAC,CAAA;oBAGvG,UAAU,CAAC,GAAG,EAAE;wBACf,mDAAmD;wBACnD,sDAAsD;wBACtD,sBAAsB;wBACtB,qDAAqD;oBACtD,CAAC,EAAE,IAAI,CAAC,CAAA;gBACT,CAAC;gBACD,IAAI,IAAI,EAAE,CAAC;oBACV,IAAI,CAAC,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE;4BAC/E,KAAK,EAAE,GAAG;4BACV,KAAK,EAAE,SAAS;4BAChB,QAAQ,EAAE,IAAI;yBACd,CAAC,CAAA;oBACF,UAAU,CAAC,GAAG,EAAE;wBACf,IAAI,CAAC,KAAK,GAAG,GAAG,CAAA;wBAEhB,IAAI,CAAC,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE;gCAC/E,KAAK,EAAE,GAAG;gCACV,KAAK,EAAE,SAAS;6BAChB,CAAC,CAAA;oBACH,CAAC,EAAE,IAAI,CAAC,CAAA;gBACT,CAAC;gBAED,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;gBAClD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBACvD,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;gBAChC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,sBAAsB,CAAC,CAAC;gBAC1D,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,GAAG,EAAE;oBAC3C,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBACzB,CAAC,CAAC,CAAA;gBACF,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;YACtB,CAAC,EAAE,IAAI,CAAC,CAAA;QACT,CAAC,CAAC,EAAE,CAAA;QACJ,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+pEhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE,CAAC;IACpD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AAC/C,CAAC","sourcesContent":["const removeDiacritics = (string?: string) => {\n\tif (!string) return string\n\treturn string.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '')\n}\n\nconst randomNumber = (min: number, max: number) => {\n\treturn Math.floor(Math.random() * (max - min + 1) + min)\n}\n\nconst data = () => [\n\t{name: 'Pepa'},\n\t{name: 'Katak'},\n\t{name: 'Tomáš'},\n\t{name: 'Ludvík'},\n\t{name: 'Anežda'},\n\t{name: 'Xaviér'},\n\t{name: 'Ondřej'},\n\t{name: 'Mirek'},\n\t{name: 'Zdeněk'},\n\t{name: 'Monika'},\n\t{name: 'Jirka'},\n\t{name: 'Abrahám'},\n\t{name: 'Lucie'},\n\t{name: 'Emily'},\n\t{name: 'Pavel'},\n\t{name: 'Gustav'},\n\t{name: 'Amálie'},\n]\n\nclass FormsPage extends HTMLElement {\n\tconnectedCallback() {\n\t\t;(() => {\n\t\t\tsetTimeout(() => {\n\t\t\t\tconst selectedList = document.getElementById('selected') as HTMLDivElement\n\t\t\t\tconst moja = document.getElementById('moja') as HTMLGovFormSelectElement\n\t\t\t\tconst da = document.getElementById('test-me-ujo') as HTMLGovFormFileElement\n\t\t\t\tconst po = document.getElementById('bagr') as HTMLGovFormAutocompleteElement\n\t\t\t\tconst ba = document.getElementById('ba') as HTMLGovFormMultiSelectElement\n\t\t\t\tconst na = document.getElementById('kaprWWWWWW') as HTMLGovFormInputElement\n\t\t\t\tconst ms = document.getElementById('poleno') as HTMLGovFormMultiSelectElement\n\t\t\t\tif (ba) {\n\t\t\t\t\tba.addEventListener('gov-change', function (e) {\n\t\t\t\t\t\tconsole.log(e)\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tif (na) {\n\t\t\t\t\tna.addEventListener('gov-blur', function (e) {\n\t\t\t\t\t\tconsole.log(e)\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tif (da) {\n\t\t\t\t\tda.addEventListener('gov-files', function (e: CustomEvent) {\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\n\t\t\t\t\tpo.addEventListener('gov-select', function (e) {\n\t\t\t\t\t\tconsole.log(e)\n\t\t\t\t\t})\n\t\t\t\t\tpo.setSearchCallback(val => {\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(\n\t\t\t\t\t\t\t\t\tdata().filter(({name}) => {\n\t\t\t\t\t\t\t\t\t\tif (!name) return false\n\t\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\t})\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\tif (ms && selectedList) {\n\n\n\t\t\t\t\tms.addEventListener('gov-change', (e) => {\n\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n\t\t\t\t\t\t// @ts-ignore\n\t\t\t\t\t\te.detail.value.map((item) => {\n\t\t\t\t\t\t\tconst cta = document.createElement('button')\n\t\t\t\t\t\t\tcta.innerHTML = item as string\n\t\t\t\t\t\t\tcta.addEventListener('click', () => {\n\t\t\t\t\t\t\t\tms.options = [{value: 'a', label: 'Aneta'}]\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\tselectedList.appendChild(cta)\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t\tms.options = [{value: 'a', label: 'Aneta'}, {value: 'b', label: 'Beata'}, {value: 't', label: 'Tomáš'}]\n\n\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t//ms.setSelectedOption({value: 'a', name: 'Aneta'})\n\t\t\t\t\t\t//ms.setSelectedOptions([{value: 'a', name: 'Aneta'}])\n\t\t\t\t\t\t//console.log('sets');\n\t\t\t\t\t\t//ms.getSelectedOptions().then((t) => console.log(t))\n\t\t\t\t\t}, 5000)\n\t\t\t\t}\n\t\t\t\tif (moja) {\n\t\t\t\t\tmoja.options = [{value: 'd', label: 'Value D'}, {value: 'e', label: 'Value E'}, {\n\t\t\t\t\t\tvalue: 'f',\n\t\t\t\t\t\tlabel: 'Value F',\n\t\t\t\t\t\tdisabled: true\n\t\t\t\t\t}]\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tmoja.value = 'h'\n\n\t\t\t\t\t\tmoja.options = [{value: 'g', label: 'Value G'}, {value: 'h', label: 'Value H'}, {\n\t\t\t\t\t\t\tvalue: 'i',\n\t\t\t\t\t\t\tlabel: 'Value I',\n\t\t\t\t\t\t}]\n\t\t\t\t\t}, 2000)\n\t\t\t\t}\n\n\t\t\t\tconst mojeId = document.getElementById('moje-id');\n\t\t\t\tconst input = document.createElement('gov-form-input');\n\t\t\t\tinput.setAttribute('size', 'l');\n\t\t\t\tinput.setAttribute('placeholder', 'Co hledáte HYDRATED?');\n\t\t\t\tinput.addEventListener('gov-hydrated', () => {\n\t\t\t\t\tconsole.log('hydrated');\n\t\t\t\t})\n\t\t\t\tmojeId.prepend(input)\n\t\t\t}, 1000)\n\t\t})()\n\t\tthis.innerHTML = `\n<div id=\"selected\"></div>\n<div id=\"moje-id\"></div>\n<br><br>\n\n<ul class=\"gov-list--plain nav-top\">\n\t<li><a href=\"#input\">Input</a></li>\n\t<li><a href=\"#containing-input\">Containing Input</a></li>\n\t<li><a href=\"#select\">Select</a></li>\n\t<li><a href=\"#checkbox\">Checkbox</a></li>\n\t<li><a href=\"#radio\">Radio</a></li>\n\t<li><a href=\"#switch\">Switch</a></li>\n\t<li><a href=\"#range\">Range</a></li>\n</ul>\n\n<br><br>\n\n\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select name=\"test-me\" size=\"xl\" id=\"poleno\">\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select value=\"e\" name=\"test-me\" size=\"xl\" id=\"moja\">\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<h2>Samostatné použití</h2>\n<gov-form-input placeholder=\"Co hledáte\" size=\"m\">\n\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n</gov-form-input>\n<br>\n<gov-form-select size=\"l\" name=\"test-me\" invalid=\"true\">\n\t<option value=\"\" selected>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\">Value D</option>\n</gov-form-select>\n<br>\n<gov-form-select size=\"l\" name=\"test-me\" success=\"true\">\n\t<option value=\"\" selected>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\">Value D</option>\n</gov-form-select>\n<br>\n<div>\n\t<gov-form-checkbox size=\"m\" name=\"test-me-c\" value=\"me\" checked no-label></gov-form-checkbox>\n</div>\n<div>\n\t<gov-form-radio size=\"m\" name=\"superRadio2\" value=\"me1\" no-label></gov-form-radio>\n\t<br>\n\t<gov-form-radio size=\"m\" name=\"superRadio2\" value=\"me2\" checked no-label></gov-form-radio>\n</div>\n<div>\n\t<gov-form-switch size=\"m\" name=\"test-me\" value=\"me2\" checked no-label></gov-form-switch>\n</div>\n<br><br>\n<gov-form-checkbox size=\"m\" name=\"test-me-c\" value=\"me\" checked>\n\t<gov-form-label size=\"m\" slot=\"label\">Souhlasím</gov-form-label>\n</gov-form-checkbox>\n<gov-form-radio size=\"m\" name=\"superRadio\" value=\"me1\">\n\t<gov-form-label size=\"m\" slot=\"label\">Souhlasím</gov-form-label>\n</gov-form-radio>\n<gov-form-radio size=\"m\" name=\"superRadio\" value=\"me2\" checked>\n\t<gov-form-label size=\"m\" slot=\"label\">Souhlasím</gov-form-label>\n</gov-form-radio>\n<gov-form-switch size=\"m\" name=\"test-me\" value=\"me2\" checked>\n\t<gov-form-label size=\"m\" slot=\"label\">Souhlasím</gov-form-label>\n</gov-form-switch>\n\n<br><br>\n\n\n\n<h2 id=\"input\">Input</h2>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input XS</gov-form-label>\n\t<gov-form-group gap=\"xs\">\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input S</gov-form-label>\n\t<gov-form-group gap=\"s\">\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input M</gov-form-label>\n\t<gov-form-group gap=\"m\">\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" required=\"true\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input 3333 L</gov-form-label>\n\t<gov-form-group gap=\"l\">\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input XL</gov-form-label>\n\t<gov-form-group gap=\"xl\">\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Prefix / sufix</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\">\n\t\t\t<p slot=\"prefix\">$</p>\n\t\t\t<p slot=\"sufix\">Kč</p>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\">\n\t\t\t<p slot=\"prefix\">$</p>\n\t\t\t<p slot=\"sufix\">Kč</p>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\">\n\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\">\n\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\">\n\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Left icon</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Right icon</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\">\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\">\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\">\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"l\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\">\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xl\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\">\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Success</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\" success=\"true\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\" success=\"true\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" success=\"true\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\" success=\"True\">\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\" success=\"1\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Error</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\" invalid=\"true\" invalid=\"true\"></gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\" invalid=\"true\"></gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" invalid=\"true\"></gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\" invalid=\"true\">\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\" invalid=\"true\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control size=\"xs\" type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\" disabled>\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control size=\"m\" type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\" disabled>\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control size=\"m\" type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" disabled required>\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\" disabled=\"True\">\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\" disabled=\"1\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<br><br>\n\n\n\n<h3 id=\"containing-input\">Password power</h3>\n<gov-form-password-power power=\"0\"></gov-form-password-power>\n<gov-form-password-power power=\"1\">slabé</gov-form-password-power>\n<gov-form-password-power power=\"2\">střední</gov-form-password-power>\n<gov-form-password-power power=\"3\">silné</gov-form-password-power>\n\n<br><br>\n\n\n\n<h3>Password input</h3>\n<div style=\"width: 400px\">\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Heslo</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" size=\"m\" input-type=\"password\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"gear\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n\t<gov-form-password-power power=\"2\">střední</gov-form-password-power>\n</gov-form-control>\n</div>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Heslo</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" size=\"m\" input-type=\"password\">\n\t\t</gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"x-lg\"></gov-icon>\n\t\tPodmínka\n\t</gov-form-message>\n\t<gov-form-message slot=\"bottom\" color=\"success\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"check-lg\"></gov-icon>\n\t\tPodmínka\n\t</gov-form-message>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"x-lg\"></gov-icon>\n\t\tPodmínka\n\t</gov-form-message>\n\t<gov-form-message slot=\"bottom\" color=\"success\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"check-lg\"></gov-icon>\n\t\tPodmínka\n\t</gov-form-message>\n</gov-form-control>\n\n<br><br>\n\n\n\n<h2>Textarea</h2>\n<h3>Default</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"xs\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"s\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t\t<gov-icon slot=\"icon-start\" name=\"geo-alt-fill\"></gov-icon>\n\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"m\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"l\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"l\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xl\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"xl\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\" required>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"m\" required multiline rows=\"3\" name=\"test-me\" value=\"Value of textarea\" invalid=\"TRUE\"></gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"m\" multiline rows=\"3\" name=\"test-me\" disabled required value=\"Value of textarea\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<br><br>\n\n\n\n<h2>Date & Time input (nativní)</h2>\n<gov-form-input size=\"xs\" placeholder=\"Co hledáte\" input-type=\"datetime-local\"></gov-form-input>\n<br>\n<gov-form-input size=\"s\" placeholder=\"Co hledáte\" input-type=\"date\"></gov-form-input>\n<br>\n<gov-form-input size=\"m\" placeholder=\"Co hledáte\" input-type=\"datetime-local\"></gov-form-input>\n<br>\n<gov-form-input size=\"l\" placeholder=\"Co hledáte\" input-type=\"date\"></gov-form-input>\n<br>\n<gov-form-input size=\"xl\" placeholder=\"Co hledáte\" input-type=\"time\"></gov-form-input>\n\n<br><br>\n\n\n\n<h2>Search</h2>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-search name=\"test-me-c\" value=\"me\" size=\"s\" color=\"primary\">\n\t\t\t<gov-form-input slot=\"input\" name=\"test-me\" size=\"s\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t<gov-button slot=\"button\" size=\"xs\" color=\"primary\" type=\"solid\">\n\t\t\t\tHledat\n\t\t\t</gov-button>\n\t\t</gov-form-search>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-search name=\"test-me-c\" value=\"me\" checked size=\"m\" color=\"primary\">\n\t\t\t<gov-form-input slot=\"input\" size=\"m\" name=\"test-me\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t<gov-button slot=\"button\" color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\tHledat\n\t\t\t</gov-button>\n\t\t</gov-form-search>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-search name=\"test-me-d\" checked size=\"m\" color=\"neutral\">\n\t<gov-form-control>\n\t\t<gov-form-group>\n\t\t\t<gov-form-input slot=\"input\" size=\"m\" name=\"test-me-d\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t</gov-form-group>\n\t</gov-form-control>\n\t<gov-button slot=\"button\" color=\"primary\" size=\"s\" type=\"solid\">\n\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t</gov-button>\n</gov-form-search>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-search name=\"test-me-c\" value=\"me\" size=\"l\" color=\"neutral\">\n\t\t\t<gov-form-input slot=\"input\" name=\"test-me\" size=\"l\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t<gov-button slot=\"button-erase\" size=\"m\" color=\"neutral\" type=\"base\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button slot=\"button\" size=\"m\" color=\"neutral\" type=\"solid\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"search\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-form-search>\n\t</gov-form-group>\n</gov-form-control>\n\n<br><br>\n\n\n\n<h2>Autocomplete</h2>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"xs\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"xs\">\n\t\t\t<gov-icon name=\"search\" slot=\"icon-end\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"s\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"s\" invalid=\"true\" required=\"true\">\n\t\t\t<gov-icon name=\"search\" slot=\"icon-end\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"m\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"m\" success=\"true\" required=\"true\">\n\t\t\t<gov-icon name=\"search\" slot=\"icon-end\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"l\" disabled=\"1\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"l\" disabled=\"true\" required>\n\t\t\t<gov-icon name=\"search\" slot=\"icon-end\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"xl\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"xl\" invalid=\"true\" required=\"true\">\n\t\t\t<gov-icon name=\"search\" slot=\"icon-end\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<br><br>\n\n\n\n<h2>File</h2>\n<h3>Default</h3>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file size=\"m\" id=\"test-me-ujo\" display-attachments=\"true\" multiple accept=\".pdf,.jpg,.png,.jpeg\" max-file-size=\"616448\" required=\"true\">\n\t\t\t<p>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"m\" tabindex=\"-1\">\n\t\t\t\t\t<gov-icon type=\"components\" name=\"search\"></gov-icon>\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file name=\"test-me-c\" disabled required=\"true\">\n\t\t\t<p aria-hidden=\"true\">\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"s\" tabindex=\"-1\" disabled>\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"upload\"></gov-icon>\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file name=\"test-me-c\" invalid required=\"true\">\n\t\t\t<p>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"m\" tabindex=\"-1\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"upload\"></gov-icon>\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t</gov-form-file>\n\t\t<p style=\"margin-top: 6px;\">\n\t\t\tPodporované formáty XML, PDF, DOC\n\t\t</p>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n\n<h3>Expanded</h3>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file expanded name=\"test-me-c\" required>\n\t\t\t<p>\n\t\t\t\tPřetáhněte soubor nebo\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"m\" tabindex=\"-1\">\n\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file expanded name=\"test-me-c\" disabled aria-label=\"Tohle je husty\" required>\n\t\t\t<p>\n\t\t\t\tPřetáhněte soubor nebo\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<gov-button disabled color=\"primary\" type=\"outlined\" size=\"m\" tabindex=\"-1\">\n\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file expanded name=\"test-me-c\" invalid required>\n\t\t\t<p>\n\t\t\t\tPřetáhněte soubor nebo\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"m\" tabindex=\"-1\">\n\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<br><br>\n\n\n\n<h2 id=\"select\">Select</h2>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\" required>\n\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\">\n\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Prefix / sufix</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Success</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\" success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\" success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\" success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\" success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\" success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\" disabled>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\" disabled>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\" disabled>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\" disabled=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\" disabled=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<br><br>\n\n\n\n<h2>Multiselect</h2>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"xs\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"xs\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"neutral\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"s\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"s\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" required>\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"neutral\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"m\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"m\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" required invalid=\"true\">\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"l\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"l\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" success=\"true\">\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"xl\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"xl\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" disabled>\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"neutral\" size=\"xl\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<h3>Prefix/sufix</h3>\n<gov-form-multi-select size=\"s\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t<span slot=\"prefix\">$</span>\n\t<span slot=\"sufix\">Kč</span>\n\t<option value>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\" selected>Value D</option>\n\t<option value=\"e\">Value E</option>\n\t<option value=\"f\">Value F</option>\n\t<option value=\"g\">Value G</option>\n\t<option value=\"h\">Value H</option>\n\t<option value=\"i\" selected>Value I</option>\n</gov-form-multi-select>\n<br>\n<gov-form-multi-select size=\"m\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" invalid=\"true\">\n\t<span slot=\"prefix\">$</span>\n\t<span slot=\"sufix\">Kč</span>\n\t<option value>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\" selected>Value D</option>\n\t<option value=\"e\">Value E</option>\n\t<option value=\"f\">Value F</option>\n\t<option value=\"g\">Value G</option>\n\t<option value=\"h\">Value H</option>\n\t<option value=\"i\" selected>Value I</option>\n</gov-form-multi-select>\n<br>\n<gov-form-multi-select size=\"l\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" success=\"true\">\n\t<span slot=\"prefix\">$</span>\n\t<span slot=\"sufix\">Kč</span>\n\t<option value>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\" selected>Value D</option>\n\t<option value=\"e\">Value E</option>\n\t<option value=\"f\">Value F</option>\n\t<option value=\"g\">Value G</option>\n\t<option value=\"h\">Value H</option>\n\t<option value=\"i\" selected>Value I</option>\n</gov-form-multi-select>\n<br>\n<gov-form-multi-select size=\"xl\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" disabled>\n\t<span slot=\"prefix\">$</span>\n\t<span slot=\"sufix\">Kč</span>\n\t<option value>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\" selected>Value D</option>\n\t<option value=\"e\">Value E</option>\n\t<option value=\"f\">Value F</option>\n\t<option value=\"g\">Value G</option>\n\t<option value=\"h\">Value H</option>\n\t<option value=\"i\" selected>Value I</option>\n</gov-form-multi-select>\n\n<br><br>\n\n\n\n<h2 id=\"checkbox\">Checkbox</h2>\n<h3>Gaps</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of word</gov-form-label>\n\t<gov-form-checkbox-group gap=\"xs\" value='[\"me\"]'>\n\t\t<gov-form-checkbox indeterminate name=\"test-me-a\" value=\"me\" size=\"m\" no-label>\n\t\t\t<gov-form-label slot=\"label\" class=\"sr-only\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-a\" value=\"me2\" size=\"m\" no-label>\n\t\t\t<gov-form-label slot=\"label\" class=\"sr-only\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-checkbox-group gap=\"xs\" value='[\"me\", \"me2\"]'>\n\t\t<gov-form-checkbox name=\"test-me-b\" value=\"me\" size=\"xs\" required>\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-b\" value=\"me2\" size=\"xs\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-checkbox-group gap=\"xs\" value='[\"me\", \"me2\"]'>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" required>\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me2\" size=\"s\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-checkbox-group gap=\"xs\" value='[\"me\", \"me2\"]'>\n\t\t<gov-form-checkbox name=\"test-me-d\" value=\"me\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-d\" value=\"me2\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-checkbox-group gap=\"s\" value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-e\" value=\"me\" size=\"l\">\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-e\" value=\"me2\" size=\"l\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-checkbox-group gap=\"m\" value='[\"me2\"]'>\n\t\t<gov-form-checkbox name=\"test-me-f\" value=\"me\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-f\" value=\"me2\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n\n<h3>Default</h3>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-g\" value=\"me\" size=\"xs\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group>\n\t\t<gov-form-checkbox name=\"test-me-h\" value=\"me\" size=\"s\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group>\n\t\t<gov-form-checkbox name=\"test-me-i\" value=\"me\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group>\n\t\t<gov-form-checkbox name=\"test-me-j\" value=\"me\" size=\"l\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-k\" value=\"me\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n\n<h3>With message</h3>\n<gov-form-control>\n\t<gov-form-checkbox-group>\n\t\t<gov-form-checkbox name=\"test-me-l\" value=\"me\" size=\"xs\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-m\" value=\"me\" size=\"s\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" size=\"s\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-n\" value=\"me\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" size=\"m\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-o\" value=\"me\" size=\"l\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" size=\"l\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group>\n\t\t<gov-form-checkbox name=\"test-me-p\" value=\"me\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" size=\"xl\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-q\" value=\"me\" size=\"xs\" invalid=\"true\" required>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\" invalid=\"true\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-r\" value=\"me\" size=\"s\" invalid=\"true\" required>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-s\" value=\"me\" size=\"m\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-t\" value=\"me\" size=\"l\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-u\" value=\"me\" size=\"xl\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control>\n\t<gov-form-checkbox-group>\n\t\t<gov-form-checkbox name=\"test-me-1\" value=\"me\" size=\"xs\" disabled>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group>\n\t\t<gov-form-checkbox name=\"test-me-2\" value=\"me\" size=\"s\" disabled=\"True\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-3\" value=\"me\" size=\"m\" disabled=\"TRUE\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-4\" value=\"me\" size=\"l\" disabled=\"1\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-checkbox-group value='[\"me\"]'>\n\t\t<gov-form-checkbox name=\"test-me-5\" value=\"me\" size=\"xl\" disabled=\"1\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-checkbox-group>\n</gov-form-control>\n\n\n\n\n<h2 id=\"radio\">Radio</h2>\n<h3>Default group</h3>\n<gov-form-control fieldset>\n\t<gov-form-label legend size=\"xs\" slot=\"top\">Seznam skupiny</gov-form-label>\n\t<gov-form-radio-group value=\"me\">\n\t\t<gov-form-radio name=\"test1\" value=\"me\" size=\"xs\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test2\" value=\"me2\" size=\"xs\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"test3\" value=\"me\" size=\"s\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test4\" value=\"me2\" size=\"s\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"test5\" value=\"me\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test6\" value=\"me2\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"test7\" value=\"me\" size=\"l\" required>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test8\" value=\"me2\" size=\"l\" required>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"test9\" value=\"me\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test10\" value=\"me2\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n\n<h3>With message</h3>\n<gov-form-control fieldset>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"message1\" value=\"me\" size=\"xs\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"message2\" value=\"me2\" size=\"xs\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"message3\" value=\"me\" size=\"s\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"message4\" value=\"me2\" size=\"s\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" size=\"s\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"message5\" value=\"me\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"message6\" value=\"me2\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" size=\"m\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"message7\" value=\"me\" size=\"l\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"message8\" value=\"me2\" size=\"l\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" size=\"l\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"message9\" value=\"me\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"message10\" value=\"me2\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" size=\"xl\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"invalid1\" value=\"me\" size=\"xs\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"invalid1\" value=\"me2\" size=\"xs\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"invalid2\" value=\"me\" size=\"s\" invalid=\"true\" required>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"invalid2\" value=\"me2\" size=\"s\" invalid=\"true\" required>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"invalid3\" value=\"me\" size=\"m\" invalid=\"true\" required>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"invalid3\" value=\"me2\" size=\"m\" invalid=\"true\" required>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"invalid4\" value=\"me\" size=\"l\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"invalid4\" value=\"me2\" size=\"l\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"invalid5\" value=\"me\" size=\"xl\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"invalid5\" value=\"me2\" size=\"xl\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"disabled1\" value=\"me\" size=\"xs\" disabled>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"disabled1\" value=\"me2\" size=\"xs\" disabled>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"disabled2\" value=\"me\" size=\"s\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"disabled2\" value=\"me2\" size=\"s\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"disabled3\" value=\"me\" size=\"m\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"disabled3\" value=\"me2\" size=\"m\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"disabled4\" value=\"me\" size=\"l\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"disabled4\" value=\"me2\" size=\"l\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-radio-group value=\"me2\">\n\t\t<gov-form-radio name=\"disabled5\" value=\"me\" size=\"xl\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"disabled5\" value=\"me2\" size=\"xl\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-radio-group>\n</gov-form-control>\n\n\n\n\n\n<h2 id=\"switch\">Switch</h2>\n<h3>Default</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>With message</h3>\n<gov-form-control size=\"xs\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"s\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"s\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"m\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"m\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"l\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"l\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"xl\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"xl\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>With label</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Without label</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked></gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked></gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked></gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked></gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xl\" checked></gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" disabled>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xl\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control size=\"xs\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"xs\" invalid=\"True\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"s\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"s\" invalid=\"TRUE\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"m\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"m\" invalid=\"true\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"l\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"l\" invalid=\"1\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"xl\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"xl\" invalid=\"1\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<h2 id=\"switch\">Theme switch</h2>\n<gov-theme-switch size=\"xs\" label-light=\"Světloulinký\" label-dark=\"Tmavoulinký\" display-label=\"true\"></gov-theme-switch>\n<br>\n<gov-theme-switch size=\"s\" label-light=\"Světloučký\" label-dark=\"Tmavoučký\" display-label=\"true\"></gov-theme-switch>\n<br>\n<gov-theme-switch size=\"m\" label-light=\"Light\" label-dark=\"Dark\" display-label=\"true\"></gov-theme-switch>\n<br>\n<gov-theme-switch size=\"l\" display-label=\"true\"></gov-theme-switch>\n<br>\n<gov-theme-switch size=\"xl\" display-label=\"true\"></gov-theme-switch>\n\n\n\n\n\n<h2 id=\"range\">Range</h2>\n<h3>S</h3>\n<gov-form-control>\n\t<gov-form-label size=\"s\" for=\"range1\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"s\" min=\"0\" max=\"100\" step=\"25\" value=\"50\" name=\"range1\" tooltip list-identifier=\"list2\">\n\t\t\t<div role=\"listbox\" id=\"list2\" slot=\"datalist\">\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" for=\"range2\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"s\" min=\"0\" max=\"100\" step=\"25\" value=\"50\" name=\"range2\" list-identifier=\"list3\" input>\n\t\t\t<div role=\"listbox\" id=\"list3\" slot=\"datalist\" data-list>\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>M</h3>\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range3\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"0\" max=\"100\" step=\"5\" value=\"30\" name=\"range3\" tooltip list-identifier=\"list2\">\n\t\t\t<div role=\"listbox\" id=\"list2\" slot=\"datalist\">\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range4\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"0\" max=\"100\" step=\"5\" value=\"30\" name=\"range4\" list-identifier=\"list3\" input>\n\t\t\t<div role=\"listbox\" id=\"list3\" slot=\"datalist\" data-vertical=\"true\">\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>L</h3>\n<gov-form-control>\n\t<gov-form-label size=\"l\" for=\"range5\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"l\" min=\"0\" max=\"100\" value=\"84\" name=\"range5\" tooltip list-identifier=\"list2\">\n\t\t\t<div role=\"listbox\" id=\"list2\" slot=\"datalist\">\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" for=\"range6\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"l\" min=\"0\" max=\"100\" value=\"84\" name=\"range6\" list-identifier=\"list3\" input>\n\t\t\t<div role=\"listbox\" id=\"list3\" slot=\"datalist\" data-vertical=\"1\">\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n\n<br><br>\n<gov-form-range size=\"m\" min=\"10\" max=\"150\" step=\"10\" value=\"80\"></gov-form-range>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range7\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"1000\" max=\"15000\" step=\"1000\" value=\"1000\" name=\"range7\" tooltip></gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range8\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"10\" max=\"150\" step=\"10\" value=\"100\" name=\"range8\" tooltip>\n\t\t\t<p slot=\"prefix\">Min</p>\n\t\t\t<p slot=\"sufix\">Max</p>\n\t\t</gov-form-range>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"neutral\" size=\"s\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range9\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"0\" max=\"100\" step=\"25\" value=\"50\" name=\"range9\" tooltip list-identifier=\"list\">\n\t\t\t<div role=\"listbox\" id=\"list\" slot=\"datalist\" data-vertical>\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range10\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"0\" max=\"100\" step=\"25\" value=\"50\" name=\"range10\" tooltip list-identifier=\"list2\">\n\t\t\t<div role=\"listbox\" id=\"list2\" slot=\"datalist\">\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range11\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"10\" max=\"150\" step=\"10\" value=\"100\" name=\"range11\" input></gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range12\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"0\" max=\"100\" step=\"25\" value=\"50\" name=\"range12\" list-identifier=\"list3\" input>\n\t\t\t<div role=\"listbox\" id=\"list3\" slot=\"datalist\" data-vertical>\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range13\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"0\" max=\"100\" step=\"25\" value=\"50\" name=\"range13\" list-identifier=\"list4\" input invalid=\"true\">\n\t\t\t<div role=\"listbox\" id=\"list4\" slot=\"datalist\">\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-lg\"></gov-icon>\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" for=\"range14\">Label</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-range size=\"m\" min=\"0\" max=\"100\" step=\"25\" value=\"50\" name=\"range14\" list-identifier=\"list4\" tooltip input disabled=\"true\">\n\t\t\t<div role=\"listbox\" id=\"list4\" slot=\"datalist\">\n\t\t\t\t<span role=\"listitem\" data-value=\"0\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"25\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"50\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"75\">Option</span>\n\t\t\t\t<span role=\"listitem\" data-value=\"100\">Option</span>\n\t\t\t</div>\n\t\t</gov-form-range>\n\t</gov-form-group>\n</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 DELETED Viewed

@@ -1,13 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"FormsRestructure.js","sourceRoot":"","sources":["../../../../../src/pages/FormsRestructure.ts"],"names":[],"mappings":"AAAA,MAAM,oBAAqB,SAAQ,WAAW;IAC7C,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;GAIhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,uBAAuB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC/D,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,oBAAoB,CAAC,CAAA;AACrE,CAAC","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/Grid.js DELETED Viewed

@@ -1,113 +0,0 @@
-class GridPage extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = `
-		<h2>
-			Grid
-		</h2>
-		<style>
-			gov-grid-item {
-				display: block;
-				background: var(--background-neutral-subtle);
-				padding: 10px;
-			}
-		</style>
-		<gov-grid>
-			<gov-grid-item col-span="1">1/12</gov-grid-item>
-			<gov-grid-item col-span="11">11/12</gov-grid-item>
-		</gov-grid>
-		<br>
-		<gov-grid>
-			<gov-grid-item col-span="2">2/12</gov-grid-item>
-			<gov-grid-item col-span="10">10/12</gov-grid-item>
-		</gov-grid>
-		<br>
-		<gov-grid>
-			<gov-grid-item col-span="3">3/12</gov-grid-item>
-			<gov-grid-item col-span="9">9/12</gov-grid-item>
-		</gov-grid>
-		<br>
-		<gov-grid>
-			<gov-grid-item col-span="4">4/12</gov-grid-item>
-			<gov-grid-item col-span="8">8/12</gov-grid-item>
-		</gov-grid>
-		<br>
-		<gov-grid>
-			<gov-grid-item col-span="5">5/12</gov-grid-item>
-			<gov-grid-item col-span="7">7/12</gov-grid-item>
-		</gov-grid>
-		<br>
-		<gov-grid>
-			<gov-grid-item col-span="6">6/12</gov-grid-item>
-			<gov-grid-item col-span="6">6/12</gov-grid-item>
-		</gov-grid>
-		<h2>Responsive grid</h2>
-		<gov-grid gap="m">
-			<gov-grid-item col-span="12" col-span-sm="6" col-span-md="4" col-span-lg="3" col-span-xl="2">Cell 1</gov-grid-item>
-			<gov-grid-item col-span="12" col-span-sm="6" col-span-md="4" col-span-lg="3" col-span-xl="2">Cell 2</gov-grid-item>
-			<gov-grid-item col-span="12" col-span-sm="6" col-span-md="4" col-span-lg="3" col-span-xl="2">Cell 3</gov-grid-item>
-			<gov-grid-item col-span="12" col-span-sm="6" col-span-md="4" col-span-lg="3" col-span-xl="2">Cell 4</gov-grid-item>
-			<gov-grid-item col-span="12" col-span-sm="6" col-span-md="4" col-span-lg="3" col-span-xl="2">Cell 5</gov-grid-item>
-			<gov-grid-item col-span="12" col-span-sm="6" col-span-md="4" col-span-lg="3" col-span-xl="2">Cell 6</gov-grid-item>
-		</gov-grid>
-		<h2>Vertical (Y) align</h2>
-		<gov-grid align-items="start">
-			<gov-grid-item col-span="4">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</gov-grid-item>
-			<gov-grid-item col-span="4">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </gov-grid-item>
-			<gov-grid-item col-span="4">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</gov-grid-item>
-		</gov-grid>
-		<br>
-		<gov-grid align-items="center">
-			<gov-grid-item col-span="4">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</gov-grid-item>
-			<gov-grid-item col-span="4">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </gov-grid-item>
-			<gov-grid-item col-span="4">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</gov-grid-item>
-		</gov-grid>
-		<br>
-		<gov-grid align-items="end">
-			<gov-grid-item col-span="4">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</gov-grid-item>
-			<gov-grid-item col-span="4">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </gov-grid-item>
-			<gov-grid-item col-span="4">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</gov-grid-item>
-		</gov-grid>
-		<br>
-		<h2>Horizontal (X) align</h2>
-		<gov-grid justify-items="start">
-			<gov-grid-item col-span="12">start</gov-grid-item>
-			<gov-grid-item col-span="12">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet.</gov-grid-item>
-		</gov-grid>
-		<br>
-		<gov-grid justify-items="center">
-			<gov-grid-item col-span="12">center</gov-grid-item>
-			<gov-grid-item col-span="12">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet.</gov-grid-item>
-		</gov-grid>
-		<br>
-		<gov-grid justify-items="end">
-			<gov-grid-item col-span="12">end</gov-grid-item>
-			<gov-grid-item col-span="12">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet.</gov-grid-item>
-		</gov-grid>
-		<h2>Merged elements</h2>
-		<gov-grid gap="xl">
-			<gov-grid-item col-span="6" row-span="2">Velká přes 4<br><br></gov-grid-item>
-			<gov-grid-item col-span="6">Menší 2 horní<br><br></gov-grid-item>
-			<gov-grid-item col-span="6">Menší 2 dolní<br><br></gov-grid-item>
-		</gov-grid>
-		<br>
-		<h3>Responsive</h3>
-		<gov-grid gap="xl">
-			<gov-grid-item col-span="12" col-span-md="6" col-span-xl="3" row-span-md="2" row-span-xl="2">1. Velká přes 2 na výšku<br><br>1. Velká přes 2 na výšku<br><br></gov-grid-item>
-			<gov-grid-item col-span="12" col-span-md="6" col-span-xl="3">1. Malá<br><br></gov-grid-item>
-			<gov-grid-item col-span="12" col-span-md="6" col-span-xl="3" row-span-md="2" row-span-xl="3">Velká přes 3 na výšku<br><br>Velká přes 3 na výšku<br><br>Velká přes 3 na výšku<br><br>Velká přes 3 na výšku<br><br>Velká přes 3 na výšku<br><br></gov-grid-item>
-			<gov-grid-item col-span="12" col-span-md="6" col-span-xl="3">2. Malá<br><br></gov-grid-item>
-			<gov-grid-item col-span="12" col-span-md="6" col-span-xl="3">3. Malá<br><br></gov-grid-item>
-			<gov-grid-item col-span="12" col-span-md="6" col-span-xl="3" row-span-md="2" row-span-xl="2">2. Velká přes 2 na výšku<br><br>2. Velká přes 2 na výšku<br><br></gov-grid-item>
-			<gov-grid-item col-span="12" col-span-md="12" col-span-xl="6">Velká přes 2 na šířku<br><br>Velká přes 2 na šířku Velká přes 2 na šířku Velká přes 2 na šířku Velká přes 2 na šířku</gov-grid-item>
-		</gov-grid>
-			`;
-    }
-}
-if (customElements.get('grid-page') === undefined) {
-    customElements.define('grid-page', GridPage);
-}
-//# sourceMappingURL=Grid.js.map

package/dist/collection/pages/Grid.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../../src/pages/Grid.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwGf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class GridPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tGrid\n\t\t</h2>\n\t\t<style>\n\t\t\tgov-grid-item {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: var(--background-neutral-subtle);\n\t\t\t\tpadding: 10px;\n\t\t\t}\n\t\t</style>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item col-span=\"1\">1/12</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"11\">11/12</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item col-span=\"2\">2/12</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"10\">10/12</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item col-span=\"3\">3/12</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"9\">9/12</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item col-span=\"4\">4/12</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"8\">8/12</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item col-span=\"5\">5/12</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"7\">7/12</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item col-span=\"6\">6/12</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"6\">6/12</gov-grid-item>\n\t\t</gov-grid>\n\n\t\t<h2>Responsive grid</h2>\n\t\t<gov-grid gap=\"m\">\n\t\t\t<gov-grid-item col-span=\"12\" col-span-sm=\"6\" col-span-md=\"4\" col-span-lg=\"3\" col-span-xl=\"2\">Cell 1</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-sm=\"6\" col-span-md=\"4\" col-span-lg=\"3\" col-span-xl=\"2\">Cell 2</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-sm=\"6\" col-span-md=\"4\" col-span-lg=\"3\" col-span-xl=\"2\">Cell 3</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-sm=\"6\" col-span-md=\"4\" col-span-lg=\"3\" col-span-xl=\"2\">Cell 4</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-sm=\"6\" col-span-md=\"4\" col-span-lg=\"3\" col-span-xl=\"2\">Cell 5</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-sm=\"6\" col-span-md=\"4\" col-span-lg=\"3\" col-span-xl=\"2\">Cell 6</gov-grid-item>\n\t\t</gov-grid>\n\n\t\t<h2>Vertical (Y) align</h2>\n\t\t<gov-grid align-items=\"start\">\n\t\t\t<gov-grid-item col-span=\"4\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"4\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"4\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-items=\"center\">\n\t\t\t<gov-grid-item col-span=\"4\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"4\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"4\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-items=\"end\">\n\t\t\t<gov-grid-item col-span=\"4\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"4\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"4\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\n\t\t<h2>Horizontal (X) align</h2>\n\t\t<gov-grid justify-items=\"start\">\n\t\t\t<gov-grid-item col-span=\"12\">start</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet.</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid justify-items=\"center\">\n\t\t\t<gov-grid-item col-span=\"12\">center</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet.</gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid justify-items=\"end\">\n\t\t\t<gov-grid-item col-span=\"12\">end</gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\">Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet.</gov-grid-item>\n\t\t</gov-grid>\n\n\t\t<h2>Merged elements</h2>\n\t\t<gov-grid gap=\"xl\">\n\t\t\t<gov-grid-item col-span=\"6\" row-span=\"2\">Velká přes 4<br><br></gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"6\">Menší 2 horní<br><br></gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"6\">Menší 2 dolní<br><br></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<h3>Responsive</h3>\n\t\t<gov-grid gap=\"xl\">\n\t\t\t<gov-grid-item col-span=\"12\" col-span-md=\"6\" col-span-xl=\"3\" row-span-md=\"2\" row-span-xl=\"2\">1. Velká přes 2 na výšku<br><br>1. Velká přes 2 na výšku<br><br></gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-md=\"6\" col-span-xl=\"3\">1. Malá<br><br></gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-md=\"6\" col-span-xl=\"3\" row-span-md=\"2\" row-span-xl=\"3\">Velká přes 3 na výšku<br><br>Velká přes 3 na výšku<br><br>Velká přes 3 na výšku<br><br>Velká přes 3 na výšku<br><br>Velká přes 3 na výšku<br><br></gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-md=\"6\" col-span-xl=\"3\">2. Malá<br><br></gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-md=\"6\" col-span-xl=\"3\">3. Malá<br><br></gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-md=\"6\" col-span-xl=\"3\" row-span-md=\"2\" row-span-xl=\"2\">2. Velká přes 2 na výšku<br><br>2. Velká přes 2 na výšku<br><br></gov-grid-item>\n\t\t\t<gov-grid-item col-span=\"12\" col-span-md=\"12\" col-span-xl=\"6\">Velká přes 2 na šířku<br><br>Velká přes 2 na šířku Velká přes 2 na šířku Velká přes 2 na šířku Velká přes 2 na šířku</gov-grid-item>\n\t\t</gov-grid>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('grid-page') === undefined) {\n\tcustomElements.define('grid-page', GridPage)\n}\n"]}