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

package/dist/core/p-477a5027.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$1","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$1","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","cache","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","CookieConsent","EmptyPage","ErrorPage","FormLabelPage","FormMessagePage","removeDiacritics","string","normalize","randomNumber","max","floor","random","FormsPage","setTimeout","selectedList","getElementById","moja","da","po","ba","na","ms","setSearchCallback","cta","label","disabled","mojeId","input","prepend","FormsRestructurePage","GridPage","HomePage","InfobarPage","LayoutPage","LoadingPage","_a","loader","body","MessagePage","DialogPage","PaginationPage","bagr","SpacerPage","StepperPage","TabsPage","TagPage","TilesPage","ToastMessagePage","ToastMessageCountdownPage","TooltipPage","TypographyPage","WizardPage","IconPage","govAppCss","GovAppStyle0","GovApp","componentWillLoad","h","Host","ThemeSwitchClass","ATTRIBUTE_THEME_NAME","ThemeList","GovThemeSwitch","hostRef","setThemeState","htmlElement","setItem","theme","govChange","emit","ref","auto","govHost","localStorageValue","isWindow","documentElement","initDefaultState","currentState","htmlState","includes","class","classes","onClick","light","dark"],"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/CookieConsent.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/Dialog.ts","../../../packages/core/src/pages/Pagination.ts","../../../packages/core/src/pages/Spacer.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/pages/Icon.ts","../../../packages/core/src/components/gov-app/gov-app.scss?tag=gov-app","../../../packages/core/src/components/gov-app/gov-app.tsx","../../../packages/core/src/components/gov-theme-switch/constants.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.types.ts","../../../packages/core/src/components/gov-theme-switch/gov-theme-switch.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$1;\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$1(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$1 (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$1 = new Map();\n// see https://github.com/pillarjs/path-to-regexp/issues/148\ncache$1.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$1.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$1.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} = Resolver;\nconst cache = 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.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.parse(fullPath);\n      const toPath = pathToRegexp.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.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.2';\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<h3>Accordion</h3>\n\t\t<div class=\"container-view\">\n\t\t\t<h4>Size XS</h4>\n\t\t\t<gov-accordion size=\"xs\" accessible-label=\"Tot je základní list\">\n\t\t\t\t<gov-accordion-item open aria-label=\"Toto je label?\">\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>\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-tag color=\"primary\" type=\"bold\" size=\"xs\" slot=\"suffix\">\n\t\t\t\t\t\tTag\n\t\t\t\t\t</gov-tag>\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<h4>Size XS no-border</h4>\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<h4>Size S</h4>\n\t\t\t<gov-accordion size=\"s\" color=\"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>\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 open>\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<h4>Size S + icon + tag</h4>\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-tag color=\"primary\" type=\"bold\" size=\"s\" slot=\"suffix\">\n\t\t\t\t\t\tTag\n\t\t\t\t\t</gov-tag>\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<h4>Size M</h4>\n\t\t\t<gov-accordion size=\"m\">\n\t\t\t\t<gov-accordion-item open>\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>\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<h4>Size M + icon + tag + accordion in accordion</h4>\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 open 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-tag color=\"primary\" type=\"subtle\" size=\"m\" slot=\"suffix\">\n\t\t\t\t\t\tTag\n\t\t\t\t\t</gov-tag>\n\t\t\t\t\t\t\t<gov-accordion size=\"xs\">\n\t\t\t\t\t\t\t\t<gov-accordion-item>\n\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<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\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<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<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-icon slot=\"toggle-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t\t</gov-accordion-item>\n\t\t\t\t\t\t\t\t<gov-accordion-item disabled>\n\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<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</gov-accordion-item>\n\t\t\t\t\t\t\t\t<gov-accordion-item>\n\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<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\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</gov-accordion-item>\n\t\t\t\t\t\t\t\t<gov-accordion-item open>\n\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<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</gov-accordion-item>\n\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-tag color=\"primary\" type=\"bold\" size=\"xs\" slot=\"suffix\">\n\t\t\t\t\t\tTag\n\t\t\t\t\t</gov-tag>\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<h4>Size L</h4>\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>\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 open>\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<h4>Size L + icon + tag</h4>\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-tag color=\"primary\" type=\"bold\" size=\"m\" slot=\"suffix\">\n\t\t\t\t\t\tTag\n\t\t\t\t\t</gov-tag>\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<h4>Size XL</h4>\n\t\t\t<gov-accordion size=\"xl\">\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 open>\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<h4>Size XL + icon + tag</h4>\n\t\t\t<gov-accordion size=\"xl\">\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-tag color=\"primary\" type=\"subtle\" size=\"m\" slot=\"suffix\">\n\t\t\t\t\t\tTag\n\t\t\t\t\t</gov-tag>\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 accessible-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<gov-icon  name=\"house-door-fill\"></gov-icon>\n\t\t\t\t\t<button>\n\t\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 Czech POINT Czech POINT Czech POINT</strong>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</gov-breadcrumbs>\n\t\t<br>\n\n\t\t<gov-breadcrumbs accessible-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\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 Český eGovernment Č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<h3>Buttons</h3>\n\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" >\n\t\t\t\tTest Více\n\t\t\t</gov-button>\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 color=\"primary\" size=\"l\" type=\"solid\">\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\" role=\"menu\">\n\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"l\" expanded role=\"menuitem\">\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 role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"l\" expanded role=\"menuitem\">\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 role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"l\" expanded role=\"menuitem\">\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 color=\"primary\" size=\"s\" type=\"solid\">\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\" role=\"menu\">\n\t\t\t\t\t\t\t\t<li role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"s\" expanded role=\"menuitem\">\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=\"chevron-right\"></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 role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"s\" expanded role=\"menuitem\">\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=\"chevron-right\"></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 role=\"presentation\">\n\t\t\t\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"s\" expanded role=\"menuitem\">\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=\"chevron-right\"></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>Primary - solid</h4>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"primary\" size=\"s\" type=\"solid\" 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 color=\"primary\" size=\"m\" type=\"solid\">\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 color=\"primary\" size=\"l\" type=\"solid\">\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 color=\"primary\" size=\"xl\" type=\"solid\" 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</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" size=\"xs\" type=\"solid\" loading=\"0\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" loading=\"0\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" loading=\"1\" disabled>\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" 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 color=\"primary\" type=\"solid\" href=\"http://localhost:3333/button\" loading=\"1\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" size=\"l\" type=\"solid\" 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 color=\"primary\" size=\"l\" type=\"solid\" 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 color=\"primary\" size=\"xl\" type=\"solid\" 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 color=\"primary\" size=\"xl\" type=\"solid\" 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</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" size=\"xs\" type=\"solid\">\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 color=\"primary\" size=\"s\" type=\"solid\">\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 color=\"primary\" size=\"m\" type=\"solid\" 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 color=\"primary\" size=\"l\" type=\"solid\">\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 color=\"primary\" size=\"xl\" type=\"solid\" 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 color=\"primary\" size=\"m\" type=\"solid\" 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 color=\"primary\" size=\"m\" type=\"solid\" 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>Primary - solid - expanded</h4>\n\t\t\t<div class=\"container-view\" style=\"display: flex; gap: 8px;\">\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" 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\t<gov-button color=\"primary\" type=\"solid\" 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</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded=\"true\" loading=\"1\">\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\t<gov-button color=\"primary\" type=\"solid\" expanded=\"true\" loading=\"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</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"solid\" expanded=\"true\" loading=\"false\">\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\n\t\t\t<h4>Primary - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"primary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"true\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" href=\"http://localhost:3333/button\" loading=\"false\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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>Primary - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"primary\" type=\"base\" href=\"http://localhost:3333/button\" loading=\"true\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"base\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<h4>Primary - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"primary\" type=\"link\" size=\"l\" 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 color=\"primary\" type=\"link\" size=\"l\" href=\"http://localhost:3333/button\" loading=\"1\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"m\" href=\"http://localhost:3333/button\" loading=\"0\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t\t<gov-button color=\"primary\" type=\"link\" size=\"m\" href=\"http://localhost:3333/button\" loading=\"true\" disabled focusable=\"false\">\n\t\t\t\t\tOdeslat\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t\t<br><br>\n\n\t\t\t<h4>Neutral - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small neutral\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 color=\"neutral\" size=\"s\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tSmall neutral\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 color=\"neutral\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal neutral\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 color=\"neutral\" size=\"l\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tLarge neutral\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 color=\"neutral\" size=\"xl\" type=\"solid\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Large neutral\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 color=\"neutral\" type=\"solid\" 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 color=\"neutral\" type=\"solid\" 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<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" size=\"xs\" type=\"solid\">\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 color=\"neutral\" size=\"s\" type=\"solid\">\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 color=\"neutral\" type=\"solid\" 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 color=\"neutral\" size=\"l\" type=\"solid\">\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 color=\"neutral\" size=\"xl\" type=\"solid\" 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 color=\"neutral\" type=\"solid\" 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 color=\"neutral\" type=\"solid\" 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>Neutral - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small neutral\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 color=\"neutral\" 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 neutral\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 color=\"neutral\" type=\"outlined\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal neutral\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 color=\"neutral\" 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 neutral\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 color=\"neutral\" 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 neutral\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 color=\"neutral\" 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 color=\"neutral\" 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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"outlined\" size=\"xs\">\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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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>Neutral - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small neutral\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 color=\"neutral\" 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 neutral\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 color=\"neutral\" type=\"base\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal neutral\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 color=\"neutral\" 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 neutral\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 color=\"neutral\" 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 neutral\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 color=\"neutral\" 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 color=\"neutral\" 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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"xs\">\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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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\n\t\t\t<h4>Neutral - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"neutral\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small Neutral\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 color=\"neutral\" 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 Neutral\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 color=\"neutral\" type=\"link\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tNormal Neutral\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 color=\"neutral\" 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 Neutral\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 color=\"neutral\" 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 Neutral\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 color=\"neutral\" 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 color=\"neutral\" 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<br><br>\n\n\t\t\t<h4>Secondary - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"secondary\" size=\"s\" type=\"solid\">\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 color=\"secondary\" type=\"solid\" 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 color=\"secondary\" size=\"l\" type=\"solid\">\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 color=\"secondary\" size=\"xl\" type=\"solid\" 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 color=\"secondary\" type=\"solid\" 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 color=\"secondary\" type=\"solid\" 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<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" size=\"xs\" type=\"solid\">\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 color=\"secondary\" size=\"s\" type=\"solid\">\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 color=\"secondary\" type=\"solid\" 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 color=\"secondary\" size=\"l\" type=\"solid\">\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 color=\"secondary\" size=\"xl\" type=\"solid\" 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 color=\"secondary\" type=\"solid\" 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 color=\"secondary\" type=\"solid\" 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>Secondary - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"outlined\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<h4>Secondary - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"base\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<h4>Secondary - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"secondary\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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<br><br>\n\n\t\t\t<h4>Warning - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"warning\" size=\"s\" type=\"solid\">\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 color=\"warning\" type=\"solid\" 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 color=\"warning\" size=\"l\" type=\"solid\">\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 color=\"warning\" size=\"xl\" type=\"solid\" 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 color=\"warning\" type=\"solid\" 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 color=\"warning\" type=\"solid\" 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<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" size=\"xs\" type=\"solid\">\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 color=\"warning\" size=\"s\" type=\"solid\">\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 color=\"warning\" type=\"solid\" 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 color=\"warning\" size=\"l\" type=\"solid\">\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 color=\"warning\" size=\"xl\" type=\"solid\" 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 color=\"warning\" type=\"solid\" 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 color=\"warning\" type=\"solid\" 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>Warning - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"outlined\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<h4>Warning - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"base\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<h4>Warning - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"warning\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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<br><br>\n\n\t\t\t<h4>Success - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"success\" size=\"s\" type=\"solid\">\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 color=\"success\" type=\"solid\" 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 color=\"success\" size=\"l\" type=\"solid\">\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 color=\"success\" size=\"xl\" type=\"solid\" 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 color=\"success\" type=\"solid\" 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 color=\"success\" type=\"solid\" 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<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" size=\"xs\" type=\"solid\">\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 color=\"success\" size=\"s\" type=\"solid\">\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 color=\"success\" type=\"solid\" 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 color=\"success\" size=\"l\" type=\"solid\">\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 color=\"success\" size=\"xl\" type=\"solid\" 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 color=\"success\" type=\"solid\" 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 color=\"success\" type=\"solid\" 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>Success - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"outlined\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<h4>Success - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"base\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<h4>Success - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"success\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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<br><br>\n\n\t\t\t<h4>Error - solid</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" size=\"xs\" type=\"solid\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"error\" size=\"s\" type=\"solid\">\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 color=\"error\" type=\"solid\" 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 color=\"error\" size=\"l\" type=\"solid\">\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 color=\"error\" size=\"xl\" type=\"solid\" 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 color=\"error\" type=\"solid\" 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 color=\"error\" type=\"solid\" 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<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" size=\"xs\" type=\"solid\">\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 color=\"error\" size=\"s\" type=\"solid\">\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 color=\"error\" type=\"solid\" 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 color=\"error\" size=\"l\" type=\"solid\">\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 color=\"error\" size=\"xl\" type=\"solid\" 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 color=\"error\" type=\"solid\" 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 color=\"error\" type=\"solid\" 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>Error - outlined</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<h4>Error - base</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"base\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"base\" size=\"xs\">\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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\n\t\t\t<h4>Error - link</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-button color=\"error\" type=\"link\" size=\"xs\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t\t\tX-Small 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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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`\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<gov-container style=\"width: 800px;\">\n\t\t\t<h2>Card</h2>\n\n\t\t\t<gov-card collapsible open=\"true\">\n\t\t\t\t<h3 slot=\"headline\">Fusce tellus odio, dapibus id fermentum quis</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card collapsible>\n\t\t\t\t<h3 slot=\"headline\">Fusce tellus odio, dapibus id fermentum quis</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" 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\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\n\t\t\t<gov-card>\n\t\t\t\t<h3 slot=\"headline\">Fusce tellus odio, dapibus id fermentum quis</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" 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\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t</gov-card>\n\t\t\t<br>\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><b>Commodo consequat.</b></p>\n\t\t\t\t<p>Commodo consequat. Nullam rhoncus aliquam metus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"solid\" 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 color=\"primary\" size=\"s\" type=\"outlined\" 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<br>\n\t\t\t<gov-card>\n\t\t\t\t<h3 slot=\"headline\">Fusce tellus odio, dapibus id fermentum quis</h3>\n\t\t\t\t<gov-icon name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"s\" type=\"outlined\" 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<br>\n\t\t\t<h3>Promotion</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>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button slot=\"btn\" color=\"primary\" size=\"s\" type=\"outlined\" 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<gov-container style=\"width: 350px; margin-top: 16px;\">\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>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras elementum. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce tellus.</p>\n\t\t\t\t<gov-button slot=\"btn\" color=\"primary\" size=\"s\" type=\"outlined\" 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</div>\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 color=\"primary\" size=\"xs\" type=\"solid\" icon-left=\"basic/star\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\tNot clickable XS\n\t\t\t\t<gov-button slot=\"right\" color=\"primary\" type=\"solid\" accessible-label=\"Zavřít vše\" size=\"xs\">\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 color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\tNot clickable S\n\t\t\t\t<gov-button slot=\"right\" color=\"primary\" type=\"solid\" accessible-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 color=\"primary\" size=\"m\" type=\"solid\">\n\t\t\t\t<gov-button slot=\"left\" color=\"primary\" type=\"solid\" accessible-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\tNot clickable M\n\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<h4>Primary</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"primary\" size=\"xs\" type=\"solid\"  icon-right=\"basic/star\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" size=\"s\" type=\"solid\" tag=\"button\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" size=\"s\" type=\"solid\">\n\t\t\t\t\tNot clickable\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"primary\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\" target=\"_blank\">\n\t\t\t\t\tDisabled with href\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"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 color=\"primary\" tag=\"a\" 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-chip>\n\t\t\t\t<gov-chip color=\"primary\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\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-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Secondary</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"secondary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" 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\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"secondary\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"secondary\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"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 color=\"secondary\" tag=\"a\" 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-chip>\n\t\t\t\t<gov-chip color=\"secondary\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\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-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Neutral</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"neutral\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" 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\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"neutral\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"neutral\" 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 color=\"neutral\" tag=\"a\" 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 neutral\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"neutral\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\tNormal neutral\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Error</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"error\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" 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\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"error\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"error\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"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 color=\"error\" tag=\"a\" 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-chip>\n\t\t\t\t<gov-chip color=\"error\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\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-chip>\n\t\t\t</div>\n\n\t\t\t<h4>Success</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"success\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" 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\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"success\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"success\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"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 color=\"success\" tag=\"a\" 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-chip>\n\t\t\t\t<gov-chip color=\"success\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\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-chip>\n\t\t\t</div>\n\t\t\t<br>\n\n\t\t\t<h4>Warning</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"warning\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" size=\"xs\" type=\"solid\">\n\t\t\t\t\tChip\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" 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\t\tNot clickable\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip tag=\"button\" color=\"warning\" type=\"solid\" size=\"m\" href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tNormal href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t\t<gov-chip color=\"warning\" type=\"solid\" size=\"m\" disabled href=\"http://www.example.com/\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t\t\tDisabled with href\n\t\t\t\t\t<gov-icon slot=\"right-icon\" name=\"star-fill\"></gov-icon>\n\t\t\t\t</gov-chip>\n\t\t\t</div>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-chip color=\"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 color=\"warning\" tag=\"a\" 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-chip>\n\t\t\t\t<gov-chip color=\"warning\" tag=\"button\" type=\"outlined\" size=\"m\" disabled>\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-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\n\t\t<div style=\"max-width: 500px; margin-top: 30px;\">\n\t\t\t<gov-container>\n\t\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\t</gov-container>\n\t\t</div>\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-button color=\"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 color=\"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\" color=\"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 color=\"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 disabled fit-content>\n\t\t\t<gov-form-select name=\"test-me\" color=\"neutral\" size=\"m\" disabled>\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 color=\"neutral\" type=\"solid\" size=\"m\" disabled>\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 invalid>\n\t\t\t<gov-form-select name=\"test-me\" color=\"error\" size=\"m\" invalid>\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-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\"></gov-form-input>\n\t\t\t<gov-button color=\"error\" type=\"solid\" size=\"m\">\n\t\t\t\tOdeslat\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br><br>\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"primary\" type=\"subtle\" 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 color=\"primary\" type=\"subtle\" 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 color=\"primary\" type=\"subtle\" 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 color=\"primary\" 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 color=\"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 fit-content no-border>\n\t\t\t<gov-button color=\"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 color=\"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 color=\"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><br>\n\t\t<gov-control-group color=\"primary\" no-border>\n\t\t\t<gov-button color=\"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 color=\"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 color=\"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`\n\t}\n}\n\nif (customElements.get('control-group-page') === undefined) {\n\tcustomElements.define('control-group-page', ControlGroupPage)\n}\n","class CookieConsent extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<gov-cookiebar>\n\t\t\t\t<h2 slot=\"headline\">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 color=\"primary\" size=\"m\" type=\"solid\" 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 color=\"primary\" size=\"m\" 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 color=\"primary\" size=\"m\" 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', CookieConsent)\n}\n","class EmptyPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Empty</h2>\n\n\t\t<gov-container>\n\t\t\t<gov-empty size=\"s\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"id-card\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"s\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tPřejít na jinou stránku\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty align=\"right\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"envelope\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"m\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t\t<gov-empty align=\"center\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t\t<p slot=\"headline\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.</p>\n\t\t\t\t<p>Informace o tom, že je potřeba upřesnit vyhledávání</p>\n\t\t\t\t<gov-button size=\"l\" color=\"primary\" type=\"solid\">\n\t\t\t\t\tVíce informací\n\t\t\t\t</gov-button>\n\t\t\t</gov-empty>\n\t\t</gov-container>\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-container>\n\t\t\t<gov-error-code>\n\t\t\t\t<gov-icon slot=\"icon\" name=\"card-400\" type=\"complex\"></gov-icon>\n\t\t\t\t<h2 slot=\"headline\">Page Not Found</h2>\n\t\t\t\t<p>Sorry, the page you are looking for does not exist.</p>\n\t\t\t</gov-error-code>\n\t\t</gov-container>\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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 color=\"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 selectedList = document.getElementById('selected') as HTMLDivElement\n\t\t\t\tconst moja = document.getElementById('moja') as HTMLGovFormSelectElement\n\t\t\t\tconst da = document.getElementById('test-me-ujo') as HTMLGovFormFileElement\n\t\t\t\tconst po = document.getElementById('bagr') as HTMLGovFormAutocompleteElement\n\t\t\t\tconst ba = document.getElementById('ba') as HTMLGovFormMultiSelectElement\n\t\t\t\tconst na = document.getElementById('kaprWWWWWW') as HTMLGovFormInputElement\n\t\t\t\tconst ms = document.getElementById('poleno') as HTMLGovFormMultiSelectElement\n\t\t\t\tif (ba) {\n\t\t\t\t\tba.addEventListener('gov-change', function (e) {\n\t\t\t\t\t\tconsole.log(e)\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tif (na) {\n\t\t\t\t\tna.addEventListener('gov-blur', function (e) {\n\t\t\t\t\t\tconsole.log(e)\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tif (da) {\n\t\t\t\t\tda.addEventListener('gov-files', function (e: CustomEvent) {\n\t\t\t\t\t\tconsole.log(e.detail);\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tif (po) {\n\n\t\t\t\t\tpo.addEventListener('gov-select', function (e) {\n\t\t\t\t\t\tconsole.log(e)\n\t\t\t\t\t})\n\t\t\t\t\tpo.setSearchCallback(val => {\n\t\t\t\t\t\treturn new Promise(resolve => {\n\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\tresolve(\n\t\t\t\t\t\t\t\t\tdata().filter(({name}) => {\n\t\t\t\t\t\t\t\t\t\tif (!name) return false\n\t\t\t\t\t\t\t\t\t\treturn removeDiacritics(name).toLowerCase().indexOf(removeDiacritics(val).toLowerCase()) > -1\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}, randomNumber(100, 1000))\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tif (ms && selectedList) {\n\n\n\t\t\t\t\tms.addEventListener('gov-change', (e) => {\n\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n\t\t\t\t\t\t// @ts-ignore\n\t\t\t\t\t\te.detail.value.map((item) => {\n\t\t\t\t\t\t\tconst cta = document.createElement('button')\n\t\t\t\t\t\t\tcta.innerHTML = item as string\n\t\t\t\t\t\t\tcta.addEventListener('click', () => {\n\t\t\t\t\t\t\t\tms.options  = [{value: 'a', label: 'Aneta'}]\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\tselectedList.appendChild(cta)\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t\tms.options = [{value: 'a', label: 'Aneta'}, {value: 'b', label: 'Beata'}, {value: 't', label: 'Tomáš'}]\n\n\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t//ms.setSelectedOption({value: 'a', name: 'Aneta'})\n\t\t\t\t\t\t//ms.setSelectedOptions([{value: 'a', name: 'Aneta'}])\n\t\t\t\t\t\t//console.log('sets');\n\t\t\t\t\t\t//ms.getSelectedOptions().then((t) => console.log(t))\n\t\t\t\t\t}, 5000)\n\t\t\t\t}\n\t\t\t\tif (moja) {\n\t\t\t\t\tmoja.options = [{value: 'd', label: 'Value D'}, {value: 'e', label: 'Value E'}, {\n\t\t\t\t\t\tvalue: 'f',\n\t\t\t\t\t\tlabel: 'Value F',\n\t\t\t\t\t\tdisabled: true\n\t\t\t\t\t}]\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tmoja.value = 'h'\n\n\t\t\t\t\t\tmoja.options = [{value: 'g', label: 'Value G'}, {value: 'h', label: 'Value H'}, {\n\t\t\t\t\t\t\tvalue: 'i',\n\t\t\t\t\t\t\tlabel: 'Value I',\n\t\t\t\t\t\t}]\n\t\t\t\t\t}, 2000)\n\t\t\t\t}\n\n\t\t\t\tconst mojeId = document.getElementById('moje-id');\n\t\t\t\tconst input = document.createElement('gov-form-input');\n\t\t\t\tinput.setAttribute('size', 'l');\n\t\t\t\tinput.setAttribute('placeholder', 'Co hledáte HYDRATED?');\n\t\t\t\tinput.addEventListener('gov-hydrated', () => {\n\t\t\t\t\tconsole.log('hydrated');\n\t\t\t\t})\n\t\t\t\tmojeId.prepend(input)\n\t\t\t}, 1000)\n\t\t})()\n\t\tthis.innerHTML = `\n<div id=\"selected\"></div>\n<div id=\"moje-id\"></div>\n<br><br>\n\n<ul class=\"gov-list--plain nav-top\">\n\t<li><a href=\"#input\">Input</a></li>\n\t<li><a href=\"#containing-input\">Containing Input</a></li>\n\t<li><a href=\"#select\">Select</a></li>\n\t<li><a href=\"#checkbox\">Checkbox</a></li>\n\t<li><a href=\"#radio\">Radio</a></li>\n\t<li><a href=\"#switch\">Switch</a></li>\n</ul>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select name=\"test-me\" size=\"xl\" id=\"poleno\">\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select  value=\"e\" name=\"test-me\" size=\"xl\" id=\"moja\">\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<h2>Samostatné použití</h2>\n<gov-form-input placeholder=\"Co hledáte\" size=\"m\">\n\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n</gov-form-input>\n<br>\n<gov-form-select size=\"l\" name=\"test-me\" invalid=\"true\">\n\t<option value=\"\" selected>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\">Value D</option>\n</gov-form-select>\n<br>\n<gov-form-select size=\"l\" name=\"test-me\" success=\"true\">\n\t<option value=\"\" selected>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\">Value D</option>\n</gov-form-select>\n<br>\n<div>\n\t<gov-form-checkbox size=\"m\" name=\"test-me-c\" value=\"me\" checked no-label></gov-form-checkbox>\n</div>\n<div>\n\t<gov-form-radio size=\"m\" name=\"superRadio2\" value=\"me1\" no-label></gov-form-radio>\n\t<br>\n\t<gov-form-radio size=\"m\" name=\"superRadio2\" value=\"me2\" checked no-label></gov-form-radio>\n</div>\n<div>\n\t<gov-form-switch size=\"m\" name=\"test-me\" value=\"me2\" checked no-label></gov-form-switch>\n</div>\n<br><br>\n<gov-form-checkbox size=\"m\" name=\"test-me-c\" value=\"me\" checked>\n\t<gov-form-label size=\"m\" slot=\"label\">Souhlasím</gov-form-label>\n</gov-form-checkbox>\n<gov-form-radio size=\"m\" name=\"superRadio\" value=\"me1\">\n\t<gov-form-label size=\"m\" slot=\"label\">Souhlasím</gov-form-label>\n</gov-form-radio>\n<gov-form-radio size=\"m\" name=\"superRadio\" value=\"me2\" checked>\n\t<gov-form-label size=\"m\" slot=\"label\">Souhlasím</gov-form-label>\n</gov-form-radio>\n<gov-form-switch size=\"m\" name=\"test-me\" value=\"me2\" checked>\n\t<gov-form-label size=\"m\" slot=\"label\">Souhlasím</gov-form-label>\n</gov-form-switch>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2 id=\"input\">Input</h2>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input XS</gov-form-label>\n\t<gov-form-group gap=\"xs\">\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input S</gov-form-label>\n\t<gov-form-group gap=\"s\">\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input M</gov-form-label>\n\t<gov-form-group gap=\"m\">\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input 3333 L</gov-form-label>\n\t<gov-form-group gap=\"l\">\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input XL</gov-form-label>\n\t<gov-form-group gap=\"xl\">\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Prefix / sufix</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\">\n\t\t\t<p slot=\"prefix\">$</p>\n\t\t\t<p slot=\"sufix\">Kč</p>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\">\n\t\t\t<p slot=\"prefix\">$</p>\n\t\t\t<p slot=\"sufix\">Kč</p>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input type=\"number\" name=\"test-me\" placeholder=\"Placeholder\" size=\"m\">\n\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\">\n\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\">\n\t\t\t<span slot=\"prefix\">$</span>\n\t\t\t<span slot=\"sufix\">Kč</span>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Left icon</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Right icon</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\">\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\">\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\">\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"l\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\">\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xl\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\">\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Success</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\" success=\"true\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\" success=\"true\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" success=\"true\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\" success=\"True\">\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\" success=\"1\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Error</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\" invalid=\"true\" invalid=\"true\"></gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\" invalid=\"true\"></gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" invalid=\"true\"></gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\" invalid=\"true\">\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\" invalid=\"true\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control size=\"xs\" type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"xs\" disabled>\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control size=\"m\" type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"s\" disabled>\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control size=\"m\" type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" placeholder=\"Placeholder\" size=\"m\" disabled>\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"l\" disabled=\"True\">\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of input</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" value=\"Value of input\" size=\"xl\" disabled=\"1\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h3 id=\"containing-input\">Password power</h3>\n<gov-form-password-power power=\"0\"></gov-form-password-power>\n<gov-form-password-power power=\"1\">slabé</gov-form-password-power>\n<gov-form-password-power power=\"2\">střední</gov-form-password-power>\n<gov-form-password-power power=\"3\">silné</gov-form-password-power>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h3>Password input</h3>\n<div style=\"width: 400px\">\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Heslo</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" size=\"m\" input-type=\"password\" invalid=\"true\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n\t<gov-form-password-power power=\"2\">střední</gov-form-password-power>\n</gov-form-control>\n</div>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Heslo</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input name=\"test-me\" size=\"m\" input-type=\"password\">\n\t\t</gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"x-lg\"></gov-icon>\n\t\tPodmínka\n\t</gov-form-message>\n\t<gov-form-message slot=\"bottom\" color=\"success\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"check-lg\"></gov-icon>\n\t\tPodmínka\n\t</gov-form-message>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"x-lg\"></gov-icon>\n\t\tPodmínka\n\t</gov-form-message>\n\t<gov-form-message slot=\"bottom\" color=\"success\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"check-lg\"></gov-icon>\n\t\tPodmínka\n\t</gov-form-message>\n</gov-form-control>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2>Textarea</h2>\n<h3>Default</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"xs\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"s\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t\t<gov-icon slot=\"left-icon\" name=\"info\"></gov-icon>\n\t\t\t<gov-icon slot=\"right-icon\" name=\"info\"></gov-icon>\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"m\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"m\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"l\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"l\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"xl\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input size=\"xl\" multiline rows=\"3\" name=\"test-me\" placeholder=\"Placeholder\">\n\t\t</gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control type=\"input\">\n\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input required multiline rows=\"3\" name=\"test-me\" value=\"Value of textarea\" invalid=\"TRUE\"></gov-form-input>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Label of textarea</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-input multiline rows=\"3\" name=\"test-me\" disabled value=\"Value of textarea\"></gov-form-input>\n\t</gov-form-group>\n</gov-form-control>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2>Date & Time input (nativní)</h2>\n<gov-form-input size=\"xs\" placeholder=\"Co hledáte\" input-type=\"datetime-local\"></gov-form-input>\n<br>\n<gov-form-input size=\"s\" placeholder=\"Co hledáte\" input-type=\"date\"></gov-form-input>\n<br>\n<gov-form-input size=\"m\" placeholder=\"Co hledáte\" input-type=\"datetime-local\"></gov-form-input>\n<br>\n<gov-form-input size=\"l\" placeholder=\"Co hledáte\" input-type=\"date\"></gov-form-input>\n<br>\n<gov-form-input size=\"xl\" placeholder=\"Co hledáte\" input-type=\"time\"></gov-form-input>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2>Search</h2>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-search name=\"test-me-c\" value=\"me\" size=\"s\" color=\"primary\">\n\t\t\t<gov-form-input slot=\"input\" name=\"test-me\" size=\"s\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t<gov-button slot=\"button\" size=\"s\" color=\"primary\" type=\"solid\">\n\t\t\t\tHledat\n\t\t\t</gov-button>\n\t\t</gov-form-search>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-search name=\"test-me-c\" value=\"me\"checked size=\"m\" color=\"primary\">\n\t\t\t<gov-form-input slot=\"input\" size=\"m\" name=\"test-me\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t<gov-button slot=\"button\" color=\"primary\" size=\"m\" type=\"solid\">\n\t\t\t\tHledat\n\t\t\t</gov-button>\n\t\t</gov-form-search>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-search name=\"test-me-c\" value=\"me\" size=\"l\">\n\t\t\t<gov-form-input slot=\"input\" name=\"test-me\" size=\"l\" placeholder=\"Co hledáte\"></gov-form-input>\n\t\t\t<gov-button slot=\"button-erase\" size=\"l\" color=\"neutral\" type=\"base\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button slot=\"button\" size=\"l\" color=\"neutral\" type=\"solid\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"search\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-form-search>\n\t</gov-form-group>\n</gov-form-control>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2>Autocomplete</h2>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"xs\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"xs\">\n\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"s\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"s\" invalid=\"true\">\n\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"m\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"m\" success=\"true\">\n\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"l\" disabled=\"1\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"l\" disabled=\"true\">\n\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"xl\">Label of autocomplete</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-autocomplete placeholder=\"Placeholder autcomplete\" size=\"xl\" invalid=\"true\">\n\t\t\t<gov-icon name=\"search\" slot=\"right-icon\" />\n\t\t</gov-form-autocomplete>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2>File</h2>\n<h3>Default</h3>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file size=\"m\" id=\"test-me-ujo\" display-attachments=\"false\" multiple accept=\".pdf,.jpg,.png,.jpeg\" max-file-size=\"616448\">\n\t\t\t<p>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"m\" tabindex=\"-1\">\n\t\t\t\t\t<gov-icon type=\"basic\" name=\"search\"></gov-icon>\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file name=\"test-me-c\" disabled>\n\t\t\t<p aria-hidden=\"true\">\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"s\" disabled>\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"upload\"></gov-icon>\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file name=\"test-me-c\" invalid>\n\t\t\t<p>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"left-icon\" name=\"upload\"></gov-icon>\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n\n<h3>Expanded</h3>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file expanded name=\"test-me-c\">\n\t\t\t<p>\n\t\t\t\tPřetáhněte soubor nebo\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<gov-button color=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file expanded name=\"test-me-c\" disabled aria-label=\"Tohle je husty\">\n\t\t\t<p>\n\t\t\t\tPřetáhněte soubor nebo\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<gov-button disabled color=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Přidat přílohu *</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-file expanded name=\"test-me-c\" invalid>\n\t\t\t<p>\n\t\t\t\tPřetáhněte soubor nebo\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t<gov-button color=\"error\" type=\"outlined\" size=\"m\">\n\t\t\t\t\tNahrát ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</p>\n\t\t\t<p class=\"gov-form-file__note\">\n\t\t\t\tPodporované formáty XML, PDF, DOC\n\t\t\t</p>\n\t\t</gov-form-file>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2 id=\"select\">Select</h2>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\">\n\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\">\n\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Prefix / sufix</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\">\n\t\t<span slot=\"prefix\">$</span>\n\t\t<span slot=\"sufix\">Kč</span>\n\t\t\t<option value=\"a\" selected>Value A</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Success</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\"  success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\" success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\" success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\" success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\" success=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\" invalid=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xs\" disabled>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"s\" disabled>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"m\" disabled>\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"l\" disabled=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Souhlasím</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-select name=\"test-me\" size=\"xl\" disabled=\"true\">\n\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\">Value D</option>\n\t\t</gov-form-select>\n\t</gov-form-group>\n</gov-form-control>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2>Multiselect</h2>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"xs\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"xs\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"neutral\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"s\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"s\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"neutral\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"m\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"m\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" invalid=\"true\">\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"l\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"l\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" success=\"true\">\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label slot=\"top\" size=\"xl\">Multiselect</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-multi-select size=\"xl\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" disabled>\n\t\t\t<option value>Placeholder</option>\n\t\t\t<option value=\"b\">Value B</option>\n\t\t\t<option value=\"c\">Value C</option>\n\t\t\t<option value=\"d\" selected>Value D</option>\n\t\t\t<option value=\"e\">Value E</option>\n\t\t\t<option value=\"f\">Value F</option>\n\t\t\t<option value=\"g\">Value G</option>\n\t\t\t<option value=\"h\">Value H</option>\n\t\t\t<option value=\"i\" selected>Value I</option>\n\t\t</gov-form-multi-select>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"neutral\" size=\"xl\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<h3>Prefix/sufix</h3>\n<gov-form-multi-select size=\"s\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\">\n\t<span slot=\"prefix\">$</span>\n\t<span slot=\"sufix\">Kč</span>\n\t<option value>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\" selected>Value D</option>\n\t<option value=\"e\">Value E</option>\n\t<option value=\"f\">Value F</option>\n\t<option value=\"g\">Value G</option>\n\t<option value=\"h\">Value H</option>\n\t<option value=\"i\" selected>Value I</option>\n</gov-form-multi-select>\n<br>\n<gov-form-multi-select size=\"m\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" invalid=\"true\">\n\t<span slot=\"prefix\">$</span>\n\t<span slot=\"sufix\">Kč</span>\n\t<option value>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\" selected>Value D</option>\n\t<option value=\"e\">Value E</option>\n\t<option value=\"f\">Value F</option>\n\t<option value=\"g\">Value G</option>\n\t<option value=\"h\">Value H</option>\n\t<option value=\"i\" selected>Value I</option>\n</gov-form-multi-select>\n<br>\n<gov-form-multi-select size=\"l\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" success=\"true\">\n\t<span slot=\"prefix\">$</span>\n\t<span slot=\"sufix\">Kč</span>\n\t<option value>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\" selected>Value D</option>\n\t<option value=\"e\">Value E</option>\n\t<option value=\"f\">Value F</option>\n\t<option value=\"g\">Value G</option>\n\t<option value=\"h\">Value H</option>\n\t<option value=\"i\" selected>Value I</option>\n</gov-form-multi-select>\n<br>\n<gov-form-multi-select size=\"xl\" placeholder=\"Placeholder\" wcag-described-by=\"me-and-you\" disabled>\n\t<span slot=\"prefix\">$</span>\n\t<span slot=\"sufix\">Kč</span>\n\t<option value>Placeholder</option>\n\t<option value=\"b\">Value B</option>\n\t<option value=\"c\">Value C</option>\n\t<option value=\"d\" selected>Value D</option>\n\t<option value=\"e\">Value E</option>\n\t<option value=\"f\">Value F</option>\n\t<option value=\"g\">Value G</option>\n\t<option value=\"h\">Value H</option>\n\t<option value=\"i\" selected>Value I</option>\n</gov-form-multi-select>\n\n<br><br>\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2 id=\"checkbox\">Checkbox</h2>\n<h3>Gaps</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of word</gov-form-label>\n\t<gov-form-group gap=\"xs\">\n\t\t<gov-form-checkbox indeterminate name=\"test-me-c\" value=\"me\" size=\"m\" no-label checked>\n\t\t\t<gov-form-label slot=\"label\" class=\"sr-only\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" no-label>\n\t\t\t<gov-form-label slot=\"label\" class=\"sr-only\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"xs\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" required checked>\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"xs\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" required checked>\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"xs\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"s\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group gap=\"m\">\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\">Option 1</gov-form-label>\n\t\t</gov-form-checkbox>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Option 2</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Default</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>With message</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"s\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"m\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"l\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"xl\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\" invalid=\"true\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xl\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xs\" disabled>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"s\" disabled=\"True\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"m\" checked disabled=\"TRUE\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"l\" checked disabled=\"1\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-checkbox name=\"test-me-c\" value=\"me\" size=\"xl\" checked disabled=\"1\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-checkbox>\n\t</gov-form-group>\n</gov-form-control>\n\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2 id=\"radio\">Radio</h2>\n<h3>Default group</h3>\n<gov-form-control fieldset>\n\t<gov-form-label legend size=\"xs\" slot=\"top\">Seznam skupiny</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test1\" value=\"me\" size=\"xs\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test2\" value=\"me2\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test3\" value=\"me\" size=\"s\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test4\" value=\"me2\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test5\" value=\"me\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test6\" value=\"me2\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test7\" value=\"me\" size=\"l\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test8\" value=\"me2\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test9\" value=\"me\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test10\" value=\"me2\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>With message</h3>\n<gov-form-control fieldset>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test1\" value=\"me\" size=\"xs\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test2\" value=\"me2\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test3\" value=\"me\" size=\"s\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test4\" value=\"me2\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"s\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test5\" value=\"me\" size=\"m\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test6\" value=\"me2\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"m\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test7\" value=\"me\" size=\"l\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test8\" value=\"me2\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"l\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test9\" value=\"me\" size=\"xl\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test10\" value=\"me2\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"xl\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test5\" value=\"me\" size=\"xs\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test5\" value=\"me2\" size=\"xs\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test6\" value=\"me\" size=\"s\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test6\" value=\"me2\" size=\"s\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test7\" value=\"me\" size=\"m\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test7\" value=\"me2\" size=\"m\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test8\" value=\"me\" size=\"l\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test8\" value=\"me2\" size=\"l\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test8\" value=\"me\" size=\"xl\" invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test8\" value=\"me2\" size=\"xl\" checked invalid=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test9\" value=\"me\" size=\"xs\" disabled>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test9\" value=\"me2\" size=\"xs\" checked disabled>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test10\" value=\"me\" size=\"s\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test10\" value=\"me2\" size=\"s\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test11\" value=\"me\" size=\"m\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test11\" value=\"me2\" size=\"m\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test12\" value=\"me\" size=\"l\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test12\" value=\"me2\" size=\"l\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n<br>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-radio name=\"test12\" value=\"me\" size=\"xl\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 1</gov-form-label>\n\t\t</gov-form-radio>\n\t\t<gov-form-radio name=\"test12\" value=\"me2\" size=\"xl\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Value 2</gov-form-label>\n\t\t</gov-form-radio>\n\t</gov-form-group>\n</gov-form-control>\n\n\n<!-- ----------------------------------------------------------------------------------------------------------------------------- -->\n\n\n<h2 id=\"switch\">Switch</h2>\n<h3>Default</h3>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>With message</h3>\n<gov-form-control size=\"xs\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"xs\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"s\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"s\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"m\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"m\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"l\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"l\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"xl\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" size=\"xl\">\n\t\tMessage\n\t</gov-form-message>\n</gov-form-control>\n\n<h3>With label</h3>\n<gov-form-control>\n\t<gov-form-label size=\"xs\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"s\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"m\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"l\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control>\n\t<gov-form-label size=\"xl\" slot=\"top\">Label of toggle</gov-form-label>\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xl\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Disabled</h3>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xs\" disabled>\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"s\" disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"m\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"l\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n<gov-form-control type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch name=\"test-me\" value=\"me\" size=\"xl\" checked disabled=\"true\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n</gov-form-control>\n\n<h3>Invalid</h3>\n<gov-form-control size=\"xs\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"xs\" invalid=\"True\">\n\t\t\t<gov-form-label slot=\"label\" size=\"xs\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xs\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"s\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"s\" invalid=\"TRUE\">\n\t\t\t<gov-form-label slot=\"label\" size=\"s\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"s\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"m\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"m\" invalid=\"true\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"m\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"m\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"l\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"l\" invalid=\"1\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"l\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"l\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n<gov-form-control size=\"xl\" type=\"switch\">\n\t<gov-form-group>\n\t\t<gov-form-switch invalid name=\"test-me\" value=\"me\" size=\"xl\" invalid=\"1\" checked>\n\t\t\t<gov-form-label slot=\"label\" size=\"xl\">Souhlasím</gov-form-label>\n\t\t</gov-form-switch>\n\t</gov-form-group>\n\t<gov-form-message slot=\"bottom\" color=\"error\" size=\"xl\">\n\t\t<gov-icon slot=\"icon\" name=\"exclamation-triangle-fill\"></gov-icon>\n\t\tRequired\n\t</gov-form-message>\n</gov-form-control>\n\t\t`\n\t}\n}\n\nif (customElements.get('forms-page') === undefined) {\n\tcustomElements.define('forms-page', FormsPage)\n}\n","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\" color=\"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\" color=\"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\" color=\"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\" color=\"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\" color=\"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<h3>Bold</h3>\n\t\t<gov-infobar color=\"primary\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tPrimary - 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 color=\"neutral\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNeutral - 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 color=\"error\" type=\"bold\" 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 color=\"success\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSuccess - 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 color=\"warning\" type=\"bold\" 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<h3>Subtle</h3>\n\t\t<gov-infobar color=\"primary\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tPrimary - 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 color=\"neutral\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNeutral - 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 color=\"error\" type=\"subtle\" 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 color=\"success\" type=\"subtle\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSuccess - 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 color=\"warning\" type=\"subtle\" 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<h2>Expandable</h2>\n\t\t<div class=\"gov-bg--primary-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"primary\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p slot=\"headline\">Tohle bude super nadpis pro všechno</p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tPrimary - 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\t\t<div class=\"gov-bg--neutral-1000\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"neutral\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p slot=\"headline\">Tohle bude super nadpis pro všechno</p>\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\t\t<div class=\"gov-bg--success-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"success\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<p slot=\"headline\">Tohle bude super nadpis pro všechno</p>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tSuccess - 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\t\t<div class=\"gov-bg--error-600\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"error\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Tohle bude super nadpis pro všechno</h3>\n\t\t\t\t\t<p>\n\t\t\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\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<div class=\"gov-bg--warning-400\">\n\t\t\t<gov-container>\n\t\t\t\t<gov-infobar color=\"warning\" type=\"bold\" closable>\n\t\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Tohle bude super nadpis pro všechno</h3>\n\t\t\t\t\t<p>\n\t\t\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\t\t</p>\n\t\t\t\t</gov-infobar>\n\t\t\t</gov-container>\n\t\t</div>\n\t\t<br/>\n\t\t<gov-infobar color=\"neutral\" type=\"bold\" closable>\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<h1 slot=\"headline\">Tohle bude super nadpis pro všechno</h1>\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`\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\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\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\n\t\t\t<gov-layout type=\"aside\" color=\"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\n\t\t\t<gov-layout type=\"aside\" color=\"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\n\t\t\t<gov-layout type=\"aside\" color=\"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\n\t\t\t<gov-layout type=\"aside\" color=\"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\n\t\t\t<gov-layout type=\"text\" color=\"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\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\n\t\t\t<gov-layout type=\"text\" color=\"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\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\tdocument.getElementById('btn')?.addEventListener(\"gov-click\", () => {\n\t\t\tconst loader = document.createElement('gov-loading')\n\t\t\tloader.setAttribute('size', 'l')\n\t\t\tloader.setAttribute('id', 'loading')\n\t\t\tloader.innerHTML = 'Načítání'\n\t\t\tdocument.body.appendChild(loader)\n\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\t\t\t\t<div class=\"skeletons-defaults\">\n\t\t\t\t\t<h4>Default</h4>\n\t\t\t\t\t<gov-skeleton></gov-skeleton>\n\t\t\t\t\t<h4>XS</h4>\n\t\t\t\t\t<gov-skeleton size=\"xs\"></gov-skeleton>\n\t\t\t\t\t<h4>S</h4>\n\t\t\t\t\t<gov-skeleton size=\"s\"></gov-skeleton>\n\t\t\t\t\t<h4>M</h4>\n\t\t\t\t\t<gov-skeleton size=\"m\"></gov-skeleton>\n\t\t\t\t\t<h4>L</h4>\n\t\t\t\t\t<gov-skeleton size=\"l\"></gov-skeleton>\n\t\t\t\t\t<h4>XL</h4>\n\t\t\t\t\t<gov-skeleton size=\"xl\"></gov-skeleton>\n\t\t\t\t\t<br><br>\n\t\t\t\t\t<h4>Neutral</h4>\n\t\t\t\t\t<gov-skeleton color=\"neutral\"></gov-skeleton>\n\t\t\t\t\t<h4>Primary</h4>\n\t\t\t\t\t<gov-skeleton color=\"primary\"></gov-skeleton>\n\t\t\t\t</div>\n\t\t\t\t<br><br>\n\t\t\t\t<div class=\"skeletons-appearance-circle\">\n\t\t\t\t\t<h2>Circle</h2>\n\t\t\t\t\t<gov-skeleton shape=\"circle\"> </gov-skeleton>\n\t\t\t\t</div>\n\t\t\t\t<br><br>\n\t\t\t\t<div class=\"skeletons-animation-no-animation\">\n\t\t\t\t\t<h2>Without animation</h2>\n\t\t\t\t\t<gov-skeleton animation=\"false\"></gov-skeleton>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"skeletons-animation-pulse\">\n\t\t\t\t\t<h2>Pulse animation</h2>\n\t\t\t\t\t<gov-skeleton animation=\"pulse\"></gov-skeleton>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"skeletons-animation-progress\">\n\t\t\t\t\t<h2>Progress animation</h2>\n\t\t\t\t\t<gov-skeleton animation=\"progress\"></gov-skeleton>\n\t\t\t\t</div>\n\t\t\t\t<br><br>\n\t\t\t\t<div class=\"skeletons-with-theming\">\n\t\t\t\t\t<h2>Custom styles</h2>\n\t\t\t\t\t<style>\n\t\t\t\t\t.custom-skeleton {\n\t\t\t\t\t\t--width: 100px;\n\t\t\t\t\t\t--m-height: 100px;\n\t\t\t\t\t\t--neutral-background: #2d9120;\n\t\t\t\t\t\t--neutral-foreground: #7ae06d;\n\t\t\t\t\t\t--border-radius: 20px;\n\t\t\t\t\t}\n\t\t\t\t\t</style>\n\t\t\t\t\t<gov-skeleton class=\"custom-skeleton\"></gov-skeleton>\n\t\t\t\t</div>\n\t\t\t\t<br><br>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Custom width</h2>\n\t\t\t\t\t<gov-skeleton width=\"500px\"></gov-skeleton>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<h2>Custom height</h2>\n\t\t\t\t\t<gov-skeleton height=\"80px\"></gov-skeleton>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<br><br>\n\t\t\t<gov-button color=\"primary\" size=\"m\" type=\"bold\" id=\"btn\">Zobrazit načítání</gov-button>\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>Content Message</h2>\n\t\t<h3>Bold</h3>\n\t\t<gov-message color=\"primary\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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 color=\"neutral\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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 color=\"error\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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 color=\"success\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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 color=\"warning\" type=\"bold\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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><br>\n\t\t<h3>Subtle</h3>\n\t\t<gov-message color=\"primary\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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 color=\"neutral\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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 color=\"error\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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 color=\"success\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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 color=\"warning\" type=\"subtle\">\n\t\t\t<gov-icon name=\"info\" size=\"l\" 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 DialogPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tsetTimeout(function () {\n\t\t\tdocument.getElementById('btn').addEventListener('gov-click', function () {\n\t\t\t\tdocument.getElementById('dialog').setAttribute('open', 'true')\n\t\t\t})\n\t\t}, 500)\n\t\tthis.innerHTML = `\n\t\t\t<h2>Dialog</h2>\n\t\t\t<gov-button color=\"primary\" size=\"m\" type=\"solid\" 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-dialog id=\"dialog\" accessible-close-label=\"Zavřít modal žádosti o dávku\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\" class=\"gov-color--primary-600\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Podání daňového přiznání</h3>\n\t\t\t\t<h3>Obsah dialogového okna</h3>\n\t\t\t\t<p>Bude tvořen libovolnými komponentami</p>\n\t\t\t\t<br>\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.\n\t\t\t\t</p>\n\t\t\t\t<gov-button slot=\"footer\" size=\"l\" color=\"primary\" type=\"base\">Zrušit</gov-button>\n                <gov-button slot=\"footer\" size=\"l\" color=\"primary\" type=\"solid\">Pokračovat</gov-button>\n\t\t\t</gov-dialog>\n\t\t`\n\t}\n}\n\nif (customElements.get('dialog-page') === undefined) {\n\tcustomElements.define('dialog-page', DialogPage)\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 size=\"m\" 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 size=\"m\" 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 size=\"m\" color=\"neutral\" 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\" color=\"neutral\" 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=\"m\" type=\"select\" color=\"neutral\" 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\" type=\"select\" color=\"neutral\" 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 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 StepperPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h2>Stepper</h2>\n\t\t\t<h3>Velikost S</h3>\n\n\t\t\t<gov-stepper size=\"s\">\n\t\t\t\t<gov-stepper-item color=\"success\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<h1 slot=\"headline\">Hotový krok</h1>\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</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"error\" size=\"s\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t<h2 slot=\"headline\">Chybový krok</h2>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"primary\" size=\"s\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<h2 slot=\"headline\">Krok s textem, obrázkem</h2>\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 color=\"neutral\" size=\"s\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t<h2 slot=\"headline\">Budoucí krok</h2>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"warning\" size=\"s\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t<h2 slot=\"headline\">Budoucí krok</h2>\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 M</h3>\n\n\t\t\t<gov-stepper size=\"m\">\n\t\t\t\t<gov-stepper-item color=\"success\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Hotový krok</h3>\n\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\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 color=\"error\" size=\"m\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Chybový krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"primary\" size=\"m\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<h2 slot=\"headline\">Krok s textem</h2>\n\t\t\t\t\t<span slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</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 color=\"neutral\" size=\"m\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"warning\" size=\"m\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\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 L</h3>\n\n\t\t\t<gov-stepper size=\"l\">\n\t\t\t\t<gov-stepper-item color=\"success\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t<h2 slot=\"headline\">Hotový krok</h2>\n\t\t\t\t\t<span class=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</span>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"error\" size=\"l\">\n\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"x-lg\"></gov-icon>\n\t\t\t\t\t<h3 slot=\"headline\">Chybový krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"primary\" size=\"l\">\n\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t<h3 slot=\"headline\">Krok s textem, obrázkem</h3>\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 color=\"neutral\" size=\"l\">\n\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\n\t\t\t\t</gov-stepper-item>\n\t\t\t\t<gov-stepper-item color=\"warning\" size=\"l\">\n\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t<h3 slot=\"headline\">Budoucí krok</h3>\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-container>\n\t\t\t<h3>Primary</h3>\n\t\t\t<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"xs\" 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\" icon-start=\"basic/star\">\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\" icon-end=\"basic/star\" 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<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"s\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\" direction=\"column\">\n\t\t\t\t<gov-tabs-item label=\"TAB #1\" icon-start=\"basic/star\">\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\" icon-start=\"basic/star\"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\" icon-start=\"basic/star\">\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<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"m\" 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<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"l\" 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<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"xl\" wcag-label=\"Důležitý tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t<gov-tabs-item label=\"Praesent vehicula sollicitudin\">\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=\"Duis in blandit lacus\" 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=\"Lorem ipsum dolor sit amet\">\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<br>\n\t\t\t<h3>Neutral</h3>\n\t\t\t<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"xs\" 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<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"s\" 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<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"m\" 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<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"l\" 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<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"xl\" 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<br>\n\t\t\t<br><br>\n\n\t\t\t<h3>Chip primary</h3>\n\t\t\t<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"xs\" 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\" icon-start=\"basic/star\">\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\" icon-end=\"basic/star\" 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<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"s\" 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<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"m\" 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<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"l\" 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<br>\n\t\t\t<gov-tabs color=\"primary\" size=\"xl\" 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<br>\n\t\t\t<h3>Chip neutral</h3>\n\t\t\t<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"xs\" 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<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"s\" 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<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"m\" 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<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"l\" 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<br>\n\t\t\t<gov-tabs color=\"neutral\" size=\"xl\" 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<br>\n\t\t\t<br><br>\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\t</gov-container>\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>Primary - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\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 color=\"primary\" size=\"xs\" type=\"bold\">\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 color=\"primary\" size=\"xs\" type=\"bold\">\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 color=\"primary\" size=\"s\" type=\"bold\">\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 color=\"primary\" size=\"m\" type=\"bold\">\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</div>\n\t\t\t<h4>Primary - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"primary\" size=\"xs\" type=\"subtle\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"primary\" size=\"s\" type=\"subtle\">\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 color=\"primary\" size=\"m\" type=\"subtle\">\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<br>\n\n\t\t\t<h4>Secondary - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"secondary\" type=\"bold\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"secondary\" type=\"bold\" 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 color=\"secondary\" type=\"bold\" 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>Secondary - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"secondary\" type=\"subtle\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"secondary\" type=\"subtle\" 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 color=\"secondary\" type=\"subtle\" 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<br>\n\n\t\t\t<h4>Success - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"success\" type=\"bold\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"success\" type=\"bold\" 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 color=\"success\" type=\"bold\" 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>Success - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"success\" type=\"subtle\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"success\" type=\"subtle\" 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 color=\"success\" type=\"subtle\" 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<br>\n\n\t\t\t<h4>Warning - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"warning\" type=\"bold\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"warning\" type=\"bold\" 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 color=\"warning\" type=\"bold\" 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>Warning - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"warning\" type=\"subtle\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"warning\" type=\"subtle\" 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 color=\"warning\" type=\"subtle\" 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<br>\n\n\t\t\t<h4>Error - bold</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"error\" type=\"bold\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"error\" type=\"bold\" 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 color=\"error\" type=\"bold\" 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>Error - subtle</h4>\n\t\t\t<div class=\"container-view\">\n\t\t\t\t<gov-tag color=\"error\" type=\"subtle\" size=\"xs\">\n\t\t\t\t\tTag\n\t\t\t\t</gov-tag>\n\t\t\t\t<gov-tag color=\"error\" type=\"subtle\" 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 color=\"error\" type=\"subtle\" 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`\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<h3>Vertical</h3>\n\t\t<gov-tiles style=\"max-width: 230px;\" columns=\"1\">\n\t\t\t<gov-tile orientation=\"vertical\" size=\"m\" href=\"#\">\n\t\t\t\t<gov-icon name=\"info\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Gov Nav Tile Label</h3>\n\t\t\t\t<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</span>\n\t\t\t</gov-tile>\n\t\t</gov-tiles>\n\t\t<gov-tiles style=\"max-width: 230px;\" columns=\"1\">\n\t\t\t<gov-tile orientation=\"vertical\" size=\"m\">\n\t\t\t\t<gov-icon name=\"info\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Gov Nav Tile Label</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"m\" type=\"outlined\" href=\"#\" slot=\"button\">Přejít na web</gov-button>\n\t\t\t</gov-tile>\n\t\t</gov-tiles>\n\t\t<div style=\"max-width: 600px;\">\n\t\t\t<gov-tile orientation=\"vertical\" size=\"m\" href=\"#\">\n\t\t\t\t<h3 slot=\"title\">Gov Nav Tile Label</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>\n\t\t\t</gov-tile>\n\t\t\t<br>\n\t\t\t<h4>S</h4>\n\t\t\t<gov-tile href=\"#\" orientation=\"vertical\" size=\"s\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\t\t\t\t\tOd 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.\n\t\t\t\t</p>\n\t\t\t</gov-tile>\n\t\t\t<h4>M</h4>\n\t\t\t<gov-tile href=\"#\" orientation=\"vertical\" size=\"m\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\t\t\t\t\tOd 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.\n\t\t\t\t</p>\n\t\t\t</gov-tile>\n\t\t\t<h4>L</h4>\n\t\t\t<gov-tile href=\"#\" orientation=\"vertical\" size=\"l\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\t\t\t\t\tOd 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.\n\t\t\t\t</p>\n\t\t\t</gov-tile>\n\t\t</div>\n\t\t<br>\n\t\t<h3>Horizontal</h3>\n\t\t<gov-tiles style=\"max-width: 800px;\" columns=\"1\">\n\t\t\t<gov-tile orientation=\"horizontal\" size=\"m\" href=\"#\">\n\t\t\t\t<gov-icon name=\"info\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Gov Nav Tile Label</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>\n\t\t\t</gov-tile>\n\t\t</gov-tiles>\n\t\t<gov-tiles style=\"max-width: 800px;\" columns=\"1\">\n\t\t\t<gov-tile orientation=\"horizontal\" size=\"m\">\n\t\t\t\t<gov-icon name=\"info\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Gov Nav Tile Label</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>\n\t\t\t\t<gov-button color=\"primary\" size=\"m\" type=\"outlined\" href=\"#\" slot=\"button\">Přejít na web</gov-button>\n\t\t\t</gov-tile>\n\t\t</gov-tiles>\n\t\t<div style=\"max-width: 600px;\">\n\t\t\t<gov-tile orientation=\"horizontal\" size=\"m\" href=\"#\">\n\t\t\t\t<h3 slot=\"title\">Gov Nav Tile Label</h3>\n\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>\n\t\t\t</gov-tile>\n\t\t\t<br>\n\t\t\t<h4>S</h4>\n\t\t\t<gov-tile href=\"#\" orientation=\"horizontal\" size=\"s\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\t\t\t\t\tOd 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.\n\t\t\t\t</p>\n\t\t\t</gov-tile>\n\t\t\t<h4>M</h4>\n\t\t\t<gov-tile href=\"#\" orientation=\"horizontal\" size=\"m\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\t\t\t\t\tOd 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.\n\t\t\t\t</p>\n\t\t\t</gov-tile>\n\t\t\t<h4>L</h4>\n\t\t\t<gov-tile href=\"#\" orientation=\"horizontal\" size=\"l\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\t\t\t\t\tOd 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.\n\t\t\t\t</p>\n\t\t\t</gov-tile>\n\t\t</div>\n\n\t\t<br><br>\n\n\t\t<gov-tiles columns=\"6\">\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t</gov-tiles>\n\t\t<br>\n\t\t<gov-tiles columns=\"5\">\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t</gov-tiles>\n\t\t<br>\n\t\t<gov-tiles columns=\"4\">\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t</gov-tiles>\n\t\t<br>\n\t\t<gov-tiles columns=\"3\">\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\" no-border>\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t</gov-tiles>\n\t\t<br>\n\t\t<gov-tiles columns=\"2\">\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t\t<gov-tile href=\"#\">\n\t\t\t\t<gov-icon name=\"id-card\" type=\"complex\" slot=\"icon\"></gov-icon>\n\t\t\t\t<h3 slot=\"title\">Zdroje energie, těžba, nerosty, drahé kovy</h3>\n\t\t\t\t<p>\n\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</p>\n\t\t\t</gov-tile>\n\t\t</gov-tiles>\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 color=\"success\" type=\"subtle\">\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 color=\"error\" type=\"subtle\" 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 color=\"warning\" type=\"subtle\" 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 color=\"primary\" type=\"subtle\" 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 color=\"neutral\" type=\"subtle\" 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 color=\"success\" type=\"bold\" 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 color=\"error\" type=\"bold\" 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 color=\"warning\" type=\"bold\" 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 color=\"primary\" type=\"bold\" 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 color=\"neutral\" type=\"bold\" 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\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t\t\t<gov-icon name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\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\t\t</ul>\n\t\t\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t\t</gov-tooltip>\n\t\t\t\t\t</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 message=\"<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<span style=\"display: inline-block; width: 16px;\"><gov-icon name=\"info\"></gov-icon></span>\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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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 color=\"neutral\" 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--neutral-50\" style=\"padding: 48px\">\n\t\t\t\t<gov-wizard size=\"s\">\n\t\t\t\t\t<gov-wizard-item color=\"success\" size=\"s\" 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<h3 slot=\"headline\">Font Awesome Icon</h3>\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<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 color=\"primary\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Kontaktní osoby</h3>\n\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<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 color=\"neutral\" size=\"s\" collapsible=\"false\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Působnost v agendách</h3>\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 color=\"error\" size=\"s\" collapsible>\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\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 color=\"warning\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\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=\"m\"\">\n\t\t\t\t\t<gov-wizard-item color=\"success\" size=\"s\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<h3 slot=\"headline\">Font Awesome Icon</h3>\n\t\t\t\t\t\t<span slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.</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 color=\"primary\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Kontaktní osoby</h3>\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 color=\"neutral\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Působnost v agendách</h3>\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 color=\"error\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\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 color=\"warning\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\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=\"l\">\n\t\t\t\t\t<gov-wizard-item color=\"success\" size=\"s\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<h3 slot=\"headline\">Font Awesome Icon</h3>\n\t\t\t\t\t\t<span slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.</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 color=\"primary\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Kontaktní osoby</h3>\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 color=\"neutral\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Působnost v agendách</h3>\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 color=\"error\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\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 color=\"warning\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\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","class IconPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h1>Icons</h1>\n\t\t\t<h4>Colors</h4>\n\t\t\t<gov-icon name=\"star-fill\" color=\"default\"></gov-icon> default<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"primary\"></gov-icon> primary<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"secondary\"></gov-icon> secondary<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"neutral\"></gov-icon> neutral<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"error\"></gov-icon> error<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"success\"></gov-icon> success<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"warning\"></gov-icon> warning<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"disabled\"></gov-icon> disabled<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"white\"></gov-icon> white<br/>\n\t\t\t<gov-icon name=\"star-fill\" color=\"black\"></gov-icon> black<br/>\n\t\t`\n\t}\n}\n\nif (customElements.get('icon-page') === undefined) {\n\tcustomElements.define('icon-page', IconPage)\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/CookieConsent'\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/Dialog'\nimport '../../pages/Pagination'\nimport '../../pages/Spacer'\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'\nimport '../../pages/Icon'\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, {baseUrl: '/playground/'})\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-restructure', 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: '/dialog', component: 'dialog-page' },\n\t\t\t{ path: '/spacer', component: 'spacer-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: '/wizard', component: 'wizard-page' },\n\t\t\t{ path: '/grid', component: 'grid-page' },\n\t\t\t{ path: '/layout', component: 'layout-page' },\n\t\t\t{ path: '/icon', component: 'icon-page' },\n\t\t])\n\t}\n\n\trender() {\n\t\treturn <Host />\n\t}\n}\n","export const ThemeSwitchClass = {\n\troot: 'gov-theme-switch'\n}\n\nexport const ATTRIBUTE_THEME_NAME = 'data-theme'\n","import {GovBaseEvent} from \"../../types/event.types\";\n\nexport enum ThemeList {\n\tauto = 'auto',\n\tlight = 'light',\n\tdark = 'dark'\n}\n\nexport interface ThemeSwitchEvent extends GovBaseEvent {\n\tref: HTMLGovThemeSwitchElement;\n\tstate: ThemeList\n}\n\n","import {Component, Element, Event, EventEmitter, h, Host, State} from \"@stencil/core\"\nimport {GovHost} from \"../../helpers/Dom/template.types\";\nimport {govHost} from \"../../helpers/Dom/template\";\nimport {ATTRIBUTE_THEME_NAME, ThemeSwitchClass} from \"./constants\";\nimport {isWindow} from \"../../helpers/Dom/win\";\nimport {ThemeList, ThemeSwitchEvent} from \"./gov-theme-switch.types\";\n\n@Component({\n\ttag: \"gov-theme-switch\",\n})\nexport class GovThemeSwitch {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovLoadingElement\n\n\t/**\n\t * Called when the theme is changed by the user\n\t */\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<ThemeSwitchEvent>\n\n\t@State() theme: ThemeList = ThemeList.auto\n\n\tprivate get localStorageValue() {\n\t\treturn isWindow ? localStorage.getItem(ATTRIBUTE_THEME_NAME) : null;\n\t}\n\n\tprivate get htmlElement(): HTMLElement {\n\t\treturn document.documentElement\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.initDefaultState()\n\t}\n\n\tprivate initDefaultState() {\n\t\tconst options = Object.keys(ThemeList);\n\t\tlet currentState = this.localStorageValue;\n\t\tconst htmlState = this.htmlElement.getAttribute(ATTRIBUTE_THEME_NAME)\n\n\t\tif (currentState && options.includes(currentState)) {\n\t\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, currentState);\n\t\t\tthis.theme = currentState as ThemeList;\n\t\t} else if (htmlState && options.includes(htmlState)) {\n\t\t\tlocalStorage.setItem(ATTRIBUTE_THEME_NAME, htmlState);\n\t\t\tthis.theme = htmlState as ThemeList;\n\t\t} else {\n\t\t\tlocalStorage.setItem(ATTRIBUTE_THEME_NAME, ThemeList.auto);\n\t\t\tthis.theme = ThemeList.auto;\n\t\t}\n\t}\n\n\tprivate setThemeState = (state: ThemeList) => {\n\t\tthis.htmlElement.setAttribute(ATTRIBUTE_THEME_NAME, state);\n\t\tlocalStorage.setItem(ATTRIBUTE_THEME_NAME, state);\n\t\tthis.theme = state;\n\n\t\tthis.govChange.emit({\n\t\t\tcomponent: ThemeSwitchClass.root,\n\t\t\tstate: this.theme,\n\t\t\tref: this.host\n\t\t})\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ThemeSwitchClass.root)}>\n\t\t\t\t<button onClick={() => this.setThemeState(ThemeList.light)}>light</button>\n\t\t\t\t<button onClick={() => this.setThemeState(ThemeList.dark)}>dark</button>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"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","ignoreList":[]}