@gov-design-system-ce/components 0.0.1

package/dist/collection/components/gov-alert/gov-alert.js

@@ -0,0 +1,147 @@
+import { h, Host } from '@stencil/core';
+import { validateProp } from '../../helpers/Validate/props';
+import { AlertClass } from './constants';
+import { govHost } from '../../helpers/Dom/template';
+import { Variants } from '../../core/constants/variants';
+export class GovAlert {
+  constructor() {
+    this.variant = Variants.PRIMARY;
+    this.inverse = false;
+    this.wcagCloseLabel = undefined;
+    this.closable = false;
+    this.h = govHost(this.host);
+  }
+  validateVariant(newValue) {
+    validateProp(Variants, newValue, AlertClass.root);
+  }
+  componentWillLoad() {
+    this.validateVariant(this.variant);
+  }
+  render() {
+    var inverse = !this.inverse;
+    var variant = this.inverse || this.variant == "warning" ? "secondary" : this.variant;
+    const closeButton = (h("div", { class: AlertClass.close }, h("gov-button", { size: "s", "aria-label": this.wcagCloseLabel, type: "base", variant: variant, inverse: inverse, onClick: (e) => this.govClose.emit(e) }, h("gov-icon", { name: "cross" }))));
+    return (h(Host, { class: AlertClass.root, variant: this.variant }, h("section", { class: AlertClass.section, role: "alert" }, this.h.hasSlot('icon') && (h("div", { class: AlertClass.icon }, h("slot", { name: "icon" }))), h("div", { class: AlertClass.content }, h("slot", null))), this.closable && closeButton));
+  }
+  static get is() { return "gov-alert"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-alert.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-alert.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "VariantType",
+          "resolved": "any",
+          "references": {
+            "VariantType": {
+              "location": "import",
+              "path": "./constants"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Style variation of the button."
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "Variants.PRIMARY"
+      },
+      "inverse": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determide if component should have inversed colors to be used on dark background"
+        },
+        "attribute": "inverse",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "wcagCloseLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Aria label for the closing button. It is mandatory if the alert is closable"
+        },
+        "attribute": "wcag-close-label",
+        "reflect": false
+      },
+      "closable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Displays the option to close the alert"
+        },
+        "attribute": "closable",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "govClose",
+        "name": "gov-close",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Called when the close button is clicked"
+        },
+        "complexType": {
+          "original": "PointerEvent",
+          "resolved": "PointerEvent",
+          "references": {
+            "PointerEvent": {
+              "location": "global"
+            }
+          }
+        }
+      }];
+  }
+  static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "variant",
+        "methodName": "validateVariant"
+      }];
+  }
+}
+//# sourceMappingURL=gov-alert.js.map

package/dist/collection/components/gov-alert/gov-alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-alert.js","sourceRoot":"","sources":["../../../../../../src/components/gov-alert/gov-alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAOxD,MAAM,OAAO,QAAQ;EAGpB;mBASwC,QAAQ,CAAC,OAAO;mBAIpB,KAAK;;oBAYH,KAAK;IAxB1C,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;GAC3B;EA2BD,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAA;EAClD,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;EACnC,CAAC;EAID,MAAM;IACL,IAAI,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAC5B,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;IAErF,MAAM,WAAW,GAAG,CACnB,WAAK,KAAK,EAAE,UAAU,CAAC,KAAK;MAC3B,kBAAY,IAAI,EAAC,GAAG,gBAAa,IAAI,CAAC,cAAc,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAe,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QACxJ,gBAAU,IAAI,EAAC,OAAO,GAAY,CACtB,CACR,CACN,CAAA;IAED,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;MAClD,eAAS,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,IAAI,EAAC,OAAO;QAC9C,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAC1B,WAAK,KAAK,EAAE,UAAU,CAAC,IAAI;UAC1B,YAAM,IAAI,EAAC,MAAM,GAAG,CACf,CACN;QAED,WAAK,KAAK,EAAE,UAAU,CAAC,OAAO;UAC7B,eAAQ,CACH,CACG;MACT,IAAI,CAAC,QAAQ,IAAI,WAAW,CACvB,CACP,CAAA;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { AlertClass } from './constants'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.d'\nimport { Variants } from '../../core/constants/variants'\nimport { VariantType } from './constants'\n\n@Component({\n\ttag: 'gov-alert',\n\tstyleUrl: 'gov-alert.scss',\n})\nexport class GovAlert {\n\tprivate h: GovHost\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t}\n\n\t@Element() host: HTMLGovAlertElement\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant: VariantType = Variants.PRIMARY\n\t/**\n\t * Determide if component should have inversed colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Aria label for the closing button. It is mandatory if the alert is closable\n\t */\n\t@Prop({ attribute: 'wcag-close-label' }) readonly wcagCloseLabel: string\n\t/**\n\t * Called when the close button is clicked\n\t */\n\t@Event({ eventName: 'gov-close' }) govClose: EventEmitter<PointerEvent>\n\t/**\n\t * Displays the option to close the alert\n\t */\n\t@Prop() readonly closable?: boolean = false\n\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(Variants, newValue, AlertClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t}\n\n\n\n\trender() {\n\t\tvar inverse = !this.inverse;\n\t\tvar variant = this.inverse || this.variant == \"warning\" ? \"secondary\" : this.variant;\n\t\t\n\t\tconst closeButton = (\n\t\t\t<div class={AlertClass.close}>\n\t\t\t\t<gov-button size=\"s\" aria-label={this.wcagCloseLabel} type=\"base\" variant={variant} inverse={inverse} onClick={(e: PointerEvent) => this.govClose.emit(e)}>\n\t\t\t\t\t<gov-icon name=\"cross\"></gov-icon>\n\t\t\t\t</gov-button>\n\t\t\t</div>\n\t\t)\n\n\t\treturn (\n\t\t\t<Host class={AlertClass.root} variant={this.variant}>\n\t\t\t\t<section class={AlertClass.section} role=\"alert\">\n\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t<div class={AlertClass.icon}>\n\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={AlertClass.content}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t\t{this.closable && closeButton}\n\t\t\t</Host>\n\t\t)\n\t}\n}\n"]}

