@gov-design-system-ce/components 4.0.5 → 4.0.6

package/dist/collection/pages/ControlGroup.js

@@ -0,0 +1,301 @@
+class ControlGroupPage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+		<h2>Control Group</h2>
+
+		<gov-control-group>
+			<gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" size="s"></gov-form-input>
+			<gov-button variant="primary" type="outlined" size="s">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="primary" type="outlined" size="s">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-button variant="primary" type="outlined" size="s">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+			<gov-dropdown position="right">
+				<gov-button variant="primary" size="s">
+					Více
+				</gov-button>
+				<ul slot="list">
+					<li>
+						<gov-button variant="primary" type="base" size="s">
+							A další nabídka
+						</gov-button>
+					</li>
+					<li>
+						<gov-button variant="primary" type="base" size="s">
+							A další nabídka
+						</gov-button>
+					</li>
+					<li>
+						<gov-button variant="primary" type="base" size="s">
+							A další nabídka
+						</gov-button>
+					</li>
+				</ul>
+			</gov-dropdown>
+		</gov-control-group>
+		<br />
+		<gov-control-group variant="primary">
+			<gov-form-select name="test-me" size="m">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="primary" type="solid" size="m">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br />
+		<gov-control-group>
+			<gov-button variant="primary" type="outlined" size="l">
+				<gov-icon slot="left-icon" name="gear"></gov-icon>
+			</gov-button>
+			<gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
+				<gov-button variant="primary" type="outlined" size="l" tabindex="-1">
+					Nahrát soubor ze zařízení
+				</gov-button>
+			</gov-form-file>
+			<gov-button variant="primary" type="outlined" size="l">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br />
+		<gov-control-group variant="primary" no-border>
+		<gov-button variant="primary" type="outlined" size="xl">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="primary" type="outlined" size="xl">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-form-select name="test-me" size="xl">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="primary" type="outlined" size="xl">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br><br>
+
+		<gov-control-group variant="secondary" no-border>
+			<gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="primary" size="s"></gov-form-input>
+			<gov-button variant="primary" type="outlined" size="s">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="primary" type="outlined" size="s">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-button variant="primary" type="outlined" size="s">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br />
+		<gov-control-group variant="secondary">
+			<gov-form-select name="test-me" size="m">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="primary" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br />
+		<gov-control-group variant="secondary">
+			<gov-button variant="primary" type="outlined" size="l">
+				<gov-icon slot="left-icon" name="gear"></gov-icon>
+			</gov-button>
+			<gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
+				<gov-button variant="primary" type="outlined" size="l" tabindex="-1">
+					Nahrát soubor ze zařízení
+				</gov-button>
+			</gov-form-file>
+			<gov-button variant="primary" type="outlined" size="l">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br />
+		<gov-control-group variant="secondary">
+		<gov-button variant="primary" type="outlined" size="xl">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="primary" type="outlined" size="xl">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-form-select name="test-me" variant="primary" size="xl">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="primary" type="outlined" size="xl">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br><br>
+
+		<gov-control-group variant="secondary">
+			<gov-form-input type="number" id="kapr" name="test-me" placeholder="Placeholder" variant="secondary" size="s"></gov-form-input>
+			<gov-button variant="secondary" type="outlined" size="s">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="secondary" type="outlined" size="s">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-button variant="secondary" type="outlined" size="s">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br />
+		<gov-control-group variant="secondary" no-border>
+			<gov-form-select name="test-me" size="m">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="secondary" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br />
+		<gov-control-group variant="secondary">
+			<gov-button variant="secondary" type="outlined" size="l">
+				<gov-icon slot="left-icon" name="gear"></gov-icon>
+			</gov-button>
+			<gov-form-file name="test-me-c" accept="image/*" max-file-size="1024">
+				<gov-button variant="secondary" type="outlined" size="l" tabindex="-1">
+					Nahrát soubor ze zařízení
+				</gov-button>
+			</gov-form-file>
+			<gov-button variant="secondary" type="outlined" size="l">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		<br />
+		<gov-control-group variant="secondary">
+		<gov-button variant="secondary" type="outlined" size="xl">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="secondary" type="outlined" size="xl">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-form-select name="test-me" variant="secondary" size="xl">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="secondary" type="outlined" size="xl">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+
+		<br /><br />
+		<gov-control-group variant="primary">
+		<gov-button variant="primary" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="primary" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-form-select name="test-me" variant="primary" size="m">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="primary" type="solid" size="m">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+
+		<br />
+		<gov-control-group variant="secondary">
+		<gov-button variant="secondary" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="secondary" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-form-select name="test-me" variant="secondary" size="m">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="secondary" type="solid" size="m">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+
+		<br />
+		<gov-control-group variant="success">
+		<gov-button variant="success" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="success" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-form-select name="test-me" variant="success" size="m">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="success" type="solid" size="m">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+
+		<br />
+		<gov-control-group variant="warning">
+		<gov-button variant="warning" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="warning" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-form-select name="test-me" variant="warning" size="m">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="warning" type="solid" size="m">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+
+		<br />
+		<gov-control-group variant="error">
+		<gov-button variant="error" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-up"></gov-icon>
+			</gov-button>
+			<gov-button variant="error" type="outlined" size="m">
+				<gov-icon slot="left-icon" name="chevron-down"></gov-icon>
+			</gov-button>
+			<gov-form-select name="test-me" variant="error" size="m">
+				<option value="" selected>Placeholder</option>
+				<option value="b">Value B</option>
+				<option value="c">Value C</option>
+				<option value="d">Value D</option>
+			</gov-form-select>
+			<gov-button variant="error" type="solid" size="m">
+				<gov-icon slot="left-icon" name="x-lg"></gov-icon>
+			</gov-button>
+		</gov-control-group>
+		`;
+  }
+}
+if (customElements.get('control-group-page') === undefined) {
+  customElements.define('control-group-page', ControlGroupPage);
+}
+//# sourceMappingURL=ControlGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlGroup.js","sourceRoot":"","sources":["../../../../../src/pages/ControlGroup.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAiB,SAAQ,WAAW;EACzC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoShB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,SAAS,EAAE;EAC3D,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAA;CAC7D","sourcesContent":["class ControlGroupPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Control Group</h2>\n\n\t\t<gov-control-group>\n\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" size=\"s\"></gov-form-input>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-dropdown position=\"right\">\n\t\t\t\t<gov-button variant=\"primary\" size=\"s\">\n\t\t\t\t\tVíce\n\t\t\t\t</gov-button>\n\t\t\t\t<ul slot=\"list\">\n\t\t\t\t\t<li>\n\t\t\t\t\t\t<gov-button variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\tA další nabídka\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 variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\tA další nabídka\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 variant=\"primary\" type=\"base\" size=\"s\">\n\t\t\t\t\t\t\tA další nabídka\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-dropdown>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"primary\">\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"primary\" no-border>\n\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" size=\"xl\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br><br>\n\n\t\t<gov-control-group variant=\"secondary\" no-border>\n\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"primary\" size=\"s\"></gov-form-input>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"primary\" size=\"xl\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br><br>\n\n\t\t<gov-control-group variant=\"secondary\">\n\t\t\t<gov-form-input type=\"number\" id=\"kapr\" name=\"test-me\" placeholder=\"Placeholder\" variant=\"secondary\" size=\"s\"></gov-form-input>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"s\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\" no-border>\n\t\t\t<gov-form-select name=\"test-me\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"gear\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-file name=\"test-me-c\" accept=\"image/*\" max-file-size=\"1024\">\n\t\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\" tabindex=\"-1\">\n\t\t\t\t\tNahrát soubor ze zařízení\n\t\t\t\t</gov-button>\n\t\t\t</gov-form-file>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"l\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"secondary\" size=\"xl\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"xl\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br /><br />\n\t\t<gov-control-group variant=\"primary\">\n\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"primary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"primary\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"primary\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br />\n\t\t<gov-control-group variant=\"secondary\">\n\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"secondary\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"secondary\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"secondary\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br />\n\t\t<gov-control-group variant=\"success\">\n\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"success\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"success\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"success\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br />\n\t\t<gov-control-group variant=\"warning\">\n\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"warning\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"warning\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"warning\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\n\t\t<br />\n\t\t<gov-control-group variant=\"error\">\n\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-up\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-button variant=\"error\" type=\"outlined\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"chevron-down\"></gov-icon>\n\t\t\t</gov-button>\n\t\t\t<gov-form-select name=\"test-me\" variant=\"error\" size=\"m\">\n\t\t\t\t<option value=\"\" selected>Placeholder</option>\n\t\t\t\t<option value=\"b\">Value B</option>\n\t\t\t\t<option value=\"c\">Value C</option>\n\t\t\t\t<option value=\"d\">Value D</option>\n\t\t\t</gov-form-select>\n\t\t\t<gov-button variant=\"error\" type=\"solid\" size=\"m\">\n\t\t\t\t<gov-icon slot=\"left-icon\" name=\"x-lg\"></gov-icon>\n\t\t\t</gov-button>\n\t\t</gov-control-group>\n\t\t`\n\t}\n}\n\nif (customElements.get('control-group-page') === undefined) {\n\tcustomElements.define('control-group-page', ControlGroupPage)\n}\n"]}

