@ukho/admiralty-core 0.0.0

package/dist/admiralty/p-33b7244b.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as i,h as t}from"./p-e1680782.js";import{B as s}from"./p-c7dd53e5.js";import{f as n,e as r}from"./p-18cff2de.js";const e="admiralty-paginator nav.standard{display:flex;flex-direction:row;align-items:center}admiralty-paginator nav.standard admiralty-button{margin:6px}admiralty-paginator nav.standard p{padding:0px 18px 0px 0px;margin-bottom:0px}";const d=class{constructor(t){a(this,t);this.pageChange=i(this,"pageChange",7);this.maxLength=7;this.pages=1;this.currentPage=1;this.label=""}pageChanged(a){this.pageChange.emit(a)}onKeydown(a,i){if(a.key==="Enter"||a.key==="Enter"){i()}}prev(){if(this.currentPage>1){this.pageChanged(this.currentPage-1)}}next(){if(this.currentPage<this.pages){this.pageChanged(this.currentPage+1)}}render(){return t("nav",{"aria-label":"pagination",class:"standard"},t("p",{"aria-live":"polite"},this.label),t("admiralty-button",{variant:s.Icon,icon:r.iconName,disabled:this.currentPage===1,tabindex:0,"aria-disabled":this.currentPage===1,onClick:this.prev.bind(this),onKeyDown:a=>this.onKeydown(a,this.prev.bind(this)),"aria-label":"Previous Page"}),t("admiralty-button",{variant:s.Icon,icon:n.iconName,disabled:this.currentPage===this.pages,tabindex:0,"aria-disabled":this.currentPage===this.pages,onClick:this.next.bind(this),onKeyDown:a=>this.onKeydown(a,this.next.bind(this)),"aria-label":"Next Page"}))}};d.style=e;export{d as admiralty_paginator};
+//# sourceMappingURL=p-33b7244b.entry.js.map

package/dist/admiralty/p-33b7244b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paginatorCss","PaginatorComponent","this","maxLength","pageChanged","page","pageChange","emit","onKeydown","event","navFn","key","prev","currentPage","next","pages","render","h","class","label","variant","ButtonVariant","Icon","icon","faChevronLeft","iconName","disabled","tabindex","onClick","bind","onKeyDown","e","faChevronRight"],"sources":["./src/components/paginator/paginator.scss?tag=admiralty-paginator","./src/components/paginator/paginator.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\n\nadmiralty-paginator nav.standard {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  admiralty-button {\n    margin: 6px;\n  }\n\n  p {\n    padding: 0px 18px 0px 0px;\n    margin-bottom: 0px;\n  }\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { ButtonVariant } from '../button/button.types';\nimport { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  tag: 'admiralty-paginator',\n  styleUrl: 'paginator.scss',\n  shadow: false,\n})\nexport class PaginatorComponent {\n  /**\n   * The total number of pages. Defaults to 1.\n   */\n  @Prop() pages = 1;\n  /**\n   * The current page. Defaults to 1.\n   */\n  @Prop() currentPage = 1;\n  /**\n   * The label to display.\n   */\n  @Prop() label: string = '';\n  /**\n   * Dispatched when the previous or next button is pressed. The event detail contains\n   * the requested page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  readonly maxLength = 7;\n\n  public pageChanged(page: number) {\n    this.pageChange.emit(page);\n  }\n\n  onKeydown(event: KeyboardEvent, navFn: Function) {\n    if (event.key === 'Enter' || event.key === 'Enter') {\n      navFn();\n    }\n  }\n\n  prev() {\n    if (this.currentPage > 1) {\n      this.pageChanged(this.currentPage - 1);\n    }\n  }\n\n  next() {\n    if (this.currentPage < this.pages) {\n      this.pageChanged(this.currentPage + 1);\n    }\n  }\n\n  render() {\n    return (\n      <nav aria-label=\"pagination\" class=\"standard\">\n        <p aria-live=\"polite\">{this.label}</p>\n        <admiralty-button\n          variant={ButtonVariant.Icon}\n          icon={faChevronLeft.iconName}\n          disabled={this.currentPage === 1}\n          tabindex={0}\n          aria-disabled={this.currentPage === 1}\n          onClick={this.prev.bind(this)}\n          onKeyDown={e => this.onKeydown(e, this.prev.bind(this))}\n          aria-label=\"Previous Page\"\n        ></admiralty-button>\n        <admiralty-button\n          variant={ButtonVariant.Icon}\n          icon={faChevronRight.iconName}\n          disabled={this.currentPage === this.pages}\n          tabindex={0}\n          aria-disabled={this.currentPage === this.pages}\n          onClick={this.next.bind(this)}\n          onKeyDown={e => this.onKeydown(e, this.next.bind(this))}\n          aria-label=\"Next Page\"\n        ></admiralty-button>\n      </nav>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAe,kO,MCSRC,EAAkB,M,gEAmBpBC,KAAAC,UAAY,E,WAfL,E,iBAIM,E,WAIE,E,CASjBC,YAAYC,GACjBH,KAAKI,WAAWC,KAAKF,E,CAGvBG,UAAUC,EAAsBC,GAC9B,GAAID,EAAME,MAAQ,SAAWF,EAAME,MAAQ,QAAS,CAClDD,G,EAIJE,OACE,GAAIV,KAAKW,YAAc,EAAG,CACxBX,KAAKE,YAAYF,KAAKW,YAAc,E,EAIxCC,OACE,GAAIZ,KAAKW,YAAcX,KAAKa,MAAO,CACjCb,KAAKE,YAAYF,KAAKW,YAAc,E,EAIxCG,SACE,OACEC,EAAA,oBAAgB,aAAaC,MAAM,YACjCD,EAAA,iBAAa,UAAUf,KAAKiB,OAC5BF,EAAA,oBACEG,QAASC,EAAcC,KACvBC,KAAMC,EAAcC,SACpBC,SAAUxB,KAAKW,cAAgB,EAC/Bc,SAAU,EAAC,gBACIzB,KAAKW,cAAgB,EACpCe,QAAS1B,KAAKU,KAAKiB,KAAK3B,MACxB4B,UAAWC,GAAK7B,KAAKM,UAAUuB,EAAG7B,KAAKU,KAAKiB,KAAK3B,OAAM,aAC5C,kBAEbe,EAAA,oBACEG,QAASC,EAAcC,KACvBC,KAAMS,EAAeP,SACrBC,SAAUxB,KAAKW,cAAgBX,KAAKa,MACpCY,SAAU,EAAC,gBACIzB,KAAKW,cAAgBX,KAAKa,MACzCa,QAAS1B,KAAKY,KAAKe,KAAK3B,MACxB4B,UAAWC,GAAK7B,KAAKM,UAAUuB,EAAG7B,KAAKY,KAAKe,KAAK3B,OAAM,aAC5C,c"}

package/dist/admiralty/p-34cbc7a1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,g as s}from"./p-e1680782.js";const r=class{constructor(e){t(this,e)}onSideNavItemSelected(t){const e=t.detail;const s=this.el.querySelector("admiralty-side-nav");const r=s.querySelectorAll("admiralty-side-nav-item");r.forEach((t=>{t.navActive=t.sideNavItemId===e}))}render(){return e("div",null,e("slot",null))}get el(){return s(this)}};export{r as admiralty_side_nav_wrapper};
+//# sourceMappingURL=p-34cbc7a1.entry.js.map

package/dist/admiralty/p-34cbc7a1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SideNavWrapperComponent","onSideNavItemSelected","event","sideNavItemId","detail","sideNav","this","el","querySelector","sideNavItems","querySelectorAll","forEach","sideNavItem","navActive","render","h"],"sources":["./src/components/side-nav/side-nav.stories.data.tsx"],"sourcesContent":["import { Component, Element, h, Listen } from '@stencil/core';\n\n/**\n * @internal\n * Wrapper for the Side Nav + Side Nav Items to demonstrate how\n * the sideNavItemSelected event can be handled and navActive can be set.\n */\n@Component({\n  tag: 'admiralty-side-nav-wrapper',\n  shadow: false,\n})\nexport class SideNavWrapperComponent {\n  @Element() el!: HTMLElement;\n\n  @Listen('sideNavItemSelected')\n  onSideNavItemSelected(event: CustomEvent<string>) {\n    const sideNavItemId: string = event.detail;\n    const sideNav = this.el.querySelector('admiralty-side-nav');\n    const sideNavItems = sideNav.querySelectorAll('admiralty-side-nav-item');\n\n    sideNavItems.forEach(sideNavItem => {\n      sideNavItem.navActive = sideNavItem.sideNavItemId === sideNavItemId;\n    });\n  }\n\n  render() {\n    return (\n      <div>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"wDAWaA,EAAuB,M,yBAIlCC,sBAAsBC,GACpB,MAAMC,EAAwBD,EAAME,OACpC,MAAMC,EAAUC,KAAKC,GAAGC,cAAc,sBACtC,MAAMC,EAAeJ,EAAQK,iBAAiB,2BAE9CD,EAAaE,SAAQC,IACnBA,EAAYC,UAAYD,EAAYT,gBAAkBA,CAAa,G,CAIvEW,SACE,OACEC,EAAA,WACEA,EAAA,a"}

package/dist/admiralty/p-3c9dee38.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as n}from"./p-e1680782.js";import{B as t}from"./p-c7dd53e5.js";const e='@media (max-width: 1023px){.desktop-only{display:none}}@media (min-width: 1024px){.not-desktop{display:none}}@media (min-width: 1024px){.tablet-only{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop{display:none}}@media (min-width: 1024px){.phone-or-tablet{display:none}}@media (min-width: 1024px){.phone-only{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only{display:none}}button.primary{display:inline-flex;align-items:center;justify-content:center;font-family:"JohnstonITC", Helvetica, sans-serif;font-size:18px;line-height:24px;font-size:21px;font-weight:normal;background-color:unset;cursor:pointer;height:60px;padding:15px 18px;white-space:nowrap;min-width:200px;background-color:#09315b;color:#ffffff;border:2px solid #09315b}button.primary:focus{outline:3px solid #ffdd00}button.primary:disabled{cursor:default}button.primary:disabled *{pointer-events:none}button.primary i{display:inline-block;font-size:24px;color:#ffffff;padding-left:15px}@media (max-width: 1023px){button.primary{min-width:unset;max-width:200px;width:100%;height:50px;padding:10px 18px}}button.primary i{display:inline-block;font-size:24px;color:#ffffff;padding-left:15px}button.primary:hover{background-color:#03284f;border:2px solid #03284f}button.primary:enabled:active{background-color:#ffffff;border:2px solid #09315b;color:#09315b}button.primary:enabled:active i{color:#09315b}button.primary:enabled:active p{color:#09315b}button.primary:disabled{background-color:#adadad;border:2px solid #adadad}button.secondary{display:inline-flex;align-items:center;justify-content:center;font-family:"JohnstonITC", Helvetica, sans-serif;font-size:18px;line-height:24px;font-size:21px;font-weight:normal;background-color:unset;cursor:pointer;height:60px;padding:15px 18px;white-space:nowrap;min-width:200px;background-color:#ffffff;color:#05284e;border:2px solid #05284e}button.secondary:focus{outline:3px solid #ffdd00}button.secondary:disabled{cursor:default}button.secondary:disabled *{pointer-events:none}button.secondary i{display:inline-block;font-size:24px;color:#ffffff;padding-left:15px}@media (max-width: 1023px){button.secondary{min-width:unset;max-width:200px;width:100%;height:50px;padding:10px 18px}}button.secondary i{display:inline-block;font-size:24px;color:#ffffff;padding-left:15px}button.secondary:hover{background-color:#eeeeee;border:2px solid #05284e}button.secondary:enabled:active{background-color:#05284e;border:2px solid #05284e;color:#ffffff}button.secondary:enabled:active i{color:#ffffff}button.secondary:enabled:active p{color:#ffffff}button.secondary:disabled{background-color:#adadad;border:2px solid #adadad}button.secondary i{color:#05284e}button.warning{display:inline-flex;align-items:center;justify-content:center;font-family:"JohnstonITC", Helvetica, sans-serif;font-size:18px;line-height:24px;font-size:21px;font-weight:normal;background-color:unset;cursor:pointer;height:60px;padding:15px 18px;white-space:nowrap;min-width:200px;background-color:#e20d0d;color:#ffffff;border:2px solid #e20d0d}button.warning:focus{outline:3px solid #ffdd00}button.warning:disabled{cursor:default}button.warning:disabled *{pointer-events:none}button.warning i{display:inline-block;font-size:24px;color:#ffffff;padding-left:15px}@media (max-width: 1023px){button.warning{min-width:unset;max-width:200px;width:100%;height:50px;padding:10px 18px}}button.warning i{display:inline-block;font-size:24px;color:#ffffff;padding-left:15px}button.warning:hover{background-color:#bd0404;border:2px solid #bd0404}button.warning:enabled:active{background-color:#ffffff;border:2px solid #e20d0d;color:#e20d0d}button.warning:enabled:active i{color:#e20d0d}button.warning:enabled:active p{color:#e20d0d}button.warning:disabled{background-color:#adadad;border:2px solid #adadad}button.warning:disabled>*{opacity:0.5}button.warning i{color:#ffffff}button.text{display:inline-flex;align-items:center;justify-content:center;font-family:"JohnstonITC", Helvetica, sans-serif;font-size:18px;line-height:24px;font-size:21px;font-weight:normal;background-color:unset;cursor:pointer;color:#05284e}button.text:focus{outline:3px solid #ffdd00}button.text:disabled{cursor:default}button.text:disabled *{pointer-events:none}button.text i{display:inline-block;font-size:24px;color:#ffffff;padding-left:15px}button.text:enabled:active{color:#05284e}button.text:enabled:active i{color:#05284e}button.text:enabled:active p{color:#05284e}button.text:disabled{color:#adadad}button.text:disabled>*{opacity:0.5}button.text:focus{outline-offset:3px}button.text i{color:#05284e}button.icon{display:inline-flex;align-items:center;justify-content:center;font-family:"JohnstonITC", Helvetica, sans-serif;font-size:18px;line-height:24px;font-size:21px;font-weight:normal;background-color:unset;cursor:pointer;min-height:50px;min-width:50px;padding:10px 10px;background-color:var(--button-icon-background-colour, #eeeeee);color:#09315b;border:2px solid #09315b}button.icon:focus{outline:3px solid #ffdd00}button.icon:disabled{cursor:default}button.icon:disabled *{pointer-events:none}button.icon i{display:inline-block;font-size:24px;color:#ffffff;padding-left:15px}button.icon:enabled:active{background-color:#09315b;color:#ffffff}button.icon:disabled{opacity:0.3}button.icon:active:disabled{background-color:#eeeeee}button.icon i{margin:auto;font-size:unset;color:unset;padding-left:unset}';const i=class{constructor(n){o(this,n);this.variant=undefined;this.icon=undefined;this.disabled=false;this.type="submit"}render(){return n("button",{type:this.type,disabled:this.disabled?true:null,class:this.variant||t.Primary},n("slot",null),this.icon?n("admiralty-icon",{"icon-name":this.icon}):undefined)}};i.style=e;export{i as admiralty_button};
+//# sourceMappingURL=p-3c9dee38.entry.js.map

package/dist/admiralty/p-3c9dee38.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonCss","ButtonComponent","render","h","type","this","disabled","class","variant","ButtonVariant","Primary","icon","undefined"],"sources":["./src/components/button/button.scss?tag=admiralty-button","./src/components/button/button.tsx"],"sourcesContent":["@use \"../../scss/base/responsive\";\r\n\r\n@use \"../../scss/vars/colours\";\r\n@use \"../../scss/vars/typography\";\r\n\r\n@mixin button-defaults {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  font-family: typography.$font-family;\r\n  font-size: typography.$font-size-normal;\r\n  line-height: typography.$font-line-height-normal;\r\n  font-size: 21px;\r\n  font-weight: typography.$font-weight-medium;\r\n  background-color: unset;\r\n  cursor: pointer;\r\n\r\n  &:focus {\r\n    outline: 3px solid colours.$colour-utility-focus;\r\n  }\r\n\r\n  &:disabled {\r\n    cursor: default;\r\n    * {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  i {\r\n    display: inline-block;\r\n    font-size: 24px;\r\n    color: colours.$colour-button-icon;\r\n    padding-left: 15px;\r\n  }\r\n}\r\n\r\n@mixin button {\r\n  @include button-defaults;\r\n  height: 60px;\r\n  padding: 15px 18px;\r\n  white-space: nowrap;\r\n  min-width: 200px;\r\n\r\n  @include responsive.not-desktop {\r\n    min-width: unset;\r\n    max-width: 200px;\r\n    width: 100%;\r\n    height: 50px;\r\n    padding: 10px 18px;\r\n  }\r\n\r\n  i {\r\n    display: inline-block;\r\n    font-size: 24px;\r\n    color: colours.$colour-button-icon;\r\n    padding-left: 15px;\r\n  }\r\n}\r\n\r\n/* Primary Buttons */\r\nbutton.primary {\r\n  @include button;\r\n  background-color: colours.$colour-button-standard;\r\n  color: colours.$colour-button-text;\r\n  border: 2px solid colours.$colour-button-standard;\r\n\r\n  &:hover {\r\n    background-color: colours.$colour-button-hover;\r\n    border: 2px solid colours.$colour-button-hover;\r\n  }\r\n\r\n  &:enabled:active {\r\n    background-color: colours.$colour-button-selected;\r\n    border: 2px solid colours.$colour-button-border-selected;\r\n    color: colours.$colour-button-icon-selected;\r\n\r\n    i {\r\n      color: colours.$colour-button-icon-selected;\r\n    }\r\n\r\n    p {\r\n      color: colours.$colour-button-text-selected;\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background-color: colours.$colour-button-deselected;\r\n    border: 2px solid colours.$colour-button-deselected;\r\n  }\r\n}\r\n\r\n/* Secondary Buttons */\r\nbutton.secondary {\r\n  @include button;\r\n  background-color: colours.$colour-button-secondary-standard;\r\n  color: colours.$colour-button-secondary-text;\r\n  border: 2px solid colours.$colour-button-secondary-border-standard;\r\n\r\n  &:hover {\r\n    background-color: colours.$colour-button-secondary-hover;\r\n    border: 2px solid colours.$colour-button-secondary-border-hover;\r\n  }\r\n\r\n  &:enabled:active {\r\n    background-color: colours.$colour-button-secondary-selected;\r\n    border: 2px solid colours.$colour-button-secondary-selected;\r\n    color: colours.$colour-button-secondary-icon-selected;\r\n\r\n    i {\r\n      color: colours.$colour-button-secondary-icon-selected;\r\n    }\r\n\r\n    p {\r\n      color: colours.$colour-button-secondary-text-selected;\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background-color: colours.$colour-button-secondary-deselected;\r\n    border: 2px solid colours.$colour-button-secondary-deselected;\r\n  }\r\n\r\n  i {\r\n    color: colours.$colour-button-secondary-icon;\r\n  }\r\n}\r\n\r\n/* Warning Buttons */\r\nbutton.warning {\r\n  @include button;\r\n  background-color: colours.$colour-utility-error;\r\n  color: colours.$colour-white;\r\n  border: 2px solid colours.$colour-utility-error;\r\n\r\n  &:hover {\r\n    background-color: colours.darken(colours.$colour-utility-error);\r\n    border: 2px solid colours.darken(colours.$colour-utility-error);\r\n  }\r\n\r\n  &:enabled:active {\r\n    background-color: colours.$colour-white;\r\n    border: 2px solid colours.$colour-utility-error;\r\n    color: colours.$colour-utility-error;\r\n\r\n    i {\r\n      color: colours.$colour-utility-error;\r\n    }\r\n\r\n    p {\r\n      color: colours.$colour-utility-error;\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    background-color: colours.$colour-button-secondary-deselected;\r\n    border: 2px solid colours.$colour-button-secondary-deselected;\r\n    & > * {\r\n      opacity: 0.5;\r\n    }\r\n  }\r\n\r\n  i {\r\n    color: colours.$colour-white;\r\n  }\r\n}\r\n\r\n/* Text Buttons */\r\nbutton.text {\r\n  @include button-defaults;\r\n  color: colours.$colour-button-secondary-text;\r\n\r\n  &:enabled:active {\r\n    color: colours.$colour-button-secondary-text;\r\n\r\n    i {\r\n      color: colours.$colour-button-secondary-text;\r\n    }\r\n\r\n    p {\r\n      color: colours.$colour-button-secondary-text;\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    color: colours.$colour-button-secondary-deselected;\r\n    & > * {\r\n      opacity: 0.5;\r\n    }\r\n  }\r\n\r\n  &:focus {\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  i {\r\n    color: colours.$colour-button-secondary-icon;\r\n  }\r\n}\r\n\r\n/* Icon Buttons */\r\nbutton.icon {\r\n  @include button-defaults;\r\n  min-height: 50px;\r\n  min-width: 50px;\r\n  padding: 10px 10px;\r\n\r\n  background-color: var(--button-icon-background-colour, colours.$colour-bg-grey);\r\n  color: colours.$colour-admiralty-blue;\r\n  border: 2px solid colours.$colour-admiralty-blue;\r\n\r\n  &:enabled:active {\r\n    background-color: colours.$colour-admiralty-blue;\r\n    color: colours.$colour-white;\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.3;\r\n  }\r\n\r\n  &:active:disabled {\r\n    background-color: colours.$colour-bg-grey;\r\n  }\r\n\r\n  i {\r\n    margin: auto;\r\n    font-size: unset;\r\n    color: unset;\r\n    padding-left: unset;\r\n  }\r\n}\r\n","import { Component, Prop, h } from '@stencil/core';\nimport { ButtonVariant } from './button.types';\nimport { IconName } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n  tag: 'admiralty-button',\n  styleUrl: 'button.scss',\n  shadow: false,\n})\nexport class ButtonComponent {\n  /**\n   * The type of button to render. Valid values are `primary`, `secondary`, `warning`, `text` and `icon`.\n   * Default value is `primary`.\n   */\n  @Prop() variant: ButtonVariant;\n  /**\n   * When passed Font Awesome Icon name, then an icon will be rendered.\n   */\n  @Prop() icon: IconName;\n  /**\n   * Determines whether the button is disabled. A button in disabled state will not fire click output events.\n   */\n  @Prop() disabled = false;\n  /**\n   * The default behavior of the button. Valid values are `button`, `submit` and `reset`.\n   * Default value is `submit`.\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'submit';\n\n  render() {\n    return (\n      <button type={this.type} disabled={this.disabled ? true : null} class={this.variant || ButtonVariant.Primary}>\n        <slot></slot>\n        {this.icon ? <admiralty-icon icon-name={this.icon}></admiralty-icon> : undefined}\n      </button>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAY,i2K,MCSLC,EAAe,M,kFAaP,M,UAK2B,Q,CAE9CC,SACE,OACEC,EAAA,UAAQC,KAAMC,KAAKD,KAAME,SAAUD,KAAKC,SAAW,KAAO,KAAMC,MAAOF,KAAKG,SAAWC,EAAcC,SACnGP,EAAA,aACCE,KAAKM,KAAOR,EAAA,8BAA2BE,KAAKM,OAA0BC,U"}

package/dist/admiralty/p-3dfc9fc0.entry.js

@@ -0,0 +1,2 @@
+import{r,h as e}from"./p-e1680782.js";const t="";const s=class{constructor(e){r(this,e);this.groupTitle=undefined}render(){return e("admiralty-expansion",{heading:this.groupTitle,"hide-border":true,expanded:true},e("slot",null))}};s.style=t;export{s as admiralty_filter_group};
+//# sourceMappingURL=p-3dfc9fc0.entry.js.map

package/dist/admiralty/p-3dfc9fc0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterGroupCss","FilterGroupComponent","render","h","heading","this","groupTitle","expanded"],"sources":["./src/components/filter-group/filter-group.scss?tag=admiralty-filter-group&encapsulation=scoped","./src/components/filter-group/filter-group.tsx"],"sourcesContent":[null,"import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @slot - You can place any content inside this element that you wish to use inside your filter component.\n */\n@Component({\n  tag: 'admiralty-filter-group',\n  styleUrl: 'filter-group.scss',\n  scoped: true,\n})\nexport class FilterGroupComponent {\n  /**\n   * The title of the filter group\n   */\n  @Prop() groupTitle: string;\n\n  render() {\n    return (\n      <admiralty-expansion heading={this.groupTitle} hide-border={true} expanded={true}>\n        <slot></slot>\n      </admiralty-expansion>\n    );\n  }\n}\n"],"mappings":"sCAAA,MAAMA,EAAiB,G,MCUVC,EAAoB,M,mDAM/BC,SACE,OACEC,EAAA,uBAAqBC,QAASC,KAAKC,WAAU,cAAe,KAAMC,SAAU,MAC1EJ,EAAA,a"}

package/dist/admiralty/p-52cb5c3d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as e}from"./p-e1680782.js";const s=".sc-admiralty-type-ahead-item-h{display:block}";const r=class{constructor(a){t(this,a);this.value=undefined}render(){return a(e,null)}};r.style=s;export{r as admiralty_type_ahead_item};
+//# sourceMappingURL=p-52cb5c3d.entry.js.map

