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

package/dist/collection/pages/Typography.js

@@ -1,91 +1,150 @@
 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>
 			<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>
+			<h1>Heading 1 Heading 1 Heading 1</h1>
 			<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>
-			<h2>Heading 2 Heading 2 Heading 2</h2>
-			<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>
+			<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>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>
-				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>
-			<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>
-			<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>
+			<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 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

@@ -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"]}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiJhB,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<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

@@ -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-3c90521b.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

@@ -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-69a31c96.js";const t=o;const a=s;export{t as GovAttachmentsItem,a as defineCustomElement};
 //# sourceMappingURL=gov-attachments-item.js.map

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

@@ -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

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as s,d as o}from"./p-42200001.js";import{a as i}from"./p-80dad64b.js";import{c}from"./p-e8ec030e.js";import{g as a}from"./p-ea7fdd2e.js";import{t as n}from"./p-26618322.js";import{p as d}from"./p-e0e2e9c1.js";import{S as r}from"./p-92f420cb.js";import{v as f}from"./p-0b3574c2.js";import{d as b}from"./p-4fba9df0.js";import{d as l}from"./p-3c90521b.js";const m=d(r,["_S","_M","_L","_XL"]);var p;(function(e){e["SIMPLE"]="simple";e["WAVES"]="waves";e["STRIPES"]="stripes";e["LINES"]="lines"})(p||(p={}));var h;(function(e){e["IMAGE"]="image";e["LOGO"]="logo";e["ICON"]="icon"})(h||(h={}));var u;(function(e){e["LIGHT"]="light";e["DARK"]="dark"})(u||(u={}));const v={root:"gov-banner",content:"gov-banner__content"};const g=e(class e extends t{constructor(){super();this.__registerHost();this.size=m._M;this.background=p.SIMPLE;this.foreground=h.LOGO;this.textColor=u.LIGHT;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.h=a(this.host)}validateSize(e){f(m,e,v.root)}componentWillLoad(){this.validateSize(this.size)}async componentDidRender(){if(c()){n((()=>this.validateAccessibility()))}}render(){return s(o,Object.assign({key:"2e74fec76a2919885f1ffcf0d5b5b43f4da9634f",class:this.h.classes(v.root),size:this.size},this.size!=="xl"?{background:this.background,foreground:this.foreground}:{"text-color":this.textColor}),s("div",{key:"e96d0155618a4d8703869f9d41a16e6dca148d8f"},s("div",{key:"1ca80fec0a9918753727bdbbde993c650f464e44",class:v.content},s("slot",{key:"6649fb9ad5c08b9cb7fe44a633fbdf8a7c1070cf",name:"headline"}),s("slot",{key:"615031f7ca60d053f08822a497d59cb123103bae"})),this.h.hasSlot("button")&&s("gov-button",{key:"256dcef6425d21dfd6ea47b2dc9dbcfe2bbc0a19",color:"secondary",type:"solid",size:"l"},s("slot",{key:"2553414cc5541ec8f4e8d22d4cd394d9d57f40ef",name:"button"}))),s("slot",{key:"b87320fc0d4ea2415f2c2e3565942fd8944c8f7c",name:"image"}))}async validateAccessibility(){i(this.accessibleLabel,this.accessibleLabelledBy,v.root,this.host)}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-banner",{size:[513],background:[1],foreground:[1],textColor:[1,"text-color"],accessibleLabel:[1,"accessible-label"],accessibleLabelledBy:[1,"accessible-labelledby"],validateAccessibility:[64]},undefined,{size:["validateSize"]}]);function y(){if(typeof customElements==="undefined"){return}const e=["gov-banner","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-banner":if(!customElements.get(e)){customElements.define(e,g)}break;case"gov-button":if(!customElements.get(e)){b()}break;case"gov-icon":if(!customElements.get(e)){l()}break}}))}y();const k=g;const j=y;export{k as GovBanner,j as defineCustomElement};
+//# sourceMappingURL=gov-banner.js.map

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

@@ -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","componentWillLoad","size","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","render","Host","Object","assign","key","class","classes","background","foreground","textColor","name","hasSlot","color","type","validateAccessibleLabel","accessibleLabel","accessibleLabelledBy"],"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, Method, Prop, Watch} from '@stencil/core'\nimport {validateAccessibleLabel} from '../../helpers/Validate/wcag'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {tick} from \"../../utils/stencil.utils\";\nimport {\n\tBannerClass,\n\tBannerSizes,\n\tBannerSizesType,\n\tBannerBackground,\n\tBannerBackgroundsType,\n\tBannerForegroundsType, BannerForeground, BannerTextColor, BannerTextColorsType\n} from \"./constants\";\nimport {validateProp} from \"../../helpers/Validate/props\";\n\n\n@Component({\n\ttag: 'gov-banner',\n})\nexport class GovBanner {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovBannerElement\n\t/**\n\t * Banner’s size.\n\t */\n\t@Prop({reflect: true}) readonly size: BannerSizesType = BannerSizes._M\n\t/**\n\t * Banner’s background\n\t */\n\t@Prop() readonly background: BannerBackgroundsType = BannerBackground.SIMPLE\n\t/**\n\t * Banner’s foreground\n\t */\n\t@Prop() readonly foreground: BannerForegroundsType = BannerForeground.LOGO\n\t/**\n\t * XL Banner’s text color\n\t */\n\t@Prop({ attribute: 'text-color' }) readonly textColor: BannerTextColorsType = BannerTextColor.LIGHT\n\t/**\n\t * Adds accessible label for the banner that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-label'}) readonly accessibleLabel: string\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelledby'}) readonly accessibleLabelledBy: string\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(BannerSizes, newValue, BannerClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(BannerClass.root)}\n\t\t\t\t  size={this.size}\n\t\t\t\t  {...(this.size !== \"xl\" ? {background: this.background, foreground: this.foreground} : {'text-color': this.textColor})}>\n\t\t\t\t<div>\n\t\t\t\t\t<div class={BannerClass.content}>\n\t\t\t\t\t\t<slot name=\"headline\"/>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.h.hasSlot('button') && (\n\t\t\t\t\t\t<gov-button color=\"secondary\" type=\"solid\" size=\"l\">\n\t\t\t\t\t\t\t<slot name=\"button\"/>\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<slot name=\"image\"/>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Validate the accessibility attributes of the component\n\t */\n\t@Method()\n\tasync validateAccessibility(): Promise<void> {\n\t\tvalidateAccessibleLabel(this.accessibleLabel, this.accessibleLabelledBy, BannerClass.root, this.host)\n\t}\n}\n"],"mappings":"wXAIO,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,MCVGC,EAASC,EAAA,MAAAD,UAAAE,EAGrB,WAAAC,G,wCAQwDZ,EAAYa,G,gBAIfV,EAAiBW,O,gBAIjBV,EAAiBW,K,eAIQV,EAAgBW,M,mEAnB7FC,KAAKC,EAAIC,EAAQF,KAAKG,K,CA8BvB,YAAAC,CAAaC,GACZC,EAAavB,EAAasB,EAAUhB,EAAYC,K,CAGjD,iBAAAiB,GACCP,KAAKI,aAAaJ,KAAKQ,K,CAGxB,wBAAMC,GACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMX,KAAKY,yB,EAIlB,MAAAC,GACC,OACCZ,EAACa,EAAIC,OAAAC,OAAA,CAAAC,IAAA,2CAACC,MAAOlB,KAAKC,EAAEkB,QAAQ9B,EAAYC,MACrCkB,KAAMR,KAAKQ,MACNR,KAAKQ,OAAS,KAAO,CAACY,WAAYpB,KAAKoB,WAAYC,WAAYrB,KAAKqB,YAAc,CAAC,aAAcrB,KAAKsB,YAC7GrB,EAAA,OAAAgB,IAAA,4CACChB,EAAA,OAAAgB,IAAA,2CAAKC,MAAO7B,EAAYE,SACvBU,EAAA,QAAAgB,IAAA,2CAAMM,KAAK,aACXtB,EAAA,QAAAgB,IAAA,8CAEAjB,KAAKC,EAAEuB,QAAQ,WACfvB,EAAA,cAAAgB,IAAA,2CAAYQ,MAAM,YAAYC,KAAK,QAAQlB,KAAK,KAC/CP,EAAA,QAAAgB,IAAA,2CAAMM,KAAK,aAIdtB,EAAA,QAAAgB,IAAA,2CAAMM,KAAK,U,CASd,2BAAMX,GACLe,EAAwB3B,KAAK4B,gBAAiB5B,KAAK6B,qBAAsBxC,EAAYC,KAAMU,KAAKG,K","ignoreList":[]}

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

