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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../../src/pages/Tabs.ts"],"names":[],"mappings":"AAAA,MAAM,QAAS,SAAQ,WAAW;IACjC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0lBhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["class 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<gov-tabs color=\"primary\" size=\"xs\" wcag-label=\"Důležitý vnitřní tabs\" wcag-select-label=\"Výběr možnosti\">\n\t\t\t\t\t\t<gov-tabs-item label=\"INNER TAB #1\" icon-start=\"basic/star\">\n\t\t\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\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\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\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\t\t\tnávrhu vložen smysluplný obsah.</p>\n\t\t\t\t\t\t</gov-tabs-item>\n\t\t\t\t\t\t<gov-tabs-item label=\"INNER TAB #2\" icon-end=\"basic/star\" default>\n\t\t\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\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\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\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\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\t\t\tatd.</p>\n\t\t\t\t\t\t</gov-tabs-item>\n\t\t\t\t\t\t<gov-tabs-item label=\"INNER TAB #3\">\n\t\t\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\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\t\t(např. opakování „asdf asdf asdf…“).</p>\n\t\t\t\t\t\t</gov-tabs-item>\n\t\t\t\t\t</gov-tabs>\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\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"]}

package/dist/collection/pages/Tag.js

@@ -1,220 +0,0 @@
-class TagPage extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = `
-            <h1>Tags</h1>
-            <h4>Primary - bold</h4>
-            <div class="container-view">
-                <gov-tag color="primary" size="xs" type="bold">
-                    Tag
-                </gov-tag>
-                <gov-tag color="primary" size="xs" type="bold">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Tag
-                </gov-tag>
-                <gov-tag color="primary" size="xs" type="bold">
-                    Tag
-                    <gov-icon slot="icon-end" type="components" name="star-fill"></gov-icon>
-                </gov-tag>
-                <gov-tag color="primary" size="xs" type="bold">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Tag
-                    <gov-icon slot="icon-end" type="components" name="star-fill"></gov-icon>
-                </gov-tag>
-                <gov-tag color="primary" size="s" type="bold">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small Primary
-                </gov-tag>
-                <gov-tag color="primary" size="m" type="bold">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal Primary
-                    <gov-icon slot="icon-end" type="components" name="star-fill"></gov-icon>
-                </gov-tag>
-                <br><br>
-                <gov-tag color="primary" size="xs" type="bold" expanded>
-                    Expanded
-                    <gov-icon slot="icon-end" type="components" name="star-fill"></gov-icon>
-                </gov-tag>
-                <br><br>
-                <gov-tag color="primary" size="s" type="bold" expanded>
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Expanded
-                    <gov-icon slot="icon-end" type="components" name="star-fill"></gov-icon>
-                </gov-tag>
-                <br><br>
-                <gov-tag color="primary" size="m" type="bold" expanded>
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Expanded
-                </gov-tag>
-
-            </div>
-            <h4>Primary - subtle</h4>
-            <div class="container-view">
-                <gov-tag color="primary" size="xs" type="subtle">
-                    Tag
-                </gov-tag>
-                <gov-tag color="primary" size="s" type="subtle">
-					<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small Primary
-                </gov-tag>
-                <gov-tag color="primary" size="m" type="subtle">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal Primary
-                </gov-tag>
-            </div>
-            <br>
-
-            <h4>Secondary - bold</h4>
-            <div class="container-view">
-                <gov-tag color="secondary" type="bold" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="secondary" type="bold" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small secondary
-                </gov-tag>
-                <gov-tag color="secondary" type="bold" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal secondary
-                </gov-tag>
-            </div>
-            <h4>Secondary - subtle</h4>
-            <div class="container-view">
-                <gov-tag color="secondary" type="subtle" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="secondary" type="subtle" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small Primary
-                </gov-tag>
-                <gov-tag color="secondary" type="subtle" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal Primary
-                </gov-tag>
-            </div>
-            <br>
-
-            <h4>Neutral - bold</h4>
-            <div class="container-view">
-                <gov-tag color="neutral" type="bold" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="neutral" type="bold" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small secondary
-                </gov-tag>
-                <gov-tag color="neutral" type="bold" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal secondary
-                </gov-tag>
-            </div>
-            <h4>Neutral - subtle</h4>
-            <div class="container-view">
-                <gov-tag color="neutral" type="subtle" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="neutral" type="subtle" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small Primary
-                </gov-tag>
-                <gov-tag color="neutral" type="subtle" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal Primary
-                </gov-tag>
-            </div>
-            <br>
-
-            <h4>Success - bold</h4>
-            <div class="container-view">
-                <gov-tag color="success" type="bold" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="success" type="bold" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small success
-                </gov-tag>
-                <gov-tag color="success" type="bold" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal success
-                </gov-tag>
-            </div>
-            <h4>Success - subtle</h4>
-            <div class="container-view">
-                <gov-tag color="success" type="subtle" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="success" type="subtle" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small Primary
-                </gov-tag>
-                <gov-tag color="success" type="subtle" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal Primary
-                </gov-tag>
-            </div>
-            <br>
-
-            <h4>Warning - bold</h4>
-            <div class="container-view">
-                <gov-tag color="warning" type="bold" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="warning" type="bold" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small warning
-                </gov-tag>
-                <gov-tag color="warning" type="bold" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal warning
-                </gov-tag>
-            </div>
-            <h4>Warning - subtle</h4>
-            <div class="container-view">
-                <gov-tag color="warning" type="subtle" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="warning" type="subtle" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small Primary
-                </gov-tag>
-                <gov-tag color="warning" type="subtle" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal Primary
-                </gov-tag>
-            </div>
-            <br>
-
-            <h4>Error - bold</h4>
-            <div class="container-view">
-                <gov-tag color="error" type="bold" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="error" type="bold" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small error
-                </gov-tag>
-                <gov-tag color="error" type="bold" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal error
-                </gov-tag>
-            </div>
-            <h4>Error - subtle</h4>
-            <div class="container-view">
-                <gov-tag color="error" type="subtle" size="xs">
-                    Tag
-                </gov-tag>
-                <gov-tag color="error" type="subtle" size="s">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Small Primary
-                </gov-tag>
-                <gov-tag color="error" type="subtle" size="m">
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
-                    Normal Primary
-                </gov-tag>
-            </div>
-        `;
-    }
-}
-if (customElements.get('tag-page') === undefined) {
-    customElements.define('tag-page', TagPage);
-}
-//# sourceMappingURL=Tag.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../../src/pages/Tag.ts"],"names":[],"mappings":"AAAA,MAAM,OAAQ,SAAQ,WAAW;IAC7B,iBAAiB;QACb,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAmNhB,CAAA;IACL,CAAC;CACJ;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,SAAS,EAAE,CAAC;IAC/C,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;AAC9C,CAAC","sourcesContent":["class TagPage extends HTMLElement {\n    connectedCallback() {\n        this.innerHTML = `\n            <h1>Tags</h1>\n            <h4>Primary - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n                    Tag\n                    <gov-icon slot=\"icon-end\" type=\"components\" name=\"star-fill\"></gov-icon>\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"xs\" type=\"bold\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Tag\n                    <gov-icon slot=\"icon-end\" type=\"components\" name=\"star-fill\"></gov-icon>\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"s\" type=\"bold\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"m\" type=\"bold\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal Primary\n                    <gov-icon slot=\"icon-end\" type=\"components\" name=\"star-fill\"></gov-icon>\n                </gov-tag>\n                <br><br>\n                <gov-tag color=\"primary\" size=\"xs\" type=\"bold\" expanded>\n                    Expanded\n                    <gov-icon slot=\"icon-end\" type=\"components\" name=\"star-fill\"></gov-icon>\n                </gov-tag>\n                <br><br>\n                <gov-tag color=\"primary\" size=\"s\" type=\"bold\" expanded>\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Expanded\n                    <gov-icon slot=\"icon-end\" type=\"components\" name=\"star-fill\"></gov-icon>\n                </gov-tag>\n                <br><br>\n                <gov-tag color=\"primary\" size=\"m\" type=\"bold\" expanded>\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Expanded\n                </gov-tag>\n\n            </div>\n            <h4>Primary - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"primary\" size=\"xs\" type=\"subtle\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"s\" type=\"subtle\">\n\t\t\t\t\t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"primary\" size=\"m\" type=\"subtle\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <br>\n\n            <h4>Secondary - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"secondary\" type=\"bold\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"secondary\" type=\"bold\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small secondary\n                </gov-tag>\n                <gov-tag color=\"secondary\" type=\"bold\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal secondary\n                </gov-tag>\n            </div>\n            <h4>Secondary - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"secondary\" type=\"subtle\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"secondary\" type=\"subtle\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"secondary\" type=\"subtle\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <br>\n\n            <h4>Neutral - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"neutral\" type=\"bold\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"neutral\" type=\"bold\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small secondary\n                </gov-tag>\n                <gov-tag color=\"neutral\" type=\"bold\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal secondary\n                </gov-tag>\n            </div>\n            <h4>Neutral - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"neutral\" type=\"subtle\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"neutral\" type=\"subtle\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"neutral\" type=\"subtle\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <br>\n\n            <h4>Success - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"success\" type=\"bold\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"success\" type=\"bold\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small success\n                </gov-tag>\n                <gov-tag color=\"success\" type=\"bold\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal success\n                </gov-tag>\n            </div>\n            <h4>Success - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"success\" type=\"subtle\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"success\" type=\"subtle\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"success\" type=\"subtle\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <br>\n\n            <h4>Warning - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"warning\" type=\"bold\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"warning\" type=\"bold\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small warning\n                </gov-tag>\n                <gov-tag color=\"warning\" type=\"bold\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal warning\n                </gov-tag>\n            </div>\n            <h4>Warning - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"warning\" type=\"subtle\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"warning\" type=\"subtle\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"warning\" type=\"subtle\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal Primary\n                </gov-tag>\n            </div>\n            <br>\n\n            <h4>Error - bold</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"error\" type=\"bold\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"error\" type=\"bold\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small error\n                </gov-tag>\n                <gov-tag color=\"error\" type=\"bold\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal error\n                </gov-tag>\n            </div>\n            <h4>Error - subtle</h4>\n            <div class=\"container-view\">\n                <gov-tag color=\"error\" type=\"subtle\" size=\"xs\">\n                    Tag\n                </gov-tag>\n                <gov-tag color=\"error\" type=\"subtle\" size=\"s\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Small Primary\n                </gov-tag>\n                <gov-tag color=\"error\" type=\"subtle\" size=\"m\">\n                \t<gov-icon slot=\"icon-start\" type=\"components\" name=\"star-fill\"></gov-icon>\n                    Normal Primary\n                </gov-tag>\n            </div>\n        `\n    }\n}\n\nif (customElements.get('tag-page') === undefined) {\n    customElements.define('tag-page', TagPage)\n}\n"]}