package/dist/admiralty/p-52cb5c3d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["typeAheadItemCss","AdmiraltyTypeAheadItem","render","h","Host"],"sources":["./src/components/type-ahead-item/type-ahead-item.scss?tag=admiralty-type-ahead-item&encapsulation=scoped","./src/components/type-ahead-item/type-ahead-item.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-type-ahead-item',\n  styleUrl: 'type-ahead-item.scss',\n  scoped: true,\n})\nexport class AdmiraltyTypeAheadItem {\n  @Prop() value!: string;\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,iD,MCOZC,EAAsB,M,8CAGjCC,SACE,OAAOC,EAACC,EAAI,K"}

package/dist/admiralty/p-573407ef.entry.js

@@ -0,0 +1,2 @@
+import{r,h as t}from"./p-e1680782.js";const d="admiralty-hr{width:100%}admiralty-hr hr{border-top:1px solid #d0d0d0}";const o=class{constructor(t){r(this,t)}render(){return t("hr",null)}};o.style=d;export{o as admiralty_hr};
+//# sourceMappingURL=p-573407ef.entry.js.map

package/dist/admiralty/p-573407ef.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["horizontalRuleCss","HorizontalRuleComponent","render","h"],"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"],"mappings":"sCAAA,MAAMA,EAAoB,wE,MCObC,EAAuB,M,yBAClCC,SACE,OAAOC,EAAA,U"}

package/dist/admiralty/p-61a86783.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t}from"./p-e1680782.js";const r=".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 o=class{constructor(t){e(this,t);this.titledClicked=i(this,"titledClicked",7);this.handleClick=e=>{e.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:e,logoLinkUrl:i,logoImgUrl:r,headerTitle:o,headerTitleUrl:a}=this;return t("div",{class:"admiralty-header"},t("nav",{class:"header-menu"},t("div",{class:"header-branding"},t("a",{class:"header-logo",href:i},t("img",{class:"header-image",alt:e,src:r})),t("div",{class:"vertical-seperator"}),t("h1",{class:"header-title"},t("a",{onClick:this.handleClick,href:a},o))),t("div",{role:"navigation",class:"menu-items"},t("slot",{name:"items"})),t("div",{role:"navigation",class:"header-profile"},t("slot",{name:"profile"}))))}};o.style=r;export{o as admiralty_header};
+//# sourceMappingURL=p-61a86783.entry.js.map

package/dist/admiralty/p-61a86783.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["headerCss","HeaderComponent","this","handleClick","ev","preventDefault","titledClicked","emit","headerTitleUrl","render","logoAltText","logoLinkUrl","logoImgUrl","headerTitle","h","class","href","alt","src","onClick","role","name"],"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"],"mappings":"kDAAA,MAAMA,EAAY,06C,MCWLC,EAAe,M,sEA8BlBC,KAAAC,YAAeC,IACrBA,EAAGC,iBACHH,KAAKI,cAAcC,KAAKL,KAAKM,eAAe,E,+CAvBb,K,iBAKH,+B,gBAKD,iC,iBAKC,wB,CAW9BC,SACE,MAAMC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,EAAUC,YAAEA,EAAWL,eAAEA,GAAmBN,KAE9E,OACEY,EAAA,OAAKC,MAAM,oBACTD,EAAA,OAAKC,MAAM,eACTD,EAAA,OAAKC,MAAM,mBACTD,EAAA,KAAGC,MAAM,cAAcC,KAAML,GAC3BG,EAAA,OAAKC,MAAM,eAAeE,IAAKP,EAAaQ,IAAKN,KAEnDE,EAAA,OAAKC,MAAM,uBACXD,EAAA,MAAIC,MAAM,gBACRD,EAAA,KAAGK,QAASjB,KAAKC,YAAaa,KAAMR,GACjCK,KAIPC,EAAA,OAAKM,KAAK,aAAaL,MAAM,cAC3BD,EAAA,QAAMO,KAAK,WAEbP,EAAA,OAAKM,KAAK,aAAaL,MAAM,kBAC3BD,EAAA,QAAMO,KAAK,c"}

