@oiz/stzh-components 0.0.1-pretest → 1.4.0-npmjstest

package/dist/collection/components/stzh-footer/stzh-footer.js

@@ -1,147 +1,147 @@
-import { Host, h, Fragment, } from "@stencil/core";
-import { fetchTranslations } from "../../utils/translation-utils";
-import { hasSlot, setPropsIfNull } from "../../utils/utils";
-/**
- * @slot - Slot for content
- */
-export class StzhFooter {
-  constructor() {
-    /** Footer variant */
-    this.variant = "default";
-    /** Main URL for shortlinks */
-    this.mainUrl = "https://stadt-zuerich.ch";
-    this.init = () => {
-      const socialLink = this.element.querySelector('stzh-link[slot="social-link"]');
-      const links = this.element.querySelectorAll('stzh-link[slot="link"]');
-      if (socialLink) {
-        setPropsIfNull(socialLink, {
-          icon: "social-media"
-        });
-      }
-      links.forEach((link) => {
-        link.setAttribute("role", "listitem");
-      });
-    };
-  }
-  async componentWillLoad() {
-    if (typeof this.copyright === "undefined") {
-      const currentDate = new Date();
-      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;
-    }
-    if (!this.localization) {
-      this.localization = await fetchTranslations(this.element, 'footer');
-    }
-  }
-  connectedCallback() {
-    this.init();
-    this.observer = new MutationObserver(this.init);
-    this.observer.observe(this.element, {
-      childList: true,
-      subtree: true
-    });
-  }
-  disconnectedCallback() {
-    this.observer.disconnect();
-  }
-  render() {
-    const linkSlotUsed = hasSlot(this.element, 'link');
-    const socialLinkSlotUsed = hasSlot(this.element, 'social-link');
-    const classes = {
-      "stzh-footer": true,
-      "stzh-footer--has-links": linkSlotUsed,
-      "stzh-footer--has-social-link": socialLinkSlotUsed
-    };
-    return (h(Host, null, h("footer", { class: classes }, h("div", { class: "stzh-footer__wrapper" }, h("slot", { name: "social-link" }), h("div", { class: "stzh-footer__links" }, this.copyright &&
-      h("div", { class: "stzh-footer__copyright" }, this.copyright), h("div", { class: "stzh-footer__link-list", role: "list" }, h("slot", { name: "link" }, this.variant === "egov" &&
-      h(Fragment, null, h("stzh-link", { slot: "link", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { slot: "link", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { class: "stzh-footer__link", slot: "link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
-  }
-  static get is() { return "stzh-footer"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["stzh-footer.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["stzh-footer.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "copyright": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Copyright text (will show default copyright string if undefined)"
-        },
-        "attribute": "copyright",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"default\" | \"egov\"",
-          "resolved": "\"default\" | \"egov\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Footer variant"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "\"default\""
-      },
-      "mainUrl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Main URL for shortlinks"
-        },
-        "attribute": "main-url",
-        "reflect": false,
-        "defaultValue": "\"https://stadt-zuerich.ch\""
-      },
-      "localization": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "StzhFooterLocalizedText",
-          "resolved": "StzhLocaleComponent & { legalNoticeUrl: string; legalNoticeText: string; imprintUrl: string; imprintText: string; accessibilityUrl: string; accessibilityText: string; }",
-          "references": {
-            "StzhFooterLocalizedText": {
-              "location": "import",
-              "path": "./stzh-footer.localization"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Translation strings"
-        }
-      }
-    };
-  }
-  static get elementRef() { return "element"; }
-}
+import { Host, h, Fragment, } from "@stencil/core";
+import { fetchTranslations } from "../../utils/translation-utils";
+import { hasSlot, setPropsIfNull } from "../../utils/utils";
+/**
+ * @slot - Slot for content
+ */
+export class StzhFooter {
+  constructor() {
+    /** Footer variant */
+    this.variant = "default";
+    /** Main URL for shortlinks */
+    this.mainUrl = "https://stadt-zuerich.ch";
+    this.init = () => {
+      const socialLink = this.element.querySelector('stzh-link[slot="social-link"]');
+      const links = this.element.querySelectorAll('stzh-link[slot="link"]');
+      if (socialLink) {
+        setPropsIfNull(socialLink, {
+          icon: "social-media"
+        });
+      }
+      links.forEach((link) => {
+        link.setAttribute("role", "listitem");
+      });
+    };
+  }
+  async componentWillLoad() {
+    if (typeof this.copyright === "undefined") {
+      const currentDate = new Date();
+      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;
+    }
+    if (!this.localization) {
+      this.localization = await fetchTranslations(this.element, 'footer');
+    }
+  }
+  connectedCallback() {
+    this.init();
+    this.observer = new MutationObserver(this.init);
+    this.observer.observe(this.element, {
+      childList: true,
+      subtree: true
+    });
+  }
+  disconnectedCallback() {
+    this.observer.disconnect();
+  }
+  render() {
+    const linkSlotUsed = hasSlot(this.element, 'link');
+    const socialLinkSlotUsed = hasSlot(this.element, 'social-link');
+    const classes = {
+      "stzh-footer": true,
+      "stzh-footer--has-links": linkSlotUsed,
+      "stzh-footer--has-social-link": socialLinkSlotUsed
+    };
+    return (h(Host, null, h("footer", { class: classes }, h("div", { class: "stzh-footer__wrapper" }, h("slot", { name: "social-link" }), h("div", { class: "stzh-footer__links" }, this.copyright &&
+      h("div", { class: "stzh-footer__copyright" }, this.copyright), h("div", { class: "stzh-footer__link-list", role: "list" }, h("slot", { name: "link" }, this.variant === "egov" &&
+      h(Fragment, null, h("stzh-link", { slot: "link", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), h("stzh-link", { slot: "link", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), h("stzh-link", { class: "stzh-footer__link", slot: "link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
+  }
+  static get is() { return "stzh-footer"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["stzh-footer.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["stzh-footer.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "copyright": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Copyright text (will show default copyright string if undefined)"
+        },
+        "attribute": "copyright",
+        "reflect": false
+      },
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"default\" | \"egov\"",
+          "resolved": "\"default\" | \"egov\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Footer variant"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "\"default\""
+      },
+      "mainUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Main URL for shortlinks"
+        },
+        "attribute": "main-url",
+        "reflect": false,
+        "defaultValue": "\"https://stadt-zuerich.ch\""
+      },
+      "localization": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "StzhFooterLocalizedText",
+          "resolved": "StzhLocaleComponent & { legalNoticeUrl: string; legalNoticeText: string; imprintUrl: string; imprintText: string; accessibilityUrl: string; accessibilityText: string; }",
+          "references": {
+            "StzhFooterLocalizedText": {
+              "location": "import",
+              "path": "./stzh-footer.localization"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Translation strings"
+        }
+      }
+    };
+  }
+  static get elementRef() { return "element"; }
+}

package/dist/collection/components/stzh-footer/stzh-footer.localization.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/collection/components/stzh-footer/stzh-footer.stories.js

@@ -1,49 +1,49 @@
-import { h } from '../../utils/h';
-import readme from './readme.md';
-import { withDesign } from 'storybook-addon-designs';
-import { getFigmaLink } from '../../../figma';
-
-export default {
-  title: 'Components/Footer',
-  component: 'stzh-footer',
-  parameters: {
-    layout: 'fullscreen',
-    docs: {
-      description: {
-        component: readme
-      }
-    },
-    design: {
-      type: 'figma',
-      url: getFigmaLink('footer'),
-      allowFullscreen: true
-    }
-  },
-  decorators: [
-    withDesign
-  ]
-};
-
-const Template = (args) => (
-  <stzh-footer {...args}>
-    <stzh-link slot="social-link" href="#" target="_blank">
-      City of Zurich on social media
-    </stzh-link>
-    <stzh-link slot="link" href="#" target="_blank">Legal noticee</stzh-link>
-    <stzh-link slot="link" href="#" target="_blank">Imprint</stzh-link>
-    <stzh-link slot="link" href="#" target="_blank">Accessibility</stzh-link>
-  </stzh-footer>
-);
-
-const TemplateEGov = (args) => (
-  <stzh-footer {...args}></stzh-footer>
-);
-
-export const Default = Template.bind({});
-Default.args = {
-};
-
-export const eGov = TemplateEGov.bind({});
-eGov.args = {
-  variant: "egov"
-};
+import { h } from '../../utils/h';
+import readme from './readme.md';
+import { withDesign } from 'storybook-addon-designs';
+import { getFigmaLink } from '../../../figma';
+
+export default {
+  title: 'Components/Footer',
+  component: 'stzh-footer',
+  parameters: {
+    layout: 'fullscreen',
+    docs: {
+      description: {
+        component: readme
+      }
+    },
+    design: {
+      type: 'figma',
+      url: getFigmaLink('footer'),
+      allowFullscreen: true
+    }
+  },
+  decorators: [
+    withDesign
+  ]
+};
+
+const Template = (args) => (
+  <stzh-footer {...args}>
+    <stzh-link slot="social-link" href="#" target="_blank">
+      City of Zurich on social media
+    </stzh-link>
+    <stzh-link slot="link" href="#" target="_blank">Legal noticee</stzh-link>
+    <stzh-link slot="link" href="#" target="_blank">Imprint</stzh-link>
+    <stzh-link slot="link" href="#" target="_blank">Accessibility</stzh-link>
+  </stzh-footer>
+);
+
+const TemplateEGov = (args) => (
+  <stzh-footer {...args}></stzh-footer>
+);
+
+export const Default = Template.bind({});
+Default.args = {
+};
+
+export const eGov = TemplateEGov.bind({});
+eGov.args = {
+  variant: "egov"
+};