@ukho/admiralty-core 5.2.0-next.5 → 5.2.0-next.7

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

@@ -1,2 +0,0 @@
-import{r as t,h as o,g as a}from"./p-71979ff5.js";const r={Standard:"standard",Compact:"compact"};const e=".visually-hidden.sc-admiralty-footer:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-footer{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-footer{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-footer{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-footer{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-footer{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-footer{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-footer{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-footer{display:none}}footer.sc-admiralty-footer{padding:var(--admiralty-footer-padding, 1.25rem 1rem 1.5rem 1rem);border-top:var(--admiralty-colour-primary) 0.375rem solid;background:var(--admiralty-background-colour-tint);display:flex;flex-direction:column}@media (min-width: 481px){footer.sc-admiralty-footer{flex-direction:row;padding:var(--admiralty-footer-desktop-padding, 1.75rem 1.5rem 1.875rem 1rem);gap:1rem}}footer.sc-admiralty-footer .footer-branding.sc-admiralty-footer .footer-img.sc-admiralty-footer{height:var(--admiralty-footer-img-height, 86px);margin-bottom:var(--admiralty-footer-branding-image-margin-bottom, 1rem);box-sizing:border-box}@media (min-width: 481px){footer.sc-admiralty-footer .footer-branding.sc-admiralty-footer .footer-img.sc-admiralty-footer{height:var(--admiralty-footer-img-desktop-height, 100px);margin-bottom:var(--admiralty-footer-branding-image-desktop-margin-bottom, var(--admiralty-spacing-0))}}footer.sc-admiralty-footer .footer-branding.sc-admiralty-footer .footer-img.sc-admiralty-footer a.sc-admiralty-footer{display:block;height:100%;width:min-content}footer.sc-admiralty-footer .footer-branding.sc-admiralty-footer .footer-img.sc-admiralty-footer img.sc-admiralty-footer{height:100%}@media (min-width: 481px){footer.sc-admiralty-footer .footer-content.sc-admiralty-footer{display:flex;flex-grow:1;flex-direction:column}}footer.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-links.sc-admiralty-footer{display:flex;flex-direction:column;align-self:flex-start;margin-left:var(--admiralty-footer-content-links-margin-left, 0.125rem);gap:0.5rem;flex-grow:1}@media (min-width: 481px){footer.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-links.sc-admiralty-footer{flex-direction:row;align-self:flex-end;margin-left:var(--admiralty-footer-content-links-desktop-margin-left, var(--admiralty-spacing-0));gap:1.5rem}}footer .footer-content .footer-links.sc-admiralty-footer-s>admiralty-link a,footer .footer-content .footer-links .sc-admiralty-footer-s>admiralty-link a{font-weight:var(--admiralty-footer-links-font-weight, var(--admiralty-font-weight-medium))}footer.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-text.sc-admiralty-footer{align-self:flex-start;margin-left:var(--admiralty-footer-content-text-margin-left, 0.125rem);margin-top:var(--admiralty-footer-content-text-margin-top, 1rem)}@media (min-width: 481px){footer.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-text.sc-admiralty-footer{align-self:flex-end;margin-left:var(--admiralty-footer-content-text-desktop-margin-left, var(--admiralty-spacing-0))}}footer.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-text.sc-admiralty-footer p.sc-admiralty-footer{margin:var(--admiralty-footer-content-text-paragraph-margin, var(--admiralty-spacing-0));font-weight:var(--admiralty-footer-text-weight, var(--admiralty-font-weight-normal));color:var(--admiralty-text-colour)}@media (min-width: 481px){footer.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-text.sc-admiralty-footer p.sc-admiralty-footer{text-align:right}}footer.footer-compact.sc-admiralty-footer{display:inline-flex;width:auto;justify-content:center;align-items:center;flex-wrap:wrap;padding:var(--admiralty-footer-compact-padding, 0.5rem 0.5rem);gap:0.5rem;opacity:0.7;background-color:var(--admiralty-footer-compact-background-colour, var(--admiralty-background-colour));border-radius:0.625rem 0 0 0;border-bottom:3px solid var(--admiralty-colour-primary);border-top:none}footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer{display:flex;flex-direction:row-reverse;flex-wrap:wrap}@media (max-width: 479px) and (min-width: 0px){footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer{justify-content:center;flex-direction:column-reverse}}@media (max-width: 1023px){footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer{flex-direction:column-reverse}}footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-links.sc-admiralty-footer{font-size:var(--admiralty-footer-compact-font-size, var(--admiralty-font-size--3));justify-content:flex-end;line-height:0.95rem;flex-flow:nowrap;column-gap:1.25rem;flex-wrap:wrap}@media (max-width: 479px) and (min-width: 0px){footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-links.sc-admiralty-footer{place-self:flex-end}}@media (max-width: 1023px){footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-links.sc-admiralty-footer{row-gap:0}footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-links.text-padding.sc-admiralty-footer{padding-top:var(--admiralty-footer-compact-links-not-desktop-padding-top, 0.2rem);row-gap:0.2rem}}footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-links.text-padding.sc-admiralty-footer{margin-left:var(--admiralty-footer-compact-links-margin-left, 1.25rem)}footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-text.sc-admiralty-footer{width:14.3rem;height:1.1875rem;flex-shrink:0;align-self:flex-end;margin-left:var(--admiralty-footer-compact-content-text-margin-left, var(--admiralty-spacing-0));margin-top:var(--admiralty-footer-compact-content-text-margin-top, var(--admiralty-spacing-0))}@media (max-width: 479px) and (min-width: 0px){footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-text.sc-admiralty-footer{margin-right:var(--admiralty-footer-compact-content-text-phone-margin-right, var(--admiralty-spacing-0))}}footer.footer-compact.sc-admiralty-footer .footer-content.sc-admiralty-footer .footer-text.sc-admiralty-footer p.sc-admiralty-footer{color:var(--admiralty-footer-compact-text-colour, var(--admiralty-colour-primary));font-size:var(--admiralty-footer-compact-font-size, var(--admiralty-font-size--3));font-style:normal;font-weight:var(--admiralty-footer-compact-font-weight, var(--admiralty-font-weight-normal));line-height:1.5rem}";const i=e;const d=class{constructor(o){t(this,o);this.variant=r.Standard;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`;this.hasSlotContent=false}componentDidRender(){this.checkSlotContent()}handleSlotChange(){this.checkSlotContent()}checkSlotContent(){const t=this.el.querySelectorAll("admiralty-link");if(t){this.hasSlotContent=t.length>0}}render(){return o("footer",Object.assign({key:"3a2d1c0b19c1913c29514d19587e876ce8a278bc"},this.variant===r.Compact&&{class:"footer-compact"}),this.variant!==r.Compact&&o("div",{key:"d1e374e5a49bb3674e05a7161ea681d4499880b6",class:"footer-branding"},o("div",{key:"97ddd902fa074be10e4a25e0029b6a0d816687aa",class:"footer-img"},o("a",{key:"3d5ddfbda9cd8702639488f164aa4d7b351404f6",href:this.imageLink},o("img",{key:"f757c26307bce8fee122f5161703ffefce792aef",src:this.imageSrc,alt:this.imageAlt})))),o("div",{key:"48ba7d94c0c1dd8e844fbe7e21b2989972e7c5e5",class:"footer-content"},o("nav",Object.assign({key:"6927fa90f19a48d3645f7340ac90672d4f8bc650","aria-label":"Footer Links"},this.hasSlotContent&&this.variant===r.Compact?{class:"footer-links text-padding"}:{class:"footer-links"}),o("slot",{key:"02accaee1155c519b933c20ca59d31c5aeb2e1e4",onSlotchange:()=>this.handleSlotChange()})),o("div",{key:"325546e9d7bb7b18de705f8573c6c3c549de2e6a",class:"footer-text"},o("p",{key:"d648abb8638587bcb6a7ab6cb48900ea9374bd3d"},this.text))))}get el(){return a(this)}};d.style=i;export{d as admiralty_footer};
-//# sourceMappingURL=p-c8678d01.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["FooterType","Standard","Compact","footerCss","AdmiraltyFooterStyle0","FooterComponent","Date","getFullYear","componentDidRender","this","checkSlotContent","handleSlotChange","links","el","querySelectorAll","hasSlotContent","length","render","h","Object","assign","key","variant","class","href","imageLink","src","imageSrc","alt","imageAlt","onSlotchange","text"],"sources":["src/components/footer/footer.types.ts","src/components/footer/footer.scss?tag=admiralty-footer&encapsulation=scoped","src/components/footer/footer.tsx"],"sourcesContent":["export type FooterTypes = 'standard' | 'compact';\nexport const FooterType = {\n  Standard: 'standard' as FooterTypes,\n  Compact: 'compact' as FooterTypes\n};\n","@import 'footer.vars';\n\nfooter {\n  @include tablet-or-desktop {\n    flex-direction: row;\n    padding: $footer-desktop-padding;\n    gap: 1rem;\n  }\n\n  padding: $footer-padding;\n  border-top: $footer-border-colour 0.375rem solid;\n  background: $footer-background-colour;\n  display: flex;\n  flex-direction: column;\n\n  .footer-branding {\n    .footer-img {\n      @include tablet-or-desktop {\n        height: $footer-branding-image-desktop-height; // 100px;\n        margin-bottom: $footer-branding-image-desktop-margin-bottom;\n      }\n      height: $footer-branding-image-height; // 86px;\n      margin-bottom: $footer-branding-image-margin-bottom;\n      box-sizing: border-box;\n\n      a {\n        display: block;\n        height: 100%;\n        width: min-content;\n      }\n\n      img {\n        height: 100%;\n      }\n    }\n  }\n\n  .footer-content {\n    @include tablet-or-desktop {\n      display: flex;\n      flex-grow: 1;\n      flex-direction: column;\n    }\n    .footer-links {\n      @include tablet-or-desktop {\n        flex-direction: row;\n        align-self: flex-end;\n        margin-left: $footer-content-links-desktop-margin-left;\n        gap: 1.5rem;\n      }\n      display: flex;\n      flex-direction: column;\n      align-self: flex-start;\n      margin-left: $footer-content-links-margin-left;\n      gap: 0.5rem;\n      flex-grow: 1;\n\n      ::slotted(admiralty-link) {\n        a {\n          font-weight: $footer-links-font-weight;\n        }\n      }\n    }\n\n    .footer-text {\n      @include tablet-or-desktop {\n        align-self: flex-end;\n        margin-left: $footer-content-text-desktop-margin-left;\n      }\n      align-self: flex-start;\n      margin-left: $footer-content-text-margin-left;\n      margin-top: $footer-content-text-margin-top;\n      p {\n        @include tablet-or-desktop {\n          text-align: right;\n        }\n        margin: $footer-content-text-paragraph-margin;\n        font-weight: $footer-text-weight;\n        color: $footer-text-colour;\n      }\n    }\n  }\n}\n\nfooter.footer-compact {\n  display: inline-flex;\n  width: auto;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  padding: $footer-compact-padding;\n  gap: 0.5rem;\n  opacity: .70;\n  background-color: $footer-compact-background-colour;\n\n  border-radius: 0.625rem 0 0 0;\n  border-bottom: 3px solid $footer-border-colour;\n  border-top: none;\n\n  .footer-content {\n    @include phone-only {\n      justify-content: center;\n      flex-direction: column-reverse;\n    }\n\n    @include not-desktop {\n      flex-direction: column-reverse;\n    }\n\n    display: flex;\n    flex-direction: row-reverse;\n    flex-wrap: wrap;\n\n    .footer-links {\n      @include phone-only {\n        place-self: flex-end;\n      }\n\n      @include not-desktop {\n        row-gap: 0;\n\n        &.text-padding {\n          padding-top: $footer-compact-links-not-desktop-padding-top;\n          row-gap: .2rem;\n        }\n      }\n\n      font-size: $footer-compact-font-size;\n      justify-content: flex-end;\n      line-height: .95rem;\n      flex-flow: nowrap;\n      column-gap: 1.25rem; // gap\n      flex-wrap: wrap;\n\n      &.text-padding {\n        margin-left: $footer-compact-links-margin-left;\n      }\n    }\n\n    .footer-text {\n      @include phone-only {\n        margin-right: $footer-compact-content-text-phone-margin-right;\n      }\n\n      width: 14.3rem;\n      height: 1.1875rem;\n      flex-shrink: 0;\n\n      align-self: flex-end;\n      margin-left: $footer-compact-content-text-margin-left;\n      margin-top: $footer-compact-content-text-margin-top;\n\n      p {\n        color: $footer-compact-text-colour;\n        font-size: $footer-compact-font-size;\n        font-style: normal;\n        font-weight: $footer-compact-font-weight;\n        line-height: 1.5rem;\n      }\n    }\n  }\n}\n","import { Component, Prop, h, State, Listen, Element } from '@stencil/core';\nimport { FooterType, FooterTypes } from './footer.types';\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  scoped: true\n})\nexport class FooterComponent {\n  @Element() el: HTMLElement;\n\n  /**\n   * The type of footer to render. Valid values are `standard`, `compact`.\n   * Default value is `standard`.\n   */\n  @Prop() variant: FooterTypes = FooterType.Standard;\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  @State() hasSlotContent: boolean = false;\n\n  componentDidRender(): void {\n    this.checkSlotContent()\n  }\n\n  @Listen('slotchange', { capture: true })\n  handleSlotChange() {\n    this.checkSlotContent()\n  }\n\n  checkSlotContent(): void {\n    const links = this.el.querySelectorAll('admiralty-link') as NodeListOf<HTMLAdmiraltyLinkElement>\n    if (links) {\n      this.hasSlotContent = links.length > 0;\n    }\n  }\n\n  render() {\n    return (\n      <footer {...(this.variant === FooterType.Compact && { class: 'footer-compact'})}>\n        {this.variant !== FooterType.Compact && <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\" {...(this.hasSlotContent && this.variant === FooterType.Compact ? {class: 'footer-links text-padding'} : { class: 'footer-links'})}>\n            <slot onSlotchange={() => this.handleSlotChange()}></slot>\n          </nav>\n          <div class=\"footer-text\">\n            <p>{this.text}</p>\n          </div>\n        </div>\n      </footer>\n    );\n  }\n}\n"],"mappings":"kDACO,MAAMA,EAAa,CACxBC,SAAU,WACVC,QAAS,WCHX,MAAMC,EAAY,+6NAClB,MAAAC,EAAeD,E,MCWFE,EAAe,M,sCAOKL,EAAWC,S,eAItB,+B,cAID,4B,cAKA,6D,UAKJ,sBAAqB,IAAIK,MAAOC,uC,oBAEZ,K,CAEnC,kBAAAC,GACEC,KAAKC,kB,CAIP,gBAAAC,GACEF,KAAKC,kB,CAGP,gBAAAA,GACE,MAAME,EAAQH,KAAKI,GAAGC,iBAAiB,kBACvC,GAAIF,EAAO,CACTH,KAAKM,eAAiBH,EAAMI,OAAS,C,EAIzC,MAAAC,GACE,OACEC,EAAA,SAAAC,OAAAC,OAAA,CAAAC,IAAA,4CAAaZ,KAAKa,UAAYtB,EAAWE,SAAW,CAAEqB,MAAO,mBAC1Dd,KAAKa,UAAYtB,EAAWE,SAAWgB,EAAA,OAAAG,IAAA,2CAAKE,MAAM,mBACjDL,EAAA,OAAAG,IAAA,2CAAKE,MAAM,cACTL,EAAA,KAAAG,IAAA,2CAAGG,KAAMf,KAAKgB,WACZP,EAAA,OAAAG,IAAA,2CAAKK,IAAKjB,KAAKkB,SAAUC,IAAKnB,KAAKoB,cAIzCX,EAAA,OAAAG,IAAA,2CAAKE,MAAM,kBACTL,EAAA,MAAAC,OAAAC,OAAA,CAAAC,IAAA,wDAAgB,gBAAoBZ,KAAKM,gBAAkBN,KAAKa,UAAYtB,EAAWE,QAAU,CAACqB,MAAO,6BAA+B,CAAEA,MAAO,iBAC/IL,EAAA,QAAAG,IAAA,2CAAMS,aAAc,IAAMrB,KAAKE,sBAEjCO,EAAA,OAAAG,IAAA,2CAAKE,MAAM,eACTL,EAAA,KAAAG,IAAA,4CAAIZ,KAAKsB,Q","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as i,H as r,g as t}from"./p-71979ff5.js";const o=".visually-hidden.sc-admiralty-header-profile:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-header-profile{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-header-profile{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-header-profile{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-header-profile{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-header-profile{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-header-profile{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-header-profile{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-header-profile{display:none}}.header-profile.sc-admiralty-header-profile{color:var(--admiralty-colour-primary);cursor:pointer}.header-profile.sc-admiralty-header-profile>div.sc-admiralty-header-profile{display:flex}@media (min-width: 1024px){.header-profile.sc-admiralty-header-profile{display:flex;flex:0;flex-direction:column;font-size:var(--admiralty-header-profile-font-size, var(--admiralty-font-size-0)) !important;height:100%;justify-content:center;line-height:1.33em;margin-bottom:var(--admiralty-header-profile-desktop-only-margin-bottom, var(--admiralty-spacing-0));min-width:4em;max-width:11.1em;padding:var(--admiralty-header-profile-desktop-only-padding, var(--admiralty-spacing-0) 1.65em);position:relative;text-align:center}.header-profile.sc-admiralty-header-profile .not-desktop.sc-admiralty-header-profile{display:none}.header-profile.sc-admiralty-header-profile button.sc-admiralty-header-profile{all:unset;height:100%;width:100%}.header-profile.sc-admiralty-header-profile button.sc-admiralty-header-profile span.sc-admiralty-header-profile{color:var(--admiralty-colour-primary);font-weight:var(--admiralty-header-profile-font-weight, var(--admiralty-font-weight-medium));padding:var(--admiralty-header-profile-desktop-only-button-padding, var(--admiralty-spacing-1) var(--admiralty-spacing-0))}.header-profile.sc-admiralty-header-profile button.sc-admiralty-header-profile:focus span.sc-admiralty-header-profile,.header-profile.sc-admiralty-header-profile button.sc-admiralty-header-profile:focus div.sc-admiralty-header-profile{outline:3px solid transparent;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);text-decoration:none}.header-profile.sc-admiralty-header-profile:hover{box-shadow:inset 0 -5px var(--admiralty-colour-primary);background-color:var(--admiralty-hover-background-colour)}.header-profile.sc-admiralty-header-profile:hover .desktop.sc-admiralty-header-profile .sub-menu.sc-admiralty-header-profile{display:flex}.header-profile.active.sc-admiralty-header-profile{box-shadow:inset 0 -5px var(--admiralty-colour-primary)}.header-profile.active.sc-admiralty-header-profile .sub-menu.sc-admiralty-header-profile{display:flex}.header-profile.sc-admiralty-header-profile .sub-menu.sc-admiralty-header-profile{display:none;flex-direction:column;font-size:var(--admiralty-header-profile-font-size, var(--admiralty-font-size-0));position:absolute;top:100%;right:0;border:1px solid var(--admiralty-colour-light);width:300px}.header-profile.sc-admiralty-header-profile .sub-menu.desktop-visible.sc-admiralty-header-profile{display:flex}.header-profile.sc-admiralty-header-profile .sub-menu.desktop-hide.sc-admiralty-header-profile{display:none}.header-profile.sc-admiralty-header-profile .sub-menu.sc-admiralty-header-profile .sub-menu-item.sc-admiralty-header-profile{box-sizing:content-box;margin:var(--admiralty-header-profile-desktop-only-sub-menu-item-margin, var(--admiralty-spacing-0));width:100%;all:unset;box-sizing:border-box;display:block;font-weight:var(--admiralty-header-profile-sub-item-font-weight, var(--admiralty-font-weight-normal));height:100%;padding:var(--admiralty-header-profile-desktop-only-sub-menu-item-padding, 10px);text-align:left;width:100%}.header-profile.sc-admiralty-header-profile .sub-menu.sc-admiralty-header-profile .sub-menu-item.sc-admiralty-header-profile:hover{background-color:var(--admiralty-hover-background-colour)}}@media (max-width: 1023px){.header-profile.sc-admiralty-header-profile{border-top:1px solid var(--admiralty-colour-light)}.header-profile.sc-admiralty-header-profile .desktop.sc-admiralty-header-profile{display:none}.header-profile.sc-admiralty-header-profile .sub-menu-item.sc-admiralty-header-profile{display:block;box-sizing:border-box;background-color:unset;text-align:unset;text-decoration:unset;width:100%;padding:var(--admiralty-header-profile-not-desktop-sub-menu-item-padding, var(--admiralty-spacing-3))}.header-profile.sc-admiralty-header-profile .sub-menu-item.sc-admiralty-header-profile span.sc-admiralty-header-profile{padding:var(--admiralty-header-profile-not-desktop-sub-menu-item-span-padding, var(--admiralty-spacing-1) var(--admiralty-spacing-0));color:var(--admiralty-colour-primary);font-size:var(--admiralty-header-profile-font-size, var(--admiralty-font-size-0));font-weight:var(--admiralty-header-profile-font-weight, var(--admiralty-font-weight-medium))}.header-profile.sc-admiralty-header-profile .sub-menu-item.sc-admiralty-header-profile:hover{background-color:var(--admiralty-hover-background-colour)}.header-profile.sc-admiralty-header-profile .sub-menu-item.sc-admiralty-header-profile:focus{outline:none}.header-profile.sc-admiralty-header-profile .sub-menu-item.sc-admiralty-header-profile:focus span.sc-admiralty-header-profile{outline:3px solid transparent;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);text-decoration:none}}";const d=o;const l=class{constructor(i){e(this,i);this.signInClicked=a(this,"signInClicked",7);this.yourAccountClicked=a(this,"yourAccountClicked",7);this.signOutClicked=a(this,"signOutClicked",7);this.handleSignIn=()=>{this.signInClicked.emit()};this.handleSignOut=()=>{this.signOutClicked.emit()};this.handleYourAccount=()=>{this.yourAccountClicked.emit()};this.closeDropdown=()=>{const e=this.el.querySelector("div.sub-menu");e.classList.add("desktop-hide")};this.toggleDropdown=e=>{const a=this.el.querySelector("div.sub-menu");if(e){a.classList.add("desktop-visible");a.classList.remove("desktop-hide")}else{a.classList.add("desktop-hide");a.classList.remove("desktop-visible")}};this.handleClickSignedIn=e=>{e.stopPropagation();this.toggleDropdown(false)};this.isSignedIn=false;this.signedInText="replace";this.signInOnly=false}render(){let{isSignedIn:e,signedInText:a,signInOnly:t}=this;return i(r,{key:"b4417e12e72bb8b4847947218038715ca019eb76"},i("div",{key:"6ff091b7bc61ea8d017f27824b188bb1304a84f6",class:"header-profile"},e?i("div",null,i("div",{class:"desktop",onMouseEnter:()=>this.toggleDropdown(true),onMouseLeave:()=>this.toggleDropdown(false)},i("button",{onClick:this.handleClickSignedIn},i("span",null,a)),!t?i("div",{class:"sub-menu desktop-hide"},i("button",{class:"sub-menu-item",onClick:this.handleYourAccount},i("div",null,"Your Account")),i("button",{class:"sub-menu-item",onClick:this.handleSignOut},i("div",null,"Sign Out"))):null),!t?i("div",{class:"not-desktop"},i("button",{class:"sub-menu-item",onClick:this.handleYourAccount},i("span",null,"Your Account")),i("button",{class:"sub-menu-item",onClick:this.handleSignOut},i("span",null,"Sign Out"))):null):i("button",{class:"sub-menu-item",onClick:this.handleSignIn},i("span",null,"Sign In"))))}get el(){return t(this)}};l.style=d;export{l as admiralty_header_profile};
-//# sourceMappingURL=p-d09a057f.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["expansionCss","AdmiraltyExpansionStyle0","nextId","ExpansionComponent","this","internalId","headerId","contentId","onToggle","expanded","toggled","emit","getExpansionIcon","render","h","key","class","expansion","bordered","hideBorder","id","type","onClick","bind","alignHeadingRight","heading","name","hidden"],"sources":["src/components/expansion/expansion.scss?tag=admiralty-expansion&encapsulation=scoped","src/components/expansion/expansion.tsx"],"sourcesContent":["@import 'expansion.vars';\n\nsection.expansion {\n  padding: $expansion-padding;\n  border-bottom: 1px solid transparent;\n  &.bordered {\n    border-bottom: 1px solid $expansion-border-colour;\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: $expansion-content-padding-bottom;\n  }\n\n  button {\n    background-color: transparent;\n    border: none;\n    height: initial;\n    min-width: unset;\n    max-width: unset;\n    white-space: unset;\n    cursor: pointer;\n    margin: $expansion-button-margin;\n    padding: $expansion-button-padding;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    text-align: left;\n    position: relative;\n\n    .expansion-heading-icon {\n      color: $expansion-header-icon-colour;\n      font-size: $expansion-header-icon-size;\n      margin-left: $expansion-button-icon-margin-left;\n    }\n    &:focus {\n      outline: none;\n    }\n    h3 {\n      flex-grow: 1;\n      margin-bottom: $expansion-button-heading-margin-bottom;\n      font-size: $expansion-title-text-size;\n      font-weight: $expansion-title-text-weight;\n\n      &.expansion-heading-right-align {\n        text-align: right;\n      }\n    }\n\n    &:focus {\n      @include focus-highlight;\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\nlet nextId = 0;\n\n@Component({\n  tag: 'admiralty-expansion',\n  styleUrl: 'expansion.scss',\n  scoped: true,\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  internalId: string = `admiralty-expansion-${++nextId}`;\n\n  headerId: string = `${this.internalId}-header`;\n  contentId: string = `${this.internalId}-content`;\n\n  onToggle() {\n    this.expanded = !this.expanded;\n    this.toggled.emit(this.expanded);\n  }\n\n  getExpansionIcon(): string {\n    return this.expanded ? 'keyboard-arrow-up-rounded' : 'keyboard-arrow-down-rounded';\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\" name={this.getExpansionIcon()}></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":"kDAAA,MAAMA,EAAe,gqGACrB,MAAAC,EAAeD,ECCf,IAAIE,EAAS,E,MAOAC,EAAkB,M,0DA0B7BC,KAAAC,WAAqB,yBAAyBH,IAE9CE,KAAAE,SAAmB,GAAGF,KAAKC,oBAC3BD,KAAAG,UAAoB,GAAGH,KAAKC,qB,qCApBuB,M,uBAKvB,M,gBAKP,K,CAYrB,QAAAG,GACEJ,KAAKK,UAAYL,KAAKK,SACtBL,KAAKM,QAAQC,KAAKP,KAAKK,S,CAGzB,gBAAAG,GACE,OAAOR,KAAKK,SAAW,4BAA8B,6B,CAGvD,MAAAI,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,MAAO,CACLC,UAAW,KACXR,SAAUL,KAAKK,SACfS,UAAWd,KAAKe,aAGlBL,EAAA,UAAAC,IAAA,2CAAQK,GAAIhB,KAAKE,SAAUe,KAAK,SAAQ,gBAAgBjB,KAAKK,SAAQ,gBAAiBL,KAAKG,UAAWS,MAAM,2BAA2BM,QAASlB,KAAKI,SAASe,KAAKnB,OACjKU,EAAA,MAAAC,IAAA,2CAAIC,MAAO,CAAE,gCAAiCZ,KAAKoB,oBAAsBpB,KAAKqB,SAC9EX,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBAAiB,KAAIZ,KAAKK,SAAW,OAAS,OAAM,iBAChEK,EAAA,kBAAAC,IAAA,2CAAgBC,MAAM,yBAAyBU,KAAMtB,KAAKQ,sBAE5DE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBI,GAAIhB,KAAKG,UAAS,kBAAmBH,KAAKE,SAAUqB,QAASvB,KAAKK,UAC/FK,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as a,h as t,g as r}from"./p-71979ff5.js";const o=".visually-hidden.sc-admiralty-button:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-button{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-button{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-button{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-button{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-button{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-button{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-button{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-button{display:none}}button.primary.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;height:44px;padding:var(--admiralty-button-defaults-padding, 10px var(--admiralty-spacing-4));white-space:nowrap;min-width:50px;background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.primary:focus.sc-admiralty-button-s>*,button.primary:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.primary.sc-admiralty-button:disabled{cursor:default}button.primary.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.primary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}@media (max-width: 1023px){button.primary.sc-admiralty-button{min-width:unset;max-width:200px;width:100%;height:44px;padding:var(--admiralty-button-not-desktop-padding, 10px var(--admiralty-spacing-4))}}button.primary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-idiomatic-font-size, var(--admiralty-font-size-2));color:var(--admiralty-colour-primary);padding-left:var(--admiralty-button-idiomatic-padding-left, var(--admiralty-spacing-4))}button.primary.sc-admiralty-button:hover{background-color:var(--admiralty-colour-primary-shade);border:2px solid var(--admiralty-colour-primary-shade);color:var(--admiralty-colour-primary-contrast);border-color:var(--admiralty-colour-primary-shade);padding:var(--admiralty-button-primary-hover-padding, 10px var(--admiralty-spacing-4))}button.primary.sc-admiralty-button:hover:focus{padding:var(--admiralty-button-primary-hover-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.primary.sc-admiralty-button:hover:focus:active{padding:var(--admiralty-button-primary-hover-focus-active-padding, 10px var(--admiralty-spacing-4))}button.primary.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour)}button.secondary.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;height:44px;padding:var(--admiralty-button-defaults-padding, 10px var(--admiralty-spacing-4));white-space:nowrap;min-width:50px;background-color:var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary)}button.secondary.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.secondary:focus.sc-admiralty-button-s>*,button.secondary:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.secondary.sc-admiralty-button:disabled{cursor:default}button.secondary.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.secondary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}@media (max-width: 1023px){button.secondary.sc-admiralty-button{min-width:unset;max-width:200px;width:100%;height:44px;padding:var(--admiralty-button-not-desktop-padding, 10px var(--admiralty-spacing-4))}}button.secondary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-idiomatic-font-size, var(--admiralty-font-size-2));color:var(--admiralty-colour-primary);padding-left:var(--admiralty-button-idiomatic-padding-left, var(--admiralty-spacing-4))}button.secondary.sc-admiralty-button:hover{background-color:var(--admiralty-hover-background-colour);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary-shade);padding:var(--admiralty-button-secondary-hover-padding, 10px var(--admiralty-spacing-4))}button.secondary.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}button.secondary.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-primary-contrast)}button.secondary.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-primary-contrast)}button.secondary.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour)}button.secondary.sc-admiralty-button i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.warning.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;height:44px;padding:var(--admiralty-button-defaults-padding, 10px var(--admiralty-spacing-4));white-space:nowrap;min-width:50px;background-color:var(--admiralty-colour-danger);color:var(--admiralty-colour-danger-contrast);border:2px solid var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.warning:focus.sc-admiralty-button-s>*,button.warning:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.warning.sc-admiralty-button:disabled{cursor:default}button.warning.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.warning.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}@media (max-width: 1023px){button.warning.sc-admiralty-button{min-width:unset;max-width:200px;width:100%;height:44px;padding:var(--admiralty-button-not-desktop-padding, 10px var(--admiralty-spacing-4))}}button.warning.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-idiomatic-font-size, var(--admiralty-font-size-2));color:var(--admiralty-colour-primary);padding-left:var(--admiralty-button-idiomatic-padding-left, var(--admiralty-spacing-4))}button.warning.sc-admiralty-button:hover{background-color:var(--admiralty-colour-danger-shade);color:var(--admiralty-colour-danger-contrast);border:2px solid var(--admiralty-colour-danger-shade);padding:var(--admiralty-button-warning-hover-padding, 10px var(--admiralty-spacing-4))}button.warning.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-danger-contrast);border:2px solid var(--admiralty-colour-danger-contrast);color:var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour)}button.warning.sc-admiralty-button:disabled>*.sc-admiralty-button{opacity:0.5}button.warning.sc-admiralty-button i.sc-admiralty-button{color:var(--admiralty-colour-danger-contrast)}button.text.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.text:focus.sc-admiralty-button-s>*,button.text:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.text.sc-admiralty-button:disabled{cursor:default}button.text.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.text.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}button.text.sc-admiralty-button:enabled:active{color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:disabled{color:var(--admiralty-disabled-colour)}button.text.sc-admiralty-button:disabled>*.sc-admiralty-button{opacity:0.5}button.text.sc-admiralty-button:focus{border:none;box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);text-decoration:none;padding:var(--admiralty-button-text-focus-padding, var(--admiralty-spacing-0))}button.text:focus.sc-admiralty-button-s>*,button.text:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.text.sc-admiralty-button i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.icon.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;min-height:44px;min-width:50px;background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary);padding:var(--admiralty-button-icon-padding, var(--admiralty-spacing-2))}button.icon.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.icon:focus.sc-admiralty-button-s>*,button.icon:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.icon.sc-admiralty-button:disabled{cursor:default}button.icon.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.icon.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}button.icon.sc-admiralty-button:focus{padding:var(--admiralty-button-icon-focus-padding, var(--admiralty-spacing-3) var(--admiralty-spacing-4) var(--admiralty-spacing-2))}button.icon.sc-admiralty-button:hover{background-color:var(--admiralty-colour-primary-shade);border:2px solid var(--admiralty-colour-primary);padding:var(--admiralty-button-icon-hover-padding, var(--admiralty-spacing-2))}button.icon.sc-admiralty-button admiralty-icon.icon-padding.sc-admiralty-button{padding-left:8px}button.icon.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary)}button.icon.sc-admiralty-button:enabled:active admiralty-icon.sc-admiralty-button{color:var(--admiralty-colour-primary) !important}button.icon.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour);opacity:0.3}button.icon.borderless.sc-admiralty-button{border:none;background-color:yellow}button.icon.sc-admiralty-button:active:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour);opacity:0.3}button.icon.sc-admiralty-button i.sc-admiralty-button{margin:auto;font-size:unset;color:unset;padding-left:unset}button.icon-secondary.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;min-height:44px;min-width:50px;background-color:var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary);padding:9px}button.icon-secondary.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.icon-secondary:focus.sc-admiralty-button-s>*,button.icon-secondary:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.icon-secondary.sc-admiralty-button:disabled{cursor:default}button.icon-secondary.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.icon-secondary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}button.icon-secondary.sc-admiralty-button:focus{padding:11px 11px 8px}button.icon-secondary.sc-admiralty-button:hover{background-color:var(--admiralty-hover-background-colour);border:2px solid var(--admiralty-colour-primary);padding:9px}button.icon-secondary.sc-admiralty-button admiralty-icon.icon-padding.sc-admiralty-button{padding-left:8px}button.icon-secondary.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary);border:2px solid transparent}button.icon-secondary.sc-admiralty-button:enabled:active admiralty-icon.sc-admiralty-button{color:var(--admiralty-colour-primary-contrast) !important}button.icon-secondary.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-colour-primary);opacity:0.3}button.icon-secondary.borderless.sc-admiralty-button{border:none}button.icon-secondary.sc-admiralty-button:active:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-colour-primary);opacity:0.3}button.icon-secondary.sc-admiralty-button i.sc-admiralty-button{margin:var(--admiralty-button-icon-idiomatic-margin, var(--admiralty-spacing-auto));font-size:unset;color:unset;padding-left:var(--admiralty-button-icon-idiomatic-padding, var(--admiralty-spacing-unset))}";const i=o;const n=class{constructor(t){a(this,t);this.variant="primary";this.icon=undefined;this.disabled=false;this.borderless=false;this.type="submit";this.form=undefined;this.name=undefined;this.value=undefined}render(){const a=this.el.textContent.trim().length>0;const{form:r,name:o,value:i}=this;const n=Object.assign(Object.assign(Object.assign({},r&&{form:r}),o&&{name:o}),i&&{value:i});return t("button",Object.assign({key:"abee3f20f126864a8b0a8d05bba8efc4940a6d72",type:this.type,disabled:this.disabled,class:{[this.variant]:true,borderless:this.borderless}},n),t("slot",{key:"83b5c5260914f49782d70fa951ea93589675fe26"}),this.icon?t("admiralty-icon",{name:this.icon,class:`${a?"icon-padding":""}`}):undefined)}get el(){return r(this)}};n.style=i;export{n as admiralty_button};
-//# sourceMappingURL=p-f3b69fbc.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as a,c as i,h as t,H as d,g as r}from"./p-71979ff5.js";const e='.visually-hidden.sc-admiralty-radio:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-radio{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-radio{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-radio{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-radio{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-radio{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-radio{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-radio{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-radio{display:none}}.admiralty-radio.sc-admiralty-radio input.sc-admiralty-radio{appearance:none;border:2px solid var(--admiralty-colour-primary);border-radius:1rem;height:1.625rem;width:1.625rem;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:var(--admiralty-radio-input-margin-right, 18px)}.admiralty-radio.sc-admiralty-radio input.invalid.sc-admiralty-radio{border-color:var(--admiralty-colour-danger)}.admiralty-radio.sc-admiralty-radio input.invalid.sc-admiralty-radio:focus-visible{border-color:unset;outline:3px solid var(--admiralty-focus-colour)}.admiralty-radio.sc-admiralty-radio input.sc-admiralty-radio:checked:after{border-radius:100%;background-color:var(--admiralty-colour-primary);width:0.75rem;height:0.75rem;content:" "}.admiralty-radio.sc-admiralty-radio input.sc-admiralty-radio:disabled{border:2px solid var(--admiralty-disabled-colour)}.admiralty-radio.sc-admiralty-radio input.sc-admiralty-radio:focus{outline:4px solid var(--admiralty-focus-colour);outline-offset:0;border-width:3.5px}.admiralty-radio.sc-admiralty-radio label.sc-admiralty-radio{font-weight:var(--admiralty-radio-label-font-weight, var(--admiralty-font-weight-normal));position:relative;top:2px}.conditional.sc-admiralty-radio{margin:var(--admiralty-radio-conditional-margin, 10px var(--admiralty-spacing-0) var(--admiralty-spacing-0) 13px);padding-left:var(--admiralty-radio-conditional-padding-left, 30px);border-left:4px solid lightgrey}.conditional.sc-admiralty-radio:empty{margin:var(--admiralty-radio-conditional-margin-empty, var(--admiralty-spacing-0))}.conditional.unchecked.sc-admiralty-radio{display:none}';const o=e;const l=class{constructor(t){a(this,t);this.admiraltyFocus=i(this,"admiraltyFocus",7);this.admiraltyBlur=i(this,"admiraltyBlur",7);this.admiraltyChange=i(this,"admiraltyChange",7);this.internalId=++n;this.radioGroup=null;this.updateState=()=>{if(this.radioGroup){this.checked=this.radioGroup.value===this.value;if(this.nativeInput&&this.checked){this.nativeInput.focus()}}};this.onClick=()=>{this.checked=this.nativeInput.checked};this.onFocus=()=>{this.admiraltyFocus.emit()};this.onBlur=()=>{this.admiraltyBlur.emit()};this.buttonTabindex=-1;this.name=undefined;this.value=undefined;this.disabled=false;this.checked=false;this.invalid=false}valueChanged(){this.updateState()}connectedCallback(){if(this.value===undefined){this.value=`admiralty-radio-${this.internalId}`}const a=this.radioGroup=this.el.closest("admiralty-radio-group");if(a){this.updateState();a.addEventListener("admiraltyChange",this.updateState)}}disconnectedCallback(){const a=this.radioGroup;if(a){a.removeEventListener("admiraltyChange",this.updateState);this.radioGroup=null}}async setButtonTabindex(a){this.buttonTabindex=a}render(){const{buttonTabindex:a,checked:i,disabled:r,name:e,value:o}=this;const l=this.el.id!=""?this.el.id:`admiralty-radio-${this.internalId}`;const n=`${l}-input`;return t(d,{key:"046c42ccd67be7ab1b06e6aff306f7e5959a8f45"},t("div",{key:"1ca9725336e4433809628a010a14416a5935b8d8",class:{"admiralty-radio":true,checked:i}},t("input",{key:"c09d28f0988d9f703ec6be203a0f1d74fad56bcc",class:{invalid:this.invalid,"admiralty-radio":true},"aria-checked":`${i}`,"aria-hidden":r?"true":null,"aria-labelledby":n,id:n,name:e,tabindex:a,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,type:"radio",value:o,checked:i,disabled:r?true:null,ref:a=>this.nativeInput=a}),t("label",{key:"9333cf1742e1f733ee0680bee31482252730cd9f",htmlFor:n},t("slot",{key:"e5dba1649873e433ac5ee0daa41e971eb83e7892"}))),t("div",{key:"17866de8ba1a95bd65a47049c65039b602641abb",class:{conditional:true,checked:i,unchecked:!i}},t("slot",{key:"e40693ceb42484799102473cb986576fb77fb51a",name:"conditional"})))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};let n=0;l.style=o;export{l as admiralty_radio};
-//# sourceMappingURL=p-f5c4718d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["radioCss","AdmiraltyRadioStyle0","RadioComponent","this","internalId","radioButtonIds","radioGroup","updateState","checked","value","nativeInput","focus","onClick","onFocus","admiraltyFocus","emit","onBlur","admiraltyBlur","valueChanged","connectedCallback","undefined","el","closest","addEventListener","disconnectedCallback","removeEventListener","setButtonTabindex","buttonTabindex","render","disabled","name","id","inputId","h","Host","key","class","invalid","tabindex","type","ref","nativeEl","htmlFor","conditional","unchecked"],"sources":["src/components/radio/radio.scss?tag=admiralty-radio&encapsulation=scoped","src/components/radio/radio.tsx"],"sourcesContent":["@import 'radio.vars';\n\n.admiralty-radio {\n  input {\n    appearance: none;\n    border: 2px solid $radio-border-colour;\n    border-radius: 1rem;\n    height: 1.625rem;\n    width: 1.625rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    margin-right: $radio-input-margin-right;\n\n    &.invalid {\n      border-color: $radio-invalid-border-colour;\n\n      &:focus-visible {\n        border-color: unset;\n        outline: 3px solid $radio-focus-colour;\n      }\n    }\n\n    &:checked:after {\n      border-radius: 100%;\n      background-color: $radio-checked-background-colour;\n      width: 0.75rem;\n      height: 0.75rem;\n      content: ' ';\n    }\n\n    &:disabled {\n      border: 2px solid $radio-disabled-border-colour;\n    }\n\n    &:focus {\n      outline: 4px solid $radio-focus-colour;\n      outline-offset: 0;\n      border-width: 3.5px;\n    }\n  }\n  label {\n    font-weight: $radio-label-font-weight;\n    position: relative;\n    top: 2px;\n  }\n}\n\n.conditional {\n  margin: $radio-conditional-margin;\n  padding-left: $radio-conditional-padding-left;\n  border-left: 4px solid lightgrey;\n  &:empty {\n    margin: $radio-conditional-margin-empty;\n  }\n  &.unchecked {\n    display: none;\n  }\n}\n","import { Element, Component, Event, h, Prop, Watch, Host, State, Method, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-radio',\n  styleUrl: 'radio.scss',\n  scoped: true,\n})\nexport class RadioComponent {\n  private internalId = ++radioButtonIds;\n  private nativeInput!: HTMLInputElement;\n  private radioGroup: HTMLAdmiraltyRadioGroupElement | null = null;\n\n  @Element() el!: HTMLElement;\n\n  /**\n   * The tabindex of the radio button.\n   * @internal\n   */\n  @State() buttonTabindex = -1;\n\n  /**\n   * The name of the radio button for use on selection within a radio group\n   */\n  @Prop() name: string;\n  /**\n   * The value of the radio button for use on selection within a radio group\n   */\n  @Prop({ mutable: true }) value: string | null;\n  /**\n   * Determines whether the radio button is disabled. A button in disabled state will not fire click output events.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Determines whether the radio button is selected (or checked)\n   */\n  @Prop({ mutable: true }) checked?: boolean = false;\n\n  /**\n   * Determines whether to add the invalid stying to the radio button\n   */\n  @Prop() invalid: boolean = false;\n\n  /**\n   * Emitted when the radio button gains focus.\n   */\n  @Event() admiraltyFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the radio button loses focus.\n   */\n  @Event() admiraltyBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the radio is selected\n   */\n  @Event() admiraltyChange!: EventEmitter<void>;\n\n  @Watch('value')\n  valueChanged() {\n    /**\n     * The new value of the radio may\n     * match the radio group's value,\n     * so we see if it should be checked.\n     */\n    this.updateState();\n  }\n\n  connectedCallback() {\n    if (this.value === undefined) {\n      // radio buttons should always be used with a value\n      this.value = `admiralty-radio-${this.internalId}`;\n    }\n    const radioGroup = (this.radioGroup = this.el.closest('admiralty-radio-group'));\n\n    if (radioGroup) {\n      this.updateState();\n      radioGroup.addEventListener('admiraltyChange', this.updateState);\n    }\n  }\n\n  disconnectedCallback() {\n    const radioGroup = this.radioGroup;\n    if (radioGroup) {\n      radioGroup.removeEventListener('admiraltyChange', this.updateState);\n      this.radioGroup = null;\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async setButtonTabindex(value: number) {\n    this.buttonTabindex = value;\n  }\n\n  private updateState = () => {\n    if (this.radioGroup) {\n      this.checked = this.radioGroup.value === this.value;\n      if (this.nativeInput && this.checked) {\n        this.nativeInput.focus();\n      }\n    }\n  };\n\n  private onClick = () => {\n    this.checked = this.nativeInput.checked;\n  };\n\n  private onFocus = () => {\n    this.admiraltyFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.admiraltyBlur.emit();\n  };\n\n  render() {\n    const { buttonTabindex, checked, disabled, name, value } = this;\n    const id = this.el.id != '' ? this.el.id : `admiralty-radio-${this.internalId}`;\n    const inputId = `${id}-input`;\n    return (\n      <Host>\n        <div class={{ 'admiralty-radio': true, 'checked': checked }}>\n          <input\n            class={{ 'invalid': this.invalid, 'admiralty-radio': true }}\n            aria-checked={`${checked}`}\n            aria-hidden={disabled ? 'true' : null}\n            aria-labelledby={inputId}\n            id={inputId}\n            name={name}\n            tabindex={buttonTabindex}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            onClick={this.onClick}\n            type=\"radio\"\n            value={value}\n            checked={checked}\n            disabled={disabled ? true : null}\n            ref={nativeEl => (this.nativeInput = nativeEl as HTMLInputElement)}\n          />\n          <label htmlFor={inputId}>\n            <slot />\n          </label>\n        </div>\n        <div class={{ conditional: true, checked: checked, unchecked: !checked }}>\n          <slot name=\"conditional\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet radioButtonIds = 0;\n"],"mappings":"gEAAA,MAAMA,EAAW,ylFACjB,MAAAC,EAAeD,E,MCMFE,EAAc,M,sKACjBC,KAAAC,aAAeC,EAEfF,KAAAG,WAAoD,KAqFpDH,KAAAI,YAAc,KACpB,GAAIJ,KAAKG,WAAY,CACnBH,KAAKK,QAAUL,KAAKG,WAAWG,QAAUN,KAAKM,MAC9C,GAAIN,KAAKO,aAAeP,KAAKK,QAAS,CACpCL,KAAKO,YAAYC,O,IAKfR,KAAAS,QAAU,KAChBT,KAAKK,QAAUL,KAAKO,YAAYF,OAAO,EAGjCL,KAAAU,QAAU,KAChBV,KAAKW,eAAeC,MAAM,EAGpBZ,KAAAa,OAAS,KACfb,KAAKc,cAAcF,MAAM,E,qBA/FA,E,uDAaE,M,aAKgB,M,aAKlB,K,CAkB3B,YAAAG,GAMEf,KAAKI,a,CAGP,iBAAAY,GACE,GAAIhB,KAAKM,QAAUW,UAAW,CAE5BjB,KAAKM,MAAQ,mBAAmBN,KAAKC,Y,CAEvC,MAAME,EAAcH,KAAKG,WAAaH,KAAKkB,GAAGC,QAAQ,yBAEtD,GAAIhB,EAAY,CACdH,KAAKI,cACLD,EAAWiB,iBAAiB,kBAAmBpB,KAAKI,Y,EAIxD,oBAAAiB,GACE,MAAMlB,EAAaH,KAAKG,WACxB,GAAIA,EAAY,CACdA,EAAWmB,oBAAoB,kBAAmBtB,KAAKI,aACvDJ,KAAKG,WAAa,I,EAMtB,uBAAMoB,CAAkBjB,GACtBN,KAAKwB,eAAiBlB,C,CAwBxB,MAAAmB,GACE,MAAMD,eAAEA,EAAcnB,QAAEA,EAAOqB,SAAEA,EAAQC,KAAEA,EAAIrB,MAAEA,GAAUN,KAC3D,MAAM4B,EAAK5B,KAAKkB,GAAGU,IAAM,GAAK5B,KAAKkB,GAAGU,GAAK,mBAAmB5B,KAAKC,aACnE,MAAM4B,EAAU,GAAGD,UACnB,OACEE,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,CAAE,kBAAmB,KAAM5B,QAAWA,IAChDyB,EAAA,SAAAE,IAAA,2CACEC,MAAO,CAAEC,QAAWlC,KAAKkC,QAAS,kBAAmB,MAAM,eAC7C,GAAG7B,IAAS,cACbqB,EAAW,OAAS,KAAI,kBACpBG,EACjBD,GAAIC,EACJF,KAAMA,EACNQ,SAAUX,EACVd,QAASV,KAAKU,QACdG,OAAQb,KAAKa,OACbJ,QAAST,KAAKS,QACd2B,KAAK,QACL9B,MAAOA,EACPD,QAASA,EACTqB,SAAUA,EAAW,KAAO,KAC5BW,IAAKC,GAAatC,KAAKO,YAAc+B,IAEvCR,EAAA,SAAAE,IAAA,2CAAOO,QAASV,GACdC,EAAA,QAAAE,IAAA,+CAGJF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,CAAEO,YAAa,KAAMnC,QAASA,EAASoC,WAAYpC,IAC7DyB,EAAA,QAAAE,IAAA,2CAAML,KAAK,iB,gFAOrB,IAAIzB,EAAiB,E","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["breadcrumbCss","AdmiraltyBreadcrumbStyle0","BreadcrumbComponent","render","h","Host","key","this","first","class","name","active","href"],"sources":["src/components/breadcrumb/breadcrumb.scss?tag=admiralty-breadcrumb&encapsulation=scoped","src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["@import \"breadcrumb.vars\";\n\n:host {\n  display: flex;\n  align-items: center;\n}\n\n.breadcrumb-icon {\n  margin: $breadcrumb-icon-margin;\n  font-size: $breadcrumb-icon-font-size;\n  color: $breadcrumb-separator-colour;\n}\n\na {\n  display: inline-block;\n  font-size: $breadcrumb-font-size;\n  font-weight: $breadcrumb-font-weight;\n  text-decoration: none;\n  color: $breadcrumb-font-colour;\n  margin: $breadcrumb-href-margin;\n\n  &:hover {\n    color: $breadcrumb-font-colour-hover;\n    text-decoration: underline;\n    text-underline-offset: 0.15em;\n    text-decoration-thickness: 0.15em;\n  }\n\n  &:focus {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-font-colour-active;\n    font-weight: $breadcrumb-font-weight-active;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-breadcrumb',\n  styleUrl: 'breadcrumb.scss',\n  scoped: true,\n})\nexport class BreadcrumbComponent {\n  /**\n   * When `true` the breadcrumb will by styled to show that it is the\n   * currently active breadcrumb. Defaults to `true` for the\n   * last breadcrumb if it is not set on any.\n   */\n  @Prop() active = false;\n\n  /**\n   * @internal\n   * When set to `true` the breadcrumb will not be prefixed with a chevron.\n   */\n  @Prop() first!: boolean;\n\n  /**\n   * Contains a URL or a URL fragment that the hyperlink points to.\n   */\n  @Prop() href: string | undefined;\n\n  render() {\n    return (\n      <Host>\n        {!this.first && <admiralty-icon class=\"breadcrumb-icon\" name=\"arrow-forward-ios-rounded\"></admiralty-icon>}\n        <a class={{ active: this.active }} href={this.href || '#'}>\n          <slot></slot>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,sjCACtB,MAAAC,EAAeD,E,MCMFE,EAAmB,M,qCAMb,M,yCAajB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDC,KAAKC,OAASJ,EAAA,kBAAAE,IAAA,2CAAgBG,MAAM,kBAAkBC,KAAK,8BAC7DN,EAAA,KAAAE,IAAA,2CAAGG,MAAO,CAAEE,OAAQJ,KAAKI,QAAUC,KAAML,KAAKK,MAAQ,KACpDR,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/p-a208e1b2.js

@@ -1,59 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-7dd465c9.js';
-import { d as defineCustomElement$1 } from './p-9bd9f5c0.js';
-
-const buttonCss = ".visually-hidden.sc-admiralty-button:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-button{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-button{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-button{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-button{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-button{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-button{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-button{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-button{display:none}}button.primary.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;height:44px;padding:var(--admiralty-button-defaults-padding, 10px var(--admiralty-spacing-4));white-space:nowrap;min-width:50px;background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.primary:focus.sc-admiralty-button-s>*,button.primary:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.primary.sc-admiralty-button:disabled{cursor:default}button.primary.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.primary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}@media (max-width: 1023px){button.primary.sc-admiralty-button{min-width:unset;max-width:200px;width:100%;height:44px;padding:var(--admiralty-button-not-desktop-padding, 10px var(--admiralty-spacing-4))}}button.primary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-idiomatic-font-size, var(--admiralty-font-size-2));color:var(--admiralty-colour-primary);padding-left:var(--admiralty-button-idiomatic-padding-left, var(--admiralty-spacing-4))}button.primary.sc-admiralty-button:hover{background-color:var(--admiralty-colour-primary-shade);border:2px solid var(--admiralty-colour-primary-shade);color:var(--admiralty-colour-primary-contrast);border-color:var(--admiralty-colour-primary-shade);padding:var(--admiralty-button-primary-hover-padding, 10px var(--admiralty-spacing-4))}button.primary.sc-admiralty-button:hover:focus{padding:var(--admiralty-button-primary-hover-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.primary.sc-admiralty-button:hover:focus:active{padding:var(--admiralty-button-primary-hover-focus-active-padding, 10px var(--admiralty-spacing-4))}button.primary.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour)}button.secondary.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;height:44px;padding:var(--admiralty-button-defaults-padding, 10px var(--admiralty-spacing-4));white-space:nowrap;min-width:50px;background-color:var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary)}button.secondary.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.secondary:focus.sc-admiralty-button-s>*,button.secondary:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.secondary.sc-admiralty-button:disabled{cursor:default}button.secondary.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.secondary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}@media (max-width: 1023px){button.secondary.sc-admiralty-button{min-width:unset;max-width:200px;width:100%;height:44px;padding:var(--admiralty-button-not-desktop-padding, 10px var(--admiralty-spacing-4))}}button.secondary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-idiomatic-font-size, var(--admiralty-font-size-2));color:var(--admiralty-colour-primary);padding-left:var(--admiralty-button-idiomatic-padding-left, var(--admiralty-spacing-4))}button.secondary.sc-admiralty-button:hover{background-color:var(--admiralty-hover-background-colour);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary-shade);padding:var(--admiralty-button-secondary-hover-padding, 10px var(--admiralty-spacing-4))}button.secondary.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}button.secondary.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-primary-contrast)}button.secondary.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-primary-contrast)}button.secondary.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour)}button.secondary.sc-admiralty-button i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.warning.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;height:44px;padding:var(--admiralty-button-defaults-padding, 10px var(--admiralty-spacing-4));white-space:nowrap;min-width:50px;background-color:var(--admiralty-colour-danger);color:var(--admiralty-colour-danger-contrast);border:2px solid var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.warning:focus.sc-admiralty-button-s>*,button.warning:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.warning.sc-admiralty-button:disabled{cursor:default}button.warning.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.warning.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}@media (max-width: 1023px){button.warning.sc-admiralty-button{min-width:unset;max-width:200px;width:100%;height:44px;padding:var(--admiralty-button-not-desktop-padding, 10px var(--admiralty-spacing-4))}}button.warning.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-idiomatic-font-size, var(--admiralty-font-size-2));color:var(--admiralty-colour-primary);padding-left:var(--admiralty-button-idiomatic-padding-left, var(--admiralty-spacing-4))}button.warning.sc-admiralty-button:hover{background-color:var(--admiralty-colour-danger-shade);color:var(--admiralty-colour-danger-contrast);border:2px solid var(--admiralty-colour-danger-shade);padding:var(--admiralty-button-warning-hover-padding, 10px var(--admiralty-spacing-4))}button.warning.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-danger-contrast);border:2px solid var(--admiralty-colour-danger-contrast);color:var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour)}button.warning.sc-admiralty-button:disabled>*.sc-admiralty-button{opacity:0.5}button.warning.sc-admiralty-button i.sc-admiralty-button{color:var(--admiralty-colour-danger-contrast)}button.text.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.text:focus.sc-admiralty-button-s>*,button.text:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.text.sc-admiralty-button:disabled{cursor:default}button.text.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.text.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}button.text.sc-admiralty-button:enabled:active{color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:disabled{color:var(--admiralty-disabled-colour)}button.text.sc-admiralty-button:disabled>*.sc-admiralty-button{opacity:0.5}button.text.sc-admiralty-button:focus{border:none;box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);text-decoration:none;padding:var(--admiralty-button-text-focus-padding, var(--admiralty-spacing-0))}button.text:focus.sc-admiralty-button-s>*,button.text:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.text.sc-admiralty-button i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.icon.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;min-height:44px;min-width:50px;background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary);padding:var(--admiralty-button-icon-padding, var(--admiralty-spacing-2))}button.icon.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.icon:focus.sc-admiralty-button-s>*,button.icon:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.icon.sc-admiralty-button:disabled{cursor:default}button.icon.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.icon.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}button.icon.sc-admiralty-button:focus{padding:var(--admiralty-button-icon-focus-padding, var(--admiralty-spacing-3) var(--admiralty-spacing-4) var(--admiralty-spacing-2))}button.icon.sc-admiralty-button:hover{background-color:var(--admiralty-colour-primary-shade);border:2px solid var(--admiralty-colour-primary);padding:var(--admiralty-button-icon-hover-padding, var(--admiralty-spacing-2))}button.icon.sc-admiralty-button admiralty-icon.icon-padding.sc-admiralty-button{padding-left:8px}button.icon.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary)}button.icon.sc-admiralty-button:enabled:active admiralty-icon.sc-admiralty-button{color:var(--admiralty-colour-primary) !important}button.icon.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour);opacity:0.3}button.icon.borderless.sc-admiralty-button{border:none;background-color:yellow}button.icon.sc-admiralty-button:active:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour);opacity:0.3}button.icon.sc-admiralty-button i.sc-admiralty-button{margin:auto;font-size:unset;color:unset;padding-left:unset}button.icon-secondary.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-button-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;min-height:44px;min-width:50px;background-color:var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary);padding:9px}button.icon-secondary.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:var(--admiralty-button-focus-padding, var(--admiralty-spacing-3) 18px var(--admiralty-spacing-2))}button.icon-secondary:focus.sc-admiralty-button-s>*,button.icon-secondary:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.icon-secondary.sc-admiralty-button:disabled{cursor:default}button.icon-secondary.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.icon-secondary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:var(--admiralty-button-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary);padding:var(--admiralty-button-defaults-idiomatic-padding, 10px var(--admiralty-spacing-4))}button.icon-secondary.sc-admiralty-button:focus{padding:11px 11px 8px}button.icon-secondary.sc-admiralty-button:hover{background-color:var(--admiralty-hover-background-colour);border:2px solid var(--admiralty-colour-primary);padding:9px}button.icon-secondary.sc-admiralty-button admiralty-icon.icon-padding.sc-admiralty-button{padding-left:8px}button.icon-secondary.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary);border:2px solid transparent}button.icon-secondary.sc-admiralty-button:enabled:active admiralty-icon.sc-admiralty-button{color:var(--admiralty-colour-primary-contrast) !important}button.icon-secondary.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-colour-primary);opacity:0.3}button.icon-secondary.borderless.sc-admiralty-button{border:none}button.icon-secondary.sc-admiralty-button:active:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-colour-primary);opacity:0.3}button.icon-secondary.sc-admiralty-button i.sc-admiralty-button{margin:var(--admiralty-button-icon-idiomatic-margin, var(--admiralty-spacing-auto));font-size:unset;color:unset;padding-left:var(--admiralty-button-icon-idiomatic-padding, var(--admiralty-spacing-unset))}";
-const AdmiraltyButtonStyle0 = buttonCss;
-
-const ButtonComponent = /*@__PURE__*/ proxyCustomElement(class ButtonComponent extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.variant = 'primary';
-        this.icon = undefined;
-        this.disabled = false;
-        this.borderless = false;
-        this.type = 'submit';
-        this.form = undefined;
-        this.name = undefined;
-        this.value = undefined;
-    }
-    render() {
-        const hasTextContent = this.el.textContent.trim().length > 0;
-        const { form, name, value } = this;
-        const props = Object.assign(Object.assign(Object.assign({}, (form && { form })), (name && { name })), (value && { value }));
-        return (h("button", Object.assign({ key: 'abee3f20f126864a8b0a8d05bba8efc4940a6d72', type: this.type, disabled: this.disabled, class: { [this.variant]: true, borderless: this.borderless } }, props), h("slot", { key: '83b5c5260914f49782d70fa951ea93589675fe26' }), this.icon ? h("admiralty-icon", { name: this.icon, class: `${hasTextContent ? 'icon-padding' : ''}` }) : undefined));
-    }
-    get el() { return this; }
-    static get style() { return AdmiraltyButtonStyle0; }
-}, [6, "admiralty-button", {
-        "variant": [1],
-        "icon": [1],
-        "disabled": [516],
-        "borderless": [4],
-        "type": [1],
-        "form": [1],
-        "name": [1],
-        "value": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["admiralty-button", "admiralty-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "admiralty-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ButtonComponent);
-            }
-            break;
-        case "admiralty-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { ButtonComponent as B, defineCustomElement as d };
-
-//# sourceMappingURL=p-a208e1b2.js.map