package/dist/admiralty/p-6293fffb.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e}from"./p-e1680782.js";const n="@media (max-width: 1023px){.desktop-only.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-side-nav-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-side-nav-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-side-nav-item{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-side-nav-item{display:none}}a.section.sc-admiralty-side-nav-item{cursor:pointer;padding:0px 10px;display:flex;flex-direction:column;justify-content:center;height:42px;max-width:fit-content;box-sizing:border-box;user-select:none;text-align:center;text-decoration:none;color:#09315b;font-weight:normal;font-size:16px}a.section.sc-admiralty-side-nav-item:hover{background-color:#f0f0f0}a.section.sc-admiralty-side-nav-item:focus{outline-offset:-2px}a.section.navActive.sc-admiralty-side-nav-item{background-color:#09315b;color:#ffffff}";const a=class{constructor(e){i(this,e);this.sideNavItemSelected=t(this,"sideNavItemSelected",7);this.sideNavItemId=undefined;this.headingTitle=undefined;this.navActive=false}handleClickAction(){this.emitSideNavItemSelected()}handleKeyUpAction(i){if(i.key==="Enter"){this.emitSideNavItemSelected()}}emitSideNavItemSelected(){this.sideNavItemSelected.emit(this.sideNavItemId)}render(){return e("a",{class:{section:true,navActive:this.navActive},tabindex:"0",role:"button",onClick:this.handleClickAction.bind(this),onKeyUp:this.handleKeyUpAction.bind(this)},this.headingTitle)}};a.style=n;export{a as admiralty_side_nav_item};
+//# sourceMappingURL=p-6293fffb.entry.js.map

package/dist/admiralty/p-6293fffb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sideNavItemCss","SideNavItemComponent","handleClickAction","this","emitSideNavItemSelected","handleKeyUpAction","ev","key","sideNavItemSelected","emit","sideNavItemId","render","h","class","section","navActive","tabindex","role","onClick","bind","onKeyUp","headingTitle"],"sources":["./src/components/side-nav-item/side-nav-item.scss?tag=admiralty-side-nav-item&encapsulation=scoped","./src/components/side-nav-item/side-nav-item.tsx"],"sourcesContent":["@use \"../../scss/base/responsive\";\r\n@use \"../../scss/vars/colours\";\r\n\r\na.section {\r\n  cursor: pointer;\r\n  padding: 0px 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  height: 42px;\r\n  max-width: fit-content;\r\n  box-sizing: border-box;\r\n  user-select: none;\r\n\r\n  text-align: center;\r\n  text-decoration: none;\r\n  color: colours.$colour-admiralty-blue;\r\n  font-weight: normal;\r\n  font-size: 16px;\r\n\r\n  &:hover {\r\n    background-color: colours.$colour-nav-bg-hover;\r\n  }\r\n\r\n  &:focus {\r\n    outline-offset: -2px;\r\n  }\r\n\r\n  &.navActive {\r\n    background-color: colours.$colour-admiralty-blue;\r\n    color: colours.$colour-white;\r\n  }\r\n}\r\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-side-nav-item',\n  styleUrl: 'side-nav-item.scss',\n  scoped: true,\n})\nexport class SideNavItemComponent {\n  /**\n   * A unique id for this SideNavItem\n   */\n  @Prop() sideNavItemId: string;\n\n  /**\n   * The text that is displayed in the SideNavItem\n   */\n  @Prop() headingTitle: string;\n\n  /**\n   * Represents whether this SideNavItem is 'active'\n   * and will be styled differently than SideNavItems that are not 'active'.\n   * The intent behind the design for SideNav is for there to only be ONE\n   * SideNavItem that is 'active' per SideNav\n   */\n  @Prop() navActive: boolean = false;\n\n  /**\n   * An event emitted when this Side Nav item is selected containing the sideNavItemId\n   */\n  @Event() sideNavItemSelected: EventEmitter<string>;\n\n  handleClickAction() {\n    this.emitSideNavItemSelected();\n  }\n\n  handleKeyUpAction(ev: KeyboardEvent) {\n    if (ev.key === 'Enter') {\n      this.emitSideNavItemSelected();\n    }\n  }\n\n  emitSideNavItemSelected() {\n    this.sideNavItemSelected.emit(this.sideNavItemId);\n  }\n\n  render() {\n    return (\n      <a\n        class={{\n          section: true,\n          navActive: this.navActive,\n        }}\n        tabindex=\"0\"\n        role=\"button\"\n        onClick={this.handleClickAction.bind(this)}\n        onKeyUp={this.handleKeyUpAction.bind(this)}\n      >\n        {this.headingTitle}\n      </a>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,2sC,MCOVC,EAAoB,M,0JAiBF,K,CAO7BC,oBACEC,KAAKC,yB,CAGPC,kBAAkBC,GAChB,GAAIA,EAAGC,MAAQ,QAAS,CACtBJ,KAAKC,yB,EAITA,0BACED,KAAKK,oBAAoBC,KAAKN,KAAKO,c,CAGrCC,SACE,OACEC,EAAA,KACEC,MAAO,CACLC,QAAS,KACTC,UAAWZ,KAAKY,WAElBC,SAAS,IACTC,KAAK,SACLC,QAASf,KAAKD,kBAAkBiB,KAAKhB,MACrCiB,QAASjB,KAAKE,kBAAkBc,KAAKhB,OAEpCA,KAAKkB,a"}

package/dist/admiralty/p-69e7a596.entry.js

@@ -0,0 +1,2 @@
+import{r,h as a,H as e}from"./p-e1680782.js";const t=".sc-admiralty-table-header-h{display:table-header-group}";const s=class{constructor(a){r(this,a)}render(){return a(e,{role:"rowgroup"},a("slot",null))}};s.style=t;export{s as admiralty_table_header};
+//# sourceMappingURL=p-69e7a596.entry.js.map

package/dist/admiralty/p-69e7a596.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tableHeaderCss","TableHeader","render","h","Host","role"],"sources":["./src/components/table-header/table-header.scss?tag=admiralty-table-header&encapsulation=scoped","./src/components/table-header/table-header.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n\r\n:host {\r\n  display: table-header-group;\r\n}\r\n\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table header should be used inside a table element to give headers to all the columns\n * @slot - Table header cells should be placed in the slot\n */\n@Component({\n  tag: 'admiralty-table-header',\n  styleUrl: 'table-header.scss',\n  scoped: true,\n})\nexport class TableHeader {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAiB,2D,MCWVC,EAAW,M,yBACtBC,SACE,OACEC,EAACC,EAAI,CAACC,KAAK,YACTF,EAAA,a"}

package/dist/admiralty/p-6b102dd7.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as i}from"./p-e1680782.js";const l='.form-control{font-size:18px;position:relative;display:inline-block}.form-control input[type=checkbox]{box-sizing:border-box;opacity:0;position:absolute;top:0;left:0;padding:0;width:30px;height:30px;margin:0;z-index:1;cursor:pointer}.form-control input[type=checkbox]:checked+label::after{content:""}.form-control label{position:relative;display:inline-block;padding-left:42px;margin-bottom:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:30px}.form-control label.disabled{cursor:default;pointer-events:none}.form-control label::before,.form-control label::after{position:absolute;content:none;display:inline-block}.form-control label::before{content:"";height:26px;width:26px;border:2px solid #03284f;left:0;top:0;background-color:#fff}.form-control label::after{height:8px;width:15px;border-left:3px solid;border-bottom:3px solid;transform:rotate(-45deg);color:#09315b;left:6px;top:7px}.form-control.right-align label{padding-left:unset;padding-right:35px}.form-control.right-align label::before{left:unset;right:0}.form-control.right-align label::after{left:unset;right:6px}';const r=class{constructor(o){e(this,o);this.checkboxChange=t(this,"checkboxChange",7);this.checkboxFocus=t(this,"checkboxFocus",7);this.checkboxBlur=t(this,"checkboxBlur",7);this.inputId=`admiralty-${n++}`;this.onBlur=()=>{this.checkboxBlur.emit()};this.onClick=e=>{if(!this.disabled){e.preventDefault();this.checked=!this.checked}};this.onFocus=()=>{this.checkboxFocus.emit()};this.checkboxRight=false;this.disabled=false;this.name=this.inputId;this.checked=false;this.value=undefined;this.labelText=null}checkedChanged(e){this.checkboxChange.emit({checked:e,value:this.value})}render(){const{checked:e,checkboxRight:t,disabled:l,inputId:r,labelText:n,name:s}=this;return o(i,null,o("div",{"aria-checked":`${e}`,"aria-hidden":l?"true":null,role:"checkbox",class:{"form-control":true,"right-align":t}},o("input",{"aria-checked":`${e}`,type:"checkbox",onBlur:()=>this.onBlur(),onFocus:()=>this.onFocus(),id:r,disabled:l,name:s,checked:e}),o("label",{class:{disabled:l},onClick:this.onClick,htmlFor:r},n)))}static get watchers(){return{checked:["checkedChanged"]}}};let n=0;r.style=l;export{r as admiralty_checkbox};
+//# sourceMappingURL=p-6b102dd7.entry.js.map

package/dist/admiralty/p-6b102dd7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxCss","CheckboxComponent","this","inputId","checkboxIds","onBlur","checkboxBlur","emit","onClick","ev","disabled","preventDefault","checked","onFocus","checkboxFocus","checkedChanged","isChecked","checkboxChange","value","render","checkboxRight","labelText","name","h","Host","role","class","type","id","htmlFor"],"sources":["./src/components/checkbox/checkbox.scss?tag=admiralty-checkbox&encapsulation=shadow","./src/components/checkbox/checkbox.tsx"],"sourcesContent":[".form-control {\r\n  font-size: 18px;\r\n  position: relative;\r\n  display: inline-block;\r\n\r\n  input[type=\"checkbox\"] {\r\n    box-sizing: border-box;\r\n    opacity: 0;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    padding: 0;\r\n    width: 30px;\r\n    height: 30px;\r\n    margin: 0;\r\n    z-index: 1;\r\n    cursor: pointer;\r\n\r\n    &:checked+label::after {\r\n      content: \"\";\r\n    }\r\n  }\r\n\r\n  label {\r\n    position: relative;\r\n    display: inline-block;\r\n    padding-left: 42px;\r\n    margin-bottom: 14px;\r\n    cursor: pointer;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    user-select: none;\r\n    line-height: 30px;\r\n\r\n    &.disabled {\r\n      cursor: default;\r\n      pointer-events: none;\r\n    }\r\n\r\n    &::before, &::after {\r\n      position: absolute;\r\n      content: none;\r\n      display: inline-block;\r\n    }\r\n\r\n\r\n    &::before {\r\n      content: \"\";\r\n      height: 26px;\r\n      width: 26px;\r\n      border: 2px solid #03284f;\r\n      left: 0;\r\n      top: 0;\r\n      background-color: #fff;\r\n    }\r\n\r\n    &::after {\r\n      height: 8px;\r\n      width: 15px;\r\n      border-left: 3px solid;\r\n      border-bottom: 3px solid;\r\n      transform: rotate(-45deg);\r\n      color: #09315b;\r\n      left: 6px;\r\n      top: 7px;\r\n    }\r\n  }\r\n\r\n  &.right-align label {\r\n    padding-left: unset;\r\n    padding-right: 35px;\r\n\r\n    &::before {\r\n      left: unset;\r\n      right: 0;\r\n    }\r\n\r\n    &::after {\r\n      left: unset;\r\n      right: 6px;\r\n    }\r\n  }\r\n}\r\n\r\n","import { Component, EventEmitter, Event, Host, h, Prop, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n})\nexport class CheckboxComponent {\n  private inputId = `admiralty-${checkboxIds++}`;\n\n  /**\n   * Whether the checkbox should be positioned to the right of the label.\n   */\n  @Prop() checkboxRight: boolean = false;\n\n  /**\n   * This dictates whether the form field is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.inputId;\n\n  /**\n   * If `true`, the checkbox is selected.\n   */\n  @Prop({ mutable: true }) checked: boolean = false;\n\n  /**\n   * The value of the checkbox does not mean if it's checked or not, use the `checked`\n   * property for that.\n   *\n   * The value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\n   * it's only used when the checkbox participates in a native `<form>`.\n   */\n  @Prop() value: any | null;\n\n  /**\n   * The text that's displayed alongside the checkbox\n   */\n  @Prop() labelText: string = null;\n\n  /**\n   * Event is fired when the form control changes state\n   * @event radioChanges\n   */\n  @Event() checkboxChange: EventEmitter<any>;\n\n  /**\n   * Event is fired when the form control gains focus\n   * @event checkboxFocus\n   */\n  @Event() checkboxFocus: EventEmitter<any>;\n\n  /**\n   * Event is fired when the form control loses focus\n   * @event checkboxBlur\n   */\n  @Event() checkboxBlur: EventEmitter<any>;\n\n  @Watch('checked')\n  checkedChanged(isChecked: boolean) {\n    this.checkboxChange.emit({\n      checked: isChecked,\n      value: this.value,\n    });\n  }\n\n  private onBlur = () => {\n    this.checkboxBlur.emit();\n  };\n\n  private onClick = (ev: any) => {\n    if (!this.disabled) {\n      ev.preventDefault();\n      this.checked = !this.checked;\n    }\n  };\n\n  private onFocus = () => {\n    this.checkboxFocus.emit();\n  };\n\n  render() {\n    const { checked, checkboxRight, disabled, inputId, labelText, name } = this;\n\n    return (\n      <Host>\n        <div aria-checked={`${checked}`} aria-hidden={disabled ? 'true' : null} role=\"checkbox\" class={{ 'form-control': true, 'right-align': checkboxRight }}>\n          <input\n            aria-checked={`${checked}`}\n            type=\"checkbox\"\n            onBlur={() => this.onBlur()}\n            onFocus={() => this.onFocus()}\n            id={inputId}\n            disabled={disabled}\n            name={name}\n            checked={checked}\n          />\n          <label class={{ disabled: disabled }} onClick={this.onClick} htmlFor={inputId}>\n            {labelText}\n          </label>\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet checkboxIds = 0;\n"],"mappings":"yDAAA,MAAMA,EAAc,wmC,MCOPC,EAAiB,M,gKACpBC,KAAAC,QAAU,aAAaC,MA8DvBF,KAAAG,OAAS,KACfH,KAAKI,aAAaC,MAAM,EAGlBL,KAAAM,QAAWC,IACjB,IAAKP,KAAKQ,SAAU,CAClBD,EAAGE,iBACHT,KAAKU,SAAWV,KAAKU,O,GAIjBV,KAAAW,QAAU,KAChBX,KAAKY,cAAcP,MAAM,E,mBArEM,M,cAKL,M,UAKLL,KAAKC,Q,aAKgB,M,oCAchB,I,CAqB5BY,eAAeC,GACbd,KAAKe,eAAeV,KAAK,CACvBK,QAASI,EACTE,MAAOhB,KAAKgB,O,CAmBhBC,SACE,MAAMP,QAAEA,EAAOQ,cAAEA,EAAaV,SAAEA,EAAQP,QAAEA,EAAOkB,UAAEA,EAASC,KAAEA,GAASpB,KAEvE,OACEqB,EAACC,EAAI,KACHD,EAAA,sBAAmB,GAAGX,IAAS,cAAeF,EAAW,OAAS,KAAMe,KAAK,WAAWC,MAAO,CAAE,eAAgB,KAAM,cAAeN,IACpIG,EAAA,wBACgB,GAAGX,IACjBe,KAAK,WACLtB,OAAQ,IAAMH,KAAKG,SACnBQ,QAAS,IAAMX,KAAKW,UACpBe,GAAIzB,EACJO,SAAUA,EACVY,KAAMA,EACNV,QAASA,IAEXW,EAAA,SAAOG,MAAO,CAAEhB,SAAUA,GAAYF,QAASN,KAAKM,QAASqB,QAAS1B,GACnEkB,I,4DAQb,IAAIjB,EAAc,E"}

