@ukho/admiralty-core 0.0.0

package/dist/components/admiralty-footer.js

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const footerCss = "admiralty-footer footer{border-top:#09315b 0.375rem solid;height:148px;background:#eeeeee;display:flex;flex-direction:row}admiralty-footer footer .footer-branding .footer-img{padding:24px;height:100%;box-sizing:border-box}admiralty-footer footer .footer-branding .footer-img img{min-width:186px;max-width:246px;height:100%}admiralty-footer footer .footer-content{flex-grow:1;display:flex;flex-direction:column;padding-right:30px}admiralty-footer footer .footer-content .footer-links{align-self:flex-end;flex-grow:1;margin-top:36px}admiralty-footer footer .footer-content .footer-links a{margin-left:1.5rem;font-weight:normal}admiralty-footer footer .footer-content .footer-text{align-self:flex-end;margin-bottom:24px}admiralty-footer footer .footer-content .footer-text p{text-align:right;margin:0;font-weight:300;font-size:16px;line-height:24px;color:#333333}";
+
+const FooterComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.imageLink = 'https://www.admiralty.co.uk/';
+    this.imageSrc = 'svg/UKHO stacked logo.svg';
+    this.imageAlt = 'Admiralty Maritime Data Solutions | UK Hydrographic Office';
+    this.text = `© Crown copyright ${new Date().getFullYear()} UK Hydrographic Office`;
+  }
+  render() {
+    return (h("footer", null, h("div", { class: "footer-branding" }, h("div", { class: "footer-img" }, h("a", { href: this.imageLink }, h("img", { src: this.imageSrc, alt: this.imageAlt })))), h("div", { class: "footer-content" }, h("nav", { "aria-label": "Footer Links", class: "footer-links" }, h("slot", null)), h("div", { class: "footer-text" }, h("p", null, this.text)))));
+  }
+  static get style() { return footerCss; }
+}, [4, "admiralty-footer", {
+    "imageLink": [1, "image-link"],
+    "imageSrc": [1, "image-src"],
+    "imageAlt": [1, "image-alt"],
+    "text": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["admiralty-footer"];
+  components.forEach(tagName => { switch (tagName) {
+    case "admiralty-footer":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, FooterComponent);
+      }
+      break;
+  } });
+}
+
+const AdmiraltyFooter = FooterComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyFooter, defineCustomElement };
+
+//# sourceMappingURL=admiralty-footer.js.map

