@gov-design-system-ce/components 4.2.6 → 4.2.7

package/dist/collection/pages/Tag.js

@@ -7,16 +7,21 @@ class TagPage extends HTMLElement {
                 <gov-tag color="primary" size="xs" type="bold">
                     Tag
                 </gov-tag>
-                <gov-tag color="primary" size="xs" type="bold" icon-start="components/star-fill">
+                <gov-tag color="primary" size="xs" type="bold">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Tag
                 </gov-tag>
-                <gov-tag color="primary" size="xs" type="bold" icon-end="components/star-fill">
+                <gov-tag color="primary" size="xs" type="bold">
                     Tag
+                    <gov-icon slot="icon-end" type="components" name="star-fill"></gov-icon>
                 </gov-tag>
-                <gov-tag color="primary" size="xs" type="bold" icon-start="components/star-fill" icon-end="components/star-fill">
+                <gov-tag color="primary" size="xs" type="bold">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Tag
+                    <gov-icon slot="icon-end" type="components" name="star-fill"></gov-icon>
                 </gov-tag>
-                <gov-tag color="primary" size="s" type="bold" icon-start="components/star-fill">
+                <gov-tag color="primary" size="s" type="bold">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small Primary
                 </gov-tag>
                 <gov-tag color="primary" size="m" type="bold">
@@ -26,7 +31,6 @@ class TagPage extends HTMLElement {
                 </gov-tag>
                 <br><br>
                 <gov-tag color="primary" size="xs" type="bold" expanded>
-                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Expanded
                     <gov-icon slot="icon-end" type="components" name="star-fill"></gov-icon>
                 </gov-tag>
@@ -40,7 +44,6 @@ class TagPage extends HTMLElement {
                 <gov-tag color="primary" size="m" type="bold" expanded>
                 	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Expanded
-                    <gov-icon slot="icon-end" type="components" name="star-fill"></gov-icon>
                 </gov-tag>
 
             </div>
@@ -49,10 +52,12 @@ class TagPage extends HTMLElement {
                 <gov-tag color="primary" size="xs" type="subtle">
                     Tag
                 </gov-tag>
-                <gov-tag color="primary" size="s" type="subtle" icon-start="components/star-fill">
+                <gov-tag color="primary" size="s" type="subtle">
+					<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small Primary
                 </gov-tag>
-                <gov-tag color="primary" size="m" type="subtle" icon-start="components/star-fill">
+                <gov-tag color="primary" size="m" type="subtle">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Normal Primary
                 </gov-tag>
             </div>
@@ -63,10 +68,12 @@ class TagPage extends HTMLElement {
                 <gov-tag color="secondary" type="bold" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="secondary" type="bold" size="s" icon-start="components/star-fill">
+                <gov-tag color="secondary" type="bold" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small secondary
                 </gov-tag>
-                <gov-tag color="secondary" type="bold" size="m" icon-start="components/star-fill">
+                <gov-tag color="secondary" type="bold" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Normal secondary
                 </gov-tag>
             </div>
@@ -75,10 +82,42 @@ class TagPage extends HTMLElement {
                 <gov-tag color="secondary" type="subtle" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="secondary" type="subtle" size="s" icon-start="components/star-fill">
+                <gov-tag color="secondary" type="subtle" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small Primary
                 </gov-tag>
-                <gov-tag color="secondary" type="subtle" size="m" icon-start="components/star-fill">
+                <gov-tag color="secondary" type="subtle" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
+                    Normal Primary
+                </gov-tag>
+            </div>
+            <br>
+
+            <h4>Neutral - bold</h4>
+            <div class="container-view">
+                <gov-tag color="neutral" type="bold" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="neutral" type="bold" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
+                    Small secondary
+                </gov-tag>
+                <gov-tag color="neutral" type="bold" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
+                    Normal secondary
+                </gov-tag>
+            </div>
+            <h4>Neutral - subtle</h4>
+            <div class="container-view">
+                <gov-tag color="neutral" type="subtle" size="xs">
+                    Tag
+                </gov-tag>
+                <gov-tag color="neutral" type="subtle" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
+                    Small Primary
+                </gov-tag>
+                <gov-tag color="neutral" type="subtle" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Normal Primary
                 </gov-tag>
             </div>
@@ -89,10 +128,12 @@ class TagPage extends HTMLElement {
                 <gov-tag color="success" type="bold" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="success" type="bold" size="s" icon-start="components/star-fill">
+                <gov-tag color="success" type="bold" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small success
                 </gov-tag>
-                <gov-tag color="success" type="bold" size="m" icon-start="components/star-fill">
+                <gov-tag color="success" type="bold" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Normal success
                 </gov-tag>
             </div>
@@ -101,10 +142,12 @@ class TagPage extends HTMLElement {
                 <gov-tag color="success" type="subtle" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="success" type="subtle" size="s" icon-start="components/star-fill">
+                <gov-tag color="success" type="subtle" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small Primary
                 </gov-tag>
-                <gov-tag color="success" type="subtle" size="m" icon-start="components/star-fill">
+                <gov-tag color="success" type="subtle" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Normal Primary
                 </gov-tag>
             </div>
@@ -115,10 +158,12 @@ class TagPage extends HTMLElement {
                 <gov-tag color="warning" type="bold" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="warning" type="bold" size="s" icon-start="components/star-fill">
+                <gov-tag color="warning" type="bold" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small warning
                 </gov-tag>
-                <gov-tag color="warning" type="bold" size="m" icon-start="components/star-fill">
+                <gov-tag color="warning" type="bold" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Normal warning
                 </gov-tag>
             </div>
@@ -127,10 +172,12 @@ class TagPage extends HTMLElement {
                 <gov-tag color="warning" type="subtle" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="warning" type="subtle" size="s" icon-start="components/star-fill">
+                <gov-tag color="warning" type="subtle" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small Primary
                 </gov-tag>
-                <gov-tag color="warning" type="subtle" size="m" icon-start="components/star-fill">
+                <gov-tag color="warning" type="subtle" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Normal Primary
                 </gov-tag>
             </div>
@@ -141,10 +188,12 @@ class TagPage extends HTMLElement {
                 <gov-tag color="error" type="bold" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="error" type="bold" size="s" icon-start="components/star-fill">
+                <gov-tag color="error" type="bold" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small error
                 </gov-tag>
-                <gov-tag color="error" type="bold" size="m" icon-start="components/star-fill">
+                <gov-tag color="error" type="bold" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Normal error
                 </gov-tag>
             </div>
@@ -153,10 +202,12 @@ class TagPage extends HTMLElement {
                 <gov-tag color="error" type="subtle" size="xs">
                     Tag
                 </gov-tag>
-                <gov-tag color="error" type="subtle" size="s" icon-start="components/star-fill">
+                <gov-tag color="error" type="subtle" size="s">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Small Primary
                 </gov-tag>
-                <gov-tag color="error" type="subtle" size="m" icon-start="components/star-fill">
+                <gov-tag color="error" type="subtle" size="m">
+                	<gov-icon slot="icon-start" type="components" name="star-fill"></gov-icon>
                     Normal Primary
                 </gov-tag>
             </div>

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

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

package/dist/collection/pages/UserNavigation.js

@@ -0,0 +1,134 @@
+const userData = () => [
+    {
+        name: 'ProMedia s.r.o.',
+        subject: 'PO, IČO: 56286143',
+        icon: { name: 'briefcase', type: 'components' },
+        unread: '3',
+        active: true
+    },
+    {
+        name: 'Company a.s.',
+        subject: 'PFO, IČO: 66286189',
+        icon: { name: 'house-door-fill', type: 'components' },
+        href: '#',
+        unread: '99+',
+        active: false
+    },
+    {
+        name: 'Long Company Name spol. s r. o.',
+        subject: 'PO, IČO: 15286177',
+        icon: { name: 'briefcase', type: 'components' },
+        unread: '',
+        active: false
+    },
+    {
+        name: 'ProMedia s.r.o.',
+        subject: 'PO, IČO: 56286143',
+        icon: { name: 'briefcase', type: 'components' },
+        unread: '3',
+        active: false
+    },
+    {
+        name: 'Company a.s.',
+        subject: 'PFO, IČO: 66286189',
+        icon: { name: 'house-door-fill', type: 'components' },
+        href: '#',
+        unread: '99+',
+        active: false
+    }
+];
+class UserNavigationPage extends HTMLElement {
+    connectedCallback() {
+        const data = JSON.stringify(userData());
+        setTimeout(() => {
+            const navigation = document.getElementById('navigation');
+            if (navigation) {
+                navigation.addEventListener('gov-select', (e) => {
+                    console.log(e);
+                });
+            }
+        }, 1000);
+        this.innerHTML = `
+		<div style="width: 200px;">
+			<gov-user-navigation data='${data}' id="navigation">
+				<hr />
+				<ul>
+					<li>
+						<gov-button color="neutral" type="base" size="m">
+							Menu item
+						</gov-button>
+					</li>
+					<li>
+						<gov-button color="neutral" type="base" size="m">
+							Menu item
+						</gov-button>
+					</li>
+					<li>
+						<gov-button color="neutral" type="base" size="m">
+							Menu item
+						</gov-button>
+					</li>
+				</ul>
+			</gov-user-navigation>
+			<br />
+			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "icon": {"name": "briefcase", "type": "components"}, "active": true}]'>
+				<hr />
+				<ul>
+					<li>
+						<gov-button color="neutral" type="base" size="m">
+							Menu item
+						</gov-button>
+					</li>
+					<li>
+						<gov-button color="neutral" type="base" size="m">
+							Menu item
+						</gov-button>
+					</li>
+				</ul>
+			</gov-user-navigation>
+			<br />
+			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "subject": "PO, IČO: 56286143", "avatarUrl": "./assets/banner/image-square.jpg", "unread": "1", "active": true}]'>
+				<hr />
+				<ul>
+					<li>
+						<gov-button color="neutral" type="base" size="m">
+							Menu item
+						</gov-button>
+					</li>
+					<li>
+						<gov-button color="neutral" type="base" size="m">
+							Menu item
+						</gov-button>
+					</li>
+				</ul>
+			</gov-user-navigation>
+			<br />
+			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "avatarUrl": "./assets/banner/image-square.jpg", "active": true}]'>
+				<hr />
+				<ul>
+					<li>
+						<gov-button color="neutral" type="base" size="m">
+							Menu item
+						</gov-button>
+					</li>
+					<li>
+						<gov-button color="neutral" type="base" size="m">
+							Menu item
+						</gov-button>
+					</li>
+				</ul>
+			</gov-user-navigation>
+			<br />
+			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "subject": "PO, IČO: 56286143", "unread": "99+", "active": true}]' position="right">
+			</gov-user-navigation>
+			<br />
+			<gov-user-navigation data='[{"name": "ProMedia s.r.o.", "active": true}, {"name": "Company a.s."}]' position="right">
+			</gov-user-navigation>
+		</div>
+		`;
+    }
+}
+if (customElements.get('user-navigation-page') === undefined) {
+    customElements.define('user-navigation-page', UserNavigationPage);
+}
+//# sourceMappingURL=UserNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserNavigation.js","sourceRoot":"","sources":["../../../../../src/pages/UserNavigation.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC;IACtB;QACC,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE,mBAAmB;QAC5B,IAAI,EAAE,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAC;QAC7C,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,IAAI;KACZ;IACD;QACC,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,oBAAoB;QAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAC;QACnD,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,KAAK;KACb;IACD;QACC,IAAI,EAAE,iCAAiC;QACvC,OAAO,EAAE,mBAAmB;QAC5B,IAAI,EAAE,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAC;QAC7C,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,KAAK;KACb;IACD;QACC,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE,mBAAmB;QAC5B,IAAI,EAAE,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAC;QAC7C,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,KAAK;KACb;IACD;QACC,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,oBAAoB;QAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAC;QACnD,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,KAAK;KACb;CACD,CAAA;AAED,MAAM,kBAAmB,SAAQ,WAAW;IAC3C,iBAAiB;QAChB,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAA;QAEvC,UAAU,CAAC,GAAG,EAAE;YACf,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YACzD,IAAI,UAAU,EAAE,CAAC;gBAChB,UAAU,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;oBAC/C,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBAChB,CAAC,CAAC,CAAA;YACH,CAAC;QACF,CAAC,EAAE,IAAI,CAAC,CAAA;QAER,IAAI,CAAC,SAAS,GAAG;;gCAEa,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EjC,CAAA;IACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,sBAAsB,CAAC,KAAK,SAAS,EAAE,CAAC;IAC9D,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,kBAAkB,CAAC,CAAA;AAClE,CAAC","sourcesContent":["const userData = () => [\n\t{\n\t\tname: 'ProMedia s.r.o.',\n\t\tsubject: 'PO, IČO: 56286143',\n\t\ticon: {name: 'briefcase', type: 'components'},\n\t\tunread: '3',\n\t\tactive: true\n\t},\n\t{\n\t\tname: 'Company a.s.',\n\t\tsubject: 'PFO, IČO: 66286189',\n\t\ticon: {name: 'house-door-fill', type: 'components'},\n\t\thref: '#',\n\t\tunread: '99+',\n\t\tactive: false\n\t},\n\t{\n\t\tname: 'Long Company Name spol. s r. o.',\n\t\tsubject: 'PO, IČO: 15286177',\n\t\ticon: {name: 'briefcase', type: 'components'},\n\t\tunread: '',\n\t\tactive: false\n\t},\n\t{\n\t\tname: 'ProMedia s.r.o.',\n\t\tsubject: 'PO, IČO: 56286143',\n\t\ticon: {name: 'briefcase', type: 'components'},\n\t\tunread: '3',\n\t\tactive: false\n\t},\n\t{\n\t\tname: 'Company a.s.',\n\t\tsubject: 'PFO, IČO: 66286189',\n\t\ticon: {name: 'house-door-fill', type: 'components'},\n\t\thref: '#',\n\t\tunread: '99+',\n\t\tactive: false\n\t}\n]\n\nclass UserNavigationPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tconst data = JSON.stringify(userData())\n\n\t\tsetTimeout(() => {\n\t\t\tconst navigation = document.getElementById('navigation');\n\t\t\tif (navigation) {\n\t\t\t\tnavigation.addEventListener('gov-select', (e) => {\n\t\t\t\t\tconsole.log(e);\n\t\t\t\t})\n\t\t\t}\n\t\t}, 1000)\n\n\t\tthis.innerHTML = `\n\t\t<div style=\"width: 200px;\">\n\t\t\t<gov-user-navigation data='${data}' id=\"navigation\">\n\t\t\t\t<hr />\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"icon\": {\"name\": \"briefcase\", \"type\": \"components\"}, \"active\": true}]'>\n\t\t\t\t<hr />\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"subject\": \"PO, IČO: 56286143\", \"avatarUrl\": \"./assets/banner/image-square.jpg\", \"unread\": \"1\", \"active\": true}]'>\n\t\t\t\t<hr />\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"avatarUrl\": \"./assets/banner/image-square.jpg\", \"active\": true}]'>\n\t\t\t\t<hr />\n\t\t\t\t<ul>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button color=\"neutral\" type=\"base\" size=\"m\">\n\t\t\t\t\t\t\tMenu item\n\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"subject\": \"PO, IČO: 56286143\", \"unread\": \"99+\", \"active\": true}]' position=\"right\">\n\t\t\t</gov-user-navigation>\n\t\t\t<br />\n\t\t\t<gov-user-navigation data='[{\"name\": \"ProMedia s.r.o.\", \"active\": true}, {\"name\": \"Company a.s.\"}]' position=\"right\">\n\t\t\t</gov-user-navigation>\n\t\t</div>\n\t\t`\n\t}\n}\n\nif (customElements.get('user-navigation-page') === undefined) {\n\tcustomElements.define('user-navigation-page', UserNavigationPage)\n}\n"]}

package/dist/collection/utils/dom.utils.js

@@ -0,0 +1,6 @@
+export function getFocusableElements(container) {
+    if (!container)
+        return [];
+    return Array.from(container.querySelectorAll('a[href], button:not([disabled]), textarea, input:not([type="hidden"]), select, [tabindex]:not([tabindex="-1"])'));
+}
+//# sourceMappingURL=dom.utils.js.map

package/dist/collection/utils/dom.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.utils.js","sourceRoot":"","sources":["../../../../../src/utils/dom.utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,oBAAoB,CAAC,SAAsB;IAC1D,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,OAAO,KAAK,CAAC,IAAI,CAChB,SAAS,CAAC,gBAAgB,CACzB,gHAAgH,CAChH,CACD,CAAC;AACH,CAAC","sourcesContent":["export function getFocusableElements(container: HTMLElement) {\n\tif (!container) return [];\n\treturn Array.from(\n\t\tcontainer.querySelectorAll(\n\t\t\t'a[href], button:not([disabled]), textarea, input:not([type=\"hidden\"]), select, [tabindex]:not([tabindex=\"-1\"])'\n\t\t)\n\t);\n}\n"]}

package/dist/collection/utils/object.utils.js

@@ -15,4 +15,16 @@ export const parseJSONString = (value) => {
     }
     return null;
 };
+export const propsValueToObject = (value) => {
+    if (isString(value)) {
+        const parsed = parseJSONString(value);
+        if (parsed && isObject(parsed)) {
+            return parsed;
+        }
+    }
+    else if (isObject(value) && Object.keys(value).length) {
+        return value;
+    }
+    return null;
+};
 //# sourceMappingURL=object.utils.js.map

package/dist/collection/utils/object.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"object.utils.js","sourceRoot":"","sources":["../../../../../src/utils/object.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAc,EAAsB,EAAE;IACrE,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACrC,IAAI,CAAC;YACJ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC/C,OAAO,MAAM,CAAC;YACf,CAAC;QACF,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACZ,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACf,OAAO,IAAI,CAAA;QACZ,CAAC;IACF,CAAC;IACD,OAAO,IAAI,CAAA;AACZ,CAAC,CAAA","sourcesContent":["import {isObject, isString} from \"./helpers.types\";\n\nexport const parseJSONString = (value: unknown): object | [] | null => {\n\tif (isString(value) && value.length) {\n\t\ttry {\n\t\t\tconsole.log(value);\n\t\t\tconst parsed = JSON.parse(value);\n\t\t\tif (Array.isArray(parsed) || isObject(parsed)) {\n\t\t\t\treturn parsed;\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t\treturn null\n\t\t}\n\t}\n\treturn null\n}\n"]}
+{"version":3,"file":"object.utils.js","sourceRoot":"","sources":["../../../../../src/utils/object.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAc,EAAsB,EAAE;IACrE,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACrC,IAAI,CAAC;YACJ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACnB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC/C,OAAO,MAAM,CAAC;YACf,CAAC;QACF,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACZ,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACf,OAAO,IAAI,CAAA;QACZ,CAAC;IACF,CAAC;IACD,OAAO,IAAI,CAAA;AACZ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAI,KAAc,EAAK,EAAE;IAC1D,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;QACrC,IAAI,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAChC,OAAO,MAAW,CAAC;QACpB,CAAC;IACF,CAAC;SAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;QACzD,OAAO,KAAU,CAAC;IACnB,CAAC;IACD,OAAO,IAAI,CAAC;AACb,CAAC,CAAA","sourcesContent":["import {isObject, isString} from \"./helpers.types\";\n\nexport const parseJSONString = (value: unknown): object | [] | null => {\n\tif (isString(value) && value.length) {\n\t\ttry {\n\t\t\tconsole.log(value);\n\t\t\tconst parsed = JSON.parse(value);\n\t\t\tif (Array.isArray(parsed) || isObject(parsed)) {\n\t\t\t\treturn parsed;\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t\treturn null\n\t\t}\n\t}\n\treturn null\n}\n\nexport const propsValueToObject = <T>(value: unknown): T => {\n\tif (isString(value)) {\n\t\tconst parsed = parseJSONString(value)\n\t\tif (parsed && isObject(parsed)) {\n\t\t\treturn parsed as T;\n\t\t}\n\t} else if (isObject(value) && Object.keys(value).length) {\n\t\treturn value as T;\n\t}\n\treturn null;\n}\n"]}

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

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

package/dist/components/gov-accordion-item.js.map

@@ -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","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":[]}
+{"version":3,"names":["GovAccordionItem","__stencil_proxyCustomElement","HTMLElement","constructor","this","inheritedAttributes","disabled","open","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionItemClass","root","componentWillLoad","size","inheritAriaAttributes","componentDidRender","tick","getPropsFromParents","accordion","getParent","AccordionClass","getAttribute","render","Host","key","class","classes","role","details","id","identifier","toBoolAttrIfDefined","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":"qTAaaA,EAAgBC,EAAA,MAAAD,UAAAE,EAI5B,WAAAC,G,kEAFQC,KAAmBC,oBAAe,GAoBzBD,KAAQE,SAAY,MAIKF,KAAIG,KAAG,MArBhDH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CA2BD,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAmBC,K,CAG3D,iBAAAC,GACCb,KAAKO,aAAaP,KAAKc,MACvBd,KAAKC,oBAAsBc,EAAsBf,KAAKM,K,CAGvD,kBAAAU,GACCC,GAAK,IAAMjB,KAAKkB,uB,CAGT,mBAAAA,GACP,MAAMC,EAAYnB,KAAKI,EAAEgB,UAAUC,EAAeT,MAClD,GAAIO,EAAW,CACdnB,KAAKc,KAAOK,EAAUG,aAAa,O,EAIrC,MAAAC,GACC,OACCnB,EAACoB,EAAI,CAAAC,IAAA,2CAACC,MAAO1B,KAAKI,EAAEuB,QAAQ,CAAChB,EAAmBC,KAC/CZ,KAAKE,UAAYS,EAAmBT,WAClCY,KAAMd,KAAKc,KACXc,KAAK,YACPxB,EACC,WAAAqB,IAAA,2CAAAC,MAAOf,EAAmBkB,QAC1BC,GAAI9B,KAAK+B,WAAU,gBACJC,EAAoBhC,KAAKE,UACxCC,KAAMH,KAAKG,MAEXC,EAAA,UAAA6B,OAAAC,OAAA,CAAAT,IAAA,2CACCU,QAAUC,IACTA,EAAEC,kBACFD,EAAEE,kBACDtC,KAAKE,UAAYF,KAAKuC,SAASC,SAAS,EAE1Cd,MAAOf,EAAmB8B,QAC1BC,SAAU1C,KAAKE,UAAW,EAAK,EAAC,gBACjByC,EAAc3C,KAAKG,OAC9BH,KAAKC,qBAERD,KAAKI,EAAEwC,QAAQ,SACfxC,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBkC,MAC/BzC,EAAA,QAAAqB,IAAA,2CAAMqB,KAAK,UAIb1C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBoC,OAC/B3C,EAAM,QAAAqB,IAAA,2CAAAqB,KAAK,UACX1C,EAAA,QAAAqB,IAAA,2CAAMqB,KAAK,gBAGZ1C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBqC,OAC/B5C,EAAM,QAAAqB,IAAA,2CAAAqB,KAAK,WACX1C,EAAA,QAAAqB,IAAA,2CAAMC,MAAOf,EAAmBsC,OAC/B7C,EAAM,QAAAqB,IAAA,2CAAAqB,KAAK,eACV1C,EAAU,YAAAqB,IAAA,2CAAAqB,KAAK,eAAeI,KAAK,mBAKvC9C,EAAA,OAAAqB,IAAA,2CAAKC,MAAOf,EAAmBwC,SAC9B/C,EAAA,QAAAqB,IAAA,+C,CAWL,YAAMc,GACLvC,KAAKG,MAAQH,KAAKG,KAClBH,KAAKoD,UAAUC,KAAK,CACnBlD,KAAMH,KAAKG,KACXmD,UAAW3C,EAAmBC,KAC9B2C,IAAKvD,KAAKM,M,CAQZ,kBAAMkD,GACL,OAAOxD,KAAKG,I","ignoreList":[]}

package/dist/components/gov-accordion.js

@@ -1,2 +1,2 @@
-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-0b3574c2.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};
+import{p as t,H as s,c as e,h as o,a as i}from"./index.js";import{v as a}from"./p-BKP-F1qP.js";import{A as c,a as n,b as r}from"./p-4i8qDRtu.js";import{g as d}from"./p-DfJDyRCE.js";const h=t(class t extends s{constructor(){super();this.__registerHost();this.govChange=e(this,"gov-change");this.hydrated=false;this.size="m";this.noBorder=false;this.h=d(this.host)}validateSize(t){a(n,t,c.root)}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.host.querySelectorAll(r.root).forEach((t=>{t.addEventListener("gov-change",(t=>{t.stopPropagation();this.govChange.emit({component:c.root,open:t.detail.open,ref:t.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 t=["gov-accordion"];t.forEach((t=>{switch(t){case"gov-accordion":if(!customElements.get(t)){customElements.define(t,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-accordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["GovAccordion","proxyCustomElement","H","constructor","this","hydrated","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionClass","root","componentWillLoad","size","componentDidLoad","querySelectorAll","AccordionItemClass","forEach","child","addEventListener","e","stopPropagation","govChange","emit","component","open","detail","ref","connectedCallback","render","Host","key","class","classes","role"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from '@stencil/core'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType} from './constants'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {AccordionEvent, AccordionItemEvent} from \"./gov-accordion.types\"\n\n@Component({\n\ttag: 'gov-accordion',\n})\nexport class GovAccordion {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionElement\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType = 'm'\n\t/**\n\t * Accordion item underline\n\t */\n\t@Prop({attribute: 'no-border'}) readonly noBorder: boolean = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<AccordionEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(AccordionItemClass.root).forEach((child: HTMLGovAccordionItemElement) => {\n\t\t\tchild.addEventListener('gov-change', (e: CustomEvent<AccordionItemEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: AccordionClass.root,\n\t\t\t\t\topen: e.detail.open,\n\t\t\t\t\tref: e.detail.ref\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\thydrated={this.hydrated}\n\t\t\t\tclass={this.h.classes(AccordionClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\trole={'list'}>\n\t\t\t\t<slot/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"gMAUaA,EAAYC,EAAA,MAAAD,UAAAE,EAIxB,WAAAC,G,oEAFQC,KAAAC,SAAW,M,UAUyB,I,cAIiB,MAX5DD,KAAKE,EAAIC,EAAQH,KAAKI,K,CAkBvB,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAeC,K,CAGvD,iBAAAC,GACCX,KAAKK,aAAaL,KAAKY,K,CAGxB,gBAAAC,GACCb,KAAKI,KAAKU,iBAAiBC,EAAmBL,MAAMM,SAASC,IAC5DA,EAAMC,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFpB,KAAKqB,UAAUC,KAAK,CACnBC,UAAWd,EAAeC,KAC1Bc,KAAML,EAAEM,OAAOD,KACfE,IAAKP,EAAEM,OAAOC,KACb,GACD,G,CAIJ,iBAAAC,GACC3B,KAAKC,SAAW,I,CAGjB,MAAA2B,GACC,OACC1B,EAAC2B,EAAI,CAAAC,IAAA,2CACJ7B,SAAUD,KAAKC,SACf8B,MAAO/B,KAAKE,EAAE8B,QAAQvB,EAAeC,MACrCE,KAAMZ,KAAKY,KACXqB,KAAM,QACN/B,EAAA,QAAA4B,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["GovAccordion","__stencil_proxyCustomElement","HTMLElement","constructor","this","hydrated","size","noBorder","h","govHost","host","validateSize","newValue","validateProp","AccordionSizes","AccordionClass","root","componentWillLoad","componentDidLoad","querySelectorAll","AccordionItemClass","forEach","child","addEventListener","e","stopPropagation","govChange","emit","component","open","detail","ref","connectedCallback","render","Host","key","class","classes","role"],"sources":["../../../packages/core/src/components/gov-accordion/gov-accordion.tsx"],"sourcesContent":["import {Component, Element, Event, EventEmitter, h, Host, Prop, Watch} from '@stencil/core'\nimport {validateProp} from '../../helpers/Validate/props'\nimport {AccordionClass, AccordionItemClass, AccordionSizes, AccordionSizeType} from './constants'\nimport {govHost} from '../../helpers/Dom/template'\nimport {GovHost} from '../../helpers/Dom/template.types'\nimport {AccordionEvent, AccordionItemEvent} from \"./gov-accordion.types\"\n\n@Component({\n\ttag: 'gov-accordion',\n})\nexport class GovAccordion {\n\tprivate h: GovHost\n\tprivate hydrated = false\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() readonly host: HTMLGovAccordionElement\n\t/**\n\t * Accordion’s size.\n\t */\n\t@Prop() readonly size?: AccordionSizeType = 'm'\n\t/**\n\t * Accordion item underline\n\t */\n\t@Prop({attribute: 'no-border'}) readonly noBorder: boolean = false\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({eventName: 'gov-change'}) govChange: EventEmitter<AccordionEvent>\n\n\t@Watch('size')\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(AccordionSizes, newValue, AccordionClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateSize(this.size)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.host.querySelectorAll(AccordionItemClass.root).forEach((child: HTMLGovAccordionItemElement) => {\n\t\t\tchild.addEventListener('gov-change', (e: CustomEvent<AccordionItemEvent>) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.govChange.emit({\n\t\t\t\t\tcomponent: AccordionClass.root,\n\t\t\t\t\topen: e.detail.open,\n\t\t\t\t\tref: e.detail.ref\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\t}\n\n\tconnectedCallback() {\n\t\tthis.hydrated = true\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\thydrated={this.hydrated}\n\t\t\t\tclass={this.h.classes(AccordionClass.root)}\n\t\t\t\tsize={this.size}\n\t\t\t\trole={'list'}>\n\t\t\t\t<slot/>\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"],"mappings":"2LAUaA,EAAYC,EAAA,MAAAD,UAAAE,EAIxB,WAAAC,G,kEAFQC,KAAQC,SAAG,MAUFD,KAAIE,KAAuB,IAIHF,KAAQG,SAAY,MAX5DH,KAAKI,EAAIC,EAAQL,KAAKM,KACtB,CAiBD,YAAAC,CAAaC,GACZC,EAAaC,EAAgBF,EAAUG,EAAeC,K,CAGvD,iBAAAC,GACCb,KAAKO,aAAaP,KAAKE,K,CAGxB,gBAAAY,GACCd,KAAKM,KAAKS,iBAAiBC,EAAmBJ,MAAMK,SAASC,IAC5DA,EAAMC,iBAAiB,cAAeC,IACrCA,EAAEC,kBACFrB,KAAKsB,UAAUC,KAAK,CACnBC,UAAWb,EAAeC,KAC1Ba,KAAML,EAAEM,OAAOD,KACfE,IAAKP,EAAEM,OAAOC,KACb,GACD,G,CAIJ,iBAAAC,GACC5B,KAAKC,SAAW,I,CAGjB,MAAA4B,GACC,OACCzB,EAAC0B,EAAI,CAAAC,IAAA,2CACJ9B,SAAUD,KAAKC,SACf+B,MAAOhC,KAAKI,EAAE6B,QAAQtB,EAAeC,MACrCV,KAAMF,KAAKE,KACXgC,KAAM,QACN9B,EAAO,QAAA2B,IAAA,6C","ignoreList":[]}

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

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

package/dist/components/gov-attachments.js

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

package/dist/components/gov-backdrop.js

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

package/dist/components/gov-banner.js

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