@ukic/web-components 2.0.0-alpha.121

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

@@ -0,0 +1,247 @@
+import { h, Host, } from "@stencil/core";
+import { IC_DEVICE_SIZES } from "../../utils/constants";
+import { getCurrentDeviceSize, getThemeForegroundColor, checkResizeObserver, hasClassificationBanner, } from "../../utils/helpers";
+import { IcThemeForegroundEnum, } from "../../utils/types";
+/**
+ * @slot description - Content will be rendered at the top of the footer
+ * @slot link - Content will be rendered between description and logos
+ * @slot logo - Content will be rendered underneath footer links
+ * @slot caption - Content will be rendered above Crown Copyright
+ */
+export class Footer {
+  constructor() {
+    this.resizeObserverCallback = (currSize) => {
+      if (currSize !== this.deviceSize) {
+        this.deviceSize = currSize;
+      }
+      this.icFooterResized.emit();
+    };
+    this.runResizeObserver = () => {
+      this.resizeObserver = new ResizeObserver(() => {
+        const currSize = getCurrentDeviceSize();
+        this.resizeObserverCallback(currSize);
+      });
+      this.resizeObserver.observe(this.footerEl);
+    };
+    this.description = undefined;
+    this.aligned = "left";
+    this.breakpoint = "M";
+    this.groupLinks = false;
+    this.caption = undefined;
+    this.copyright = true;
+    this.deviceSize = IC_DEVICE_SIZES.XL;
+    this.foregroundColor = getThemeForegroundColor();
+  }
+  isDense() {
+    const bp = this.breakpoint.toUpperCase();
+    return bp === "XS"
+      ? this.deviceSize < IC_DEVICE_SIZES.XS
+      : bp === "S"
+        ? this.deviceSize < IC_DEVICE_SIZES.S
+        : bp === "M"
+          ? this.deviceSize < IC_DEVICE_SIZES.M
+          : bp === "L"
+            ? this.deviceSize < IC_DEVICE_SIZES.L
+            : bp === "XL"
+              ? this.deviceSize < IC_DEVICE_SIZES.XL
+              : false;
+  }
+  themeChangeHandler(ev) {
+    const theme = ev.detail;
+    this.foregroundColor = theme.mode;
+  }
+  componentWillLoad() {
+    this.deviceSize = getCurrentDeviceSize();
+  }
+  componentDidLoad() {
+    checkResizeObserver(this.runResizeObserver);
+  }
+  disconnectedCallback() {
+    this.resizeObserver.disconnect();
+  }
+  render() {
+    const { aligned, caption, copyright, description, groupLinks, foregroundColor, } = this;
+    const dense = this.isDense();
+    return (h(Host, { class: {
+        footer: true,
+        [`footer-${dense ? "dense" : "sparse"}`]: true,
+        [`footer-${groupLinks ? "grouped" : "ungrouped"}`]: true,
+        [`footer-${foregroundColor}`]: true,
+        // Slots will be able to infer their own color
+        [IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,
+        [IcThemeForegroundEnum.Light]: foregroundColor === IcThemeForegroundEnum.Light,
+      } }, h("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, h("div", { class: "footer-description" }, h("ic-section-container", { aligned: aligned, fullHeight: true }, h("div", { class: "footer-description-inner" }, h("ic-typography", { variant: "body" }, h("slot", { name: "description" }, description))))), h("div", { class: "footer-links" }, groupLinks && dense ? (h("div", { class: "footer-links-inner" }, h("slot", { name: "link" }))) : (h("ic-section-container", { fullHeight: true, aligned: aligned }, h("div", { class: "footer-links-inner" }, h("slot", { name: "link" }))))), h("div", { class: "footer-compliance" }, h("ic-section-container", { aligned: aligned, fullHeight: true }, h("div", { class: "footer-compliance-inner" }, h("div", { class: "footer-logo" }, h("slot", { name: "logo" })), h("div", { class: "footer-caption" }, h("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M ? "caption" : "body" }, h("slot", { name: "caption" }, caption))), copyright && (h("div", { class: {
+        ["footer-copyright"]: true,
+        ["classification-spacing"]: hasClassificationBanner(),
+      } }, h("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
+        ? "caption-uppercase"
+        : "label-uppercase" }, "\u00A9 Crown Copyright")))))))));
+  }
+  static get is() { return "ic-footer"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ic-footer.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ic-footer.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The description displayed at the top of the footer"
+        },
+        "attribute": "description",
+        "reflect": false
+      },
+      "aligned": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IcAlignment",
+          "resolved": "\"center\" | \"full-width\" | \"left\"",
+          "references": {
+            "IcAlignment": {
+              "location": "import",
+              "path": "../../utils/types"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets the aligned parameter for the section containers used within the footer"
+        },
+        "attribute": "aligned",
+        "reflect": false,
+        "defaultValue": "\"left\""
+      },
+      "breakpoint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IcFooterBreakpoints",
+          "resolved": "\"L\" | \"M\" | \"S\" | \"XL\" | \"XS\"",
+          "references": {
+            "IcFooterBreakpoints": {
+              "location": "import",
+              "path": "./ic-footer.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets the screen size breakpoint at which to switch to the dense layout"
+        },
+        "attribute": "breakpoint",
+        "reflect": false,
+        "defaultValue": "\"M\""
+      },
+      "groupLinks": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets the footer up to handle link groups instead of standalone links"
+        },
+        "attribute": "group-links",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "caption": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The caption displayed at the bottom of the footer"
+        },
+        "attribute": "caption",
+        "reflect": false
+      },
+      "copyright": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Whether the footer displays the crown copyright at the bottom"
+        },
+        "attribute": "copyright",
+        "reflect": false,
+        "defaultValue": "true"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "deviceSize": {},
+      "foregroundColor": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "icFooterResized",
+        "name": "icFooterResized",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Triggers on page resize and triggers style changes in footer links and link groups"
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+  static get listeners() {
+    return [{
+        "name": "icThemeChange",
+        "method": "themeChangeHandler",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }];
+  }
+}
+//# sourceMappingURL=ic-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ic-footer.js","sourceRoot":"","sources":["../../../src/components/ic-footer/ic-footer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n  h,\n  Host,\n  Listen,\n} from \"@stencil/core\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\nimport {\n  getCurrentDeviceSize,\n  getThemeForegroundColor,\n  checkResizeObserver,\n  hasClassificationBanner,\n} from \"../../utils/helpers\";\nimport {\n  IcAlignment,\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { IcFooterBreakpoints } from \"./ic-footer.types\";\n\n/**\n * @slot description - Content will be rendered at the top of the footer\n * @slot link - Content will be rendered between description and logos\n * @slot logo - Content will be rendered underneath footer links\n * @slot caption - Content will be rendered above Crown Copyright\n */\n\n@Component({\n  tag: \"ic-footer\",\n  styleUrl: \"ic-footer.css\",\n  shadow: true,\n})\nexport class Footer {\n  @Element() el: HTMLIcFooterElement;\n\n  /**\n   * Triggers on page resize and triggers style changes in footer links and link groups\n   */\n  @Event() icFooterResized: EventEmitter<void>;\n\n  /**\n   * The description displayed at the top of the footer\n   */\n  @Prop() description: string;\n\n  /**\n   * Sets the aligned parameter for the section containers used within the footer\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * Sets the screen size breakpoint at which to switch to the dense layout\n   */\n  @Prop() breakpoint?: IcFooterBreakpoints = \"M\";\n\n  /**\n   * Sets the footer up to handle link groups instead of standalone links\n   */\n  @Prop() groupLinks?: boolean = false;\n\n  /**\n   * The caption displayed at the bottom of the footer\n   */\n  @Prop() caption: string;\n\n  /**\n   * Whether the footer displays the crown copyright at the bottom\n   */\n  @Prop() copyright: boolean = true;\n\n  @State() deviceSize: number = IC_DEVICE_SIZES.XL;\n\n  @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n\n  private isDense() {\n    const bp = this.breakpoint.toUpperCase();\n\n    return bp === \"XS\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XS\n      : bp === \"S\"\n      ? this.deviceSize < IC_DEVICE_SIZES.S\n      : bp === \"M\"\n      ? this.deviceSize < IC_DEVICE_SIZES.M\n      : bp === \"L\"\n      ? this.deviceSize < IC_DEVICE_SIZES.L\n      : bp === \"XL\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XL\n      : false;\n  }\n\n  @Listen(\"icThemeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.foregroundColor = theme.mode;\n  }\n\n  private resizeObserver: ResizeObserver;\n  private footerEl: HTMLElement;\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n    }\n    this.icFooterResized.emit();\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = getCurrentDeviceSize();\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(this.footerEl);\n  };\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  render() {\n    const {\n      aligned,\n      caption,\n      copyright,\n      description,\n      groupLinks,\n      foregroundColor,\n    } = this;\n    const dense = this.isDense();\n\n    return (\n      <Host\n        class={{\n          footer: true,\n          [`footer-${dense ? \"dense\" : \"sparse\"}`]: true,\n          [`footer-${groupLinks ? \"grouped\" : \"ungrouped\"}`]: true,\n          [`footer-${foregroundColor}`]: true,\n          // Slots will be able to infer their own color\n          [IcThemeForegroundEnum.Dark]:\n            foregroundColor === IcThemeForegroundEnum.Dark,\n          [IcThemeForegroundEnum.Light]:\n            foregroundColor === IcThemeForegroundEnum.Light,\n        }}\n      >\n        <footer ref={(footerEl) => (this.footerEl = footerEl)}>\n          {/* Description */}\n          <div class=\"footer-description\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-description-inner\">\n                <ic-typography variant=\"body\">\n                  <slot name=\"description\">{description}</slot>\n                </ic-typography>\n              </div>\n            </ic-section-container>\n          </div>\n\n          {/* Links */}\n          <div class=\"footer-links\">\n            {groupLinks && dense ? (\n              <div class=\"footer-links-inner\">\n                <slot name=\"link\" />\n              </div>\n            ) : (\n              <ic-section-container fullHeight aligned={aligned}>\n                <div class=\"footer-links-inner\">\n                  <slot name=\"link\" />\n                </div>\n              </ic-section-container>\n            )}\n          </div>\n\n          {/* Compliance (logo, caption, copyright) */}\n          <div class=\"footer-compliance\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-compliance-inner\">\n                <div class=\"footer-logo\">\n                  {/* Logo */}\n                  <slot name=\"logo\" />\n                </div>\n                <div class=\"footer-caption\">\n                  <ic-typography\n                    variant={\n                      this.deviceSize <= IC_DEVICE_SIZES.M ? \"caption\" : \"body\"\n                    }\n                  >\n                    <slot name=\"caption\">{caption}</slot>\n                  </ic-typography>\n                </div>\n                {copyright && (\n                  <div\n                    class={{\n                      [\"footer-copyright\"]: true,\n                      [\"classification-spacing\"]: hasClassificationBanner(),\n                    }}\n                  >\n                    <ic-typography\n                      variant={\n                        this.deviceSize <= IC_DEVICE_SIZES.M\n                          ? \"caption-uppercase\"\n                          : \"label-uppercase\"\n                      }\n                    >\n                      &copy; Crown Copyright\n                    </ic-typography>\n                  </div>\n                )}\n              </div>\n            </ic-section-container>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-footer/ic-footer.test.a11y.js