package/dist/collection/components/gov-alert/gov-alert.stories.js

@@ -0,0 +1,78 @@
+import { Variants as GlobalVariants } from "../../core/constants/variants";
+import { Variants } from "./constants";
+import { icons, createIcon } from "../../../.storybook/icons";
+import readme from "./readme.md";
+import { bindProps, removeUndefinedValues } from "../../../.storybook/helpers";
+const StoryConfiguration = {
+  title: "Design system/Alert",
+  args: {
+    variant: GlobalVariants.PRIMARY,
+    'wcag-close-label': '',
+    closable: false,
+    inverse: false,
+    copy: '<p>Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.</p>',
+    icon: undefined
+  },
+  argTypes: {
+    variant: {
+      control: "select",
+      options: removeUndefinedValues(Variants),
+    },
+    'wcag-close-label': 'string',
+    closable: "boolean",
+    inverse: "boolean",
+    copy: "string",
+    icon: {
+      control: "select",
+      options: [undefined, ...icons],
+    },
+  },
+  parameters: {
+    notes: readme,
+  },
+};
+const PROPS = ["variant", "wcag-close-label", "closable", "inverse", "copy"];
+const Template = (args) => {
+  const el = document.createElement("gov-alert");
+  el.innerHTML = args.copy;
+  if (args.icon) {
+    const icon = createIcon(args.icon, 'icon');
+    if (icon) {
+      el.appendChild(icon);
+    }
+  }
+  bindProps(el, PROPS, args);
+  return el;
+};
+export const Playground = Template.bind({});
+Playground.args = {};
+export const Primary = Template.bind({});
+Primary.args = {
+  variant: 'primary'
+};
+export const Secondary = Template.bind({});
+Secondary.args = {
+  variant: 'secondary'
+};
+export const Error = Template.bind({});
+Error.args = {
+  variant: 'error'
+};
+export const Success = Template.bind({});
+Success.args = {
+  variant: 'success'
+};
+export const Warning = Template.bind({});
+Warning.args = {
+  variant: 'warning'
+};
+export const Closable = Template.bind({});
+Closable.args = {
+  closable: true
+};
+export const Inverse = Template.bind({});
+Inverse.args = {
+  inverse: true
+};
+export default StoryConfiguration;
+//# sourceMappingURL=gov-alert.stories.js.map