package/dist/collection/pages/Tiles.js

@@ -1,107 +0,0 @@
-class TilesPage extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = `
-		<h2>Tiles</h2>
-
-		<h3>Vertical</h3>
-		<div style="max-width: 230px;">
-			<gov-tile orientation="vertical" size="m" href="#">
-				<gov-icon name="info" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Gov Nav Tile Label</h3>
-				<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</span>
-			</gov-tile>
-		</div>
-		<div style="max-width: 230px;">
-			<gov-tile orientation="vertical" size="m">
-				<gov-icon name="info" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Gov Nav Tile Label</h3>
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>
-				<gov-button color="primary" size="m" type="outlined" href="#" slot="button">Přejít na web</gov-button>
-			</gov-tile>
-		</div>
-		<div style="max-width: 600px;">
-			<gov-tile orientation="vertical" size="m" href="#">
-				<h3 slot="title">Gov Nav Tile Label</h3>
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>
-			</gov-tile>
-			<br>
-			<h4>S</h4>
-			<gov-tile href="#" orientation="vertical" size="s">
-				<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
-				<p>
-					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.
-				</p>
-			</gov-tile>
-			<h4>M</h4>
-			<gov-tile href="#" orientation="vertical" size="m">
-				<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
-				<p>
-					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.
-				</p>
-			</gov-tile>
-			<h4>L</h4>
-			<gov-tile href="#" orientation="vertical" size="l">
-				<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
-				<p>
-					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.
-				</p>
-			</gov-tile>
-		</div>
-		<br>
-		<h3>Horizontal</h3>
-		<div style="max-width: 800px;">
-			<gov-tile orientation="horizontal" size="m" href="#">
-				<gov-icon name="info" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Gov Nav Tile Label</h3>
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>
-			</gov-tile>
-		</div>
-		<div style="max-width: 800px;">
-			<gov-tile orientation="horizontal" size="m">
-				<gov-icon name="info" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Gov Nav Tile Label</h3>
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>
-				<gov-button color="primary" size="m" type="outlined" href="#" slot="button">Přejít na web</gov-button>
-			</gov-tile>
-		</div>
-		<div style="max-width: 600px;">
-			<gov-tile orientation="horizontal" size="m" href="#">
-				<h3 slot="title">Gov Nav Tile Label</h3>
-				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer...</p>
-			</gov-tile>
-			<br>
-			<h4>S</h4>
-			<gov-tile href="#" orientation="horizontal" size="s" no-border>
-				<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
-				<p>
-					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.
-				</p>
-			</gov-tile>
-			<h4>M</h4>
-			<gov-tile href="#" orientation="horizontal" size="m" no-border>
-				<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
-				<p>
-					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.
-				</p>
-			</gov-tile>
-			<h4>L</h4>
-			<gov-tile href="#" orientation="horizontal" size="l" no-border>
-				<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
-				<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
-				<p>
-					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.
-				</p>
-			</gov-tile>
-		</div>
-		`;
-    }
-}
-if (customElements.get('tiles-page') === undefined) {
-    customElements.define('tiles-page', TilesPage);
-}
-//# sourceMappingURL=Tiles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tiles.js","sourceRoot":"","sources":["../../../../../src/pages/Tiles.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;IAClC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkGhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE,CAAC;IACpD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AAC/C,CAAC","sourcesContent":["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<div style=\"max-width: 230px;\">\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</div>\n\t\t<div style=\"max-width: 230px;\">\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</div>\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<div style=\"max-width: 800px;\">\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</div>\n\t\t<div style=\"max-width: 800px;\">\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</div>\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\" 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\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\" 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\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\" 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\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`\n\t}\n}\n\nif (customElements.get('tiles-page') === undefined) {\n\tcustomElements.define('tiles-page', TilesPage)\n}\n"]}