package/dist/components/admiralty-footer.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-footer.js","mappings":";;AAAA,MAAM,SAAS,GAAG,81BAA81B;;MCWn2B,eAAe;;;;qBAIN,8BAA8B;oBAI/B,2BAA2B;oBAK3B,4DAA4D;gBAKhE,qBAAqB,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,yBAAyB;;EAErF,MAAM;IACJ,QACE,kBACE,WAAK,KAAK,EAAC,iBAAiB,IAC1B,WAAK,KAAK,EAAC,YAAY,IACrB,SAAG,IAAI,EAAE,IAAI,CAAC,SAAS,IACrB,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC7C,CACA,CACF,EACN,WAAK,KAAK,EAAC,gBAAgB,IACzB,yBAAgB,cAAc,EAAC,KAAK,EAAC,cAAc,IACjD,eAAa,CACT,EACN,WAAK,KAAK,EAAC,aAAa,IACtB,aAAI,IAAI,CAAC,IAAI,CAAK,CACd,CACF,CACC,EACT;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/footer/footer.scss?tag=admiralty-footer","./src/components/footer/footer.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\n\nadmiralty-footer footer {\n  border-top: colours.$colour-admiralty-blue 0.375rem solid;\n  height: 148px;\n  background: colours.$colour-bg-grey;\n  display: flex;\n  flex-direction: row;\n\n  .footer-branding {\n    .footer-img {\n      padding: 24px;\n      height: 100%;\n      box-sizing: border-box;\n      img {\n        min-width: 186px;\n        max-width: 246px;\n        height: 100%;\n      }\n    }\n  }\n\n  .footer-content {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    padding-right: 30px;\n    .footer-links {\n      align-self: flex-end;\n      flex-grow: 1;\n      margin-top: 36px;\n\n      a {\n        margin-left: 1.5rem;\n        font-weight: normal;\n      }\n    }\n\n    .footer-text {\n      align-self: flex-end;\n      margin-bottom: 24px;\n      p {\n        text-align: right;\n        margin: 0;\n        font-weight: 300;\n        font-size: 16px;\n        line-height: 24px;\n        color: colours.$colour-text;\n      }\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @slot - Footer links should be placed in the slot e.g.\n * `<admiralty-link href=\"http://www.example.com\">Privacy Policy</admiralty-link>`\n */\n@Component({\n  tag: 'admiralty-footer',\n  styleUrl: 'footer.scss',\n  shadow: false,\n})\nexport class FooterComponent {\n  /**\n   * The URL that the image links to.\n   */\n  @Prop() imageLink = 'https://www.admiralty.co.uk/';\n  /**\n   * The source of the image displayed in the footer.\n   */\n  @Prop() imageSrc = 'svg/UKHO stacked logo.svg';\n  /**\n   * A description for the image displayed in the footer. This might be shown if the image\n   * fails to load or get read out by screen readers.\n   */\n  @Prop() imageAlt = 'Admiralty Maritime Data Solutions | UK Hydrographic Office';\n  /**\n   * The text to display in the footer. The default value displays crown copyright, the\n   * current year and `UK Hydrographic Office`.\n   */\n  @Prop() text = `© Crown copyright ${new Date().getFullYear()} UK Hydrographic Office`;\n\n  render() {\n    return (\n      <footer>\n        <div class=\"footer-branding\">\n          <div class=\"footer-img\">\n            <a href={this.imageLink}>\n              <img src={this.imageSrc} alt={this.imageAlt} />\n            </a>\n          </div>\n        </div>\n        <div class=\"footer-content\">\n          <nav aria-label=\"Footer Links\" class=\"footer-links\">\n            <slot></slot>\n          </nav>\n          <div class=\"footer-text\">\n            <p>{this.text}</p>\n          </div>\n        </div>\n      </footer>\n    );\n  }\n}\n"],"version":3}

package/dist/components/admiralty-header-menu-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyHeaderMenuItem extends Components.AdmiraltyHeaderMenuItem, HTMLElement {}
+export const AdmiraltyHeaderMenuItem: {
+  prototype: AdmiraltyHeaderMenuItem;
+  new (): AdmiraltyHeaderMenuItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-header-menu-item.js

@@ -0,0 +1,80 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const headerMenuItemCss = ".menu-item{cursor:pointer;display:flex;flex:0;flex-direction:column;font-size:18px !important;font-weight:400;height:100%;justify-content:center;line-height:1.33em;margin-bottom:0;min-width:4em;max-width:11.1em;padding:0 1.65em;position:relative;text-align:center}.menu-item .sub-menu{display:none;position:absolute;border:1px solid #d8d8d8;right:0;top:100%}.menu-item:hover{background-color:#f0f0f0;box-shadow:inset 0 -5px #09315b}.menu-item:hover .sub-menu{display:flex;flex-direction:column}.menu-item.active{background-color:#f0f0f0;box-shadow:inset 0 -5px #09315b}";
+
+const HeaderMenuItemComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.menuItemClick = createEvent(this, "menuItemClick", 7);
+    this.handleClick = (ev) => {
+      ev.stopPropagation();
+      return this.menuItemClick.emit();
+    };
+    /**
+     * Handles mouseover events, used to set the aria hidden attribute when submenu
+     * is visible
+     */
+    this.handleMouseOver = () => {
+      if (this.subMenuExists) {
+        this.subMenuSelector.setAttribute('aria-hidden', 'false');
+      }
+    };
+    /**
+     * Handles mouseover events, used to set the aria hidden attribute when submenu
+     * is no longer visible
+     */
+    this.handleMouseOut = () => {
+      if (this.subMenuExists) {
+        this.subMenuSelector.setAttribute('aria-hidden', 'true');
+      }
+    };
+    this.menuTitle = undefined;
+    this.active = false;
+  }
+  connectedCallback() {
+    // check if submenu exists on this menu item
+    try {
+      this.subMenuSelector = this.el.querySelector('admiralty-header-sub-menu-item');
+      this.subMenuExists = true;
+      if (this.subMenuExists) {
+        this.subMenuSelector.setAttribute('aria-hidden', 'true');
+      }
+    }
+    catch (e) {
+      this.subMenuExists = false;
+    }
+  }
+  render() {
+    const { active, menuTitle } = this;
+    let menuClass = 'menu-item ';
+    menuClass += active ? 'active' : '';
+    return (h(Host, { onMouseOver: this.handleMouseOver, onMouseOut: this.handleMouseOut }, h("div", { class: menuClass, onClick: this.handleClick }, menuTitle, h("div", { class: "sub-menu" }, h("slot", null)))));
+  }
+  get el() { return this; }
+  static get style() { return headerMenuItemCss; }
+}, [1, "admiralty-header-menu-item", {
+    "menuTitle": [1, "menu-title"],
+    "active": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["admiralty-header-menu-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "admiralty-header-menu-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HeaderMenuItemComponent);
+      }
+      break;
+  } });
+}
+
+const AdmiraltyHeaderMenuItem = HeaderMenuItemComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyHeaderMenuItem, defineCustomElement };
+
+//# sourceMappingURL=admiralty-header-menu-item.js.map