package/dist/collection/components/gov-alert/gov-alert.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-alert.stories.js","sourceRoot":"","sources":["../../../../../../src/components/gov-alert/gov-alert.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Variants as GlobalVariants } from \"../../core/constants/variants\"\nimport {Variants} from \"./constants\"\nimport { icons, createIcon } from \"../../../.storybook/icons\"\nimport readme from \"./readme.md\"\nimport { bindProps, removeUndefinedValues } from \"../../../.storybook/helpers\"\n\nconst StoryConfiguration = {\n\ttitle: \"Design system/Alert\",\n\targs: {\n\t\tvariant: GlobalVariants.PRIMARY,\n\t\t'wcag-close-label': '',\n\t\tclosable: false,\n\t\tinverse: false,\n\t\tcopy: '<p>Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href=\"#\">zde</a>.</p>',\n\t\ticon: undefined\n\t},\n\targTypes: {\n\t\tvariant: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: removeUndefinedValues(Variants),\n\t\t},\n\t\t'wcag-close-label': 'string',\n\t\tclosable: \"boolean\",\n\t\tinverse: \"boolean\",\n\t\tcopy: \"string\",\n\t\ticon: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [undefined, ...icons],\n\t\t},\n\t},\n\tparameters: {\n\t\tnotes: readme,\n\t},\n}\n\nconst PROPS = [\"variant\", \"wcag-close-label\", \"closable\", \"inverse\", \"copy\"]\n\nconst Template = (args) => {\n\tconst el = document.createElement(\"gov-alert\")\n\n\tel.innerHTML = args.copy\n\n\tif (args.icon) {\n\t\tconst icon = createIcon(args.icon, 'icon')\n\t\tif(icon) {\n\t\t\tel.appendChild(icon)\n\t\t}\n\t}\n\n\tbindProps(el, PROPS, args)\n\treturn el\n}\n\nexport const Playground = Template.bind({})\nPlayground.args = {}\nexport const Primary = Template.bind({})\nPrimary.args = {\n\tvariant: 'primary'\n}\nexport const Secondary = Template.bind({})\nSecondary.args = {\n\tvariant: 'secondary'\n}\nexport const Error = Template.bind({})\nError.args = {\n\tvariant: 'error'\n}\nexport const Success = Template.bind({})\nSuccess.args = {\n\tvariant: 'success'\n}\nexport const Warning = Template.bind({})\nWarning.args = {\n\tvariant: 'warning'\n}\nexport const Closable = Template.bind({})\nClosable.args = {\n\tclosable: true\n}\nexport const Inverse = Template.bind({})\nInverse.args = {\n\tinverse: true\n}\n\nexport default StoryConfiguration\n"]}

package/dist/collection/components/gov-app/gov-app.css

@@ -0,0 +1,195 @@
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/* stylelint-enable */
+/* [Core] - Buttons
+------------------------------------------------------------------ */
+/*
+ * Gets color from theme-colors or from palette-colors
+ */
+/*
+ * Converts hex value to rgb colors value
+ */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/*
+ * Generates list of utility classes for margin, padding
+ *
+ * Make sure $list of definitions is sorted so that last item is defined last
+ * So largest views are mentioned last.
+ */
+/*
+ -  Variables - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Layout
+ */
+/**
+* Utilities - Offset
+*/
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/* stylelint-disable order/order */
+/* stylelint-enable order/order */
+/**
+* Generates CSS3 var with default value
+*/
+/*
+ -  Variables - General
+ */
+/*
+ -  Variables - Typography
+ */
+/*
+ -  Variables - Sizes
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Variants
+ */
+/*
+ -  Variables - Layout
+ */
+/*
+ -  Variables - Accordion
+ */
+/*
+ -  Variables - Attachments
+ */
+/*
+ -  Variables - Alert
+ */
+/*
+ -  Variables - Backdrop
+ */
+/*
+ -  Variables - Buttons (&& Badges)
+ */
+/*
+ -  Variables - Classes
+ */
+/*
+ -  Variables - Colors
+ */
+/*
+ -  Variables - Cookiebar
+ */
+/*
+ -  Variables - Card
+ */
+/*
+ -  Variables - Container
+ */
+/*
+ -  Variables - Message
+ */
+/*
+ -  Variables - Empty
+ */
+/*
+ -  Variables - Error code
+ */
+/*
+ -  Variables - Grid
+ */
+/*
+ -  Variables - Modal & Prompt
+ */
+/**
+* Utilities - Offset
+*/
+/*
+ -  Variables - shadows
+ */
+/* "Constants" for general usage */
+/*
+ -  Variables - Statsbar
+ */
+/*
+ -  Variables - Tabs
+ */
+/*
+ -  Variables - Tooltip
+ */
+/*
+ -	Variables - Forms
+ */
+/*
+ -  Variables - Form Autocomplete
+ */
+/*
+ -  Variables - Form Message
+ */
+/*
+ -	Variables - Form label
+ */
+/*
+ -	Variables - Form switch
+ */
+/*
+ -	Variables - Form select
+ */
+/*
+ -	Variables - Form input
+ */
+/*
+ -	Variables - Form multiselect
+ */
+/*
+ -	Variables - Form checkbox & radio
+ */
+/*
+ -	Variables - Form file
+ */
+/*
+ -  Variables - Toast Message
+ */
+/*
+ -  Variables - Wizzard
+ */
+/*
+ -  Variables - Stepper
+ */
+/*
+ -  Variables - Grid & Tile
+ */
+/*
+ -  Variables - Pagination
+ */
+.gov-spin-animation,
+.gov-pseudo-spin-animation::before {
+  animation: spin 4s linear infinite;
+}
+
+@keyframes spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+.container-view {
+  padding: 12px;
+}
+
+hr {
+  height: 0;
+  border: 0 none;
+  border-top: 1px solid gainsboro;
+  font-size: 0;
+}
+
+hr.inversed {
+  border-top-color: #254e80;
+}