package/dist/admiralty/p-80c03397.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e}from"./p-e1680782.js";const l='@charset "UTF-8";@media (max-width: 1023px){.desktop-only.sc-admiralty-filter{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-filter{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-filter{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-filter{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-filter{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-filter{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-filter{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-filter{display:none}}*.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;font-size:18px;line-height:24px;font-weight:300;color:#333333}@media (max-width: 1023px){*.sc-admiralty-filter{font-size:16px}}a.sc-admiralty-filter{color:#09315b}a.sc-admiralty-filter:focus{outline:3px solid #ffdd00;outline-offset:1px}h1.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;color:#09315b;font-weight:normal;font-size:48px;line-height:60px;margin:0 0 30px 0}@media (max-width: 1023px){h1.sc-admiralty-filter{font-size:46px;line-height:54px}}h2.sc-admiralty-filter,.filter-heading.sc-admiralty-filter .filter-title.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;color:#09315b;font-weight:normal;font-size:36px;line-height:48px;margin-bottom:18px}@media (max-width: 1023px){h2.sc-admiralty-filter,.filter-heading.sc-admiralty-filter .filter-title.sc-admiralty-filter{font-size:34px;line-height:42px}}h3.sc-admiralty-filter,h4.sc-admiralty-filter,h5.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;color:#09315b;font-weight:normal;font-size:21px;line-height:30px;margin-bottom:12px}@media (max-width: 1023px){h3.sc-admiralty-filter,h4.sc-admiralty-filter,h5.sc-admiralty-filter{font-size:20px;line-height:30px}}h6.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;color:#09315b;font-weight:normal;font-size:18px;line-height:24px;margin-bottom:12px}@media (max-width: 1023px){h6.sc-admiralty-filter{font-size:16px}}p.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;margin-bottom:30px}.intro.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;font-size:28px;line-height:36px;margin-bottom:30px}@media (max-width: 1023px){.intro.sc-admiralty-filter{font-size:26px}}.small.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;font-size:16px}@media (max-width: 1023px){.small.sc-admiralty-filter{font-size:14px;line-height:22px}}blockquote.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;line-height:30px;width:100%;padding:24px 18px;border-left:5px solid #09315b;margin-bottom:30px;background:#eeeeee}@media (max-width: 1023px){blockquote.sc-admiralty-filter{line-height:24px}}ul.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;list-style:none}ul.sc-admiralty-filter a.sc-admiralty-filter{font-weight:300}ul.sc-admiralty-filter li.sc-admiralty-filter{margin-bottom:12px}ul.sc-admiralty-filter li.sc-admiralty-filter:before{content:"■";font-size:18px;color:#09315b;vertical-align:text-bottom;margin-right:12px}@media (max-width: 1023px){ul.sc-admiralty-filter li.sc-admiralty-filter:before{font-size:8px}}ol.sc-admiralty-filter{font-family:"JohnstonITC", Helvetica, sans-serif;list-style:none;counter-reset:li}ol.sc-admiralty-filter a.sc-admiralty-filter{font-weight:300}ol.sc-admiralty-filter li.sc-admiralty-filter:before{content:counter(li) ".";color:#03284f;font-size:18px;margin-right:12px}ol.sc-admiralty-filter li.sc-admiralty-filter{counter-increment:li;margin-bottom:12px}.white-text.sc-admiralty-filter *.sc-admiralty-filter{color:#ffffff}.filter-heading.sc-admiralty-filter{display:flex;justify-content:space-between;align-items:baseline}.filter-heading.sc-admiralty-filter .button-wrapper.sc-admiralty-filter{position:relative;margin-left:28px}.filter-heading.sc-admiralty-filter .button-wrapper.sc-admiralty-filter button.text-link.sc-admiralty-filter{background-color:unset;border:none;color:black;padding:0;min-width:unset;width:unset;height:unset;font-size:16px;text-decoration:underline;font-weight:unset;cursor:pointer}.filter-heading.sc-admiralty-filter .button-wrapper.sc-admiralty-filter button.text-link.sc-admiralty-filter:hover{background-color:unset;border:unset}.filter-heading.sc-admiralty-filter .button-wrapper.sc-admiralty-filter button.text-link.sc-admiralty-filter:focus{outline:none}.filter-heading.sc-admiralty-filter .button-wrapper.sc-admiralty-filter button.text-link.sc-admiralty-filter:focus::after{content:"";position:absolute;top:-3px;bottom:0;right:-3px;left:-3px;box-shadow:0 0 0 3px #ffdd00}';const a=class{constructor(e){t(this,e);this.filterCleared=i(this,"filterCleared",7);this.filterApplied=i(this,"filterApplied",7);this.onFilterCleared=t=>{t.preventDefault();this.filterCleared.emit()};this.onFilterApplied=t=>{t.preventDefault();this.filterApplied.emit()};this.filterTitle="Filter"}render(){return e("div",{class:"filter-container"},e("div",{class:"filter-heading"},e("div",{class:"filter-title"},this.filterTitle),e("div",{class:"button-wrapper"},e("button",{type:"reset",class:"text-link","aria-label":"Clear selected filters",onClick:this.onFilterCleared},"Clear"))),e("div",null,e("slot",null)),e("div",null,e("admiralty-button",{onClick:this.onFilterApplied},"Apply filters")))}};a.style=l;export{a as admiralty_filter};
+//# sourceMappingURL=p-80c03397.entry.js.map

package/dist/admiralty/p-80c03397.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterCss","FilterComponent","this","onFilterCleared","ev","preventDefault","filterCleared","emit","onFilterApplied","filterApplied","render","h","class","filterTitle","type","onClick"],"sources":["./src/components/filter/filter.scss?tag=admiralty-filter&encapsulation=scoped","./src/components/filter/filter.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\r\n@use \"../../scss/base/typography\";\r\n\r\n.filter-heading {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: baseline;\r\n\r\n  .filter-title {\r\n    @extend h2\r\n  }\r\n\r\n  .button-wrapper {\r\n    position: relative;\r\n    margin-left: 28px;\r\n    /* TODO: If reused, move class to button component */\r\n    button.text-link {\r\n      background-color: unset;\r\n      border: none;\r\n      color: black;\r\n      padding: 0;\r\n      min-width: unset;\r\n      width: unset;\r\n      height: unset;\r\n      font-size: 16px;\r\n      text-decoration: underline;\r\n      font-weight: unset;\r\n      cursor: pointer;\r\n    }\r\n    button.text-link:hover {\r\n      background-color: unset;\r\n      border: unset;\r\n    }\r\n    button.text-link:focus {\r\n      outline: none;\r\n    }\r\n    button.text-link:focus::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: -3px;\r\n      bottom: 0;\r\n      right: -3px;\r\n      left: -3px;\r\n      box-shadow: 0 0 0 3px colours.$colour-utility-focus;\r\n    }\r\n  }\r\n}\r\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n/**\n * @slot - 'admiralty-filter-group' components can be placed inside of this element to render groups of filter controls. You can also place any elements you wish\n */\n@Component({\n  tag: 'admiralty-filter',\n  styleUrl: 'filter.scss',\n  scoped: true,\n})\nexport class FilterComponent {\n  /**\n   * The title of the filter\n   */\n  @Prop() filterTitle = 'Filter';\n\n  /**\n   * Event that is emitted when the filters are cleared\n   */\n  @Event() filterCleared: EventEmitter<void>;\n\n  /**\n   * Event that is emitted when the filters are applied\n   */\n  @Event() filterApplied: EventEmitter<void>;\n\n  private onFilterCleared = (ev: Event) => {\n    ev.preventDefault();\n    this.filterCleared.emit();\n  };\n\n  private onFilterApplied = (ev: Event) => {\n    ev.preventDefault();\n    this.filterApplied.emit();\n  };\n\n  render() {\n    return (\n      <div class=\"filter-container\">\n        <div class=\"filter-heading\">\n          <div class=\"filter-title\">{this.filterTitle}</div>\n          <div class=\"button-wrapper\">\n            <button type=\"reset\" class=\"text-link\" aria-label=\"Clear selected filters\" onClick={this.onFilterCleared}>\n              Clear\n            </button>\n          </div>\n        </div>\n        <div>\n          <slot></slot>\n        </div>\n        <div>\n          <admiralty-button onClick={this.onFilterApplied}>Apply filters</admiralty-button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAY,sqJ,MCULC,EAAe,M,mHAgBlBC,KAAAC,gBAAmBC,IACzBA,EAAGC,iBACHH,KAAKI,cAAcC,MAAM,EAGnBL,KAAAM,gBAAmBJ,IACzBA,EAAGC,iBACHH,KAAKO,cAAcF,MAAM,E,iBAnBL,Q,CAsBtBG,SACE,OACEC,EAAA,OAAKC,MAAM,oBACTD,EAAA,OAAKC,MAAM,kBACTD,EAAA,OAAKC,MAAM,gBAAgBV,KAAKW,aAChCF,EAAA,OAAKC,MAAM,kBACTD,EAAA,UAAQG,KAAK,QAAQF,MAAM,YAAW,aAAY,yBAAyBG,QAASb,KAAKC,iBAAe,WAK5GQ,EAAA,WACEA,EAAA,cAEFA,EAAA,WACEA,EAAA,oBAAkBI,QAASb,KAAKM,iBAAe,kB"}

package/dist/admiralty/p-914567f9.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as i,H as s,g as a}from"./p-e1680782.js";const o=".radio-group.sc-admiralty-radio-group{display:flex;flex-direction:row}.radio-group.sc-admiralty-radio-group-s>*,.radio-group .sc-admiralty-radio-group-s>*{margin-right:2em !important}.stack.sc-admiralty-radio-group{flex-direction:column}.stack.sc-admiralty-radio-group-s>*,.stack .sc-admiralty-radio-group-s>*{margin-bottom:10px !important}";const d=class{constructor(i){t(this,i);this.radioChange=r(this,"radioChange",7);this.inputId=`admiralty-rg-${e++}`;this.setRadioTabindex=t=>{const r=this.getRadios();const i=r.find((t=>!t.disabled));const s=r.find((r=>r.value===t&&!r.disabled));if(!i&&!s){return}const a=s||i;for(const t of r){const r=t===a?0:-1;t.setButtonTabindex(r)}};this.onClick=t=>{const r=t.target&&t.target.closest("admiralty-radio");if(r){const t=this.value;const i=r.value;if(i!==t){this.value=i}else{this.value=undefined}}};this.name=this.inputId;this.value=undefined;this.displayVertical=false}valueChanged(t){this.setRadioTabindex(t);this.radioChange.emit({value:t})}componentDidLoad(){this.setRadioTabindex(this.value)}getRadios(){return Array.from(this.el.querySelectorAll("admiralty-radio"))}render(){const{displayVertical:t}=this;return i(s,null,i("div",{class:{"radio-group":true,stack:t},role:"radiogroup",onClick:this.onClick},i("slot",null)))}get el(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};let e=0;d.style=o;export{d as admiralty_radio_group};
+//# sourceMappingURL=p-914567f9.entry.js.map

package/dist/admiralty/p-914567f9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["radioGroupCss","RadioGroupComponent","this","inputId","radioGroupIds","setRadioTabindex","value","radios","getRadios","first","find","radio","disabled","checked","focusable","tabindex","setButtonTabindex","onClick","e","selectedRadio","target","closest","currentValue","newValue","undefined","valueChanged","radioChange","emit","componentDidLoad","Array","from","el","querySelectorAll","render","displayVertical","h","Host","class","stack","role"],"sources":["./src/components/radio-group/radio-group.scss?tag=admiralty-radio-group&encapsulation=scoped","./src/components/radio-group/radio-group.tsx"],"sourcesContent":[".radio-group {\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  ::slotted(*) {\r\n    margin-right: 2em !important;\r\n  }\r\n}\r\n\r\n.stack {\r\n  flex-direction: column;\r\n\r\n  ::slotted(*) {\r\n    margin-bottom: 10px !important;\r\n  }\r\n}\r\n\r\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, ComponentInterface, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-radio-group',\n  styleUrl: 'radio-group.scss',\n  scoped: true,\n})\nexport class RadioGroupComponent implements ComponentInterface {\n  private inputId = `admiralty-rg-${radioGroupIds++}`;\n\n  @Element() el!: HTMLElement;\n\n  /**\n   * The name of the control, which is submitted with the form data\n   */\n  @Prop() name: string = this.inputId;\n\n  /**\n   * The value of the radio group\n   */\n  @Prop({ mutable: true }) value: any | null;\n\n  /**\n   * Setting this true displays the radio options vertically (defaults to false)\n   */\n  @Prop() displayVertical: boolean = false;\n\n  @Watch('value')\n  valueChanged(value: any) {\n    this.setRadioTabindex(value);\n\n    this.radioChange.emit({ value });\n  }\n\n  /**\n   * Event fired when the checked radio button changes\n   */\n  @Event() radioChange: EventEmitter<any>;\n\n  componentDidLoad(): void {\n    this.setRadioTabindex(this.value);\n  }\n\n  private setRadioTabindex = (value: any | undefined) => {\n    const radios = this.getRadios();\n\n    // Get the first radio that is not disabled and the checked one\n    const first = radios.find(radio => !radio.disabled);\n    const checked = radios.find(radio => radio.value === value && !radio.disabled);\n\n    if (!first && !checked) {\n      return;\n    }\n\n    // If an enabled checked radio exists, set it to be the focusable radio\n    // otherwise we default to focus the first radio\n    const focusable = checked || first;\n\n    for (const radio of radios) {\n      const tabindex = radio === focusable ? 0 : -1;\n      radio.setButtonTabindex(tabindex);\n    }\n  };\n\n  private getRadios(): any {\n    return Array.from(this.el.querySelectorAll('admiralty-radio'));\n  }\n  private onClick = (e: Event) => {\n    const selectedRadio = e.target && (e.target as HTMLElement).closest('admiralty-radio');\n\n    if (selectedRadio) {\n      const currentValue = this.value;\n      const newValue = selectedRadio.value;\n\n      if (newValue !== currentValue) {\n        this.value = newValue;\n      } else {\n        this.value = undefined;\n      }\n    }\n  };\n\n  render() {\n    const { displayVertical } = this;\n\n    return (\n      <Host>\n        <div class={{ 'radio-group': true, 'stack': displayVertical }} role=\"radiogroup\" onClick={this.onClick}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet radioGroupIds: number = 0;\n"],"mappings":"gEAAA,MAAMA,EAAgB,uV,MCOTC,EAAmB,M,kEACtBC,KAAAC,QAAU,gBAAgBC,MAmC1BF,KAAAG,iBAAoBC,IAC1B,MAAMC,EAASL,KAAKM,YAGpB,MAAMC,EAAQF,EAAOG,MAAKC,IAAUA,EAAMC,WAC1C,MAAMC,EAAUN,EAAOG,MAAKC,GAASA,EAAML,QAAUA,IAAUK,EAAMC,WAErE,IAAKH,IAAUI,EAAS,CACtB,M,CAKF,MAAMC,EAAYD,GAAWJ,EAE7B,IAAK,MAAME,KAASJ,EAAQ,CAC1B,MAAMQ,EAAWJ,IAAUG,EAAY,GAAK,EAC5CH,EAAMK,kBAAkBD,E,GAOpBb,KAAAe,QAAWC,IACjB,MAAMC,EAAgBD,EAAEE,QAAWF,EAAEE,OAAuBC,QAAQ,mBAEpE,GAAIF,EAAe,CACjB,MAAMG,EAAepB,KAAKI,MAC1B,MAAMiB,EAAWJ,EAAcb,MAE/B,GAAIiB,IAAaD,EAAc,CAC7BpB,KAAKI,MAAQiB,C,KACR,CACLrB,KAAKI,MAAQkB,S,cA9DItB,KAAKC,Q,0CAUO,K,CAGnCsB,aAAanB,GACXJ,KAAKG,iBAAiBC,GAEtBJ,KAAKwB,YAAYC,KAAK,CAAErB,S,CAQ1BsB,mBACE1B,KAAKG,iBAAiBH,KAAKI,M,CAwBrBE,YACN,OAAOqB,MAAMC,KAAK5B,KAAK6B,GAAGC,iBAAiB,mB,CAiB7CC,SACE,MAAMC,gBAAEA,GAAoBhC,KAE5B,OACEiC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAO,CAAE,cAAe,KAAMC,MAASJ,GAAmBK,KAAK,aAAatB,QAASf,KAAKe,SAC7FkB,EAAA,c,gFAOV,IAAI/B,EAAwB,E"}

