@gov-design-system-ce/components 0.0.66 → 0.0.68

package/dist/core/p-bf39d442.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toArray","objectOrArray","Array","isArray","log","msg","logValue","value","String","stringType","Object","prototype","toString","call","match","JSON","stringify","MODULE","NOMODULE","bundleKeys","ensureBundle","src","Error","ensureRoute","route","isString","path","bundle","stringKeys","isFunction","action","children","isObject","some","key","join","forEach","redirect","overriddenProp","console","warn","ensureRoutes","routes","loadScript","script","document","head","querySelector","createElement","setAttribute","async","Promise","resolve","reject","onreadystatechange","onload","e","__dynamicImportLoaded","onerror","parentNode","removeChild","appendChild","loadBundle","race","filter","map","fireRouterEvent","type","detail","window","dispatchEvent","CustomEvent","cancelable","o","f","s","getNotFoundError","context","error","pathname","code","notFoundResult","NotFoundResult","getAnchorOrigin","anchor","port","protocol","defaultHttp","defaultHttps","host","hostname","vaadinRouterGlobalClickHandler","event","defaultPrevented","button","shiftKey","ctrlKey","altKey","metaKey","target","composedPath","i","length","nodeName","toLowerCase","hasAttribute","location","hash","origin","search","preventDefault","scrollTo","CLICK","activate","addEventListener","inactivate","removeEventListener","isIE","test","navigator","userAgent","PopStateEvent","inType","params","createEvent","initEvent","Boolean","bubbles","state","Event","vaadinRouterGlobalPopstateHandler","POPSTATE","pathToRegexp_1","pathToRegexp","parse_1","parse","compile_1","compile","tokensToFunction_1","tokensToFunction","tokensToRegExp_1","tokensToRegExp","DEFAULT_DELIMITER","DEFAULT_DELIMITERS","PATH_REGEXP","RegExp","str","options","tokens","index","defaultDelimiter","delimiter","delimiters","pathEscaped","res","exec","m","escaped","offset","slice","prev","next","name","capture","group","modifier","k","indexOf","push","partial","undefined","repeat","optional","pattern","prefix","escapeGroup","escapeString","substr","matches","data","encode","encodeURIComponent","token","segment","TypeError","j","replace","flags","sensitive","regexpToRegexp","keys","groups","source","arrayToRegexp","parts","stringToRegexp","strict","start","end","endsWith","concat","isEndDelimited","hasOwnProperty","cache","Map","set","decodeParam","val","decodeURIComponent","err","matchPath","routepath","exact","parentKeys","parentParams","cacheKey","regexp","get","assign","prop","split","matchRoute","ignoreLeadingSlash","childMatches","childIndex","charAt","routeToSkip","done","__children","childRoute","parent","matchedLength","childMatch","resolveRoute","isChildRoute","parentRoute","generateErrorMessage","currentContext","errorMessage","routePath","updateChainForRoute","__synthetic","item","chain","pop","Resolver","constructor","this","baseUrl","errorHandler","resolver","root","getRoutes","setRoutes","newRoutes","addRoutes","removeRoutes","pathnameOrContext","__normalizePathname","nextMatches","resume","prevResult","then","resolution","result","catch","DOMException","__createUrl","url","base","URL","__effectiveBaseUrl","baseURI","href","normalizedUrl","pathToRegexp$1","cache$1","cacheRoutes","routesByName","component","has","getRouteByName","routeName","getRoutePath","generateUrls","router","clear","fullPath","rt","toPath","create","stringifyQueryParams","queryParams","query","triggers","setNavigationTriggers","newTriggers","trigger","willAnimate","elem","getComputedStyle","getPropertyValue","waitForAnimation","cb","listener","animate","className","classList","add","rect","getBoundingClientRect","size","bottom","top","right","left","remove","removeAttribute","MAX_REDIRECT_COUNT","isResultNotEmpty","copyContextWithoutNext","copy","createLocation","redirectFrom","getUrl","userParams","getPathnameForRouter","Router","getMatchedPath","createRedirect","from","renderElement","element","runCallbackIfPossible","callback","args","thisArg","apply","amend","amendmentFunction","amendmentResult","cancel","processNewChildren","newChildren","childRoutes","removeDomNodes","nodes","reduce","a","b","outlet","baseElement","baseHref","getAttribute","super","__resolveRoute","NavigationTrigger","setTriggers","ready","__lastStartedRenderId","__navigationEventHandler","__onNavigationEvent","bind","setOutlet","subscribe","__createdByRouter","WeakMap","__addedByRouter","callbacks","commands","__isLatestRender","HTMLElement","__ensureOutlet","__outlet","getOutlet","skipRender","__previousContext","__urlForName","render","shouldUpdateHistory","renderId","__renderId","__fullyResolveChain","previousContext","__updateBrowserHistory","__skipAttach","__copyUnchangedElements","__addAppearingContent","animationDone","__animateIfNeeded","__runOnAfterEnterCallbacks","__runOnAfterLeaveCallbacks","__removeDisappearingContent","topOfTheChainContextBeforeRedirects","contextBeforeRedirects","__findComponentContextAfterAllRedirects","contextAfterRedirects","redirectsHappened","topOfTheChainContextAfterRedirects","matchedPath","isFound","findNextContextIfAny","nextContext","__amendWithOnBeforeCallbacks","__redirect","__redirectCount","contextWithFullChain","__runOnBeforeCallbacks","amendedContext","newContext","previousChain","newChain","prevent","__divergedChainIndex","Math","min","__isReusableElement","__runOnBeforeLeaveCallbacks","__runOnBeforeEnterCallbacks","chainElement","afterLeaveFunction","beforeEnterFunction","otherElement","localName","redirectData","counter","urlForPath","Node","changeState","history","title","deepestCommonParent","unchangedElement","__removeAppearingContent","__appearingContent","__disappearingContent","parentElement","elementToAdd","targetContext","currentComponent","onAfterLeave","onAfterEnter","to","promises","config","leave","enter","all","unsubscribe","urlForName","go","DEV_MODE_CODE_REGEXP","FlowClients","Vaadin","Flow","clients","isMinified","uncommentAndRun","isDevelopmentMode","isForcedDevelopmentMode","isLocalhost","isFlowProductionMode","localStorage","getItem","productionModeApps","client","productionMode","Function","runIfDevelopmentMode","developmentMode","maybeGatherAndSendStats","usageStatistics","registrations","is","version","AccordionPage","connectedCallback","innerHTML","customElements","define","BreadcrumbsPage","ButtonPage","CardPage","ChipPage","ContainerPage","ControlGroupPage","Cookiebar","EmptyPage","ErrorPage","FormLabelPage","FormMessagePage","removeDiacritics","string","normalize","randomNumber","max","floor","random","FormsPage","setTimeout","moja","getElementById","da","po","ba","na","ms","setSearchCallback","setOptions","removeSelectedOption","getSelectedOptions","t","label","disabled","FormsRestructurePage","GridPage","HomePage","InfobarPage","LayoutPage","LoadingPage","MessagePage","ModalPage","NavPage","PaginationPage","bagr","PromptPage","SideNavPage","SpacerPage","StatsbarPage","StepperPage","TabsPage","TagPage","TilesPage","ToastMessagePage","ToastMessageCountdownPage","TooltipPage","TypographyPage","WizardPage","govAppCss","GovApp","componentWillLoad","h","Host"],"sources":["../../../node_modules/@vaadin/router/dist/vaadin-router.js","../../../packages/core/src/pages/Accordion.ts","../../../packages/core/src/pages/Breadcrumbs.ts","../../../packages/core/src/pages/Button.ts","../../../packages/core/src/pages/Card.ts","../../../packages/core/src/pages/Chip.ts","../../../packages/core/src/pages/Container.ts","../../../packages/core/src/pages/ControlGroup.ts","../../../packages/core/src/pages/Cookiebar.ts","../../../packages/core/src/pages/Empty.ts","../../../packages/core/src/pages/Error.ts","../../../packages/core/src/pages/FormLabel.ts","../../../packages/core/src/pages/FormMessage.ts","../../../packages/core/src/pages/Forms.ts","../../../packages/core/src/pages/FormsRestructure.ts","../../../packages/core/src/pages/Grid.ts","../../../packages/core/src/pages/Home.ts","../../../packages/core/src/pages/Infobar.ts","../../../packages/core/src/pages/Layout.ts","../../../packages/core/src/pages/Loading.ts","../../../packages/core/src/pages/Message.ts","../../../packages/core/src/pages/Modal.ts","../../../packages/core/src/pages/Nav.ts","../../../packages/core/src/pages/Pagination.ts","../../../packages/core/src/pages/Prompt.ts","../../../packages/core/src/pages/SideNav.ts","../../../packages/core/src/pages/Spacer.ts","../../../packages/core/src/pages/Statsbar.ts","../../../packages/core/src/pages/Stepper.ts","../../../packages/core/src/pages/Tabs.ts","../../../packages/core/src/pages/Tag.ts","../../../packages/core/src/pages/Tiles.ts","../../../packages/core/src/pages/ToastMessage.ts","../../../packages/core/src/pages/ToastMessageCountdown.ts","../../../packages/core/src/pages/Tooltip.ts","../../../packages/core/src/pages/Typography.ts","../../../packages/core/src/pages/Wizard.ts","../../../packages/core/src/components/gov-app/gov-app.scss?tag=gov-app","../../../packages/core/src/components/gov-app/gov-app.tsx"],"sourcesContent":["function toArray(objectOrArray) {\n  objectOrArray = objectOrArray || [];\n  return Array.isArray(objectOrArray) ? objectOrArray : [objectOrArray];\n}\n\nfunction log(msg) {\n  return `[Vaadin.Router] ${msg}`;\n}\n\nfunction logValue(value) {\n  if (typeof value !== 'object') {\n    return String(value);\n  }\n\n  const stringType = Object.prototype.toString.call(value).match(/ (.*)\\]$/)[1];\n  if (stringType === 'Object' || stringType === 'Array') {\n    return `${stringType} ${JSON.stringify(value)}`;\n  } else {\n    return stringType;\n  }\n}\n\nconst MODULE = 'module';\nconst NOMODULE = 'nomodule';\nconst bundleKeys = [MODULE, NOMODULE];\n\nfunction ensureBundle(src) {\n  if (!src.match(/.+\\.[m]?js$/)) {\n    throw new Error(\n      log(`Unsupported type for bundle \"${src}\": .js or .mjs expected.`)\n    );\n  }\n}\n\nfunction ensureRoute(route) {\n  if (!route || !isString(route.path)) {\n    throw new Error(\n      log(`Expected route config to be an object with a \"path\" string property, or an array of such objects`)\n    );\n  }\n\n  const bundle = route.bundle;\n\n  const stringKeys = ['component', 'redirect', 'bundle'];\n  if (\n    !isFunction(route.action) &&\n    !Array.isArray(route.children) &&\n    !isFunction(route.children) &&\n    !isObject(bundle) &&\n    !stringKeys.some(key => isString(route[key]))\n  ) {\n    throw new Error(\n      log(\n        `Expected route config \"${route.path}\" to include either \"${stringKeys.join('\", \"')}\" ` +\n        `or \"action\" function but none found.`\n      )\n    );\n  }\n\n  if (bundle) {\n    if (isString(bundle)) {\n      ensureBundle(bundle);\n    } else if (!bundleKeys.some(key => key in bundle)) {\n      throw new Error(\n        log('Expected route bundle to include either \"' + NOMODULE + '\" or \"' + MODULE + '\" keys, or both')\n      );\n    } else {\n      bundleKeys.forEach(key => key in bundle && ensureBundle(bundle[key]));\n    }\n  }\n\n  if (route.redirect) {\n    ['bundle', 'component'].forEach(overriddenProp => {\n      if (overriddenProp in route) {\n        console.warn(\n          log(\n            `Route config \"${route.path}\" has both \"redirect\" and \"${overriddenProp}\" properties, ` +\n            `and \"redirect\" will always override the latter. Did you mean to only use \"${overriddenProp}\"?`\n          )\n        );\n      }\n    });\n  }\n}\n\nfunction ensureRoutes(routes) {\n  toArray(routes).forEach(route => ensureRoute(route));\n}\n\nfunction loadScript(src, key) {\n  let script = document.head.querySelector('script[src=\"' + src + '\"][async]');\n  if (!script) {\n    script = document.createElement('script');\n    script.setAttribute('src', src);\n    if (key === MODULE) {\n      script.setAttribute('type', MODULE);\n    } else if (key === NOMODULE) {\n      script.setAttribute(NOMODULE, '');\n    }\n    script.async = true;\n  }\n  return new Promise((resolve, reject) => {\n    script.onreadystatechange = script.onload = e => {\n      script.__dynamicImportLoaded = true;\n      resolve(e);\n    };\n    script.onerror = e => {\n      if (script.parentNode) {\n        script.parentNode.removeChild(script);\n      }\n      reject(e);\n    };\n    if (script.parentNode === null) {\n      document.head.appendChild(script);\n    } else if (script.__dynamicImportLoaded) {\n      resolve();\n    }\n  });\n}\n\nfunction loadBundle(bundle) {\n  if (isString(bundle)) {\n    return loadScript(bundle);\n  } else {\n    return Promise.race(\n      bundleKeys\n        .filter(key => key in bundle)\n        .map(key => loadScript(bundle[key], key))\n    );\n  }\n}\n\nfunction fireRouterEvent(type, detail) {\n  return !window.dispatchEvent(new CustomEvent(\n    `vaadin-router-${type}`,\n    {cancelable: type === 'go', detail}\n  ));\n}\n\nfunction isObject(o) {\n  // guard against null passing the typeof check\n  return typeof o === 'object' && !!o;\n}\n\nfunction isFunction(f) {\n  return typeof f === 'function';\n}\n\nfunction isString(s) {\n  return typeof s === 'string';\n}\n\nfunction getNotFoundError(context) {\n  const error = new Error(log(`Page not found (${context.pathname})`));\n  error.context = context;\n  error.code = 404;\n  return error;\n}\n\nconst notFoundResult = new (class NotFoundResult {})();\n\n/* istanbul ignore next: coverage is calculated in Chrome, this code is for IE */\nfunction getAnchorOrigin(anchor) {\n  // IE11: on HTTP and HTTPS the default port is not included into\n  // window.location.origin, so won't include it here either.\n  const port = anchor.port;\n  const protocol = anchor.protocol;\n  const defaultHttp = protocol === 'http:' && port === '80';\n  const defaultHttps = protocol === 'https:' && port === '443';\n  const host = (defaultHttp || defaultHttps)\n    ? anchor.hostname // does not include the port number (e.g. www.example.org)\n    : anchor.host; // does include the port number (e.g. www.example.org:80)\n  return `${protocol}//${host}`;\n}\n\n// The list of checks is not complete:\n//  - SVG support is missing\n//  - the 'rel' attribute is not considered\nfunction vaadinRouterGlobalClickHandler(event) {\n  // ignore the click if the default action is prevented\n  if (event.defaultPrevented) {\n    return;\n  }\n\n  // ignore the click if not with the primary mouse button\n  if (event.button !== 0) {\n    return;\n  }\n\n  // ignore the click if a modifier key is pressed\n  if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) {\n    return;\n  }\n\n  // find the <a> element that the click is at (or within)\n  let anchor = event.target;\n  const path = event.composedPath\n    ? event.composedPath()\n    : (event.path || []);\n\n  // FIXME(web-padawan): `Symbol.iterator` used by webcomponentsjs is broken for arrays\n  // example to check: `for...of` loop here throws the \"Not yet implemented\" error\n  for (let i = 0; i < path.length; i++) {\n    const target = path[i];\n    if (target.nodeName && target.nodeName.toLowerCase() === 'a') {\n      anchor = target;\n      break;\n    }\n  }\n\n  while (anchor && anchor.nodeName.toLowerCase() !== 'a') {\n    anchor = anchor.parentNode;\n  }\n\n  // ignore the click if not at an <a> element\n  if (!anchor || anchor.nodeName.toLowerCase() !== 'a') {\n    return;\n  }\n\n  // ignore the click if the <a> element has a non-default target\n  if (anchor.target && anchor.target.toLowerCase() !== '_self') {\n    return;\n  }\n\n  // ignore the click if the <a> element has the 'download' attribute\n  if (anchor.hasAttribute('download')) {\n    return;\n  }\n\n  // ignore the click if the <a> element has the 'router-ignore' attribute\n  if (anchor.hasAttribute('router-ignore')) {\n    return;\n  }\n\n  // ignore the click if the target URL is a fragment on the current page\n  if (anchor.pathname === window.location.pathname && anchor.hash !== '') {\n    return;\n  }\n\n  // ignore the click if the target is external to the app\n  // In IE11 HTMLAnchorElement does not have the `origin` property\n  const origin = anchor.origin || getAnchorOrigin(anchor);\n  if (origin !== window.location.origin) {\n    return;\n  }\n\n  // if none of the above, convert the click into a navigation event\n  const {pathname, search, hash} = anchor;\n  if (fireRouterEvent('go', {pathname, search, hash})) {\n    event.preventDefault();\n    // for a click event, the scroll is reset to the top position.\n    if (event && event.type === 'click') {\n      window.scrollTo(0, 0);\n    }\n  }\n}\n\n/**\n * A navigation trigger for Vaadin Router that translated clicks on `<a>` links\n * into Vaadin Router navigation events.\n *\n * Only regular clicks on in-app links are translated (primary mouse button, no\n * modifier keys, the target href is within the app's URL space).\n *\n * @memberOf Router.NavigationTrigger\n * @type {NavigationTrigger}\n */\nconst CLICK = {\n  activate() {\n    window.document.addEventListener('click', vaadinRouterGlobalClickHandler);\n  },\n\n  inactivate() {\n    window.document.removeEventListener('click', vaadinRouterGlobalClickHandler);\n  }\n};\n\n// PopStateEvent constructor shim\nconst isIE = /Trident/.test(navigator.userAgent);\n\n/* istanbul ignore next: coverage is calculated in Chrome, this code is for IE */\nif (isIE && !isFunction(window.PopStateEvent)) {\n  window.PopStateEvent = function(inType, params) {\n    params = params || {};\n    var e = document.createEvent('Event');\n    e.initEvent(inType, Boolean(params.bubbles), Boolean(params.cancelable));\n    e.state = params.state || null;\n    return e;\n  };\n  window.PopStateEvent.prototype = window.Event.prototype;\n}\n\nfunction vaadinRouterGlobalPopstateHandler(event) {\n  if (event.state === 'vaadin-router-ignore') {\n    return;\n  }\n  const {pathname, search, hash} = window.location;\n  fireRouterEvent('go', {pathname, search, hash});\n}\n\n/**\n * A navigation trigger for Vaadin Router that translates popstate events into\n * Vaadin Router navigation events.\n *\n * @memberOf Router.NavigationTrigger\n * @type {NavigationTrigger}\n */\nconst POPSTATE = {\n  activate() {\n    window.addEventListener('popstate', vaadinRouterGlobalPopstateHandler);\n  },\n\n  inactivate() {\n    window.removeEventListener('popstate', vaadinRouterGlobalPopstateHandler);\n  }\n};\n\n/**\n * Expose `pathToRegexp`.\n */\nvar pathToRegexp_1 = pathToRegexp;\nvar parse_1 = parse;\nvar compile_1 = compile;\nvar tokensToFunction_1 = tokensToFunction;\nvar tokensToRegExp_1 = tokensToRegExp;\n\n/**\n * Default configs.\n */\nvar DEFAULT_DELIMITER = '/';\nvar DEFAULT_DELIMITERS = './';\n\n/**\n * The main path matching regexp utility.\n *\n * @type {RegExp}\n */\nvar PATH_REGEXP = new RegExp([\n  // Match escaped characters that would otherwise appear in future matches.\n  // This allows the user to escape special characters that won't transform.\n  '(\\\\\\\\.)',\n  // Match Express-style parameters and un-named parameters with a prefix\n  // and optional suffixes. Matches appear as:\n  //\n  // \":test(\\\\d+)?\" => [\"test\", \"\\d+\", undefined, \"?\"]\n  // \"(\\\\d+)\"  => [undefined, undefined, \"\\d+\", undefined]\n  '(?:\\\\:(\\\\w+)(?:\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))?|\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))([+*?])?'\n].join('|'), 'g');\n\n/**\n * Parse a string for the raw tokens.\n *\n * @param  {string}  str\n * @param  {Object=} options\n * @return {!Array}\n */\nfunction parse (str, options) {\n  var tokens = [];\n  var key = 0;\n  var index = 0;\n  var path = '';\n  var defaultDelimiter = (options && options.delimiter) || DEFAULT_DELIMITER;\n  var delimiters = (options && options.delimiters) || DEFAULT_DELIMITERS;\n  var pathEscaped = false;\n  var res;\n\n  while ((res = PATH_REGEXP.exec(str)) !== null) {\n    var m = res[0];\n    var escaped = res[1];\n    var offset = res.index;\n    path += str.slice(index, offset);\n    index = offset + m.length;\n\n    // Ignore already escaped sequences.\n    if (escaped) {\n      path += escaped[1];\n      pathEscaped = true;\n      continue\n    }\n\n    var prev = '';\n    var next = str[index];\n    var name = res[2];\n    var capture = res[3];\n    var group = res[4];\n    var modifier = res[5];\n\n    if (!pathEscaped && path.length) {\n      var k = path.length - 1;\n\n      if (delimiters.indexOf(path[k]) > -1) {\n        prev = path[k];\n        path = path.slice(0, k);\n      }\n    }\n\n    // Push the current path onto the tokens.\n    if (path) {\n      tokens.push(path);\n      path = '';\n      pathEscaped = false;\n    }\n\n    var partial = prev !== '' && next !== undefined && next !== prev;\n    var repeat = modifier === '+' || modifier === '*';\n    var optional = modifier === '?' || modifier === '*';\n    var delimiter = prev || defaultDelimiter;\n    var pattern = capture || group;\n\n    tokens.push({\n      name: name || key++,\n      prefix: prev,\n      delimiter: delimiter,\n      optional: optional,\n      repeat: repeat,\n      partial: partial,\n      pattern: pattern ? escapeGroup(pattern) : '[^' + escapeString(delimiter) + ']+?'\n    });\n  }\n\n  // Push any remaining characters.\n  if (path || index < str.length) {\n    tokens.push(path + str.substr(index));\n  }\n\n  return tokens\n}\n\n/**\n * Compile a string to a template function for the path.\n *\n * @param  {string}             str\n * @param  {Object=}            options\n * @return {!function(Object=, Object=)}\n */\nfunction compile (str, options) {\n  return tokensToFunction(parse(str, options))\n}\n\n/**\n * Expose a method for transforming tokens into the path function.\n */\nfunction tokensToFunction (tokens) {\n  // Compile all the tokens into regexps.\n  var matches = new Array(tokens.length);\n\n  // Compile all the patterns before compilation.\n  for (var i = 0; i < tokens.length; i++) {\n    if (typeof tokens[i] === 'object') {\n      matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$');\n    }\n  }\n\n  return function (data, options) {\n    var path = '';\n    var encode = (options && options.encode) || encodeURIComponent;\n\n    for (var i = 0; i < tokens.length; i++) {\n      var token = tokens[i];\n\n      if (typeof token === 'string') {\n        path += token;\n        continue\n      }\n\n      var value = data ? data[token.name] : undefined;\n      var segment;\n\n      if (Array.isArray(value)) {\n        if (!token.repeat) {\n          throw new TypeError('Expected \"' + token.name + '\" to not repeat, but got array')\n        }\n\n        if (value.length === 0) {\n          if (token.optional) continue\n\n          throw new TypeError('Expected \"' + token.name + '\" to not be empty')\n        }\n\n        for (var j = 0; j < value.length; j++) {\n          segment = encode(value[j], token);\n\n          if (!matches[i].test(segment)) {\n            throw new TypeError('Expected all \"' + token.name + '\" to match \"' + token.pattern + '\"')\n          }\n\n          path += (j === 0 ? token.prefix : token.delimiter) + segment;\n        }\n\n        continue\n      }\n\n      if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {\n        segment = encode(String(value), token);\n\n        if (!matches[i].test(segment)) {\n          throw new TypeError('Expected \"' + token.name + '\" to match \"' + token.pattern + '\", but got \"' + segment + '\"')\n        }\n\n        path += token.prefix + segment;\n        continue\n      }\n\n      if (token.optional) {\n        // Prepend partial segment prefixes.\n        if (token.partial) path += token.prefix;\n\n        continue\n      }\n\n      throw new TypeError('Expected \"' + token.name + '\" to be ' + (token.repeat ? 'an array' : 'a string'))\n    }\n\n    return path\n  }\n}\n\n/**\n * Escape a regular expression string.\n *\n * @param  {string} str\n * @return {string}\n */\nfunction escapeString (str) {\n  return str.replace(/([.+*?=^!:${}()[\\]|/\\\\])/g, '\\\\$1')\n}\n\n/**\n * Escape the capturing group by escaping special characters and meaning.\n *\n * @param  {string} group\n * @return {string}\n */\nfunction escapeGroup (group) {\n  return group.replace(/([=!:$/()])/g, '\\\\$1')\n}\n\n/**\n * Get the flags for a regexp from the options.\n *\n * @param  {Object} options\n * @return {string}\n */\nfunction flags (options) {\n  return options && options.sensitive ? '' : 'i'\n}\n\n/**\n * Pull out keys from a regexp.\n *\n * @param  {!RegExp} path\n * @param  {Array=}  keys\n * @return {!RegExp}\n */\nfunction regexpToRegexp (path, keys) {\n  if (!keys) return path\n\n  // Use a negative lookahead to match only capturing groups.\n  var groups = path.source.match(/\\((?!\\?)/g);\n\n  if (groups) {\n    for (var i = 0; i < groups.length; i++) {\n      keys.push({\n        name: i,\n        prefix: null,\n        delimiter: null,\n        optional: false,\n        repeat: false,\n        partial: false,\n        pattern: null\n      });\n    }\n  }\n\n  return path\n}\n\n/**\n * Transform an array into a regexp.\n *\n * @param  {!Array}  path\n * @param  {Array=}  keys\n * @param  {Object=} options\n * @return {!RegExp}\n */\nfunction arrayToRegexp (path, keys, options) {\n  var parts = [];\n\n  for (var i = 0; i < path.length; i++) {\n    parts.push(pathToRegexp(path[i], keys, options).source);\n  }\n\n  return new RegExp('(?:' + parts.join('|') + ')', flags(options))\n}\n\n/**\n * Create a path regexp from string input.\n *\n * @param  {string}  path\n * @param  {Array=}  keys\n * @param  {Object=} options\n * @return {!RegExp}\n */\nfunction stringToRegexp (path, keys, options) {\n  return tokensToRegExp(parse(path, options), keys, options)\n}\n\n/**\n * Expose a function for taking tokens and returning a RegExp.\n *\n * @param  {!Array}  tokens\n * @param  {Array=}  keys\n * @param  {Object=} options\n * @return {!RegExp}\n */\nfunction tokensToRegExp (tokens, keys, options) {\n  options = options || {};\n\n  var strict = options.strict;\n  var start = options.start !== false;\n  var end = options.end !== false;\n  var delimiter = escapeString(options.delimiter || DEFAULT_DELIMITER);\n  var delimiters = options.delimiters || DEFAULT_DELIMITERS;\n  var endsWith = [].concat(options.endsWith || []).map(escapeString).concat('$').join('|');\n  var route = start ? '^' : '';\n  var isEndDelimited = tokens.length === 0;\n\n  // Iterate over the tokens and create our regexp string.\n  for (var i = 0; i < tokens.length; i++) {\n    var token = tokens[i];\n\n    if (typeof token === 'string') {\n      route += escapeString(token);\n      isEndDelimited = i === tokens.length - 1 && delimiters.indexOf(token[token.length - 1]) > -1;\n    } else {\n      var capture = token.repeat\n        ? '(?:' + token.pattern + ')(?:' + escapeString(token.delimiter) + '(?:' + token.pattern + '))*'\n        : token.pattern;\n\n      if (keys) keys.push(token);\n\n      if (token.optional) {\n        if (token.partial) {\n          route += escapeString(token.prefix) + '(' + capture + ')?';\n        } else {\n          route += '(?:' + escapeString(token.prefix) + '(' + capture + '))?';\n        }\n      } else {\n        route += escapeString(token.prefix) + '(' + capture + ')';\n      }\n    }\n  }\n\n  if (end) {\n    if (!strict) route += '(?:' + delimiter + ')?';\n\n    route += endsWith === '$' ? '$' : '(?=' + endsWith + ')';\n  } else {\n    if (!strict) route += '(?:' + delimiter + '(?=' + endsWith + '))?';\n    if (!isEndDelimited) route += '(?=' + delimiter + '|' + endsWith + ')';\n  }\n\n  return new RegExp(route, flags(options))\n}\n\n/**\n * Normalize the given path string, returning a regular expression.\n *\n * An empty array can be passed in for the keys, which will hold the\n * placeholder key descriptions. For example, using `/user/:id`, `keys` will\n * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.\n *\n * @param  {(string|RegExp|Array)} path\n * @param  {Array=}                keys\n * @param  {Object=}               options\n * @return {!RegExp}\n */\nfunction pathToRegexp (path, keys, options) {\n  if (path instanceof RegExp) {\n    return regexpToRegexp(path, keys)\n  }\n\n  if (Array.isArray(path)) {\n    return arrayToRegexp(/** @type {!Array} */ (path), keys, options)\n  }\n\n  return stringToRegexp(/** @type {string} */ (path), keys, options)\n}\npathToRegexp_1.parse = parse_1;\npathToRegexp_1.compile = compile_1;\npathToRegexp_1.tokensToFunction = tokensToFunction_1;\npathToRegexp_1.tokensToRegExp = tokensToRegExp_1;\n\n/**\n * Universal Router (https://www.kriasoft.com/universal-router/)\n *\n * Copyright (c) 2015-present Kriasoft.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.txt file in the root directory of this source tree.\n */\n\nconst {hasOwnProperty} = Object.prototype;\nconst cache = new Map();\n// see https://github.com/pillarjs/path-to-regexp/issues/148\ncache.set('|false', {\n  keys: [],\n  pattern: /(?:)/\n});\n\nfunction decodeParam(val) {\n  try {\n    return decodeURIComponent(val);\n  } catch (err) {\n    return val;\n  }\n}\n\nfunction matchPath(routepath, path, exact, parentKeys, parentParams) {\n  exact = !!exact;\n  const cacheKey = `${routepath}|${exact}`;\n  let regexp = cache.get(cacheKey);\n\n  if (!regexp) {\n    const keys = [];\n    regexp = {\n      keys,\n      pattern: pathToRegexp_1(routepath, keys, {\n        end: exact,\n        strict: routepath === ''\n      }),\n    };\n    cache.set(cacheKey, regexp);\n  }\n\n  const m = regexp.pattern.exec(path);\n  if (!m) {\n    return null;\n  }\n\n  const params = Object.assign({}, parentParams);\n\n  for (let i = 1; i < m.length; i++) {\n    const key = regexp.keys[i - 1];\n    const prop = key.name;\n    const value = m[i];\n    if (value !== undefined || !hasOwnProperty.call(params, prop)) {\n      if (key.repeat) {\n        params[prop] = value ? value.split(key.delimiter).map(decodeParam) : [];\n      } else {\n        params[prop] = value ? decodeParam(value) : value;\n      }\n    }\n  }\n\n  return {\n    path: m[0],\n    keys: (parentKeys || []).concat(regexp.keys),\n    params,\n  };\n}\n\n/**\n * Universal Router (https://www.kriasoft.com/universal-router/)\n *\n * Copyright (c) 2015-present Kriasoft.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.txt file in the root directory of this source tree.\n */\n\n/**\n * Traverses the routes tree and matches its nodes to the given pathname from\n * the root down to the leaves. Each match consumes a part of the pathname and\n * the matching process continues for as long as there is a matching child\n * route for the remaining part of the pathname.\n *\n * The returned value is a lazily evaluated iterator.\n *\n * The leading \"/\" in a route path matters only for the root of the routes\n * tree (or if all parent routes are \"\"). In all other cases a leading \"/\" in\n * a child route path has no significance.\n *\n * The trailing \"/\" in a _route path_ matters only for the leaves of the\n * routes tree. A leaf route with a trailing \"/\" matches only a pathname that\n * also has a trailing \"/\".\n *\n * The trailing \"/\" in a route path does not affect matching of child routes\n * in any way.\n *\n * The trailing \"/\" in a _pathname_ generally does not matter (except for\n * the case of leaf nodes described above).\n *\n * The \"\" and \"/\" routes have special treatment:\n *  1. as a single route\n *     the \"\" and \"/\" routes match only the \"\" and \"/\" pathnames respectively\n *  2. as a parent in the routes tree\n *     the \"\" route matches any pathname without consuming any part of it\n *     the \"/\" route matches any absolute pathname consuming its leading \"/\"\n *  3. as a leaf in the routes tree\n *     the \"\" and \"/\" routes match only if the entire pathname is consumed by\n *         the parent routes chain. In this case \"\" and \"/\" are equivalent.\n *  4. several directly nested \"\" or \"/\" routes\n *     - directly nested \"\" or \"/\" routes are 'squashed' (i.e. nesting two\n *       \"/\" routes does not require a double \"/\" in the pathname to match)\n *     - if there are only \"\" in the parent routes chain, no part of the\n *       pathname is consumed, and the leading \"/\" in the child routes' paths\n *       remains significant\n *\n * Side effect:\n *   - the routes tree { path: '' } matches only the '' pathname\n *   - the routes tree { path: '', children: [ { path: '' } ] } matches any\n *     pathname (for the tree root)\n *\n * Prefix matching can be enabled also by `children: true`.\n */\nfunction matchRoute(route, pathname, ignoreLeadingSlash, parentKeys, parentParams) {\n  let match;\n  let childMatches;\n  let childIndex = 0;\n  let routepath = route.path || '';\n  if (routepath.charAt(0) === '/') {\n    if (ignoreLeadingSlash) {\n      routepath = routepath.substr(1);\n    }\n    ignoreLeadingSlash = true;\n  }\n\n  return {\n    next(routeToSkip) {\n      if (route === routeToSkip) {\n        return {done: true};\n      }\n\n      const children = route.__children = route.__children || route.children;\n\n      if (!match) {\n        match = matchPath(routepath, pathname, !children, parentKeys, parentParams);\n\n        if (match) {\n          return {\n            done: false,\n            value: {\n              route,\n              keys: match.keys,\n              params: match.params,\n              path: match.path\n            },\n          };\n        }\n      }\n\n      if (match && children) {\n        while (childIndex < children.length) {\n          if (!childMatches) {\n            const childRoute = children[childIndex];\n            childRoute.parent = route;\n\n            let matchedLength = match.path.length;\n            if (matchedLength > 0 && pathname.charAt(matchedLength) === '/') {\n              matchedLength += 1;\n            }\n\n            childMatches = matchRoute(\n              childRoute,\n              pathname.substr(matchedLength),\n              ignoreLeadingSlash,\n              match.keys,\n              match.params\n            );\n          }\n\n          const childMatch = childMatches.next(routeToSkip);\n          if (!childMatch.done) {\n            return {\n              done: false,\n              value: childMatch.value,\n            };\n          }\n\n          childMatches = null;\n          childIndex++;\n        }\n      }\n\n      return {done: true};\n    },\n  };\n}\n\n/**\n * Universal Router (https://www.kriasoft.com/universal-router/)\n *\n * Copyright (c) 2015-present Kriasoft.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.txt file in the root directory of this source tree.\n */\n\nfunction resolveRoute(context) {\n  if (isFunction(context.route.action)) {\n    return context.route.action(context);\n  }\n  return undefined;\n}\n\n/**\n * Universal Router (https://www.kriasoft.com/universal-router/)\n *\n * Copyright (c) 2015-present Kriasoft.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.txt file in the root directory of this source tree.\n */\n\nfunction isChildRoute(parentRoute, childRoute) {\n  let route = childRoute;\n  while (route) {\n    route = route.parent;\n    if (route === parentRoute) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction generateErrorMessage(currentContext) {\n  let errorMessage = `Path '${currentContext.pathname}' is not properly resolved due to an error.`;\n  const routePath = (currentContext.route || {}).path;\n  if (routePath) {\n    errorMessage += ` Resolution had failed on route: '${routePath}'`;\n  }\n  return errorMessage;\n}\n\nfunction updateChainForRoute(context, match) {\n  const {route, path} = match;\n\n  if (route && !route.__synthetic) {\n    const item = {path, route};\n    if (!context.chain) {\n      context.chain = [];\n    } else {\n      // Discard old items\n      if (route.parent) {\n        let i = context.chain.length;\n        while (i-- && context.chain[i].route && context.chain[i].route !== route.parent) {\n          context.chain.pop();\n        }\n      }\n    }\n    context.chain.push(item);\n  }\n}\n\n/**\n */\nclass Resolver {\n  constructor(routes, options = {}) {\n    if (Object(routes) !== routes) {\n      throw new TypeError('Invalid routes');\n    }\n\n    this.baseUrl = options.baseUrl || '';\n    this.errorHandler = options.errorHandler;\n    this.resolveRoute = options.resolveRoute || resolveRoute;\n    this.context = Object.assign({resolver: this}, options.context);\n    this.root = Array.isArray(routes) ? {path: '', __children: routes, parent: null, __synthetic: true} : routes;\n    this.root.parent = null;\n  }\n\n  /**\n   * Returns the current list of routes (as a shallow copy). Adding / removing\n   * routes to / from the returned array does not affect the routing config,\n   * but modifying the route objects does.\n   *\n   * @return {!Array<!Router.Route>}\n   */\n  getRoutes() {\n    return [...this.root.__children];\n  }\n\n  /**\n   * Sets the routing config (replacing the existing one).\n   *\n   * @param {!Array<!Router.Route>|!Router.Route} routes a single route or an array of those\n   *    (the array is shallow copied)\n   */\n  setRoutes(routes) {\n    ensureRoutes(routes);\n    const newRoutes = [...toArray(routes)];\n    this.root.__children = newRoutes;\n  }\n\n  /**\n   * Appends one or several routes to the routing config and returns the\n   * effective routing config after the operation.\n   *\n   * @param {!Array<!Router.Route>|!Router.Route} routes a single route or an array of those\n   *    (the array is shallow copied)\n   * @return {!Array<!Router.Route>}\n   * @protected\n   */\n  addRoutes(routes) {\n    ensureRoutes(routes);\n    this.root.__children.push(...toArray(routes));\n    return this.getRoutes();\n  }\n\n  /**\n   * Removes all existing routes from the routing config.\n   */\n  removeRoutes() {\n    this.setRoutes([]);\n  }\n\n  /**\n   * Asynchronously resolves the given pathname, i.e. finds all routes matching\n   * the pathname and tries resolving them one after another in the order they\n   * are listed in the routes config until the first non-null result.\n   *\n   * Returns a promise that is fulfilled with the return value of an object that consists of the first\n   * route handler result that returns something other than `null` or `undefined` and context used to get this result.\n   *\n   * If no route handlers return a non-null result, or if no route matches the\n   * given pathname the returned promise is rejected with a 'page not found'\n   * `Error`.\n   *\n   * @param {!string|!{pathname: !string}} pathnameOrContext the pathname to\n   *    resolve or a context object with a `pathname` property and other\n   *    properties to pass to the route resolver functions.\n   * @return {!Promise<any>}\n   */\n  resolve(pathnameOrContext) {\n    const context = Object.assign(\n      {},\n      this.context,\n      isString(pathnameOrContext) ? {pathname: pathnameOrContext} : pathnameOrContext\n    );\n    const match = matchRoute(\n      this.root,\n      this.__normalizePathname(context.pathname),\n      this.baseUrl\n    );\n    const resolve = this.resolveRoute;\n    let matches = null;\n    let nextMatches = null;\n    let currentContext = context;\n\n    function next(resume, parent = matches.value.route, prevResult) {\n      const routeToSkip = prevResult === null && matches.value.route;\n      matches = nextMatches || match.next(routeToSkip);\n      nextMatches = null;\n\n      if (!resume) {\n        if (matches.done || !isChildRoute(parent, matches.value.route)) {\n          nextMatches = matches;\n          return Promise.resolve(notFoundResult);\n        }\n      }\n\n      if (matches.done) {\n        return Promise.reject(getNotFoundError(context));\n      }\n\n      currentContext = Object.assign(\n        currentContext\n          ? {chain: (currentContext.chain ? currentContext.chain.slice(0) : [])}\n          : {},\n        context,\n        matches.value\n      );\n      updateChainForRoute(currentContext, matches.value);\n\n      return Promise.resolve(resolve(currentContext)).then(resolution => {\n        if (resolution !== null && resolution !== undefined && resolution !== notFoundResult) {\n          currentContext.result = resolution.result || resolution;\n          return currentContext;\n        }\n        return next(resume, parent, resolution);\n      });\n    }\n\n    context.next = next;\n\n    return Promise.resolve()\n      .then(() => next(true, this.root))\n      .catch((error) => {\n        const errorMessage = generateErrorMessage(currentContext);\n        if (!error) {\n          error = new Error(errorMessage);\n        } else {\n          console.warn(errorMessage);\n        }\n        error.context = error.context || currentContext;\n        // DOMException has its own code which is read-only\n        if (!(error instanceof DOMException)) {\n          error.code = error.code || 500;\n        }\n        if (this.errorHandler) {\n          currentContext.result = this.errorHandler(error);\n          return currentContext;\n        }\n        throw error;\n      });\n  }\n\n  /**\n   * URL constructor polyfill hook. Creates and returns an URL instance.\n   */\n  static __createUrl(url, base) {\n    return new URL(url, base);\n  }\n\n  /**\n   * If the baseUrl property is set, transforms the baseUrl and returns the full\n   * actual `base` string for using in the `new URL(path, base);` and for\n   * prepernding the paths with. The returned base ends with a trailing slash.\n   *\n   * Otherwise, returns empty string.\n   */\n  get __effectiveBaseUrl() {\n    return this.baseUrl\n      ? this.constructor.__createUrl(\n        this.baseUrl,\n        document.baseURI || document.URL\n      ).href.replace(/[^\\/]*$/, '')\n      : '';\n  }\n\n  /**\n   * If the baseUrl is set, matches the pathname with the router’s baseUrl,\n   * and returns the local pathname with the baseUrl stripped out.\n   *\n   * If the pathname does not match the baseUrl, returns undefined.\n   *\n   * If the `baseUrl` is not set, returns the unmodified pathname argument.\n   */\n  __normalizePathname(pathname) {\n    if (!this.baseUrl) {\n      // No base URL, no need to transform the pathname.\n      return pathname;\n    }\n\n    const base = this.__effectiveBaseUrl;\n    const normalizedUrl = this.constructor.__createUrl(pathname, base).href;\n    if (normalizedUrl.slice(0, base.length) === base) {\n      return normalizedUrl.slice(base.length);\n    }\n  }\n}\n\nResolver.pathToRegexp = pathToRegexp_1;\n\n/**\n * Universal Router (https://www.kriasoft.com/universal-router/)\n *\n * Copyright (c) 2015-present Kriasoft.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.txt file in the root directory of this source tree.\n */\n\nconst {pathToRegexp: pathToRegexp$1} = Resolver;\nconst cache$1 = new Map();\n\nfunction cacheRoutes(routesByName, route, routes) {\n  const name = route.name || route.component;\n  if (name) {\n    if (routesByName.has(name)) {\n      routesByName.get(name).push(route);\n    } else {\n      routesByName.set(name, [route]);\n    }\n  }\n\n  if (Array.isArray(routes)) {\n    for (let i = 0; i < routes.length; i++) {\n      const childRoute = routes[i];\n      childRoute.parent = route;\n      cacheRoutes(routesByName, childRoute, childRoute.__children || childRoute.children);\n    }\n  }\n}\n\nfunction getRouteByName(routesByName, routeName) {\n  const routes = routesByName.get(routeName);\n  if (routes && routes.length > 1) {\n    throw new Error(\n      `Duplicate route with name \"${routeName}\".`\n      + ` Try seting unique 'name' route properties.`\n    );\n  }\n  return routes && routes[0];\n}\n\nfunction getRoutePath(route) {\n  let path = route.path;\n  path = Array.isArray(path) ? path[0] : path;\n  return path !== undefined ? path : '';\n}\n\nfunction generateUrls(router, options = {}) {\n  if (!(router instanceof Resolver)) {\n    throw new TypeError('An instance of Resolver is expected');\n  }\n\n  const routesByName = new Map();\n\n  return (routeName, params) => {\n    let route = getRouteByName(routesByName, routeName);\n    if (!route) {\n      routesByName.clear(); // clear cache\n      cacheRoutes(routesByName, router.root, router.root.__children);\n\n      route = getRouteByName(routesByName, routeName);\n      if (!route) {\n        throw new Error(`Route \"${routeName}\" not found`);\n      }\n    }\n\n    let regexp = cache$1.get(route.fullPath);\n    if (!regexp) {\n      let fullPath = getRoutePath(route);\n      let rt = route.parent;\n      while (rt) {\n        const path = getRoutePath(rt);\n        if (path) {\n          fullPath = path.replace(/\\/$/, '') + '/' + fullPath.replace(/^\\//, '');\n        }\n        rt = rt.parent;\n      }\n      const tokens = pathToRegexp$1.parse(fullPath);\n      const toPath = pathToRegexp$1.tokensToFunction(tokens);\n      const keys = Object.create(null);\n      for (let i = 0; i < tokens.length; i++) {\n        if (!isString(tokens[i])) {\n          keys[tokens[i].name] = true;\n        }\n      }\n      regexp = {toPath, keys};\n      cache$1.set(fullPath, regexp);\n      route.fullPath = fullPath;\n    }\n\n    let url = regexp.toPath(params, options) || '/';\n\n    if (options.stringifyQueryParams && params) {\n      const queryParams = {};\n      const keys = Object.keys(params);\n      for (let i = 0; i < keys.length; i++) {\n        const key = keys[i];\n        if (!regexp.keys[key]) {\n          queryParams[key] = params[key];\n        }\n      }\n      const query = options.stringifyQueryParams(queryParams);\n      if (query) {\n        url += query.charAt(0) === '?' ? query : `?${query}`;\n      }\n    }\n\n    return url;\n  };\n}\n\n/**\n * @typedef NavigationTrigger\n * @type {object}\n * @property {function()} activate\n * @property {function()} inactivate\n */\n\n/** @type {Array<NavigationTrigger>} */\nlet triggers = [];\n\nfunction setNavigationTriggers(newTriggers) {\n  triggers.forEach(trigger => trigger.inactivate());\n\n  newTriggers.forEach(trigger => trigger.activate());\n\n  triggers = newTriggers;\n}\n\nconst willAnimate = elem => {\n  const name = getComputedStyle(elem).getPropertyValue('animation-name');\n  return name && name !== 'none';\n};\n\nconst waitForAnimation = (elem, cb) => {\n  const listener = () => {\n    elem.removeEventListener('animationend', listener);\n    cb();\n  };\n  elem.addEventListener('animationend', listener);\n};\n\nfunction animate(elem, className) {\n  elem.classList.add(className);\n\n  return new Promise(resolve => {\n    if (willAnimate(elem)) {\n      const rect = elem.getBoundingClientRect();\n      const size = `height: ${rect.bottom - rect.top}px; width: ${rect.right - rect.left}px`;\n      elem.setAttribute('style', `position: absolute; ${size}`);\n      waitForAnimation(elem, () => {\n        elem.classList.remove(className);\n        elem.removeAttribute('style');\n        resolve();\n      });\n    } else {\n      elem.classList.remove(className);\n      resolve();\n    }\n  });\n}\n\nconst MAX_REDIRECT_COUNT = 256;\n\nfunction isResultNotEmpty(result) {\n  return result !== null && result !== undefined;\n}\n\nfunction copyContextWithoutNext(context) {\n  const copy = Object.assign({}, context);\n  delete copy.next;\n  return copy;\n}\n\nfunction createLocation({pathname = '', search = '', hash = '', chain = [], params = {}, redirectFrom, resolver}, route) {\n  const routes = chain.map(item => item.route);\n  return {\n    baseUrl: resolver && resolver.baseUrl || '',\n    pathname,\n    search,\n    hash,\n    routes,\n    route: route || routes.length && routes[routes.length - 1] || null,\n    params,\n    redirectFrom,\n    getUrl: (userParams = {}) => getPathnameForRouter(\n      Router.pathToRegexp.compile(\n        getMatchedPath(routes)\n      )(Object.assign({}, params, userParams)),\n      resolver\n    )\n  };\n}\n\nfunction createRedirect(context, pathname) {\n  const params = Object.assign({}, context.params);\n  return {\n    redirect: {\n      pathname,\n      from: context.pathname,\n      params\n    }\n  };\n}\n\nfunction renderElement(context, element) {\n  element.location = createLocation(context);\n  const index = context.chain.map(item => item.route).indexOf(context.route);\n  context.chain[index].element = element;\n  return element;\n}\n\nfunction runCallbackIfPossible(callback, args, thisArg) {\n  if (isFunction(callback)) {\n    return callback.apply(thisArg, args);\n  }\n}\n\nfunction amend(amendmentFunction, args, element) {\n  return amendmentResult => {\n    if (amendmentResult && (amendmentResult.cancel || amendmentResult.redirect)) {\n      return amendmentResult;\n    }\n\n    if (element) {\n      return runCallbackIfPossible(element[amendmentFunction], args, element);\n    }\n  };\n}\n\nfunction processNewChildren(newChildren, route) {\n  if (!Array.isArray(newChildren) && !isObject(newChildren)) {\n    throw new Error(\n      log(\n        `Incorrect \"children\" value for the route ${route.path}: expected array or object, but got ${newChildren}`\n      )\n    );\n  }\n\n  route.__children = [];\n  const childRoutes = toArray(newChildren);\n  for (let i = 0; i < childRoutes.length; i++) {\n    ensureRoute(childRoutes[i]);\n    route.__children.push(childRoutes[i]);\n  }\n}\n\nfunction removeDomNodes(nodes) {\n  if (nodes && nodes.length) {\n    const parent = nodes[0].parentNode;\n    for (let i = 0; i < nodes.length; i++) {\n      parent.removeChild(nodes[i]);\n    }\n  }\n}\n\nfunction getPathnameForRouter(pathname, router) {\n  const base = router.__effectiveBaseUrl;\n  return base\n    ? router.constructor.__createUrl(pathname.replace(/^\\//, ''), base).pathname\n    : pathname;\n}\n\nfunction getMatchedPath(chain) {\n  return chain.map(item => item.path).reduce((a, b) => {\n    if (b.length) {\n      return a.replace(/\\/$/, '') + '/' + b.replace(/^\\//, '');\n    }\n    return a;\n  }, '');\n}\n\n/**\n * A simple client-side router for single-page applications. It uses\n * express-style middleware and has a first-class support for Web Components and\n * lazy-loading. Works great in Polymer and non-Polymer apps.\n *\n * Use `new Router(outlet, options)` to create a new Router instance.\n *\n * * The `outlet` parameter is a reference to the DOM node to render\n *   the content into.\n *\n * * The `options` parameter is an optional object with options. The following\n *   keys are supported:\n *   * `baseUrl` — the initial value for [\n *     the `baseUrl` property\n *   ](#/classes/Router#property-baseUrl)\n *\n * The Router instance is automatically subscribed to navigation events\n * on `window`.\n *\n * See [Live Examples](#/classes/Router/demos/demo/index.html) for the detailed usage demo and code snippets.\n *\n * See also detailed API docs for the following methods, for the advanced usage:\n *\n * * [setOutlet](#/classes/Router#method-setOutlet) – should be used to configure the outlet.\n * * [setTriggers](#/classes/Router#method-setTriggers) – should be used to configure the navigation events.\n * * [setRoutes](#/classes/Router#method-setRoutes) – should be used to configure the routes.\n *\n * Only `setRoutes` has to be called manually, others are automatically invoked when creating a new instance.\n *\n * @extends Resolver\n * @demo demo/index.html\n * @summary JavaScript class that renders different DOM content depending on\n *    a given path. It can re-render when triggered or automatically on\n *    'popstate' and / or 'click' events.\n */\nclass Router extends Resolver {\n\n  /**\n   * Creates a new Router instance with a given outlet, and\n   * automatically subscribes it to navigation events on the `window`.\n   * Using a constructor argument or a setter for outlet is equivalent:\n   *\n   * ```\n   * const router = new Router();\n   * router.setOutlet(outlet);\n   * ```\n   * @param {?Node=} outlet\n   * @param {?RouterOptions=} options\n   */\n  constructor(outlet, options) {\n    const baseElement = document.head.querySelector('base');\n    const baseHref = baseElement && baseElement.getAttribute('href');\n    super([], Object.assign({\n      // Default options\n      baseUrl: baseHref && Resolver.__createUrl(baseHref, document.URL).pathname.replace(/[^\\/]*$/, '')\n    }, options));\n\n    this.resolveRoute = context => this.__resolveRoute(context);\n\n    const triggers = Router.NavigationTrigger;\n    Router.setTriggers.apply(Router, Object.keys(triggers).map(key => triggers[key]));\n\n    /**\n     * The base URL for all routes in the router instance. By default,\n     * if the base element exists in the `<head>`, vaadin-router\n     * takes the `<base href>` attribute value, resolves against current `document.URL`\n     * and gets the `pathname` from the result.\n     *\n     * @public\n     * @type {string}\n     */\n    this.baseUrl;\n\n    /**\n     * A promise that is settled after the current render cycle completes. If\n     * there is no render cycle in progress the promise is immediately settled\n     * with the last render cycle result.\n     *\n     * @public\n     * @type {!Promise<!RouterLocation>}\n     */\n    this.ready;\n    this.ready = Promise.resolve(outlet);\n\n    /**\n     * Contains read-only information about the current router location:\n     * pathname, active routes, parameters. See the\n     * [Location type declaration](#/classes/RouterLocation)\n     * for more details.\n     *\n     * @public\n     * @type {!RouterLocation}\n     */\n    this.location;\n    this.location = createLocation({resolver: this});\n\n    this.__lastStartedRenderId = 0;\n    this.__navigationEventHandler = this.__onNavigationEvent.bind(this);\n    this.setOutlet(outlet);\n    this.subscribe();\n    // Using WeakMap instead of WeakSet because WeakSet is not supported by IE11\n    this.__createdByRouter = new WeakMap();\n    this.__addedByRouter = new WeakMap();\n  }\n\n  __resolveRoute(context) {\n    const route = context.route;\n\n    let callbacks = Promise.resolve();\n\n    if (isFunction(route.children)) {\n      callbacks = callbacks\n        .then(() => route.children(copyContextWithoutNext(context)))\n        .then(children => {\n          // The route.children() callback might have re-written the\n          // route.children property instead of returning a value\n          if (!isResultNotEmpty(children) && !isFunction(route.children)) {\n            children = route.children;\n          }\n          processNewChildren(children, route);\n        });\n    }\n\n    const commands = {\n      redirect: path => createRedirect(context, path),\n      component: (component) => {\n        const element = document.createElement(component);\n        this.__createdByRouter.set(element, true);\n        return element;\n      }\n    };\n\n    return callbacks\n      .then(() => {\n        if (this.__isLatestRender(context)) {\n          return runCallbackIfPossible(route.action, [context, commands], route);\n        }\n      })\n      .then(result => {\n        if (isResultNotEmpty(result)) {\n          // Actions like `() => import('my-view.js')` are not expected to\n          // end the resolution, despite the result is not empty. Checking\n          // the result with a whitelist of values that end the resolution.\n          if (result instanceof HTMLElement ||\n              result.redirect ||\n              result === notFoundResult) {\n            return result;\n          }\n        }\n\n        if (isString(route.redirect)) {\n          return commands.redirect(route.redirect);\n        }\n\n        if (route.bundle) {\n          return loadBundle(route.bundle)\n            .then(() => {}, () => {\n              throw new Error(log(`Bundle not found: ${route.bundle}. Check if the file name is correct`));\n            });\n        }\n      })\n      .then(result => {\n        if (isResultNotEmpty(result)) {\n          return result;\n        }\n        if (isString(route.component)) {\n          return commands.component(route.component);\n        }\n      });\n  }\n\n  /**\n   * Sets the router outlet (the DOM node where the content for the current\n   * route is inserted). Any content pre-existing in the router outlet is\n   * removed at the end of each render pass.\n   *\n   * NOTE: this method is automatically invoked first time when creating a new Router instance.\n   *\n   * @param {?Node} outlet the DOM node where the content for the current route\n   *     is inserted.\n   */\n  setOutlet(outlet) {\n    if (outlet) {\n      this.__ensureOutlet(outlet);\n    }\n    this.__outlet = outlet;\n  }\n\n  /**\n   * Returns the current router outlet. The initial value is `undefined`.\n   *\n   * @return {?Node} the current router outlet (or `undefined`)\n   */\n  getOutlet() {\n    return this.__outlet;\n  }\n\n  /**\n   * Sets the routing config (replacing the existing one) and triggers a\n   * navigation event so that the router outlet is refreshed according to the\n   * current `window.location` and the new routing config.\n   *\n   * Each route object may have the following properties, listed here in the processing order:\n   * * `path` – the route path (relative to the parent route if any) in the\n   * [express.js syntax](https://expressjs.com/en/guide/routing.html#route-paths\").\n   *\n   * * `children` – an array of nested routes or a function that provides this\n   * array at the render time. The function can be synchronous or asynchronous:\n   * in the latter case the render is delayed until the returned promise is\n   * resolved. The `children` function is executed every time when this route is\n   * being rendered. This allows for dynamic route structures (e.g. backend-defined),\n   * but it might have a performance impact as well. In order to avoid calling\n   * the function on subsequent renders, you can override the `children` property\n   * of the route object and save the calculated array there\n   * (via `context.route.children = [ route1, route2, ...];`).\n   * Parent routes are fully resolved before resolving the children. Children\n   * 'path' values are relative to the parent ones.\n   *\n   * * `action` – the action that is executed before the route is resolved.\n   * The value for this property should be a function, accepting `context`\n   * and `commands` parameters described below. If present, this function is\n   * always invoked first, disregarding of the other properties' presence.\n   * The action can return a result directly or within a `Promise`, which\n   * resolves to the result. If the action result is an `HTMLElement` instance,\n   * a `commands.component(name)` result, a `commands.redirect(path)` result,\n   * or a `context.next()` result, the current route resolution is finished,\n   * and other route config properties are ignored.\n   * See also **Route Actions** section in [Live Examples](#/classes/Router/demos/demo/index.html).\n   *\n   * * `redirect` – other route's path to redirect to. Passes all route parameters to the redirect target.\n   * The target route should also be defined.\n   * See also **Redirects** section in [Live Examples](#/classes/Router/demos/demo/index.html).\n   *\n   * * `bundle` – string containing the path to `.js` or `.mjs` bundle to load before resolving the route,\n   * or the object with \"module\" and \"nomodule\" keys referring to different bundles.\n   * Each bundle is only loaded once. If \"module\" and \"nomodule\" are set, only one bundle is loaded,\n   * depending on whether the browser supports ES modules or not.\n   * The property is ignored when either an `action` returns the result or `redirect` property is present.\n   * Any error, e.g. 404 while loading bundle will cause route resolution to throw.\n   * See also **Code Splitting** section in [Live Examples](#/classes/Router/demos/demo/index.html).\n   *\n   * * `component` – the tag name of the Web Component to resolve the route to.\n   * The property is ignored when either an `action` returns the result or `redirect` property is present.\n   * If route contains the `component` property (or an action that return a component)\n   * and its child route also contains the `component` property, child route's component\n   * will be rendered as a light dom child of a parent component.\n   *\n   * * `name` – the string name of the route to use in the\n   * [`router.urlForName(name, params)`](#/classes/Router#method-urlForName)\n   * navigation helper method.\n   *\n   * For any route function (`action`, `children`) defined, the corresponding `route` object is available inside the callback\n   * through the `this` reference. If you need to access it, make sure you define the callback as a non-arrow function\n   * because arrow functions do not have their own `this` reference.\n   *\n   * `context` object that is passed to `action` function holds the following properties:\n   * * `context.pathname` – string with the pathname being resolved\n   *\n   * * `context.search` – search query string\n   *\n   * * `context.hash` – hash string\n   *\n   * * `context.params` – object with route parameters\n   *\n   * * `context.route` – object that holds the route that is currently being rendered.\n   *\n   * * `context.next()` – function for asynchronously getting the next route\n   * contents from the resolution chain (if any)\n   *\n   * `commands` object that is passed to `action` function has\n   * the following methods:\n   *\n   * * `commands.redirect(path)` – function that creates a redirect data\n   * for the path specified.\n   *\n   * * `commands.component(component)` – function that creates a new HTMLElement\n   * with current context. Note: the component created by this function is reused if visiting the same path twice in row.\n   *\n   *\n   * @param {!Array<!Route>|!Route} routes a single route or an array of those\n   * @param {?boolean} skipRender configure the router but skip rendering the\n   *     route corresponding to the current `window.location` values\n   *\n   * @return {!Promise<!Node>}\n   */\n  setRoutes(routes, skipRender = false) {\n    this.__previousContext = undefined;\n    this.__urlForName = undefined;\n    super.setRoutes(routes);\n    if (!skipRender) {\n      this.__onNavigationEvent();\n    }\n    return this.ready;\n  }\n\n  /**\n   * Asynchronously resolves the given pathname and renders the resolved route\n   * component into the router outlet. If no router outlet is set at the time of\n   * calling this method, or at the time when the route resolution is completed,\n   * a `TypeError` is thrown.\n   *\n   * Returns a promise that is fulfilled with the router outlet DOM Node after\n   * the route component is created and inserted into the router outlet, or\n   * rejected if no route matches the given path.\n   *\n   * If another render pass is started before the previous one is completed, the\n   * result of the previous render pass is ignored.\n   *\n   * @param {!string|!{pathname: !string, search: ?string, hash: ?string}} pathnameOrContext\n   *    the pathname to render or a context object with a `pathname` property,\n   *    optional `search` and `hash` properties, and other properties\n   *    to pass to the resolver.\n   * @param {boolean=} shouldUpdateHistory\n   *    update browser history with the rendered location\n   * @return {!Promise<!Node>}\n   */\n  render(pathnameOrContext, shouldUpdateHistory) {\n    const renderId = ++this.__lastStartedRenderId;\n    const context = Object.assign(\n      {\n        search: '',\n        hash: ''\n      },\n      isString(pathnameOrContext)\n        ? {pathname: pathnameOrContext}\n        : pathnameOrContext,\n      {\n        __renderId: renderId\n      }\n    );\n\n    // Find the first route that resolves to a non-empty result\n    this.ready = this.resolve(context)\n\n      // Process the result of this.resolve() and handle all special commands:\n      // (redirect / prevent / component). If the result is a 'component',\n      // then go deeper and build the entire chain of nested components matching\n      // the pathname. Also call all 'on before' callbacks along the way.\n      .then(context => this.__fullyResolveChain(context))\n\n      .then(context => {\n        if (this.__isLatestRender(context)) {\n          const previousContext = this.__previousContext;\n\n          // Check if the render was prevented and make an early return in that case\n          if (context === previousContext) {\n            // Replace the history with the previous context\n            // to make sure the URL stays the same.\n            this.__updateBrowserHistory(previousContext, true);\n            return this.location;\n          }\n\n          this.location = createLocation(context);\n\n          if (shouldUpdateHistory) {\n            // Replace only if first render redirects, so that we don’t leave\n            // the redirecting record in the history\n            this.__updateBrowserHistory(context, renderId === 1);\n          }\n\n          fireRouterEvent('location-changed', {router: this, location: this.location});\n\n          // Skip detaching/re-attaching there are no render changes\n          if (context.__skipAttach) {\n            this.__copyUnchangedElements(context, previousContext);\n            this.__previousContext = context;\n            return this.location;\n          }\n\n          this.__addAppearingContent(context, previousContext);\n          const animationDone = this.__animateIfNeeded(context);\n\n          this.__runOnAfterEnterCallbacks(context);\n          this.__runOnAfterLeaveCallbacks(context, previousContext);\n\n          return animationDone.then(() => {\n            if (this.__isLatestRender(context)) {\n              // If there is another render pass started after this one,\n              // the 'disappearing content' would be removed when the other\n              // render pass calls `this.__addAppearingContent()`\n              this.__removeDisappearingContent();\n\n              this.__previousContext = context;\n              return this.location;\n            }\n          });\n        }\n      })\n      .catch(error => {\n        if (renderId === this.__lastStartedRenderId) {\n          if (shouldUpdateHistory) {\n            this.__updateBrowserHistory(context);\n          }\n          removeDomNodes(this.__outlet && this.__outlet.children);\n          this.location = createLocation(Object.assign(context, {resolver: this}));\n          fireRouterEvent('error', Object.assign({router: this, error}, context));\n          throw error;\n        }\n      });\n    return this.ready;\n  }\n\n  // `topOfTheChainContextBeforeRedirects` is a context coming from Resolver.resolve().\n  // It would contain a 'redirect' route or the first 'component' route that\n  // matched the pathname. There might be more child 'component' routes to be\n  // resolved and added into the chain. This method would find and add them.\n  // `contextBeforeRedirects` is the context containing such a child component\n  // route. It's only necessary when this method is called recursively (otherwise\n  // it's the same as the 'top of the chain' context).\n  //\n  // Apart from building the chain of child components, this method would also\n  // handle 'redirect' routes, call 'onBefore' callbacks and handle 'prevent'\n  // and 'redirect' callback results.\n  __fullyResolveChain(topOfTheChainContextBeforeRedirects,\n    contextBeforeRedirects = topOfTheChainContextBeforeRedirects) {\n    return this.__findComponentContextAfterAllRedirects(contextBeforeRedirects)\n      // `contextAfterRedirects` is always a context with an `HTMLElement` result\n      // In other cases the promise gets rejected and .then() is not called\n      .then(contextAfterRedirects => {\n        const redirectsHappened = contextAfterRedirects !== contextBeforeRedirects;\n        const topOfTheChainContextAfterRedirects =\n          redirectsHappened ? contextAfterRedirects : topOfTheChainContextBeforeRedirects;\n\n        const matchedPath = getPathnameForRouter(\n          getMatchedPath(contextAfterRedirects.chain),\n          contextAfterRedirects.resolver\n        );\n        const isFound = (matchedPath === contextAfterRedirects.pathname);\n\n        // Recursive method to try matching more child and sibling routes\n        const findNextContextIfAny = (context, parent = context.route, prevResult) => {\n          return context.next(undefined, parent, prevResult).then(nextContext => {\n            if (nextContext === null || nextContext === notFoundResult) {\n              // Next context is not found in children, ...\n              if (isFound) {\n                // ...but original context is already fully matching - use it\n                return context;\n              } else if (parent.parent !== null) {\n                // ...and there is no full match yet - step up to check siblings\n                return findNextContextIfAny(context, parent.parent, nextContext);\n              } else {\n                return nextContext;\n              }\n            }\n\n            return nextContext;\n          });\n        };\n\n        return findNextContextIfAny(contextAfterRedirects).then(nextContext => {\n          if (nextContext === null || nextContext === notFoundResult) {\n            throw getNotFoundError(topOfTheChainContextAfterRedirects);\n          }\n\n          return nextContext\n          && nextContext !== notFoundResult\n          && nextContext !== contextAfterRedirects\n            ? this.__fullyResolveChain(topOfTheChainContextAfterRedirects, nextContext)\n            : this.__amendWithOnBeforeCallbacks(contextAfterRedirects);\n        });\n      });\n  }\n\n  __findComponentContextAfterAllRedirects(context) {\n    const result = context.result;\n    if (result instanceof HTMLElement) {\n      renderElement(context, result);\n      return Promise.resolve(context);\n    } else if (result.redirect) {\n      return this.__redirect(result.redirect, context.__redirectCount, context.__renderId)\n        .then(context => this.__findComponentContextAfterAllRedirects(context));\n    } else if (result instanceof Error) {\n      return Promise.reject(result);\n    } else {\n      return Promise.reject(\n        new Error(\n          log(\n            `Invalid route resolution result for path \"${context.pathname}\". ` +\n            `Expected redirect object or HTML element, but got: \"${logValue(result)}\". ` +\n            `Double check the action return value for the route.`\n          )\n        ));\n    }\n  }\n\n  __amendWithOnBeforeCallbacks(contextWithFullChain) {\n    return this.__runOnBeforeCallbacks(contextWithFullChain).then(amendedContext => {\n      if (amendedContext === this.__previousContext || amendedContext === contextWithFullChain) {\n        return amendedContext;\n      }\n      return this.__fullyResolveChain(amendedContext);\n    });\n  }\n\n  __runOnBeforeCallbacks(newContext) {\n    const previousContext = this.__previousContext || {};\n    const previousChain = previousContext.chain || [];\n    const newChain = newContext.chain;\n\n    let callbacks = Promise.resolve();\n    const prevent = () => ({cancel: true});\n    const redirect = (pathname) => createRedirect(newContext, pathname);\n\n    newContext.__divergedChainIndex = 0;\n    newContext.__skipAttach = false;\n    if (previousChain.length) {\n      for (let i = 0; i < Math.min(previousChain.length, newChain.length); i = ++newContext.__divergedChainIndex) {\n        if (previousChain[i].route !== newChain[i].route\n          || previousChain[i].path !== newChain[i].path && previousChain[i].element !== newChain[i].element\n          || !this.__isReusableElement(previousChain[i].element, newChain[i].element)) {\n          break;\n        }\n      }\n\n      // Skip re-attaching and notifications if element and chain do not change\n      newContext.__skipAttach =\n        // Same route chain\n        newChain.length === previousChain.length && newContext.__divergedChainIndex == newChain.length &&\n        // Same element\n        this.__isReusableElement(newContext.result, previousContext.result);\n\n      if (newContext.__skipAttach) {\n        // execute onBeforeLeave for changed segment element when skipping attach\n        for (let i = newChain.length - 1; i >= 0; i--) {\n          callbacks = this.__runOnBeforeLeaveCallbacks(callbacks, newContext, {prevent}, previousChain[i]);\n        }\n        // execute onBeforeEnter for changed segment element when skipping attach\n        for (let i = 0; i < newChain.length; i++) {\n          callbacks = this.__runOnBeforeEnterCallbacks(callbacks, newContext, {prevent, redirect}, newChain[i]);\n          previousChain[i].element.location = createLocation(newContext, previousChain[i].route);\n        }\n\n      } else {\n        // execute onBeforeLeave when NOT skipping attach\n        for (let i = previousChain.length - 1; i >= newContext.__divergedChainIndex; i--) {\n          callbacks = this.__runOnBeforeLeaveCallbacks(callbacks, newContext, {prevent}, previousChain[i]);\n        }\n      }\n    }\n    // execute onBeforeEnter when NOT skipping attach\n    if (!newContext.__skipAttach) {\n      for (let i = 0; i < newChain.length; i++) {\n        if (i < newContext.__divergedChainIndex) {\n          if (i < previousChain.length && previousChain[i].element) {\n            previousChain[i].element.location = createLocation(newContext, previousChain[i].route);\n          }\n        } else {\n          callbacks = this.__runOnBeforeEnterCallbacks(callbacks, newContext, {prevent, redirect}, newChain[i]);\n          if (newChain[i].element) {\n            newChain[i].element.location = createLocation(newContext, newChain[i].route);\n          }\n        }\n      }\n    }\n    return callbacks.then(amendmentResult => {\n      if (amendmentResult) {\n        if (amendmentResult.cancel) {\n          this.__previousContext.__renderId = newContext.__renderId;\n          return this.__previousContext;\n        }\n        if (amendmentResult.redirect) {\n          return this.__redirect(amendmentResult.redirect, newContext.__redirectCount, newContext.__renderId);\n        }\n      }\n      return newContext;\n    });\n  }\n\n  __runOnBeforeLeaveCallbacks(callbacks, newContext, commands, chainElement) {\n    const location = createLocation(newContext);\n    return callbacks.then(result => {\n      if (this.__isLatestRender(newContext)) {\n        const afterLeaveFunction = amend('onBeforeLeave', [location, commands, this], chainElement.element);\n        return afterLeaveFunction(result);\n      }\n    }).then(result => {\n      if (!(result || {}).redirect) {\n        return result;\n      }\n    });\n  }\n\n  __runOnBeforeEnterCallbacks(callbacks, newContext, commands, chainElement) {\n    const location = createLocation(newContext, chainElement.route);\n    return callbacks.then(result => {\n      if (this.__isLatestRender(newContext)) {\n        const beforeEnterFunction = amend('onBeforeEnter', [location, commands, this], chainElement.element);\n        return beforeEnterFunction(result);\n      }\n    });\n  }\n\n  __isReusableElement(element, otherElement) {\n    if (element && otherElement) {\n      return this.__createdByRouter.get(element) && this.__createdByRouter.get(otherElement)\n        ? element.localName === otherElement.localName\n        : element === otherElement;\n    }\n    return false;\n  }\n\n  __isLatestRender(context) {\n    return context.__renderId === this.__lastStartedRenderId;\n  }\n\n  __redirect(redirectData, counter, renderId) {\n    if (counter > MAX_REDIRECT_COUNT) {\n      throw new Error(log(`Too many redirects when rendering ${redirectData.from}`));\n    }\n\n    return this.resolve({\n      pathname: this.urlForPath(\n        redirectData.pathname,\n        redirectData.params\n      ),\n      redirectFrom: redirectData.from,\n      __redirectCount: (counter || 0) + 1,\n      __renderId: renderId\n    });\n  }\n\n  __ensureOutlet(outlet = this.__outlet) {\n    if (!(outlet instanceof Node)) {\n      throw new TypeError(log(`Expected router outlet to be a valid DOM Node (but got ${outlet})`));\n    }\n  }\n\n  __updateBrowserHistory({pathname, search = '', hash = ''}, replace) {\n    if (window.location.pathname !== pathname\n        || window.location.search !== search\n        || window.location.hash !== hash\n    ) {\n      const changeState = replace ? 'replaceState' : 'pushState';\n      window.history[changeState](null, document.title, pathname + search + hash);\n      window.dispatchEvent(new PopStateEvent('popstate', {state: 'vaadin-router-ignore'}));\n    }\n  }\n\n  __copyUnchangedElements(context, previousContext) {\n    // Find the deepest common parent between the last and the new component\n    // chains. Update references for the unchanged elements in the new chain\n    let deepestCommonParent = this.__outlet;\n    for (let i = 0; i < context.__divergedChainIndex; i++) {\n      const unchangedElement = previousContext && previousContext.chain[i].element;\n      if (unchangedElement) {\n        if (unchangedElement.parentNode === deepestCommonParent) {\n          context.chain[i].element = unchangedElement;\n          deepestCommonParent = unchangedElement;\n        } else {\n          break;\n        }\n      }\n    }\n    return deepestCommonParent;\n  }\n\n  __addAppearingContent(context, previousContext) {\n    this.__ensureOutlet();\n\n    // If the previous 'entering' animation has not completed yet,\n    // stop it and remove that content from the DOM before adding new one.\n    this.__removeAppearingContent();\n\n    // Copy reusable elements from the previousContext to current\n    const deepestCommonParent = this.__copyUnchangedElements(context, previousContext);\n\n    // Keep two lists of DOM elements:\n    //  - those that should be removed once the transition animation is over\n    //  - and those that should remain\n    this.__appearingContent = [];\n    this.__disappearingContent = Array\n      .from(deepestCommonParent.children)\n      .filter(\n        // Only remove layout content that was added by router\n        e => this.__addedByRouter.get(e) &&\n        // Do not remove the result element to avoid flickering\n        e !== context.result);\n\n    // Add new elements (starting after the deepest common parent) to the DOM.\n    // That way only the components that are actually different between the two\n    // locations are added to the DOM (and those that are common remain in the\n    // DOM without first removing and then adding them again).\n    let parentElement = deepestCommonParent;\n    for (let i = context.__divergedChainIndex; i < context.chain.length; i++) {\n      const elementToAdd = context.chain[i].element;\n      if (elementToAdd) {\n        parentElement.appendChild(elementToAdd);\n        this.__addedByRouter.set(elementToAdd, true);\n        if (parentElement === deepestCommonParent) {\n          this.__appearingContent.push(elementToAdd);\n        }\n        parentElement = elementToAdd;\n      }\n    }\n  }\n\n  __removeDisappearingContent() {\n    if (this.__disappearingContent) {\n      removeDomNodes(this.__disappearingContent);\n    }\n    this.__disappearingContent = null;\n    this.__appearingContent = null;\n  }\n\n  __removeAppearingContent() {\n    if (this.__disappearingContent && this.__appearingContent) {\n      removeDomNodes(this.__appearingContent);\n      this.__disappearingContent = null;\n      this.__appearingContent = null;\n    }\n  }\n\n  __runOnAfterLeaveCallbacks(currentContext, targetContext) {\n    if (!targetContext) {\n      return;\n    }\n\n    // REVERSE iteration: from Z to A\n    for (let i = targetContext.chain.length - 1; i >= currentContext.__divergedChainIndex; i--) {\n      if (!this.__isLatestRender(currentContext)) {\n        break;\n      }\n      const currentComponent = targetContext.chain[i].element;\n      if (!currentComponent) {\n        continue;\n      }\n      try {\n        const location = createLocation(currentContext);\n        runCallbackIfPossible(\n          currentComponent.onAfterLeave,\n          [location, {}, targetContext.resolver],\n          currentComponent);\n      } finally {\n        if (this.__disappearingContent.indexOf(currentComponent) > -1) {\n          removeDomNodes(currentComponent.children);\n        }\n      }\n    }\n  }\n\n  __runOnAfterEnterCallbacks(currentContext) {\n    // forward iteration: from A to Z\n    for (let i = currentContext.__divergedChainIndex; i < currentContext.chain.length; i++) {\n      if (!this.__isLatestRender(currentContext)) {\n        break;\n      }\n      const currentComponent = currentContext.chain[i].element || {};\n      const location = createLocation(currentContext, currentContext.chain[i].route);\n      runCallbackIfPossible(\n        currentComponent.onAfterEnter,\n        [location, {}, currentContext.resolver],\n        currentComponent);\n    }\n  }\n\n  __animateIfNeeded(context) {\n    const from = (this.__disappearingContent || [])[0];\n    const to = (this.__appearingContent || [])[0];\n    const promises = [];\n\n    const chain = context.chain;\n    let config;\n    for (let i = chain.length; i > 0; i--) {\n      if (chain[i - 1].route.animate) {\n        config = chain[i - 1].route.animate;\n        break;\n      }\n    }\n\n    if (from && to && config) {\n      const leave = isObject(config) && config.leave || 'leaving';\n      const enter = isObject(config) && config.enter || 'entering';\n      promises.push(animate(from, leave));\n      promises.push(animate(to, enter));\n    }\n\n    return Promise.all(promises).then(() => context);\n  }\n\n  /**\n   * Subscribes this instance to navigation events on the `window`.\n   *\n   * NOTE: beware of resource leaks. For as long as a router instance is\n   * subscribed to navigation events, it won't be garbage collected.\n   */\n  subscribe() {\n    window.addEventListener('vaadin-router-go', this.__navigationEventHandler);\n  }\n\n  /**\n   * Removes the subscription to navigation events created in the `subscribe()`\n   * method.\n   */\n  unsubscribe() {\n    window.removeEventListener('vaadin-router-go', this.__navigationEventHandler);\n  }\n\n  __onNavigationEvent(event) {\n    const {pathname, search, hash} = event ? event.detail : window.location;\n    if (isString(this.__normalizePathname(pathname))) {\n      if (event && event.preventDefault) {\n        event.preventDefault();\n      }\n      this.render({pathname, search, hash}, true);\n    }\n  }\n\n  /**\n   * Configures what triggers Router navigation events:\n   *  - `POPSTATE`: popstate events on the current `window`\n   *  - `CLICK`: click events on `<a>` links leading to the current page\n   *\n   * This method is invoked with the pre-configured values when creating a new Router instance.\n   * By default, both `POPSTATE` and `CLICK` are enabled. This setup is expected to cover most of the use cases.\n   *\n   * See the `router-config.js` for the default navigation triggers config. Based on it, you can\n   * create the own one and only import the triggers you need, instead of pulling in all the code,\n   * e.g. if you want to handle `click` differently.\n   *\n   * See also **Navigation Triggers** section in [Live Examples](#/classes/Router/demos/demo/index.html).\n   *\n   * @param {...NavigationTrigger} triggers\n   */\n  static setTriggers(...triggers) {\n    setNavigationTriggers(triggers);\n  }\n\n  /**\n   * Generates a URL for the route with the given name, optionally performing\n   * substitution of parameters.\n   *\n   * The route is searched in all the Router instances subscribed to\n   * navigation events.\n   *\n   * **Note:** For child route names, only array children are considered.\n   * It is not possible to generate URLs using a name for routes set with\n   * a children function.\n   *\n   * @function urlForName\n   * @param {!string} name the route name or the route’s `component` name.\n   * @param {Params=} params Optional object with route path parameters.\n   * Named parameters are passed by name (`params[name] = value`), unnamed\n   * parameters are passed by index (`params[index] = value`).\n   *\n   * @return {string}\n   */\n  urlForName(name, params) {\n    if (!this.__urlForName) {\n      this.__urlForName = generateUrls(this);\n    }\n    return getPathnameForRouter(\n      this.__urlForName(name, params),\n      this\n    );\n  }\n\n  /**\n   * Generates a URL for the given route path, optionally performing\n   * substitution of parameters.\n   *\n   * @param {!string} path string route path declared in [express.js syntax](https://expressjs.com/en/guide/routing.html#route-paths\").\n   * @param {Params=} params Optional object with route path parameters.\n   * Named parameters are passed by name (`params[name] = value`), unnamed\n   * parameters are passed by index (`params[index] = value`).\n   *\n   * @return {string}\n   */\n  urlForPath(path, params) {\n    return getPathnameForRouter(\n      Router.pathToRegexp.compile(path)(params),\n      this\n    );\n  }\n\n  /**\n   * Triggers navigation to a new path. Returns a boolean without waiting until\n   * the navigation is complete. Returns `true` if at least one `Router`\n   * has handled the navigation (was subscribed and had `baseUrl` matching\n   * the `path` argument), otherwise returns `false`.\n   *\n   * @param {!string|!{pathname: !string, search: (string|undefined), hash: (string|undefined)}} path\n   *   a new in-app path string, or an URL-like object with `pathname`\n   *   string property, and optional `search` and `hash` string properties.\n   * @return {boolean}\n   */\n  static go(path) {\n    const {pathname, search, hash} = isString(path)\n      ? this.__createUrl(path, 'http://a') // some base to omit origin\n      : path;\n    return fireRouterEvent('go', {pathname, search, hash});\n  }\n}\n\nconst DEV_MODE_CODE_REGEXP =\n  /\\/\\*\\*\\s+vaadin-dev-mode:start([\\s\\S]*)vaadin-dev-mode:end\\s+\\*\\*\\//i;\n\nconst FlowClients = window.Vaadin && window.Vaadin.Flow && window.Vaadin.Flow.clients;\n\nfunction isMinified() {\n  function test() {\n    /** vaadin-dev-mode:start\n    return false;\n    vaadin-dev-mode:end **/\n    return true;\n  }\n  return uncommentAndRun(test);\n}\n\nfunction isDevelopmentMode() {\n  try {\n    if (isForcedDevelopmentMode()) {\n      return true;\n    }\n\n    if (!isLocalhost()) {\n      return false;\n    }\n\n    if (FlowClients) {\n      return !isFlowProductionMode();\n    }\n\n    return !isMinified();\n  } catch (e) {\n    // Some error in this code, assume production so no further actions will be taken\n    return false;\n  }\n}\n\nfunction isForcedDevelopmentMode() {\n  return localStorage.getItem(\"vaadin.developmentmode.force\");\n}\n\nfunction isLocalhost() {\n  return ([\"localhost\",\"127.0.0.1\"].indexOf(window.location.hostname) >= 0);\n}\n\nfunction isFlowProductionMode() {\n  if (FlowClients) {\n    const productionModeApps = Object.keys(FlowClients)\n      .map(key => FlowClients[key])\n      .filter(client => client.productionMode);\n    if (productionModeApps.length > 0) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction uncommentAndRun(callback, args) {\n  if (typeof callback !== 'function') {\n    return;\n  }\n\n  const match = DEV_MODE_CODE_REGEXP.exec(callback.toString());\n  if (match) {\n    try {\n      // requires CSP: script-src 'unsafe-eval'\n      callback = new Function(match[1]);\n    } catch (e) {\n      // eat the exception\n      console.log('vaadin-development-mode-detector: uncommentAndRun() failed', e);\n    }\n  }\n\n  return callback(args);\n}\n\n// A guard against polymer-modulizer removing the window.Vaadin\n// initialization above.\nwindow['Vaadin'] = window['Vaadin'] || {};\n\n/**\n * Inspects the source code of the given `callback` function for\n * specially-marked _commented_ code. If such commented code is found in the\n * callback source, uncomments and runs that code instead of the callback\n * itself. Otherwise runs the callback as is.\n *\n * The optional arguments are passed into the callback / uncommented code,\n * the result is returned.\n *\n * See the `isMinified()` function source code in this file for an example.\n *\n */\nconst runIfDevelopmentMode = function(callback, args) {\n  if (window.Vaadin.developmentMode) {\n    return uncommentAndRun(callback, args);\n  }\n};\n\nif (window.Vaadin.developmentMode === undefined) {\n  window.Vaadin.developmentMode = isDevelopmentMode();\n}\n\n/* This file is autogenerated from src/vaadin-usage-statistics.tpl.html */\n\nfunction maybeGatherAndSendStats() {\n  /** vaadin-dev-mode:start\n  (function () {\n'use strict';\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n  return typeof obj;\n} : function (obj) {\n  return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n};\n\nvar classCallCheck = function (instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n};\n\nvar createClass = function () {\n  function defineProperties(target, props) {\n    for (var i = 0; i < props.length; i++) {\n      var descriptor = props[i];\n      descriptor.enumerable = descriptor.enumerable || false;\n      descriptor.configurable = true;\n      if (\"value\" in descriptor) descriptor.writable = true;\n      Object.defineProperty(target, descriptor.key, descriptor);\n    }\n  }\n\n  return function (Constructor, protoProps, staticProps) {\n    if (protoProps) defineProperties(Constructor.prototype, protoProps);\n    if (staticProps) defineProperties(Constructor, staticProps);\n    return Constructor;\n  };\n}();\n\nvar getPolymerVersion = function getPolymerVersion() {\n  return window.Polymer && window.Polymer.version;\n};\n\nvar StatisticsGatherer = function () {\n  function StatisticsGatherer(logger) {\n    classCallCheck(this, StatisticsGatherer);\n\n    this.now = new Date().getTime();\n    this.logger = logger;\n  }\n\n  createClass(StatisticsGatherer, [{\n    key: 'frameworkVersionDetectors',\n    value: function frameworkVersionDetectors() {\n      return {\n        'Flow': function Flow() {\n          if (window.Vaadin && window.Vaadin.Flow && window.Vaadin.Flow.clients) {\n            var flowVersions = Object.keys(window.Vaadin.Flow.clients).map(function (key) {\n              return window.Vaadin.Flow.clients[key];\n            }).filter(function (client) {\n              return client.getVersionInfo;\n            }).map(function (client) {\n              return client.getVersionInfo().flow;\n            });\n            if (flowVersions.length > 0) {\n              return flowVersions[0];\n            }\n          }\n        },\n        'Vaadin Framework': function VaadinFramework() {\n          if (window.vaadin && window.vaadin.clients) {\n            var frameworkVersions = Object.values(window.vaadin.clients).filter(function (client) {\n              return client.getVersionInfo;\n            }).map(function (client) {\n              return client.getVersionInfo().vaadinVersion;\n            });\n            if (frameworkVersions.length > 0) {\n              return frameworkVersions[0];\n            }\n          }\n        },\n        'AngularJs': function AngularJs() {\n          if (window.angular && window.angular.version && window.angular.version) {\n            return window.angular.version.full;\n          }\n        },\n        'Angular': function Angular() {\n          if (window.ng) {\n            var tags = document.querySelectorAll(\"[ng-version]\");\n            if (tags.length > 0) {\n              return tags[0].getAttribute(\"ng-version\");\n            }\n            return \"Unknown\";\n          }\n        },\n        'Backbone.js': function BackboneJs() {\n          if (window.Backbone) {\n            return window.Backbone.VERSION;\n          }\n        },\n        'React': function React() {\n          var reactSelector = '[data-reactroot], [data-reactid]';\n          if (!!document.querySelector(reactSelector)) {\n            // React does not publish the version by default\n            return \"unknown\";\n          }\n        },\n        'Ember': function Ember() {\n          if (window.Em && window.Em.VERSION) {\n            return window.Em.VERSION;\n          } else if (window.Ember && window.Ember.VERSION) {\n            return window.Ember.VERSION;\n          }\n        },\n        'jQuery': function (_jQuery) {\n          function jQuery() {\n            return _jQuery.apply(this, arguments);\n          }\n\n          jQuery.toString = function () {\n            return _jQuery.toString();\n          };\n\n          return jQuery;\n        }(function () {\n          if (typeof jQuery === 'function' && jQuery.prototype.jquery !== undefined) {\n            return jQuery.prototype.jquery;\n          }\n        }),\n        'Polymer': function Polymer() {\n          var version = getPolymerVersion();\n          if (version) {\n            return version;\n          }\n        },\n        'LitElement': function LitElement() {\n          var version = window.litElementVersions && window.litElementVersions[0];\n          if (version) {\n            return version;\n          }\n        },\n        'LitHtml': function LitHtml() {\n          var version = window.litHtmlVersions && window.litHtmlVersions[0];\n          if (version) {\n            return version;\n          }\n        },\n        'Vue.js': function VueJs() {\n          if (window.Vue) {\n            return window.Vue.version;\n          }\n        }\n      };\n    }\n  }, {\n    key: 'getUsedVaadinElements',\n    value: function getUsedVaadinElements(elements) {\n      var version = getPolymerVersion();\n      var elementClasses = void 0;\n      // NOTE: In case you edit the code here, YOU MUST UPDATE any statistics reporting code in Flow.\n      // Check all locations calling the method getEntries() in\n      // https://github.com/vaadin/flow/blob/master/flow-server/src/main/java/com/vaadin/flow/internal/UsageStatistics.java#L106\n      // Currently it is only used by BootstrapHandler.\n      if (version && version.indexOf('2') === 0) {\n        // Polymer 2: components classes are stored in window.Vaadin\n        elementClasses = Object.keys(window.Vaadin).map(function (c) {\n          return window.Vaadin[c];\n        }).filter(function (c) {\n          return c.is;\n        });\n      } else {\n        // Polymer 3: components classes are stored in window.Vaadin.registrations\n        elementClasses = window.Vaadin.registrations || [];\n      }\n      elementClasses.forEach(function (klass) {\n        var version = klass.version ? klass.version : \"0.0.0\";\n        elements[klass.is] = { version: version };\n      });\n    }\n  }, {\n    key: 'getUsedVaadinThemes',\n    value: function getUsedVaadinThemes(themes) {\n      ['Lumo', 'Material'].forEach(function (themeName) {\n        var theme;\n        var version = getPolymerVersion();\n        if (version && version.indexOf('2') === 0) {\n          // Polymer 2: themes are stored in window.Vaadin\n          theme = window.Vaadin[themeName];\n        } else {\n          // Polymer 3: themes are stored in custom element registry\n          theme = customElements.get('vaadin-' + themeName.toLowerCase() + '-styles');\n        }\n        if (theme && theme.version) {\n          themes[themeName] = { version: theme.version };\n        }\n      });\n    }\n  }, {\n    key: 'getFrameworks',\n    value: function getFrameworks(frameworks) {\n      var detectors = this.frameworkVersionDetectors();\n      Object.keys(detectors).forEach(function (framework) {\n        var detector = detectors[framework];\n        try {\n          var version = detector();\n          if (version) {\n            frameworks[framework] = { version: version };\n          }\n        } catch (e) {}\n      });\n    }\n  }, {\n    key: 'gather',\n    value: function gather(storage) {\n      var storedStats = storage.read();\n      var gatheredStats = {};\n      var types = [\"elements\", \"frameworks\", \"themes\"];\n\n      types.forEach(function (type) {\n        gatheredStats[type] = {};\n        if (!storedStats[type]) {\n          storedStats[type] = {};\n        }\n      });\n\n      var previousStats = JSON.stringify(storedStats);\n\n      this.getUsedVaadinElements(gatheredStats.elements);\n      this.getFrameworks(gatheredStats.frameworks);\n      this.getUsedVaadinThemes(gatheredStats.themes);\n\n      var now = this.now;\n      types.forEach(function (type) {\n        var keys = Object.keys(gatheredStats[type]);\n        keys.forEach(function (key) {\n          if (!storedStats[type][key] || _typeof(storedStats[type][key]) != _typeof({})) {\n            storedStats[type][key] = { firstUsed: now };\n          }\n          // Discards any previously logged version number\n          storedStats[type][key].version = gatheredStats[type][key].version;\n          storedStats[type][key].lastUsed = now;\n        });\n      });\n\n      var newStats = JSON.stringify(storedStats);\n      storage.write(newStats);\n      if (newStats != previousStats && Object.keys(storedStats).length > 0) {\n        this.logger.debug(\"New stats: \" + newStats);\n      }\n    }\n  }]);\n  return StatisticsGatherer;\n}();\n\nvar StatisticsStorage = function () {\n  function StatisticsStorage(key) {\n    classCallCheck(this, StatisticsStorage);\n\n    this.key = key;\n  }\n\n  createClass(StatisticsStorage, [{\n    key: 'read',\n    value: function read() {\n      var localStorageStatsString = localStorage.getItem(this.key);\n      try {\n        return JSON.parse(localStorageStatsString ? localStorageStatsString : '{}');\n      } catch (e) {\n        return {};\n      }\n    }\n  }, {\n    key: 'write',\n    value: function write(data) {\n      localStorage.setItem(this.key, data);\n    }\n  }, {\n    key: 'clear',\n    value: function clear() {\n      localStorage.removeItem(this.key);\n    }\n  }, {\n    key: 'isEmpty',\n    value: function isEmpty() {\n      var storedStats = this.read();\n      var empty = true;\n      Object.keys(storedStats).forEach(function (key) {\n        if (Object.keys(storedStats[key]).length > 0) {\n          empty = false;\n        }\n      });\n\n      return empty;\n    }\n  }]);\n  return StatisticsStorage;\n}();\n\nvar StatisticsSender = function () {\n  function StatisticsSender(url, logger) {\n    classCallCheck(this, StatisticsSender);\n\n    this.url = url;\n    this.logger = logger;\n  }\n\n  createClass(StatisticsSender, [{\n    key: 'send',\n    value: function send(data, errorHandler) {\n      var logger = this.logger;\n\n      if (navigator.onLine === false) {\n        logger.debug(\"Offline, can't send\");\n        errorHandler();\n        return;\n      }\n      logger.debug(\"Sending data to \" + this.url);\n\n      var req = new XMLHttpRequest();\n      req.withCredentials = true;\n      req.addEventListener(\"load\", function () {\n        // Stats sent, nothing more to do\n        logger.debug(\"Response: \" + req.responseText);\n      });\n      req.addEventListener(\"error\", function () {\n        logger.debug(\"Send failed\");\n        errorHandler();\n      });\n      req.addEventListener(\"abort\", function () {\n        logger.debug(\"Send aborted\");\n        errorHandler();\n      });\n      req.open(\"POST\", this.url);\n      req.setRequestHeader(\"Content-Type\", \"application/json\");\n      req.send(data);\n    }\n  }]);\n  return StatisticsSender;\n}();\n\nvar StatisticsLogger = function () {\n  function StatisticsLogger(id) {\n    classCallCheck(this, StatisticsLogger);\n\n    this.id = id;\n  }\n\n  createClass(StatisticsLogger, [{\n    key: '_isDebug',\n    value: function _isDebug() {\n      return localStorage.getItem(\"vaadin.\" + this.id + \".debug\");\n    }\n  }, {\n    key: 'debug',\n    value: function debug(msg) {\n      if (this._isDebug()) {\n        console.info(this.id + \": \" + msg);\n      }\n    }\n  }]);\n  return StatisticsLogger;\n}();\n\nvar UsageStatistics = function () {\n  function UsageStatistics() {\n    classCallCheck(this, UsageStatistics);\n\n    this.now = new Date();\n    this.timeNow = this.now.getTime();\n    this.gatherDelay = 10; // Delay between loading this file and gathering stats\n    this.initialDelay = 24 * 60 * 60;\n\n    this.logger = new StatisticsLogger(\"statistics\");\n    this.storage = new StatisticsStorage(\"vaadin.statistics.basket\");\n    this.gatherer = new StatisticsGatherer(this.logger);\n    this.sender = new StatisticsSender(\"https://tools.vaadin.com/usage-stats/submit\", this.logger);\n  }\n\n  createClass(UsageStatistics, [{\n    key: 'maybeGatherAndSend',\n    value: function maybeGatherAndSend() {\n      var _this = this;\n\n      if (localStorage.getItem(UsageStatistics.optOutKey)) {\n        return;\n      }\n      this.gatherer.gather(this.storage);\n      setTimeout(function () {\n        _this.maybeSend();\n      }, this.gatherDelay * 1000);\n    }\n  }, {\n    key: 'lottery',\n    value: function lottery() {\n      return true;\n    }\n  }, {\n    key: 'currentMonth',\n    value: function currentMonth() {\n      return this.now.getYear() * 12 + this.now.getMonth();\n    }\n  }, {\n    key: 'maybeSend',\n    value: function maybeSend() {\n      var firstUse = Number(localStorage.getItem(UsageStatistics.firstUseKey));\n      var monthProcessed = Number(localStorage.getItem(UsageStatistics.monthProcessedKey));\n\n      if (!firstUse) {\n        // Use a grace period to avoid interfering with tests, incognito mode etc\n        firstUse = this.timeNow;\n        localStorage.setItem(UsageStatistics.firstUseKey, firstUse);\n      }\n\n      if (this.timeNow < firstUse + this.initialDelay * 1000) {\n        this.logger.debug(\"No statistics will be sent until the initial delay of \" + this.initialDelay + \"s has passed\");\n        return;\n      }\n      if (this.currentMonth() <= monthProcessed) {\n        this.logger.debug(\"This month has already been processed\");\n        return;\n      }\n      localStorage.setItem(UsageStatistics.monthProcessedKey, this.currentMonth());\n      // Use random sampling\n      if (this.lottery()) {\n        this.logger.debug(\"Congratulations, we have a winner!\");\n      } else {\n        this.logger.debug(\"Sorry, no stats from you this time\");\n        return;\n      }\n\n      this.send();\n    }\n  }, {\n    key: 'send',\n    value: function send() {\n      // Ensure we have the latest data\n      this.gatherer.gather(this.storage);\n\n      // Read, send and clean up\n      var data = this.storage.read();\n      data[\"firstUse\"] = Number(localStorage.getItem(UsageStatistics.firstUseKey));\n      data[\"usageStatisticsVersion\"] = UsageStatistics.version;\n      var info = 'This request contains usage statistics gathered from the application running in development mode. \\n\\nStatistics gathering is automatically disabled and excluded from production builds.\\n\\nFor details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.\\n\\n\\n\\n';\n      var self = this;\n      this.sender.send(info + JSON.stringify(data), function () {\n        // Revert the 'month processed' flag\n        localStorage.setItem(UsageStatistics.monthProcessedKey, self.currentMonth() - 1);\n      });\n    }\n  }], [{\n    key: 'version',\n    get: function get$1() {\n      return '2.1.0';\n    }\n  }, {\n    key: 'firstUseKey',\n    get: function get$1() {\n      return 'vaadin.statistics.firstuse';\n    }\n  }, {\n    key: 'monthProcessedKey',\n    get: function get$1() {\n      return 'vaadin.statistics.monthProcessed';\n    }\n  }, {\n    key: 'optOutKey',\n    get: function get$1() {\n      return 'vaadin.statistics.optout';\n    }\n  }]);\n  return UsageStatistics;\n}();\n\ntry {\n  window.Vaadin = window.Vaadin || {};\n  window.Vaadin.usageStatsChecker = window.Vaadin.usageStatsChecker || new UsageStatistics();\n  window.Vaadin.usageStatsChecker.maybeGatherAndSend();\n} catch (e) {\n  // Intentionally ignored as this is not a problem in the app being developed\n}\n\n}());\n\n  vaadin-dev-mode:end **/\n}\n\nconst usageStatistics = function() {\n  if (typeof runIfDevelopmentMode === 'function') {\n    return runIfDevelopmentMode(maybeGatherAndSendStats);\n  }\n};\n\nwindow.Vaadin = window.Vaadin || {};\nwindow.Vaadin.registrations = window.Vaadin.registrations || [];\n\nwindow.Vaadin.registrations.push({\n  is: '@vaadin/router',\n  version: '1.7.4',\n});\n\nusageStatistics();\n\nRouter.NavigationTrigger = {POPSTATE, CLICK};\n\nexport { Resolver, Router };\n//# sourceMappingURL=vaadin-router.js.map\n","class AccordionPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h4>Accordion</h4>\n\t\t<div class=\"container-view\">\n\t\t\t<gov-accordion size=\"xs\">\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Font Awesome Icon</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<gov-icon slot=\"toggle-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item disabled is-expanded>\n\t\t\t\t\t<h3 slot=\"label\">Kontaktní osoby</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Působnost v agendách</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p slot=\"annotation\">Anotace Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n\t\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\" slot=\"suffix\">\n\t\t\t\t\t\tChip\n\t\t\t\t\t</gov-chip>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Zřizované organizace</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t</gov-accordion>\n\t\t\t<br>\n\t\t\t<gov-accordion size=\"xs\" no-border>\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Font Awesome Icon</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t<h3 slot=\"label\">Kontaktní osoby</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t<p slot=\"label\">Působnost v agendách</p>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t<span slot=\"label\">Zřizované organizace</span>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t</gov-accordion>\n\t\t\t<br />\n\t\t\t<gov-accordion size=\"s\" variant=\"secondary\">\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Font Awesome Icon</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<gov-icon slot=\"toggle-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item disabled is-expanded>\n\t\t\t\t\t<h3 slot=\"label\">Kontaktní osoby</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Působnost v agendách</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Zřizované organizace</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t</gov-accordion>\n\t\t\t<br>\n\t\t\t<gov-accordion size=\"s\">\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Font Awesome Icon</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t<h3 slot=\"label\">Kontaktní osoby</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t<h3 slot=\"label\">Působnost v agendách</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\" slot=\"suffix\">\n\t\t\t\t\t\tChip\n\t\t\t\t\t</gov-chip>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t<h3 slot=\"label\">Zřizované organizace</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t</gov-accordion>\n\t\t\t<br />\n\t\t\t<gov-accordion size=\"m\">\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Font Awesome Icon</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<gov-icon slot=\"toggle-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item disabled is-expanded>\n\t\t\t\t\t<h3 slot=\"label\">Kontaktní osoby</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Působnost v agendách</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Zřizované organizace</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t</gov-accordion>\n\t\t\t<br>\n\t\t\t<gov-accordion size=\"m\">\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Font Awesome Icon</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item is-expanded label=\"Kontaktní osoby\">\n\t\t\t\t\t<h3 slot=\"label\">Kontaktní osoby</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\" slot=\"suffix\">\n\t\t\t\t\t\tChip\n\t\t\t\t\t</gov-chip>\n\t\t\t\t\t\t\t\t<gov-accordion size=\"xs\" no-border>\n\t\t\t\t\t\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t\t\t\t\t\t<h3 slot=\"label\">Font Awesome Icon</h3>\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"toggle-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t\t\t\t\t<gov-accordion-item disabled is-expanded>\n\t\t\t\t\t\t\t\t\t\t<h3 slot=\"label\">Kontaktní osoby</h3>\n\t\t\t\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t\t\t\t\t\t<h3 slot=\"label\">Působnost v agendách</h3>\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t\t\t\t\t\t<h3 slot=\"label\">Zřizované organizace</h3>\n\t\t\t\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t\t\t\t</gov-accordion>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t<h3 slot=\"label\">Působnost v agendách</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\" slot=\"suffix\">\n\t\t\t\t\t\tChip\n\t\t\t\t\t</gov-chip>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t<h3 slot=\"label\">Zřizované organizace</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t</gov-accordion>\n\t\t\t<br />\n\t\t\t<gov-accordion size=\"l\">\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Font Awesome Icon</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<gov-icon slot=\"toggle-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item disabled is-expanded>\n\t\t\t\t\t<h3 slot=\"label\">Kontaktní osoby</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Působnost v agendách</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Zřizované organizace</h3>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t</gov-accordion>\n\t\t\t<br>\n\t\t\t<gov-accordion size=\"l\">\n\t\t\t\t<gov-accordion-item>\n\t\t\t\t\t<h3 slot=\"label\">Font Awesome Icon</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Kontaktní osoby\">\n\t\t\t\t\t<h3 slot=\"label\">Kontaktní osoby</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Působnost v agendách\">\n\t\t\t\t\t<h3 slot=\"label\">Působnost v agendách</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-chip variant=\"primary\" size=\"m\" slot=\"suffix\">\n\t\t\t\t\t\tChip\n\t\t\t\t\t</gov-chip>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t\t<gov-accordion-item label=\"Zřizované organizace\">\n\t\t\t\t\t<h3 slot=\"label\">Zřizované organizace</h3>\n\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t</gov-accordion-item>\n\t\t\t</gov-accordion>\n\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('accordion-page') === undefined) {\n\tcustomElements.define('accordion-page', AccordionPage)\n}\n","class BreadcrumbsPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Breadcrumbs</h2>\n\n\t\t<gov-breadcrumbs wcag-label=\"Drobečková navigace pro stránku Czech POINT\">\n\t\t\t<ul>\n\t\t\t\t<li>\n\t\t\t\t\t<button>\n\t\t\t\t\tDomů\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon  name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">Kam dál</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon  name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<a href=\"#\">\n\t\t\t\t\tČeský eGovernment\n\t\t\t\t\t</a>\n\t\t\t\t</li>\n\t\t\t\t<li>\n\t\t\t\t\t<gov-icon name=\"chevron-right\"></gov-icon>\n\t\t\t\t\t<strong>Czech POINT</strong>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</gov-breadcrumbs>\n\n\t\t`\n\t}\n}\n\nif (customElements.get(\"breadcrumbs-page\") === undefined) {\n\tcustomElements.define(\"breadcrumbs-page\", BreadcrumbsPage)\n}\n","class ButtonPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Buttons</h1>\n\n\t\t\t<h4>Dropdown</h4>\n\n\t\t\t<gov-layout>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<div class=\"container-view\">\n\t\t\t\t\t\t<gov-dropdown>\n\t\t\t\t\t\t\t<gov-button variant=\"primary\" size=\"s\">\n\t\t\t\t\t\t\t\tVíce\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t<ul slot=\"list\">\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\t\t\t\tA další nabídka\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\t\t\t\tA další dlouhá nabídka\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\t\t\t\tA další\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</gov-dropdown>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-layout-column>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<div class=\"container-view\">\n\t\t\t\t\t\t<gov-dropdown position=\"right\">\n\t\t\t\t\t\t\t<gov-button variant=\"primary\" size=\"s\">\n\t\t\t\t\t\t\t\tVíce\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t<ul slot=\"list\">\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\t\t\t\tA další nabídka\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\t\t\t\tA další dlouhá nabídka\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\t\t\t\tA další\n\t\t\t\t\t\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</gov-dropdown>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\n\t\t\t<h4>Buttons - primary (default)</h4>\n\n\t\t\t<gov-button variant=\"primary\" size=\"s\" icon-left=\"basic/info\"  icon-right=\"basic/info\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tSmall Primary Icon Param\n\t\t\t\t</gov-button>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br><br>\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\" loading=\"1\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" href=\"http://localhost:3333/button\" loading=\"0\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" href=\"http://localhost:3333/button\" loading=\"1\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\" loading=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<h4>Buttons - primary (expanded)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" expanded=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tExpanded\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<h4>Buttons - primary (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<h4>Buttons - primary (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - primary (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"primary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"secondary\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"secondary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - secondary (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--secondary-800\">\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Secondary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Secondary\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"secondary\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" size=\"s\" class=\"u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"warning\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"warning\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - warning (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--warning-500\">\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"warning\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" size=\"s\" class=\"u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"success\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"success\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - success (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--success-500\">\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"success\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" size=\"s\" class=\"u-mr--medium u-mr-mobile--2xl u-mr-tablet--unset u-mr-portable--medium\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"error\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (outlined inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"outlined\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (base)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (base inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" loading=\"false\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"base\" loading=\"true\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (link)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"error\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Buttons - error (link inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--error-400\">\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t\t<gov-icon inverse slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t\t<br>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button inverse variant=\"error\" type=\"link\" href=\"http://localhost:3333/button\" loading=\"true\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<hr />\n\t\t`\n\t}\n}\n\nif (customElements.get('button-page') === undefined) {\n\tcustomElements.define('button-page', ButtonPage)\n}\n","class CardPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\n\t\t<div style=\"max-width: 650px\">\n\t\t\t<h2>Card</h2>\n\n\t\t\t<gov-card label=\"Fusce tellus odio, dapibus id fermentum quis\" expanded collapsible class=\"gov-bg--success-100\">\n\t\t\t\t<p class=\"gov-color--secondary-700\">\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t\t</p>\n\t\t\t</gov-card>\n\n\t\t\t<br>\n\n\t\t\t<div style=\"height: 400px\">\n\t\t\t\t<gov-card label=\"Fusce tellus odio, dapibus id fermentum quis\" expanded collapsible>\n\t\t\t\t\t<div class=\"gov-content\">\n\t\t\t\t\t\t<p class=\"gov-color--secondary-700\">\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<gov-button variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\">\n\t\t\t\t\t\t\tButton\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t<p slot=\"footer\" class=\"gov-color--primary-700\">\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-card>\n\t\t\t</div>\n\t\t\t<br>\n\t\t\t<gov-card label=\"Fusce tellus odio, dapibus id fermentum quis\">\n\t\t\t\t<p class=\"gov-color--secondary-700\">\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t\t</p>\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tButton\n\t\t\t\t</gov-button>\n\t\t\t\t<p slot=\"footer\" color=\"gov-color--primary-700\">\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t\t</p>\n\t\t\t</gov-card>\n\t\t\t<h3>Image slot</h3>\n\t\t\t<gov-card expanded>\n\t\t\t\t<img slot=\"img\" src=\"https://picsum.photos/536/354\" src=\"\" alt=\"Obárzek\" width=\"536\" height=\"354\">\n\t\t\t\t<p class=\"gov-text--l gov-color--secondary-800\">\n\t\t\t\t\t<b>\n\t\t\t\t\t\tCommodo consequat.\n\t\t\t\t\t</b>\n\t\t\t\t</p>\n\t\t\t\t<p class=\"gov-color--secondary-700\">\n\t\t\t\t\tCommodo consequat. Nullam rhoncus aliquam metus.\n\t\t\t\t</p>\n\t\t\t\t<p class=\"gov-color--secondary-700\">\n\t\t\t\t\t<a href=\"#\">Chci vědět více</a>\n\t\t\t\t</p>\n\t\t\t</gov-card>\n\t\t\t<h3>Shadow variant</h3>\n\t\t\t<gov-card expanded class=\"gov-box-shadow--m\">\n\t\t\t\t<img slot=\"img\" src=\"https://picsum.photos/536/354\" src=\"\" alt=\"Obárzek\" width=\"536\" height=\"354\">\n\t\t\t\t<p class=\"gov-text--l gov-color--secondary-800\">\n\t\t\t\t\t<b>\n\t\t\t\t\t\tCommodo consequat.\n\t\t\t\t\t</b>\n\t\t\t\t</p>\n\t\t\t\t<p class=\"gov-color--secondary-700\">\n\t\t\t\t\tCommodo consequat. Nullam rhoncus aliquam metus.\n\t\t\t\t</p>\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tJak založit\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tZjistit více\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t\t<h3>With icon</h3>\n\t\t\t<gov-card>\n\t\t\t\t<gov-icon name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p class=\"gov-color--secondary-700\">\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.\n\t\t\t\t</p>\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t\t<h3>Horizontal orientation</h3>\n\t\t\t<gov-card promotion>\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p class=\"gov-color--secondary-700\">\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.\n\t\t\t\t</p>\n\t\t\t\t<gov-button slot=\"btn\" variant=\"primary\" type=\"outlined\" size=\"s\" href=\"http://localhost:3333/button\">\n\t\t\t\t\tLearn more\n\t\t\t\t</gov-button>\n\t\t\t</gov-card>\n\t\t</div>\n\n\t\t`\n\t}\n}\n\nif (customElements.get('card-page') === undefined) {\n\tcustomElements.define('card-page', CardPage)\n}\n","class ChipPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Chips</h1>\n\t\t\t<h4>Chips close</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"primary\" size=\"s\" inverse=\"\">\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"base\" wcag-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"s\">\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"m\">\n\t\t\t\tNot clickable M\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"l\">\n\t\t\t\tNot clickable L\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"xl\">\n\t\t\t\tNot clickable XL\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips close (inversed)</h4>\n\t\t\t<div class=\"container-view gov-bg--primary-600\">\n\t\t\t<gov-chip variant=\"primary\" size=\"s\" inverse>\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"m\" inverse>\n\t\t\t\tNot clickable M\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"l\" inverse>\n\t\t\t\tNot clickable L\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t<gov-chip variant=\"primary\" size=\"xl\" inverse>\n\t\t\t\tNot clickable XL\n\t\t\t\t<gov-button slot=\"right\" variant=\"primary\" type=\"solid\" wcag-label=\"Zavřít vše\" size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - primary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" disabled href=\"http://www.example.com/\" target=\"_blank\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"l\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - primary (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"s\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" href=\"http://www.example.com/\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" disabled href=\"http://www.example.com/\" target=\"_blank\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"l\" href=\"http://www.example.com/\" inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" size=\"xl\" disabled inverse>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - primary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"primary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"primary\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - secondary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"secondary\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"l\" tag=\"a\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large secondary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - secondary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge secondary\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"secondary\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large secondary\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - success (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"success\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"success\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"l\" tag=\"a\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large success\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - success (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"success\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge success\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"success\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large success\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - warning (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"warning\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"warning\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"l\" tag=\"a\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large warning\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - warning (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge warning\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"warning\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large warning\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Chips - error (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"error\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"xs\" inverse>\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"l\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tClickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" size=\"xl\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\tX-Large error\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Chips - error (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip variant=\"error\" tag=\"a\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"a\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"button\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"a\" type=\"outlined\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge error\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip variant=\"error\" tag=\"button\" type=\"outlined\" disabled size=\"xl\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large error\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('chip-page') === undefined) {\n\tcustomElements.define('chip-page', ChipPage)\n}\n","class ContainerPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Container</h2>\n\n\t\t<gov-container>\n\t\t\t<p>Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t</gov-container>\n\t\t`\n\t}\n}\n\nif (customElements.get('container-page') === undefined) {\n\tcustomElements.define('container-page', ContainerPage)\n}\n","class ControlGroupPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Control Group</h2>\n\n\t\t<gov-control-group>\n\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\"></gov-form-input>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-dropdown position=\"right\">\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\">\n\t\t\t\t\tVíce\n\t\t\t\t</gov-button>\n\t\t\t\t<ul slot=\"list\">\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\tA další nabídka\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\tA další nabídka\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\tA další nabídka\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</gov-dropdown>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"primary\">\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\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<gov-button variant=\"primary\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"primary\" no-border>\n\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" size=\"xl\">\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<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br><br>\n\n\t\t<gov-control-group variant=\"secondary\" no-border>\n\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<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\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<gov-button variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"primary\" size=\"xl\">\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<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br><br>\n\n\t\t<gov-control-group variant=\"secondary\">\n\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<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\" no-border>\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\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<gov-button variant=\"secondary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"secondary\" size=\"xl\">\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<gov-button variant=\"secondary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br /><br />\n\t\t<gov-control-group variant=\"primary\">\n\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"primary\" size=\"m\">\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<gov-button variant=\"primary\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"secondary\" size=\"m\">\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<gov-button variant=\"secondary\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br />\n\t\t<gov-control-group variant=\"success\">\n\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"success\" size=\"m\">\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<gov-button variant=\"success\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br />\n\t\t<gov-control-group variant=\"warning\">\n\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"warning\" size=\"m\">\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<gov-button variant=\"warning\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br />\n\t\t<gov-control-group variant=\"error\">\n\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"error\" size=\"m\">\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<gov-button variant=\"error\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t`\n\t}\n}\n\nif (customElements.get('control-group-page') === undefined) {\n\tcustomElements.define('control-group-page', ControlGroupPage)\n}\n","class Cookiebar extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<gov-cookiebar>\n\t\t\t\t<h2 class=\"h4\">Můžeme si u vás uložit cookies?</h2>\n\n\t\t\t\t<p>\n\t\t\t\t\tCo že to znamená? Cookies jsou malé datové soubory, které slouží např. k tomu, aby si web pamatoval vaše nastavení a to, co vás zajímá, nebo abychom jej zlepšovali . Pro ukládání různých typů cookies od vás potřebujeme souhlas. Web bude fungovat i bez souhlasu, s ním ale o něco lépe.\n\t\t\t\t</p>\n\n\t\t\t\t<gov-button variant=\"primary\" slot=\"actions-primary\">\n\t\t\t\t\tSouhlasím se všemi\n\t\t\t\t</gov-button>\n\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" slot=\"actions-primary\">\n\t\t\t\t\tOdmítnout všechny\n\t\t\t\t</gov-button>\n\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" slot=\"actions-secondary\">\n\t\t\t\t\tPodrobné nastavení\n\t\t\t\t</gov-button>\n\t\t\t</gov-cookiebar>\n\t\t`\n\t}\n}\n\nif (customElements.get('cookiebar-page') === undefined) {\n\tcustomElements.define('cookiebar-page', Cookiebar)\n}\n","class EmptyPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Empty</h2>\n\n\t\t<gov-empty>\n\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t<p class=\"gov-text--2xl\">\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t</p>\n\t\t\t<p class=\"gov-text--l gov-color--secondary-700\">\n\t\t\t\tInformace o tom, že je potřeba upřesnit vyhledávání\n\t\t\t</p>\n\t\t\t<gov-spacer size=\"l\"></gov-spacer>\n\t\t\t<gov-button variant=\"primary\">\n\t\t\t\tPřejít na jinou stránku\n\t\t\t</gov-button>\n\t\t</gov-empty>\n\t\t<gov-empty align=\"right\">\n\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t<p class=\"gov-text--2xl\">\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t</p>\n\t\t\t<p class=\"gov-text--l gov-color--secondary-700\">\n\t\t\t\tInformace o tom, že je potřeba upřesnit vyhledávání\n\t\t\t</p>\n\t\t</gov-empty>\n\t\t<gov-empty align=\"center\">\n\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t<p class=\"gov-text--2xl\">\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t</p>\n\t\t\t<p class=\"gov-text--l gov-color--secondary-700\">\n\t\t\t\tInformace o tom, že je potřeba upřesnit vyhledávání\n\t\t\t</p>\n\t\t</gov-empty>\n\t\t`\n\t}\n}\n\nif (customElements.get('empty-page') === undefined) {\n\tcustomElements.define('empty-page', EmptyPage)\n}\n","class ErrorPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Error</h2>\n\t\t<gov-error-code>\n\t\t\t<gov-icon slot=\"icon\" name=\"card-400\" type=\"complex\"></gov-icon>\n\t\t\t<h2 class=\"gov-text--6xl\">Page Not Found</h2>\n\t\t\t<p class=\"gov-text--l\">Sorry, the page you are looking for does not exist.</p>\n\t\t</gov-error-code>\n\t\t`\n\t}\n}\n\nif (customElements.get('error-page') === undefined) {\n\tcustomElements.define('error-page', ErrorPage)\n}\n","class FormLabelPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<gov-form-label>\n\t\t\t\tForm Label\n\t\t\t</gov-form-label>\n\t`\n\t}\n}\n\nif (customElements.get('form-label-page') === undefined) {\n\tcustomElements.define('form-label-page', FormLabelPage)\n}\n","class FormMessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<gov-form-message>\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tDefault\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message>\n\t\t\t\t<p>\n\t\t\t\t\tDefault\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"secondary\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tSecondary\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"secondary\">\n\t\t\t\t<p>\n\t\t\t\t\tSecondary\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"error\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tError\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"error\">\n\t\t\t\t<p>\n\t\t\t\t\tError\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"warning\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tWarning\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"warning\">\n\t\t\t\t<p>\n\t\t\t\t\tWarning\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"success\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tSuccess\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"success\">\n\t\t\t\t<p>\n\t\t\t\t\tSuccess\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message>\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus. \n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tAliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message>\n\t\t\t\t<p>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus. \n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tAliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t`\n\t}\n}\n\nif (customElements.get('form-message-page') === undefined) {\n\tcustomElements.define('form-message-page', FormMessagePage)\n}\n","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 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\tconsole.log(da);\n\t\t\t\t\tda.addEventListener('gov-add-file', 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) {\n\t\t\t\t\tms.setOptions([{value: 'a', name: 'Aneta'}, {value: 'b', name: 'Beata'}, {value: 't', name: 'Tomáš'}])\n\n\t\t\t\t\tsetTimeout(() =>{\n\t\t\t\t\t\tms.removeSelectedOption({value: 'a', name: 'Aneta'})\n\t\t\t\t\t\tms.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.setOptions([{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.setOptions([{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\t\t\t}, 1000)\n\t\t})()\n\t\tthis.innerHTML = `\n\n\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</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=\"xl\" id=\"ba\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\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\" 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\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t\t\t\t<gov-button slot=\"button\" variant=\"primary\" size=\"s\">\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\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t\t\t\t<gov-button slot=\"button\" variant=\"primary\" size=\"m\">\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\" name=\"test-me\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t\t\t\t<gov-button slot=\"button\" variant=\"secondary\" size=\"l\">\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\" 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-group gap=\"2xs\">\n\t\t\t\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" required 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=\"xs\" 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=\"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-group>\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-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 success=\"true\">\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 success=\"true\">\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 success=\"true\">\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 success=\"true\">\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\" success=\"true\">\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\"></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\" success=\"true\">\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\"></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\" success=\"True\">\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\" success=\"1\">\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\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","class FormsRestructurePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h4>Forms</h4>\n\t\t\t<div class=\"container-view container-view--inline\">\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('forms-restructue-page') === undefined) {\n\tcustomElements.define('forms-restructue-page', FormsRestructurePage)\n}\n","class GridPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tGrid\n\t\t</h2>\n\t\t<style>\n\t\t\t.gov-grid-item span {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground: lightgray;\n\t\t\t\tpadding: 10px;\n\t\t\t}\n\t\t</style>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"1/12\"><span>1/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"11/12\"><span>11/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"2/12\"><span>2/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"10/12\"><span>10/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"3/12\"><span>3/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"9/12\"><span>9/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"4/12\"><span>4/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"8/12\"><span>8/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"5/12\"><span>5/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"7/12\"><span>7/12</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"6/12\"><span>6/12</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"6/12\"><span>6/12</span></gov-grid-item>\n\t\t</gov-grid>\n\n\t\t<h2>Responsive grid</h2>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 1</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 2</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 3</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 4</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 5</span></gov-grid-item>\n\t\t\t<gov-grid-item size-sm=\"6/12\" size-md=\"4/12\" size-lg=\"3/12\" size-xl=\"2/12\"><span>Cell 6</span></gov-grid-item>\n\t\t</gov-grid>\n\n\t\t<h2>Horizontal (X) align</h2>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-x=\"middle\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-x=\"bottom\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat. Morbi mauris eros, porttitor non tellus sed, iaculis ultrices tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. Ut et tempor risus. In volutpat nec diam semper iaculis. Nam tempus varius nunc, eu congue mauris ornare nec. Sed sodales et nisl vitae volutpat. Duis luctus metus ut justo vestibulum, id suscipit lacus suscipit. Vestibulum at nisi at turpis volutpat fermentum non id erat.</span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\n\t\t<h2>Vertical (Y) align</h2>\n\t\t<gov-grid>\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-y=\"center\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t</gov-grid>\n\t\t<br>\n\t\t<gov-grid align-y=\"right\">\n\t\t\t<gov-grid-item size=\"4/12\"><span>Curabitur tincidunt leo elit, et accumsan leo vestibulum sit amet. Nulla quis nibh a diam ultricies volutpat. Pellentesque fringilla id diam in placerat. Pellentesque consectetur, nisl tincidunt scelerisque vulputate, diam velit cursus neque, eu posuere urna metus id justo. </span></gov-grid-item>\n\t\t</gov-grid>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('grid-page') === undefined) {\n\tcustomElements.define('grid-page', GridPage)\n}\n","class HomePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<form style=\"padding: 20px;\">\n\t\t\t<gov-form-label legend>\n\t\t\t\tForm Label legend\n\t\t\t</gov-form-label>\n\t\t\t<gov-form-control type=\"input\">\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\" 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<br><br>\n\t\t\t<legend>Legend</legend>\n\t\t\t<gov-form-control type=\"input\">\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\" 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<br><br>\n\t\t\t<gov-form-control type=\"input\" fieldset>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Form control fieldset</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" 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<br><br>\n\t\t\t<fieldset>\n\t\t\t\t<gov-form-label size=\"s\" slot=\"top\">Fieldset</gov-form-label>\n\t\t\t\t<gov-form-group>\n\t\t\t\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"primary\" size=\"s\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</fieldset>\n\t\t\t<br><br>\n\t\t\t<fieldset>\n\t\t\t\t<legend>Fieldset & Legend</legend>\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\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"primary\" size=\"s\"></gov-form-input>\n\t\t\t\t</gov-form-group>\n\t\t\t</fieldset>\n\t\t</form>\n\t\t`\n\t}\n}\n\nif (customElements.get('home-page') === undefined) {\n\tcustomElements.define('home-page', HomePage)\n}\n","class InfobarPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Infobar</h2>\n\n\t\t<div class=\"gov-bg--secondary-800\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar variant=\"secondary\" headline=\"Tohle bude super nadpis pro všechno\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\n\t\t<div class=\"gov-bg--primary-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar variant=\"primary\" headline=\"Tohle bude super nadpis pro všechno\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\n\t\t<div class=\"gov-bg--success-500\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar variant=\"success\" headline=\"Tohle bude super nadpis pro všechno\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\n\t\t<div class=\"gov-bg--error-400\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar variant=\"error\" headline=\"Tohle bude super nadpis pro všechno\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\n\t\t<div class=\"gov-bg--warning-400\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar variant=\"warning\" headline=\"Tohle bude super nadpis pro všechno\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\n\t\t<br/>\n\n\t\t<gov-infobar variant=\"secondary\" headline=\"Tohle bude super nadpis pro všechno\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\n\n\t\t<br>\n\t\t<gov-infobar variant=\"secondary\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar variant=\"warning\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar variant=\"error\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar variant=\"success\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar variant=\"primary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\n\t\t<h3>Inverse</h3>\n\t\t<br>\n\t\t<gov-infobar inverse=\"TRUE\" variant=\"secondary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar inverse=\"True\" variant=\"warning\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tWarning - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar inverse=\"1\" variant=\"error\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar inverse=\"true\" variant=\"success\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t<br>\n\t\t<gov-infobar inverse=\"true\" variant=\"primary\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tError - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-infobar>\n\t\t`\n\t}\n}\n\nif (customElements.get('infobar-page') === undefined) {\n\tcustomElements.define('infobar-page', InfobarPage)\n}\n","class LayoutPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Layout</h2>\n\n\t\t<gov-container>\n\t\t\t<gov-layout type=\"stretch\">\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t\t<gov-layout>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t\t<gov-layout>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Stretch</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t\t<gov-layout type=\"aside\" variant=\"right\">\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Aside right</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Aside right</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t\t<gov-layout type=\"aside\" variant=\"left\">\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Aside left</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Aside left</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t\t<gov-layout type=\"aside\" variant=\"right\" inverse>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Aside right inverse</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Aside right inverse</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t\t<gov-layout type=\"aside\" variant=\"left\" inverse>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Aside left inverse</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Aside left inverse</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t\t<gov-layout type=\"text\" variant=\"left\">\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Text left</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t\t<gov-layout type=\"text\">\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Text</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t\t<gov-layout type=\"text\" variant=\"right\">\n\t\t\t\t<gov-layout-column>\n\t\t\t\t\t<p><b>Text right</b> Ut sollicitudin risus sit amet placerat fermentum. Sed libero mauris, maximus cursus magna tincidunt, efficitur congue enim. Suspendisse potenti. Sed ac eleifend leo. Nullam a sapien in diam semper faucibus sit amet vel nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu faucibus mi. Morbi leo ipsum, tempus vel vulputate non, varius et lectus. Donec justo lacus, congue hendrerit felis sit amet, commodo lobortis neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla vulputate urna sapien. Proin imperdiet rhoncus dictum. Pellentesque tempor ultrices tortor, ac mollis lorem mollis non. Phasellus sit amet maximus ex, id scelerisque nulla. Etiam eu orci a nulla semper maximus et at quam.</p>\n\t\t\t\t</gov-layout-column>\n\t\t\t</gov-layout>\n\t\t\t<br>\n\t\t</gov-container>\n\t\t<br>\n\n\t\t`\n\t}\n}\n\nif (customElements.get('layout-page') === undefined) {\n\tcustomElements.define('layout-page', LayoutPage)\n}\n","class LoadingPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tsetTimeout(function () {\n\t\t\tdocument.getElementById('btn').addEventListener('gov-click', function () {\n\t\t\t\tdocument.getElementById('loading').setAttribute('loading', 'true')\n\t\t\t})\n\t\t}, 500)\n\t\tthis.innerHTML = `\n\t\t\t<h2>Loading</h2>\n\t\t\t<div class=\"preview-container\">\n      <div class=\"skeletons-defaults\">\n        <h2>Default</h2>\n        <gov-skeleton variant=\"success\"></gov-skeleton>     \n      </div>\n      <div class=\"skeletons-appearance-circle\">\n        <h2>Default circle</h2>\n        <gov-skeleton shape=\"circle\"> </gov-skeleton>\n      </div> \n      <div class=\"skeletons-appearance-circle\">\n        <h2>Default rect</h2>\n        <gov-skeleton shape=\"rect\"> </gov-skeleton>\n      </div>       \n      <div class=\"skeletons-with-count\">\n        <h2>Default 4 rows</h2>\n        <gov-skeleton count=\"2\"></gov-skeleton>\n      </div>           \n      <div class=\"skeletons-animation-no-animation\">\n        <h2>Without animation</h2>\n        <gov-skeleton animation=\"false\"></gov-skeleton>\n      </div>\n      <div class=\"skeletons-animation-pulse\">\n        <h2>Pulse animation</h2>\n        <gov-skeleton animation=\"pulse\"></gov-skeleton>\n      </div>\n      <div class=\"skeletons-animation-progress\">\n        <h2>Progress animation</h2>\n        <gov-skeleton animation=\"progress\"></gov-skeleton>\n      </div>\n      <div class=\"skeletons-with-theming\">\n        <h2>Custom styles</h2>\n        <style>\n          .custom-skeleton {\n            --skeleton-width: 100px;\n            --skeleton-height: 100px;\n            --skeleton-background: #cccccc;\n            --skeleton-border-radius: 20px;\n          }\n        </style>\n        <gov-skeleton></gov-skeleton>\n      </div>\n      <div>\n        <h2>Custom width</h2>\n        <gov-skeleton width=\"500px\"></gov-skeleton>\n      </div>\n      <div>\n        <h2>Custom height</h2>\n        <gov-skeleton height=\"80px\"></gov-skeleton>\n      </div>\n    </div>\n\t\t\t\n\t\t\t\n\t\t\t<gov-button variant=\"primary\" id=\"btn\" wcag-label=\"Zobrazit načítání\">Zobrazit načítání</gov-button>\n\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\n\t\t\t<gov-loading id=\"loading\">Načítání</gov-loading>\n\t\t`\n\t}\n}\n\nif (customElements.get('loading-page') === undefined) {\n\tcustomElements.define('loading-page', LoadingPage)\n}\n","class MessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tContent Message\n\t\t</h2>\n\t\t<gov-message variant=\"error\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message variant=\"primary\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message variant=\"success\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message variant=\"warning\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\t\t<gov-message variant=\"secondary\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t<br>\n\n\t\t<div class=\"gov-bg--secondary-300\" style=\"padding: 48px\">\n\t\t\t<h3>Inverse</h3>\n\t\t\t<gov-message inverse variant=\"error\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t\t<br>\n\t\t\t<gov-message inverse variant=\"primary\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t\t<br>\n\t\t\t<gov-message inverse variant=\"success\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t\t<br>\n\t\t\t<gov-message inverse variant=\"warning\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t\t<br>\n\t\t\t<gov-message inverse variant=\"secondary\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t</p>\n\t\t\t</gov-message>\n\t\t</div>\n\n\t\t<h3>Shadow</h3>\n\t\t<gov-message variant=\"secondary\" shadow>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tFont awesome. Default - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t</p>\n\t\t</gov-message>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('message-page') === undefined) {\n\tcustomElements.define('message-page', MessagePage)\n}\n","class ModalPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tsetTimeout(function () {\n\t\t\tdocument.getElementById('btn').addEventListener('gov-click', function () {\n\t\t\t\tdocument.getElementById('modal').setAttribute('open', 'true')\n\t\t\t})\n\t\t}, 500)\n\t\tthis.innerHTML = `\n\t\t\t<h2>Modal</h2>\n\t\t\t<gov-button variant=\"primary\" id=\"btn\" wcag-label=\"Zobrazit formulář o výši dávky\">Vyplnit formulář</gov-button>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\n\t\t\t<gov-modal label=\"Podání daňového přiznání\" id=\"modal\" wcag-close-label=\"Zavřít modal žádosti o dávku\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<h3>Obsah modálního okna</h3>\n\t\t\t\t<p>Bude tvořen libovolnými komponentami</p>\n\t\t\t\t<h3>Obsah modálního okna</h3>\n\t\t\t\t<p>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eros libero, pulvinar vitae tempor at, laoreet quis mi. Vivamus vitae orci mi. Sed eget nisi convallis, condimentum diam a, fermentum risus. Proin vulputate pretium nisi sit amet commodo. Fusce ac magna velit. Maecenas sit amet sem quis arcu lobortis varius a non urna. Morbi ex neque, tempor bibendum sagittis vitae, vulputate ut nibh. Vestibulum sit amet pretium metus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut molestie varius nisi, sed mattis quam mollis vulputate. Morbi semper, purus sed ornare sodales, risus tellus porta massa, et eleifend erat diam vitae ex.\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tSuspendisse quis justo nibh. Aenean id purus mattis, posuere urna a, blandit magna. Aenean a ante eleifend, ornare ipsum quis, bibendum mauris. Integer eget posuere sem, in tincidunt quam. Phasellus massa erat, sodales vel hendrerit vitae, ultrices quis dolor. Fusce id vestibulum sem, eu pretium sem. Praesent lacinia, odio non aliquam cursus, arcu ipsum ornare diam, vitae pharetra erat dui non velit. Quisque eu tempus mi. Nam a diam mauris. Quisque sollicitudin risus eu neque accumsan vulputate. Ut tincidunt metus eu nulla sodales, vitae dictum justo ornare. In tincidunt lobortis nunc, ac imperdiet odio condimentum nec. Ut aliquet pulvinar ligula vitae tincidunt. Phasellus egestas ut leo pretium laoreet. Fusce et vestibulum purus. Duis semper sem massa, non dignissim nunc aliquam sit amet.\n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tPraesent blandit mattis neque varius sagittis. Nulla ac scelerisque justo. Vestibulum aliquet blandit pharetra. Quisque lacus mi, tincidunt ac dui at, lobortis efficitur nisi. Fusce laoreet maximus purus, sit amet pulvinar mauris facilisis in. Integer fermentum elit eu aliquam sodales. Curabitur laoreet pharetra est rutrum posuere. In at eros tempus ex sodales facilisis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras placerat dolor ac urna elementum facilisis. Aenean diam nibh, sollicitudin in porta sed, laoreet in nisl. Ut scelerisque tortor augue, vitae fermentum dui ornare non. Nulla fringilla libero non metus venenatis, eu maximus massa placerat. Praesent elementum convallis metus, vel iaculis sem pretium cursus.\n\t\t\t\t</p>\n\t\t\t\t<gov-button slot=\"footer\" variant=\"primary\" wcag-label=\"Vyplnit formulář o výši dávky\">Vyplnit formulář</gov-button>\n\t\t\t</gov-modal>\n\t\t`\n\t}\n}\n\nif (customElements.get('modal-page') === undefined) {\n\tcustomElements.define('modal-page', ModalPage)\n}\n","class NavPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\n\t\t\t<h4>Nav</h4>\n\n\t\t\t<gov-nav wcag-label=\"Hlavní navigace\">\n\t\t\t\t<gov-nav-item href=\"#\">\n\t\t\t\t\tÚvod\n\t\t\t\t</gov-nav-item>\n\t\t\t\t<gov-nav-item href=\"#\">\n\t\t\t\t\tSlužby veřejná správy\n\t\t\t\t</gov-nav-item>\n\t\t\t\t<gov-nav-item href=\"#\">\n\t\t\t\t\tŽivotní události\n\t\t\t\t</gov-nav-item>\n\t\t\t\t<gov-nav-item href=\"#\">\n\t\t\t\t\tO živote v ČR\n\t\t\t\t</gov-nav-item>\n\t\t\t\t<gov-nav-item href=\"#\">\n\t\t\t\t\tČasté dotazy\n\t\t\t\t</gov-nav-item>\n\t\t\t</gov-nav>\n\t\t`\n\t}\n}\n\nif (customElements.get('nav-page') === undefined) {\n\tcustomElements.define('nav-page', NavPage)\n}\n","class PaginationPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tsetTimeout(() => {\n\t\t\tconst bagr = document.getElementById('bagr')\n\t\t\tif (bagr) {\n\t\t\t\tbagr.addEventListener('gov-page', () => {\n\t\t\t\t\t// console.log(e)\n\t\t\t\t\t// bagr.setAttribute('current', String(e))\n\t\t\t\t})\n\t\t\t}\n\t\t}, 500)\n\t\tthis.innerHTML = `\n\t\t<h2>Pagination</h2>\n\n\t\t<gov-pagination total=\"212\" wcag-label=\"Stránkování pro sekci dokumenty\" wcag-select-label=\"Vybrat stránku\"></gov-pagination>\n\t\t<br>\n\t\t<gov-pagination size=\"s\" total=\"212\" wcag-label=\"Stránkování pro sekci dokumenty\" wcag-select-label=\"Vybrat stránku\"></gov-pagination>\n\t\t<br>\n\t\t<gov-pagination  id=\"bagr\"  type=\"select\" total=\"212\"  wcag-label=\"Stránkování pro sekci dokumenty\" wcag-select-label=\"Vybrat stránku\"></gov-pagination>\n\t\t<br>\n\t\t<gov-pagination type=\"select\" size=\"s\" total=\"212\"  wcag-label=\"Stránkování pro sekci dokumenty\" wcag-select-label=\"Vybrat stránku\"></gov-pagination>\n\t\t<br>\n\t\t<br>\n\t\t<gov-pagination variant=\"secondary\" total=\"212\" current=\"2\" wcag-label=\"Stránkování pro sekci dokumenty\" wcag-select-label=\"Vybrat stránku\"></gov-pagination>\n\t\t<br>\n\t\t<gov-pagination size=\"s\" variant=\"secondary\" wcag-label=\"Stránkování pro sekci dokumenty\" wcag-select-label=\"Vybrat stránku\"></gov-pagination>\n\t\t<br>\n\t\t<gov-pagination type=\"select\" variant=\"secondary\" total=\"212\"  wcag-label=\"Stránkování pro sekci dokumenty\" wcag-select-label=\"Vybrat stránku\"></gov-pagination>\n\t\t<br>\n\t\t<gov-pagination type=\"select\" variant=\"secondary\" size=\"s\" total=\"212\"  wcag-label=\"Stránkování pro sekci dokumenty\" wcag-select-label=\"Vybrat stránku\"></gov-pagination>\n\n\t\t`\n\t}\n}\n\nif (customElements.get('pagination-page') === undefined) {\n\tcustomElements.define('pagination-page', PaginationPage)\n}\n","class PromptPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tsetTimeout(function () {\n\t\t\tdocument.getElementById('btn').addEventListener('gov-click', function () {\n\t\t\t\tdocument.getElementById('modal').setAttribute('open', 'true')\n\t\t\t})\n\t\t}, 500)\n\t\tthis.innerHTML = `\n            <h2>Prompt</h2>\n\t\t\t<gov-button variant=\"error\" id=\"btn\">Smazat dokument</gov-button>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\t\t\t<p>aspo idapo diopad siaspo dasipo dsaiopds iaposa ipodsai dpsoa isapdsoai pdso posadd</p>\n\n\t\t\t<gov-prompt label=\"Smazání dokumentu\" id=\"modal\" wcag-close-label=\"Zavřít prompt\">\n\t\t\t\t<gov-icon class=\"gov-color--error-400\" slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p class=\"gov-text--l gov-color--secondary-800\">Opravdu chcete tento dokument smazat?</p>\n\t\t\t\t<p>Pokud tak učiníte, tak již nebude cesty zpět a souboru bude nenávratně odstraněn ze serveru. Ujistěte se, že máte dostatečnou zálohu.</p>\n                <gov-button slot=\"actions\" size=\"l\" variant=\"primary\" type=\"base\">Zrušit</gov-button>\n                <gov-button slot=\"actions\" size=\"l\" variant=\"error\">Smazat dokument</gov-button>\n\t\t\t</gov-prompt>\n\t\t`\n\t}\n}\n\nif (customElements.get('prompt-page') === undefined) {\n\tcustomElements.define('prompt-page', PromptPage)\n}\n","class SideNavPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Side nav</h2>\n\n\t\t<div style=\"max-width: 300px;\">\n\t\t\t<gov-side-nav>\n\t\t\t\t<gov-side-nav-item label=\"Hlavní skupina\" count=\"true\" href=\"#\">\n\t\t\t\t\t<gov-side-nav-item label=\"Vše o našem projektu\">\n\t\t\t\t\t\t<gov-side-nav-item label=\"Hodnocení\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Rozpočtová politika\" count=\"true\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Partneři\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"O nás\" href=\"#\">\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"O společnosti\" href=\"#\">\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Kontakt\">\n\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Produkty\" href=\"#\">\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Ocenění\">\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Naši klienti\" href=\"#\">\n\t\t\t\t</gov-side-nav-item>\n\t\t\t</gov-side-nav>\n\t\t\t<h3>Compact</h3>\n\t\t\t<gov-side-nav compact=\"true\">\n\t\t\t\t<gov-side-nav-item label=\"Hlavní skupina\" count=\"true\" href=\"#\">\n\t\t\t\t\t<gov-side-nav-item label=\"Vše o našem projektu\">\n\t\t\t\t\t\t<gov-side-nav-item label=\"Hodnocení\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Rozpočtová politika\" count=\"true\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Partneři\">\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"O nás\" href=\"#\">\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"O společnosti\" href=\"#\">\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Kontakt\">\n\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Produkty\" href=\"#\">\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Ocenění\">\n\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t<gov-side-nav-item label=\"Naši klienti\" href=\"#\">\n\t\t\t\t</gov-side-nav-item>\n\t\t\t</gov-side-nav>\n\n\t\t\t<h3>Inverse</h3>\n\t\t\t<div class=\"gov-bg--secondary-300\" style=\"padding: 20px;\">\n\t\t\t\t<gov-side-nav inverse=\"true\">\n\t\t\t\t\t<gov-side-nav-item label=\"Hlavní skupina\" count=\"true\" href=\"#\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t<gov-side-nav-item label=\"Vše o našem projektu\">\n\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t<gov-side-nav-item label=\"Hodnocení\">\n\t\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t\t<gov-side-nav-item label=\"Rozpočtová politika\" count=\"true\">\n\t\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t\t<gov-side-nav-item label=\"Partneři\">\n\t\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t\t<gov-side-nav-item label=\"O nás\" href=\"#\">\n\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t\t<gov-side-nav-item label=\"O společnosti\" href=\"#\">\n\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t\t<gov-side-nav-item label=\"Kontakt\">\n\t\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Produkty\" href=\"#\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Ocenění\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-side-nav-item>\n\n\t\t\t\t\t<gov-side-nav-item label=\"Naši klienti\" href=\"#\">\n\t\t\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t</gov-side-nav-item>\n\t\t\t\t</gov-side-nav>\n\t\t\t</div>\n\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('side-nav-page') === undefined) {\n\tcustomElements.define('side-nav-page', SideNavPage)\n}\n","class SpacerPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<style>\n\t\t\t gov-spacer {\n\t\t\t\tbackground: lightgray;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t }\n\t\t\t</style>\n\t\t\t<gov-spacer size=\"2xs\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"xs\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"s\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"m\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"l\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"2xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"3xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t\t<gov-spacer size=\"4xl\" breakpoint=\"sm\"></gov-spacer>\n\t\t`\n\t}\n}\n\nif (customElements.get('spacer-page') === undefined) {\n\tcustomElements.define('spacer-page', SpacerPage)\n}\n","class StatsbarPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<gov-statsbar>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">Font Awesome</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar icon-position=\"left\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar inverse variant=\"secondary\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar inverse>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar inverse variant=\"secondary\" icon-position=\"left\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<hr />\n\t\t\t<gov-statsbar variant=\"secondary\">\n\t\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t\t</gov-statsbar-item>\n\t\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t\t</gov-statsbar-item>\n\t\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t\t</gov-statsbar-item>\n\t\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<gov-statsbar variant=\"secondary\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t\t<gov-statsbar variant=\"secondary\" icon-position=\"left\">\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"id-card\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>215 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových zpráv</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"job-loss\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>1 mil</slot>\n\t\t\t\t\t<p slot=\"text\">datových schránek</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"globe\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>967 tis</slot>\n\t\t\t\t\t<p slot=\"text\">hodin ušetřených ve frontách</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t\t<gov-statsbar-item>\n\t\t\t\t\t<gov-icon type=\"complex\" name=\"new-comments\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<slot>12 mil</slot>\n\t\t\t\t\t<p slot=\"text\">ušetřených korun</p>\n\t\t\t\t</gov-statsbar-item>\n\t\t\t</gov-statsbar>\n\t\t`\n\t}\n}\n\nif (customElements.get('statsbar-page') === undefined) {\n\tcustomElements.define('statsbar-page', StatsbarPage)\n}\n","class StepperPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h2>Stepper</h2>\n\n\t\t\t<h3>Velikost M</h3>\n\t\t\t<gov-spacer size=\"l\"></gov-spacer>\n\n\t\t\t<gov-stepper>\n\t\t\t\t<gov-stepper-item trigger-tag=\"h1\" label=\"Hotový krok\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus Lorem ipsum dolor sit amet, consectetur adipiscing elit.\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Chybový krok\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item collapsible=\"true\" label=\"Krok s textem, obrázkem, tlačítkem\" variant=\"primary\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus. Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"secondary\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"warning\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\n\t\t\t<br><br>\n\t\t\t<h3>Velikost S</h3>\n\t\t\t<gov-spacer size=\"l\"></gov-spacer>\n\n\t\t\t<gov-stepper size=\"s\">\n\t\t\t\t<gov-stepper-item trigger-tag=\"h1\" label=\"Hotový krok\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Chybový krok\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Krok s textem, obrázkem, tlačítkem\" variant=\"primary\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"secondary\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"warning\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\n\t\t\t<br><br>\n\t\t\t<h3>Velikost XS</h3>\n\t\t\t<gov-spacer size=\"l\"></gov-spacer>\n\n\t\t\t<gov-stepper size=\"xs\">\n\t\t\t\t<gov-stepper-item trigger-tag=\"h1\" label=\"Hotový krok\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Chybový krok\" variant=\"error\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Krok s textem, obrázkem, tlačítkem\" variant=\"primary\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<div slot=\"content\">\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</div>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"secondary\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item label=\"Budoucí krok\" variant=\"warning\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t</gov-stepper>\n\t\t`\n\t}\n}\n\nif (customElements.get('stepper-page') === undefined) {\n\tcustomElements.define('stepper-page', StepperPage)\n}\n","class TabsPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h2>Tabs</h2>\n\t\t\t<gov-tabs id=\"po\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"secondary\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"success\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"warning\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"error\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\n\t\t\t<gov-tabs id=\"po\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\n\t\t\t<gov-tabs id=\"po\" variant=\"secondary\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"success\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"warning\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" variant=\"error\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\n\t\t\t<h2>Vertical tabs</h2>\n\t\t\t<gov-tabs id=\"po\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi super tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi super tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"Muj super tab\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Dalsi super tab s dlouhým popisem\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Další super tab s naprosto nesmyslně dlouhým popisem, který se doufám nevyužije\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #2\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"TAB #3\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t\t<gov-tabs id=\"po\" type=\"chip\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" orientation=\"vertical\">\n\t\t\t\t<gov-tabs-item label=\"Muj super tab\">\n\t\t\t\t\t<p>Muj super tab - Lorem ipsum (zkráceně lipsum) je označení pro standardní pseudolatinský text užívaný v grafickém\n\t\t\t\t\t\tdesignu a navrhování jako demonstrativní výplňový text při vytváření pracovních ukázek grafických\n\t\t\t\t\t\tnávrhů (např. internetových stránek, rozvržení časopisů či všech druhů reklamních materiálů). Lipsum\n\t\t\t\t\t\ttak pracovně znázorňuje text v ukázkových maketách (tzv. mock-up) předtím, než bude do hotového\n\t\t\t\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Dalsi super tab s dlouhým popisem\" default>\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“), oko by při posuzování vzhledu bylo vyrušováno pravidelnou\n\t\t\t\t\t\tstrukturou textu, která se od běžného textu liší. Text lorem ipsum na první pohled připomíná běžný\n\t\t\t\t\t\ttext, slova jsou různě dlouhá, frekvence písmen je podobná běžné řeči, interpunkce vypadá přirozeně\n\t\t\t\t\t\tatd.</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t\t<gov-tabs-item label=\"Další super tab s naprosto nesmyslně dlouhým popisem, který se doufám nevyužije\">\n\t\t\t\t\t<p>Dalsi suepr tab - Pokud by se pro stejný účel použil smysluplný text, bylo by těžké hodnotit pouze vzhled, aniž by se\n\t\t\t\t\t\tpozorovatel nechal svést ke čtení obsahu. Pokud by byl naopak použit nesmyslný, ale pravidelný text\n\t\t\t\t\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t</gov-tabs-item>\n\t\t\t</gov-tabs>\n\t\t`\n\t}\n}\n\nif (customElements.get('tabs-page') === undefined) {\n\tcustomElements.define('tabs-page', TabsPage)\n}\n","class TagPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Tags</h1>\n\t\t\t<h4>Tags - primary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tTag\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tTag\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"m\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tLarge Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xl\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tX-Large Primary\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - primary (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"primary\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - primary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"primary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Tags - secondary (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - secondary (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - secondary (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"secondary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall secondary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"secondary\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal secondary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Tags - success (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"success\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - success (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"success\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - success (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"success\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall success\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"success\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal success\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Tags - warning (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"warning\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - warning (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"warning\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - warning (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"warning\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall warning\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"warning\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal warning\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<hr />\n\n\t\t\t<h4>Tags - error (default)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"error\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - error (inversed)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"error\" size=\"xs\" inverse=\"true\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" size=\"s\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall Primary\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" size=\"m\" inverse=\"true\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal Primary\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t\t<h4>Tags - error (outlined)</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag variant=\"error\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" type=\"outlined\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tSmall error\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag variant=\"error\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal error\n\t\t\t\t</gov-tag>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('tag-page') === undefined) {\n\tcustomElements.define('tag-page', TagPage)\n}\n","class TilesPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Tiles</h2>\n\n\t\t<div class=\"gov-bg--secondary-300\" style=\"padding: 48px;\">\n\t\t\t<div style=\"max-width: 600px;\">\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<br>\n\t\t\t\t<gov-tile name=\"Zdroje energie, těžba, nerosty, drahé kovy\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<ul class=\"gov-list--plain\">\n\t\t\t\t\t\t<li><a href=\"#\">Občanský život</a></li>\n\t\t\t\t\t\t<li><a href=\"#\">Podnikání v ČR</a></li>\n\t\t\t\t\t\t<li><a href=\"#\">Czech POINT</a></li>\n\t\t\t\t\t</ul>\n\t\t\t\t</gov-tile>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<gov-tiles columns=\"4\">\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t</gov-tiles>\n\t\t\t<br>\n\t\t\t<gov-tiles columns=\"3\" no-border>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t\t<gov-tile href=\"#\">\n\t\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSecondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.\n\t\t\t\t\t</p>\n\t\t\t\t</gov-tile>\n\t\t\t</gov-tiles>\n\n\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('tiles-page') === undefined) {\n\tcustomElements.define('tiles-page', TilesPage)\n}\n","class ToastMessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message\n\t\t</h2>\n\t\t<gov-toast variant=\"success\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"error\" gravity=\"bottom\" position=\"left\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"warning\" position=\"left\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"primary\" position=\"center\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"secondary\"  gravity=\"bottom\" position=\"right\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-page') === undefined) {\n\tcustomElements.define('toast-message-page', ToastMessagePage)\n}\n","class ToastMessageCountdownPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message Countdown\n\t\t</h2>\n\t\t<gov-toast variant=\"success\" type=\"solid\" time=\"10000\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"error\" type=\"solid\" gravity=\"bottom\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"warning\" type=\"solid\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"primary\" type=\"solid\" position=\"center\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast variant=\"secondary\" type=\"solid\" gravity=\"bottom\" position=\"right\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-countdown-page') === undefined) {\n\tcustomElements.define('toast-message-countdown-page', ToastMessageCountdownPage)\n}\n","class TooltipPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<div style=\"width: 500px; overflow: auto; height: 100px\">\n\t\t\t\t<div style=\"width: 800px; display: flex; flex-direction: row; height: 100px; gap: 20px\">\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\">\n\t\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t<gov-icon name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p>\n\t\t\t\tDefault scheme, size Small. Nelze umístit jako toggle element který je blokový - tj. div, h1, h2, atp.\n\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t<gov-icon name=\"info\"></gov-icon>\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"top\" size=\"s\" message=\"Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\">\n\t\t\t\t\tpřípadě vycestování (top)případě vycestování (top)případě vycestování\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"bottom\" size=\"s\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"top\" size=\"m\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip position=\"right\">\n\t\t\t\t\tpřípadě vycestování postion (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"top\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"bottom\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"left\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát. V rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"right\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip position=\"top\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip variant=\"secondary\" position=\"bottom\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip inverse variant=\"secondary\" position=\"left\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t\t<br /><br /><br /><br /><br />x\n\t\t\t</p>\n\t`\n\t}\n}\n\nif (customElements.get('tooltip-page') === undefined) {\n\tcustomElements.define('tooltip-page', TooltipPage)\n}\n","class TypographyPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<p>\n\t\t\t\t<a class=\"gov-text--xs\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--s\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--m\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--l\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--2xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--3xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--4xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--5xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--6xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t</p>\n\n\t\t\t<ul>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t</ul>\n\t\t\t<ol>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t</ol>\n\n\t\t\t<h6 class=\"gov-text--6xl\">Heading 1 Heading 1 Heading 1</h6>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<p>\n\t\t\t\tBody 1/400<br />A lead <a href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a> . Body 1/400 A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines\n\t\t\t</p>\n\t\t\t<h4 class=\"gov-text--l\">Heading 2 Heading 2 Heading 2</h4>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<p>\n\t\t\t\tBody 2/400<br />This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t</p>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<p>\n\t\t\t\tBody 3/400<br />This is for body copy in components such as accordion, structured list or tile. This is for body copy in components such as accordion, structured list or tile.\n\t\t\t</p>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<p>\n\t\t\t\tBold - Body 1/700<br />A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines\n\t\t\t</p>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<p>\n\t\t\t\tBold - Body 2/700<br />This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t</p>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p>\n\t\t\t\tBold - Body 3/700<br />This is for body copy in components such as accordion, structured list or tile. This is for body copy in components such as accordion, structured list or tile.\n\t\t\t</p>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p class=\"text-x-small\">\n\t\t\t\tAssistive<br />This is for explanatory helper text that appears below a field\n\t\t\t</p>\n\t\t\t<ul>\n\t\t\t\t<li>seznam položka seznam položka seznam položka<br />seznam položka seznam položka seznam položka</li>\n\t\t\t\t<li>seznam položka seznam položka seznam položka</li>\n\t\t\t\t<li>seznam položka seznam položka seznam položka</li>\n\t\t\t</ul>\n\t\t`\n\t}\n}\n\nif (customElements.get('typography-page') === undefined) {\n\tcustomElements.define('typography-page', TypographyPage)\n}\n","class WizardPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n            <h2>Wizard</h2>\n\t\t\t<div class=\"gov-bg--secondary-300\" style=\"padding: 48px\">\n\t\t\t\t<gov-wizard>\n\t\t\t\t\t<gov-wizard-item label-tag=\"h1\" label=\"Font Awesome Icon\" variant=\"success\" collapsible>\n\t\t\t\t\t\t<span slot=\"prefix\"><gov-icon name=\"check-lg\"></gov-icon></span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Kontaktní osoby\" variant=\"primary\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Působnost v agendách\" variant=\"secondary\" collapsible=\"false\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Zřizované organizace\" variant=\"error\" collapsible annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Zřizované organizace\" variant=\"warning\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t</gov-wizard>\n\n\t\t\t\t<br><br>\n\n\t\t\t\t<gov-wizard size=\"s\">\n\t\t\t\t\t<gov-wizard-item label-tag=\"h1\" label=\"Font Awesome Icon\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Kontaktní osoby\" variant=\"primary\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Působnost v agendách\" variant=\"secondary\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Zřizované organizace\" variant=\"error\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Zřizované organizace\" variant=\"warning\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t</gov-wizard>\n\t\t\t\t<br><br>\n\n\t\t\t\t<gov-wizard size=\"xs\">\n\t\t\t\t\t<gov-wizard-item label-tag=\"h1\" label=\"Font Awesome Icon\" variant=\"success\" annotation=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Kontaktní osoby\" variant=\"primary\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Působnost v agendách\" variant=\"secondary\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Zřizované organizace\" variant=\"error\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item label=\"Zřizované organizace\" variant=\"warning\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t</gov-wizard>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('wizard-page') === undefined) {\n\tcustomElements.define('wizard-page', WizardPage)\n}\n","html,\nbody {\n\tmargin: 0;\n\tpadding: 0;\n}\n.container-view {\n\tpadding: 12px;\n}\n\nhr {\n\theight: 0;\n\tborder: 0 none;\n\tborder-top: 1px solid gainsboro;\n\tfont-size: 0;\n}\n\nhr.inversed {\n\tborder-top-color: #254e80;\n}\n","import { Component, Host, h } from '@stencil/core'\nimport { Router } from '@vaadin/router'\nimport '../../pages/Accordion'\nimport '../../pages/Breadcrumbs'\nimport '../../pages/Button'\nimport '../../pages/Card'\nimport '../../pages/Chip'\nimport '../../pages/Container'\nimport '../../pages/ControlGroup'\nimport '../../pages/Cookiebar'\nimport '../../pages/Empty'\nimport '../../pages/Error'\nimport '../../pages/FormLabel'\nimport '../../pages/FormMessage'\nimport '../../pages/Forms'\nimport '../../pages/FormsRestructure'\nimport '../../pages/Grid'\nimport '../../pages/Home'\nimport '../../pages/Infobar'\nimport '../../pages/Layout'\nimport '../../pages/Loading'\nimport '../../pages/Message'\nimport '../../pages/Modal'\nimport '../../pages/Nav'\nimport '../../pages/Pagination'\nimport '../../pages/Prompt'\nimport '../../pages/SideNav'\nimport '../../pages/Spacer'\nimport '../../pages/Statsbar'\nimport '../../pages/Stepper'\nimport '../../pages/Tabs'\nimport '../../pages/Tag'\nimport '../../pages/Tiles.js'\nimport '../../pages/ToastMessage'\nimport '../../pages/ToastMessageCountdown'\nimport '../../pages/Tooltip'\nimport '../../pages/Typography'\nimport '../../pages/Wizard'\n\n@Component({\n\ttag: 'gov-app',\n\tstyleUrl: 'gov-app.scss',\n\tshadow: false,\n})\nexport class GovApp {\n\tcomponentWillLoad() {\n\t\tconst outlet = document.getElementById('outlet')\n\t\toutlet.innerHTML = ''\n\t\tconst router = new Router(outlet)\n\t\trouter.setRoutes([\n\t\t\t{ path: '/', component: 'home-page' },\n\t\t\t{ path: '/infobar', component: 'infobar-page' },\n\t\t\t{ path: '/accordion', component: 'accordion-page' },\n\t\t\t{ path: '/chip', component: 'chip-page' },\n\t\t\t{ path: '/button', component: 'button-page' },\n\t\t\t{ path: '/breadcrumbs', component: 'breadcrumbs-page' },\n\t\t\t{ path: '/card', component: 'card-page' },\n\t\t\t{ path: '/message', component: 'message-page' },\n\t\t\t{ path: '/cookiebar', component: 'cookiebar-page' },\n\t\t\t{ path: '/container', component: 'container-page' },\n\t\t\t{ path: '/control-group', component: 'control-group-page' },\n\t\t\t{ path: '/empty', component: 'empty-page' },\n\t\t\t{ path: '/error', component: 'error-page' },\n\t\t\t{ path: '/forms', component: 'forms-page' },\n\t\t\t{ path: '/forms-restructue', component: 'forms-restructure-page' },\n\t\t\t{ path: '/form-message', component: 'form-message-page' },\n\t\t\t{ path: '/form-label', component: 'form-label-page' },\n\t\t\t{ path: '/grid', component: 'grid-page' },\n\t\t\t{ path: '/loading', component: 'loading-page' },\n\t\t\t{ path: '/modal', component: 'modal-page' },\n\t\t\t{ path: '/nav', component: 'nav-page' },\n\t\t\t{ path: '/spacer', component: 'spacer-page' },\n\t\t\t{ path: '/statsbar', component: 'statsbar-page' },\n\t\t\t{ path: '/stepper', component: 'stepper-page' },\n\t\t\t{ path: '/tabs', component: 'tabs-page' },\n\t\t\t{ path: '/tag', component: 'tag-page' },\n\t\t\t{ path: '/tooltip', component: 'tooltip-page' },\n\t\t\t{ path: '/tiles', component: 'tiles-page' },\n\t\t\t{ path: '/typography', component: 'typography-page' },\n\t\t\t{ path: '/toast-message', component: 'toast-message-page' },\n\t\t\t{ path: '/toast-message-countdown', component: 'toast-message-countdown-page' },\n\t\t\t{ path: '/pagination', component: 'pagination-page' },\n\t\t\t{ path: '/prompt', component: 'prompt-page' },\n\t\t\t{ path: '/wizard', component: 'wizard-page' },\n\t\t\t{ path: '/side-nav', component: 'side-nav-page' },\n\t\t\t{ path: '/grid', component: 'grid-page' },\n\t\t\t{ path: '/layout', component: 'layout-page' },\n\t\t])\n\t}\n\n\trender() {\n\t\treturn <Host />\n\t}\n}\n"],"mappings":"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"}