npm - @gov-design-system-ce/components - Versions diffs - 4.1.3-BETA-10 → 4.2.1 - Mend

@gov-design-system-ce/components 4.1.3-BETA-10 → 4.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (719) hide show

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

	@@ -1 +1 @@
1	- {"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqUhB,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<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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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"]}
1	+ {"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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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\">\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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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. 12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V uvedeném termínu bude nedostupné přihlášení k 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/Typography.js CHANGED Viewed

@@ -1,91 +1,157 @@
 class TypographyPage extends HTMLElement {
     connectedCallback() {
         this.innerHTML = `
+			<p class="gov-text--display-l">Display L</p>
+			<p class="gov-text--display-m">Display M</p>
+			<p class="gov-text--display-s">Display S</p>
+			<p class="gov-text--headline-xl">Headline XL</p>
+			<p class="gov-text--headline-l">Headline L</p>
+			<p class="gov-text--headline-m">Headline M</p>
+			<p class="gov-text--headline-s">Headline S</p>
+			<p class="gov-text--headline-xs">Headline XS</p>
+			<p class="gov-text--body-xl">Body XL</p>
+			<p class="gov-text--body-l">Body L</p>
+			<p class="gov-text--body-m">Body M</p>
+			<p class="gov-text--body-s">Body S</p>
+			<p class="gov-text--body-xs">Body XS</p>
+			<p class="gov-text--body-xl-bold">Body XL bold</p>
+			<p class="gov-text--body-l-bold">Body L bold</p>
+			<p class="gov-text--body-m-bold">Body M bold</p>
+			<p class="gov-text--body-s-bold">Body S bold</p>
+			<p class="gov-text--body-xs-bold">Body XS bold</p>
+			<br><br>
 			<h2>Link</h2>
 			<gov-link href="#" size="s">Velikost S</gov-link><br>
 			<gov-link href="#" size="m">Velikost M</gov-link><br>
 			<gov-link href="#" size="l">Velikost L</gov-link><br>
 			<br>
+			<gov-link href="#" size="s">
+				<gov-icon slot="icon-start" name="bookmarks" size="m"></gov-icon>
+				S ikonou vlevo
+			</gov-link><br>
 			<gov-link href="#" size="m">
-				<gov-icon slot="icon-start" name="bookmarks"></gov-icon>
+				<gov-icon slot="icon-start" name="bookmarks" size="m"></gov-icon>
+				S ikonou vlevo
+			</gov-link><br>
+			<gov-link href="#" size="l">
+				<gov-icon slot="icon-start" name="bookmarks" size="m"></gov-icon>
 				S ikonou vlevo
 			</gov-link><br>
 			<gov-link href="#" size="m">
 				S ikonou vpravo
-				<gov-icon slot="icon-end" name="geo-alt-fill"></gov-icon>
+				<gov-icon slot="icon-end" name="geo-alt-fill" size="m"></gov-icon>
 			</gov-link><br>
-			<gov-link href="#" size="m">
-				<gov-icon slot="icon-start" name="caret-right-fill"></gov-icon>
-				Se dvěma ikonami
-				<gov-icon slot="icon-end" name="telephone"></gov-icon>
+			<div style="width: 300px;">
+			<gov-link href="#" size="m" external>
+				<gov-icon slot="icon-start" name="caret-right-fill" size="m"></gov-icon>
+				Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami
+				<gov-icon slot="icon-end" name="telephone" size="m"></gov-icon>
 			</gov-link><br>
+			</div>
+			<div style="width: 300px;">
+			<gov-link href="#" size="m" truncate external>
+				<gov-icon slot="icon-start" name="caret-right-fill" size="m"></gov-icon>
+				Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami
+				<gov-icon slot="icon-end" name="telephone" size="m"></gov-icon>
+			</gov-link><br>
+			</div>
 			<gov-link href="#" target="_blank" external size="s">Externí</gov-link>
+			<br>
+			<gov-link href="#" size="m" external>
+				External s ikonou vpravo
+				<gov-icon slot="icon-end" name="geo-alt-fill" size="m"></gov-icon>
+			</gov-link>
 			<br><br>
 			<p>
-				<a class="gov-text--xs" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--s" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--m" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--l" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--xl" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--2xl" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--3xl" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--4xl" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--5xl" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
-				<a class="gov-text--6xl" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-xs" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-s" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-m" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-l" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-xl" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-xs-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-s-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-m-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-l-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
+				<a class="gov-text--body-xl-bold" href="#copy" target="_blank">paragraph with no more than four lines</a><br>
 			</p>
 			<ul>
 				<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>
+				<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
+					<ul>
+						<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>
+						<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>
+						<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
+							<ul>
+								<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>
+								<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>
+								<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>
+								<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>
+							</ul>
+						</li>
+						<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>
+					</ul>
+				</li>
 				<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>
 				<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>
+			</ul>
+			<br><br>
+			<ul>
+				<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>
+				<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
+				<ul class="gov-list--inline">
+						<li>This is commonly </li>
+						<li>This is commonly </li>
+						<li>This is commonly </li>
+						<li>This is commonly </li>
+					</ul>
+				</li>
+				<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
+					<ul class="gov-list--inline gov-list--plain">
+						<li>This is commonly </li>
+						<li>This is commonly </li>
+						<li>This is commonly </li>
+						<li>This is commonly </li>
+					</ul>
+				</li>
 				<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>
 			</ul>
+			<br><br>
 			<ol>
-				<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>
+				<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
+					<ul>
+						<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>
+						<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>
+						<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>
+						<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
+							<ol>
+								<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>
+								<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>
+								<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>
+								<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>
+							</ol>
+						</li>
+					</ul>
+				</li>
 				<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>
 				<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>
 				<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>
 			</ol>
-			<h6 class="gov-text--6xl">Heading 1 Heading 1 Heading 1</h6>
-			<h2>Heading 2 Heading 2 Heading 2</h2>
-			<p>
-				Body 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
-			</p>
-			<h4 class="gov-text--l">Heading 2 Heading 2 Heading 2</h4>
-			<h3>Heading 3 Heading 3 Heading 3</h3>
-			<p>
-				Body 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
-			</p>
+			<h1>Heading 1 Heading 1 Heading 1</h1>
 			<h2>Heading 2 Heading 2 Heading 2</h2>
+			<p>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</p>
+			<h4 class="gov-text--headline-l">Heading 2 Heading 2 Heading 2</h4>
 			<h3>Heading 3 Heading 3 Heading 3</h3>
-			<p>
-				Body 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.
-			</p>
-			<h3>Heading 3 Heading 3 Heading 3</h3>
-			<h4>Heading 4 Heading 4 Heading 4</h4>
-			<p>
-				Bold - 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
-			</p>
+			<p>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</p>
 			<h4>Heading 4 Heading 4 Heading 4</h4>
+			<p>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</p>
 			<h5>Heading 5 Heading 5 Heading 5</h5>
-			<p>
-				Bold - 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
-			</p>
-			<h5>Heading 5 Heading 5 Heading 5</h5>
+			<p>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</p>
 			<h6>Heading 6 Heading 6 Heading 6</h6>
-			<p>
-				Bold - 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.
-			</p>
-			<h6>Heading 6 Heading 6 Heading 6</h6>
-			<p class="text-x-small">
-				Assistive<br />This is for explanatory helper text that appears below a field
-			</p>
-			<ul>
-				<li>seznam položka seznam položka seznam položka<br />seznam položka seznam položka seznam položka</li>
-				<li>seznam položka seznam položka seznam položka</li>
-				<li>seznam položka seznam položka seznam položka</li>
-			</ul>
+			<p>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.</p>
+			<p></p><small>Small<br />This is for explanatory helper text that appears below a field</small></p>
 		`;
     }
 }

package/dist/collection/pages/Typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../../src/pages/Typography.ts"],"names":[],"mappings":"AAAA,MAAM,cAAe,SAAQ,WAAW;IACvC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,SAAS,EAAE,CAAC;IACzD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAA;AACzD,CAAC","sourcesContent":["class TypographyPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<h2>Link</h2>\n\t\t\t<gov-link href=\"#\" size=\"s\">Velikost S</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"m\">Velikost M</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"l\">Velikost L</gov-link><br>\n\t\t\t<br>\n\t\t\t<gov-link href=\"#\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"bookmarks\"></gov-icon>\n\t\t\t\tS ikonou vlevo\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"m\">\n\t\t\t\tS ikonou vpravo\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\"></gov-icon>\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"caret-right-fill\"></gov-icon>\n\t\t\t\tSe dvěma ikonami\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"telephone\"></gov-icon>\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" target=\"_blank\" external size=\"s\">Externí</gov-link>\n\t\t\t<br><br>\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"]}
1	+ {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../../src/pages/Typography.ts"],"names":[],"mappings":"AAAA,MAAM,cAAe,SAAQ,WAAW;IACvC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwJhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,SAAS,EAAE,CAAC;IACzD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAA;AACzD,CAAC","sourcesContent":["class TypographyPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<p class=\"gov-text--display-l\">Display L</p>\n\t\t\t<p class=\"gov-text--display-m\">Display M</p>\n\t\t\t<p class=\"gov-text--display-s\">Display S</p>\n\t\t\t<p class=\"gov-text--headline-xl\">Headline XL</p>\n\t\t\t<p class=\"gov-text--headline-l\">Headline L</p>\n\t\t\t<p class=\"gov-text--headline-m\">Headline M</p>\n\t\t\t<p class=\"gov-text--headline-s\">Headline S</p>\n\t\t\t<p class=\"gov-text--headline-xs\">Headline XS</p>\n\t\t\t<p class=\"gov-text--body-xl\">Body XL</p>\n\t\t\t<p class=\"gov-text--body-l\">Body L</p>\n\t\t\t<p class=\"gov-text--body-m\">Body M</p>\n\t\t\t<p class=\"gov-text--body-s\">Body S</p>\n\t\t\t<p class=\"gov-text--body-xs\">Body XS</p>\n\t\t\t<p class=\"gov-text--body-xl-bold\">Body XL bold</p>\n\t\t\t<p class=\"gov-text--body-l-bold\">Body L bold</p>\n\t\t\t<p class=\"gov-text--body-m-bold\">Body M bold</p>\n\t\t\t<p class=\"gov-text--body-s-bold\">Body S bold</p>\n\t\t\t<p class=\"gov-text--body-xs-bold\">Body XS bold</p>\n\t\t\t<br><br>\n\n\t\t\t<h2>Link</h2>\n\t\t\t<gov-link href=\"#\" size=\"s\">Velikost S</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"m\">Velikost M</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"l\">Velikost L</gov-link><br>\n\t\t\t<br>\n\t\t\t<gov-link href=\"#\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"bookmarks\" size=\"m\"></gov-icon>\n\t\t\t\tS ikonou vlevo\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"bookmarks\" size=\"m\"></gov-icon>\n\t\t\t\tS ikonou vlevo\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"bookmarks\" size=\"m\"></gov-icon>\n\t\t\t\tS ikonou vlevo\n\t\t\t</gov-link><br>\n\t\t\t<gov-link href=\"#\" size=\"m\">\n\t\t\t\tS ikonou vpravo\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\" size=\"m\"></gov-icon>\n\t\t\t</gov-link><br>\n\t\t\t<div style=\"width: 300px;\">\n\t\t\t<gov-link href=\"#\" size=\"m\" external>\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"caret-right-fill\" size=\"m\"></gov-icon>\n\t\t\t\tSe dvěma ikonami Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"telephone\" size=\"m\"></gov-icon>\n\t\t\t</gov-link><br>\n\t\t\t</div>\n\t\t\t<div style=\"width: 300px;\">\n\t\t\t<gov-link href=\"#\" size=\"m\" truncate external>\n\t\t\t\t<gov-icon slot=\"icon-start\" name=\"caret-right-fill\" size=\"m\"></gov-icon>\n\t\t\t\tSe dvěma ikonami Se dvěma ikonami Se dvěma ikonami Se dvěma ikonami\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"telephone\" size=\"m\"></gov-icon>\n\t\t\t</gov-link><br>\n\t\t\t</div>\n\t\t\t<gov-link href=\"#\" target=\"_blank\" external size=\"s\">Externí</gov-link>\n\t\t\t<br>\n\t\t\t<gov-link href=\"#\" size=\"m\" external>\n\t\t\t\tExternal s ikonou vpravo\n\t\t\t\t<gov-icon slot=\"icon-end\" name=\"geo-alt-fill\" size=\"m\"></gov-icon>\n\t\t\t</gov-link>\n\t\t\t<br><br>\n\t\t\t<p>\n\t\t\t\t<a class=\"gov-text--body-xs\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-s\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-m\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-l\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-xs-bold\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-s-bold\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-m-bold\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-l-bold\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--body-xl-bold\" 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\n\t\t\t\t\t<ul>\n\t\t\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\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\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\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\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\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\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\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\t\t\t</ul>\n\t\t\t\t\t\t</li>\n\t\t\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\t</ul>\n\t\t\t\t</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<br><br>\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\n\t\t\t\t<ul class=\"gov-list--inline\">\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t</ul>\n\t\t\t\t</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\n\t\t\t\t\t<ul class=\"gov-list--inline gov-list--plain\">\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t\t<li>This is commonly </li>\n\t\t\t\t\t</ul>\n\t\t\t\t</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<br><br>\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\n\t\t\t\t\t<ul>\n\t\t\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\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\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\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\n\t\t\t\t\t\t\t<ol>\n\t\t\t\t\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\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\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\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\t\t\t</ol>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</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<h1>Heading 1 Heading 1 Heading 1</h1>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<p>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</p>\n\t\t\t<h4 class=\"gov-text--headline-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>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</p>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<p>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</p>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<p>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</p>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p>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.</p>\n\t\t\t<p></p><small>Small<br />This is for explanatory helper text that appears below a field</small></p>\n\t\t`\n\t}\n}\n\nif (customElements.get('typography-page') === undefined) {\n\tcustomElements.define('typography-page', TypographyPage)\n}\n"]}