@@ -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

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as o,d as c}from"./p-42200001.js";import{g as s}from"./p-ea7fdd2e.js";import{d as a}from"./p-3c90521b.js";var n;(function(e){e["PRIMARY"]="primary";e["SUBTLE"]="subtle";e["NEUTRAL"]="neutral"})(n||(n={}));const f={root:"gov-blockquote"};const d=e(class e extends t{constructor(){super();this.__registerHost();this.type=n.SUBTLE;this.cite=undefined;this.h=s(this.host)}render(){return o(c,{key:"2d6d6f8731e3cf3a7697b1e5c9cb9628b120a9c0",class:this.h.classes(f.root),type:this.type},o("gov-icon",{key:"a34dc43b0a8336830f7f8bd49a04f3fd36ccac5d",type:"components",name:"quote",size:"3xl"}),o("blockquote",{key:"1f74006947ad7d8d90ea3425be7d8f66291dbfc5",cite:this.cite},o("slot",{key:"1e0413bfdcfec33d487998f88407b000d2cbd376"})),o("slot",{key:"9c61d787603bf343546af51e25ac9b6ad47191e9",name:"image"}),o("slot",{key:"7f7956a01aef3d1fe2ecc21428facc932e69ab03",name:"author"}))}get host(){return this}},[4,"gov-blockquote",{type:[513],cite:[1]}]);function i(){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,d)}break;case"gov-icon":if(!customElements.get(e)){a()}break}}))}i();const r=d;const b=i;export{r as GovBlockquote,b as defineCustomElement};
+//# sourceMappingURL=gov-blockquote.js.map

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

@@ -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-blocquote/constants.ts","../../../packages/core/src/components/gov-blocquote/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

@@ -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-80dad64b.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-4fba9df0.js";import{d as b}from"./p-3c90521b.js";const d={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:"9a9134423e513fc148bbb68c20fac5bb97670db8",class:this.h.classes(d.root),expanded:this.expanded},i("nav",{key:"0850db41c7ce8bbb329a9abd3a925f292ec26c66","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy},i("slot",{key:"477ce7803f02dc150c9980cbbf967b2b3d6485a0"})),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,d.root,this.host);c(this.accessibleToggleLabel,undefined,d.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)){b()}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

@@ -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":[]}
+{"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":"wRAAO,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

@@ -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-4fba9df0.js";const t=o;const a=s;export{t as GovButton,a as defineCustomElement};
 //# sourceMappingURL=gov-button.js.map

package/dist/components/gov-card.js

@@ -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 a,d as t}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-80dad64b.js";import{c as r}from"./p-e8ec030e.js";import{d as l}from"./p-e0e2e9c1.js";import{d as h}from"./p-3c90521b.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"};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=o("GovCardHeadline");this.contentId=o("GovCardContent")}async componentDidRender(){if(r()){await l(500);await this.validateAccessibility()}}connectedCallback(){this.hydrated=true}render(){return a(t,{key:"734cecdc36d379c1d2d8c14ef136780eabff9d32",class:this.h.classes(b.root),open:this.open,collapsible:d(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":d(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:"35fbd43458f8895ac32a49b2fb26301ef6c2f4cc",class:b.inner,id:this.contentId,"aria-hidden":this.collapsible?d(!this.open):undefined,hidden:this.collapsible?!this.open:undefined,"aria-labelledby":this.collapsible?this.headlineId:undefined},this.h.hasSlot("img")&&a("div",{key:"1d1d26a7d45bc7453cdfbb2ce2530e277ea7f1d6",class:b.img},a("slot",{key:"43d62fec8982ac856afedfe30a4062253ab072d7",name:"img"})),this.h.hasSlot("icon")&&a("div",{key:"ea26e422318e6a8753c47c5af2bcbfafe44bd053",class:b.icon},a("slot",{key:"40cad4f8356f6ff1e640436f4b548581cb4b4bcf",name:"icon"})),a("div",{key:"17d86c58f5d4d1fec9af1b111a69e73629188b4a",class:b.content},a("slot",{key:"34b718783966bda56624c883b85d965ba74041a5"})),this.h.hasSlot("footer")&&a("div",{key:"bdac20b7db8adabdba069df573e117ef1c9a79fc",class:b.footer},a("slot",{key:"e57ade83302bd2a7537236aff716d02a5a47ea0f",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)){h()}break}}))}v();const g=m;const p=v;export{g as GovCard,p as defineCustomElement};
 //# sourceMappingURL=gov-card.js.map