package/dist/components/admiralty-header-menu-item.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-header-menu-item.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,2jBAA2jB;;MCUxkB,uBAAuB;;;;;;IAmClC,gBAAW,GAAG,CAAC,EAAc;MAC3B,EAAE,CAAC,eAAe,EAAE,CAAC;MACrB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;KAClC,CAAC;;;;;IAMF,oBAAe,GAAG;MAChB,IAAI,IAAI,CAAC,aAAa,EAAE;QACtB,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;OAC3D;KACF,CAAC;;;;;IAMF,mBAAc,GAAG;MACf,IAAI,IAAI,CAAC,aAAa,EAAE;QACtB,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;OAC1D;KACF,CAAC;;kBA/CyB,KAAK;;EAUhC,iBAAiB;;IAEf,IAAI;MACF,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;MAC/E,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;MAE1B,IAAI,IAAI,CAAC,aAAa,EAAE;QACtB,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;OAC1D;KACF;IAAC,OAAO,CAAC,EAAE;MACV,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;KAC5B;GACF;EA2BD,MAAM;IACJ,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACnC,IAAI,SAAS,GAAG,YAAY,CAAC;IAC7B,SAAS,IAAI,MAAM,GAAG,QAAQ,GAAG,EAAE,CAAC;IAEpC,QACE,EAAC,IAAI,IAAC,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,IACtE,WAAK,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,IAC7C,SAAS,EACV,WAAK,KAAK,EAAC,UAAU,IACnB,eAAQ,CACJ,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/header-menu-item/header-menu-item.scss?tag=admiralty-header-menu-item&encapsulation=shadow","./src/components/header-menu-item/header-menu-item.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\" as colours;\r\n\r\n@mixin active {\r\n  background-color: colours.$colour-nav-bg-hover;\r\n  box-shadow: inset 0 -5px colours.$colour-admiralty-blue;\r\n}\r\n\r\n.menu-item {\r\n  cursor: pointer;\r\n  display: flex;\r\n  flex: 0;\r\n  flex-direction: column;\r\n  font-size: 18px !important;\r\n  font-weight: 400;\r\n  height: 100%;\r\n  justify-content: center;\r\n  line-height: 1.33em;\r\n  margin-bottom: 0;\r\n  min-width: 4em;\r\n  max-width: 11.1em;\r\n  padding: 0 1.65em;\r\n  position: relative;\r\n  text-align: center;\r\n\r\n    .sub-menu {\r\n      display: none;\r\n      position: absolute;\r\n      border: 1px solid colours.$colour-divider;\r\n      right: 0;\r\n      top: 100%;\r\n    }\r\n\r\n    &:hover{\r\n      @include active;\r\n\r\n      .sub-menu {\r\n        display: flex;\r\n        flex-direction: column\r\n      }\r\n    }\r\n\r\n    &.active {\r\n      @include active;\r\n    }\r\n}\r\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n/**\n * @slot - 'admiralty-sub-header-menu-item' a number of components can be placed here to add sub items\n */\n@Component({\n  tag: 'admiralty-header-menu-item',\n  styleUrl: 'header-menu-item.scss',\n  shadow: true,\n})\nexport class HeaderMenuItemComponent {\n  @Element() el: HTMLElement;\n\n  /**\n   * The text that will be displayed in the menu\n   */\n  @Prop() menuTitle: string;\n\n  /**\n   * The text that will be displayed in the menu\n   */\n  @Prop() active?: boolean = false;\n\n  /**\n   * The event that is fired when a user clicks on the menu\n   */\n  @Event() menuItemClick: EventEmitter<void>;\n\n  subMenuExists: boolean;\n  subMenuSelector: HTMLElement;\n\n  connectedCallback() {\n    // check if submenu exists on this menu item\n    try {\n      this.subMenuSelector = this.el.querySelector('admiralty-header-sub-menu-item');\n      this.subMenuExists = true;\n\n      if (this.subMenuExists) {\n        this.subMenuSelector.setAttribute('aria-hidden', 'true');\n      }\n    } catch (e) {\n      this.subMenuExists = false;\n    }\n  }\n\n  handleClick = (ev: MouseEvent): CustomEvent<void> => {\n    ev.stopPropagation();\n    return this.menuItemClick.emit();\n  };\n\n  /**\n   * Handles mouseover events, used to set the aria hidden attribute when submenu\n   * is visible\n   */\n  handleMouseOver = (): void => {\n    if (this.subMenuExists) {\n      this.subMenuSelector.setAttribute('aria-hidden', 'false');\n    }\n  };\n\n  /**\n   * Handles mouseover events, used to set the aria hidden attribute when submenu\n   * is no longer visible\n   */\n  handleMouseOut = (): void => {\n    if (this.subMenuExists) {\n      this.subMenuSelector.setAttribute('aria-hidden', 'true');\n    }\n  };\n\n  render() {\n    const { active, menuTitle } = this;\n    let menuClass = 'menu-item ';\n    menuClass += active ? 'active' : '';\n\n    return (\n      <Host onMouseOver={this.handleMouseOver} onMouseOut={this.handleMouseOut}>\n        <div class={menuClass} onClick={this.handleClick}>\n          {menuTitle}\n          <div class=\"sub-menu\">\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/admiralty-header-profile.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyHeaderProfile extends Components.AdmiraltyHeaderProfile, HTMLElement {}
+export const AdmiraltyHeaderProfile: {
+  prototype: AdmiraltyHeaderProfile;
+  new (): AdmiraltyHeaderProfile;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-header-profile.js

@@ -0,0 +1,62 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const headerProfileCss = ".header-profile{color:#09315b;cursor:pointer;display:flex;flex:0;flex-direction:column;font-size:18px !important;font-weight:400;height:100%;justify-content:center;line-height:1.33em;margin-bottom:0;min-width:4em;max-width:11.1em;padding:0 1.65em;position:relative;text-align:center}.header-profile button{all:unset;height:100%;width:100%}.header-profile:hover{background-color:#f0f0f0;box-shadow:inset 0 -5px #09315b}.header-profile:hover .sub-menu{display:flex}.header-profile.active{background-color:#f0f0f0;box-shadow:inset 0 -5px #09315b}.header-profile .sub-menu{display:none;flex-direction:column;font-size:18px;position:absolute;top:100%;right:0;border:1px solid #d8d8d8;width:300px}.header-profile .sub-menu .sub-menu-item{box-sizing:content-box;margin:0;width:100%}.header-profile .sub-menu .sub-menu-item button{all:unset;box-sizing:border-box;color:#09315b;cursor:pointer;display:block;font-weight:300;height:100%;padding:10px;text-align:left;width:100%}.header-profile .sub-menu .sub-menu-item button:hover{background-color:#f0f0f0}";
+
+const HeaderProfileComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.signInClicked = createEvent(this, "signInClicked", 7);
+    this.yourAccountClicked = createEvent(this, "yourAccountClicked", 7);
+    this.signOutClicked = createEvent(this, "signOutClicked", 7);
+    this.userProfileClicked = createEvent(this, "userProfileClicked", 7);
+    this.handleSignIn = () => {
+      this.signInClicked.emit();
+    };
+    this.handleSignOut = () => {
+      this.signOutClicked.emit();
+    };
+    this.handleYouAccount = () => {
+      this.yourAccountClicked.emit();
+    };
+    this.openDropdown = () => {
+      this.displaySubmenu = true;
+    };
+    this.closeDropdown = () => {
+      this.displaySubmenu = true;
+    };
+    this.displaySubmenu = false;
+    this.isSignedIn = false;
+    this.signedInText = 'replace';
+  }
+  render() {
+    let { isSignedIn, signedInText, displaySubmenu } = this;
+    return (h(Host, null, h("div", { class: "header-profile" }, isSignedIn ? (h("div", null, h("button", { onMouseOver: this.openDropdown, onMouseOut: this.closeDropdown }, signedInText), displaySubmenu ? (h("div", { class: "sub-menu" }, h("div", { class: "sub-menu-item" }, h("button", { onClick: this.handleYouAccount }, "Your Account")), h("div", { class: "sub-menu-item" }, h("button", { onClick: this.handleSignOut }, "Sign Out")))) : null)) : (h("button", { onClick: this.handleSignIn }, "Sign In")))));
+  }
+  static get style() { return headerProfileCss; }
+}, [1, "admiralty-header-profile", {
+    "isSignedIn": [4, "is-signed-in"],
+    "signedInText": [1, "signed-in-text"],
+    "displaySubmenu": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["admiralty-header-profile"];
+  components.forEach(tagName => { switch (tagName) {
+    case "admiralty-header-profile":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HeaderProfileComponent);
+      }
+      break;
+  } });
+}
+
+const AdmiraltyHeaderProfile = HeaderProfileComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyHeaderProfile, defineCustomElement };
+
+//# sourceMappingURL=admiralty-header-profile.js.map