package/dist/collection/pages/Cookiebar.js

@@ -0,0 +1,29 @@
+class Cookiebar extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+			<gov-cookiebar>
+				<h2 class="h4">Můžeme si u vás uložit cookies?</h2>
+
+				<p>
+					Co že to znamená? Cookies jsou malé datové soubory, které slouží např. k tomu, aby si web pamatoval vaše nastavení a to, co vás zajímá, nebo abychom jej zlepšovali . Pro ukládání různých typů cookies od vás potřebujeme souhlas. Web bude fungovat i bez souhlasu, s ním ale o něco lépe.
+				</p>
+
+				<gov-button variant="primary" slot="actions-primary">
+					Souhlasím se všemi
+				</gov-button>
+
+				<gov-button variant="primary" type="outlined" slot="actions-primary">
+					Odmítnout všechny
+				</gov-button>
+
+				<gov-button variant="primary" type="base" slot="actions-secondary">
+					Podrobné nastavení
+				</gov-button>
+			</gov-cookiebar>
+		`;
+  }
+}
+if (customElements.get('cookiebar-page') === undefined) {
+  customElements.define('cookiebar-page', Cookiebar);
+}
+//# sourceMappingURL=Cookiebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cookiebar.js","sourceRoot":"","sources":["../../../../../src/pages/Cookiebar.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;EAClC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;GAoBhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAAE;EACvD,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;CAClD","sourcesContent":["class Cookiebar extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<gov-cookiebar>\n\t\t\t\t<h2 class=\"h4\">Můžeme si u vás uložit cookies?</h2>\n\n\t\t\t\t<p>\n\t\t\t\t\tCo že to znamená? Cookies jsou malé datové soubory, které slouží např. k tomu, aby si web pamatoval vaše nastavení a to, co vás zajímá, nebo abychom jej zlepšovali . Pro ukládání různých typů cookies od vás potřebujeme souhlas. Web bude fungovat i bez souhlasu, s ním ale o něco lépe.\n\t\t\t\t</p>\n\n\t\t\t\t<gov-button variant=\"primary\" slot=\"actions-primary\">\n\t\t\t\t\tSouhlasím se všemi\n\t\t\t\t</gov-button>\n\n\t\t\t\t<gov-button variant=\"primary\" type=\"outlined\" slot=\"actions-primary\">\n\t\t\t\t\tOdmítnout všechny\n\t\t\t\t</gov-button>\n\n\t\t\t\t<gov-button variant=\"primary\" type=\"base\" slot=\"actions-secondary\">\n\t\t\t\t\tPodrobné nastavení\n\t\t\t\t</gov-button>\n\t\t\t</gov-cookiebar>\n\t\t`\n\t}\n}\n\nif (customElements.get('cookiebar-page') === undefined) {\n\tcustomElements.define('cookiebar-page', Cookiebar)\n}\n"]}