package/dist/admiralty/p-96a33adb.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n,g as r}from"./p-e1680782.js";const s=class{constructor(n){t(this,n)}pageChangedHandler(t){const n=t.detail;const r=this.el.querySelector("admiralty-paginator");const s=6;const o=n==1?1:s*(n-1)+1;const a=n==8?45:s*n;const e=45;const c=`Showing ${o}-${a} of ${e}`;if(r.label){r.label=c}r.currentPage=n}render(){return n("div",null,n("slot",null))}get el(){return r(this)}};export{s as admiralty_paginator_wrapper};
+//# sourceMappingURL=p-96a33adb.entry.js.map

package/dist/admiralty/p-96a33adb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PaginatorWrapperComponent","pageChangedHandler","event","page","detail","paginator","this","el","querySelector","perPage","first","last","total","label","currentPage","render","h"],"sources":["./src/components/paginator/paginator.stories.data.tsx"],"sourcesContent":["import { Component, Element, h, Listen } from '@stencil/core';\n\n/**\n * @internal\n * Wrapper for the Paginator to demonstrate how the label and current page properties\n * can be updated.\n */\n@Component({\n  tag: 'admiralty-paginator-wrapper',\n  shadow: false,\n})\nexport class PaginatorWrapperComponent {\n  @Element() el!: HTMLElement;\n\n  @Listen('pageChange')\n  pageChangedHandler(event: CustomEvent<any>) {\n    const page: number = event.detail;\n    const paginator = this.el.querySelector('admiralty-paginator');\n\n    const perPage = 6;\n    const first = page == 1 ? 1 : perPage * (page - 1) + 1;\n    const last = page == 8 ? 45 : perPage * page;\n    const total = 45;\n    const label = `Showing ${first}-${last} of ${total}`;\n\n    if (paginator.label) {\n      paginator.label = label;\n    }\n    paginator.currentPage = page;\n  }\n\n  render() {\n    return (\n      <div>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"wDAWaA,EAAyB,M,yBAIpCC,mBAAmBC,GACjB,MAAMC,EAAeD,EAAME,OAC3B,MAAMC,EAAYC,KAAKC,GAAGC,cAAc,uBAExC,MAAMC,EAAU,EAChB,MAAMC,EAAQP,GAAQ,EAAI,EAAIM,GAAWN,EAAO,GAAK,EACrD,MAAMQ,EAAOR,GAAQ,EAAI,GAAKM,EAAUN,EACxC,MAAMS,EAAQ,GACd,MAAMC,EAAQ,WAAWH,KAASC,QAAWC,IAE7C,GAAIP,EAAUQ,MAAO,CACnBR,EAAUQ,MAAQA,C,CAEpBR,EAAUS,YAAcX,C,CAG1BY,SACE,OACEC,EAAA,WACEA,EAAA,a"}

package/dist/admiralty/p-aa03be54.entry.js

@@ -0,0 +1,2 @@
+import{r,h as t,H as o}from"./p-e1680782.js";const s=".sc-admiralty-table-row-h{display:table-row}";const a=class{constructor(t){r(this,t)}render(){return t(o,{role:"row"},t("slot",null))}};a.style=s;export{a as admiralty_table_row};
+//# sourceMappingURL=p-aa03be54.entry.js.map

package/dist/admiralty/p-aa03be54.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tableRowCss","TableRow","render","h","Host","role"],"sources":["./src/components/table-row/table-row.scss?tag=admiralty-table-row&encapsulation=scoped","./src/components/table-row/table-row.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n\r\n:host {\r\n  display: table-row;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table row element should be used to define rows within the table body\n * @slot - Table cells should be placed inside the slot\n */\n@Component({\n  tag: 'admiralty-table-row',\n  styleUrl: 'table-row.scss',\n  scoped: true,\n})\nexport class TableRow {\n  render() {\n    return (\n      <Host role=\"row\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAc,+C,MCWPC,EAAQ,M,yBACnBC,SACE,OACEC,EAACC,EAAI,CAACC,KAAK,OACTF,EAAA,a"}

package/dist/admiralty/p-bbe4dd68.entry.js

@@ -0,0 +1,2 @@
+import{r,h as s}from"./p-e1680782.js";const e="progress.sc-admiralty-progress-bar{appearance:none;background:#eeeeee;border:none;box-sizing:border-box;color:#09315b;display:inline-block;font-size:18px;flex:1;height:1em;width:100%}progress[value].error.sc-admiralty-progress-bar::-webkit-progress-value{background-color:#e20d0d}progress[value].sc-admiralty-progress-bar::-webkit-progress-value{background-color:#47a234}";const o=class{constructor(s){r(this,s);this.id=`admiralty-progress-${++a}`;this.label=undefined;this.progression=0;this.error=false;this.progressionValue=this.progression}render(){const{id:r,label:e,error:o,progressionValue:a}=this;return s("div",{class:"admiralty-progress"},e?s("admiralty-label",{for:r},e):null,s("progress",{id:r,class:{error:o},value:a,max:"100"}))}};let a=0;o.style=e;export{o as admiralty_progress_bar};
+//# sourceMappingURL=p-bbe4dd68.entry.js.map

package/dist/admiralty/p-bbe4dd68.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["progressBarCss","ProgressBarComponent","this","id","progressId","progression","render","label","error","progressionValue","h","class","for","value","max"],"sources":["./src/components/progress-bar/progress-bar.scss?tag=admiralty-progress-bar&encapsulation=scoped","./src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\" as colours;\r\n\r\nprogress {\r\n  appearance: none;\r\n  background: colours.$colour-button-secondary-hover;\r\n  border: none;\r\n  box-sizing: border-box;\r\n  color: colours.$colour-admiralty-blue;\r\n  display: inline-block;\r\n  font-size: 18px;\r\n  flex: 1;\r\n  height: 1em;\r\n  width: 100%;\r\n\r\n  &[value].error::-webkit-progress-value {\r\n    background-color: colours.$colour-utility-error;\r\n  }\r\n\r\n  &[value]::-webkit-progress-value {\r\n    background-color: colours.$colour-utility-success;\r\n  }\r\n}\r\n","import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-progress-bar',\n  styleUrl: 'progress-bar.scss',\n  scoped: true,\n})\nexport class ProgressBarComponent {\n  private id = `admiralty-progress-${++progressId}`;\n\n  /**\n   * If set, adds a label above the progress bar\n   */\n  @Prop() label?: string;\n\n  /**   * A value from 0 - 100 that visually represents the current progression\n   */\n  @Prop() progression: number = 0;\n\n  /**\n   * Set to true to indicate an error (turns the progress bar red)\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Progress value, min:0, max: 100\n   */\n  @State() progressionValue: number = this.progression;\n\n  render() {\n    const { id, label, error, progressionValue } = this;\n\n    return (\n      <div class=\"admiralty-progress\">\n        {label ? <admiralty-label for={id}>{label}</admiralty-label> : null}\n        <progress id={id} class={{ error: error }} value={progressionValue} max=\"100\" />\n      </div>\n    );\n  }\n}\n\nlet progressId = 0;\n"],"mappings":"sCAAA,MAAMA,EAAiB,sX,MCOVC,EAAoB,M,yBACvBC,KAAAC,GAAK,wBAAwBC,I,sCASP,E,WAKL,M,sBAKWF,KAAKG,W,CAEzCC,SACE,MAAMH,GAAEA,EAAEI,MAAEA,EAAKC,MAAEA,EAAKC,iBAAEA,GAAqBP,KAE/C,OACEQ,EAAA,OAAKC,MAAM,sBACRJ,EAAQG,EAAA,mBAAiBE,IAAKT,GAAKI,GAA2B,KAC/DG,EAAA,YAAUP,GAAIA,EAAIQ,MAAO,CAAEH,MAAOA,GAASK,MAAOJ,EAAkBK,IAAI,Q,GAMhF,IAAIV,EAAa,E"}

package/dist/admiralty/p-c63b9703.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as o}from"./p-e1680782.js";const s=".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 n=class{constructor(t){e(this,t);this.signInClicked=i(this,"signInClicked",7);this.yourAccountClicked=i(this,"yourAccountClicked",7);this.signOutClicked=i(this,"signOutClicked",7);this.userProfileClicked=i(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:e,signedInText:i,displaySubmenu:s}=this;return t(o,null,t("div",{class:"header-profile"},e?t("div",null,t("button",{onMouseOver:this.openDropdown,onMouseOut:this.closeDropdown},i),s?t("div",{class:"sub-menu"},t("div",{class:"sub-menu-item"},t("button",{onClick:this.handleYouAccount},"Your Account")),t("div",{class:"sub-menu-item"},t("button",{onClick:this.handleSignOut},"Sign Out"))):null):t("button",{onClick:this.handleSignIn},"Sign In")))}};n.style=s;export{n as admiralty_header_profile};
+//# sourceMappingURL=p-c63b9703.entry.js.map

package/dist/admiralty/p-c63b9703.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["headerProfileCss","HeaderProfileComponent","this","handleSignIn","signInClicked","emit","handleSignOut","signOutClicked","handleYouAccount","yourAccountClicked","openDropdown","displaySubmenu","closeDropdown","render","isSignedIn","signedInText","h","Host","class","onMouseOver","onMouseOut","onClick"],"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"],"mappings":"yDAAA,MAAMA,EAAmB,whC,MCOZC,EAAsB,M,mOAqCjCC,KAAAC,aAAe,KACbD,KAAKE,cAAcC,MAAM,EAG3BH,KAAAI,cAAgB,KACdJ,KAAKK,eAAeF,MAAM,EAG5BH,KAAAM,iBAAmB,KACjBN,KAAKO,mBAAmBJ,MAAM,EAGhCH,KAAAQ,aAAe,KACbR,KAAKS,eAAiB,IAAI,EAG5BT,KAAAU,cAAgB,KACdV,KAAKS,eAAiB,IAAI,E,oBArDF,M,gBAKI,M,kBAKC,S,CA8C/BE,SACE,IAAIC,WAAEA,EAAUC,aAAEA,EAAYJ,eAAEA,GAAmBT,KAEnD,OACEc,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAM,kBACRJ,EACCE,EAAA,WACEA,EAAA,UAAQG,YAAajB,KAAKQ,aAAcU,WAAYlB,KAAKU,eACtDG,GAEFJ,EACCK,EAAA,OAAKE,MAAM,YACTF,EAAA,OAAKE,MAAM,iBACTF,EAAA,UAAQK,QAASnB,KAAKM,kBAAgB,iBAExCQ,EAAA,OAAKE,MAAM,iBACTF,EAAA,UAAQK,QAASnB,KAAKI,eAAa,cAGrC,MAGNU,EAAA,UAAQK,QAASnB,KAAKC,cAAY,Y"}

package/dist/admiralty/p-c7dd53e5.js

@@ -0,0 +1,2 @@
+var n;(function(n){n["Primary"]="primary";n["Secondary"]="secondary";n["Warning"]="warning";n["Text"]="text";n["Icon"]="icon"})(n||(n={}));export{n as B};
+//# sourceMappingURL=p-c7dd53e5.js.map

package/dist/admiralty/p-c7dd53e5.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonVariant"],"sources":["./src/components/button/button.types.ts"],"sourcesContent":["export enum ButtonVariant {\r\n  Primary = 'primary',\r\n  Secondary = 'secondary',\r\n  Warning = 'warning',\r\n  Text = 'text',\r\n  Icon = 'icon',\r\n}\r\n"],"mappings":"IAAYA,GAAZ,SAAYA,GACVA,EAAA,qBACAA,EAAA,yBACAA,EAAA,qBACAA,EAAA,eACAA,EAAA,cACD,EAND,CAAYA,MAAa,Y"}

package/dist/admiralty/p-c9625a50.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t}from"./p-e1680782.js";const e="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 r=class{constructor(t){o(this,t);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 t("footer",null,t("div",{class:"footer-branding"},t("div",{class:"footer-img"},t("a",{href:this.imageLink},t("img",{src:this.imageSrc,alt:this.imageAlt})))),t("div",{class:"footer-content"},t("nav",{"aria-label":"Footer Links",class:"footer-links"},t("slot",null)),t("div",{class:"footer-text"},t("p",null,this.text))))}};r.style=e;export{r as admiralty_footer};
+//# sourceMappingURL=p-c9625a50.entry.js.map