package/dist/components/admiralty-header-profile.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-header-profile.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,uhCAAuhC;;MCOniC,sBAAsB;;;;;;;;;IAqCjC,iBAAY,GAAG;MACb,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;KAC3B,CAAC;IAEF,kBAAa,GAAG;MACd,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;KAC5B,CAAC;IAEF,qBAAgB,GAAG;MACjB,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;KAChC,CAAC;IAEF,iBAAY,GAAG;MACb,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;KAC5B,CAAC;IAEF,kBAAa,GAAG;MACd,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;KAC5B,CAAC;0BAtDwB,KAAK;sBAKD,KAAK;wBAKJ,SAAS;;EA8CxC,MAAM;IACJ,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAExD,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAC,gBAAgB,IACxB,UAAU,IACT,eACE,cAAQ,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,IAAI,CAAC,aAAa,IACnE,YAAY,CACN,EACR,cAAc,IACb,WAAK,KAAK,EAAC,UAAU,IACnB,WAAK,KAAK,EAAC,eAAe,IACxB,cAAQ,OAAO,EAAE,IAAI,CAAC,gBAAgB,mBAAuB,CACzD,EACN,WAAK,KAAK,EAAC,eAAe,IACxB,cAAQ,OAAO,EAAE,IAAI,CAAC,aAAa,eAAmB,CAClD,CACF,IACJ,IAAI,CACJ,KAEN,cAAQ,OAAO,EAAE,IAAI,CAAC,YAAY,cAAkB,CACrD,CACG,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/header-profile/header-profile.scss?tag=admiralty-header-profile&encapsulation=shadow","./src/components/header-profile/header-profile.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\" as colours;\r\n\r\n@mixin active {\r\n  background-color: colours.$colour-nav-bg-hover;\r\n  box-shadow: inset 0 -5px colours.$colour-admiralty-blue;\r\n}\r\n\r\n.header-profile {\r\n  color: colours.$colour-admiralty-blue;\r\n  cursor: pointer;\r\n  display: flex;\r\n  flex: 0;\r\n  flex-direction: column;\r\n  font-size: 18px !important;\r\n  font-weight: 400;\r\n  height: 100%;\r\n  justify-content: center;\r\n  line-height: 1.33em;\r\n  margin-bottom: 0;\r\n  min-width: 4em;\r\n  max-width: 11.1em;\r\n  padding: 0 1.65em;\r\n  position: relative;\r\n  text-align: center;\r\n\r\n  button {\r\n    all: unset;\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n    &:hover{\r\n      @include active;\r\n\r\n      .sub-menu {\r\n        display: flex;\r\n      }\r\n    }\r\n\r\n    &.active {\r\n      @include active;\r\n    }\r\n\r\n  .sub-menu {\r\n    display: none;\r\n    flex-direction: column;\r\n    font-size: 18px;\r\n    position: absolute;\r\n    top: 100%;\r\n    right: 0;\r\n    border: 1px solid colours.$colour-divider;\r\n    width: 300px;\r\n\r\n    .sub-menu-item {\r\n      box-sizing: content-box;\r\n      margin: 0;\r\n      width: 100%;\r\n\r\n      button {\r\n        all: unset;\r\n        box-sizing: border-box;\r\n        color: colours.$colour-admiralty-blue;\r\n        cursor: pointer;\r\n        display: block;\r\n        font-weight: 300;\r\n        height: 100%;\r\n        padding: 10px;\r\n        text-align: left;\r\n        width: 100%;\r\n\r\n        &:hover {\r\n          background-color: colours.$colour-nav-bg-hover;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n","import { Component, Event, Host, h, Prop, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-header-profile',\n  styleUrl: 'header-profile.scss',\n  shadow: true,\n})\nexport class HeaderProfileComponent {\n  @State() displaySubmenu = false;\n\n  /**\n   * A boolean to indicate if the user is signed in or not\n   */\n  @Prop() isSignedIn: boolean = false;\n\n  /**\n   * The text that is displayed after the user signs in\n   */\n  @Prop() signedInText: string = 'replace';\n\n  /**\n   * The event that is fired when the user clicks on\n   * the sign in button\n   */\n  @Event() signInClicked: EventEmitter<void>;\n\n  /**\n   * The event that is fired when the user clicks on the\n   * 'Your account' button\n   */\n  @Event() yourAccountClicked: EventEmitter<void>;\n\n  /**\n   * The event that is fired when the user clicks on the\n   * 'sign out' button\n   */\n  @Event() signOutClicked: EventEmitter<void>;\n\n  /**\n   * TThe event that is fired when the user clicks 'user profile'\n   *  on the profile sub menu\n   */\n  @Event() userProfileClicked: EventEmitter<void>;\n\n  handleSignIn = () => {\n    this.signInClicked.emit();\n  };\n\n  handleSignOut = () => {\n    this.signOutClicked.emit();\n  };\n\n  handleYouAccount = () => {\n    this.yourAccountClicked.emit();\n  };\n\n  openDropdown = () => {\n    this.displaySubmenu = true;\n  };\n\n  closeDropdown = () => {\n    this.displaySubmenu = true;\n  };\n\n  render() {\n    let { isSignedIn, signedInText, displaySubmenu } = this;\n\n    return (\n      <Host>\n        <div class=\"header-profile\">\n          {isSignedIn ? (\n            <div>\n              <button onMouseOver={this.openDropdown} onMouseOut={this.closeDropdown}>\n                {signedInText}\n              </button>\n              {displaySubmenu ? (\n                <div class=\"sub-menu\">\n                  <div class=\"sub-menu-item\">\n                    <button onClick={this.handleYouAccount}>Your Account</button>\n                  </div>\n                  <div class=\"sub-menu-item\">\n                    <button onClick={this.handleSignOut}>Sign Out</button>\n                  </div>\n                </div>\n              ) : null}\n            </div>\n          ) : (\n            <button onClick={this.handleSignIn}>Sign In</button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/admiralty-header-sub-menu-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyHeaderSubMenuItem extends Components.AdmiraltyHeaderSubMenuItem, HTMLElement {}
+export const AdmiraltyHeaderSubMenuItem: {
+  prototype: AdmiraltyHeaderSubMenuItem;
+  new (): AdmiraltyHeaderSubMenuItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-header-sub-menu-item.js

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const headerSubMenuItemCss = ".header-sub-menu-item{box-sizing:border-box;color:#09315b;display:block;font-size:18px;margin-bottom:0;padding:0 0.66em;text-align:center;width:300px}.header-sub-menu-item .title{display:block;padding:10px;text-align:center}.header-sub-menu-item:hover{background-color:#f0f0f0}";
+
+const HeaderMenuItemComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.subMenuItemClick = createEvent(this, "subMenuItemClick", 7);
+    this.handleClick = (ev) => {
+      ev.stopPropagation();
+      return this.subMenuItemClick.emit();
+    };
+    this.menuTitle = undefined;
+  }
+  render() {
+    const { menuTitle } = this;
+    return (h(Host, null, h("div", { class: "header-sub-menu-item", onClick: this.handleClick }, h("span", { class: "title" }, menuTitle))));
+  }
+  static get style() { return headerSubMenuItemCss; }
+}, [1, "admiralty-header-sub-menu-item", {
+    "menuTitle": [1, "menu-title"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["admiralty-header-sub-menu-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "admiralty-header-sub-menu-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HeaderMenuItemComponent);
+      }
+      break;
+  } });
+}
+
+const AdmiraltyHeaderSubMenuItem = HeaderMenuItemComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyHeaderSubMenuItem, defineCustomElement };
+
+//# sourceMappingURL=admiralty-header-sub-menu-item.js.map