package/dist/collection/pages/Empty.js

@@ -0,0 +1,43 @@
+class EmptyPage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+		<h2>Empty</h2>
+
+		<gov-empty>
+			<gov-icon slot="icon" name="car" type="complex"></gov-icon>
+			<p class="gov-text--2xl">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.
+			</p>
+			<p class="gov-text--l gov-color--secondary-700">
+				Informace o tom, že je potřeba upřesnit vyhledávání
+			</p>
+			<gov-spacer size="l"></gov-spacer>
+			<gov-button variant="primary">
+				Přejít na jinou stránku
+			</gov-button>
+		</gov-empty>
+		<gov-empty align="right">
+			<gov-icon slot="icon" name="car" type="complex"></gov-icon>
+			<p class="gov-text--2xl">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.
+			</p>
+			<p class="gov-text--l gov-color--secondary-700">
+				Informace o tom, že je potřeba upřesnit vyhledávání
+			</p>
+		</gov-empty>
+		<gov-empty align="center">
+			<gov-icon slot="icon" name="car" type="complex"></gov-icon>
+			<p class="gov-text--2xl">
+				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.
+			</p>
+			<p class="gov-text--l gov-color--secondary-700">
+				Informace o tom, že je potřeba upřesnit vyhledávání
+			</p>
+		</gov-empty>
+		`;
+  }
+}
+if (customElements.get('empty-page') === undefined) {
+  customElements.define('empty-page', EmptyPage);
+}
+//# sourceMappingURL=Empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.js","sourceRoot":"","sources":["../../../../../src/pages/Empty.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;EAClC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkChB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE;EACnD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;CAC9C","sourcesContent":["class EmptyPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Empty</h2>\n\n\t\t<gov-empty>\n\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t<p class=\"gov-text--2xl\">\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t</p>\n\t\t\t<p class=\"gov-text--l gov-color--secondary-700\">\n\t\t\t\tInformace o tom, že je potřeba upřesnit vyhledávání\n\t\t\t</p>\n\t\t\t<gov-spacer size=\"l\"></gov-spacer>\n\t\t\t<gov-button variant=\"primary\">\n\t\t\t\tPřejít na jinou stránku\n\t\t\t</gov-button>\n\t\t</gov-empty>\n\t\t<gov-empty align=\"right\">\n\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t<p class=\"gov-text--2xl\">\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t</p>\n\t\t\t<p class=\"gov-text--l gov-color--secondary-700\">\n\t\t\t\tInformace o tom, že je potřeba upřesnit vyhledávání\n\t\t\t</p>\n\t\t</gov-empty>\n\t\t<gov-empty align=\"center\">\n\t\t\t<gov-icon slot=\"icon\" name=\"car\" type=\"complex\"></gov-icon>\n\t\t\t<p class=\"gov-text--2xl\">\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Ipsum vitae etiam dui eget lectus vulputate ornare.\n\t\t\t</p>\n\t\t\t<p class=\"gov-text--l gov-color--secondary-700\">\n\t\t\t\tInformace o tom, že je potřeba upřesnit vyhledávání\n\t\t\t</p>\n\t\t</gov-empty>\n\t\t`\n\t}\n}\n\nif (customElements.get('empty-page') === undefined) {\n\tcustomElements.define('empty-page', EmptyPage)\n}\n"]}

