@gov-design-system-ce/components 4.0.8-rc22 → 4.1.0-rc02

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,MAAM,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAiC,CAAA;gBACxE,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAoC,CAAA;gBAE/E,IAAG,EAAE,EAAE,CAAC;oBACP,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,IAAG,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAA,CAAA,CAAC,CAAC,CAAA;gBACrF,CAAC;gBACD,IAAG,IAAI,EAAE,CAAC;oBACT,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,IAAG,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,CAAC,CAAC,CAAA,CAAA,CAAC,CAAC,CAAA;gBAChG,CAAC;gBACD,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,GAAG,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,CAAC,CAAA;4BAC5C,CAAC,CAAC,CAAA;4BACF,YAAY,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;wBAC9B,CAAC,CAAC,CAAA;oBACH,CAAC,CAAC,CAAA;oBACF,yGAAyG;oBAGzG,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,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;oBAEhD,IAAI,CAAC,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE;4BAC/E,KAAK,EAAE,GAAG;4BACV,KAAK,EAAE,SAAS;4BAChB,QAAQ,EAAE,IAAI;yBACd,CAAC,CAAA;oBACF,UAAU,CAAC,GAAG,EAAE;wBACf,IAAI,CAAC,KAAK,GAAG,GAAG,CAAA;wBAEhB,IAAI,CAAC,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE;gCAC/E,KAAK,EAAE,GAAG;gCACV,KAAK,EAAE,SAAS;6BAChB,CAAC,CAAA;oBACH,CAAC,EAAE,IAAI,CAAC,CAAA;gBACT,CAAC;gBAED,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;gBAClD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBACvD,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;gBAChC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,sBAAsB,CAAC,CAAC;gBAC1D,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,GAAG,EAAE;oBAC3C,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;gBACzB,CAAC,CAAC,CAAA;gBACF,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;YACtB,CAAC,EAAE,IAAI,CAAC,CAAA;QACT,CAAC,CAAC,EAAE,CAAA;QACJ,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA++ChB,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\tconst pv = document.getElementById('pv') as HTMLGovFormRadioGroupElement\n\t\t\t\tconst pvch = document.getElementById('pvch') as HTMLGovFormCheckboxGroupElement\n\n\t\t\t\tif(pv) {\n\t\t\t\t\tpv.addEventListener('gov-change', function (e) {console.log(\"pvval propagated\", e)})\n\t\t\t\t}\n\t\t\t\tif(pvch) {\n\t\t\t\t\tpvch.addEventListener('gov-change', function (e) {console.log(\"pvval checkbox propagated\", e)})\n\t\t\t\t}\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\t// ms.setOptions([{value: 'a', name: 'Aneta'}, {value: 'b', name: 'Beata'}, {value: 't', name: '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.addEventListener('gov-change', console.log)\n\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\n\n<div id=\"selected\" style=\"border: 1px solid blue\"></div>\n<div id=\"moje-id\"></div>\n\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Multiselect</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-multi-select name=\"test-me\" size=\"xl\" id=\"poleno\">\n\t\t\t\t\t</gov-form-multi-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím A je to?</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select  value=\"e\" name=\"test-me\" size=\"xl\" id=\"moja\">\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<h2>\n\t\t\t\tSamostatné použití\n\t\t\t</h2>\n\t\t\t<gov-form-input placeholder=\"Co hledáte\" variant=\"primary\">\n\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t</gov-form-input>\n\t\t\t<br>\n\t\t\t<gov-form-select size=\"l\" name=\"test-me\" invalid=\"true\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<br>\n\t\t\t<gov-form-select size=\"l\" name=\"test-me\" success=\"true\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<br>\n\t\t\t<gov-form-multi-select size=\"s\" id=\"ba\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t<option value>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t\t<option value=\"e\">Value E</option>\n\t\t\t\t<option value=\"f\">Value F</option>\n\t\t\t\t<option value=\"g\">Value G</option>\n\t\t\t\t<option value=\"h\">Value H</option>\n\t\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t\t</gov-form-multi-select>\n\t\t\t<br>\n\t\t\t<gov-form-multi-select size=\"m\" id=\"ba\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t<option value>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t\t<option value=\"e\">Value E</option>\n\t\t\t\t<option value=\"f\">Value F</option>\n\t\t\t\t<option value=\"g\">Value G</option>\n\t\t\t\t<option value=\"h\">Value H</option>\n\t\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t\t</gov-form-multi-select>\n\t\t\t<br>\n\t\t\t<gov-form-multi-select size=\"l\" id=\"ba\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t<option value>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t\t<option value=\"e\">Value E</option>\n\t\t\t\t<option value=\"f\">Value F</option>\n\t\t\t\t<option value=\"g\">Value G</option>\n\t\t\t\t<option value=\"h\">Value H</option>\n\t\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t\t</gov-form-multi-select>\n\t\t\t<br>\n\t\t\t<gov-form-multi-select size=\"xl\" id=\"ba\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t<option value>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t\t<option value=\"e\">Value E</option>\n\t\t\t\t<option value=\"f\">Value F</option>\n\t\t\t\t<option value=\"g\">Value G</option>\n\t\t\t\t<option value=\"h\">Value H</option>\n\t\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t\t</gov-form-multi-select>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-multi-select size=\"xl\" id=\"ba\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" invalid=\"true\">\n\t\t\t\t<option value>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t\t<option value=\"e\">Value E</option>\n\t\t\t\t<option value=\"f\">Value F</option>\n\t\t\t\t<option value=\"g\">Value G</option>\n\t\t\t\t<option value=\"h\">Value H</option>\n\t\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t\t</gov-form-multi-select>\n\t\t\t<br>\n\t\t\t<gov-form-multi-select size=\"xl\" id=\"ba\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" success=\"true\">\n\t\t\t\t<option value>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t\t<option value=\"e\">Value E</option>\n\t\t\t\t<option value=\"f\">Value F</option>\n\t\t\t\t<option value=\"g\">Value G</option>\n\t\t\t\t<option value=\"h\">Value H</option>\n\t\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t\t</gov-form-multi-select>\n\t\t\t<br>\n\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked no-label></gov-form-checkbox>\n\t\t\t<gov-form-radio name=\"superRadio2\" value=\"me1\" no-label></gov-form-radio>\n\t\t\t<br>\n\t\t\t<gov-form-radio name=\"superRadio2\" value=\"me2\" checked no-label></gov-form-radio>\n\t\t\t<gov-form-switch name=\"test-me\" value=\"me2\" checked no-label></gov-form-switch>\n\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" checked>\n\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t</gov-form-checkbox>\n\t\t\t<gov-form-radio name=\"superRadio\" value=\"me1\">\n\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t</gov-form-radio>\n\t\t\t<gov-form-radio name=\"superRadio\" value=\"me2\" checked>\n\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t</gov-form-radio>\n\t\t\t<gov-form-switch name=\"test-me\" value=\"me2\" checked>\n\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t</gov-form-switch>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>\n\t\t\t\tDate & Time input (nativní)\n\t\t\t</h2>\n\t\t\t<gov-form-input size=\"m\" placeholder=\"Co hledáte\" input-type=\"datetime-local\"></gov-form-input>\n\t\t\t<br>\n\t\t\t<gov-form-input size=\"l\" placeholder=\"Co hledáte\" input-type=\"date\"></gov-form-input>\n\t\t\t<br>\n\t\t\t<gov-form-input size=\"xl\" placeholder=\"Co hledáte\" input-type=\"time\"></gov-form-input>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>Search</h2>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-search name=\"test-me-c\" value=\"me\" variant=\"secondary\">\n\t\t\t\t\t\t<gov-form-input slot=\"input\" id=\"kapr\" name=\"test-me\" size=\"m\" variant=\"secondary\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t\t\t\t<gov-button slot=\"button\" variant=\"primary\" size=\"m\" type=\"solid\">\n\t\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"search\"></gov-icon>\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</gov-form-search>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-search name=\"test-me-c\" value=\"me\" variant=\"primary\">\n\t\t\t\t\t\t<gov-form-input slot=\"input\" id=\"kapr\" name=\"test-me\" size=\"l\" variant=\"secondary\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t\t\t\t<gov-button slot=\"button\" variant=\"primary\" size=\"l\" type=\"solid\">\n\t\t\t\t\t\t\tHledat\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</gov-form-search>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-search name=\"test-me-c\" value=\"me\"checked variant=\"secondary\">\n\t\t\t\t\t\t<gov-form-input slot=\"input\" id=\"kapr\" size=\"xl\" variant=\"secondary\" name=\"test-me\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t\t\t\t<gov-button slot=\"button\" variant=\"secondary\" size=\"xl\" type=\"solid\">\n\t\t\t\t\t\t\tHledat\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</gov-form-search>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>File</h2>\n\t\t\t<div class=\"container-view\">\n\t\t\t<h3>Normal 2</h3>\n\t\t\t\t<gov-form-control>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file id=\"test-me-ujo\" display-attachments=\"false\" multiple accept=\".pdf,.jpg,.png,.jpeg\" max-file-size=\"616448\">\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" tabindex=\"-1\">\n\t\t\t\t\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t\t<gov-form-control>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file name=\"test-me-c\">\n\t\t\t\t\t\t\t<p aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"upload\"></gov-icon>\n\t\t\t\t\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t\t<gov-form-control>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file name=\"test-me-c\" invalid>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"upload\"></gov-icon>\n\t\t\t\t\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\t\tRequired\n\t\t\t\t\t</gov-form-message>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\n\t\t\t\t<h3>Expanded</h3>\n\t\t\t\t<gov-form-control>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file expanded name=\"test-me-c\">\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tPřetáhněte soubor nebo\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\tNahrajte ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t\t<gov-form-control disabled>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file expanded name=\"test-me-c\" disabled>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tPřetáhněte soubor nebo\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button disabled variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t\t<gov-form-control invalid>\n\t\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t\t\t\t\t<gov-form-group>\n\t\t\t\t\t\t<gov-form-file expanded name=\"test-me-c\" invalid>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tPřetáhněte soubor nebo\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\">\n\t\t\t\t\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p class=\"gov-text--s\">\n\t\t\t\t\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</gov-form-file>\n\t\t\t\t\t</gov-form-group>\n\t\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\t\tRequired\n\t\t\t\t\t</gov-form-message>\n\t\t\t\t</gov-form-control>\n\t\t\t\t<br>\n\t\t\t</div>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>Multiselect</h2>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label slot=\"top\">Multiselect</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-multi-select id=\"ba\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t\t\t\t\t\t<option value>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t\t\t\t<option value=\"e\">Value E</option>\n\t\t\t\t\t\t<option value=\"f\">Value F</option>\n\t\t\t\t\t\t<option value=\"g\">Value G</option>\n\t\t\t\t\t\t<option value=\"h\">Value H</option>\n\t\t\t\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t\t\t\t</gov-form-multi-select>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>Autocomplete</h2>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label slot=\"top\">Label of autocomplete</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" id=\"bagr\">\n\t\t\t\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\n\t\t\t\t\t</gov-form-autocomplete>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label slot=\"top\">Label of autocomplete</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" id=\"bagr\" invalid=\"true\">\n\t\t\t\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\n\t\t\t\t\t</gov-form-autocomplete>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control success=\"true\">\n\t\t\t\t<gov-form-label slot=\"top\">Label of autocomplete</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" id=\"bagr\" success=\"true\">\n\t\t\t\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\n\t\t\t\t\t</gov-form-autocomplete>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label slot=\"top\">Label of autocomplete</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" id=\"bagr\" disabled=\"true\">\n\t\t\t\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\n\t\t\t\t\t</gov-form-autocomplete>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>Textarea</h2>\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input required multiline rows=\"3\" name=\"test-me\" value=\"Value of textarea\" invalid=\"TRUE\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input multiline rows=\"3\" name=\"test-me\" disabled value=\"Value of textarea\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>Checkbox</h2>\n\t\t\t<h3>\n\t\t\t\tGaps\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"xs\" slot=\"top\">Label of word</gov-form-label>\n\t\t\t\t<gov-form-group gap=\"2xs\">\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" checked></gov-form-checkbox>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" checked></gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-checkbox-group gap=\"2xs\" id=\"pvch\" value='[\"me\"]'>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" required>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me2\" size=\"xs\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Option 2</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-checkbox-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group gap=\"xs\">\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Option 2</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group gap=\"s\">\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Option 2</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group gap=\"m\">\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Option 2</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" checked invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" checked invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" disabled>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" disabled=\"True\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked disabled=\"TRUE\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked disabled=\"1\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-checkbox>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>Radio</h2>\n\t\t\t<h3>\n\t\t\t\tDefault group\n\t\t\t</h3>\n\t\t\t<gov-form-control fieldset>\n\t\t\t\t\t<gov-form-label legend size=\"s\" slot=\"top\">Seznam skupiny</gov-form-label>\n\t\t\t\t<gov-form-radio-group id=\"pv\" value=\"me\">\n\t\t\t\t\t<gov-form-radio name=\"test1\" value=\"me\" size=\"xs\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test1\" value=\"me2\" size=\"xs\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-radio-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test2\" value=\"me\" size=\"s\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test2\" value=\"me2\" size=\"s\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test3\" value=\"me\" size=\"m\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test3\" value=\"me2\" size=\"m\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test4\" value=\"me\" size=\"l\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test4\" value=\"me2\" size=\"l\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test5\" value=\"me\" size=\"xs\" invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test5\" value=\"me2\" size=\"xs\" checked invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test6\" value=\"me\" size=\"s\" invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test6\" value=\"me2\" size=\"s\" checked invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test7\" value=\"me\" size=\"m\" invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test7\" value=\"me2\" size=\"m\" checked invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test8\" value=\"me\" size=\"l\" invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test8\" value=\"me2\" size=\"l\" checked invalid=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test9\" value=\"me\" size=\"xs\" disabled>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test9\" value=\"me2\" size=\"xs\" checked disabled>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test10\" value=\"me\" size=\"s\" disabled=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test10\" value=\"me2\" size=\"s\" checked disabled=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test11\" value=\"me\" size=\"m\" disabled=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test11\" value=\"me2\" size=\"m\" checked disabled=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<br>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-radio name=\"test12\" value=\"me\" size=\"l\" disabled=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 1</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t\t<gov-form-radio name=\"test12\" value=\"me2\" size=\"l\" checked disabled=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Value 2</gov-form-label>\n\t\t\t\t\t</gov-form-radio>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>Select</h2>\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"s\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"l\">\n\t\t\t\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"xl\">\n\t\t\t\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tPrefix / sufix\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"l\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"l\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tSuccess\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"s\" success=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"m\" success=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"l\" success=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"xl\" success=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"s\" invalid=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"m\" invalid=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"l\" invalid=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"xl\" invalid=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"s\" disabled>\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"m\" disabled>\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"m\" disabled=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-select name=\"test-me\" size=\"l\" disabled=\"true\">\n\t\t\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t\t\t</gov-form-select>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>Input</h2>\n\t\t\t<h3>\n\t\t\t\tPrimary\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"primary\" size=\"s\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"primary\" size=\"m\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input 3333</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" variant=\"primary\" size=\"l\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" variant=\"primary\" size=\"xl\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tSecondary\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"secondary\" size=\"s\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"secondary\" size=\"m\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input 3333</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" variant=\"secondary\" size=\"l\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" variant=\"secondary\" size=\"xl\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tPrefix / sufix\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\">\n\t\t\t\t\t\t<p slot=\"prefix\">$</p>\n\t\t\t\t\t\t<p slot=\"sufix\">Kč</p>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"l\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"xl\">\n\t\t\t\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tLeft icon\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"l\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"xl\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tRight icon\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"l\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"xl\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tSuccess\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\" success=\"true\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" success=\"true\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"l\" success=\"True\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"xl\" success=\"1\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\" invalid=\"true\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" invalid=\"true\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"l\" invalid=\"true\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"xl\" invalid=\"true\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control size=\"m\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\" disabled>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control size=\"m\" type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" disabled>\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"l\" disabled=\"True\">\n\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"input\" id=\"metro2\">\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input id=\"kapr\" name=\"test-me\" value=\"Value of input\" size=\"xl\" disabled=\"1\">\n\t\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h3>\n\t\t\t\tPassword power\n\t\t\t</h3>\n\t\t\t<gov-form-password-power power=\"0\"></gov-form-password-power>\n\t\t\t<gov-form-password-power power=\"1\">slabé</gov-form-password-power>\n\t\t\t<gov-form-password-power power=\"2\">střední</gov-form-password-power>\n\t\t\t<gov-form-password-power power=\"3\">silné</gov-form-password-power>\n\n\n\t\t\t<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n\t\t\t<h2>Switch</h2>\n\t\t\t<h3>\n\t\t\t\tDefault\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tWith message\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t\t<gov-form-message slot=\"bottom\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\t\t\t\tRequired\n\t\t\t\t</gov-form-message>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tWith label\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of toggle</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Label of toggle</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of toggle</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-label size=\"m\" slot=\"top\">Label of toggle</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tDisabled\n\t\t\t</h3>\n\t\t\t<gov-form-control type=\"switch\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" disabled>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"switch\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" disabled=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"switch\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked disabled=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control type=\"switch\">\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked disabled=\"true\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\n\t\t\t<h3>\n\t\t\t\tInvalid\n\t\t\t</h3>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"xs\" invalid=\"True\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"s\" invalid=\"TRUE\">\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"m\" invalid=\"true\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t\t<gov-form-control>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"l\" invalid=\"1\" checked>\n\t\t\t\t\t\t<gov-form-label slot=\"label\">Souhlasím</gov-form-label>\n\t\t\t\t\t</gov-form-switch>\n\t\t\t\t</gov-form-group>\n\t\t\t</gov-form-control>\n\t\t`\n\t}\n}\n\nif (customElements.get('forms-page') === undefined) {\n\tcustomElements.define('forms-page', FormsPage)\n}\n"]}
+{"version":3,"file":"Forms.js","sourceRoot":"","sources":["../../../../../src/pages/Forms.ts"],"names":[],"mappings":"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","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</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=\"right-icon\" name=\"info\"></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\"></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=\"left-icon\" name=\"info\"></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=\"left-icon\" name=\"info\"></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=\"left-icon\" name=\"info\"></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=\"left-icon\" name=\"info\"></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=\"left-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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=\"left-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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=\"left-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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>\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></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=\"right-icon\" name=\"info\"></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=\"left-icon\" name=\"info\"></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\" invalid=\"true\">\n\t\t\t<gov-icon slot=\"left-icon\" 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=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></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\">\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 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 multiline rows=\"3\" name=\"test-me\" disabled 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=\"s\" 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=\"m\" 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\">\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=\"l\" color=\"neutral\" type=\"base\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button slot=\"button\" size=\"l\" color=\"neutral\" type=\"solid\">\n\t\t\t\t<gov-icon slot=\"left-icon\" 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=\"right-icon\" />\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\">\n\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\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\">\n\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\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\">\n\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\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\">\n\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\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\">\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>\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=\"left-icon\" 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>\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=\"left-icon\" 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\">\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\">\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>\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\">\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\">\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\" 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-group gap=\"xs\">\n\t\t<gov-form-checkbox indeterminate name=\"test-me-c\" value=\"me\" size=\"m\" no-label checked>\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-c\" value=\"me\" 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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"xs\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" required checked>\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=\"me\" size=\"xs\" checked>\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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"xs\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" required checked>\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=\"me\" size=\"s\" checked>\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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"xs\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked>\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=\"me\" size=\"m\" checked>\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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"s\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked>\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=\"me\" size=\"l\" checked>\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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"m\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xl\" checked>\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=\"me\" size=\"xl\" checked>\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-group>\n</gov-form-control>\n\n<h3>Default</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>With message</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\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>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\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>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\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>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\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>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\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>Invalid</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" checked invalid=\"true\">\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-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-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" checked invalid=\"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-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-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked 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-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-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked 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-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-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xl\" checked 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-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-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" 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-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked 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-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xl\" checked 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-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-group>\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\" checked>\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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\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\" checked>\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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\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\" checked>\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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test7\" 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=\"test8\" value=\"me2\" size=\"l\" checked>\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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\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\" checked>\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-group>\n</gov-form-control>\n\n<h3>With message</h3>\n<gov-form-control fieldset>\n\t<gov-form-group>\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\" checked>\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-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-group>\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\" checked>\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-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-group>\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\" checked>\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-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-group>\n\t\t<gov-form-radio name=\"test7\" 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=\"test8\" value=\"me2\" size=\"l\" checked>\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-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-group>\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\" checked>\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-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-group>\n\t\t<gov-form-radio name=\"test5\" 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=\"test5\" value=\"me2\" size=\"xs\" checked 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-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-group>\n\t\t<gov-form-radio name=\"test6\" value=\"me\" size=\"s\" invalid=\"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=\"test6\" value=\"me2\" size=\"s\" checked invalid=\"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-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-group>\n\t\t<gov-form-radio name=\"test7\" value=\"me\" size=\"m\" invalid=\"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=\"test7\" value=\"me2\" size=\"m\" checked invalid=\"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-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-group>\n\t\t<gov-form-radio name=\"test8\" 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=\"test8\" value=\"me2\" size=\"l\" checked 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-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-group>\n\t\t<gov-form-radio name=\"test8\" 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=\"test8\" value=\"me2\" size=\"xl\" checked 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-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-group>\n\t\t<gov-form-radio name=\"test9\" 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=\"test9\" value=\"me2\" size=\"xs\" checked 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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test10\" 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=\"test10\" value=\"me2\" size=\"s\" checked 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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test11\" 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=\"test11\" value=\"me2\" size=\"m\" checked 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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test12\" 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=\"test12\" value=\"me2\" size=\"l\" checked 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-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test12\" 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=\"test12\" value=\"me2\" size=\"xl\" checked 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-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\t\t`\n\t}\n}\n\nif (customElements.get('forms-page') === undefined) {\n\tcustomElements.define('forms-page', FormsPage)\n}\n"]}