package/dist/components/admiralty-header-sub-menu-item.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-header-sub-menu-item.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,uRAAuR;;MCOvS,uBAAuB;;;;;;IAWlC,gBAAW,GAAG,CAAC,EAAc;MAC3B,EAAE,CAAC,eAAe,EAAE,CAAC;MACrB,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;KACrC,CAAC;;;EAEF,MAAM;IACJ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAE3B,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,IACzD,YAAM,KAAK,EAAC,OAAO,IAAE,SAAS,CAAQ,CAClC,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/header-sub-menu-item/header-sub-menu-item.scss?tag=admiralty-header-sub-menu-item&encapsulation=shadow","./src/components/header-sub-menu-item/header-sub-menu-item.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\" as colours;\r\n\r\n@mixin active {\r\n  background-color: colours.$colour-nav-bg-hover;\r\n}\r\n\r\n.header-sub-menu-item {\r\n  box-sizing: border-box;\r\n  color: colours.$colour-admiralty-blue;\r\n  display: block;\r\n  font-size: 18px;\r\n  margin-bottom: 0;\r\n  padding: 0 .66em;\r\n  text-align: center;\r\n  width: 300px;\r\n\r\n  .title {\r\n    display: block;\r\n    padding: 10px;\r\n    text-align: center;\r\n  }\r\n\r\n  &:hover{\r\n    @include active;\r\n  }\r\n}\r\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-header-sub-menu-item',\n  styleUrl: 'header-sub-menu-item.scss',\n  shadow: true,\n})\nexport class HeaderMenuItemComponent {\n  /**\n   * The text that will be displayed in the menu\n   */\n  @Prop() menuTitle: string;\n\n  /**\n   * The event that is fired when a user clicks on the menu\n   */\n  @Event() subMenuItemClick: EventEmitter<void>;\n\n  handleClick = (ev: MouseEvent): CustomEvent<void> => {\n    ev.stopPropagation();\n    return this.subMenuItemClick.emit();\n  };\n\n  render() {\n    const { menuTitle } = this;\n\n    return (\n      <Host>\n        <div class=\"header-sub-menu-item\" onClick={this.handleClick}>\n          <span class=\"title\">{menuTitle}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/admiralty-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyHeader extends Components.AdmiraltyHeader, HTMLElement {}
+export const AdmiraltyHeader: {
+  prototype: AdmiraltyHeader;
+  new (): AdmiraltyHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-header.js

@@ -0,0 +1,51 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const headerCss = ".admiralty-header{font-size:18px;font-weight:300;line-height:24px}.header-menu{border-bottom:1px solid #d8d8d8;display:flex;flex-direction:row;background-color:#fff;height:5em;min-height:5em;position:relative}.header-branding{display:flex;flex-direction:row;flex-grow:1;font-size:18px;padding:1.3em 0 1.3em 1.3em}.header-branding a.header-logo{background-color:transparent;color:#09315b}.header-branding a.header-logo img{height:100%;width:9em}.header-branding a.header-logo:focus{outline:3px solid #fd0;outline-offset:3px}.header-branding .vertical-seperator{border-right:1px solid #d8d8d8;margin-left:24px;margin-right:24px}.header-branding .header-title{display:flex;flex-direction:column;flex-grow:1;justify-content:center;font-size:2em;line-height:2em;margin-bottom:unset !important;user-select:none}.header-branding .header-title a{cursor:pointer;font-size:1em;font-weight:400;line-height:1;max-width:fit-content;text-decoration:none}.header-branding .header-title a:focus{outline:3px solid #fd0;outline-offset:3px}.menu-items{display:flex;flex:0;flex-direction:row;justify-content:flex-end}.header-profile{display:flex;flex:0;flex-direction:row;justify-content:flex-end}.mobile-header{background-color:white;display:flex;flex-direction:column;height:100%}.mobile-header .mobile-menu{background-color:white;display:block;height:100%}.mobile-header .menu-items{flex-direction:column}::slotted(admiralty-header-menu-item){color:red !important}";
+
+const HeaderComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.titledClicked = createEvent(this, "titledClicked", 7);
+    this.handleClick = (ev) => {
+      ev.preventDefault();
+      this.titledClicked.emit(this.headerTitleUrl);
+    };
+    this.headerTitle = undefined;
+    this.headerTitleUrl = null;
+    this.logoLinkUrl = 'https://www.admiralty.co.uk/';
+    this.logoImgUrl = 'svg/Admiralty stacked logo.svg';
+    this.logoAltText = 'Admiralty Stacked Logo';
+  }
+  render() {
+    const { logoAltText, logoLinkUrl, logoImgUrl, headerTitle, headerTitleUrl } = this;
+    return (h("div", { class: "admiralty-header" }, h("nav", { class: "header-menu" }, h("div", { class: "header-branding" }, h("a", { class: "header-logo", href: logoLinkUrl }, h("img", { class: "header-image", alt: logoAltText, src: logoImgUrl })), h("div", { class: "vertical-seperator" }), h("h1", { class: "header-title" }, h("a", { onClick: this.handleClick, href: headerTitleUrl }, headerTitle))), h("div", { role: "navigation", class: "menu-items" }, h("slot", { name: "items" })), h("div", { role: "navigation", class: "header-profile" }, h("slot", { name: "profile" })))));
+  }
+  static get style() { return headerCss; }
+}, [4, "admiralty-header", {
+    "headerTitle": [1, "header-title"],
+    "headerTitleUrl": [1, "header-title-url"],
+    "logoLinkUrl": [1, "logo-link-url"],
+    "logoImgUrl": [1, "logo-img-url"],
+    "logoAltText": [1, "logo-alt-text"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["admiralty-header"];
+  components.forEach(tagName => { switch (tagName) {
+    case "admiralty-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HeaderComponent);
+      }
+      break;
+  } });
+}
+
+const AdmiraltyHeader = HeaderComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyHeader, defineCustomElement };
+
+//# sourceMappingURL=admiralty-header.js.map