package/dist/collection/pages/Error.js

@@ -0,0 +1,16 @@
+class ErrorPage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+		<h2>Error</h2>
+		<gov-error-code>
+			<gov-icon slot="icon" name="card-400" type="complex"></gov-icon>
+			<h2 class="gov-text--6xl">Page Not Found</h2>
+			<p class="gov-text--l">Sorry, the page you are looking for does not exist.</p>
+		</gov-error-code>
+		`;
+  }
+}
+if (customElements.get('error-page') === undefined) {
+  customElements.define('error-page', ErrorPage);
+}
+//# sourceMappingURL=Error.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../../../../src/pages/Error.ts"],"names":[],"mappings":"AAAA,MAAM,SAAU,SAAQ,WAAW;EAClC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;GAOhB,CAAA;EACF,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE;EACnD,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;CAC9C","sourcesContent":["class ErrorPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t<h2>Error</h2>\n\t\t<gov-error-code>\n\t\t\t<gov-icon slot=\"icon\" name=\"card-400\" type=\"complex\"></gov-icon>\n\t\t\t<h2 class=\"gov-text--6xl\">Page Not Found</h2>\n\t\t\t<p class=\"gov-text--l\">Sorry, the page you are looking for does not exist.</p>\n\t\t</gov-error-code>\n\t\t`\n\t}\n}\n\nif (customElements.get('error-page') === undefined) {\n\tcustomElements.define('error-page', ErrorPage)\n}\n"]}

package/dist/collection/pages/FormLabel.js

@@ -0,0 +1,13 @@
+class FormLabelPage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+			<gov-form-label>
+				Form Label
+			</gov-form-label>
+	`;
+  }
+}
+if (customElements.get('form-label-page') === undefined) {
+  customElements.define('form-label-page', FormLabelPage);
+}
+//# sourceMappingURL=FormLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../../../../src/pages/FormLabel.ts"],"names":[],"mappings":"AAAA,MAAM,aAAc,SAAQ,WAAW;EACtC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;EAIjB,CAAA;EACD,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,SAAS,EAAE;EACxD,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAA;CACvD","sourcesContent":["class FormLabelPage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<gov-form-label>\n\t\t\t\tForm Label\n\t\t\t</gov-form-label>\n\t`\n\t}\n}\n\nif (customElements.get('form-label-page') === undefined) {\n\tcustomElements.define('form-label-page', FormLabelPage)\n}\n"]}