package/dist/admiralty/p-c9625a50.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["footerCss","FooterComponent","Date","getFullYear","render","h","class","href","this","imageLink","src","imageSrc","alt","imageAlt","text"],"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"],"mappings":"2CAAA,MAAMA,EAAY,+1B,MCWLC,EAAe,M,wCAIN,+B,cAID,4B,cAKA,6D,UAKJ,sBAAqB,IAAIC,MAAOC,sC,CAE/CC,SACE,OACEC,EAAA,cACEA,EAAA,OAAKC,MAAM,mBACTD,EAAA,OAAKC,MAAM,cACTD,EAAA,KAAGE,KAAMC,KAAKC,WACZJ,EAAA,OAAKK,IAAKF,KAAKG,SAAUC,IAAKJ,KAAKK,cAIzCR,EAAA,OAAKC,MAAM,kBACTD,EAAA,oBAAgB,eAAeC,MAAM,gBACnCD,EAAA,cAEFA,EAAA,OAAKC,MAAM,eACTD,EAAA,SAAIG,KAAKM,Q"}

package/dist/admiralty/p-d23537cc.entry.js

@@ -0,0 +1,2 @@
+import{r as l,h as o,H as r}from"./p-e1680782.js";const t=".sc-admiralty-table-cell-h{display:table-cell;box-sizing:border-box;color:#09315b;font-size:18px;line-height:30px;padding:6px 20px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;font-weight:300}";const e=class{constructor(o){l(this,o)}render(){return o(r,{role:"cell"},o("slot",null))}};e.style=t;export{e as admiralty_table_cell};
+//# sourceMappingURL=p-d23537cc.entry.js.map

package/dist/admiralty/p-d23537cc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tableCellCss","TableCell","render","h","Host","role"],"sources":["./src/components/table-cell/table-cell.scss?tag=admiralty-table-cell&encapsulation=scoped","./src/components/table-cell/table-cell.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n@use '../../scss/vars/typography';\r\n\r\n:host {\r\n  display: table-cell;\r\n  box-sizing: border-box;\r\n  color: colours.$colour-admiralty-blue;\r\n  font-size: 18px;\r\n  line-height: 30px;\r\n  padding: 6px 20px;\r\n  border-right: 1px solid colours.$colour-divider;\r\n  border-bottom: 1px solid colours.$colour-divider;\r\n  font-weight: typography.$font-weight-light;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table cell is a wrapper for a standard <td> element and should be used inside of table rows\n * @slot - The content you wish to display in the table\n */\n@Component({\n  tag: 'admiralty-table-cell',\n  styleUrl: 'table-cell.scss',\n  scoped: true,\n})\nexport class TableCell {\n  render() {\n    return (\n      <Host role=\"cell\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,qN,MCWRC,EAAS,M,yBACpBC,SACE,OACEC,EAACC,EAAI,CAACC,KAAK,QACTF,EAAA,a"}

package/dist/admiralty/p-d5680d2f.entry.js

@@ -0,0 +1,2 @@
+import{r,h as s,g as t}from"./p-e1680782.js";const o=".breadcrumbs{width:100%;box-sizing:border-box;display:inline-flex;border-bottom:1px solid #d8d8d8;background-color:#ffffff;padding:0 20px}";const i=class{constructor(s){r(this,s);this.breadcrumbsInit=()=>{this.setActiveBreadcrumb()};this.setActiveBreadcrumb=()=>{const r=this.getBreadcrumbs();const s=r.find((r=>r.active));for(const t of r){const o=t===r[0];const i=t===r[r.length-1];if(o){t.first=true}if(!s&&i){t.active=true}}};this.getBreadcrumbs=()=>Array.from(this.el.querySelectorAll("admiralty-breadcrumb"))}componentWillLoad(){this.breadcrumbsInit()}render(){return s("nav",{class:"breadcrumbs","aria-label":"breadcrumbs"},s("slot",null))}get el(){return t(this)}};i.style=o;export{i as admiralty_breadcrumbs};
+//# sourceMappingURL=p-d5680d2f.entry.js.map

package/dist/admiralty/p-d5680d2f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbsCss","BreadcrumbsComponent","constructor","hostRef","this","breadcrumbsInit","setActiveBreadcrumb","breadcrumbs","getBreadcrumbs","active","find","breadcrumb","isFirst","isLast","length","first","Array","from","el","querySelectorAll","componentWillLoad","render","h","class"],"sources":["./src/components/breadcrumbs/breadcrumbs.scss?tag=admiralty-breadcrumbs&encapsulation=shadow","./src/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\r\n\r\n.breadcrumbs {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  display: inline-flex;\r\n  border-bottom: 1px solid colours.$colour-divider;\r\n  background-color: colours.$colour-bg;\r\n  padding: 0 20px;\r\n}\r\n","import { Component, Element, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-breadcrumbs',\n  styleUrl: 'breadcrumbs.scss',\n  shadow: true,\n})\nexport class BreadcrumbsComponent {\n  @Element() el!: HTMLElement;\n\n  componentWillLoad() {\n    this.breadcrumbsInit();\n  }\n\n  private breadcrumbsInit = () => {\n    this.setActiveBreadcrumb();\n  };\n\n  private setActiveBreadcrumb = () => {\n    const breadcrumbs = this.getBreadcrumbs();\n\n    // Check if an active breadcrumb exists already\n    const active = breadcrumbs.find(breadcrumb => breadcrumb.active);\n\n    // Set the active status\n    for (const breadcrumb of breadcrumbs) {\n      const isFirst = breadcrumb === breadcrumbs[0];\n      const isLast = breadcrumb === breadcrumbs[breadcrumbs.length - 1];\n\n      if (isFirst) {\n        breadcrumb.first = true;\n      }\n\n      // When no active breadcrumb, set the last one to active\n      if (!active && isLast) {\n        breadcrumb.active = true;\n      }\n    }\n  };\n\n  private getBreadcrumbs = (): HTMLAdmiraltyBreadcrumbElement[] => {\n    return Array.from(this.el.querySelectorAll('admiralty-breadcrumb'));\n  };\n\n  render() {\n    return (\n      <nav class=\"breadcrumbs\" aria-label=\"breadcrumbs\">\n        <slot></slot>\n      </nav>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAiB,6I,MCOVC,EAAoB,MALjCC,YAAAC,G,UAYUC,KAAAC,gBAAkB,KACxBD,KAAKE,qBAAqB,EAGpBF,KAAAE,oBAAsB,KAC5B,MAAMC,EAAcH,KAAKI,iBAGzB,MAAMC,EAASF,EAAYG,MAAKC,GAAcA,EAAWF,SAGzD,IAAK,MAAME,KAAcJ,EAAa,CACpC,MAAMK,EAAUD,IAAeJ,EAAY,GAC3C,MAAMM,EAASF,IAAeJ,EAAYA,EAAYO,OAAS,GAE/D,GAAIF,EAAS,CACXD,EAAWI,MAAQ,I,CAIrB,IAAKN,GAAUI,EAAQ,CACrBF,EAAWF,OAAS,I,IAKlBL,KAAAI,eAAiB,IAChBQ,MAAMC,KAAKb,KAAKc,GAAGC,iBAAiB,wB,CA/B7CC,oBACEhB,KAAKC,iB,CAiCPgB,SACE,OACEC,EAAA,OAAKC,MAAM,cAAa,aAAY,eAClCD,EAAA,a"}

package/dist/admiralty/p-da4c6170.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as s,g as l}from"./p-e1680782.js";const o='.disabled{color:#adadad}.select-wrapper{position:relative}admiralty-icon{font-size:24px;font-weight:normal;pointer-events:none;position:absolute;right:12px;top:12px}select{appearance:none;background-color:#ffffff;border:2px solid #333333;box-sizing:border-box;color:#333333;font-family:"JohnstonITC", Helvetica, sans-serif;font-size:18px;line-height:24px;margin-bottom:6px;position:relative;font-weight:300;padding:12px;width:100%}select.error{border-color:#e20d0d}select:focus-visible{outline:3px solid #ffdd00;box-shadow:inset 0 0 0 2px #333333}select.disabled{border-color:#adadad}';const a=class{constructor(i){t(this,i);this.admiraltyChange=e(this,"admiraltyChange",7);this.admiraltyBlur=e(this,"admiraltyBlur",7);this.id=`admiralty-select-${++r}`;this.disabled=false;this.error=false;this.errorHint=null;this.hint=null;this.label="Choose a colour";this.width=undefined}componentWillRender(){this.getOptions()}handleSelect(t){this.admiraltyChange.emit(t.target)}handleBlur(t){this.admiraltyBlur.emit()}getOptions(){const t=this.el.querySelectorAll("option");const e=[];t.forEach((t=>{t.remove();e.push({text:t.text,value:t.value})}));this.options=e}render(){const{disabled:t,error:e,errorHint:l,hint:o,id:a,label:r}=this;const n=t?"disabled":"";return i(s,null,i("div",{class:`admiralty-select ${n}`},i("admiralty-label",{for:a},r),i("admiralty-hint",null,o),i("div",{class:"select-wrapper",style:this.width?{maxWidth:`${this.width}px`}:{}},i("select",{id:a,class:{"admiralty-form-control":true,error:e,disabled:t},"aria-disabled":t?"true":"false","aria-label":r,onChange:t=>this.handleSelect(t),onBlur:t=>this.handleBlur(t),disabled:t},this.options.map((t=>i("option",{value:t.value},t.text)))),i("admiralty-icon",{class:`select-down-icon ${n}`,"icon-name":"angle-down"})),this.error?i("admiralty-input-error",null,l):""))}get el(){return l(this)}};let r=0;a.style=o;export{a as admiralty_select};
+//# sourceMappingURL=p-da4c6170.entry.js.map

package/dist/admiralty/p-da4c6170.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectCss","SelectComponent","this","id","nextId","componentWillRender","getOptions","handleSelect","event","admiraltyChange","emit","target","handleBlur","_event","admiraltyBlur","slotOptions","el","querySelectorAll","options","forEach","slot","remove","push","text","value","render","disabled","error","errorHint","hint","label","disabledClass","h","Host","class","for","style","width","maxWidth","onChange","onBlur","map","option"],"sources":["./src/components/select/select.scss?tag=admiralty-select&encapsulation=shadow","./src/components/select/select.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\n@use \"../../scss/vars/typography\";\n\n.disabled {\n  color: colours.$colour-textinput-text-disabled;\n}\n\n.select-wrapper {\n  position: relative;\n}\n\nadmiralty-icon {\n  font-size: 24px;\n  font-weight: typography.$font-weight-medium;\n  pointer-events: none;\n  position: absolute;\n  right: 12px;\n  top: 12px;\n}\n\n\nselect {\n  appearance: none;\n  background-color: colours.$colour-white;\n  border: 2px solid colours.$colour-text;\n  box-sizing: border-box;\n  color: colours.$colour-text;\n  font-family: typography.$font-family;\n  font-size: typography.$font-size-normal;\n  line-height: 24px;\n  margin-bottom: 6px;\n  position: relative;\n  font-weight: typography.$font-weight-light;\n  padding: 12px;\n  width: 100%;\n\n  &.error {\n    border-color: colours.$colour-utility-error;\n  }\n\n  &:focus-visible {\n    outline: 3px solid colours.$colour-utility-focus;\n    box-shadow: inset 0 0 0 2px colours.$colour-text;\n  }\n\n  &.disabled {\n    border-color: colours.$colour-textinput-text-disabled;\n  }\n}\n\n\n","import { Component, Event, Prop, Element, EventEmitter, h, Host } from '@stencil/core';\nimport { UKHOOptions } from './select.types';\n\n@Component({\n  tag: 'admiralty-select',\n  styleUrl: 'select.scss',\n  shadow: true,\n})\nexport class SelectComponent {\n  @Element() el: HTMLElement;\n  id: string = `admiralty-select-${++nextId}`;\n  /**\n   * If `true`, the user cannot interact with the select.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * If 'true', the 'error' class is added to suggest an error\n   */\n  @Prop() error: boolean = false;\n  /**\n   * The hint that is used to inform the user of an error (displayed below the select box)\n   */\n  @Prop() errorHint: string = null;\n  /**\n   * The text that will be used as a field label.\n   */\n  @Prop() hint: string = null;\n  /**\n   * The text that will be used as a field label.\n   */\n  @Prop() label: string = 'Choose a colour';\n  /**\n   * The maximum width (px) for the input field.\n   */\n  @Prop() width?: number;\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() admiraltyChange: EventEmitter<EventTarget>;\n  /**\n   * Emitted when the component loses focus.\n   */\n  @Event() admiraltyBlur: EventEmitter<void>;\n\n  componentWillRender() {\n    this.getOptions();\n  }\n\n  options: Array<UKHOOptions>;\n\n  handleSelect(event: Event) {\n    this.admiraltyChange.emit(event.target);\n  }\n\n  handleBlur(_event: FocusEvent): void {\n    this.admiraltyBlur.emit();\n  }\n\n  /**\n   *  Summary. gets the options passed the user passes through the slots and\n   *  extracs the text and value\n   */\n  getOptions() {\n    const slotOptions = this.el.querySelectorAll('option');\n    const options = [];\n\n    // grab all the data from the slot and extract the data to be inserted into the template\n    slotOptions.forEach(slot => {\n      // remove the slotted option to keep the shadowDom clean\n      slot.remove();\n\n      options.push({\n        text: slot.text,\n        value: slot.value,\n      });\n    });\n\n    this.options = options;\n  }\n\n  render() {\n    const { disabled, error, errorHint, hint, id, label } = this;\n    const disabledClass = disabled ? 'disabled' : '';\n\n    return (\n      <Host>\n        <div class={`admiralty-select ${disabledClass}`}>\n          <admiralty-label for={id}>{label}</admiralty-label>\n          <admiralty-hint>{hint}</admiralty-hint>\n          <div class=\"select-wrapper\" style={this.width ? { maxWidth: `${this.width}px` } : {}}>\n            <select\n              id={id}\n              class={{ 'admiralty-form-control': true, 'error': error, 'disabled': disabled }}\n              aria-disabled={disabled ? 'true' : 'false'}\n              aria-label={label}\n              onChange={event => this.handleSelect(event)}\n              onBlur={event => this.handleBlur(event)}\n              disabled={disabled}\n            >\n              {this.options.map(option => (\n                <option value={option.value}>{option.text}</option>\n              ))}\n            </select>\n            <admiralty-icon class={`select-down-icon ${disabledClass}`} icon-name=\"angle-down\"></admiralty-icon>\n          </div>\n          {this.error ? <admiralty-input-error>{errorHint}</admiralty-input-error> : ''}\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet nextId = 0;\n"],"mappings":"gEAAA,MAAMA,EAAY,2kB,MCQLC,EAAe,M,uHAE1BC,KAAAC,GAAa,sBAAsBC,I,cAIP,M,WAIH,M,eAIG,K,UAIL,K,WAIC,kB,qBAcxBC,sBACEH,KAAKI,Y,CAKPC,aAAaC,GACXN,KAAKO,gBAAgBC,KAAKF,EAAMG,O,CAGlCC,WAAWC,GACTX,KAAKY,cAAcJ,M,CAOrBJ,aACE,MAAMS,EAAcb,KAAKc,GAAGC,iBAAiB,UAC7C,MAAMC,EAAU,GAGhBH,EAAYI,SAAQC,IAElBA,EAAKC,SAELH,EAAQI,KAAK,CACXC,KAAMH,EAAKG,KACXC,MAAOJ,EAAKI,OACZ,IAGJtB,KAAKgB,QAAUA,C,CAGjBO,SACE,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,UAAEA,EAASC,KAAEA,EAAI1B,GAAEA,EAAE2B,MAAEA,GAAU5B,KACxD,MAAM6B,EAAgBL,EAAW,WAAa,GAE9C,OACEM,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAO,oBAAoBH,KAC9BC,EAAA,mBAAiBG,IAAKhC,GAAK2B,GAC3BE,EAAA,sBAAiBH,GACjBG,EAAA,OAAKE,MAAM,iBAAiBE,MAAOlC,KAAKmC,MAAQ,CAAEC,SAAU,GAAGpC,KAAKmC,WAAc,IAChFL,EAAA,UACE7B,GAAIA,EACJ+B,MAAO,CAAE,yBAA0B,KAAMP,MAASA,EAAOD,SAAYA,GAAU,gBAChEA,EAAW,OAAS,QAAO,aAC9BI,EACZS,SAAU/B,GAASN,KAAKK,aAAaC,GACrCgC,OAAQhC,GAASN,KAAKU,WAAWJ,GACjCkB,SAAUA,GAETxB,KAAKgB,QAAQuB,KAAIC,GAChBV,EAAA,UAAQR,MAAOkB,EAAOlB,OAAQkB,EAAOnB,SAGzCS,EAAA,kBAAgBE,MAAO,oBAAoBH,IAAe,YAAY,gBAEvE7B,KAAKyB,MAAQK,EAAA,6BAAwBJ,GAAqC,I,2BAOrF,IAAIxB,EAAS,E"}

package/dist/admiralty/p-dae5bfda.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as s,g as n}from"./p-e1680782.js";const o=".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 r=class{constructor(i){e(this,i);this.menuItemClick=t(this,"menuItemClick",7);this.handleClick=e=>{e.stopPropagation();return this.menuItemClick.emit()};this.handleMouseOver=()=>{if(this.subMenuExists){this.subMenuSelector.setAttribute("aria-hidden","false")}};this.handleMouseOut=()=>{if(this.subMenuExists){this.subMenuSelector.setAttribute("aria-hidden","true")}};this.menuTitle=undefined;this.active=false}connectedCallback(){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:e,menuTitle:t}=this;let n="menu-item ";n+=e?"active":"";return i(s,{onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},i("div",{class:n,onClick:this.handleClick},t,i("div",{class:"sub-menu"},i("slot",null))))}get el(){return n(this)}};r.style=o;export{r as admiralty_header_menu_item};
+//# sourceMappingURL=p-dae5bfda.entry.js.map