package/dist/components/gov-accordion-item.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as a,d as i}from"./p-42200001.js";import{v as c}from"./p-0b3574c2.js";import{A as o,b as n,a as d}from"./p-d4509899.js";import{g as f,t as b,b as r}from"./p-ea7fdd2e.js";import{i as h}from"./p-33d5d1ed.js";import{t as m}from"./p-26618322.js";import{d as l}from"./p-a877bf8a.js";const p=e(class e extends s{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.inheritedAttributes={};this.openState=undefined;this.identifier=undefined;this.size=undefined;this.disabled=false;this.open=false;this.h=f(this.host)}validateSize(e){c(d,e,n.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=h(this.host)}componentDidRender(){m((()=>this.getPropsFromParents()))}getPropsFromParents(){const e=this.h.getParent(o.root);if(e){this.size=e.getAttribute("size")}}render(){return a(i,{key:"1beb62527ea9274e6280ce0b64c9d52c12e4a993",class:this.h.classes([n.root,this.disabled&&n.disabled]),size:this.size,role:"listitem"},a("details",{key:"53ca7688e8f26e85cd76feb073a26d04c5505d2b",class:n.details,id:this.identifier,"aria-disabled":b(this.disabled),open:this.open},a("summary",Object.assign({key:"19fec49b0066b7a6162a6010e0ee20431c2a578b",onClick:e=>{e.stopPropagation();e.preventDefault();!this.disabled&&this.toggle().finally()},class:n.summary,tabIndex:this.disabled?-1:0,"aria-expanded":r(this.open)},this.inheritedAttributes),this.h.hasSlot("icon")&&a("span",{key:"19254947c22fa2b1a2fa4e26eacb22c0c89b40c9",class:n.icon},a("slot",{key:"262be1640f250fabf9918f4162c071bb68dc4fb3",name:"icon"})),a("span",{key:"ebb5ef762ef51921b68a8063fd09c979d7d0d32d",class:n.title},a("slot",{key:"75783345d2276f06e53c401761cb4e57d241e5e0",name:"label"}),a("slot",{key:"f2d9cdff693edbcae6293921fde7996d1b1251b6",name:"annotation"})),a("span",{key:"f7e28ea54455756c7d146c7b88be7001e80b07a8",class:n.right},a("slot",{key:"e76b31bf1c349a8a86d4b91ec1cfa650a75edf60",name:"suffix"}),a("span",{key:"87ea99c9862deb3ff9820fa383cec52956b4655a",class:n.arrow},a("slot",{key:"c8b64a90455a731f359e12550664ba5aa905abbc",name:"toggle-icon"},a("gov-icon",{key:"867406c5634d6446683529f5f647492b9b289a31",name:"chevron-down",type:"components"}))))),a("div",{key:"2adf7441dd470ae1b32a08fb374cd1d9e2d1f789",class:n.content},a("slot",{key:"8eb27d0b33689933b6e71850324c35c89d71c4c0"}))))}async toggle(){this.open=!this.open;this.govChange.emit({open:this.open,component:n.root,ref:this.host})}async currentState(){return this.open}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-accordion-item",{identifier:[1],size:[1025],disabled:[4],open:[1028],openState:[32],toggle:[64],currentState:[64]},undefined,{size:["validateSize"]}]);function u(){if(typeof customElements==="undefined"){return}const e=["gov-accordion-item","gov-icon"];e.forEach((e=>{switch(e){case"gov-accordion-item":if(!customElements.get(e)){customElements.define(e,p)}break;case"gov-icon":if(!customElements.get(e)){l()}break}}))}u();const y=p;const g=u;export{y as GovAccordionItem,g as defineCustomElement};
+import{p as e,H as s,c as t,h as a,d as i}from"./p-42200001.js";import{v as c}from"./p-0b3574c2.js";import{A as o,b as n,a as d}from"./p-d4509899.js";import{g as f,t as b,b as r}from"./p-ea7fdd2e.js";import{i as h}from"./p-33d5d1ed.js";import{t as m}from"./p-26618322.js";import{d as l}from"./p-5d60b866.js";const p=e(class e extends s{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.inheritedAttributes={};this.openState=undefined;this.identifier=undefined;this.size=undefined;this.disabled=false;this.open=false;this.h=f(this.host)}validateSize(e){c(d,e,n.root)}componentWillLoad(){this.validateSize(this.size);this.inheritedAttributes=h(this.host)}componentDidRender(){m((()=>this.getPropsFromParents()))}getPropsFromParents(){const e=this.h.getParent(o.root);if(e){this.size=e.getAttribute("size")}}render(){return a(i,{key:"1beb62527ea9274e6280ce0b64c9d52c12e4a993",class:this.h.classes([n.root,this.disabled&&n.disabled]),size:this.size,role:"listitem"},a("details",{key:"53ca7688e8f26e85cd76feb073a26d04c5505d2b",class:n.details,id:this.identifier,"aria-disabled":b(this.disabled),open:this.open},a("summary",Object.assign({key:"19fec49b0066b7a6162a6010e0ee20431c2a578b",onClick:e=>{e.stopPropagation();e.preventDefault();!this.disabled&&this.toggle().finally()},class:n.summary,tabIndex:this.disabled?-1:0,"aria-expanded":r(this.open)},this.inheritedAttributes),this.h.hasSlot("icon")&&a("span",{key:"19254947c22fa2b1a2fa4e26eacb22c0c89b40c9",class:n.icon},a("slot",{key:"262be1640f250fabf9918f4162c071bb68dc4fb3",name:"icon"})),a("span",{key:"ebb5ef762ef51921b68a8063fd09c979d7d0d32d",class:n.title},a("slot",{key:"75783345d2276f06e53c401761cb4e57d241e5e0",name:"label"}),a("slot",{key:"f2d9cdff693edbcae6293921fde7996d1b1251b6",name:"annotation"})),a("span",{key:"f7e28ea54455756c7d146c7b88be7001e80b07a8",class:n.right},a("slot",{key:"e76b31bf1c349a8a86d4b91ec1cfa650a75edf60",name:"suffix"}),a("span",{key:"87ea99c9862deb3ff9820fa383cec52956b4655a",class:n.arrow},a("slot",{key:"c8b64a90455a731f359e12550664ba5aa905abbc",name:"toggle-icon"},a("gov-icon",{key:"867406c5634d6446683529f5f647492b9b289a31",name:"chevron-down",type:"components"}))))),a("div",{key:"2adf7441dd470ae1b32a08fb374cd1d9e2d1f789",class:n.content},a("slot",{key:"8eb27d0b33689933b6e71850324c35c89d71c4c0"}))))}async toggle(){this.open=!this.open;this.govChange.emit({open:this.open,component:n.root,ref:this.host})}async currentState(){return this.open}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-accordion-item",{identifier:[1],size:[1025],disabled:[4],open:[1028],openState:[32],toggle:[64],currentState:[64]},undefined,{size:["validateSize"]}]);function u(){if(typeof customElements==="undefined"){return}const e=["gov-accordion-item","gov-icon"];e.forEach((e=>{switch(e){case"gov-accordion-item":if(!customElements.get(e)){customElements.define(e,p)}break;case"gov-icon":if(!customElements.get(e)){l()}break}}))}u();const y=p;const g=u;export{y as GovAccordionItem,g as defineCustomElement};
 //# sourceMappingURL=gov-accordion-item.js.map

package/dist/components/gov-attachments-item.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-4d513423.js";const t=o;const p=s;export{t as GovAttachmentsItem,p as defineCustomElement};
+import{G as o,d as s}from"./p-6ce6e14f.js";const t=o;const c=s;export{t as GovAttachmentsItem,c as defineCustomElement};
 //# sourceMappingURL=gov-attachments-item.js.map

package/dist/components/gov-attachments.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-73938936.js";const t=o;const p=s;export{t as GovAttachments,p as defineCustomElement};
+import{G as o,d as s}from"./p-022e49cf.js";const t=o;const c=s;export{t as GovAttachments,c as defineCustomElement};
 //# sourceMappingURL=gov-attachments.js.map

package/dist/components/gov-backdrop.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-7be2301a.js";const t=o;const a=s;export{t as GovBackdrop,a as defineCustomElement};
+import{G as o,d as s}from"./p-e0c3b1a7.js";const t=o;const a=s;export{t as GovBackdrop,a as defineCustomElement};
 //# sourceMappingURL=gov-backdrop.js.map

package/dist/components/{gov-tiles.d.ts → gov-banner.d.ts} RENAMED Viewed

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
-interface GovTiles extends Components.GovTiles, HTMLElement {}
-export const GovTiles: {
-    prototype: GovTiles;
-    new (): GovTiles;
+interface GovBanner extends Components.GovBanner, HTMLElement {}
+export const GovBanner: {
+    prototype: GovBanner;
+    new (): GovBanner;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/gov-banner.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as e,H as t,h as o,d as a}from"./p-42200001.js";import{g as s}from"./p-ea7fdd2e.js";import{p as i}from"./p-e0e2e9c1.js";import{S as r}from"./p-92f420cb.js";import{v as n}from"./p-0b3574c2.js";const c=i(r,["_S","_M","_L","_XL"]);var d;(function(e){e["SIMPLE"]="simple";e["WAVES"]="waves";e["STRIPES"]="stripes";e["LINES"]="lines"})(d\|\|(d={}));var f;(function(e){e["IMAGE"]="image";e["LOGO"]="logo";e["ICON"]="icon"})(f\|\|(f={}));var l;(function(e){e["LIGHT"]="light";e["DARK"]="dark"})(l\|\|(l={}));const b={root:"gov-banner",content:"gov-banner__content"};const u=e(class e extends t{constructor(){super();this.__registerHost();this.size=c._M;this.background=d.SIMPLE;this.foreground=f.LOGO;this.textColor=l.LIGHT;this.h=s(this.host)}validateSize(e){n(c,e,b.root)}validateBackground(e){n(d,e,b.root)}validateForeground(e){n(f,e,b.root)}validateTextColor(e){n(l,e,b.root)}componentWillLoad(){this.validateSize(this.size);this.validateBackground(this.background);this.validateForeground(this.foreground);this.validateTextColor(this.textColor)}render(){return o(a,Object.assign({key:"67c767ffc6ac1912bb691c8bb11158dac573e70f",class:this.h.classes(b.root),role:"region",size:this.size},this.size!=="xl"?{background:this.background,foreground:this.foreground}:{"text-color":this.textColor}),o("div",{key:"624b24b1e621ef7f7ad4666b56f48ffec9881aee"},o("div",{key:"90b322dca74ca90be13489d519534ebff0656593",class:b.content},o("slot",{key:"272f89cbe0649af7edfd7230861f6232272c8da4",name:"headline"}),o("slot",{key:"1bfa7690842ba1a023af5b7da4edec5acb6c65fe"})),this.h.hasSlot("button")&&o("slot",{key:"5d9611292a76aee4654b16429a89fd46ad610884",name:"button"})),o("slot",{key:"00000b185434b0d85112beaa2374c7f7b12c19b0",name:"image"}))}get host(){return this}static get watchers(){return{size:["validateSize"],background:["validateBackground"],foreground:["validateForeground"],"text-color":["validateTextColor"]}}},[4,"gov-banner",{size:[513],background:[1],foreground:[1],textColor:[1,"text-color"]},undefined,{size:["validateSize"],background:["validateBackground"],foreground:["validateForeground"],"text-color":["validateTextColor"]}]);function h(){if(typeof customElements==="undefined"){return}const e=["gov-banner"];e.forEach((e=>{switch(e){case"gov-banner":if(!customElements.get(e)){customElements.define(e,u)}break}}))}h();const g=u;const v=h;export{g as GovBanner,v as defineCustomElement};
2	+ //# sourceMappingURL=gov-banner.js.map

package/dist/components/gov-banner.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["BannerSizes","pick","Sizes","BannerBackground","BannerForeground","BannerTextColor","BannerClass","root","content","GovBanner","proxyCustomElement","H","constructor","_M","SIMPLE","LOGO","LIGHT","this","h","govHost","host","validateSize","newValue","validateProp","validateBackground","validateForeground","validateTextColor","componentWillLoad","size","background","foreground","textColor","render","Host","Object","assign","key","class","classes","role","name","hasSlot"],"sources":["../../../packages/core/src/components/gov-banner/constants.ts","../../../packages/core/src/components/gov-banner/gov-banner.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\nimport {pick} from \"../../utils/utils\";\nimport {Sizes} from \"../../core/constants/sizes\";\n\nexport const BannerSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type BannerSizesType = `${ValueOf<typeof BannerSizes>}`\n\nexport enum BannerBackground {\n\tSIMPLE = 'simple',\n\tWAVES = 'waves',\n\tSTRIPES = 'stripes',\n\tLINES = 'lines',\n}\nexport type BannerBackgroundsType = `${ValueOf<typeof BannerBackground>}`\n\nexport enum BannerForeground {\n\tIMAGE = 'image',\n\tLOGO = 'logo',\n\tICON = 'icon',\n}\nexport type BannerForegroundsType = `${ValueOf<typeof BannerForeground>}`\n\nexport enum BannerTextColor {\n\tLIGHT = 'light',\n\tDARK = 'dark',\n}\nexport type BannerTextColorsType = `${ValueOf<typeof BannerTextColor>}`\n\nexport const BannerClass = {\n\troot: 'gov-banner',\n\tcontent: 'gov-banner__content',\n}\n","import {Component, Element, h, Host, Prop, Watch} from '@stencil/core'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {\n BannerBackground,\n BannerBackgroundsType,\n BannerClass,\n BannerForeground,\n BannerForegroundsType,\n BannerSizes,\n BannerSizesType,\n BannerTextColor,\n BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n@Component({\n tag: 'gov-banner',\n})\nexport class GovBanner {\n private h: GovHost\n\n constructor() {\n this.h = govHost(this.host)\n }\n\n @Element() host: HTMLGovBannerElement\n /**\n * Banner’s size.\n */\n @Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n /**\n * Banner’s background\n */\n @Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n /**\n * Banner’s foreground\n */\n @Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n /**\n * XL Banner’s text color\n */\n @Prop({attribute: 'text-color'}) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\n @Watch('size')\n validateSize(newValue: string): void {\n validateProp(BannerSizes, newValue, BannerClass.root)\n }\n\n @Watch('background')\n validateBackground(newValue: string): void {\n validateProp(BannerBackground, newValue, BannerClass.root)\n }\n\n @Watch('foreground')\n validateForeground(newValue: string): void {\n validateProp(BannerForeground, newValue, BannerClass.root)\n }\n\n @Watch('text-color')\n validateTextColor(newValue: string): void {\n validateProp(BannerTextColor, newValue, BannerClass.root)\n }\n\n componentWillLoad(): void {\n this.validateSize(this.size)\n this.validateBackground(this.background)\n this.validateForeground(this.foreground)\n this.validateTextColor(this.textColor)\n }\n\n render() {\n return (\n <Host class={this.h.classes(BannerClass.root)}\n role=\"region\"\n size={this.size}\n {...(this.size !== \"xl\" ? {\n background: this.background,\n foreground: this.foreground\n } : {'text-color': this.textColor})}>\n <div>\n <div class={BannerClass.content}>\n <slot name=\"headline\"/>\n <slot/>\n </div>\n {this.h.hasSlot('button') && (\n <slot name=\"button\"/>\n )}\n </div>\n <slot name=\"image\"/>\n </Host>\n )\n }\n}\n"],"mappings":"yMAIO,MAAMA,EAAcC,EAAKC,EAAO,CAAC,KAAM,KAAM,KAAM,QAG1D,IAAYC,GAAZ,SAAYA,GACXA,EAAA,mBACAA,EAAA,iBACAA,EAAA,qBACAA,EAAA,gBACA,EALD,CAAYA,MAAgB,KAQ5B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,eACAA,EAAA,cACA,EAJD,CAAYA,MAAgB,KAO5B,IAAYC,GAAZ,SAAYA,GACXA,EAAA,iBACAA,EAAA,cACA,EAHD,CAAYA,MAAe,KAMpB,MAAMC,EAAc,CAC1BC,KAAM,aACNC,QAAS,uB,MCXGC,EAASC,EAAA,MAAAD,UAAAE,EAGlB,WAAAC,G,wCAQwDZ,EAAYa,G,gBAIfV,EAAiBW,O,gBAIjBV,EAAiBW,K,eAIMV,EAAgBW,MAnBxFC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAsB1B,YAAAC,CAAaC,GACTC,EAAavB,EAAasB,EAAUhB,EAAYC,K,CAIpD,kBAAAiB,CAAmBF,GACfC,EAAapB,EAAkBmB,EAAUhB,EAAYC,K,CAIzD,kBAAAkB,CAAmBH,GACfC,EAAanB,EAAkBkB,EAAUhB,EAAYC,K,CAIzD,iBAAAmB,CAAkBJ,GACdC,EAAalB,EAAiBiB,EAAUhB,EAAYC,K,CAGxD,iBAAAoB,GACIV,KAAKI,aAAaJ,KAAKW,MACvBX,KAAKO,mBAAmBP,KAAKY,YAC7BZ,KAAKQ,mBAAmBR,KAAKa,YAC7Bb,KAAKS,kBAAkBT,KAAKc,U,CAGhC,MAAAC,GACI,OACId,EAACe,EAAIC,OAAAC,OAAA,CAAAC,IAAA,2CAACC,MAAOpB,KAAKC,EAAEoB,QAAQhC,EAAYC,MAClCgC,KAAK,SACLX,KAAMX,KAAKW,MACNX,KAAKW,OAAS,KAAO,CACtBC,WAAYZ,KAAKY,WACjBC,WAAYb,KAAKa,YACjB,CAAC,aAAcb,KAAKc,YAC1Bb,EAAA,OAAAkB,IAAA,4CACIlB,EAAA,OAAAkB,IAAA,2CAAKC,MAAO/B,EAAYE,SACpBU,EAAA,QAAAkB,IAAA,2CAAMI,KAAK,aACXtB,EAAA,QAAAkB,IAAA,8CAEHnB,KAAKC,EAAEuB,QAAQ,WACZvB,EAAA,QAAAkB,IAAA,2CAAMI,KAAK,YAGnBtB,EAAA,QAAAkB,IAAA,2CAAMI,KAAK,U","ignoreList":[]}

package/dist/components/gov-blockquote.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface GovBlockquote extends Components.GovBlockquote, HTMLElement {}
+export const GovBlockquote: {
+    prototype: GovBlockquote;
+    new (): GovBlockquote;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gov-blockquote.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as e,H as t,h as o,d as s}from"./p-42200001.js";import{g as c}from"./p-ea7fdd2e.js";import{d as a}from"./p-5d60b866.js";var n;(function(e){e["PRIMARY"]="primary";e["SUBTLE"]="subtle";e["NEUTRAL"]="neutral"})(n\|\|(n={}));const f={root:"gov-blockquote"};const i=e(class e extends t{constructor(){super();this.__registerHost();this.type=n.SUBTLE;this.cite=undefined;this.h=c(this.host)}render(){return o(s,{key:"0d4b930791ee54ea55552b1a8ab9a2f248b5109e",class:this.h.classes(f.root),type:this.type},o("gov-icon",{key:"f27a6a5059203b000bede13c47aa7e5eb150e4cd",type:"components",name:"quote",size:"3xl"}),o("blockquote",{key:"3206cd993309f5636920e5b552e3cd97be98b334",cite:this.cite},o("slot",{key:"16ac7ec3098d37e1c5b444fe18e47986a5afa915"})),o("slot",{key:"ae4f20fbf0820346cc9919014ab6a3fc9f9ef96e",name:"image"}),o("slot",{key:"f43c96fef744f2d6147f8579fad0c808c064c81a",name:"author"}))}get host(){return this}},[4,"gov-blockquote",{type:[513],cite:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["gov-blockquote","gov-icon"];e.forEach((e=>{switch(e){case"gov-blockquote":if(!customElements.get(e)){customElements.define(e,i)}break;case"gov-icon":if(!customElements.get(e)){a()}break}}))}r();const b=i;const u=r;export{b as GovBlockquote,u as defineCustomElement};
2	+ //# sourceMappingURL=gov-blockquote.js.map

package/dist/components/gov-blockquote.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["BlockquoteType","BlockquoteClass","root","GovBlockquote","proxyCustomElement","H","constructor","SUBTLE","this","h","govHost","host","render","Host","key","class","classes","type","name","size","cite"],"sources":["../../../packages/core/src/components/gov-blockquote/constants.ts","../../../packages/core/src/components/gov-blockquote/gov-blockquote.tsx"],"sourcesContent":["import {ValueOf} from \"../../types/interfaces\";\n\nexport enum BlockquoteType {\n\tPRIMARY = 'primary',\n\tSUBTLE = 'subtle',\n\tNEUTRAL = 'neutral',\n}\nexport type BlockquoteTypesType = `${ValueOf<typeof BlockquoteType>}`\n\nexport const BlockquoteClass = {\n\troot: 'gov-blockquote',\n}\n","import {Component, Element, Host, h, Prop} from '@stencil/core'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport {BlockquoteClass, BlockquoteType, BlockquoteTypesType} from \"./constants\";\n\n\n@Component({\n\ttag: 'gov-blockquote',\n})\nexport class GovBlockquote {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBlockquoteElement\n\t/**\n\t * Blockquote’s type\n\t */\n\t@Prop({reflect: true}) readonly type: BlockquoteTypesType = BlockquoteType.SUBTLE\n\t/**\n\t * Blockquote’s cite url\n\t */\n\t@Prop({attribute: 'cite'}) readonly cite: string\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BlockquoteClass.root)} type={this.type}>\n\t\t\t\t<gov-icon type=\"components\" name=\"quote\" size=\"3xl\"></gov-icon>\n\t\t\t\t<blockquote cite={this.cite}>\n\t\t\t\t\t<slot />\n\t\t\t\t</blockquote>\n\t\t\t\t<slot name=\"image\" />\n\t\t\t\t<slot name=\"author\" />\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"iIAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,qBACAA,EAAA,mBACAA,EAAA,oBACA,EAJD,CAAYA,MAAc,KAOnB,MAAMC,EAAkB,CAC9BC,KAAM,kB,MCDMC,EAAaC,EAAA,MAAAD,UAAAE,EAGzB,WAAAC,G,wCAQ4DN,EAAeO,O,oBAP1EC,KAAKC,EAAIC,EAAQF,KAAKG,K,CAavB,MAAAC,GACC,OACCH,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOP,KAAKC,EAAEO,QAAQf,EAAgBC,MAAOe,KAAMT,KAAKS,MAC7DR,EAAA,YAAAK,IAAA,2CAAUG,KAAK,aAAaC,KAAK,QAAQC,KAAK,QAC9CV,EAAA,cAAAK,IAAA,2CAAYM,KAAMZ,KAAKY,MACtBX,EAAA,QAAAK,IAAA,8CAEDL,EAAA,QAAAK,IAAA,2CAAMI,KAAK,UACXT,EAAA,QAAAK,IAAA,2CAAMI,KAAK,W","ignoreList":[]}

package/dist/components/gov-breadcrumbs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,d as a}from"./p-42200001.js";import{a as o}from"./p-80dad64b.js";import{c}from"./p-e8ec030e.js";import{g as n}from"./p-ea7fdd2e.js";import{t as l}from"./p-26618322.js";import{d as r}from"./p-558cbab0.js";import{d}from"./p-a877bf8a.js";const h={root:"gov-breadcrumbs"};const b=e(class e extends s{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.inited=false;this.collapsible=false;this.isExpanded=false;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.accessibleToggleLabel="Zobrazit či skrýt navigaci";this.expanded=false;this.toggleOption=false;this.h=n(this.host)}async componentDidRender(){this.scheduleContentVerification();if(c()){l((()=>this.validateAccessibility()))}}scheduleContentVerification(){if(this.inited)return;this.inited=true;l((()=>{this.calculateWidthOfItems();this.inited=false}))}calculateWidthOfItems(){const e=this.host.getBoundingClientRect().width;let s=0;this.host.querySelectorAll("li").forEach((e=>{s+=e.getBoundingClientRect().width}));this.toggleOption=s>e}render(){return i(a,{key:"81d7a8e273e1ce4740ee35ebe4a570ee8c5e73a4",class:this.h.classes(h.root),expanded:this.expanded},i("nav",{key:"dc37fa314f5d84c6c517f64229ef601b256f3ad5","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy},i("slot",{key:"4ead548352e642c0994360d74a98123782790a04"})),this.toggleOption?i("gov-button",{size:"xs",color:"primary",type:"base","aria-label":this.accessibleToggleLabel,"aria-pressed":this.expanded,"aria-expanded":this.expanded,"on-gov-click":()=>this.expanded=!this.expanded},i("gov-icon",{name:this.expanded?"chevron-up":"chevron-down",type:"components"})):null)}async validateAccessibility(){o(this.accessibleLabel,this.accessibleLabelledBy,h.root,this.host);o(this.accessibleToggleLabel,undefined,h.root,this.host)}get host(){return this}},[4,"gov-breadcrumbs",{collapsible:[4],isExpanded:[4,"is-expanded"],accessibleLabel:[1,"accessible-label"],accessibleLabelledBy:[1,"accessible-labelledby"],accessibleToggleLabel:[1,"accessible-toggle-label"],expanded:[32],toggleOption:[32],validateAccessibility:[64]}]);function f(){if(typeof customElements==="undefined"){return}const e=["gov-breadcrumbs","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-breadcrumbs":if(!customElements.get(e)){customElements.define(e,b)}break;case"gov-button":if(!customElements.get(e)){r()}break;case"gov-icon":if(!customElements.get(e)){d()}break}}))}f();const m=b;const p=f;export{m as GovBreadcrumbs,p as defineCustomElement};
+import{p as s,H as e,c as t,h as i,d as a}from"./p-42200001.js";import{a as c}from"./p-10cad7f1.js";import{c as o}from"./p-e8ec030e.js";import{g as n}from"./p-ea7fdd2e.js";import{t as l}from"./p-26618322.js";import{d as r}from"./p-d3435179.js";import{d}from"./p-5d60b866.js";const b={root:"gov-breadcrumbs"};const h=s(class s extends e{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.inited=false;this.collapsible=false;this.isExpanded=false;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.accessibleToggleLabel="Zobrazit či skrýt navigaci";this.expanded=false;this.toggleOption=false;this.h=n(this.host)}async componentDidRender(){this.scheduleContentVerification();if(o()){l((()=>this.validateAccessibility()))}}scheduleContentVerification(){if(this.inited)return;this.inited=true;l((()=>{this.calculateWidthOfItems();this.inited=false}))}calculateWidthOfItems(){const s=this.host.getBoundingClientRect().width;let e=0;this.host.querySelectorAll("li").forEach((s=>{e+=s.getBoundingClientRect().width}));this.toggleOption=e>s}render(){return i(a,{key:"dadd8de710050476be68e3f6fa0b317d6ccedfc1",class:this.h.classes(b.root),expanded:this.expanded},i("nav",{key:"468a3b605408c943421243024733b0381809f931","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy},i("slot",{key:"2c9f85b826c8c54340ab5abba51c1861282c9cb7"})),this.toggleOption?i("gov-button",{size:"xs",color:"primary",type:"base","aria-label":this.accessibleToggleLabel,"aria-pressed":this.expanded,"aria-expanded":this.expanded,"on-gov-click":()=>this.expanded=!this.expanded},i("gov-icon",{name:this.expanded?"chevron-up":"chevron-down",type:"components"})):null)}async validateAccessibility(){c(this.accessibleLabel,this.accessibleLabelledBy,b.root,this.host);c(this.accessibleToggleLabel,undefined,b.root,this.host)}get host(){return this}},[4,"gov-breadcrumbs",{collapsible:[4],isExpanded:[4,"is-expanded"],accessibleLabel:[1,"accessible-label"],accessibleLabelledBy:[1,"accessible-labelledby"],accessibleToggleLabel:[1,"accessible-toggle-label"],expanded:[32],toggleOption:[32],validateAccessibility:[64]}]);function f(){if(typeof customElements==="undefined"){return}const s=["gov-breadcrumbs","gov-button","gov-icon"];s.forEach((s=>{switch(s){case"gov-breadcrumbs":if(!customElements.get(s)){customElements.define(s,h)}break;case"gov-button":if(!customElements.get(s)){r()}break;case"gov-icon":if(!customElements.get(s)){d()}break}}))}f();const m=h;const p=f;export{m as GovBreadcrumbs,p as defineCustomElement};
 //# sourceMappingURL=gov-breadcrumbs.js.map

package/dist/components/gov-breadcrumbs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BreadcrumbsClass","root","GovBreadcrumbs","proxyCustomElement","H","constructor","this","inited","h","govHost","host","componentDidRender","scheduleContentVerification","canValidateWcagOnRender","tick","validateAccessibility","calculateWidthOfItems","hostWidth","getBoundingClientRect","width","sumOfWidths","querySelectorAll","forEach","li","toggleOption","render","Host","key","class","classes","expanded","accessibleLabel","accessibleLabelledBy","size","color","type","accessibleToggleLabel","name","validateAccessibleLabel","undefined"],"sources":["../../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core'\nimport {BreadcrumbsClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {GovBreadcrumbsChangeEvent} from './gov-breadcrumbs.d'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-breadcrumbs',\n})\nexport class GovBreadcrumbs {\n\tprivate inited = false;\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\n\t/*\n\t Defines whether the components can be collapsible when element doesn't fit in one row.\n\t /\n\t@Prop() readonly collapsible: boolean = false\n\t/\n\t Defines whether the breadcrumbs are open or closed by button\n\t /\n\t@Prop({attribute: 'is-expanded'}) readonly isExpanded: boolean = false\n\t/\n\t Adds accessible label for the pagination that is only shown for screen readers.\n\t /\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/\n\t Indicates the id of a component that labels the pagination.\n\t /\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/\n\t Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.\n\t /\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit či skrýt navigaci'\n\t/\n\t Called when the Breadcrumbs state changes\n\t /\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\n\n\t@State() expanded = false;\n\t@State() toggleOption = false;\n\n\tasync componentDidRender() {\n\t\tthis.scheduleContentVerification()\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\tprivate scheduleContentVerification() {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\t\ttick(() => {\n\t\t\tthis.calculateWidthOfItems();\n\t\t\tthis.inited = false;\n\t\t});\n\t}\n\n\tprivate calculateWidthOfItems() {\n\t\tconst hostWidth = this.host.getBoundingClientRect().width;\n\t\tlet sumOfWidths = 0;\n\t\tthis.host.querySelectorAll('li').forEach((li) => {\n\t\t\tsumOfWidths += li.getBoundingClientRect().width\n\t\t})\n\t\tthis.toggleOption = sumOfWidths > hostWidth;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)} expanded={this.expanded}>\n\t\t\t\t<nav aria-label={this.accessibleLabel} aria-labelledby={this.accessibleLabelledBy}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</nav>\n\t\t\t\t{this.toggleOption ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize={'xs'}\n\t\t\t\t\t\tcolor={'primary'}\n\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\taria-pressed={this.expanded}\n\t\t\t\t\t\taria-expanded={this.expanded}\n\t\t\t\t\t\ton-gov-click={() => this.expanded = !this.expanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon name={this.expanded ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\t/\n\t Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BreadcrumbsClass.root, this.host)\n\t\tvalidateAccessibleLabel(this.accessibleToggleLabel, undefined, BreadcrumbsClass.root, this.host)\n\t}\n}\n"],"mappings":"~~8QAAO~~,MAAMA,EAAmB,CAC/BC,KAAM,mB,MCWMC,EAAcC,EAAA,MAAAD,UAAAE,EAI1B,WAAAC,G,oEAHQC,KAAAC,OAAS,M,iBAWuB,M,gBAIyB,M,8FAYsB,6B,cAMnE,M,kBACI,MA9BvBD,KAAKE,EAAIC,EAAQH,KAAKI,K,CAgCvB,wBAAMC,GACLL,KAAKM,8BACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMR,KAAKS,yB,EAIV,2BAAAH,GACP,GAAIN,KAAKC,OAAQ,OACjBD,KAAKC,OAAS,KACdO,GAAK,KACJR,KAAKU,wBACLV,KAAKC,OAAS,KAAK,G,CAIb,qBAAAS,GACP,MAAMC,EAAYX,KAAKI,KAAKQ,wBAAwBC,MACpD,IAAIC,EAAc,EAClBd,KAAKI,KAAKW,iBAAiB,MAAMC,SAASC,IACzCH,GAAeG,EAAGL,wBAAwBC,KAAK,IAEhDb,KAAKkB,aAAeJ,EAAcH,C,CAGnC,MAAAQ,GACC,OACCjB,EAACkB,EAAI,CAAAC,IAAA,2CAACC,MAAOtB,KAAKE,EAAEqB,QAAQ7B,EAAiBC,MAAO6B,SAAUxB,KAAKwB,UAClEtB,EAAA,OAAAmB,IAAA,wDAAiBrB,KAAKyB,gBAAe,kBAAmBzB,KAAK0B,sBAC5DxB,EAAA,QAAAmB,IAAA,8CAEArB,KAAKkB,aACLhB,EAAA,cACCyB,KAAM,KACNC,MAAO,UACPC,KAAM,OAAM,aACA7B,KAAK8B,sBAAqB,eACxB9B,KAAKwB,SAAQ,gBACZxB,KAAKwB,SAAQ,eACd,IAAMxB,KAAKwB,UAAYxB,KAAKwB,UAE1CtB,EAAA,YAAU6B,KAAM/B,KAAKwB,SAAW,aAAe,eAAgBK,KAAK,gBAElE,K,CAUP,2BAAMpB,GACLuB,EAAwBhC,KAAKyB,gBAAiBzB,KAAK0B,qBAAsBhC,EAAiBC,KAAMK,KAAKI,MACrG4B,EAAwBhC,KAAK8B,sBAAuBG,UAAWvC,EAAiBC,KAAMK,KAAKI,K","ignoreList":[]}
1	+ {"version":3,"names":["BreadcrumbsClass","root","GovBreadcrumbs","proxyCustomElement","H","constructor","this","inited","h","govHost","host","componentDidRender","scheduleContentVerification","canValidateWcagOnRender","tick","validateAccessibility","calculateWidthOfItems","hostWidth","getBoundingClientRect","width","sumOfWidths","querySelectorAll","forEach","li","toggleOption","render","Host","key","class","classes","expanded","accessibleLabel","accessibleLabelledBy","size","color","type","accessibleToggleLabel","name","validateAccessibleLabel","undefined"],"sources":["../../../packages/core/src/components/gov-breadcrumbs/constants.ts","../../../packages/core/src/components/gov-breadcrumbs/gov-breadcrumbs.tsx"],"sourcesContent":["export const BreadcrumbsClass = {\n\troot: 'gov-breadcrumbs',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State} from '@stencil/core'\nimport {BreadcrumbsClass} from './constants'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {GovBreadcrumbsChangeEvent} from './gov-breadcrumbs.d'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-breadcrumbs',\n})\nexport class GovBreadcrumbs {\n\tprivate inited = false;\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovBreadcrumbsElement\n\t/*\n\t Defines whether the components can be collapsible when element doesn't fit in one row.\n\t /\n\t@Prop() readonly collapsible: boolean = false\n\t/\n\t Defines whether the breadcrumbs are open or closed by button\n\t /\n\t@Prop({attribute: 'is-expanded'}) readonly isExpanded: boolean = false\n\t/\n\t Adds accessible label for the pagination that is only shown for screen readers.\n\t /\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/\n\t Indicates the id of a component that labels the pagination.\n\t /\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\t/\n\t Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.\n\t /\n\t@Prop({attribute: 'accessible-toggle-label'}) readonly accessibleToggleLabel: string = 'Zobrazit či skrýt navigaci'\n\t/\n\t Called when the Breadcrumbs state changes\n\t /\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<GovBreadcrumbsChangeEvent>\n\n\t@State() expanded = false;\n\t@State() toggleOption = false;\n\n\tasync componentDidRender() {\n\t\tthis.scheduleContentVerification()\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\tprivate scheduleContentVerification() {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\t\ttick(() => {\n\t\t\tthis.calculateWidthOfItems();\n\t\t\tthis.inited = false;\n\t\t});\n\t}\n\n\tprivate calculateWidthOfItems() {\n\t\tconst hostWidth = this.host.getBoundingClientRect().width;\n\t\tlet sumOfWidths = 0;\n\t\tthis.host.querySelectorAll('li').forEach((li) => {\n\t\t\tsumOfWidths += li.getBoundingClientRect().width\n\t\t})\n\t\tthis.toggleOption = sumOfWidths > hostWidth;\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BreadcrumbsClass.root)} expanded={this.expanded}>\n\t\t\t\t<nav aria-label={this.accessibleLabel} aria-labelledby={this.accessibleLabelledBy}>\n\t\t\t\t\t<slot/>\n\t\t\t\t</nav>\n\t\t\t\t{this.toggleOption ? (\n\t\t\t\t\t<gov-button\n\t\t\t\t\t\tsize={'xs'}\n\t\t\t\t\t\tcolor={'primary'}\n\t\t\t\t\t\ttype={'base'}\n\t\t\t\t\t\taria-label={this.accessibleToggleLabel}\n\t\t\t\t\t\taria-pressed={this.expanded}\n\t\t\t\t\t\taria-expanded={this.expanded}\n\t\t\t\t\t\ton-gov-click={() => this.expanded = !this.expanded}\n\t\t\t\t\t>\n\t\t\t\t\t\t<gov-icon name={this.expanded ? 'chevron-up' : 'chevron-down'} type=\"components\"></gov-icon>\n\t\t\t\t\t</gov-button>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\n\t/\n\t Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BreadcrumbsClass.root, this.host)\n\t\tvalidateAccessibleLabel(this.accessibleToggleLabel, undefined, BreadcrumbsClass.root, this.host)\n\t}\n}\n"],"mappings":"mRAAO,MAAMA,EAAmB,CAC/BC,KAAM,mB,MCWMC,EAAcC,EAAA,MAAAD,UAAAE,EAI1B,WAAAC,G,oEAHQC,KAAAC,OAAS,M,iBAWuB,M,gBAIyB,M,8FAYsB,6B,cAMnE,M,kBACI,MA9BvBD,KAAKE,EAAIC,EAAQH,KAAKI,K,CAgCvB,wBAAMC,GACLL,KAAKM,8BACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMR,KAAKS,yB,EAIV,2BAAAH,GACP,GAAIN,KAAKC,OAAQ,OACjBD,KAAKC,OAAS,KACdO,GAAK,KACJR,KAAKU,wBACLV,KAAKC,OAAS,KAAK,G,CAIb,qBAAAS,GACP,MAAMC,EAAYX,KAAKI,KAAKQ,wBAAwBC,MACpD,IAAIC,EAAc,EAClBd,KAAKI,KAAKW,iBAAiB,MAAMC,SAASC,IACzCH,GAAeG,EAAGL,wBAAwBC,KAAK,IAEhDb,KAAKkB,aAAeJ,EAAcH,C,CAGnC,MAAAQ,GACC,OACCjB,EAACkB,EAAI,CAAAC,IAAA,2CAACC,MAAOtB,KAAKE,EAAEqB,QAAQ7B,EAAiBC,MAAO6B,SAAUxB,KAAKwB,UAClEtB,EAAA,OAAAmB,IAAA,wDAAiBrB,KAAKyB,gBAAe,kBAAmBzB,KAAK0B,sBAC5DxB,EAAA,QAAAmB,IAAA,8CAEArB,KAAKkB,aACLhB,EAAA,cACCyB,KAAM,KACNC,MAAO,UACPC,KAAM,OAAM,aACA7B,KAAK8B,sBAAqB,eACxB9B,KAAKwB,SAAQ,gBACZxB,KAAKwB,SAAQ,eACd,IAAMxB,KAAKwB,UAAYxB,KAAKwB,UAE1CtB,EAAA,YAAU6B,KAAM/B,KAAKwB,SAAW,aAAe,eAAgBK,KAAK,gBAElE,K,CAUP,2BAAMpB,GACLuB,EAAwBhC,KAAKyB,gBAAiBzB,KAAK0B,qBAAsBhC,EAAiBC,KAAMK,KAAKI,MACrG4B,EAAwBhC,KAAK8B,sBAAuBG,UAAWvC,EAAiBC,KAAMK,KAAKI,K","ignoreList":[]}

package/dist/components/gov-button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-558cbab0.js";const t=o;const a=s;export{t as GovButton,a as defineCustomElement};
+import{G as o,d as s}from"./p-d3435179.js";const t=o;const p=s;export{t as GovButton,p as defineCustomElement};
 //# sourceMappingURL=gov-button.js.map

package/dist/components/gov-card.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as i,c as s,h as a,d as t}from"./p-42200001.js";import{g as c,b as o}from"./p-ea7fdd2e.js";import{c as d}from"./p-cd6c2938.js";import{a as n}from"./p-80dad64b.js";import{c as r}from"./p-e8ec030e.js";import{d as f}from"./p-e0e2e9c1.js";import{d as l}from"./p-a877bf8a.js";var h;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(h||(h={}));const b={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};const m=e(class e extends i{constructor(){super();this.__registerHost();this.govToggle=s(this,"gov-toggle",7);this.hydrated=false;this.direction="vertical";this.collapsible=false;this.open=true;this.accessibleTriggerLabel=undefined;this.accessibleTriggerLabelledBy=undefined;this.h=c(this.host);this.headlineId=d("GovCardHeadline");this.contentId=d("GovCardContent")}async componentDidRender(){if(r()){await f(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){return a(t,{key:"16ef4ffbb0a84bb231008f4f52a4ffe1f2f809d8",class:this.h.classes(b.root),open:this.open,collapsible:o(this.collapsible),direction:this.direction,hydrated:this.hydrated},this.collapsible?a("button",{id:this.headlineId,class:b.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":o(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},a("slot",{name:"headline"}),a("gov-icon",{class:b.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?a("div",{class:b.header},a("slot",{name:"headline"})):null,a("div",{key:"749f6e4b624f4cdda53d2e3433b451d56c742667",class:b.inner,id:this.contentId,"aria-hidden":this.collapsible?o(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined},this.h.hasSlot("img")&&a("div",{key:"f4b953ddf9b4f59bc111b512bb3de3510b28af7f",class:b.img},a("slot",{key:"2867a29e49e67aff041ac0705527c5f76f4a019e",name:"img"})),this.h.hasSlot("icon")&&a("div",{key:"8c8e55d3faff7cfbd6abe698cd8801f7fc41dbad",class:b.icon},a("slot",{key:"4d9eaeb0b3af65e4bf5de75090f9346942069e86",name:"icon"})),a("div",{key:"77a9a065fb2803b5f39f1b5716d9810c04b6971b",class:b.content},a("slot",{key:"acec7d3d4b6ac5533e5df218fe38e26147c440d8"})),this.h.hasSlot("footer")&&a("div",{key:"1e63a0811f487e18cbbef8b045651c0e5b745f37",class:b.footer},a("slot",{key:"4bffc12bffb3e29527aad38b6edbe8c00527a843",name:"footer"}))))}onClickHandler(e){e.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,b.root,this.host)}}get host(){return this}},[4,"gov-card",{direction:[1],collapsible:[4],open:[1540],accessibleTriggerLabel:[1,"accessible-label"],accessibleTriggerLabelledBy:[1,"accessible-labelledby"],validateAccessibility:[64]}]);function v(){if(typeof customElements==="undefined"){return}const e=["gov-card","gov-icon"];e.forEach((e=>{switch(e){case"gov-card":if(!customElements.get(e)){customElements.define(e,m)}break;case"gov-icon":if(!customElements.get(e)){l()}break}}))}v();const g=m;const p=v;export{g as GovCard,p as defineCustomElement};
+import{p as e,H as i,c as s,h as t,d as a}from"./p-42200001.js";import{g as c,b as d}from"./p-ea7fdd2e.js";import{c as o}from"./p-cd6c2938.js";import{a as n}from"./p-10cad7f1.js";import{c as r}from"./p-e8ec030e.js";import{d as l}from"./p-e0e2e9c1.js";import{d as h}from"./p-5d60b866.js";var f;(function(e){e["HORIZONTAL"]="horizontal";e["VERTICAL"]="vertical"})(f||(f={}));const b={root:"gov-card",header:"gov-card__header",arrow:"gov-card__arrow",inner:"gov-card__inner",img:"gov-card__img",icon:"gov-card__icon",content:"gov-card__content",footer:"gov-card__footer"};var m;(function(e){e["A"]="a";e["DIV"]="div"})(m||(m={}));const v=e(class e extends i{constructor(){super();this.__registerHost();this.govToggle=s(this,"gov-toggle",7);this.hydrated=false;this.direction="vertical";this.collapsible=false;this.open=true;this.href=undefined;this.target=undefined;this.accessibleTriggerLabel=undefined;this.accessibleTriggerLabelledBy=undefined;this.h=c(this.host);this.headlineId=o("GovCardHeadline");this.contentId=o("GovCardContent")}async componentDidRender(){if(r()){await l(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){const e=this.href?m.A:m.DIV;return t(a,{key:"3a11dfeface1fa81d0c27f4ee3644c1c3b3a0191",class:this.h.classes(b.root),open:this.open,collapsible:d(this.collapsible),clickable:this.href?true:null,direction:this.direction,hydrated:this.hydrated},this.collapsible?t("button",{id:this.headlineId,class:b.header,"aria-label":this.accessibleTriggerLabel,"aria-labelledby":this.accessibleTriggerLabelledBy,"aria-expanded":d(this.open),"aria-controls":this.contentId,onClick:this.onClickHandler.bind(this)},t("slot",{name:"headline"}),t("gov-icon",{class:b.arrow,name:"chevron-down",type:"components"})):this.h.hasSlot("headline")?t("div",{class:b.header},t("slot",{name:"headline"})):null,t(e,{key:"bdf47c610db6c937ebe9f6fa45124b5df8e2847f",href:this.href,target:this.target,id:this.contentId,"aria-hidden":this.collapsible?d(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined,class:b.inner},this.h.hasSlot("img")&&t("div",{key:"11ed1b55fe67d05382d538c903726ffd84fb7d48",class:b.img},t("slot",{key:"b1c362609163af2748256ecd1370bd074b8cd396",name:"img"})),this.h.hasSlot("icon")&&t("div",{key:"70b848927a86419442be3a84ee060c27a87fa12b",class:b.icon},t("slot",{key:"357b5dffa7c0970495ed167ca9a5db0b8d67c721",name:"icon"})),t("div",{key:"0bec7d7dc66dda27ba05e9041caeca8f20def8c4",class:b.content},t("slot",{key:"e3b08eb1097e0d788df4a45f78711bd0a5f02656"})),this.h.hasSlot("footer")&&t("div",{key:"0f4ef687f88e18a935d8f651bb7d2a9ea2c3df97",class:b.footer},t("slot",{key:"d645292f3ee9f007d9aeffdefcf2c26a1e5415b1",name:"footer"}))))}onClickHandler(e){e.stopPropagation();if(this.collapsible){this.open=!this.open;this.govToggle.emit({open:this.open,element:this.host})}}async validateAccessibility(){if(this.collapsible){n(this.accessibleTriggerLabel,this.accessibleTriggerLabelledBy,b.root,this.host)}}get host(){return this}},[4,"gov-card",{direction:[1],collapsible:[4],open:[1540],href:[513],target:[1],accessibleTriggerLabel:[1,"accessible-label"],accessibleTriggerLabelledBy:[1,"accessible-labelledby"],validateAccessibility:[64]}]);function g(){if(typeof customElements==="undefined"){return}const e=["gov-card","gov-icon"];e.forEach((e=>{switch(e){case"gov-card":if(!customElements.get(e)){customElements.define(e,v)}break;case"gov-icon":if(!customElements.get(e)){h()}break}}))}g();const p=v;const u=g;export{p as GovCard,u as defineCustomElement};
 //# sourceMappingURL=gov-card.js.map