package/dist/components/admiralty-header.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-header.js","mappings":";;AAAA,MAAM,SAAS,GAAG,y6CAAy6C;;MCW96C,eAAe;;;;;IA8BlB,gBAAW,GAAG,CAAC,EAAc;MACnC,EAAE,CAAC,cAAc,EAAE,CAAC;MACpB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KAC9C,CAAC;;0BAxB+B,IAAI;uBAKP,8BAA8B;sBAK/B,gCAAgC;uBAK/B,wBAAwB;;EAWtD,MAAM;IACJ,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IAEnF,QACE,WAAK,KAAK,EAAC,kBAAkB,IAC3B,WAAK,KAAK,EAAC,aAAa,IACtB,WAAK,KAAK,EAAC,iBAAiB,IAC1B,SAAG,KAAK,EAAC,aAAa,EAAC,IAAI,EAAE,WAAW,IACtC,WAAK,KAAK,EAAC,cAAc,EAAC,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,GAAI,CAC7D,EACJ,WAAK,KAAK,EAAC,oBAAoB,GAAO,EACtC,UAAI,KAAK,EAAC,cAAc,IACtB,SAAG,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,cAAc,IAC/C,WAAW,CACV,CACD,CACD,EACN,WAAK,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,YAAY,IACvC,YAAM,IAAI,EAAC,OAAO,GAAQ,CACtB,EACN,WAAK,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,gBAAgB,IAC3C,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACF,CACF,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/header/header.scss?tag=admiralty-header","./src/components/header/header.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\" as colours;\n@use \"../../scss/vars/responsive\" as responsive;\n\n.admiralty-header {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 24px;\n}\n\n.header-menu {\n  border-bottom: 1px solid #d8d8d8;\n  display: flex;\n  flex-direction: row;\n  background-color: #fff;\n  height: 5em;\n  min-height: 5em;\n  position: relative;\n}\n\n.header-branding {\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  font-size: 18px;\n  padding: 1.3em 0 1.3em 1.3em;\n\n    a.header-logo {\n      background-color: transparent;\n      color: colours.$colour-admiralty-blue;\n\n      img {\n        height: 100%;\n        width: 9em;\n      }\n\n      &:focus {\n        outline: 3px solid #fd0;\n        outline-offset: 3px;\n      }\n    }\n\n    .vertical-seperator {\n      border-right: 1px solid colours.$colour-divider;\n      margin-left: 24px;\n      margin-right: 24px;\n    }\n\n    .header-title {\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n      justify-content: center;\n      font-size: 2em;\n      line-height: 2em;\n      margin-bottom: unset !important;\n      user-select: none;\n\n      a {\n        cursor: pointer;\n        font-size: 1em;\n        font-weight: 400;\n        line-height: 1;\n        max-width: fit-content;\n        text-decoration: none;\n\n        &:focus {\n          outline: 3px solid #fd0;\n          outline-offset: 3px;\n        }\n      }\n    }\n}\n\n.menu-items {\n  display: flex;\n  flex: 0;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n\n.header-profile {\n  display: flex;\n  flex: 0;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n\n.mobile-header {\n  background-color: white;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  .mobile-menu {\n    background-color: white;\n    display: block;\n    height: 100%;\n  }\n\n  .menu-items {\n    flex-direction: column;\n  }\n}\n\n::slotted(admiralty-header-menu-item) {\n  color: red !important;\n}\n","import { Component, Prop, h, EventEmitter, Event } from '@stencil/core';\n\n/**\n * @slot items - 'admiralty-header-menu-item menu-title' components are placed here for appropiate styling and behaviour\n * @slot profile - 'admiralty-header-profile' components are placed here (the login/logout) options\n */\n@Component({\n  tag: 'admiralty-header',\n  styleUrl: 'header.scss',\n  shadow: false,\n})\nexport class HeaderComponent {\n  /**\n   * The header title that is displayed to the right of the logo\n   */\n  @Prop() headerTitle: string;\n\n  /**\n   * The url that clicking on the nav link will take you too\n   */\n  @Prop() headerTitleUrl: string = null;\n\n  /**\n   * The destination url when the logo is clicked\n   */\n  @Prop() logoLinkUrl: string = 'https://www.admiralty.co.uk/';\n\n  /**\n   * The uri of the logo image\n   */\n  @Prop() logoImgUrl: string = 'svg/Admiralty stacked logo.svg';\n\n  /**\n   * The alternate image text for the logo image\n   */\n  @Prop() logoAltText: string = 'Admiralty Stacked Logo';\n\n  /**\n   * Emits an event that can be listened to when the title in the header is clicked\n   */\n  @Event() titledClicked: EventEmitter<string>;\n  private handleClick = (ev: MouseEvent) => {\n    ev.preventDefault();\n    this.titledClicked.emit(this.headerTitleUrl);\n  };\n\n  render() {\n    const { logoAltText, logoLinkUrl, logoImgUrl, headerTitle, headerTitleUrl } = this;\n\n    return (\n      <div class=\"admiralty-header\">\n        <nav class=\"header-menu\">\n          <div class=\"header-branding\">\n            <a class=\"header-logo\" href={logoLinkUrl}>\n              <img class=\"header-image\" alt={logoAltText} src={logoImgUrl} />\n            </a>\n            <div class=\"vertical-seperator\"></div>\n            <h1 class=\"header-title\">\n              <a onClick={this.handleClick} href={headerTitleUrl}>\n                {headerTitle}\n              </a>\n            </h1>\n          </div>\n          <div role=\"navigation\" class=\"menu-items\">\n            <slot name=\"items\"></slot>\n          </div>\n          <div role=\"navigation\" class=\"header-profile\">\n            <slot name=\"profile\"></slot>\n          </div>\n        </nav>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/admiralty-hint.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyHint extends Components.AdmiraltyHint, HTMLElement {}
+export const AdmiraltyHint: {
+  prototype: AdmiraltyHint;
+  new (): AdmiraltyHint;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-hint.js

@@ -0,0 +1,8 @@
+import { H as HintComponent, d as defineCustomElement$1 } from './hint.js';
+
+const AdmiraltyHint = HintComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyHint, defineCustomElement };
+
+//# sourceMappingURL=admiralty-hint.js.map

