npm - @gov-design-system-ce/components - Versions diffs - 4.1.0-rc04 → 4.1.0 - Mend

@gov-design-system-ce/components 4.1.0-rc04 → 4.1.0

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

Files changed (830) hide show

package/dist/collection/pages/Tag.js CHANGED Viewed

@@ -7,19 +7,19 @@ class TagPage extends HTMLElement {
                 <gov-tag color="primary" size="xs" type="bold">
                     Tag
                 </gov-tag>
-                <gov-tag color="primary" size="xs" type="bold" icon-left="basic/star-fill">
+                <gov-tag color="primary" size="xs" type="bold" icon-start="basic/star-fill">
                     Tag
                 </gov-tag>
-                <gov-tag color="primary" size="xs" type="bold" icon-right="basic/star-fill">
+                <gov-tag color="primary" size="xs" type="bold" icon-end="basic/star-fill">
                     Tag
                 </gov-tag>
-                <gov-tag color="primary" size="xs" type="bold" icon-left="basic/star-fill" icon-right="basic/star-fill">
+                <gov-tag color="primary" size="xs" type="bold" icon-start="basic/star-fill" icon-end="basic/star-fill">
                     Tag
                 </gov-tag>
-                <gov-tag color="primary" size="s" type="bold" icon-left="basic/star-fill">
+                <gov-tag color="primary" size="s" type="bold" icon-start="basic/star-fill">
                     Small Primary
                 </gov-tag>
-                <gov-tag color="primary" size="m" type="bold" icon-left="basic/star-fill" icon-right="basic/star-fill">
+                <gov-tag color="primary" size="m" type="bold" icon-start="basic/star-fill" icon-end="basic/star-fill">
                     Normal Primary
                 </gov-tag>
             </div>
@@ -28,10 +28,10 @@ class TagPage extends HTMLElement {
                 <gov-tag color="primary" size="xs" type="subtle">
                     Tag
                 </gov-tag>
-                <gov-tag color="primary" size="s" type="subtle" icon-left="basic/star-fill">
+                <gov-tag color="primary" size="s" type="subtle" icon-start="basic/star-fill">
                     Small Primary
                 </gov-tag>
-                <gov-tag color="primary" size="m" type="subtle" icon-left="basic/star-fill">
+                <gov-tag color="primary" size="m" type="subtle" icon-start="basic/star-fill">
                     Normal Primary
                 </gov-tag>
             </div>
@@ -42,10 +42,10 @@ class TagPage extends HTMLElement {
                 <gov-tag color="secondary" type="bold" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="secondary" type="bold" size="s" icon-left="basic/star-fill">
+                <gov-tag color="secondary" type="bold" size="s" icon-start="basic/star-fill">
                     Small secondary
                 </gov-tag>
-                <gov-tag color="secondary" type="bold" size="m" icon-left="basic/star-fill">
+                <gov-tag color="secondary" type="bold" size="m" icon-start="basic/star-fill">
                     Normal secondary
                 </gov-tag>
             </div>
@@ -54,10 +54,10 @@ class TagPage extends HTMLElement {
                 <gov-tag color="secondary" type="subtle" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="secondary" type="subtle" size="s" icon-left="basic/star-fill">
+                <gov-tag color="secondary" type="subtle" size="s" icon-start="basic/star-fill">
                     Small Primary
                 </gov-tag>
-                <gov-tag color="secondary" type="subtle" size="m" icon-left="basic/star-fill">
+                <gov-tag color="secondary" type="subtle" size="m" icon-start="basic/star-fill">
                     Normal Primary
                 </gov-tag>
             </div>
@@ -68,10 +68,10 @@ class TagPage extends HTMLElement {
                 <gov-tag color="success" type="bold" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="success" type="bold" size="s" icon-left="basic/star-fill">
+                <gov-tag color="success" type="bold" size="s" icon-start="basic/star-fill">
                     Small success
                 </gov-tag>
-                <gov-tag color="success" type="bold" size="m" icon-left="basic/star-fill">
+                <gov-tag color="success" type="bold" size="m" icon-start="basic/star-fill">
                     Normal success
                 </gov-tag>
             </div>
@@ -80,10 +80,10 @@ class TagPage extends HTMLElement {
                 <gov-tag color="success" type="subtle" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="success" type="subtle" size="s" icon-left="basic/star-fill">
+                <gov-tag color="success" type="subtle" size="s" icon-start="basic/star-fill">
                     Small Primary
                 </gov-tag>
-                <gov-tag color="success" type="subtle" size="m" icon-left="basic/star-fill">
+                <gov-tag color="success" type="subtle" size="m" icon-start="basic/star-fill">
                     Normal Primary
                 </gov-tag>
             </div>
@@ -94,10 +94,10 @@ class TagPage extends HTMLElement {
                 <gov-tag color="warning" type="bold" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="warning" type="bold" size="s" icon-left="basic/star-fill">
+                <gov-tag color="warning" type="bold" size="s" icon-start="basic/star-fill">
                     Small warning
                 </gov-tag>
-                <gov-tag color="warning" type="bold" size="m" icon-left="basic/star-fill">
+                <gov-tag color="warning" type="bold" size="m" icon-start="basic/star-fill">
                     Normal warning
                 </gov-tag>
             </div>
@@ -106,10 +106,10 @@ class TagPage extends HTMLElement {
                 <gov-tag color="warning" type="subtle" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="warning" type="subtle" size="s" icon-left="basic/star-fill">
+                <gov-tag color="warning" type="subtle" size="s" icon-start="basic/star-fill">
                     Small Primary
                 </gov-tag>
-                <gov-tag color="warning" type="subtle" size="m" icon-left="basic/star-fill">
+                <gov-tag color="warning" type="subtle" size="m" icon-start="basic/star-fill">
                     Normal Primary
                 </gov-tag>
             </div>
@@ -120,10 +120,10 @@ class TagPage extends HTMLElement {
                 <gov-tag color="error" type="bold" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="error" type="bold" size="s" icon-left="basic/star-fill">
+                <gov-tag color="error" type="bold" size="s" icon-start="basic/star-fill">
                     Small error
                 </gov-tag>
-                <gov-tag color="error" type="bold" size="m" icon-left="basic/star-fill">
+                <gov-tag color="error" type="bold" size="m" icon-start="basic/star-fill">
                     Normal error
                 </gov-tag>
             </div>
@@ -132,10 +132,10 @@ class TagPage extends HTMLElement {
                 <gov-tag color="error" type="subtle" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="error" type="subtle" size="s" icon-left="basic/star-fill">
+                <gov-tag color="error" type="subtle" size="s" icon-start="basic/star-fill">
                     Small Primary
                 </gov-tag>
-                <gov-tag color="error" type="subtle" size="m" icon-left="basic/star-fill">
+                <gov-tag color="error" type="subtle" size="m" icon-start="basic/star-fill">
                     Normal Primary
                 </gov-tag>
             </div>

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

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

package/dist/collection/pages/ToastMessage.js CHANGED Viewed

@@ -12,28 +12,28 @@ class ToastMessagePage extends HTMLElement {
 		</gov-toast>
 		<br>
 		<gov-toast color="error" type="subtle" gravity="bottom" position="left">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Není možné požadavek zpracovat z důvodu chyby serveru.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="warning" type="subtle" position="left">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Žádost se nepodařilo odeslat, zkontrolujte nastavení.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="primary" type="subtle" position="center">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Soubory jsou připraveny ke stažení.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="neutral" type="subtle" gravity="bottom" position="right">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Vaše aplikace byla aktualizovaná na novou verzi!
 			</p>

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastMessage.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessage.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAiB,SAAQ,WAAW;IACzC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC5D,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAA;AAC9D,CAAC","sourcesContent":["class ToastMessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message\n\t\t</h2>\n\t\t<gov-toast color=\"success\" type=\"subtle\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"error\" type=\"subtle\" gravity=\"bottom\" position=\"left\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"warning\" type=\"subtle\" position=\"left\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"primary\" type=\"subtle\" position=\"center\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"neutral\" type=\"subtle\" gravity=\"bottom\" position=\"right\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-page') === undefined) {\n\tcustomElements.define('toast-message-page', ToastMessagePage)\n}\n"]}
1	+ {"version":3,"file":"ToastMessage.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessage.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAiB,SAAQ,WAAW;IACzC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC5D,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAA;AAC9D,CAAC","sourcesContent":["class ToastMessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message\n\t\t</h2>\n\t\t<gov-toast color=\"success\" type=\"subtle\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"error\" type=\"subtle\" gravity=\"bottom\" position=\"left\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"warning\" type=\"subtle\" position=\"left\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"primary\" type=\"subtle\" position=\"center\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"neutral\" type=\"subtle\" gravity=\"bottom\" position=\"right\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-page') === undefined) {\n\tcustomElements.define('toast-message-page', ToastMessagePage)\n}\n"]}

package/dist/collection/pages/ToastMessageCountdown.js CHANGED Viewed

@@ -12,28 +12,28 @@ class ToastMessageCountdownPage extends HTMLElement {
 		</gov-toast>
 		<br>
 		<gov-toast color="error" type="bold" gravity="bottom" position="left" time="10000">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Není možné požadavek zpracovat z důvodu chyby serveru.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="warning" type="bold" position="left" time="10000">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Žádost se nepodařilo odeslat, zkontrolujte nastavení.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="primary" type="bold" position="center" time="10000">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Soubory jsou připraveny ke stažení.
 			</p>
 		</gov-toast>
 		<br>
 		<gov-toast color="neutral" type="bold" gravity="bottom" position="right" time="10000">
-			<gov-icon name="info" slot="icon"></gov-icon>
+			<gov-icon name="info-circle-fill" slot="icon"></gov-icon>
 			<p>
 				Vaše aplikace byla aktualizovaná na novou verzi!
 			</p>

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastMessageCountdown.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessageCountdown.ts"],"names":[],"mappings":"AAAA,MAAM,yBAA0B,SAAQ,WAAW;IAClD,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC,KAAK,SAAS,EAAE,CAAC;IACtE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAA;AACjF,CAAC","sourcesContent":["class ToastMessageCountdownPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message Countdown\n\t\t</h2>\n\t\t<gov-toast color=\"success\" type=\"bold\" time=\"10000\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"error\" type=\"bold\" gravity=\"bottom\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"warning\" type=\"bold\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"primary\" type=\"bold\" position=\"center\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"neutral\" type=\"bold\" gravity=\"bottom\" position=\"right\" time=\"10000\">\n\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-countdown-page') === undefined) {\n\tcustomElements.define('toast-message-countdown-page', ToastMessageCountdownPage)\n}\n"]}
1	+ {"version":3,"file":"ToastMessageCountdown.js","sourceRoot":"","sources":["../../../../../src/pages/ToastMessageCountdown.ts"],"names":[],"mappings":"AAAA,MAAM,yBAA0B,SAAQ,WAAW;IAClD,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCf,CAAA;IACH,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,8BAA8B,CAAC,KAAK,SAAS,EAAE,CAAC;IACtE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,yBAAyB,CAAC,CAAA;AACjF,CAAC","sourcesContent":["class ToastMessageCountdownPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>\n\t\t\tToast Message Countdown\n\t\t</h2>\n\t\t<gov-toast color=\"success\" type=\"bold\" time=\"10000\">\n\t\t\t<gov-icon name=\"check-lg\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše dokumenty byly úspěšně staženy.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"error\" type=\"bold\" gravity=\"bottom\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tNení možné požadavek zpracovat z důvodu chyby serveru.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"warning\" type=\"bold\" position=\"left\" time=\"10000\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tŽádost se nepodařilo odeslat, zkontrolujte nastavení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"primary\" type=\"bold\" position=\"center\" time=\"10000\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tSoubory jsou připraveny ke stažení.\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t<br>\n\t\t<gov-toast color=\"neutral\" type=\"bold\" gravity=\"bottom\" position=\"right\" time=\"10000\">\n\t\t\t<gov-icon name=\"info-circle-fill\" slot=\"icon\"></gov-icon>\n\t\t\t<p>\n\t\t\t\tVaše aplikace byla aktualizovaná na novou verzi!\n\t\t\t</p>\n\t\t</gov-toast>\n\t\t\t`\n\t}\n}\n\nif (customElements.get('toast-message-countdown-page') === undefined) {\n\tcustomElements.define('toast-message-countdown-page', ToastMessageCountdownPage)\n}\n"]}

package/dist/collection/pages/Tooltip.js CHANGED Viewed

@@ -14,7 +14,7 @@ class TooltipPage extends HTMLElement {
 					<div style="width: 100px; border: 1px solid black; height: 100px"></div>
 					<div style="width: 100px; border: 1px solid black; height: 100px">
 						<gov-tooltip position="right" size="s" icon>
-							<gov-icon name="info"></gov-icon>
+							<gov-icon name="info-circle-fill"></gov-icon>
 							<gov-tooltip-content>
 								<ul>
 									<li>Toggler div, h1, h2 rozbije celou komponentu. </li>
@@ -31,7 +31,7 @@ class TooltipPage extends HTMLElement {
 							<li>Toggler div, h1, h2 rozbije celou komponentu. </li>
 							<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>
 						</ul>">
-					<span style="display: inline-block; width: 16px;"><gov-icon name="info"></gov-icon></span>
+					<span style="display: inline-block; width: 16px;"><gov-icon name="info-circle-fill"></gov-icon></span>
 				</gov-tooltip>
 				za prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.
 			</p>

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../src/pages/Tooltip.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;IACpC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqJjB,CAAA;IACD,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["class TooltipPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<div style=\"width: 500px; overflow: auto; height: 100px\">\n\t\t\t\t<div style=\"width: 800px; display: flex; flex-direction: row; height: 100px; gap: 20px\">\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\">\n\t\t\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t\t\t<gov-icon name=\"info\"></gov-icon>\n\t\t\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t\t</gov-tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p>\n\t\t\t\tDefault scheme, size Small. Nelze umístit jako toggle element který je blokový - tj. div, h1, h2, atp.\n\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon message=\"<ul>\n\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t</ul>\">\n\t\t\t\t\t<span style=\"display: inline-block; width: 16px;\"><gov-icon name=\"info\"></gov-icon></span>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"top\" size=\"s\" message=\"Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\">\n\t\t\t\t\tpřípadě vycestování (top)případě vycestování (top)případě vycestování\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"bottom\" size=\"s\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"top\" size=\"m\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip position=\"right\">\n\t\t\t\t\tpřípadě vycestování postion (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"top\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"bottom\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"left\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát. V rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"right\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip position=\"top\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"bottom\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip inverse color=\"neutral\" position=\"left\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t\t<br /><br /><br /><br /><br />x\n\t\t\t</p>\n\t`\n\t}\n}\n\nif (customElements.get('tooltip-page') === undefined) {\n\tcustomElements.define('tooltip-page', TooltipPage)\n}\n"]}
1	+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../src/pages/Tooltip.ts"],"names":[],"mappings":"AAAA,MAAM,WAAY,SAAQ,WAAW;IACpC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqJjB,CAAA;IACD,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,KAAK,SAAS,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;AACnD,CAAC","sourcesContent":["class TooltipPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<div style=\"width: 500px; overflow: auto; height: 100px\">\n\t\t\t\t<div style=\"width: 800px; display: flex; flex-direction: row; height: 100px; gap: 20px\">\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\"></div>\n\t\t\t\t\t<div style=\"width: 100px; border: 1px solid black; height: 100px\">\n\t\t\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon>\n\t\t\t\t\t\t\t<gov-icon name=\"info-circle-fill\"></gov-icon>\n\t\t\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t\t</gov-tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p>\n\t\t\t\tDefault scheme, size Small. Nelze umístit jako toggle element který je blokový - tj. div, h1, h2, atp.\n\t\t\t\t<gov-tooltip position=\"right\" size=\"s\" icon message=\"<ul>\n\t\t\t\t\t\t\t<li>Toggler div, h1, h2 rozbije celou komponentu. </li>\n\t\t\t\t\t\t\t<li>Můžu použít tagy jako span, anchor, gov-icon - inlinové. Zde je použita ikonka z knihovny font-awesome</li>\n\t\t\t\t\t\t</ul>\">\n\t\t\t\t\t<span style=\"display: inline-block; width: 16px;\"><gov-icon name=\"info-circle-fill\"></gov-icon></span>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"top\" size=\"s\" message=\"Znění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\">\n\t\t\t\t\tpřípadě vycestování (top)případě vycestování (top)případě vycestování\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"bottom\" size=\"s\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"top\" size=\"m\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip position=\"right\">\n\t\t\t\t\tpřípadě vycestování postion (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy tento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"top\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tstátů EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\tV rámci\n\t\t\t\t<gov-tooltip position=\"bottom\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"left\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát. V rámci států EU platí princip jednoho pojištění. V\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"right\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (right)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip>\n\t\t\t\tza prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>V rámci\n\t\t\t\t<gov-tooltip position=\"top\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (top)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci\n\t\t\t\t<gov-tooltip color=\"neutral\" position=\"bottom\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (bottom)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\tpojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\tV rámci států EU platí princip jednoho pojištění. V za prací do států EU byste měli být vždy\n\t\t\t\t<gov-tooltip inverse color=\"neutral\" position=\"left\" size=\"l\">\n\t\t\t\t\tpřípadě vycestování (left)\n\t\t\t\t\t<gov-tooltip-content>\n\t\t\t\t\t\tZnění petice podléhá § 1 odst. 3-4 zákonuč. 85/1990 Sb. Text.\n\t\t\t\t\t</gov-tooltip-content>\n\t\t\t\t</gov-tooltip> pojištěni ve státě, ve kterém pracujete. Pokud pracujete pouze na území jednoho státu, je státem pojištění vždy\n\t\t\t\ttento stát.\n\t\t\t\t<br /><br /><br /><br /><br />x\n\t\t\t</p>\n\t`\n\t}\n}\n\nif (customElements.get('tooltip-page') === undefined) {\n\tcustomElements.define('tooltip-page', TooltipPage)\n}\n"]}

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

@@ -1,6 +1,26 @@
 class TypographyPage extends HTMLElement {
     connectedCallback() {
         this.innerHTML = `
+			<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="m">
+				<gov-icon slot="icon-start" name="bookmarks"></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-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>
+			</gov-link><br>
+			<gov-link href="#" target="_blank" external size="s">Externí</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>

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../../src/pages/Typography.ts"],"names":[],"mappings":"AAAA,MAAM,cAAe,SAAQ,WAAW;IACvC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEhB~~,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>\n\t\t\t\t<a class=\"gov-text--xs\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--s\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--m\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--l\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--2xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--3xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--4xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--5xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t\t<a class=\"gov-text--6xl\" href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a><br>\n\t\t\t</p>\n\n\t\t\t<ul>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t</ul>\n\t\t\t<ol>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t\t<li>This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines</li>\n\t\t\t</ol>\n\n\t\t\t<h6 class=\"gov-text--6xl\">Heading 1 Heading 1 Heading 1</h6>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<p>\n\t\t\t\tBody 1/400<br />A lead <a href=\"#copy\" target=\"_blank\">paragraph with no more than four lines</a> . Body 1/400 A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines\n\t\t\t</p>\n\t\t\t<h4 class=\"gov-text--l\">Heading 2 Heading 2 Heading 2</h4>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<p>\n\t\t\t\tBody 2/400<br />This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t</p>\n\t\t\t<h2>Heading 2 Heading 2 Heading 2</h2>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<p>\n\t\t\t\tBody 3/400<br />This is for body copy in components such as accordion, structured list or tile. This is for body copy in components such as accordion, structured list or tile.\n\t\t\t</p>\n\t\t\t<h3>Heading 3 Heading 3 Heading 3</h3>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<p>\n\t\t\t\tBold - Body 1/700<br />A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines. Body 1/400 A lead paragraph with no more than four lines\n\t\t\t</p>\n\t\t\t<h4>Heading 4 Heading 4 Heading 4</h4>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<p>\n\t\t\t\tBold - Body 2/700<br />This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines. This is commonly used for long paragraphs with more than four lines\n\t\t\t</p>\n\t\t\t<h5>Heading 5 Heading 5 Heading 5</h5>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p>\n\t\t\t\tBold - Body 3/700<br />This is for body copy in components such as accordion, structured list or tile. This is for body copy in components such as accordion, structured list or tile.\n\t\t\t</p>\n\t\t\t<h6>Heading 6 Heading 6 Heading 6</h6>\n\t\t\t<p class=\"text-x-small\">\n\t\t\t\tAssistive<br />This is for explanatory helper text that appears below a field\n\t\t\t</p>\n\t\t\t<ul>\n\t\t\t\t<li>seznam položka seznam položka seznam položka<br />seznam položka seznam položka seznam položka</li>\n\t\t\t\t<li>seznam položka seznam položka seznam položka</li>\n\t\t\t\t<li>seznam položka seznam položka seznam položka</li>\n\t\t\t</ul>\n\t\t`\n\t}\n}\n\nif (customElements.get('typography-page') === undefined) {\n\tcustomElements.define('typography-page', TypographyPage)\n}\n"]}
1	+ {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../../src/pages/Typography.ts"],"names":[],"mappings":"AAAA,MAAM,cAAe,SAAQ,WAAW;IACvC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"]}

package/dist/collection/pages/Wizard.js CHANGED Viewed

@@ -5,7 +5,7 @@ class WizardPage extends HTMLElement {
 			<div style="padding: 48px;">
 				<gov-wizard size="s">
 					<gov-wizard-item color="success" size="s" collapsible>
-						<span slot="prefix"><gov-icon name="check-lg"></gov-icon></span>
+						<gov-icon name="check-lg" slot="prefix"></gov-icon>
 						<h3 slot="headline">Font Awesome Icon</h3>
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 						<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../../../src/pages/Wizard.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;IACnC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AACjD,CAAC","sourcesContent":["class WizardPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n <h2>Wizard</h2>\n\t\t\t<div style=\"padding: 48px;\">\n\t\t\t\t<gov-wizard size=\"s\">\n\t\t\t\t\t<gov-wizard-item color=\"success\" size=\"s\" collapsible>\n\t\t\t\t\t\t<~~span slot=\"prefix\"><~~gov-icon name=\"check-lg\"></gov-icon~~></span~~>\n\t\t\t\t\t\t<h3 slot=\"headline\">Font Awesome Icon</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"primary\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Kontaktní osoby</h3>\n\t\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"neutral\" size=\"s\" collapsible=\"false\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Působnost v agendách</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"error\" size=\"s\" collapsible>\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"warning\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t</gov-wizard>\n\n\t\t\t\t<br><br>\n\n\t\t\t\t<gov-wizard size=\"m\"\">\n\t\t\t\t\t<gov-wizard-item color=\"success\" size=\"s\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<h3 slot=\"headline\">Font Awesome Icon</h3>\n\t\t\t\t\t\t<span slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"primary\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Kontaktní osoby</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"neutral\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Působnost v agendách</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"error\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"warning\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t</gov-wizard>\n\t\t\t\t<br><br>\n\n\t\t\t\t<gov-wizard size=\"l\">\n\t\t\t\t\t<gov-wizard-item color=\"success\" size=\"s\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<h3 slot=\"headline\">Font Awesome Icon</h3>\n\t\t\t\t\t\t<span slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"primary\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Kontaktní osoby</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"neutral\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Působnost v agendách</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"error\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"warning\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t</gov-wizard>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('wizard-page') === undefined) {\n\tcustomElements.define('wizard-page', WizardPage)\n}\n"]}
1	+ {"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../../../src/pages/Wizard.ts"],"names":[],"mappings":"AAAA,MAAM,UAAW,SAAQ,WAAW;IACnC,iBAAiB;QAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiGhB,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAA;AACjD,CAAC","sourcesContent":["class WizardPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n <h2>Wizard</h2>\n\t\t\t<div style=\"padding: 48px;\">\n\t\t\t\t<gov-wizard size=\"s\">\n\t\t\t\t\t<gov-wizard-item color=\"success\" size=\"s\" collapsible>\n\t\t\t\t\t\t<gov-icon name=\"check-lg\" slot=\"prefix\"></gov-icon>\n\t\t\t\t\t\t<h3 slot=\"headline\">Font Awesome Icon</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"primary\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Kontaktní osoby</h3>\n\t\t\t\t\t\t<p slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.</p>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"neutral\" size=\"s\" collapsible=\"false\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Působnost v agendách</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"error\" size=\"s\" collapsible>\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"warning\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t</gov-wizard>\n\n\t\t\t\t<br><br>\n\n\t\t\t\t<gov-wizard size=\"m\"\">\n\t\t\t\t\t<gov-wizard-item color=\"success\" size=\"s\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<h3 slot=\"headline\">Font Awesome Icon</h3>\n\t\t\t\t\t\t<span slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"primary\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Kontaktní osoby</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"neutral\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Působnost v agendách</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"error\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"warning\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t</gov-wizard>\n\t\t\t\t<br><br>\n\n\t\t\t\t<gov-wizard size=\"l\">\n\t\t\t\t\t<gov-wizard-item color=\"success\" size=\"s\" collapsible>\n\t\t\t\t\t\t<gov-icon slot=\"prefix\" name=\"check-lg\"></gov-icon>\n\t\t\t\t\t\t<h3 slot=\"headline\">Font Awesome Icon</h3>\n\t\t\t\t\t\t<span slot=\"annotation\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus.</span>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"primary\" size=\"s\" is-expanded>\n\t\t\t\t\t\t<span slot=\"prefix\">2</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Kontaktní osoby</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"neutral\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">3</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Působnost v agendách</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"error\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">4</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t\t<gov-wizard-item color=\"warning\" size=\"s\">\n\t\t\t\t\t\t<span slot=\"prefix\">5</span>\n\t\t\t\t\t\t<h3 slot=\"headline\">Zřizované organizace</h3>\n\t\t\t\t\t\t<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>\n\t\t\t\t\t</gov-wizard-item>\n\t\t\t\t</gov-wizard>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('wizard-page') === undefined) {\n\tcustomElements.define('wizard-page', WizardPage)\n}\n"]}

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

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as a,d as i}from"./p-42200001.js";import{v as c}from"./p-19c681a3.js";import{A as o,b as n,a as d}from"./p-d4509899.js";import{g as f,t as r,b}from"./p-0075138f.js";import{i as h}from"./p-33d5d1ed.js";import{t as m}from"./p-26618322.js";import{d as l}from"./p-387052e1.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":r(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":b(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:"5e1024ed8c001dcdef87e5615d787091b1a3e9c6",name:"chevron-down"}))))),a("div",{key:"49651d2a78afe9318464aead657a0e544e2e2d4e",class:n.content},a("slot",{key:"4f3d3af2d6f3c357663d0a3c1e1433b55d7814bc"}))))}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-a2435993.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-f44899e1.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-accordion-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["GovAccordionItem","proxyCustomElement","H","constructor","this","inheritedAttributes","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionItemClass","root","componentWillLoad","size","inheritAriaAttributes","componentDidRender","tick","getPropsFromParents","accordion","getParent","AccordionClass","getAttribute","render","Host","key","class","classes","disabled","role","details","id","identifier","toBoolAttrIfDefined","open","Object","assign","onClick","e","stopPropagation","preventDefault","toggle","finally","summary","tabIndex","booleanString","hasSlot","icon","name","title","right","arrow","content","govChange","emit","component","ref","currentState"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType,} from \"./constants\"\nimport {booleanString, govHost, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {AccordionItemEvent} from \"./gov-accordion.types\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-accordion-item\",\n})\nexport class GovAccordionItem {\n\tprivate h: GovHost\n\tprivate inheritedAttributes: Attributes = {};\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() openState: boolean\n\n\t/*\n\t Custom accordion item identifier.\n\t /\n\t@Prop() readonly identifier: string\n\t/\n\t Accordion’s size.\n\t /\n\t@Prop({ mutable: true }) size?: AccordionSizeType\n\t/\n\t Makes the button component disabled.\n\t /\n\t@Prop() readonly disabled: boolean = false\n\t/\n\t Defines whether the accordion is open or closed by button\n\t /\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\t/\n\t Called when the accordion state changes\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<AccordionItemEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.getPropsFromParents())\n\t}\n\n\tprivate getPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([AccordionItemClass.root,\n\t\t\t\tthis.disabled && AccordionItemClass.disabled])}\n\t\t\t\t size={this.size}\n\t\t\t\t role=\"listitem\">\n\t\t\t\t<details\n\t\t\t\t\tclass={AccordionItemClass.details}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t>\n\t\t\t\t\t<summary\n\t\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t!this.disabled && this.toggle().finally()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclass={AccordionItemClass.summary}\n\t\t\t\t\t\ttabIndex={this.disabled ? -1 : 0}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.h.hasSlot('icon') &&\n\t\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<span class={AccordionItemClass.right}>\n\t\t\t\t\t\t\t<slot name=\"suffix\"/>\n\t\t\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t\t\t<slot name=\"toggle-icon\">\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\"></gov-icon>\n\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</summary>\n\t\t\t\t\t<div class={AccordionItemClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t</details>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Accordion switch\n\t /\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.open = !this.open\n\t\tthis.govChange.emit({\n\t\t\topen: this.open,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/\n\t Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.open\n\t}\n}\n"],"mappings":"~~qTAaaA~~,EAAgBC,EAAA,MAAAD,UAAAE,EAI5B,WAAAC,G,oEAFQC,KAAAC,oBAAkC,G,qFAoBL,M,UAIY,MArBhDD,KAAKE,EAAIC,EAAQH,KAAKI,K,CA4BvB,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAmBC,K,CAG3D,iBAAAC,GACCX,KAAKK,aAAaL,KAAKY,MACvBZ,KAAKC,oBAAsBY,EAAsBb,KAAKI,K,CAGvD,kBAAAU,GACCC,GAAK,IAAMf,KAAKgB,uB,CAGT,mBAAAA,GACP,MAAMC,EAAYjB,KAAKE,EAAEgB,UAAUC,EAAeT,MAClD,GAAIO,EAAW,CACdjB,KAAKY,KAAOK,EAAUG,aAAa,O,EAIrC,MAAAC,GACC,OACCnB,EAACoB,EAAI,CAAAC,IAAA,2CAACC,MAAOxB,KAAKE,EAAEuB,QAAQ,CAAChB,EAAmBC,KAC/CV,KAAK0B,UAAYjB,EAAmBiB,WAClCd,KAAMZ,KAAKY,KACXe,KAAK,YACPzB,EAAA,WAAAqB,IAAA,2CACCC,MAAOf,EAAmBmB,QAC1BC,GAAI7B,KAAK8B,WAAU,gBACJC,EAAoB/B,KAAK0B,UACxCM,KAAMhC,KAAKgC,MAEX9B,EAAA,UAAA+B,OAAAC,OAAA,CAAAX,IAAA,2CACCY,QAAUC,IACTA,EAAEC,kBACFD,EAAEE,kBACDtC,KAAK0B,UAAY1B,KAAKuC,SAASC,SAAS,EAE1ChB,MAAOf,EAAmBgC,QAC1BC,SAAU1C,KAAK0B,UAAY,EAAI,EAAC,gBACjBiB,EAAc3C,KAAKgC,OAC9BhC,KAAKC,qBAERD,KAAKE,EAAE0C,QAAQ,SACf1C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBoC,MAC/B3C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,UAIb5C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBsC,OAC/B7C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,UACX5C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,gBAGZ5C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBuC,OAC/B9C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,WACX5C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBwC,OAC/B/C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,eACV5C,EAAA,YAAAqB,IAAA,2CAAUuB,KAAK,~~qBAKnB5C~~,EAAA,OAAAqB,IAAA,2CAAKC,MAAOf,~~EAAmByC~~,~~SAC9BhD~~,EAAA,QAAAqB,IAAA,+C,CAWL,YAAMgB,GACLvC,KAAKgC,MAAQhC,KAAKgC,KAClBhC,~~KAAKmD~~,UAAUC,KAAK,~~CACnBpB~~,KAAMhC,KAAKgC,~~KACXqB~~,~~UAAW5C~~,EAAmBC,~~KAC9B4C~~,~~IAAKtD~~,KAAKI,M,CAQZ,~~kBAAMmD~~,GACL,~~OAAOvD~~,KAAKgC,I","ignoreList":[]}
1	+ {"version":3,"names":["GovAccordionItem","proxyCustomElement","H","constructor","this","inheritedAttributes","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionItemClass","root","componentWillLoad","size","inheritAriaAttributes","componentDidRender","tick","getPropsFromParents","accordion","getParent","AccordionClass","getAttribute","render","Host","key","class","classes","disabled","role","details","id","identifier","toBoolAttrIfDefined","open","Object","assign","onClick","e","stopPropagation","preventDefault","toggle","finally","summary","tabIndex","booleanString","hasSlot","icon","name","title","right","arrow","type","content","govChange","emit","component","ref","currentState"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion-item.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch} from \"@stencil/core\"\nimport {validateProp} from \"../../helpers/Validate/props\"\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType,} from \"./constants\"\nimport {booleanString, govHost, toBoolAttrIfDefined} from \"../../helpers/Dom/template\"\nimport {AccordionItemEvent} from \"./gov-accordion.types\"\nimport {GovHost} from \"../../helpers/Dom/template.types\"\nimport {inheritAriaAttributes} from \"../../helpers/Accessibility/accessibility\";\nimport {Attributes} from \"../../helpers/Dom/attribute\";\nimport {tick} from \"../../utils/stencil.utils\";\n\n@Component({\n\ttag: \"gov-accordion-item\",\n})\nexport class GovAccordionItem {\n\tprivate h: GovHost\n\tprivate inheritedAttributes: Attributes = {};\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionItemElement\n\t@State() openState: boolean\n\n\t/*\n\t Custom accordion item identifier.\n\t /\n\t@Prop() readonly identifier: string\n\t/\n\t Accordion’s size.\n\t /\n\t@Prop({ mutable: true }) size?: AccordionSizeType\n\t/\n\t Makes the button component disabled.\n\t /\n\t@Prop() readonly disabled: boolean = false\n\t/\n\t Defines whether the accordion is open or closed by button\n\t /\n\t@Prop({attribute: \"open\", mutable: true}) open = false\n\t/\n\t Called when the accordion state changes\n\t /\n\t@Event({eventName: \"gov-change\"}) govChange: EventEmitter<AccordionItemEvent>\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t\tthis.inheritedAttributes = inheritAriaAttributes(this.host);\n\t}\n\n\tcomponentDidRender(): void {\n\t\ttick(() => this.getPropsFromParents())\n\t}\n\n\tprivate getPropsFromParents() {\n\t\tconst accordion = this.h.getParent(AccordionClass.root)\n\t\tif (accordion) {\n\t\t\tthis.size = accordion.getAttribute(\"size\") as AccordionSizeType\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={this.h.classes([AccordionItemClass.root,\n\t\t\t\tthis.disabled && AccordionItemClass.disabled])}\n\t\t\t\t size={this.size}\n\t\t\t\t role=\"listitem\">\n\t\t\t\t<details\n\t\t\t\t\tclass={AccordionItemClass.details}\n\t\t\t\t\tid={this.identifier}\n\t\t\t\t\taria-disabled={toBoolAttrIfDefined(this.disabled)}\n\t\t\t\t\topen={this.open}\n\t\t\t\t>\n\t\t\t\t\t<summary\n\t\t\t\t\t\tonClick={(e: Event) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t!this.disabled && this.toggle().finally()\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tclass={AccordionItemClass.summary}\n\t\t\t\t\t\ttabIndex={this.disabled ? -1 : 0}\n\t\t\t\t\t\taria-expanded={booleanString(this.open)}\n\t\t\t\t\t\t{...this.inheritedAttributes}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.h.hasSlot('icon') &&\n\t\t\t\t\t\t\t<span class={AccordionItemClass.icon}>\n\t\t\t\t\t\t\t\t<slot name=\"icon\"/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t<span class={AccordionItemClass.title}>\n\t\t\t\t\t\t\t<slot name=\"label\"/>\n\t\t\t\t\t\t\t<slot name=\"annotation\"/>\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<span class={AccordionItemClass.right}>\n\t\t\t\t\t\t\t<slot name=\"suffix\"/>\n\t\t\t\t\t\t\t<span class={AccordionItemClass.arrow}>\n\t\t\t\t\t\t\t\t<slot name=\"toggle-icon\">\n\t\t\t\t\t\t\t\t\t<gov-icon name=\"chevron-down\" type=\"components\"></gov-icon>\n\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</summary>\n\t\t\t\t\t<div class={AccordionItemClass.content}>\n\t\t\t\t\t\t<slot/>\n\t\t\t\t\t</div>\n\t\t\t\t</details>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/\n\t Accordion switch\n\t /\n\t@Method()\n\tasync toggle(): Promise<void> {\n\t\tthis.open = !this.open\n\t\tthis.govChange.emit({\n\t\t\topen: this.open,\n\t\t\tcomponent: AccordionItemClass.root,\n\t\t\tref: this.host,\n\t\t})\n\t}\n\n\t/\n\t Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.open\n\t}\n}\n"],"mappings":"0TAaaA,EAAgBC,EAAA,MAAAD,UAAAE,EAI5B,WAAAC,G,oEAFQC,KAAAC,oBAAkC,G,qFAoBL,M,UAIY,MArBhDD,KAAKE,EAAIC,EAAQH,KAAKI,K,CA4BvB,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAmBC,K,CAG3D,iBAAAC,GACCX,KAAKK,aAAaL,KAAKY,MACvBZ,KAAKC,oBAAsBY,EAAsBb,KAAKI,K,CAGvD,kBAAAU,GACCC,GAAK,IAAMf,KAAKgB,uB,CAGT,mBAAAA,GACP,MAAMC,EAAYjB,KAAKE,EAAEgB,UAAUC,EAAeT,MAClD,GAAIO,EAAW,CACdjB,KAAKY,KAAOK,EAAUG,aAAa,O,EAIrC,MAAAC,GACC,OACCnB,EAACoB,EAAI,CAAAC,IAAA,2CAACC,MAAOxB,KAAKE,EAAEuB,QAAQ,CAAChB,EAAmBC,KAC/CV,KAAK0B,UAAYjB,EAAmBiB,WAClCd,KAAMZ,KAAKY,KACXe,KAAK,YACPzB,EAAA,WAAAqB,IAAA,2CACCC,MAAOf,EAAmBmB,QAC1BC,GAAI7B,KAAK8B,WAAU,gBACJC,EAAoB/B,KAAK0B,UACxCM,KAAMhC,KAAKgC,MAEX9B,EAAA,UAAA+B,OAAAC,OAAA,CAAAX,IAAA,2CACCY,QAAUC,IACTA,EAAEC,kBACFD,EAAEE,kBACDtC,KAAK0B,UAAY1B,KAAKuC,SAASC,SAAS,EAE1ChB,MAAOf,EAAmBgC,QAC1BC,SAAU1C,KAAK0B,UAAY,EAAI,EAAC,gBACjBiB,EAAc3C,KAAKgC,OAC9BhC,KAAKC,qBAERD,KAAKE,EAAE0C,QAAQ,SACf1C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBoC,MAC/B3C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,UAIb5C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBsC,OAC/B7C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,UACX5C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,gBAGZ5C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBuC,OAC/B9C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,WACX5C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBwC,OAC/B/C,EAAA,QAAAqB,IAAA,2CAAMuB,KAAK,eACV5C,EAAA,YAAAqB,IAAA,2CAAUuB,KAAK,eAAeI,KAAK,mBAKvChD,EAAA,OAAAqB,IAAA,2CAAKC,MAAOf,EAAmB0C,SAC9BjD,EAAA,QAAAqB,IAAA,+C,CAWL,YAAMgB,GACLvC,KAAKgC,MAAQhC,KAAKgC,KAClBhC,KAAKoD,UAAUC,KAAK,CACnBrB,KAAMhC,KAAKgC,KACXsB,UAAW7C,EAAmBC,KAC9B6C,IAAKvD,KAAKI,M,CAQZ,kBAAMoD,GACL,OAAOxD,KAAKgC,I","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{p as s,H as t,c as e,h as o,d as i}from"./p-42200001.js";import{v as a}from"./p-19c681a3.js";import{A as c,a as n,b as r}from"./p-d4509899.js";import{g as d}from"./p-0075138f.js";const h=s(class s extends t{constructor(){super();this.__registerHost();this.govChange=e(this,"gov-change",7);this.hydrated=false;this.size="m";this.noBorder=false;this.h=d(this.host)}validateSize(s){a(n,s,c.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((s=>{s.addEventListener("gov-change",(s=>{s.stopPropagation();this.govChange.emit({component:c.root,open:s.detail.open,ref:s.detail.ref})}))}))}connectedCallback(){this.hydrated=true}render(){return o(i,{key:"98666441f80fcb633f05142c4a695e2478af5383",hydrated:this.hydrated,class:this.h.classes(c.root),size:this.size,role:"list"},o("slot",{key:"db7aa61e809f901019dcb301aa529cdc9bc7530e"}))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-accordion",{size:[1],noBorder:[4,"no-border"]},undefined,{size:["validateSize"]}]);function f(){if(typeof customElements==="undefined"){return}const s=["gov-accordion"];s.forEach((s=>{switch(s){case"gov-accordion":if(!customElements.get(s)){customElements.define(s,h)}break}}))}f();const m=h;const l=f;export{m as GovAccordion,l as defineCustomElement};
+import{p as e,H as s,c as t,h as o,d as i}from"./p-42200001.js";import{v as a}from"./p-a2435993.js";import{A as c,a as n,b as r}from"./p-d4509899.js";import{g as d}from"./p-ea7fdd2e.js";const h=e(class e extends s{constructor(){super();this.__registerHost();this.govChange=t(this,"gov-change",7);this.hydrated=false;this.size="m";this.noBorder=false;this.h=d(this.host)}validateSize(e){a(n,e,c.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((e=>{e.addEventListener("gov-change",(e=>{e.stopPropagation();this.govChange.emit({component:c.root,open:e.detail.open,ref:e.detail.ref})}))}))}connectedCallback(){this.hydrated=true}render(){return o(i,{key:"98666441f80fcb633f05142c4a695e2478af5383",hydrated:this.hydrated,class:this.h.classes(c.root),size:this.size,role:"list"},o("slot",{key:"db7aa61e809f901019dcb301aa529cdc9bc7530e"}))}get host(){return this}static get watchers(){return{size:["validateSize"]}}},[4,"gov-accordion",{size:[1],noBorder:[4,"no-border"]},undefined,{size:["validateSize"]}]);function f(){if(typeof customElements==="undefined"){return}const e=["gov-accordion"];e.forEach((e=>{switch(e){case"gov-accordion":if(!customElements.get(e)){customElements.define(e,h)}break}}))}f();const m=h;const l=f;export{m as GovAccordion,l as defineCustomElement};
 //# sourceMappingURL=gov-accordion.js.map

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

@@ -1,2 +1,2 @@
-import{G as o,d as s}from"./p-820b66c0.js";const t=o;const c=s;export{t as GovAttachmentsItem,c as defineCustomElement};
+import{G as o,d as s}from"./p-859a4f0d.js";const t=o;const a=s;export{t as GovAttachmentsItem,a as defineCustomElement};
 //# sourceMappingURL=gov-attachments-item.js.map

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

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

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

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