package/dist/components/gov-chip.js

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-076c8b31.js";const t=o;const c=s;export{t as GovChip,c as defineCustomElement};
+import{G as o,d as s}from"./p-b5dc6bae.js";const t=o;const a=s;export{t as GovChip,a as defineCustomElement};
 //# sourceMappingURL=gov-chip.js.map

package/dist/components/gov-container.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,d as o}from"./p-42200001.js";import{g as n}from"./p-ea7fdd2e.js";const c={root:"gov-container"};const r=t(class t extends e{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return s(o,{key:"0844c86e0eacd5f89bcfcad2b60e56da0097b506",class:this.h.classes(c.root)},s("slot",{key:"5cd801a016968be5968a3598d3efa3b222953120"}))}get host(){return this}},[4,"gov-container"]);function a(){if(typeof customElements==="undefined"){return}const t=["gov-container"];t.forEach((t=>{switch(t){case"gov-container":if(!customElements.get(t)){customElements.define(t,r)}break}}))}a();const i=r;const d=a;export{i as GovContainer,d as defineCustomElement};
+import{p as t,H as s,h as e,d as o}from"./p-42200001.js";import{g as n}from"./p-ea7fdd2e.js";const a={root:"gov-container"};const c=t(class t extends s{constructor(){super();this.__registerHost();this.h=n(this.host)}render(){return e(o,{key:"ad1f0a234ba94b59c7214c2ddba4208234355a47",class:this.h.classes(a.root)},e("slot",{key:"a7b877a4cf5d2f5ec1aa5908a2faf9976fa5591e"}))}get host(){return this}},[4,"gov-container"]);function r(){if(typeof customElements==="undefined"){return}const t=["gov-container"];t.forEach((t=>{switch(t){case"gov-container":if(!customElements.get(t)){customElements.define(t,c)}break}}))}r();const i=c;const f=r;export{i as GovContainer,f as defineCustomElement};
 //# sourceMappingURL=gov-container.js.map

package/dist/components/gov-control-group.js