package/dist/collection/components/gov-app/gov-app.js

@@ -0,0 +1,80 @@
+import { Router } from "@vaadin/router";
+import "../../pages/Home.ts";
+import "../../pages/Accordion.ts";
+import "../../pages/Alert.ts";
+import "../../pages/Badge.ts";
+import "../../pages/Button.ts";
+import "../../pages/Forms.ts";
+import "../../pages/FormsRestructure.ts";
+import "../../pages/Card.ts";
+import "../../pages/Cookiebar.ts";
+import "../../pages/Message.ts";
+import "../../pages/Empty.ts";
+import "../../pages/Error.ts";
+import "../../pages/FormLabel.ts";
+import "../../pages/FormMessage.ts";
+import "../../pages/Modal.ts";
+import "../../pages/Spacer.ts";
+import "../../pages/Statsbar.ts";
+import "../../pages/Stepper.ts";
+import "../../pages/Tabs.ts";
+import "../../pages/Tile.ts";
+import "../../pages/Tooltip.ts";
+import "../../pages/Typography.ts";
+import "../../pages/ToastMessage.ts";
+import "../../pages/Pagination.ts";
+import "../../pages/Prompt.ts";
+import "../../pages/SideNav.ts";
+import "../../pages/Wizzard.ts";
+export class GovApp {
+  componentWillLoad() {
+    const outlet = document.getElementById("outlet");
+    outlet.innerHTML = "";
+    const router = new Router(outlet);
+    router.setRoutes([
+      { path: "/", component: "home-page" },
+      { path: "/alert", component: "alert-page" },
+      { path: "/accordion", component: "accordion-page" },
+      { path: "/badge", component: "badge-page" },
+      { path: "/button", component: "button-page" },
+      { path: "/card", component: "card-page" },
+      { path: "/message", component: "message-page" },
+      { path: "/cookiebar", component: "cookiebar-page" },
+      { path: "/empty", component: "empty-page" },
+      { path: "/error", component: "error-page" },
+      { path: "/forms", component: "forms-page" },
+      { path: "/forms-restructue", component: "forms-restructure-page" },
+      { path: "/modal", component: "modal-page" },
+      { path: "/spacer", component: "spacer-page" },
+      { path: "/statsbar", component: "statsbar-page" },
+      { path: "/tabs", component: "tabs-page" },
+      { path: "/tooltip", component: "tooltip-page" },
+      { path: "/tile", component: "tile-page" },
+      { path: "/typography", component: "typography-page" },
+      { path: "/form-message", component: "form-message-page" },
+      { path: "/form-label", component: "form-label-page" },
+      { path: "/toast-message", component: "toast-message-page" },
+      { path: "/stepper", component: "stepper-page" },
+      { path: "/pagination", component: "pagination-page" },
+      { path: "/prompt", component: "prompt-page" },
+      { path: "/wizzard", component: "wizzard-page" },
+      { path: "/side-nav", component: "side-nav-page" },
+      { path: "/grid", component: "grid-page" },
+    ]);
+  }
+  render() {
+    return [];
+  }
+  static get is() { return "gov-app"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["gov-app.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["gov-app.css"]
+    };
+  }
+}
+//# sourceMappingURL=gov-app.js.map