package/dist/admiralty/p-dae5bfda.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["headerMenuItemCss","HeaderMenuItemComponent","this","handleClick","ev","stopPropagation","menuItemClick","emit","handleMouseOver","subMenuExists","subMenuSelector","setAttribute","handleMouseOut","connectedCallback","el","querySelector","e","render","active","menuTitle","menuClass","h","Host","onMouseOver","onMouseOut","class","onClick"],"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"],"mappings":"gEAAA,MAAMA,EAAoB,4jB,MCUbC,EAAuB,M,sEAmClCC,KAAAC,YAAeC,IACbA,EAAGC,kBACH,OAAOH,KAAKI,cAAcC,MAAM,EAOlCL,KAAAM,gBAAkB,KAChB,GAAIN,KAAKO,cAAe,CACtBP,KAAKQ,gBAAgBC,aAAa,cAAe,Q,GAQrDT,KAAAU,eAAiB,KACf,GAAIV,KAAKO,cAAe,CACtBP,KAAKQ,gBAAgBC,aAAa,cAAe,O,wCA7C1B,K,CAU3BE,oBAEE,IACEX,KAAKQ,gBAAkBR,KAAKY,GAAGC,cAAc,kCAC7Cb,KAAKO,cAAgB,KAErB,GAAIP,KAAKO,cAAe,CACtBP,KAAKQ,gBAAgBC,aAAa,cAAe,O,EAEnD,MAAOK,GACPd,KAAKO,cAAgB,K,EA6BzBQ,SACE,MAAMC,OAAEA,EAAMC,UAAEA,GAAcjB,KAC9B,IAAIkB,EAAY,aAChBA,GAAaF,EAAS,SAAW,GAEjC,OACEG,EAACC,EAAI,CAACC,YAAarB,KAAKM,gBAAiBgB,WAAYtB,KAAKU,gBACxDS,EAAA,OAAKI,MAAOL,EAAWM,QAASxB,KAAKC,aAClCgB,EACDE,EAAA,OAAKI,MAAM,YACTJ,EAAA,e"}

package/dist/admiralty/p-de48be42.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t}from"./p-e1680782.js";const r=class{constructor(t){s(this,t);this.href=undefined;this.newTab=false}render(){return t("a",{href:this.href,target:this.newTab?"_blank":"_self"},t("slot",null))}};export{r as admiralty_link};
+//# sourceMappingURL=p-de48be42.entry.js.map

package/dist/admiralty/p-de48be42.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LinkComponent","render","h","href","this","target","newTab"],"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"],"mappings":"iDAMaA,EAAa,M,yDAQP,K,CAEjBC,SACE,OACEC,EAAA,KAAGC,KAAMC,KAAKD,KAAME,OAAQD,KAAKE,OAAS,SAAW,SACnDJ,EAAA,a"}

package/dist/admiralty/p-e1457fd2.entry.js