package/dist/components/admiralty-hint.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-hint.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/admiralty-hr.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyHr extends Components.AdmiraltyHr, HTMLElement {}
+export const AdmiraltyHr: {
+  prototype: AdmiraltyHr;
+  new (): AdmiraltyHr;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-hr.js

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const horizontalRuleCss = "admiralty-hr{width:100%}admiralty-hr hr{border-top:1px solid #d0d0d0}";
+
+const HorizontalRuleComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return h("hr", null);
+  }
+  static get style() { return horizontalRuleCss; }
+}, [0, "admiralty-hr"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["admiralty-hr"];
+  components.forEach(tagName => { switch (tagName) {
+    case "admiralty-hr":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, HorizontalRuleComponent);
+      }
+      break;
+  } });
+}
+
+const AdmiraltyHr = HorizontalRuleComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyHr, defineCustomElement };
+
+//# sourceMappingURL=admiralty-hr.js.map

package/dist/components/admiralty-hr.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-hr.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,uEAAuE;;MCOpF,uBAAuB;;;;;EAClC,MAAM;IACJ,OAAO,aAAM,CAAC;GACf;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/horizontal-rule/horizontal-rule.scss?tag=admiralty-hr","./src/components/horizontal-rule/horizontal-rule.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\n\nadmiralty-hr {\n  width: 100%;\n  hr {\n    border-top: 1px solid colours.$colour-line;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-hr',\n  styleUrl: 'horizontal-rule.scss',\n  shadow: false,\n})\nexport class HorizontalRuleComponent {\n  render() {\n    return <hr />;\n  }\n}\n"],"version":3}

package/dist/components/admiralty-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyIcon extends Components.AdmiraltyIcon, HTMLElement {}
+export const AdmiraltyIcon: {
+  prototype: AdmiraltyIcon;
+  new (): AdmiraltyIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-icon.js

@@ -0,0 +1,8 @@
+import { I as IconComponent, d as defineCustomElement$1 } from './icon.js';
+
+const AdmiraltyIcon = IconComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyIcon, defineCustomElement };
+
+//# sourceMappingURL=admiralty-icon.js.map

package/dist/components/admiralty-icon.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/admiralty-input-error.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyInputError extends Components.AdmiraltyInputError, HTMLElement {}
+export const AdmiraltyInputError: {
+  prototype: AdmiraltyInputError;
+  new (): AdmiraltyInputError;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-input-error.js

@@ -0,0 +1,8 @@
+import { I as InputError, d as defineCustomElement$1 } from './input-error.js';
+
+const AdmiraltyInputError = InputError;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyInputError, defineCustomElement };
+
+//# sourceMappingURL=admiralty-input-error.js.map

package/dist/components/admiralty-input-error.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-input-error.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/admiralty-input.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyInput extends Components.AdmiraltyInput, HTMLElement {}
+export const AdmiraltyInput: {
+  prototype: AdmiraltyInput;
+  new (): AdmiraltyInput;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-input.js

@@ -0,0 +1,8 @@
+import { I as InputComponent, d as defineCustomElement$1 } from './input.js';
+
+const AdmiraltyInput = InputComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyInput, defineCustomElement };
+
+//# sourceMappingURL=admiralty-input.js.map

package/dist/components/admiralty-input.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/admiralty-label.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyLabel extends Components.AdmiraltyLabel, HTMLElement {}
+export const AdmiraltyLabel: {
+  prototype: AdmiraltyLabel;
+  new (): AdmiraltyLabel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-label.js

@@ -0,0 +1,8 @@
+import { L as LabelComponent, d as defineCustomElement$1 } from './label.js';
+
+const AdmiraltyLabel = LabelComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyLabel, defineCustomElement };
+
+//# sourceMappingURL=admiralty-label.js.map

package/dist/components/admiralty-label.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-label.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/admiralty-link.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface AdmiraltyLink extends Components.AdmiraltyLink, HTMLElement {}
+export const AdmiraltyLink: {
+  prototype: AdmiraltyLink;
+  new (): AdmiraltyLink;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/admiralty-link.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const LinkComponent = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.href = undefined;
+    this.newTab = false;
+  }
+  render() {
+    return (h("a", { href: this.href, target: this.newTab ? '_blank' : '_self' }, h("slot", null)));
+  }
+}, [4, "admiralty-link", {
+    "href": [1],
+    "newTab": [4, "new-tab"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["admiralty-link"];
+  components.forEach(tagName => { switch (tagName) {
+    case "admiralty-link":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, LinkComponent);
+      }
+      break;
+  } });
+}
+
+const AdmiraltyLink = LinkComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { AdmiraltyLink, defineCustomElement };
+
+//# sourceMappingURL=admiralty-link.js.map

package/dist/components/admiralty-link.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-link.js","mappings":";;MAMa,aAAa;;;;;kBAQP,KAAK;;EAEtB,MAAM;IACJ,QACE,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,OAAO,IAC1D,eAAa,CACX,EACJ;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/link/link.tsx"],"sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-link',\n  shadow: false,\n})\nexport class LinkComponent {\n  /**\n   * The URL that the link will navigate to.\n   */\n  @Prop() href: string;\n  /**\n   * Whether to open the URL in a new tab.\n   */\n  @Prop() newTab = false;\n\n  render() {\n    return (\n      <a href={this.href} target={this.newTab ? '_blank' : '_self'}>\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"version":3}