package/dist/collection/pages/FormMessage.js

@@ -0,0 +1,82 @@
+class FormMessagePage extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = `
+			<gov-form-message>
+				<gov-icon slot="icon" name="info"></gov-icon>
+				<p>
+					Default
+				</p>
+			</gov-form-message>
+			<gov-form-message>
+				<p>
+					Default
+				</p>
+			</gov-form-message>
+			<gov-form-message variant="secondary">
+				<gov-icon name="info" slot="icon"></gov-icon>
+				<p>
+					Secondary
+				</p>
+			</gov-form-message>
+			<gov-form-message variant="secondary">
+				<p>
+					Secondary
+				</p>
+			</gov-form-message>
+			<gov-form-message variant="error">
+				<gov-icon slot="icon" name="info"></gov-icon>
+				<p>
+					Error
+				</p>
+			</gov-form-message>
+			<gov-form-message variant="error">
+				<p>
+					Error
+				</p>
+			</gov-form-message>
+			<gov-form-message variant="warning">
+				<gov-icon slot="icon" name="info"></gov-icon>
+				<p>
+					Warning
+				</p>
+			</gov-form-message>
+			<gov-form-message variant="warning">
+				<p>
+					Warning
+				</p>
+			</gov-form-message>
+			<gov-form-message variant="success">
+				<gov-icon slot="icon" name="info"></gov-icon>
+				<p>
+					Success
+				</p>
+			</gov-form-message>
+			<gov-form-message variant="success">
+				<p>
+					Success
+				</p>
+			</gov-form-message>
+			<gov-form-message>
+				<gov-icon slot="icon" name="info"></gov-icon>
+				<p>
+					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus. 
+				</p>
+				<p>
+					Aliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.
+				</p>
+			</gov-form-message>
+			<gov-form-message>
+				<p>
+					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus. 
+				</p>
+				<p>
+					Aliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.
+				</p>
+			</gov-form-message>
+	`;
+  }
+}
+if (customElements.get('form-message-page') === undefined) {
+  customElements.define('form-message-page', FormMessagePage);
+}
+//# sourceMappingURL=FormMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormMessage.js","sourceRoot":"","sources":["../../../../../src/pages/FormMessage.ts"],"names":[],"mappings":"AAAA,MAAM,eAAgB,SAAQ,WAAW;EACxC,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEjB,CAAA;EACD,CAAC;CACD;AAED,IAAI,cAAc,CAAC,GAAG,CAAC,mBAAmB,CAAC,KAAK,SAAS,EAAE;EAC1D,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAA;CAC3D","sourcesContent":["class FormMessagePage extends HTMLElement {\n\tconnectedCallback() {\n\t\tthis.innerHTML = `\n\t\t\t<gov-form-message>\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tDefault\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message>\n\t\t\t\t<p>\n\t\t\t\t\tDefault\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"secondary\">\n\t\t\t\t<gov-icon name=\"info\" slot=\"icon\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tSecondary\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"secondary\">\n\t\t\t\t<p>\n\t\t\t\t\tSecondary\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"error\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tError\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"error\">\n\t\t\t\t<p>\n\t\t\t\t\tError\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"warning\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tWarning\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"warning\">\n\t\t\t\t<p>\n\t\t\t\t\tWarning\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"success\">\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tSuccess\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message variant=\"success\">\n\t\t\t\t<p>\n\t\t\t\t\tSuccess\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message>\n\t\t\t\t<gov-icon slot=\"icon\" name=\"info\"></gov-icon>\n\t\t\t\t<p>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus. \n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tAliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t\t\t<gov-form-message>\n\t\t\t\t<p>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae dapibus eros, a dapibus metus. Ut a leo lorem. Sed ut fermentum diam. Sed porttitor ligula est, eget lobortis lacus rutrum et. Nunc sapien arcu, faucibus sit amet justo vel, aliquam gravida magna. Pellentesque et tempor risus. \n\t\t\t\t</p>\n\t\t\t\t<p>\n\t\t\t\t\tAliquam suscipit justo dolor, et pellentesque dui venenatis quis. Vestibulum dignissim libero urna, non ultricies neque consequat ut.\n\t\t\t\t</p>\n\t\t\t</gov-form-message>\n\t`\n\t}\n}\n\nif (customElements.get('form-message-page') === undefined) {\n\tcustomElements.define('form-message-page', FormMessagePage)\n}\n"]}