@gov-design-system-ce/components 4.2.5 → 4.2.7

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAynEhB,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-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=\"false\" 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=\"basic\" 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\" 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\">\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\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\">\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\">\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\">\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>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"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAopEhB,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-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=\"false\" 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"]}