@@ -1,2 +1,2 @@
-import{p as o,H as t,h as e,d as r}from"./p-42200001.js";import{C as s}from"./p-5aad3497.js";import{g as a}from"./p-ea7fdd2e.js";import{v as c}from"./p-0b3574c2.js";import{p as n}from"./p-e0e2e9c1.js";n(s,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);const i={root:"gov-control-group"};const d=o(class o extends t{constructor(){super();this.__registerHost();this.color=s.PRIMARY;this.noBorder=false;this.fitContent=false;this.h=a(this.host)}validateColor(o){c(s,o,i.root)}render(){return e(r,{key:"bee513bb064b3a276eaede7f93ed12b97edb7adb",class:this.h.classes(i.root),color:this.color},e("slot",{key:"adba55ccd38d432ae11fa4967996d8bcaf552427"}))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-control-group",{color:[1],noBorder:[4,"no-border"],fitContent:[4,"fit-content"]},undefined,{color:["validateColor"]}]);function l(){if(typeof customElements==="undefined"){return}const o=["gov-control-group"];o.forEach((o=>{switch(o){case"gov-control-group":if(!customElements.get(o)){customElements.define(o,d)}break}}))}l();const f=d;const p=l;export{f as GovControlGroup,p as defineCustomElement};
+import{p as o,H as t,h as r,d as s}from"./p-42200001.js";import{C as e}from"./p-5aad3497.js";import{g as a}from"./p-ea7fdd2e.js";import{v as c}from"./p-0b3574c2.js";import{p as n}from"./p-e0e2e9c1.js";n(e,["PRIMARY","SECONDARY","NEUTRAL","ERROR","SUCCESS","WARNING"]);const i={root:"gov-control-group"};const l=o(class o extends t{constructor(){super();this.__registerHost();this.color=e.PRIMARY;this.noBorder=false;this.fitContent=false;this.h=a(this.host)}validateColor(o){c(e,o,i.root)}render(){return r(s,{key:"c52a55a92fd473dcec8806a693fa820a9557a8f3",class:this.h.classes(i.root),color:this.color},r("slot",{key:"2c39e206b7a295212f4bda2a0552b1d10d19828b"}))}get host(){return this}static get watchers(){return{color:["validateColor"]}}},[4,"gov-control-group",{color:[1],noBorder:[4,"no-border"],fitContent:[4,"fit-content"]},undefined,{color:["validateColor"]}]);function d(){if(typeof customElements==="undefined"){return}const o=["gov-control-group"];o.forEach((o=>{switch(o){case"gov-control-group":if(!customElements.get(o)){customElements.define(o,l)}break}}))}d();const f=l;const p=d;export{f as GovControlGroup,p as defineCustomElement};
 //# sourceMappingURL=gov-control-group.js.map

package/dist/components/gov-cookiebar.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,h as c,d as o}from"./p-42200001.js";import{g as s}from"./p-ea7fdd2e.js";const t={root:"gov-cookiebar",content:"gov-cookiebar__content",actions:"gov-cookiebar__actions",actionsPrimary:"gov-cookiebar__actions--primary",actionsSecondary:"gov-cookiebar__actions--secondary"};const i=e(class e extends a{constructor(){super();this.__registerHost();this.h=s(this.host)}render(){return c(o,{key:"311f0da16d86ab548e90e8f7be69d23d88a71ae4",class:this.h.classes(t.root)},c("div",{key:"f371e0bfa5ad8b2195aec2fd0c02f86fb81d58ff",class:t.content},c("slot",{key:"96433ca7228d4bf61bfc6dc041bc519c83f56109",name:"headline"}),c("slot",{key:"4fa8e397eba029f55329d0ca6d24044ae7c9a513"})),(this.h.hasSlot("actions-primary")||this.h.hasSlot("actions-secondary"))&&c("div",{key:"a1d5e5d03d8d89bceb65f45f75d7dc3d446d1b62",class:t.actions},this.h.hasSlot("actions-primary")&&c("div",{key:"4ee2b3b82b91bdfb3d87a7bc34e9b0d4e2fc4f33",class:t.actionsPrimary},c("slot",{key:"7c0cbf9c5f334cffa4a4eb3f2af9a05bfc8af208",name:"actions-primary"})),this.h.hasSlot("actions-secondary")&&c("div",{key:"e40a9f403e994584f53df9e0d84e27aa08c849e2",class:t.actionsSecondary},c("slot",{key:"5a2bc741413334a0f08bf2d17b94d1c51b5c3f69",name:"actions-secondary"}))))}get host(){return this}},[4,"gov-cookiebar"]);function d(){if(typeof customElements==="undefined"){return}const e=["gov-cookiebar"];e.forEach((e=>{switch(e){case"gov-cookiebar":if(!customElements.get(e)){customElements.define(e,i)}break}}))}d();const n=i;const f=d;export{n as GovCookiebar,f as defineCustomElement};
+import{p as c,H as e,h as o,d as s}from"./p-42200001.js";import{g as a}from"./p-ea7fdd2e.js";const t={root:"gov-cookiebar",content:"gov-cookiebar__content",actions:"gov-cookiebar__actions",actionsPrimary:"gov-cookiebar__actions--primary",actionsSecondary:"gov-cookiebar__actions--secondary"};const i=c(class c extends e{constructor(){super();this.__registerHost();this.h=a(this.host)}render(){return o(s,{key:"10c57cd4a06fe46e504309598788a95fc832493c",class:this.h.classes(t.root)},o("div",{key:"877d252bf4889abadd06e50c125ec27e114353e5",class:t.content},o("slot",{key:"817560e69ede6d998c27db262346e889167830fc",name:"headline"}),o("slot",{key:"27395c4c03746c73eec66e75e16c7c6209a41298"})),(this.h.hasSlot("actions-primary")||this.h.hasSlot("actions-secondary"))&&o("div",{key:"5d1395aa7039f6dc0bd84b47387b2d2b54c2359e",class:t.actions},this.h.hasSlot("actions-primary")&&o("div",{key:"79e2932462ff78a186b3de70d5a7bab0ff9cdc7f",class:t.actionsPrimary},o("slot",{key:"85cc159d24a21c8b8f4148a339038e2bdce5f246",name:"actions-primary"})),this.h.hasSlot("actions-secondary")&&o("div",{key:"af86c4ad358e36356f1d4be9409c2f642faf7035",class:t.actionsSecondary},o("slot",{key:"5495b26b5c31112a4c4bcd8dcbd21d54993bb6e1",name:"actions-secondary"}))))}get host(){return this}},[4,"gov-cookiebar"]);function n(){if(typeof customElements==="undefined"){return}const c=["gov-cookiebar"];c.forEach((c=>{switch(c){case"gov-cookiebar":if(!customElements.get(c)){customElements.define(c,i)}break}}))}n();const r=i;const d=n;export{r as GovCookiebar,d as defineCustomElement};
 //# sourceMappingURL=gov-cookiebar.js.map

package/dist/components/gov-dialog.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as a,h as i,d as t}from"./p-42200001.js";import{g as o,a as c,c as l}from"./p-ea7fdd2e.js";import{c as d}from"./p-e8ec030e.js";import{b}from"./p-80dad64b.js";import{c as n}from"./p-cd6c2938.js";import{t as h}from"./p-26618322.js";import{d as r}from"./p-7be2301a.js";import{d as f}from"./p-558cbab0.js";import{d as g}from"./p-a877bf8a.js";const m={root:"gov-dialog",dialog:"gov-dialog__dialog",inner:"gov-dialog__inner",header:"gov-dialog__header",title:"gov-dialog__title",content:"gov-dialog__content",close:"gov-dialog__close",footer:"gov-dialog__footer",bodyFix:"body-fixed"};const p=e(class e extends s{constructor(){super();this.__registerHost();this.govClose=a(this,"gov-close",7);this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleLabelledBy=undefined;this.accessibleDescribedBy=undefined;this.accessibleCloseLabel="Zavřít okno";this.accessibleCloseLabelledBy=undefined;this.h=o(this.host);this.labelId=n("GovDialogLabel");this.contentId=n("GovDialogContent")}watchOpen(e){this.open=e;this.setFocus().finally()}showDialog(){this.open=true;document.body.classList.add(m.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(m.bodyFix)}async componentDidRender(){if(d()){h((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(m.bodyFix)}render(){return i(t,{key:"c3b65521da7837b81972262ecf614d3c12f14bb3",class:this.h.classes(m.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"98b6d6db6fc9bd35760c03586548cc8a2470752a",class:m.dialog,hidden:!this.open,tabindex:c(this.open),open:this.open,"aria-modal":"true","aria-hidden":l(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},i("div",{key:"a8517c656ef3d3e3cf17bc9914e268a20b0e0e4b",class:m.inner},i("div",{key:"3ba16e3bafe7936f0c0a999d45d5efdd64291ec3",class:m.header},i("slot",{key:"736a0a11d601e9f522e69369ffa0f276c9673803",name:"icon"}),this.h.hasSlot("title")&&i("span",{key:"5505a53174c82c1faf73ed500c5672f2dc8ea83b",class:m.title,id:this.labelId},i("slot",{key:"391dd6236c23c14e62c8c97a94c5733409939c32",name:"title"})),i("gov-button",{key:"867505a691e69da09808350fc7eefb51974005ba",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:m.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base","on-gov-click":this.onCloseHandler.bind(this)},i("gov-icon",{key:"6fe742ccf5aca7f27cac627373a338d46bbccfda",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"9d9d6a45d79215ba5415512405ce7577d6a1dc26",class:m.content,id:this.contentId},i("slot",{key:"f9b32ee565586b3741c166a0aa14ca1d1c55f032"})),this.h.hasSlot("footer")&&i("div",{key:"8628b46f0196f38f7d2f273f0860a7c6cee62655",class:m.footer},i("slot",{key:"0742967012eab82c36f9dfe0f3b43213be8bcd47",name:"footer"})))),this.open?i("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){b(this.accessibleLabelledBy,"accessible-labelled-by",m.root);b(this.accessibleDescribedBy,"accessible-described-by",m.root)}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dialog",{open:[1540],blockClose:[4,"block-close"],blockBackdropClose:[4,"block-backdrop-close"],role:[1],labelTag:[1,"label-tag"],accessibleLabelledBy:[1,"accessible-labelled-by"],accessibleDescribedBy:[1,"accessible-described-by"],accessibleCloseLabel:[1,"accessible-close-label"],accessibleCloseLabelledBy:[1,"accessible-close-labelled-by"],setFocus:[64],validateAccessibility:[64]},undefined,{open:["watchOpen"]}]);function y(){if(typeof customElements==="undefined"){return}const e=["gov-dialog","gov-backdrop","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-dialog":if(!customElements.get(e)){customElements.define(e,p)}break;case"gov-backdrop":if(!customElements.get(e)){r()}break;case"gov-button":if(!customElements.get(e)){f()}break;case"gov-icon":if(!customElements.get(e)){g()}break}}))}y();const v=p;const k=y;export{v as GovDialog,k as defineCustomElement};
+import{p as e,H as s,c as a,h as i,d as t}from"./p-42200001.js";import{g as o,a as c,c as l}from"./p-ea7fdd2e.js";import{c as d}from"./p-e8ec030e.js";import{b}from"./p-80dad64b.js";import{c as n}from"./p-cd6c2938.js";import{t as f}from"./p-26618322.js";import{d as h}from"./p-7be2301a.js";import{d as r}from"./p-4fba9df0.js";import{d as g}from"./p-3c90521b.js";const m={root:"gov-dialog",dialog:"gov-dialog__dialog",inner:"gov-dialog__inner",header:"gov-dialog__header",title:"gov-dialog__title",content:"gov-dialog__content",close:"gov-dialog__close",footer:"gov-dialog__footer",bodyFix:"body-fixed"};const p=e(class e extends s{constructor(){super();this.__registerHost();this.govClose=a(this,"gov-close",7);this.hydrated=false;this.open=false;this.blockClose=false;this.blockBackdropClose=false;this.role="dialog";this.labelTag="h2";this.accessibleLabelledBy=undefined;this.accessibleDescribedBy=undefined;this.accessibleCloseLabel="Zavřít okno";this.accessibleCloseLabelledBy=undefined;this.h=o(this.host);this.labelId=n("GovDialogLabel");this.contentId=n("GovDialogContent")}watchOpen(e){this.open=e;this.setFocus().finally()}showDialog(){this.open=true;document.body.classList.add(m.bodyFix)}hideDialog(){this.open=false;document.body.classList.remove(m.bodyFix)}async componentDidRender(){if(d()){f((()=>this.validateAccessibility()))}if(this.open){this.showDialog()}else{this.hideDialog()}}connectedCallback(){this.hydrated=true}disconnectedCallback(){document.body.classList.remove(m.bodyFix)}render(){return i(t,{key:"697a938c343fff3af9cb37c377ac9784e0728e0e",class:this.h.classes(m.root),open:this.open,hydrated:this.hydrated},i("dialog",{key:"9b641ef551f5f4eeb00890e822b6f5434421c38d",class:m.dialog,hidden:!this.open,tabindex:c(this.open),open:this.open,"aria-modal":"true","aria-hidden":l(!this.open),"aria-labelledby":this.accessibleLabelledBy||this.labelId,"aria-describedby":this.accessibleDescribedBy||this.contentId,role:this.role},i("div",{key:"08da7bb9a7d3b942132410dc4dbf57c2b9d85363",class:m.inner},i("div",{key:"389a42468a93951f461024950ea84a80443bd366",class:m.header},this.h.hasSlot("icon")&&i("span",{key:"920649b3b276589a254cc8f47c777406d2adfdaf"},i("slot",{key:"7a6b86f61009015d5dbfa3aaa7aee9aad42185dd",name:"icon"})),this.h.hasSlot("title")&&i("span",{key:"8aa87028f1ed4c524291c3e0fed0a393fbb46db2",class:m.title,id:this.labelId},i("slot",{key:"70b360d2748edde6ea2f762c72cc3acfa67cde97",name:"title"})),i("gov-button",{key:"946ab0088d52affe4a31ecef5bdef84c1b231093",ref:e=>this.closeCtaRef=e,disabled:this.blockClose,class:m.close,color:"primary","aria-label":this.accessibleCloseLabel,"aria-labelledby":this.accessibleCloseLabelledBy,type:"base",size:"m","on-gov-click":this.onCloseHandler.bind(this)},i("gov-icon",{key:"b9874c2494a8b46c7b9f94f6989527b0acefc465",slot:"icon-start",name:"x-lg",type:"components"}))),i("div",{key:"4f4b1815de42427edeb5bd9a7b88c96e27530472",class:m.content,id:this.contentId},i("slot",{key:"94ccdf29a3578f1ee8e52e505eed109cc6128f67"})),this.h.hasSlot("footer")&&i("div",{key:"8b7f85195264f4045c1d7ab8dd6db9f6abfe4f9f",class:m.footer},i("slot",{key:"373cda2bd8b1cccf34acbbf859b4b8f608bc4a19",name:"footer"})))),this.open?i("gov-backdrop",{disabled:this.blockBackdropClose,"aria-label":this.accessibleCloseLabel,"aria-labelled-by":this.accessibleCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}):null)}onCloseHandler(e){e.stopPropagation();e.preventDefault();if(this.blockClose===false){this.hideDialog();this.govClose.emit(e)}}async setFocus(){if(this.open&&this.closeCtaRef){this.closeCtaRef.setFocus().catch()}}async validateAccessibility(){b(this.accessibleLabelledBy,"accessible-labelled-by",m.root);b(this.accessibleDescribedBy,"accessible-described-by",m.root)}get host(){return this}static get watchers(){return{open:["watchOpen"]}}},[4,"gov-dialog",{open:[1540],blockClose:[4,"block-close"],blockBackdropClose:[4,"block-backdrop-close"],role:[1],labelTag:[1,"label-tag"],accessibleLabelledBy:[1,"accessible-labelled-by"],accessibleDescribedBy:[1,"accessible-described-by"],accessibleCloseLabel:[1,"accessible-close-label"],accessibleCloseLabelledBy:[1,"accessible-close-labelled-by"],setFocus:[64],validateAccessibility:[64]},undefined,{open:["watchOpen"]}]);function y(){if(typeof customElements==="undefined"){return}const e=["gov-dialog","gov-backdrop","gov-button","gov-icon"];e.forEach((e=>{switch(e){case"gov-dialog":if(!customElements.get(e)){customElements.define(e,p)}break;case"gov-backdrop":if(!customElements.get(e)){h()}break;case"gov-button":if(!customElements.get(e)){r()}break;case"gov-icon":if(!customElements.get(e)){g()}break}}))}y();const k=p;const v=y;export{k as GovDialog,v as defineCustomElement};
 //# sourceMappingURL=gov-dialog.js.map

package/dist/components/gov-dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["DialogClass","root","dialog","inner","header","title","content","close","footer","bodyFix","GovDialog","proxyCustomElement","H","constructor","this","hydrated","h","govHost","host","labelId","createID","contentId","watchOpen","newValue","open","setFocus","finally","showDialog","document","body","classList","add","hideDialog","remove","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","connectedCallback","disconnectedCallback","render","Host","key","class","classes","hidden","tabindex","boolToFocusValue","toBoolAttr","accessibleLabelledBy","accessibleDescribedBy","role","name","hasSlot","id","ref","el","closeCtaRef","disabled","blockClose","color","accessibleCloseLabel","accessibleCloseLabelledBy","type","onCloseHandler","bind","slot","blockBackdropClose","e","stopPropagation","preventDefault","govClose","emit","catch","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"sourcesContent":["export const DialogClass = {\n\troot: 'gov-dialog',\n\tdialog: 'gov-dialog__dialog',\n\tinner: 'gov-dialog__inner',\n\theader: 'gov-dialog__header',\n\ttitle: 'gov-dialog__title',\n\tcontent: 'gov-dialog__content',\n\tclose: 'gov-dialog__close',\n\tfooter: 'gov-dialog__footer',\n\tbodyFix: 'body-fixed',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/**\n\t * Attribute for dialog window display\n\t */\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/**\n\t * Attribute allowing blocking the dialog closing\n\t */\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/**\n\t * Attribute allowing blocking the backdrop dialog closing\n\t */\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/**\n\t * Role of dialog\n\t */\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\n\t */\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the dialog.\n\t */\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/**\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\n\t */\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/**\n\t * Emitted when dialog window closes.\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Sets the close button to focus\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\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\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"],"mappings":"yWAAO,MAAMA,EAAc,CAC1BC,KAAM,aACNC,OAAQ,qBACRC,MAAO,oBACPC,OAAQ,qBACRC,MAAO,oBACPC,QAAS,sBACTC,MAAO,oBACPC,OAAQ,qBACRC,QAAS,c,MCIGC,EAASC,EAAA,MAAAD,UAAAE,EAOrB,WAAAC,G,kEAHQC,KAAAC,SAAW,M,UAc0B,M,gBAIE,M,wBAIiB,M,UAIZ,S,cAIQ,K,mGAYyB,c,yCAtCpFD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,QAAUC,EAAS,kBACxBN,KAAKO,UAAYD,EAAS,mB,CA+C3B,SAAAE,CAAUC,GACTT,KAAKU,KAAOD,EACZT,KAAKW,WAAWC,S,CAGT,UAAAC,GACPb,KAAKU,KAAO,KACZI,SAASC,KAAKC,UAAUC,IAAI/B,EAAYS,Q,CAGjC,UAAAuB,GACPlB,KAAKU,KAAO,MACZI,SAASC,KAAKC,UAAUG,OAAOjC,EAAYS,Q,CAG5C,wBAAMyB,GACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMtB,KAAKuB,yB,CAGjB,GAAIvB,KAAKU,KAAM,CACdV,KAAKa,Y,KACC,CACNb,KAAKkB,Y,EAIP,iBAAAM,GACCxB,KAAKC,SAAW,I,CAGjB,oBAAAwB,GACCX,SAASC,KAAKC,UAAUG,OAAOjC,EAAYS,Q,CAG5C,MAAA+B,GACC,OACCxB,EAACyB,EAAI,CAAAC,IAAA,2CAACC,MAAO7B,KAAKE,EAAE4B,QAAQ5C,EAAYC,MAAOuB,KAAMV,KAAKU,KAAMT,SAAUD,KAAKC,UAC9EC,EAAA,UAAA0B,IAAA,2CACCC,MAAO3C,EAAYE,OACnB2C,QAAS/B,KAAKU,KACdsB,SAAUC,EAAiBjC,KAAKU,MAChCA,KAAMV,KAAKU,KAAI,aACJ,OAAM,cACJwB,GAAYlC,KAAKU,MAAK,kBAClBV,KAAKmC,sBAAwBnC,KAAKK,QAAO,mBACxCL,KAAKoC,uBAAyBpC,KAAKO,UACrD8B,KAAMrC,KAAKqC,MAEXnC,EAAA,OAAA0B,IAAA,2CAAKC,MAAO3C,EAAYG,OACvBa,EAAA,OAAA0B,IAAA,2CAAKC,MAAO3C,EAAYI,QACvBY,EAAA,QAAA0B,IAAA,2CAAMU,KAAK,SACVtC,KAAKE,EAAEqC,QAAQ,UACfrC,EAAA,QAAA0B,IAAA,2CAAMC,MAAO3C,EAAYK,MAAOiD,GAAIxC,KAAKK,SACxCH,EAAA,QAAA0B,IAAA,2CAAMU,KAAK,WAGbpC,EAAA,cAAA0B,IAAA,2CACCa,IAAKC,GAAO1C,KAAK2C,YAAcD,EAC/BE,SAAU5C,KAAK6C,WACfhB,MAAO3C,EAAYO,MACnBqD,MAAM,UAAS,aACH9C,KAAK+C,qBAAoB,kBACpB/C,KAAKgD,0BACtBC,KAAK,OAAM,eACGjD,KAAKkD,eAAeC,KAAKnD,OAEvCE,EAAA,YAAA0B,IAAA,2CAAUwB,KAAK,aAAad,KAAK,OAAOW,KAAK,iBAG/C/C,EAAA,OAAA0B,IAAA,2CAAKC,MAAO3C,EAAYM,QAASgD,GAAIxC,KAAKO,WACzCL,EAAA,QAAA0B,IAAA,8CAEA5B,KAAKE,EAAEqC,QAAQ,WACfrC,EAAA,OAAA0B,IAAA,2CAAKC,MAAO3C,EAAYQ,QACvBQ,EAAA,QAAA0B,IAAA,2CAAMU,KAAK,cAMdtC,KAAKU,KACLR,EAAA,gBACC0C,SAAU5C,KAAKqD,mBAAkB,aACrBrD,KAAK+C,qBAAoB,mBACnB/C,KAAKgD,0BAAyB,eAClChD,KAAKkD,eAAeC,KAAKnD,QAErC,K,CAKC,cAAAkD,CAAeI,GACtBA,EAAEC,kBACFD,EAAEE,iBACF,GAAIxD,KAAK6C,aAAe,MAAO,CAC9B7C,KAAKkB,aACLlB,KAAKyD,SAASC,KAAKJ,E,EAQrB,cAAM3C,GACL,GAAIX,KAAKU,MAAQV,KAAK2C,YAAa,CAClC3C,KAAK2C,YAAYhC,WAAWgD,O,EAS9B,2BAAMpC,GACLqC,EAAgB5D,KAAKmC,qBAAsB,yBAA0BjD,EAAYC,MACjFyE,EAAgB5D,KAAKoC,sBAAuB,0BAA2BlD,EAAYC,K","ignoreList":[]}
+{"version":3,"names":["DialogClass","root","dialog","inner","header","title","content","close","footer","bodyFix","GovDialog","proxyCustomElement","H","constructor","this","hydrated","h","govHost","host","labelId","createID","contentId","watchOpen","newValue","open","setFocus","finally","showDialog","document","body","classList","add","hideDialog","remove","componentDidRender","canValidateWcagOnRender","tick","validateAccessibility","connectedCallback","disconnectedCallback","render","Host","key","class","classes","hidden","tabindex","boolToFocusValue","toBoolAttr","accessibleLabelledBy","accessibleDescribedBy","role","hasSlot","name","id","ref","el","closeCtaRef","disabled","blockClose","color","accessibleCloseLabel","accessibleCloseLabelledBy","type","size","onCloseHandler","bind","slot","blockBackdropClose","e","stopPropagation","preventDefault","govClose","emit","catch","validateWcagRef"],"sources":["../../../packages/core/src/components/gov-dialog/constants.ts","../../../packages/core/src/components/gov-dialog/gov-dialog.tsx"],"sourcesContent":["export const DialogClass = {\n\troot: 'gov-dialog',\n\tdialog: 'gov-dialog__dialog',\n\tinner: 'gov-dialog__inner',\n\theader: 'gov-dialog__header',\n\ttitle: 'gov-dialog__title',\n\tcontent: 'gov-dialog__content',\n\tclose: 'gov-dialog__close',\n\tfooter: 'gov-dialog__footer',\n\tbodyFix: 'body-fixed',\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch} from '@stencil/core'\nimport {boolToFocusValue, govHost, toBoolAttr} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {canValidateWcagOnRender} from '../../helpers/Dom/win'\nimport {validateWcagRef} from '../../helpers/Validate/wcag'\nimport {Nullable} from '../../types/interfaces'\nimport {createID} from '../../utils/string.utils'\nimport {DialogClass} from './constants'\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: 'gov-dialog',\n})\nexport class GovDialog {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\tprivate hydrated = false;\n\tprivate closeCtaRef?: HTMLGovButtonElement\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovDialogLabel')\n\t\tthis.contentId = createID('GovDialogContent')\n\t}\n\n\t@Element() host: HTMLGovDialogElement\n\n\t/**\n\t * Attribute for dialog window display\n\t */\n\t@Prop({mutable: true, reflect: true}) open = false\n\t/**\n\t * Attribute allowing blocking the dialog closing\n\t */\n\t@Prop({attribute: 'block-close'}) blockClose = false\n\t/**\n\t * Attribute allowing blocking the backdrop dialog closing\n\t */\n\t@Prop({attribute: 'block-backdrop-close'}) blockBackdropClose = false\n\t/**\n\t * Role of dialog\n\t */\n\t@Prop({attribute: 'role'}) role: Nullable<string> = 'dialog'\n\t/**\n\t * Used to change the HTML tag in the dialog label for correct semantic structure\n\t */\n\t@Prop({attribute: 'label-tag'}) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({attribute: 'accessible-labelled-by'}) accessibleLabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the dialog.\n\t */\n\t@Prop({attribute: 'accessible-described-by'}) accessibleDescribedBy: string\n\t/**\n\t * Adds accessible label for the dialog close button that is only shown for screen readers.\n\t */\n\t@Prop({attribute: 'accessible-close-label'}) readonly accessibleCloseLabel: string = 'Zavřít okno'\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the dialog window\n\t */\n\t@Prop({attribute: 'accessible-close-labelled-by'}) accessibleCloseLabelledBy: string\n\t/**\n\t * Emitted when dialog window closes.\n\t */\n\t@Event({eventName: 'gov-close'}) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('open')\n\twatchOpen(newValue: boolean): void {\n\t\tthis.open = newValue\n\t\tthis.setFocus().finally()\n\t}\n\n\tprivate showDialog() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(DialogClass.bodyFix)\n\t}\n\n\tprivate hideDialog() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\ttick(() => this.validateAccessibility())\n\t\t}\n\n\t\tif (this.open) {\n\t\t\tthis.showDialog()\n\t\t} else {\n\t\t\tthis.hideDialog()\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tdocument.body.classList.remove(DialogClass.bodyFix)\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes(DialogClass.root)} open={this.open} hydrated={this.hydrated}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={DialogClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex={boolToFocusValue(this.open)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.accessibleLabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.accessibleDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={DialogClass.inner}>\n\t\t\t\t\t\t<div class={DialogClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot(\"icon\") && (\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.h.hasSlot('title') && (\n\t\t\t\t\t\t\t\t<span class={DialogClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t<slot name=\"title\"/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tref={el => (this.closeCtaRef = el)}\n\t\t\t\t\t\t\t\tdisabled={this.blockClose}\n\t\t\t\t\t\t\t\tclass={DialogClass.close}\n\t\t\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\t\t\taria-labelledby={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\tsize=\"m\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon slot=\"icon-start\" name=\"x-lg\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={DialogClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{this.h.hasSlot('footer') && (\n\t\t\t\t\t\t\t<div class={DialogClass.footer}>\n\t\t\t\t\t\t\t\t<slot name=\"footer\"/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t{this.open ? (\n\t\t\t\t\t<gov-backdrop\n\t\t\t\t\t\tdisabled={this.blockBackdropClose}\n\t\t\t\t\t\taria-label={this.accessibleCloseLabel}\n\t\t\t\t\t\taria-labelled-by={this.accessibleCloseLabelledBy}\n\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\te.preventDefault()\n\t\tif (this.blockClose === false) {\n\t\t\tthis.hideDialog()\n\t\t\tthis.govClose.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Sets the close button to focus\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tif (this.open && this.closeCtaRef) {\n\t\t\tthis.closeCtaRef.setFocus().catch()\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\tvalidateWcagRef(this.accessibleLabelledBy, 'accessible-labelled-by', DialogClass.root)\n\t\tvalidateWcagRef(this.accessibleDescribedBy, 'accessible-described-by', DialogClass.root)\n\t}\n}\n"],"mappings":"yWAAO,MAAMA,EAAc,CAC1BC,KAAM,aACNC,OAAQ,qBACRC,MAAO,oBACPC,OAAQ,qBACRC,MAAO,oBACPC,QAAS,sBACTC,MAAO,oBACPC,OAAQ,qBACRC,QAAS,c,MCIGC,EAASC,EAAA,MAAAD,UAAAE,EAOrB,WAAAC,G,kEAHQC,KAAAC,SAAW,M,UAc0B,M,gBAIE,M,wBAIiB,M,UAIZ,S,cAIQ,K,mGAYyB,c,yCAtCpFD,KAAKE,EAAIC,EAAQH,KAAKI,MACtBJ,KAAKK,QAAUC,EAAS,kBACxBN,KAAKO,UAAYD,EAAS,mB,CA+C3B,SAAAE,CAAUC,GACTT,KAAKU,KAAOD,EACZT,KAAKW,WAAWC,S,CAGT,UAAAC,GACPb,KAAKU,KAAO,KACZI,SAASC,KAAKC,UAAUC,IAAI/B,EAAYS,Q,CAGjC,UAAAuB,GACPlB,KAAKU,KAAO,MACZI,SAASC,KAAKC,UAAUG,OAAOjC,EAAYS,Q,CAG5C,wBAAMyB,GACL,GAAIC,IAA2B,CAC9BC,GAAK,IAAMtB,KAAKuB,yB,CAGjB,GAAIvB,KAAKU,KAAM,CACdV,KAAKa,Y,KACC,CACNb,KAAKkB,Y,EAIP,iBAAAM,GACCxB,KAAKC,SAAW,I,CAGjB,oBAAAwB,GACCX,SAASC,KAAKC,UAAUG,OAAOjC,EAAYS,Q,CAG5C,MAAA+B,GACC,OACCxB,EAACyB,EAAI,CAAAC,IAAA,2CAACC,MAAO7B,KAAKE,EAAE4B,QAAQ5C,EAAYC,MAAOuB,KAAMV,KAAKU,KAAMT,SAAUD,KAAKC,UAC9EC,EAAA,UAAA0B,IAAA,2CACCC,MAAO3C,EAAYE,OACnB2C,QAAS/B,KAAKU,KACdsB,SAAUC,EAAiBjC,KAAKU,MAChCA,KAAMV,KAAKU,KAAI,aACJ,OAAM,cACJwB,GAAYlC,KAAKU,MAAK,kBAClBV,KAAKmC,sBAAwBnC,KAAKK,QAAO,mBACxCL,KAAKoC,uBAAyBpC,KAAKO,UACrD8B,KAAMrC,KAAKqC,MAEXnC,EAAA,OAAA0B,IAAA,2CAAKC,MAAO3C,EAAYG,OACvBa,EAAA,OAAA0B,IAAA,2CAAKC,MAAO3C,EAAYI,QACtBU,KAAKE,EAAEoC,QAAQ,SACfpC,EAAA,QAAA0B,IAAA,4CACC1B,EAAA,QAAA0B,IAAA,2CAAMW,KAAK,UAGZvC,KAAKE,EAAEoC,QAAQ,UACfpC,EAAA,QAAA0B,IAAA,2CAAMC,MAAO3C,EAAYK,MAAOiD,GAAIxC,KAAKK,SACxCH,EAAA,QAAA0B,IAAA,2CAAMW,KAAK,WAGbrC,EAAA,cAAA0B,IAAA,2CACCa,IAAKC,GAAO1C,KAAK2C,YAAcD,EAC/BE,SAAU5C,KAAK6C,WACfhB,MAAO3C,EAAYO,MACnBqD,MAAM,UAAS,aACH9C,KAAK+C,qBAAoB,kBACpB/C,KAAKgD,0BACtBC,KAAK,OACLC,KAAK,IAAG,eACMlD,KAAKmD,eAAeC,KAAKpD,OAEvCE,EAAA,YAAA0B,IAAA,2CAAUyB,KAAK,aAAad,KAAK,OAAOU,KAAK,iBAG/C/C,EAAA,OAAA0B,IAAA,2CAAKC,MAAO3C,EAAYM,QAASgD,GAAIxC,KAAKO,WACzCL,EAAA,QAAA0B,IAAA,8CAEA5B,KAAKE,EAAEoC,QAAQ,WACfpC,EAAA,OAAA0B,IAAA,2CAAKC,MAAO3C,EAAYQ,QACvBQ,EAAA,QAAA0B,IAAA,2CAAMW,KAAK,cAMdvC,KAAKU,KACLR,EAAA,gBACC0C,SAAU5C,KAAKsD,mBAAkB,aACrBtD,KAAK+C,qBAAoB,mBACnB/C,KAAKgD,0BAAyB,eAClChD,KAAKmD,eAAeC,KAAKpD,QAErC,K,CAKC,cAAAmD,CAAeI,GACtBA,EAAEC,kBACFD,EAAEE,iBACF,GAAIzD,KAAK6C,aAAe,MAAO,CAC9B7C,KAAKkB,aACLlB,KAAK0D,SAASC,KAAKJ,E,EAQrB,cAAM5C,GACL,GAAIX,KAAKU,MAAQV,KAAK2C,YAAa,CAClC3C,KAAK2C,YAAYhC,WAAWiD,O,EAS9B,2BAAMrC,GACLsC,EAAgB7D,KAAKmC,qBAAsB,yBAA0BjD,EAAYC,MACjF0E,EAAgB7D,KAAKoC,sBAAuB,0BAA2BlD,EAAYC,K","ignoreList":[]}