package/dist/collection/pages/ToastMessage.js

@@ -1,47 +0,0 @@
-class ToastMessagePage extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = `
-		<h2>
-			Toast Message
-		</h2>
-		<gov-toast color="success" type="subtle">
-			<gov-icon name="check-lg" slot="icon"></gov-icon>
-			<p>
-				Vaše dokumenty byly úspěšně staženy.
-			</p>
-		</gov-toast>
-		<br>
-		<gov-toast color="error" type="subtle" gravity="bottom" position="left">
-			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
-			<p>
-				Není možné požadavek zpracovat z důvodu chyby serveru.
-			</p>
-		</gov-toast>
-		<br>
-		<gov-toast color="warning" type="subtle" position="left">
-			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
-			<p>
-				Žádost se nepodařilo odeslat, zkontrolujte nastavení.
-			</p>
-		</gov-toast>
-		<br>
-		<gov-toast color="primary" type="subtle" position="center">
-			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
-			<p>
-				Soubory jsou připraveny ke stažení.
-			</p>
-		</gov-toast>
-		<br>
-		<gov-toast color="neutral" type="subtle" gravity="bottom" position="right">
-			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
-			<p>
-				Vaše aplikace byla aktualizovaná na novou verzi!
-			</p>
-		</gov-toast>
-			`;
-    }
-}
-if (customElements.get('toast-message-page') === undefined) {
-    customElements.define('toast-message-page', ToastMessagePage);
-}
-//# sourceMappingURL=ToastMessage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToastMessage.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessage.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAiB,SAAQ,WAAW;IACzC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC5D,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAA;AAC9D,CAAC","sourcesContent":["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-circle-fill\" 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-circle-fill\" 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-circle-fill\" 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-circle-fill\" 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"]}