@@ -0,0 +1,21 @@
+import { fixture } from "@open-wc/testing-helpers";
+import { axe } from "jest-axe";
+import { checkShadowElementRendersCorrectly } from "../../utils/testa11y.helpers";
+beforeEach(() => {
+  // IntersectionObserver isn't available in test environment
+  const mockResizeObserver = jest.fn();
+  mockResizeObserver.mockReturnValue({
+    observe: jest.fn().mockReturnValue(null),
+    unobserve: jest.fn().mockReturnValue(null),
+    disconnect: jest.fn().mockReturnValue(null),
+  });
+  window.ResizeObserver = mockResizeObserver;
+});
+describe("ic-footer", () => {
+  it("passes accessibility", async () => {
+    const el = await fixture(`<ic-footer></ic-footer>`);
+    checkShadowElementRendersCorrectly(el);
+    expect(await axe(el)).toHaveNoViolations();
+  });
+});
+//# sourceMappingURL=ic-footer.test.a11y.js.map

package/dist/collection/components/ic-footer/ic-footer.test.a11y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-footer.test.a11y.js","sourceRoot":"","sources":["../../../src/components/ic-footer/ic-footer.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,8BAA8B,CAAC;AAElF,UAAU,CAAC,GAAG,EAAE;EACd,2DAA2D;EAC3D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;EACrC,kBAAkB,CAAC,eAAe,CAAC;IACjC,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;IACxC,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;IAC1C,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC;GAC5C,CAAC,CAAC;EACH,MAAM,CAAC,cAAc,GAAG,kBAAkB,CAAC;AAC7C,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,yBAAyB,CAAC,CAAC;IACpD,kCAAkC,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;EAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../utils/testa11y.helpers\";\n\nbeforeEach(() => {\n  // IntersectionObserver isn't available in test environment\n  const mockResizeObserver = jest.fn();\n  mockResizeObserver.mockReturnValue({\n    observe: jest.fn().mockReturnValue(null),\n    unobserve: jest.fn().mockReturnValue(null),\n    disconnect: jest.fn().mockReturnValue(null),\n  });\n  window.ResizeObserver = mockResizeObserver;\n});\n\ndescribe(\"ic-footer\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`<ic-footer></ic-footer>`);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}

package/dist/collection/components/ic-footer/ic-footer.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ic-footer.types.js.map

package/dist/collection/components/ic-footer/ic-footer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-footer.types.js","sourceRoot":"","sources":["../../../src/components/ic-footer/ic-footer.types.tsx"],"names":[],"mappings":"","sourcesContent":["export type IcFooterBreakpoints = \"XS\" | \"S\" | \"M\" | \"L\" | \"XL\";\n"]}