wabtec-internal-volt-basic-components 1.0.0

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

@@ -0,0 +1,192 @@
+import { Host, h } from "@stencil/core";
+import { setNodeObserver } from "../../utils/node-utils";
+export class VdsFooter {
+    constructor() {
+        /**
+         *  Sets the type for the footer, expandable shows an extra layer of the footer.
+         *  Default is only what is visible.
+         *  and custom allows to set the content of the footer.
+         */
+        this.type = 'default';
+        /** Sets the expanded content position, default is bottom */
+        this.expandedContentPosition = 'bottom';
+        /** Defines the text in the central block of the footer */
+        this.centralText = 'Wabtec Corporation. All rights reserved.';
+        /** Modify the text in the "powered by" section of the footer */
+        this.poweredByText = 'Powered by';
+        this.isExpanded = false;
+    }
+    componentWillRender() {
+        this.setFooterOptions();
+    }
+    componentWillLoad() {
+        this.setCurrentYear();
+    }
+    componentDidLoad() {
+        this.observer = setNodeObserver(this.setFooterOptions, this.host, this);
+    }
+    disconnectedCallback() {
+        this.observer.disconnect();
+    }
+    setFooterOptions() {
+        if (this.type !== 'custom') {
+            Array.from(this.host.children).forEach(child => {
+                if (child.nodeName !== 'VDS-LINK' && child.slot !== 'expandable-content') {
+                    child.remove();
+                }
+            });
+        }
+        this.setSeparators();
+    }
+    setSeparators() {
+        const linkElements = Array.from(this.host.children).filter((child) => child.nodeName === 'VDS-LINK');
+        if (linkElements.length <= 1)
+            return;
+        for (let i = linkElements.length - 1; i > 0; i--) {
+            const divider = document.createElement('vds-divider');
+            divider.setAttribute('orientation', 'vertical');
+            divider.setAttribute('padding', 'spacing-01');
+            divider.style.setProperty('height', '1.25rem');
+            this.host.insertBefore(divider, linkElements[i]);
+        }
+    }
+    setCurrentYear() {
+        this.currentYear = new Date().getFullYear();
+    }
+    toggleExpand() {
+        this.isExpanded = !this.isExpanded;
+    }
+    renderExpandableButton() {
+        if (this.type === 'expandable') {
+            return (h("vds-icon-button", { class: "vds__footer--expand-button", variant: "secondary", size: "small", onClick: () => this.toggleExpand(), icon: this.isExpanded ? 'chevron-up' : 'chevron-down' }));
+        }
+    }
+    renderCustomFooter() {
+        return (h("div", { class: "vds__footer--container" }, h("div", { class: "vds__footer--slot-start" }, h("slot", { name: "start" })), h("div", { class: "vds__footer--slot-center" }, h("slot", { name: "center" })), h("div", { class: "vds__footer--slot-end" }, h("slot", { name: "end" }))));
+    }
+    render() {
+        return (h(Host, { key: '129c009652b8c9afedd9c377fe6e9571602f991c' }, this.type === 'expandable' && this.expandedContentPosition === 'top' && this.isExpanded && (h("div", { key: '209570fb5e2fc80db736341a05dabc63e0dc676f', class: "vds__footer--expandable top" }, h("slot", { key: 'dfa5f2cd517faab158479a04eb3ce8fbc6c41ea1', name: "expandable-content" }))), this.type === 'custom' ? (this.renderCustomFooter()) : (h("div", { class: 'vds__footer--container' }, h("div", { class: 'vds__footer--app-version' }, this.appVersion), h("div", { class: 'vds__footer--info' }, h("div", null, "\u00A9 ", this.currentYear, " ", this.centralText), h("div", { class: 'vds__footer--powerby' }, h("span", null, this.poweredByText), h("vds-icon", { size: "2.95775rem,1rem", color: "color-icon-medium", svgIcon: 'wabtec-grey-logo' }))), h("div", { class: `vds__footer--slot ${this.type === 'expandable' ? 'has-expandable-button' : ''}` }, h("slot", null), this.renderExpandableButton()))), this.type === 'expandable' && this.expandedContentPosition === 'bottom' && this.isExpanded && (h("div", { key: '2a4eebb4f378025fe2819a8b9fd3169dcb71fdef', class: "vds__footer--expandable bottom" }, h("slot", { key: '77b7d2479448eb462a1f1a3227a1e3fcc12034c1', name: "expandable-content" })))));
+    }
+    static get is() { return "vds-footer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["vds-footer.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["vds-footer.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "attribute": "type",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'expandable' | 'custom'",
+                    "resolved": "\"custom\" | \"default\" | \"expandable\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the type for the footer, expandable shows an extra layer of the footer.\nDefault is only what is visible.\nand custom allows to set the content of the footer."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "appVersion": {
+                "type": "string",
+                "attribute": "app-version",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the app version to be display in the footer"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "expandedContentPosition": {
+                "type": "string",
+                "attribute": "expanded-content-position",
+                "mutable": false,
+                "complexType": {
+                    "original": "'top' | 'bottom'",
+                    "resolved": "\"bottom\" | \"top\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the expanded content position, default is bottom"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'bottom'"
+            },
+            "centralText": {
+                "type": "string",
+                "attribute": "central-text",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines the text in the central block of the footer"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Wabtec Corporation. All rights reserved.'"
+            },
+            "poweredByText": {
+                "type": "string",
+                "attribute": "powered-by-text",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Modify the text in the \"powered by\" section of the footer"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Powered by'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isExpanded": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=vds-footer.js.map

package/dist/collection/components/footer/vds-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-footer.js","sourceRoot":"","sources":["../../../src/components/footer/vds-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop, Element, State } from '@stencil/core/internal';\nimport { setNodeObserver } from '../../utils/node-utils';\n\n@Component({\n  tag: 'vds-footer',\n  styleUrl: 'vds-footer.scss',\n  shadow: true,\n})\nexport class VdsFooter {\n  /**\n   *  Sets the type for the footer, expandable shows an extra layer of the footer.\n   *  Default is only what is visible.\n   *  and custom allows to set the content of the footer.\n   */\n  @Prop() type: 'default' | 'expandable' | 'custom' = 'default';\n  /** Sets the app version to be display in the footer */\n  @Prop() appVersion: string;\n  /** Sets the expanded content position, default is bottom */\n  @Prop() expandedContentPosition: 'top' | 'bottom' = 'bottom';\n  /** Defines the text in the central block of the footer */\n  @Prop({ mutable: true }) centralText: string = 'Wabtec Corporation. All rights reserved.';\n  /** Modify the text in the \"powered by\" section of the footer */\n  @Prop() poweredByText: string = 'Powered by';\n\n  @Element() host: HTMLStencilElement;\n\n  @State() isExpanded: boolean = false;\n\n  private currentYear: number;\n  private observer: MutationObserver;\n\n  componentWillRender(): void {\n    this.setFooterOptions();\n  }\n\n  componentWillLoad(): void {\n    this.setCurrentYear();\n  }\n\n  componentDidLoad(): void {\n    this.observer = setNodeObserver(this.setFooterOptions, this.host, this);\n  }\n\n  disconnectedCallback(): void {\n    this.observer.disconnect();\n  }\n\n  private setFooterOptions(): void {\n    if (this.type !== 'custom') {\n      Array.from(this.host.children).forEach(child => {\n        if (child.nodeName !== 'VDS-LINK' && child.slot !== 'expandable-content') {\n          child.remove();\n        }\n      });\n    }\n    this.setSeparators();\n  }\n\n  private setSeparators(): void {\n    const linkElements = Array.from(this.host.children).filter(\n      (child: HTMLElement) => child.nodeName === 'VDS-LINK',\n    );\n    if (linkElements.length <= 1) return;\n    for (let i = linkElements.length - 1; i > 0; i--) {\n      const divider = document.createElement('vds-divider');\n      divider.setAttribute('orientation', 'vertical');\n      divider.setAttribute('padding', 'spacing-01');\n      divider.style.setProperty('height', '1.25rem');\n      this.host.insertBefore(divider, linkElements[i]);\n    }\n  }\n\n  private setCurrentYear(): void {\n    this.currentYear = new Date().getFullYear();\n  }\n\n  private toggleExpand(): void {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  private renderExpandableButton(): HTMLStencilElement {\n    if (this.type === 'expandable') {\n      return (\n        <vds-icon-button\n          class=\"vds__footer--expand-button\"\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={() => this.toggleExpand()}\n          icon={this.isExpanded ? 'chevron-up' : 'chevron-down'}\n        />\n      );\n    }\n  }\n\n  private renderCustomFooter(): HTMLElement {\n    return (\n      <div class=\"vds__footer--container\">\n        <div class=\"vds__footer--slot-start\">\n          <slot name=\"start\" />\n        </div>\n        <div class=\"vds__footer--slot-center\">\n          <slot name=\"center\" />\n        </div>\n        <div class=\"vds__footer--slot-end\">\n          <slot name=\"end\" />\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host>\n        {this.type === 'expandable' && this.expandedContentPosition === 'top' && this.isExpanded && (\n          <div class=\"vds__footer--expandable top\">\n            <slot name=\"expandable-content\" />\n          </div>\n        )}\n        {this.type === 'custom' ? (\n          this.renderCustomFooter()\n        ) : (\n          <div class={'vds__footer--container'}>\n            <div class={'vds__footer--app-version'}>{this.appVersion}</div>\n            <div class={'vds__footer--info'}>\n              <div>© {this.currentYear} {this.centralText}</div>\n              <div class={'vds__footer--powerby'}>\n                <span>{this.poweredByText}</span>\n                <vds-icon size=\"2.95775rem,1rem\" color=\"color-icon-medium\" svgIcon={'wabtec-grey-logo'}></vds-icon>\n              </div>\n            </div>\n            <div class={`vds__footer--slot ${this.type === 'expandable' ? 'has-expandable-button' : ''}`}>\n              <slot />\n              {this.renderExpandableButton()}\n            </div>\n          </div>\n        )}\n        {this.type === 'expandable' && this.expandedContentPosition === 'bottom' && this.isExpanded && (\n          <div class=\"vds__footer--expandable bottom\">\n            <slot name=\"expandable-content\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,77 @@
+export default {
+    title: 'VDS/Components/Footer',
+    parameters: {
+        docs: {
+            toc: true,
+        },
+    },
+};
+const options = ['FAQ', 'Privacy Policy', 'Terms & Conditions', 'Support'];
+const links = ['https://wabtec.com', 'https://volt.wabtec.one', 'https://google.com', 'https://wabtec.com'];
+const codeTemplate = args => {
+    return `
+    <vds-footer
+      app-version="${args.appVersion}"
+      type="${args.type}"
+      expanded-content-position="${args.expandedContentPosition}"
+      central-text="${args.centralText}"
+      powered-by-text="${args.poweredByText}"
+    >
+      ${options.map((opt, i) => `<vds-link variant="footer" url="${links[i]}" target="_blank" value="${opt}"></vds-link>`).join('')}
+      <vds-button>test (this should be hidden)</vds-button>
+      <a href="https://youtube.com">Hola Mundo (this should be hidden)</a>
+      <div slot="expandable-content">
+        <h2>Expandable Content</h2>
+        <p>This is expandable content.</p>
+      </div>
+    </vds-footer>
+  `;
+};
+export const BasicUsage = codeTemplate.bind({});
+BasicUsage.argTypes = {
+    type: {
+        options: ['default', 'expandable'],
+        control: { type: 'select' },
+    },
+    expandedContentPosition: {
+        options: ['top', 'bottom'],
+        control: { type: 'select' },
+    },
+};
+BasicUsage.args = {
+    appVersion: 'App Version 1.0.0',
+    type: 'default',
+    expandedContentPosition: 'bottom',
+    centralText: `Wabtec Corporation. All rights reserved.`,
+    poweredByText: 'Powered by',
+};
+const customUsage = args => {
+    return `
+    <vds-footer
+      type="${args.type}"
+      class="vds-font-title-extra-small"
+      style="color: var(--color-text-brand)"
+    >
+      <div slot="start">
+        <span>Custom App Slot - Start</span>
+      </div>
+      <div slot="center">
+        <span>© ${new Date().getFullYear()} Custom Footer Slots - Center</span>
+      </div>
+      <div slot="end">
+        <span>Custom Link Slots - End</span>
+      </div>
+    </vds-footer>
+  `;
+};
+export const CustomUsage = customUsage.bind({});
+CustomUsage.argTypes = {
+    type: {
+        options: ['custom'],
+        control: { type: 'select' },
+    },
+};
+CustomUsage.args = {
+    type: 'custom',
+};
+//# sourceMappingURL=vds-footer.stories.js.map

package/dist/collection/components/footer/vds-footer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-footer.stories.js","sourceRoot":"","sources":["../../../src/components/footer/vds-footer.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,GAAG,EAAE,IAAI;SACV;KACF;CACF,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,SAAS,CAAC,CAAC;AAC3E,MAAM,KAAK,GAAG,CAAC,oBAAoB,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AAE5G,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE;IAC1B,OAAO;;qBAEY,IAAI,CAAC,UAAU;cACtB,IAAI,CAAC,IAAI;mCACY,IAAI,CAAC,uBAAuB;sBACzC,IAAI,CAAC,WAAW;yBACb,IAAI,CAAC,aAAa;;QAEnC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,mCAAmC,KAAK,CAAC,CAAC,CAAC,4BAA4B,GAAG,eAAe,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;;;;;;;;GAQhI,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,UAAU,CAAC,QAAQ,GAAG;IACpB,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC;QAClC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B;IACD,uBAAuB,EAAE;QACvB,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;QAC1B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B;CACF,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG;IAChB,UAAU,EAAE,mBAAmB;IAC/B,IAAI,EAAE,SAAS;IACf,uBAAuB,EAAE,QAAQ;IACjC,WAAW,EAAE,0CAA0C;IACvD,aAAa,EAAE,YAAY;CAC5B,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE;IACzB,OAAO;;cAEK,IAAI,CAAC,IAAI;;;;;;;;kBAQL,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;;;;;;GAMvC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,WAAW,CAAC,QAAQ,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,QAAQ,CAAC;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B;CACF,CAAC;AACF,WAAW,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ;CACf,CAAC","sourcesContent":["export default {\n  title: 'VDS/Components/Footer',\n  parameters: {\n    docs: {\n      toc: true,\n    },\n  },\n};\n\nconst options = ['FAQ', 'Privacy Policy', 'Terms & Conditions', 'Support'];\nconst links = ['https://wabtec.com', 'https://volt.wabtec.one', 'https://google.com', 'https://wabtec.com'];\n\nconst codeTemplate = args => {\n  return `\n    <vds-footer\n      app-version=\"${args.appVersion}\"\n      type=\"${args.type}\"\n      expanded-content-position=\"${args.expandedContentPosition}\"\n      central-text=\"${args.centralText}\"\n      powered-by-text=\"${args.poweredByText}\"\n    >\n      ${options.map((opt, i) => `<vds-link variant=\"footer\" url=\"${links[i]}\" target=\"_blank\" value=\"${opt}\"></vds-link>`).join('')}\n      <vds-button>test (this should be hidden)</vds-button>\n      <a href=\"https://youtube.com\">Hola Mundo (this should be hidden)</a>\n      <div slot=\"expandable-content\">\n        <h2>Expandable Content</h2>\n        <p>This is expandable content.</p>\n      </div>\n    </vds-footer>\n  `;\n};\n\nexport const BasicUsage = codeTemplate.bind({});\n\nBasicUsage.argTypes = {\n  type: {\n    options: ['default', 'expandable'],\n    control: { type: 'select' },\n  },\n  expandedContentPosition: {\n    options: ['top', 'bottom'],\n    control: { type: 'select' },\n  },\n};\n\nBasicUsage.args = {\n  appVersion: 'App Version 1.0.0',\n  type: 'default',\n  expandedContentPosition: 'bottom',\n  centralText: `Wabtec Corporation. All rights reserved.`,\n  poweredByText: 'Powered by',\n};\n\nconst customUsage = args => {\n  return `\n    <vds-footer\n      type=\"${args.type}\"\n      class=\"vds-font-title-extra-small\"\n      style=\"color: var(--color-text-brand)\"\n    >\n      <div slot=\"start\">\n        <span>Custom App Slot - Start</span>\n      </div>\n      <div slot=\"center\">\n        <span>© ${new Date().getFullYear()} Custom Footer Slots - Center</span>\n      </div>\n      <div slot=\"end\">\n        <span>Custom Link Slots - End</span>\n      </div>\n    </vds-footer>\n  `;\n};\n\nexport const CustomUsage = customUsage.bind({});\n\nCustomUsage.argTypes = {\n  type: {\n    options: ['custom'],\n    control: { type: 'select' },\n  },\n};\nCustomUsage.args = {\n  type: 'custom',\n};\n"]}

package/dist/collection/components/header/utils/utils.js

@@ -0,0 +1,2 @@
+export const popoverCaretFilledLarge = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBMNiA2TDEyIDBIMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=';
+//# sourceMappingURL=utils.js.map

package/dist/collection/components/header/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/header/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GACpC,4NAA4N,CAAC","sourcesContent":["export const popoverCaretFilledLarge =\n'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBMNiA2TDEyIDBIMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=';"]}