package/dist/collection/pages/ToastMessageCountdown.js

@@ -1,47 +0,0 @@
-class ToastMessageCountdownPage extends HTMLElement {
-    connectedCallback() {
-        this.innerHTML = `
-		<h2>
-			Toast Message Countdown
-		</h2>
-		<gov-toast color="success" type="bold" time="10000">
-			<gov-icon name="check-lg" slot="icon"></gov-icon>
-			<p>
-				Vaše dokumenty byly úspěšně staženy.
-			</p>
-		</gov-toast>
-		<br>
-		<gov-toast color="error" type="bold" gravity="bottom" position="left" time="10000">
-			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
-			<p>
-				Není možné požadavek zpracovat z důvodu chyby serveru.
-			</p>
-		</gov-toast>
-		<br>
-		<gov-toast color="warning" type="bold" position="left" time="10000">
-			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
-			<p>
-				Žádost se nepodařilo odeslat, zkontrolujte nastavení.
-			</p>
-		</gov-toast>
-		<br>
-		<gov-toast color="primary" type="bold" position="center" time="10000">
-			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
-			<p>
-				Soubory jsou připraveny ke stažení.
-			</p>
-		</gov-toast>
-		<br>
-		<gov-toast color="neutral" type="bold" gravity="bottom" position="right" time="10000">
-			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
-			<p>
-				Vaše aplikace byla aktualizovaná na novou verzi!
-			</p>
-		</gov-toast>
-			`;
-    }
-}
-if (customElements.get('toast-message-countdown-page') === undefined) {
-    customElements.define('toast-message-countdown-page', ToastMessageCountdownPage);
-}
-//# sourceMappingURL=ToastMessageCountdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToastMessageCountdown.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessageCountdown.ts"],"names":[],"mappings":"AAAA,MAAM,yBAA0B,SAAQ,WAAW;IAClD,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC,KAAK,SAAS,EAAE,CAAC;IACtE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAA;AACjF,CAAC","sourcesContent":["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-circle-fill\" 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-circle-fill\" 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-circle-fill\" 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-circle-fill\" 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"]}