package/dist/collection/components/gov-app/gov-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gov-app.js","sourceRoot":"","sources":["../../../../../../src/components/gov-app/gov-app.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component } from \"@stencil/core\"\nimport { Router } from \"@vaadin/router\"\nimport \"../../pages/Home.ts\"\nimport \"../../pages/Accordion.ts\"\nimport \"../../pages/Alert.ts\"\nimport \"../../pages/Badge.ts\"\nimport \"../../pages/Button.ts\"\nimport \"../../pages/Forms.ts\"\nimport \"../../pages/FormsRestructure.ts\"\nimport \"../../pages/Card.ts\"\nimport \"../../pages/Cookiebar.ts\"\nimport \"../../pages/Message.ts\"\nimport \"../../pages/Empty.ts\"\nimport \"../../pages/Error.ts\"\nimport \"../../pages/FormLabel.ts\"\nimport \"../../pages/FormMessage.ts\"\nimport \"../../pages/Modal.ts\"\nimport \"../../pages/Spacer.ts\"\nimport \"../../pages/Statsbar.ts\"\nimport \"../../pages/Stepper.ts\"\nimport \"../../pages/Tabs.ts\"\nimport \"../../pages/Tile.ts\"\nimport \"../../pages/Tooltip.ts\"\nimport \"../../pages/Typography.ts\"\nimport \"../../pages/ToastMessage.ts\"\nimport \"../../pages/Pagination.ts\"\nimport \"../../pages/Prompt.ts\"\nimport \"../../pages/SideNav.ts\"\nimport \"../../pages/Wizzard.ts\"\n\n@Component({\n\ttag: \"gov-app\",\n\tstyleUrl: \"gov-app.scss\",\n\tshadow: false,\n})\nexport class GovApp {\n\tcomponentWillLoad() {\n\t\tconst outlet = document.getElementById(\"outlet\")\n\t\toutlet.innerHTML = \"\"\n\t\tconst router = new Router(outlet)\n\t\trouter.setRoutes([\n\t\t\t{ path: \"/\", component: \"home-page\" },\n\t\t\t{ path: \"/alert\", component: \"alert-page\" },\n\t\t\t{ path: \"/accordion\", component: \"accordion-page\" },\n\t\t\t{ path: \"/badge\", component: \"badge-page\" },\n\t\t\t{ path: \"/button\", component: \"button-page\" },\n\t\t\t{ path: \"/card\", component: \"card-page\" },\n\t\t\t{ path: \"/message\", component: \"message-page\" },\n\t\t\t{ path: \"/cookiebar\", component: \"cookiebar-page\" },\n\t\t\t{ path: \"/empty\", component: \"empty-page\" },\n\t\t\t{ path: \"/error\", component: \"error-page\" },\n\t\t\t{ path: \"/forms\", component: \"forms-page\" },\n\t\t\t{ path: \"/forms-restructue\", component: \"forms-restructure-page\" },\n\t\t\t{ path: \"/modal\", component: \"modal-page\" },\n\t\t\t{ path: \"/spacer\", component: \"spacer-page\" },\n\t\t\t{ path: \"/statsbar\", component: \"statsbar-page\" },\n\t\t\t{ path: \"/tabs\", component: \"tabs-page\" },\n\t\t\t{ path: \"/tooltip\", component: \"tooltip-page\" },\n\t\t\t{ path: \"/tile\", component: \"tile-page\" },\n\t\t\t{ path: \"/typography\", component: \"typography-page\" },\n\t\t\t{ path: \"/form-message\", component: \"form-message-page\" },\n\t\t\t{ path: \"/form-label\", component: \"form-label-page\" },\n\t\t\t{ path: \"/toast-message\", component: \"toast-message-page\" },\n\t\t\t{ path: \"/stepper\", component: \"stepper-page\" },\n\t\t\t{ path: \"/pagination\", component: \"pagination-page\" },\n\t\t\t{ path: \"/prompt\", component: \"prompt-page\" },\n\t\t\t{ path: \"/wizzard\", component: \"wizzard-page\" },\n\t\t\t{ path: \"/side-nav\", component: \"side-nav-page\" },\n\t\t\t{ path: \"/grid\", component: \"grid-page\" },\n\t\t])\n\t}\n\n\trender() {\n\t\treturn []\n\t}\n}\n"]}

package/dist/collection/components/gov-attachments/constants.js

@@ -0,0 +1,9 @@
+export const AttachmentsClass = {
+  root: "gov-attachments",
+  label: "gov-attachments__label",
+};
+export const AttachmentsItemClass = {
+  root: 'gov-attachments-item',
+  name: 'gov-attachments-item__name',
+};
+//# sourceMappingURL=constants.js.map

package/dist/collection/components/gov-attachments/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/components/gov-attachments/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;EAC/B,IAAI,EAAE,iBAAiB;EACvB,KAAK,EAAE,wBAAwB;CAC/B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG;EACnC,IAAI,EAAE,sBAAsB;EAC5B,IAAI,EAAE,4BAA4B;CAClC,CAAA","sourcesContent":["export const AttachmentsClass = {\n\troot: \"gov-attachments\",\n\tlabel: \"gov-attachments__label\",\n}\n\nexport const AttachmentsItemClass = {\n\troot: 'gov-attachments-item',\n\tname: 'gov-attachments-item__name',\n}\n"]}