@@ -0,0 +1,2 @@
+import{r as n,c as i,h as t}from"./p-e1680782.js";import{g as o,h as s}from"./p-18cff2de.js";const e='admiralty-expansion section.expansion{padding:2px 0;border-bottom:1px solid transparent}admiralty-expansion section.expansion.bordered{border-bottom:1px solid #d8d8d8}admiralty-expansion section.expansion .expansion-content{display:none;max-height:0;overflow:visible}admiralty-expansion section.expansion.expanded .expansion-content{display:block;max-height:initial;padding-bottom:12px}admiralty-expansion section.expansion button{background-color:transparent;border:none;height:initial;min-width:unset;max-width:unset;white-space:unset;color:initial;font-size:16px;cursor:pointer;margin:10px 0 22px;padding:0;display:flex;align-items:baseline;width:100%;text-align:left;position:relative}admiralty-expansion section.expansion button .expansion-heading-icon{color:#09315b;margin-left:30px}admiralty-expansion section.expansion button:focus{outline:none}admiralty-expansion section.expansion button h3,admiralty-expansion section.expansion button button{flex-grow:1;margin-bottom:0}admiralty-expansion section.expansion button h3.expansion-heading-right-align,admiralty-expansion section.expansion button button.expansion-heading-right-align{text-align:right}admiralty-expansion section.expansion button:focus h3::before,admiralty-expansion section.expansion button:focus button::before{content:"";position:absolute;top:0;bottom:0;right:-3px;left:-3px;box-shadow:0 0 0 3px #ffdd00}';let a=0;const p=class{constructor(t){n(this,t);this.toggled=i(this,"toggled",7);this.id=`admiralty-expansion-${++a}`;this.headerId=`${this.id}-header`;this.contentId=`${this.id}-content`;this.heading=undefined;this.expanded=false;this.alignHeadingRight=false;this.hideBorder=false}onToggle(){this.expanded=!this.expanded;this.toggled.emit(this.expanded)}getExpansionIcon(){return this.expanded?o:s}render(){return t("section",{class:{expansion:true,expanded:this.expanded,bordered:!this.hideBorder}},t("button",{id:this.headerId,type:"button","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"expansion-heading-button",onClick:this.onToggle.bind(this)},t("h3",{class:{"expansion-heading-right-align":this.alignHeadingRight}},this.heading),t("span",{class:"visually-hidden"},", ",this.expanded?"Hide":"Show"," this section"),t("admiralty-icon",{class:"expansion-heading-icon","icon-name":this.getExpansionIcon().iconName})),t("div",{class:"expansion-content",id:this.contentId,"aria-labelledby":this.headerId,hidden:!this.expanded},t("slot",null)))}};p.style=e;export{p as admiralty_expansion};
+//# sourceMappingURL=p-e1457fd2.entry.js.map

package/dist/admiralty/p-e1457fd2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["expansionCss","nextId","ExpansionComponent","this","id","headerId","contentId","onToggle","expanded","toggled","emit","getExpansionIcon","faChevronUp","faChevronDown","render","h","class","expansion","bordered","hideBorder","type","onClick","bind","alignHeadingRight","heading","iconName","hidden"],"sources":["./src/components/expansion/expansion.scss?tag=admiralty-expansion","./src/components/expansion/expansion.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\n\nadmiralty-expansion {\n  section.expansion {\n    padding: 2px 0;\n    border-bottom: 1px solid transparent;\n    &.bordered {\n      border-bottom: 1px solid colours.$colour-divider;\n    }\n\n    .expansion-content {\n      display: none;\n      max-height: 0;\n      overflow: visible;\n    }\n    &.expanded .expansion-content {\n      display: block;\n      max-height: initial;\n      padding-bottom: 12px;\n    }\n\n    button {\n      @extend h3;\n      background-color: transparent;\n      border: none;\n      height: initial;\n      min-width: unset;\n      max-width: unset;\n      white-space: unset;\n      color: initial;\n      font-size: 16px;\n      cursor: pointer;\n      margin: 10px 0 22px;\n      padding: 0;\n      display: flex;\n      align-items: baseline;\n      width: 100%;\n      text-align: left;\n      position: relative;\n\n      .expansion-heading-icon {\n        color: colours.$colour-admiralty-blue;\n        margin-left: 30px;\n      }\n      &:focus {\n        outline: none;\n      }\n      h3 {\n        flex-grow: 1;\n        margin-bottom: 0;\n\n        &.expansion-heading-right-align {\n          text-align: right;\n        }\n      }\n      &:focus h3::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: -3px;\n        left: -3px;\n        box-shadow: 0 0 0 3px colours.$colour-utility-focus;\n      }\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\n\nlet nextId = 0;\n\n@Component({\n  tag: 'admiralty-expansion',\n  styleUrl: 'expansion.scss',\n  shadow: false,\n})\nexport class ExpansionComponent {\n  /**\n   * The text to display in the heading of the expansion component.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Whether the component is expanded.\n   */\n  @Prop({ mutable: true, reflect: true }) expanded = false;\n\n  /**\n   * CWhether the heading should be right aligned.\n   */\n  @Prop() alignHeadingRight = false;\n\n  /**\n   * Whether the border on the bottom of the component should be hidden.\n   */\n  @Prop() hideBorder = false;\n\n  /**\n   * The event that is dispatched when the expanded status is toggled.\n   */\n  @Event() toggled: EventEmitter<boolean>;\n\n  id: string = `admiralty-expansion-${++nextId}`;\n\n  headerId: string = `${this.id}-header`;\n  contentId: string = `${this.id}-content`;\n\n  onToggle() {\n    this.expanded = !this.expanded;\n    this.toggled.emit(this.expanded);\n  }\n\n  getExpansionIcon(): IconDefinition {\n    return this.expanded ? faChevronUp : faChevronDown;\n  }\n\n  render() {\n    return (\n      <section\n        class={{\n          expansion: true,\n          expanded: this.expanded,\n          bordered: !this.hideBorder,\n        }}\n      >\n        <button id={this.headerId} type=\"button\" aria-expanded={this.expanded} aria-controls={this.contentId} class=\"expansion-heading-button\" onClick={this.onToggle.bind(this)}>\n          <h3 class={{ 'expansion-heading-right-align': this.alignHeadingRight }}>{this.heading}</h3>\n          <span class=\"visually-hidden\">, {this.expanded ? 'Hide' : 'Show'} this section</span>\n          <admiralty-icon class=\"expansion-heading-icon\" icon-name={this.getExpansionIcon().iconName}></admiralty-icon>\n        </button>\n        <div class=\"expansion-content\" id={this.contentId} aria-labelledby={this.headerId} hidden={!this.expanded}>\n          <slot></slot>\n        </div>\n      </section>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAe,u2CCIrB,IAAIC,EAAS,E,MAOAC,EAAkB,M,0DA0B7BC,KAAAC,GAAa,yBAAyBH,IAEtCE,KAAAE,SAAmB,GAAGF,KAAKC,YAC3BD,KAAAG,UAAoB,GAAGH,KAAKC,a,qCApBuB,M,uBAKvB,M,gBAKP,K,CAYrBG,WACEJ,KAAKK,UAAYL,KAAKK,SACtBL,KAAKM,QAAQC,KAAKP,KAAKK,S,CAGzBG,mBACE,OAAOR,KAAKK,SAAWI,EAAcC,C,CAGvCC,SACE,OACEC,EAAA,WACEC,MAAO,CACLC,UAAW,KACXT,SAAUL,KAAKK,SACfU,UAAWf,KAAKgB,aAGlBJ,EAAA,UAAQX,GAAID,KAAKE,SAAUe,KAAK,SAAQ,gBAAgBjB,KAAKK,SAAQ,gBAAiBL,KAAKG,UAAWU,MAAM,2BAA2BK,QAASlB,KAAKI,SAASe,KAAKnB,OACjKY,EAAA,MAAIC,MAAO,CAAE,gCAAiCb,KAAKoB,oBAAsBpB,KAAKqB,SAC9ET,EAAA,QAAMC,MAAM,mBAAiB,KAAIb,KAAKK,SAAW,OAAS,OAAM,iBAChEO,EAAA,kBAAgBC,MAAM,yBAAwB,YAAYb,KAAKQ,mBAAmBc,YAEpFV,EAAA,OAAKC,MAAM,oBAAoBZ,GAAID,KAAKG,UAAS,kBAAmBH,KAAKE,SAAUqB,QAASvB,KAAKK,UAC/FO,EAAA,c"}

package/dist/admiralty/p-e1680782.js

@@ -0,0 +1,3 @@
+const t="admiralty";let e;let n;let s;let l=false;let o=false;let c=false;let i=false;let f=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="{visibility:hidden}.hydrated{visibility:inherit}";const d={};const h=t=>t!=null;const p=t=>{t=typeof t;return t==="object"||t==="function"};function $(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const y=(t,e,...n)=>{let s=null;let l=null;let o=false;let c=false;const i=[];const f=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!p(s)){s=String(s)}if(o&&c){i[i.length-1].t+=s}else{i.push(o?m(null,s):s)}c=o}}};f(n);if(e){if(e.name){l=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}const r=m(t,null);r.l=e;if(i.length>0){r.o=i}{r.i=l}return r};const m=(t,e)=>{const n={u:0,h:t,t:e,p:null,o:null};{n.l=null}{n.i=null}return n};const b={};const w=t=>t&&t.h===b;const S=(t,e)=>{if(t!=null&&!p(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const g=t=>bt(t).$;const v=(t,e,n)=>{const s=g(t);return{emit:t=>k(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const k=(t,e,n)=>{const s=Rt.ce(e,n);t.dispatchEvent(s);return s};const j=new WeakMap;const C=(t,e,n)=>{let s=Ct.get(t);if(Tt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}Ct.set(t,s)};const M=(t,e,n,s)=>{var l;let o=R(e);const c=Ct.get(o);t=t.nodeType===11?t:Ot;if(c){if(typeof c==="string"){t=t.head||t;let e=j.get(t);let n;if(!e){j.set(t,e=new Set)}if(!e.has(o)){{{n=Ot.createElement("style");n.innerHTML=c}const e=(l=Rt.m)!==null&&l!==void 0?l:$(Ot);if(e!=null){n.setAttribute("nonce",e)}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(o)}}}else if(!t.adoptedStyleSheets.includes(c)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,c]}}return o};const O=t=>{const e=t.S;const n=t.$;const s=e.u;const l=r("attachStyles",e.g);const o=M(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const R=(t,e)=>"sc-"+t.g;const P=(t,e,n,s,l,o)=>{if(n!==s){let c=gt(t,e);let i=e.toLowerCase();if(e==="class"){const e=t.classList;const l=L(n);const o=L(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="ref"){if(s){s(t)}}else if(!c&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(gt(Mt,i)){e=i.slice(2)}else{e=i[2]+e.slice(3)}if(n){Rt.rel(t,e,n,false)}if(s){Rt.ael(t,e,s,false)}}else{const i=p(s);if((c||i&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){c=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){{t.removeAttribute(e)}}}else if((!c||o&4||l)&&!i){s=s===true?"":s;{t.setAttribute(e,s)}}}}};const T=/\s/;const L=t=>!t?[]:t.split(T);const N=(t,e,n,s)=>{const l=e.p.nodeType===11&&e.p.host?e.p.host:e.p;const o=t&&t.l||d;const c=e.l||d;{for(s in o){if(!(s in c)){P(l,s,o[s],undefined,n,e.u)}}}for(s in c){P(l,s,o[s],c[s],n,e.u)}};const U=(t,o,f,r)=>{const u=o.o[f];let a=0;let d;let p;let $;if(!l){c=true;if(u.h==="slot"){if(e){r.classList.add(e+"-s")}u.u|=u.o?2:1}}if(u.t!==null){d=u.p=Ot.createTextNode(u.t)}else if(u.u&1){d=u.p=Ot.createTextNode("")}else{d=u.p=Ot.createElement(u.u&2?"slot-fb":u.h);{N(null,u,i)}if(h(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){p=U(t,u,a,d);if(p){d.appendChild(p)}}}}{d["s-hn"]=s;if(u.u&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.i||"";$=t&&t.o&&t.o[f];if($&&$.h===u.h&&t.p){W(t.p,false)}}}return d};const W=(t,e)=>{Rt.u|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){q(l).insertBefore(l,H(l));l["s-ol"].remove();l["s-ol"]=undefined;c=true}if(e){W(l,e)}}Rt.u&=~1};const x=(t,e,n,l,o,c)=>{let i=t["s-cr"]&&t["s-cr"].parentNode||t;let f;if(i.shadowRoot&&i.tagName===s){i=i.shadowRoot}for(;o<=c;++o){if(l[o]){f=U(null,n,o,t);if(f){l[o].p=f;i.insertBefore(f,H(e))}}}};const E=(t,e,n,s,l)=>{for(;e<=n;++e){if(s=t[e]){l=s.p;B(s);{o=true;if(l["s-ol"]){l["s-ol"].remove()}else{W(l,true)}}l.remove()}}};const A=(t,e,n,s)=>{let l=0;let o=0;let c=e.length-1;let i=e[0];let f=e[c];let r=s.length-1;let u=s[0];let a=s[r];let d;while(l<=c&&o<=r){if(i==null){i=e[++l]}else if(f==null){f=e[--c]}else if(u==null){u=s[++o]}else if(a==null){a=s[--r]}else if(F(i,u)){D(i,u);i=e[++l];u=s[++o]}else if(F(f,a)){D(f,a);f=e[--c];a=s[--r]}else if(F(i,a)){if(i.h==="slot"||a.h==="slot"){W(i.p.parentNode,false)}D(i,a);t.insertBefore(i.p,f.p.nextSibling);i=e[++l];a=s[--r]}else if(F(f,u)){if(i.h==="slot"||a.h==="slot"){W(f.p.parentNode,false)}D(f,u);t.insertBefore(f.p,i.p);f=e[--c];u=s[++o]}else{{d=U(e&&e[o],n,o,t);u=s[++o]}if(d){{q(i.p).insertBefore(d,H(i.p))}}}}if(l>c){x(t,s[r+1]==null?null:s[r+1].p,n,s,o,r)}else if(o>r){E(e,l,c)}};const F=(t,e)=>{if(t.h===e.h){if(t.h==="slot"){return t.i===e.i}return true}return false};const H=t=>t&&t["s-ol"]||t;const q=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const D=(t,e)=>{const n=e.p=t.p;const s=t.o;const l=e.o;const o=e.h;const c=e.t;let f;if(c===null){{if(o==="slot");else{N(t,e,i)}}if(s!==null&&l!==null){A(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}x(n,null,e,l,0,l.length-1)}else if(s!==null){E(s,0,s.length-1)}}else if(f=n["s-cr"]){f.parentNode.textContent=c}else if(t.t!==c){n.data=c}};const I=t=>{const e=t.childNodes;let n;let s;let l;let o;let c;let i;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){c=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){i=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||c!==""){if(i===1&&c===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(i===1||i===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}I(n)}}};const V=[];const _=t=>{let e;let n;let s;let l;let c;let i;let f=0;const r=t.childNodes;const u=r.length;for(;f<u;f++){e=r[f];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(i=s.length-1;i>=0;i--){n=s[i];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(z(n,l)){c=V.find((t=>t.v===n));o=true;n["s-sn"]=n["s-sn"]||l;if(c){c.k=e}else{V.push({k:e,v:n})}if(n["s-sr"]){V.map((t=>{if(z(t.v,n["s-sn"])){c=V.find((t=>t.v===n));if(c&&!t.k){t.k=c.k}}}))}}else if(!V.some((t=>t.v===n))){V.push({v:n})}}}}if(e.nodeType===1){_(e)}}};const z=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const B=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(B)}};const G=(t,i)=>{const f=t.$;const r=t.S;const u=t.j||m(null,null);const a=w(i)?i:y(null,null,i);s=f.tagName;if(r.C){a.l=a.l||{};r.C.map((([t,e])=>a.l[e]=f[t]))}a.h=null;a.u|=4;t.j=a;a.p=u.p=f.shadowRoot||f;{e=f["s-sc"]}{n=f["s-cr"];l=(r.u&1)!==0;o=false}D(u,a);{Rt.u|=1;if(c){_(a.p);let t;let e;let n;let s;let l;let o;let c=0;for(;c<V.length;c++){t=V[c];e=t.v;if(!e["s-ol"]){n=Ot.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(c=0;c<V.length;c++){t=V[c];e=t.v;if(t.k){s=t.k.parentNode;l=t.k.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){I(a.p)}Rt.u&=~1;V.length=0}};const J=(t,e)=>{if(e&&!t.M&&e["s-p"]){e["s-p"].push(new Promise((e=>t.M=e)))}};const K=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}J(t,t.O);const n=()=>Q(t,e);return At(n)};const Q=(t,e)=>{const n=r("scheduleUpdate",t.S.g);const s=t.R;let l;if(e){{t.u|=256;if(t.P){t.P.map((([t,e])=>et(s,t,e)));t.P=null}}{l=et(s,"componentWillLoad")}}{l=nt(l,(()=>et(s,"componentWillRender")))}n();return nt(l,(()=>X(t,s,e)))};const X=async(t,e,n)=>{const s=t.$;const l=r("update",t.S.g);const o=s["s-rc"];if(n){O(t)}const c=r("render",t.S.g);{Y(t,e)}if(o){o.map((t=>t()));s["s-rc"]=undefined}c();l();{const e=s["s-p"];const n=()=>Z(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const Y=(t,e,n)=>{try{e=e.render();{t.u&=~16}{t.u|=2}{{{G(t,e)}}}}catch(e){vt(e,t.$)}return null};const Z=t=>{const e=t.S.g;const n=t.$;const s=r("postUpdate",e);const l=t.R;const o=t.O;if(!(t.u&64)){t.u|=64;{st(n)}{et(l,"componentDidLoad")}s();{t.T(n);if(!o){tt()}}}else{s()}{t.L(n)}{if(t.M){t.M();t.M=undefined}if(t.u&512){Et((()=>K(t,false)))}t.u&=~(4|512)}};const tt=e=>{{st(Ot.documentElement)}Et((()=>k(Mt,"appload",{detail:{namespace:t}})))};const et=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){vt(t)}}return undefined};const nt=(t,e)=>t&&t.then?t.then(e):e();const st=t=>t.classList.add("hydrated");const lt=(t,e)=>bt(t).N.get(e);const ot=(t,e,n,s)=>{const l=bt(t);const o=l.$;const c=l.N.get(e);const i=l.u;const f=l.R;n=S(n,s.U[e][0]);const r=Number.isNaN(c)&&Number.isNaN(n);const u=n!==c&&!r;if((!(i&8)||c===undefined)&&u){l.N.set(e,n);if(f){if(s.W&&i&128){const t=s.W[e];if(t){t.map((t=>{try{f[t](n,c,e)}catch(t){vt(t,o)}}))}}if((i&(2|16))===2){K(l,false)}}}};const ct=(t,e,n)=>{if(e.U){if(t.watchers){e.W=t.watchers}const s=Object.entries(e.U);const l=t.prototype;s.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,t,{get(){return lt(this,t)},set(n){ot(this,t,n,e)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,t,{value(...e){const n=bt(this);return n.A.then((()=>n.R[t](...e)))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(t,e,s){Rt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(l.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.C.push([t,l])}return l}))}}return t};const it=async(t,e,n,s,l)=>{if((e.u&32)===0){{e.u|=32;l=jt(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.W=l.watchers}ct(l,n,2);l.isProxied=true}const t=r("createInstance",n.g);{e.u|=8}try{new l(e)}catch(t){vt(t)}{e.u&=~8}{e.u|=128}t();ft(e.R)}if(l.style){let t=l.style;const e=R(n);if(!Ct.has(e)){const s=r("registerStyles",n.g);C(e,t,!!(n.u&1));s()}}}const o=e.O;const c=()=>K(e,true);if(o&&o["s-rc"]){o["s-rc"].push(c)}else{c()}};const ft=t=>{{et(t,"connectedCallback")}};const rt=t=>{if((Rt.u&1)===0){const e=bt(t);const n=e.S;const s=r("connectedCallback",n.g);if(!(e.u&1)){e.u|=1;{if(n.u&(4|8)){ut(t)}}{let n=t;while(n=n.parentNode||n.host){if(n["s-p"]){J(e,e.O=n);break}}}if(n.U){Object.entries(n.U).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{it(t,e,n)}}else{ht(t,e,n.F);ft(e.R)}s()}};const ut=t=>{const e=t["s-cr"]=Ot.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const at=t=>{if((Rt.u&1)===0){const e=bt(t);{if(e.H){e.H.map((t=>t()));e.H=undefined}}}};const dt=(t,e={})=>{var n;const s=r();const l=[];const o=e.exclude||[];const c=Mt.customElements;const i=Ot.head;const f=i.querySelector("meta[charset]");const u=Ot.createElement("style");const d=[];let h;let p=true;Object.assign(Rt,e);Rt.q=new URL(e.resourcesUrl||"./",Ot.baseURI).href;t.map((t=>{t[1].map((e=>{const n={u:e[0],g:e[1],U:e[2],F:e[3]};{n.U=e[2]}{n.F=e[3]}{n.C=[]}{n.W={}}const s=n.g;const i=class extends HTMLElement{constructor(t){super(t);t=this;St(t,n);if(n.u&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(h){clearTimeout(h);h=null}if(p){d.push(this)}else{Rt.jmp((()=>rt(this)))}}disconnectedCallback(){Rt.jmp((()=>at(this)))}componentOnReady(){return bt(this).D}};n.I=t[0];if(!o.includes(s)&&!c.get(s)){l.push(s);c.define(s,ct(i,n,1))}}))}));{u.innerHTML=l+a;u.setAttribute("data-styles","");const t=(n=Rt.m)!==null&&n!==void 0?n:$(Ot);if(t!=null){u.setAttribute("nonce",t)}i.insertBefore(u,f?f.nextSibling:i.firstChild)}p=false;if(d.length){d.map((t=>t.connectedCallback()))}else{{Rt.jmp((()=>h=setTimeout(tt,30)))}}s()};const ht=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=t;const c=pt(e,l);const i=$t(n);Rt.ael(o,s,c,i);(e.H=e.H||[]).push((()=>Rt.rel(o,s,c,i)))}))}};const pt=(t,e)=>n=>{try{{if(t.u&256){t.R[e](n)}else{(t.P=t.P||[]).push([e,n])}}}catch(t){vt(t)}};const $t=t=>(t&2)!==0;const yt=t=>Rt.m=t;const mt=new WeakMap;const bt=t=>mt.get(t);const wt=(t,e)=>mt.set(e.R=t,e);const St=(t,e)=>{const n={u:0,$:t,S:e,N:new Map};{n.A=new Promise((t=>n.L=t))}{n.D=new Promise((t=>n.T=t));t["s-p"]=[];t["s-rc"]=[]}ht(t,n,e.F);return mt.set(t,n)};const gt=(t,e)=>e in t;const vt=(t,e)=>(0,console.error)(t,e);const kt=new Map;const jt=(t,e,n)=>{const s=t.g.replace(/-/g,"_");const l=t.I;const o=kt.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{kt.set(l,t)}return t[s]}),vt)};const Ct=new Map;const Mt=typeof window!=="undefined"?window:{};const Ot=Mt.document||{head:{}};const Rt={u:0,q:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Pt=t=>Promise.resolve(t);const Tt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Lt=[];const Nt=[];const Ut=(t,e)=>n=>{t.push(n);if(!f){f=true;if(e&&Rt.u&4){Et(xt)}else{Rt.raf(xt)}}};const Wt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){vt(t)}}t.length=0};const xt=()=>{Wt(Lt);{Wt(Nt);if(f=Lt.length>0){Rt.raf(xt)}}};const Et=t=>Pt().then(t);const At=Ut(Nt,true);export{b as H,dt as b,v as c,g,y as h,Pt as p,wt as r,yt as s};
+//# sourceMappingURL=p-e1680782.js.map