@ukho/admiralty-core 5.2.0-next.4 → 5.2.0-next.6

package/dist/admiralty/admiralty.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-71979ff5.js";export{s as setNonce}from"./p-71979ff5.js";import{g as i}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};l().then((async e=>{await i();return a([["p-69153f62",[[2,"admiralty-autocomplete",{autoselect:[4],cssNamespace:[1,"css-namespace"],displayMenu:[1,"display-menu"],minLength:[2,"min-length"],name:[1],placeholder:[1],confirmOnBlur:[4,"confirm-on-blur"],showNoOptionsFound:[4,"show-no-options-found"],showAllValues:[4,"show-all-values"],required:[4],assistiveHint:[1,"assistive-hint"],menuAttributes:[8,"menu-attributes"],inputClasses:[1,"input-classes"],menuClasses:[1,"menu-classes"],label:[1],hint:[1],invalid:[4],invalidMessage:[1,"invalid-message"],disabled:[4],value:[1025],filterFunction:[16],focused:[32],hovered:[32],menuOpen:[32],options:[32],option:[32],query:[32],validChoiceMade:[32],selected:[32],ariaHint:[32]},null,{value:["onValueChange"],focused:["onFocusedChange"]}]]],["p-0e488477",[[2,"admiralty-input",{name:[1],label:[1],hint:[1],disabled:[4],type:[1],placeholder:[1],width:[2],required:[4],invalid:[4],invalidMessage:[1,"invalid-message"],autocomplete:[1],value:[1032]},null,{value:["valueChanged"]}]]],["p-95c7afbe",[[6,"admiralty-select",{disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],hint:[1],label:[1],width:[2],value:[1032]},null,{value:["valueChanged"]}]]],["p-7e3602b1",[[2,"admiralty-textarea",{label:[1],hint:[1],width:[2],disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],value:[1032]},null,{value:["valueChanged"]}]]],["p-4b7cc86d",[[6,"admiralty-radio-group",{name:[1],label:[1],hint:[1],disabled:[4],value:[1032],displayVertical:[4,"display-vertical"],invalid:[4],invalidMessage:[1,"invalid-message"]},null,{value:["valueChanged"],invalid:["invalidChanged"]}]]],["p-206173ff",[[6,"admiralty-colour-block",{width:[2],height:[2],heading:[1],colour:[1],href:[1],linkText:[1,"link-text"],suppressRedirect:[4,"suppress-redirect"],enableCardEvent:[4,"enable-card-event"],actionText:[1,"action-text"]}]]],["p-ee0d714b",[[6,"admiralty-error-summary",{heading:[1]}]]],["p-72a77397",[[2,"admiralty-file-input",{label:[1],multiple:[4],invalid:[4],invalidMessage:[1,"invalid-message"],files:[32]}]]],["p-cd33d32a",[[6,"admiralty-filter",{filterTitle:[1,"filter-title"]}]]],["p-ae15e60d",[[6,"admiralty-filter-group",{groupTitle:[1,"group-title"]}]]],["p-2e30e61d",[[2,"admiralty-paginator",{pages:[2],currentPage:[2,"current-page"],label:[1]}]]],["p-f6241aea",[[6,"admiralty-breadcrumb",{active:[4],first:[4],href:[1]}]]],["p-bf6c9019",[[6,"admiralty-header",{headerTitle:[1,"header-title"],headerTitleUrl:[1,"header-title-url"],logoLinkUrl:[1,"logo-link-url"],logoImgUrl:[1,"logo-img-url"],logoAltText:[1,"logo-alt-text"],mobileMenuOpen:[32],displayHamburger:[32]}]]],["p-3872dc88",[[2,"admiralty-icon-side-bar-item",{expanded:[1540],icon:[1],href:[1],itemText:[1,"item-text"],suppressRedirect:[4,"suppress-redirect"],active:[1540]},null,{active:["handleActiveChange"]}]]],["p-2a5020e7",[[2,"admiralty-pill",{text:[1],number:[1],label:[1],colour:[1],selected:[4]}]]],["p-c56c0670",[[2,"admiralty-progress-bar",{label:[1],progression:[2],error:[4],progressionValue:[32]},null,{progression:["progressionChanged"]}]]],["p-add31457",[[6,"admiralty-read-more",{heading:[1],expanded:[32]}]]],["p-c31c6935",[[6,"admiralty-text-side-bar-item",{variant:[1],expanded:[1540],icon:[1],href:[1],itemText:[1,"item-text"],suppressRedirect:[4,"suppress-redirect"],active:[1540]},null,{active:["handleActiveChange"]}]]],["p-86def5ca",[[2,"admiralty-autocomplete-option",{value:[8]}]]],["p-ecc4c552",[[6,"admiralty-breadcrumbs"]]],["p-18040ebd",[[6,"admiralty-card",{heading:[1]}]]],["p-cb76daf8",[[2,"admiralty-checkbox",{checkboxRight:[4,"checkbox-right"],disabled:[4],name:[1],checked:[1540],value:[8],labelText:[1,"label-text"],labelHidden:[4,"label-hidden"]},null,{checked:["checkedChanged"]}]]],["p-c8678d01",[[6,"admiralty-footer",{variant:[1],imageLink:[1,"image-link"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],text:[1],hasSlotContent:[32]},[[2,"slotchange","handleSlotChange"]]]]],["p-564fc7f6",[[6,"admiralty-header-menu-item",{menuTitle:[1,"menu-title"],active:[4]}]]],["p-67449ca4",[[6,"admiralty-header-menu-link",{menuTitle:[1,"menu-title"],active:[4],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-d09a057f",[[2,"admiralty-header-profile",{isSignedIn:[4,"is-signed-in"],signedInText:[1,"signed-in-text"],signInOnly:[4,"sign-in-only"]}]]],["p-0b4ce33e",[[6,"admiralty-header-sub-menu-item",{menuTitle:[1,"menu-title"],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-63f82d75",[[2,"admiralty-hr"]]],["p-da58b343",[[6,"admiralty-icon-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],iconSideBarWidth:[1,"icon-side-bar-width"]}]]],["p-bf5c3780",[[4,"admiralty-icon-side-bar-wrapper",null,[[0,"iconSideBarItemClick","onIconSideBarItemSelected"]]]]],["p-a9229ed5",[[6,"admiralty-link",{href:[1],newTab:[4,"new-tab"]}]]],["p-aa89e3b2",[[6,"admiralty-modal-dialog",{heading:[1],label:[1],description:[1],show:[4]}]]],["p-7480ba90",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["p-b807c5e3",[[2,"admiralty-phase-banner",{phase:[1],link:[1]}]]],["p-f5c4718d",[[6,"admiralty-radio",{name:[1],value:[1025],disabled:[4],checked:[1028],invalid:[4],buttonTabindex:[32],setButtonTabindex:[64]},null,{value:["valueChanged"]}]]],["p-e7075f12",[[6,"admiralty-side-nav",{label:[1]}]]],["p-a81ff0c4",[[2,"admiralty-side-nav-item",{sideNavItemId:[1,"side-nav-item-id"],headingTitle:[1,"heading-title"],navActive:[4,"nav-active"]}]]],["p-7403ab29",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["p-2d628030",[[2,"admiralty-skeleton",{height:[1],width:[1],radius:[1],noAnimation:[1540,"no-animation"]}]]],["p-f866f801",[[2,"admiralty-skip-link",{href:[1]}]]],["p-3d8475a9",[[6,"admiralty-tab",{label:[1],tabLabelId:[1,"tab-label-id"],tabContentId:[1,"tab-content-id"]}]]],["p-36c8fb96",[[6,"admiralty-tab-group",{selectedIndex:[1026,"selected-index"]}]]],["p-52792173",[[6,"admiralty-table",{caption:[1]}]]],["p-fefc441c",[[6,"admiralty-table-body"]]],["p-e39c311d",[[6,"admiralty-table-cell"]]],["p-7d189c0b",[[6,"admiralty-table-header"]]],["p-99086df2",[[6,"admiralty-table-header-cell"]]],["p-c0c1587a",[[6,"admiralty-table-row"]]],["p-1c834d2d",[[6,"admiralty-text-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],textSideBarWidth:[1,"text-side-bar-width"]}]]],["p-c6ae89e0",[[4,"admiralty-text-side-bar-wrapper",null,[[0,"textSideBarItemClick","ontextSideBarItemSelected"]]]]],["p-f8d658fd",[[1,"admiralty-icon",{name:[1],size:[8]}]]],["p-e9cedf6c",[[6,"admiralty-dialogue",{type:[1],heading:[1],sectionRole:[1,"section-role"]}]]],["p-d3811854",[[6,"admiralty-expansion",{heading:[1],expanded:[1540],alignHeadingRight:[4,"align-heading-right"],hideBorder:[4,"hide-border"]}]]],["p-f3b69fbc",[[6,"admiralty-button",{variant:[1],icon:[1],disabled:[516],borderless:[4],type:[1],form:[1],name:[1],value:[1]}]]],["p-91ed7a1d",[[6,"admiralty-hint",{disabled:[4]}],[6,"admiralty-label",{disabled:[4],for:[1]}],[6,"admiralty-input-invalid"]]]],e)}));
+import{p as e,b as a}from"./p-71979ff5.js";export{s as setNonce}from"./p-71979ff5.js";import{g as i}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};l().then((async e=>{await i();return a([["p-69153f62",[[2,"admiralty-autocomplete",{autoselect:[4],cssNamespace:[1,"css-namespace"],displayMenu:[1,"display-menu"],minLength:[2,"min-length"],name:[1],placeholder:[1],confirmOnBlur:[4,"confirm-on-blur"],showNoOptionsFound:[4,"show-no-options-found"],showAllValues:[4,"show-all-values"],required:[4],assistiveHint:[1,"assistive-hint"],menuAttributes:[8,"menu-attributes"],inputClasses:[1,"input-classes"],menuClasses:[1,"menu-classes"],label:[1],hint:[1],invalid:[4],invalidMessage:[1,"invalid-message"],disabled:[4],value:[1025],filterFunction:[16],focused:[32],hovered:[32],menuOpen:[32],options:[32],option:[32],query:[32],validChoiceMade:[32],selected:[32],ariaHint:[32]},null,{value:["onValueChange"],focused:["onFocusedChange"]}]]],["p-0e488477",[[2,"admiralty-input",{name:[1],label:[1],hint:[1],disabled:[4],type:[1],placeholder:[1],width:[2],required:[4],invalid:[4],invalidMessage:[1,"invalid-message"],autocomplete:[1],value:[1032]},null,{value:["valueChanged"]}]]],["p-95c7afbe",[[6,"admiralty-select",{disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],hint:[1],label:[1],width:[2],value:[1032]},null,{value:["valueChanged"]}]]],["p-7e3602b1",[[2,"admiralty-textarea",{label:[1],hint:[1],width:[2],disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],value:[1032]},null,{value:["valueChanged"]}]]],["p-4b7cc86d",[[6,"admiralty-radio-group",{name:[1],label:[1],hint:[1],disabled:[4],value:[1032],displayVertical:[4,"display-vertical"],invalid:[4],invalidMessage:[1,"invalid-message"]},null,{value:["valueChanged"],invalid:["invalidChanged"]}]]],["p-04b1b1ac",[[6,"admiralty-colour-block",{width:[2],height:[2],heading:[1],colour:[1],href:[1],linkText:[1,"link-text"],suppressRedirect:[4,"suppress-redirect"],enableCardEvent:[4,"enable-card-event"],actionText:[1,"action-text"]}]]],["p-ee0d714b",[[6,"admiralty-error-summary",{heading:[1]}]]],["p-72a77397",[[2,"admiralty-file-input",{label:[1],multiple:[4],invalid:[4],invalidMessage:[1,"invalid-message"],files:[32]}]]],["p-cd33d32a",[[6,"admiralty-filter",{filterTitle:[1,"filter-title"]}]]],["p-ae15e60d",[[6,"admiralty-filter-group",{groupTitle:[1,"group-title"]}]]],["p-2e30e61d",[[2,"admiralty-paginator",{pages:[2],currentPage:[2,"current-page"],label:[1]}]]],["p-90a65452",[[6,"admiralty-breadcrumb",{active:[4],first:[4],href:[1]}]]],["p-60ec2719",[[6,"admiralty-header",{headerTitle:[1,"header-title"],headerTitleUrl:[1,"header-title-url"],logoLinkUrl:[1,"logo-link-url"],logoImgUrl:[1,"logo-img-url"],logoAltText:[1,"logo-alt-text"],mobileMenuOpen:[32],displayHamburger:[32]}]]],["p-3872dc88",[[2,"admiralty-icon-side-bar-item",{expanded:[1540],icon:[1],href:[1],itemText:[1,"item-text"],suppressRedirect:[4,"suppress-redirect"],active:[1540]},null,{active:["handleActiveChange"]}]]],["p-2a5020e7",[[2,"admiralty-pill",{text:[1],number:[1],label:[1],colour:[1],selected:[4]}]]],["p-c56c0670",[[2,"admiralty-progress-bar",{label:[1],progression:[2],error:[4],progressionValue:[32]},null,{progression:["progressionChanged"]}]]],["p-234c646f",[[6,"admiralty-read-more",{heading:[1],expanded:[32]}]]],["p-9b58868c",[[6,"admiralty-text-side-bar-item",{variant:[1],expanded:[1540],icon:[1],href:[1],itemText:[1,"item-text"],suppressRedirect:[4,"suppress-redirect"],active:[1540]},null,{active:["handleActiveChange"]}]]],["p-86def5ca",[[2,"admiralty-autocomplete-option",{value:[8]}]]],["p-ecc4c552",[[6,"admiralty-breadcrumbs"]]],["p-70364cc8",[[6,"admiralty-card",{heading:[1]}]]],["p-cb76daf8",[[2,"admiralty-checkbox",{checkboxRight:[4,"checkbox-right"],disabled:[4],name:[1],checked:[1540],value:[8],labelText:[1,"label-text"],labelHidden:[4,"label-hidden"]},null,{checked:["checkedChanged"]}]]],["p-0138363a",[[6,"admiralty-footer",{variant:[1],imageLink:[1,"image-link"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],text:[1],hasSlotContent:[32]},[[2,"slotchange","handleSlotChange"]]]]],["p-05b12122",[[6,"admiralty-header-menu-item",{menuTitle:[1,"menu-title"],active:[4]}]]],["p-67449ca4",[[6,"admiralty-header-menu-link",{menuTitle:[1,"menu-title"],active:[4],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-d731d942",[[2,"admiralty-header-profile",{isSignedIn:[4,"is-signed-in"],signedInText:[1,"signed-in-text"],signInOnly:[4,"sign-in-only"]}]]],["p-f8c36c93",[[6,"admiralty-header-sub-menu-item",{menuTitle:[1,"menu-title"],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-63f82d75",[[2,"admiralty-hr"]]],["p-da58b343",[[6,"admiralty-icon-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],iconSideBarWidth:[1,"icon-side-bar-width"]}]]],["p-bf5c3780",[[4,"admiralty-icon-side-bar-wrapper",null,[[0,"iconSideBarItemClick","onIconSideBarItemSelected"]]]]],["p-a9229ed5",[[6,"admiralty-link",{href:[1],newTab:[4,"new-tab"]}]]],["p-aa89e3b2",[[6,"admiralty-modal-dialog",{heading:[1],label:[1],description:[1],show:[4]}]]],["p-7480ba90",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["p-b807c5e3",[[2,"admiralty-phase-banner",{phase:[1],link:[1]}]]],["p-0f3ba010",[[6,"admiralty-radio",{name:[1],value:[1025],disabled:[4],checked:[1028],invalid:[4],buttonTabindex:[32],setButtonTabindex:[64]},null,{value:["valueChanged"]}]]],["p-e7075f12",[[6,"admiralty-side-nav",{label:[1]}]]],["p-a81ff0c4",[[2,"admiralty-side-nav-item",{sideNavItemId:[1,"side-nav-item-id"],headingTitle:[1,"heading-title"],navActive:[4,"nav-active"]}]]],["p-7403ab29",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["p-2d628030",[[2,"admiralty-skeleton",{height:[1],width:[1],radius:[1],noAnimation:[1540,"no-animation"]}]]],["p-f866f801",[[2,"admiralty-skip-link",{href:[1]}]]],["p-3d8475a9",[[6,"admiralty-tab",{label:[1],tabLabelId:[1,"tab-label-id"],tabContentId:[1,"tab-content-id"]}]]],["p-948d4735",[[6,"admiralty-tab-group",{selectedIndex:[1026,"selected-index"]}]]],["p-52792173",[[6,"admiralty-table",{caption:[1]}]]],["p-fefc441c",[[6,"admiralty-table-body"]]],["p-e39c311d",[[6,"admiralty-table-cell"]]],["p-7d189c0b",[[6,"admiralty-table-header"]]],["p-99086df2",[[6,"admiralty-table-header-cell"]]],["p-c0c1587a",[[6,"admiralty-table-row"]]],["p-6479cd9d",[[6,"admiralty-text-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],textSideBarWidth:[1,"text-side-bar-width"]}]]],["p-c6ae89e0",[[4,"admiralty-text-side-bar-wrapper",null,[[0,"textSideBarItemClick","ontextSideBarItemSelected"]]]]],["p-f8d658fd",[[1,"admiralty-icon",{name:[1],size:[8]}]]],["p-e9cedf6c",[[6,"admiralty-dialogue",{type:[1],heading:[1],sectionRole:[1,"section-role"]}]]],["p-42f6c104",[[6,"admiralty-expansion",{heading:[1],expanded:[1540],alignHeadingRight:[4,"align-heading-right"],hideBorder:[4,"hide-border"]}]]],["p-c582be5d",[[6,"admiralty-button",{variant:[1],icon:[1],disabled:[516],borderless:[4],type:[1],form:[1],name:[1],value:[1]}]]],["p-91ed7a1d",[[6,"admiralty-hint",{disabled:[4]}],[6,"admiralty-label",{disabled:[4],for:[1]}],[6,"admiralty-input-invalid"]]]],e)}));
 //# sourceMappingURL=admiralty.esm.js.map

package/dist/admiralty/p-0138363a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,g as r}from"./p-71979ff5.js";const a={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 (prefers-color-scheme: dark){footer.sc-admiralty-footer img.sc-admiralty-footer{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg)}}@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}@media (prefers-color-scheme: dark){footer.footer-compact.sc-admiralty-footer{opacity:1}}";const i=e;const d=class{constructor(o){t(this,o);this.variant=a.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===a.Compact&&{class:"footer-compact"}),this.variant!==a.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===a.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 r(this)}};d.style=i;export{d as admiralty_footer};
+//# sourceMappingURL=p-0138363a.entry.js.map

package/dist/admiralty/p-0138363a.entry.js.map

@@ -0,0 +1 @@
+{"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  @media (prefers-color-scheme: dark) {\n    img {\n      filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg);\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\n@media (prefers-color-scheme: dark) { // Avoid clash with backgrounds in darkmode\n  footer.footer-compact {\n    opacity: 1;\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,8pOAClB,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-04b1b1ac.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as l,h as c}from"./p-71979ff5.js";const t=".visually-hidden.sc-admiralty-colour-block: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-colour-block{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-colour-block{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-colour-block{display:none}}.colourBlock.sc-admiralty-colour-block{height:100%;width:100%;max-width:100%;padding:var(--admiralty-colour-block-padding, 30px 18px);display:flex;flex-direction:column;box-sizing:border-box}.colourBlock.sc-admiralty-colour-block .content.sc-admiralty-colour-block{flex-grow:1}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block{align-self:flex-end;cursor:pointer}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block:focus *.sc-admiralty-colour-block{color:var(--admiralty-focus-contrast) !important}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-weight:var(--admiralty-colour-block-action-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-colour-block-action-font-size, var(--admiralty-font-size-1));line-height:30px}@media (max-width: 1023px){.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-size:var(--admiralty-colour-block-action-not-desktop-font-size, var(--admiralty-font-size-0));line-height:30px}}.colourBlock.admiralty-blue.sc-admiralty-colour-block{background-color:var(--colour-block-blue-background-colour)}.colourBlock.admiralty-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-blue-text-colour)}.colourBlock.teal.sc-admiralty-colour-block{background-color:var(--admiralty-colour-secondary)}.colourBlock.teal.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-secondary-contrast)}.colourBlock.bright-blue.sc-admiralty-colour-block{background-color:var(--admiralty-colour-tertiary)}.colourBlock.bright-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}";const i=t;const a=class{constructor(c){o(this,c);this.colourBlockLinkClicked=l(this,"colourBlockLinkClicked",7);this.width=undefined;this.height=undefined;this.heading=undefined;this.colour="admiralty-blue";this.href=undefined;this.linkText=undefined;this.suppressRedirect=false;this.enableCardEvent=false;this.actionText=undefined}handleClickAction(o){if(this.suppressRedirect){o.preventDefault()}o.stopPropagation();this.colourBlockLinkClicked.emit()}render(){return c("div",{key:"42c9fcd829c7d6f9ab0f50f02a04fae849980d7a",class:{colourBlock:true,[this.colour]:true},style:Object.assign({height:this.height?`${this.height}px`:null,width:this.width?`${this.width}px`:null},this.enableCardEvent&&{cursor:"pointer"}),onClick:o=>this.enableCardEvent?this.handleClickAction(o):null},c("h2",{key:"0b43bcf7593a05be2eb8c418a976ec7af215bb06"},this.heading),c("div",{key:"54ec1d750b21b2361855d0ea76de023f405e29a9",class:{content:true,"white-text":this.colour==="admiralty-blue"||this.colour==="teal"}},c("slot",{key:"d5bbf16dbc928b670b84bc98db422d11d7f7aa7f"})),this.actionText?c("admiralty-button",{variant:"text",class:"clickAction",onClick:o=>this.handleClickAction(o)},c("span",null,this.actionText)):null,this.linkText&&this.href?c("a",{class:"clickAction",href:this.href,onClick:o=>this.handleClickAction(o)},c("span",null,this.linkText)):null)}};a.style=i;export{a as admiralty_colour_block};
+//# sourceMappingURL=p-04b1b1ac.entry.js.map

package/dist/admiralty/p-04b1b1ac.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colourBlockCss","AdmiraltyColourBlockStyle0","ColourBlockComponent","handleClickAction","ev","this","suppressRedirect","preventDefault","stopPropagation","colourBlockLinkClicked","emit","render","h","key","class","colourBlock","colour","style","Object","assign","height","width","enableCardEvent","cursor","onClick","heading","content","actionText","variant","linkText","href"],"sources":["src/components/colour-block/colour-block.scss?tag=admiralty-colour-block&encapsulation=scoped","src/components/colour-block/colour-block.tsx"],"sourcesContent":["@import 'colour-block.vars';\n\n.colourBlock {\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  padding: $colour-block-padding;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n\n  .content {\n    flex-grow: 1;\n  }\n\n  .clickAction {\n    align-self: flex-end;\n    cursor: pointer;\n\n    &:focus * {\n      color: $colour-block-focus-text-colour !important;\n    }\n\n    span {\n      font-weight: $colour-block-action-font-weight;\n      font-size: $colour-block-action-text-size;\n      line-height: $colour-block-action-line-height;\n\n      @include not-desktop {\n        font-size: $colour-block-action-not-desktop-text-size;\n        line-height: 30px;\n      }\n    }\n  }\n\n  &.admiralty-blue {\n    background-color: $primary-colour-block-colour;\n    * {\n      color: $primary-colour-block-text-colour;\n    }\n  }\n\n  &.teal {\n    background-color: $secondary-colour-block-colour;\n    * {\n      color: $secondary-colour-block-text-colour;\n    }\n  }\n\n  &.bright-blue {\n    background-color: $tertiary-colour-block-colour;\n    * {\n      color: $tertiary-colour-block-text-colour;\n    }\n    .clickAction * {\n      color: $tertiary-colour-block-text-colour;\n    }\n  }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-colour-block',\n  styleUrl: 'colour-block.scss',\n  scoped: true,\n})\nexport class ColourBlockComponent {\n  /**\n   * The width in pixels of the component.\n   */\n  @Prop() width: number;\n  /**\n   * The height in pixels of the component.\n   */\n  @Prop() height: number;\n  /**\n   * The heading text to display.\n   */\n  @Prop() heading: string;\n  /**\n   * The background colour of the component.\n   */\n  @Prop() colour: 'admiralty-blue' | 'teal' | 'bright-blue' = 'admiralty-blue';\n  /**\n   * The URL to link to.\n   */\n  @Prop() href: string;\n  /**\n   * The link text.\n   */\n  @Prop() linkText: string;\n  /**\n   * Causes the default browser redirect to be suppressed. Can be used in conjunction with the\n   * `colourBlockLinkClicked` event to use a navigation router and prevent a full page reload\n   * when navigating.\n   */\n  @Prop() suppressRedirect: boolean = false;\n  /**\n   * Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event. A value for `href`\n   * should also be provided to ensure the component conforms to accessibility standards.\n   */\n  @Prop() enableCardEvent: boolean = false;\n  /**\n   * An event emitted when this Colour Block link is clicked\n   */\n  @Event() colourBlockLinkClicked: EventEmitter<string>;\n\n  handleClickAction(ev: MouseEvent) {\n    if (this.suppressRedirect) {\n      ev.preventDefault();\n    }\n    ev.stopPropagation();\n    this.colourBlockLinkClicked.emit();\n  }\n\n  /**\n   * The text to display on the action button\n   * @deprecated in favour of `href` and `linkText`\n   */\n  @Prop() actionText: string;\n\n  render() {\n    return (\n      <div\n        class={{\n          colourBlock: true,\n          [this.colour]: true,\n        }}\n        style={{\n          height: this.height ? `${this.height}px` : null,\n          width: this.width ? `${this.width}px` : null,\n          ...(this.enableCardEvent && { cursor: 'pointer' }),\n        }}\n        onClick={ev => (this.enableCardEvent ? this.handleClickAction(ev) : null)}\n      >\n        <h2>{this.heading}</h2>\n        <div\n          class={{\n            'content': true,\n            'white-text': this.colour === 'admiralty-blue' || this.colour === 'teal',\n          }}\n        >\n          <slot></slot>\n        </div>\n        {this.actionText ? (\n          <admiralty-button variant=\"text\" class=\"clickAction\" onClick={ev => this.handleClickAction(ev)}>\n            <span>{this.actionText}</span>\n          </admiralty-button>\n        ) : null}\n        {this.linkText && this.href ? (\n          <a class=\"clickAction\" href={this.href} onClick={ev => this.handleClickAction(ev)}>\n            <span>{this.linkText}</span>\n          </a>\n        ) : null}\n      </div>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,m+FACvB,MAAAC,EAAeD,E,MCMFE,EAAoB,M,sKAgB6B,iB,kEAcxB,M,qBAKD,M,0BAMnC,iBAAAC,CAAkBC,GAChB,GAAIC,KAAKC,iBAAkB,CACzBF,EAAGG,gB,CAELH,EAAGI,kBACHH,KAAKI,uBAAuBC,M,CAS9B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACLC,YAAa,KACb,CAACV,KAAKW,QAAS,MAEjBC,MAAKC,OAAAC,OAAA,CACHC,OAAQf,KAAKe,OAAS,GAAGf,KAAKe,WAAa,KAC3CC,MAAOhB,KAAKgB,MAAQ,GAAGhB,KAAKgB,UAAY,MACpChB,KAAKiB,iBAAmB,CAAEC,OAAQ,YAExCC,QAASpB,GAAOC,KAAKiB,gBAAkBjB,KAAKF,kBAAkBC,GAAM,MAEpEQ,EAAA,MAAAC,IAAA,4CAAKR,KAAKoB,SACVb,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACLY,QAAW,KACX,aAAcrB,KAAKW,SAAW,kBAAoBX,KAAKW,SAAW,SAGpEJ,EAAA,QAAAC,IAAA,8CAEDR,KAAKsB,WACJf,EAAA,oBAAkBgB,QAAQ,OAAOd,MAAM,cAAcU,QAASpB,GAAMC,KAAKF,kBAAkBC,IACzFQ,EAAA,YAAOP,KAAKsB,aAEZ,KACHtB,KAAKwB,UAAYxB,KAAKyB,KACrBlB,EAAA,KAAGE,MAAM,cAAcgB,KAAMzB,KAAKyB,KAAMN,QAASpB,GAAMC,KAAKF,kBAAkBC,IAC5EQ,EAAA,YAAOP,KAAKwB,WAEZ,K","ignoreList":[]}

package/dist/admiralty/p-05b12122.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as a,g as m}from"./p-71979ff5.js";const d=".visually-hidden.sc-admiralty-header-menu-item: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-menu-item{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-header-menu-item{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-header-menu-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-header-menu-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-header-menu-item{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-header-menu-item{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-header-menu-item{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-header-menu-item{display:none}}.menu-item.sc-admiralty-header-menu-item{cursor:pointer}.menu-item.sc-admiralty-header-menu-item .menu-title.sc-admiralty-header-menu-item div.sc-admiralty-header-menu-item{font-size:var(--admiralty-header-menu-title-font-size, var(--admiralty-font-size-0));color:var(--admiralty-colour-primary)}.menu-item.sc-admiralty-header-menu-item .menu-title.sc-admiralty-header-menu-item:focus div.sc-admiralty-header-menu-item{outline:3px solid transparent;color:var(--admiralty-focus-contrast);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-focus-contrast);text-decoration:none}button.sc-admiralty-header-menu-item{all:unset;height:100%;width:100%}@media (min-width: 1024px){.menu-item.sc-admiralty-header-menu-item{display:flex;flex:0;flex-direction:column;height:100%;justify-content:center;line-height:1.33em;margin-bottom:var(--admiralty-header-menu-item-desktop-margin-bottom, var(--admiralty-spacing-0));min-width:4em;max-width:11.1em;padding:var(--admiralty-header-menu-item-desktop-padding, var(--admiralty-spacing-0) 1.65em);position:relative;text-align:center}.menu-item.sc-admiralty-header-menu-item:hover{box-shadow:inset 0 -5px var(--admiralty-colour-primary);background-color:var(--admiralty-hover-background-colour)}.menu-item.sc-admiralty-header-menu-item:hover .sub-menu.sc-admiralty-header-menu-item{display:flex}.menu-item.active.sc-admiralty-header-menu-item{box-shadow:inset 0 -5px var(--admiralty-colour-primary)}.menu-item.active.sc-admiralty-header-menu-item .sub-menu.sc-admiralty-header-menu-item{display:flex}.menu-item.sc-admiralty-header-menu-item .menu-title.sc-admiralty-header-menu-item div.sc-admiralty-header-menu-item{font-weight:var(--admiralty-header-menu-title-font-weight, var(--admiralty-font-weight-medium))}.menu-item.sc-admiralty-header-menu-item .sub-menu.sc-admiralty-header-menu-item{display:none;flex-direction:column;position:absolute;border:1px solid var(--admiralty-colour-light);right:0;top:100%}.menu-item.sc-admiralty-header-menu-item .sub-menu.desktop-visible.sc-admiralty-header-menu-item{display:flex}.menu-item.sc-admiralty-header-menu-item .sub-menu.desktop-hide.sc-admiralty-header-menu-item{display:none}}@media (max-width: 1023px){.menu-item.sc-admiralty-header-menu-item{display:block;box-sizing:border-box;background-color:unset;text-align:unset;text-decoration:unset}.menu-item.sc-admiralty-header-menu-item .menu-title.sc-admiralty-header-menu-item div.sc-admiralty-header-menu-item{display:inline-block;margin:var(--admiralty-header-menu-item-title-not-desktop-margin, var(--admiralty-spacing-3));font-weight:var(--admiralty-header-menu-title-font-weight, var(--admiralty-font-weight-medium))}.menu-item.sc-admiralty-header-menu-item .menu-title.sc-admiralty-header-menu-item:hover{background-color:var(--admiralty-hover-background-colour)}}";const n=d;const r=class{constructor(i){e(this,i);this.menuItemClick=t(this,"menuItemClick",7);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}}toggleSubMenu(){const e=this.el.querySelector("div.sub-menu");if(e.classList.contains("desktop-hide")){e.classList.add("desktop-visible");e.classList.remove("desktop-hide")}else{e.classList.add("desktop-hide");e.classList.remove("desktop-visible")}}closeSubMenu(){const e=this.el.querySelector("div.sub-menu");e.classList.add("desktop-hide")}handleClick(e){e.stopPropagation();if(this.subMenuExists){this.subMenuSelector.setAttribute("aria-hidden","false");this.toggleSubMenu()}return this.menuItemClick.emit()}handleMouseOver(){if(this.subMenuExists){this.subMenuSelector.setAttribute("aria-hidden","false");this.toggleSubMenu()}}handleMouseOut(e){if(this.subMenuExists){this.subMenuSelector.setAttribute("aria-hidden","true");this.closeSubMenu()}}handleFocusOut(e){var t;const i=e===null||e===void 0?void 0:e.relatedTarget;if(((t=i===null||i===void 0?void 0:i.outerHTML)===null||t===void 0?void 0:t.indexOf("button"))!==-1){this.closeSubMenu()}}render(){const{active:e,menuTitle:t}=this;let m="menu-item ";m+=e?"active":"";return i(a,{key:"bfbc6606449cb96bf15003fbd0fcd960e9aa25ad",onMouseOver:e=>this.handleMouseOver(),onMouseOut:e=>this.handleMouseOut(e)},i("div",{key:"711d712133815e13a64b70472c5ec4ad46342808",class:m,onClick:e=>this.handleClick(e)},i("button",{key:"3f7f6a72dcdd8384d2e51abbbb117e52b5217e23",class:"menu-title"},i("div",{key:"ee367698b289866a734aaa9a0d8310cd4298a664"},t)),i("div",{key:"c18f93f5a2a7f584794b087b2729515fc5f02212",class:"sub-menu desktop-hide",onFocusout:e=>this.handleFocusOut(e)},i("slot",{key:"0f498474f32e42b194e255483f4a210a3995ef4b"}))))}get el(){return m(this)}};r.style=n;export{r as admiralty_header_menu_item};
+//# sourceMappingURL=p-05b12122.entry.js.map

package/dist/admiralty/{p-564fc7f6.entry.js.map → p-05b12122.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["headerMenuItemCss","AdmiraltyHeaderMenuItemStyle0","HeaderMenuItemComponent","connectedCallback","this","subMenuSelector","el","querySelector","subMenuExists","setAttribute","e","toggleSubMenu","subMenu","classList","contains","add","remove","closeSubMenu","handleClick","ev","stopPropagation","menuItemClick","emit","handleMouseOver","handleMouseOut","_ev","handleFocusOut","relatedTarget","_a","outerHTML","indexOf","render","active","menuTitle","menuClass","h","Host","key","onMouseOver","_","onMouseOut","class","onClick","onFocusout"],"sources":["src/components/header-menu-item/header-menu-item.scss?tag=admiralty-header-menu-item&encapsulation=scoped","src/components/header-menu-item/header-menu-item.tsx"],"sourcesContent":["@import 'header-menu-item.vars';\n\n@mixin active {\n  box-shadow: inset 0 -5px $header-menu-item-active-colour;\n}\n\n.menu-item {\n  cursor: pointer;\n\n  .menu-title {\n    div {\n      font-size: $header-menu-item-title-text-size;\n      color: $header-menu-item-title-text-colour;\n    }\n\n    &:focus div {\n      @include focus-highlight;\n    }\n  }\n}\n\nbutton {\n  all: unset;\n  height: 100%;\n  width: 100%;\n}\n\n@include desktop-only {\n  .menu-item {\n    display: flex;\n    flex: 0;\n    flex-direction: column;\n    height: 100%;\n    justify-content: center;\n    line-height: 1.33em;\n    margin-bottom: $header-menu-item-desktop-margin-bottom;\n    min-width: 4em;\n    max-width: 11.1em;\n    padding: $header-menu-item-desktop-padding;\n    position: relative;\n    text-align: center;\n\n    &:hover {\n      @include active;\n      background-color: $header-menu-item-hover-background-colour;\n\n      .sub-menu {\n        display: flex;\n      }\n    }\n\n    &.active {\n      @include active;\n\n      .sub-menu {\n        display: flex;\n      }\n    }\n\n    .menu-title div {\n      font-weight: $header-menu-item-title-text-weight;\n    }\n\n    .sub-menu {\n      display: none;\n      flex-direction: column;\n      position: absolute;\n      border: 1px solid $header-menu-item-divider-colour;\n      right: 0;\n      top: 100%;\n\n      &.desktop-visible {\n        display: flex;\n      }\n\n      &.desktop-hide {\n        display: none;\n      }\n    }\n  }\n}\n\n@include not-desktop {\n  .menu-item {\n    display: block;\n    box-sizing: border-box;\n    background-color: unset;\n    text-align: unset;\n    text-decoration: unset;\n\n    .menu-title {\n      div {\n        display: inline-block;\n        margin: $header-menu-item-title-not-desktop-margin;\n        font-weight: $header-menu-item-title-text-weight;\n      }\n\n      &:hover {\n        background-color: $header-menu-item-hover-background-colour;\n      }\n    }\n  }\n}\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  scoped: 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   * Whether the item is active\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  private toggleSubMenu() {\n    const subMenu: HTMLDivElement = this.el.querySelector('div.sub-menu');\n\n    if (subMenu.classList.contains('desktop-hide')) {\n      subMenu.classList.add('desktop-visible');\n      subMenu.classList.remove('desktop-hide');\n    } else {\n      subMenu.classList.add('desktop-hide');\n      subMenu.classList.remove('desktop-visible');\n    }\n  }\n\n  private closeSubMenu() {\n    const subMenu: HTMLDivElement = this.el.querySelector('div.sub-menu');\n    subMenu.classList.add('desktop-hide');\n  }\n\n  handleClick(ev: MouseEvent): CustomEvent<void> {\n    ev.stopPropagation();\n\n    if (this.subMenuExists) {\n      this.subMenuSelector.setAttribute('aria-hidden', 'false');\n\n      this.toggleSubMenu();\n    }\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      this.toggleSubMenu();\n    }\n  }\n\n  /**\n   * Handles mouseout events, used to set the aria hidden attribute when submenu\n   * is no longer visible\n   */\n  handleMouseOut(_ev: Event): void {\n    if (this.subMenuExists) {\n      this.subMenuSelector.setAttribute('aria-hidden', 'true');\n      this.closeSubMenu();\n    }\n  }\n\n  handleFocusOut(ev: FocusEvent) {\n    const relatedTarget: any = ev?.relatedTarget;\n\n    if (relatedTarget?.outerHTML?.indexOf('button') !== -1) {\n      this.closeSubMenu();\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={(ev: Event) => this.handleMouseOut(ev)}>\n        <div class={menuClass} onClick={ev => this.handleClick(ev)}>\n          <button class=\"menu-title\">\n            <div>{menuTitle}</div>\n          </button>\n          <div class=\"sub-menu desktop-hide\" onFocusout={ev => this.handleFocusOut(ev)}>\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAoB,w4HAC1B,MAAAC,EAAeD,E,MCSFE,EAAuB,M,2GAWP,K,CAU3B,iBAAAC,GAEE,IACEC,KAAKC,gBAAkBD,KAAKE,GAAGC,cAAc,kCAC7CH,KAAKI,cAAgB,KAErB,GAAIJ,KAAKI,cAAe,CACtBJ,KAAKC,gBAAgBI,aAAa,cAAe,O,EAEnD,MAAOC,GACPN,KAAKI,cAAgB,K,EAIjB,aAAAG,GACN,MAAMC,EAA0BR,KAAKE,GAAGC,cAAc,gBAEtD,GAAIK,EAAQC,UAAUC,SAAS,gBAAiB,CAC9CF,EAAQC,UAAUE,IAAI,mBACtBH,EAAQC,UAAUG,OAAO,e,KACpB,CACLJ,EAAQC,UAAUE,IAAI,gBACtBH,EAAQC,UAAUG,OAAO,kB,EAIrB,YAAAC,GACN,MAAML,EAA0BR,KAAKE,GAAGC,cAAc,gBACtDK,EAAQC,UAAUE,IAAI,e,CAGxB,WAAAG,CAAYC,GACVA,EAAGC,kBAEH,GAAIhB,KAAKI,cAAe,CACtBJ,KAAKC,gBAAgBI,aAAa,cAAe,SAEjDL,KAAKO,e,CAEP,OAAOP,KAAKiB,cAAcC,M,CAO5B,eAAAC,GACE,GAAInB,KAAKI,cAAe,CACtBJ,KAAKC,gBAAgBI,aAAa,cAAe,SAEjDL,KAAKO,e,EAQT,cAAAa,CAAeC,GACb,GAAIrB,KAAKI,cAAe,CACtBJ,KAAKC,gBAAgBI,aAAa,cAAe,QACjDL,KAAKa,c,EAIT,cAAAS,CAAeP,G,MACb,MAAMQ,EAAqBR,IAAE,MAAFA,SAAE,SAAFA,EAAIQ,cAE/B,KAAIC,EAAAD,IAAa,MAAbA,SAAa,SAAbA,EAAeE,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAQ,cAAe,EAAG,CACtD1B,KAAKa,c,EAIT,MAAAc,GACE,MAAMC,OAAEA,EAAMC,UAAEA,GAAc7B,KAC9B,IAAI8B,EAAY,aAChBA,GAAaF,EAAS,SAAW,GAEjC,OACEG,EAACC,EAAI,CAAAC,IAAA,2CAACC,YAAaC,GAAKnC,KAAKmB,kBAAmBiB,WAAarB,GAAcf,KAAKoB,eAAeL,IAC7FgB,EAAA,OAAAE,IAAA,2CAAKI,MAAOP,EAAWQ,QAASvB,GAAMf,KAAKc,YAAYC,IACrDgB,EAAA,UAAAE,IAAA,2CAAQI,MAAM,cACZN,EAAA,OAAAE,IAAA,4CAAMJ,IAERE,EAAA,OAAAE,IAAA,2CAAKI,MAAM,wBAAwBE,WAAYxB,GAAMf,KAAKsB,eAAeP,IACvEgB,EAAA,QAAAE,IAAA,+C","ignoreList":[]}
+{"version":3,"names":["headerMenuItemCss","AdmiraltyHeaderMenuItemStyle0","HeaderMenuItemComponent","connectedCallback","this","subMenuSelector","el","querySelector","subMenuExists","setAttribute","e","toggleSubMenu","subMenu","classList","contains","add","remove","closeSubMenu","handleClick","ev","stopPropagation","menuItemClick","emit","handleMouseOver","handleMouseOut","_ev","handleFocusOut","relatedTarget","_a","outerHTML","indexOf","render","active","menuTitle","menuClass","h","Host","key","onMouseOver","_","onMouseOut","class","onClick","onFocusout"],"sources":["src/components/header-menu-item/header-menu-item.scss?tag=admiralty-header-menu-item&encapsulation=scoped","src/components/header-menu-item/header-menu-item.tsx"],"sourcesContent":["@import 'header-menu-item.vars';\n\n@mixin active {\n  box-shadow: inset 0 -5px $header-menu-item-active-colour;\n}\n\n.menu-item {\n  cursor: pointer;\n\n  .menu-title {\n    div {\n      font-size: $header-menu-item-title-text-size;\n      color: $header-menu-item-title-text-colour;\n    }\n\n    &:focus div {\n      @include focus-highlight;\n    }\n  }\n}\n\nbutton {\n  all: unset;\n  height: 100%;\n  width: 100%;\n}\n\n@include desktop-only {\n  .menu-item {\n    display: flex;\n    flex: 0;\n    flex-direction: column;\n    height: 100%;\n    justify-content: center;\n    line-height: 1.33em;\n    margin-bottom: $header-menu-item-desktop-margin-bottom;\n    min-width: 4em;\n    max-width: 11.1em;\n    padding: $header-menu-item-desktop-padding;\n    position: relative;\n    text-align: center;\n\n    &:hover {\n      @include active;\n      background-color: $header-menu-item-hover-background-colour;\n\n      .sub-menu {\n        display: flex;\n      }\n    }\n\n    &.active {\n      @include active;\n\n      .sub-menu {\n        display: flex;\n      }\n    }\n\n    .menu-title div {\n      font-weight: $header-menu-item-title-text-weight;\n    }\n\n    .sub-menu {\n      display: none;\n      flex-direction: column;\n      position: absolute;\n      border: 1px solid $header-menu-item-divider-colour;\n      right: 0;\n      top: 100%;\n\n      &.desktop-visible {\n        display: flex;\n      }\n\n      &.desktop-hide {\n        display: none;\n      }\n    }\n  }\n}\n\n@include not-desktop {\n  .menu-item {\n    display: block;\n    box-sizing: border-box;\n    background-color: unset;\n    text-align: unset;\n    text-decoration: unset;\n\n    .menu-title {\n      div {\n        display: inline-block;\n        margin: $header-menu-item-title-not-desktop-margin;\n        font-weight: $header-menu-item-title-text-weight;\n      }\n\n      &:hover {\n        background-color: $header-menu-item-hover-background-colour;\n      }\n    }\n  }\n}\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  scoped: 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   * Whether the item is active\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  private toggleSubMenu() {\n    const subMenu: HTMLDivElement = this.el.querySelector('div.sub-menu');\n\n    if (subMenu.classList.contains('desktop-hide')) {\n      subMenu.classList.add('desktop-visible');\n      subMenu.classList.remove('desktop-hide');\n    } else {\n      subMenu.classList.add('desktop-hide');\n      subMenu.classList.remove('desktop-visible');\n    }\n  }\n\n  private closeSubMenu() {\n    const subMenu: HTMLDivElement = this.el.querySelector('div.sub-menu');\n    subMenu.classList.add('desktop-hide');\n  }\n\n  handleClick(ev: MouseEvent): CustomEvent<void> {\n    ev.stopPropagation();\n\n    if (this.subMenuExists) {\n      this.subMenuSelector.setAttribute('aria-hidden', 'false');\n\n      this.toggleSubMenu();\n    }\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      this.toggleSubMenu();\n    }\n  }\n\n  /**\n   * Handles mouseout events, used to set the aria hidden attribute when submenu\n   * is no longer visible\n   */\n  handleMouseOut(_ev: Event): void {\n    if (this.subMenuExists) {\n      this.subMenuSelector.setAttribute('aria-hidden', 'true');\n      this.closeSubMenu();\n    }\n  }\n\n  handleFocusOut(ev: FocusEvent) {\n    const relatedTarget: any = ev?.relatedTarget;\n\n    if (relatedTarget?.outerHTML?.indexOf('button') !== -1) {\n      this.closeSubMenu();\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={(ev: Event) => this.handleMouseOut(ev)}>\n        <div class={menuClass} onClick={ev => this.handleClick(ev)}>\n          <button class=\"menu-title\">\n            <div>{menuTitle}</div>\n          </button>\n          <div class=\"sub-menu desktop-hide\" onFocusout={ev => this.handleFocusOut(ev)}>\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAoB,84HAC1B,MAAAC,EAAeD,E,MCSFE,EAAuB,M,2GAWP,K,CAU3B,iBAAAC,GAEE,IACEC,KAAKC,gBAAkBD,KAAKE,GAAGC,cAAc,kCAC7CH,KAAKI,cAAgB,KAErB,GAAIJ,KAAKI,cAAe,CACtBJ,KAAKC,gBAAgBI,aAAa,cAAe,O,EAEnD,MAAOC,GACPN,KAAKI,cAAgB,K,EAIjB,aAAAG,GACN,MAAMC,EAA0BR,KAAKE,GAAGC,cAAc,gBAEtD,GAAIK,EAAQC,UAAUC,SAAS,gBAAiB,CAC9CF,EAAQC,UAAUE,IAAI,mBACtBH,EAAQC,UAAUG,OAAO,e,KACpB,CACLJ,EAAQC,UAAUE,IAAI,gBACtBH,EAAQC,UAAUG,OAAO,kB,EAIrB,YAAAC,GACN,MAAML,EAA0BR,KAAKE,GAAGC,cAAc,gBACtDK,EAAQC,UAAUE,IAAI,e,CAGxB,WAAAG,CAAYC,GACVA,EAAGC,kBAEH,GAAIhB,KAAKI,cAAe,CACtBJ,KAAKC,gBAAgBI,aAAa,cAAe,SAEjDL,KAAKO,e,CAEP,OAAOP,KAAKiB,cAAcC,M,CAO5B,eAAAC,GACE,GAAInB,KAAKI,cAAe,CACtBJ,KAAKC,gBAAgBI,aAAa,cAAe,SAEjDL,KAAKO,e,EAQT,cAAAa,CAAeC,GACb,GAAIrB,KAAKI,cAAe,CACtBJ,KAAKC,gBAAgBI,aAAa,cAAe,QACjDL,KAAKa,c,EAIT,cAAAS,CAAeP,G,MACb,MAAMQ,EAAqBR,IAAE,MAAFA,SAAE,SAAFA,EAAIQ,cAE/B,KAAIC,EAAAD,IAAa,MAAbA,SAAa,SAAbA,EAAeE,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAQ,cAAe,EAAG,CACtD1B,KAAKa,c,EAIT,MAAAc,GACE,MAAMC,OAAEA,EAAMC,UAAEA,GAAc7B,KAC9B,IAAI8B,EAAY,aAChBA,GAAaF,EAAS,SAAW,GAEjC,OACEG,EAACC,EAAI,CAAAC,IAAA,2CAACC,YAAaC,GAAKnC,KAAKmB,kBAAmBiB,WAAarB,GAAcf,KAAKoB,eAAeL,IAC7FgB,EAAA,OAAAE,IAAA,2CAAKI,MAAOP,EAAWQ,QAASvB,GAAMf,KAAKc,YAAYC,IACrDgB,EAAA,UAAAE,IAAA,2CAAQI,MAAM,cACZN,EAAA,OAAAE,IAAA,4CAAMJ,IAERE,EAAA,OAAAE,IAAA,2CAAKI,MAAM,wBAAwBE,WAAYxB,GAAMf,KAAKsB,eAAeP,IACvEgB,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/admiralty/p-0f3ba010.entry.js

@@ -0,0 +1,2 @@
+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{border-color:var(--admiralty-focus-colour);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-0f3ba010.entry.js.map

package/dist/admiralty/p-0f3ba010.entry.js.map

@@ -0,0 +1 @@
+{"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      border-color: $radio-focus-colour;\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,mkFACjB,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-add31457.entry.js → p-234c646f.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as t}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-read-more: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-read-more{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-read-more{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-read-more{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-read-more{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-read-more{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-read-more{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-read-more{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-read-more{display:none}}section.expansion.sc-admiralty-read-more{padding:var(--admiralty-read-more-padding, 2px var(--admiralty-spacing-0))}section.expansion.sc-admiralty-read-more .expansion-content.sc-admiralty-read-more{display:none;max-height:0;overflow:visible;border-left:4px solid var(--admiralty-colour-info)}section.expansion.expanded.sc-admiralty-read-more .expansion-content.sc-admiralty-read-more{display:block;max-height:initial;padding:var(--admiralty-read-more-expanded-content-padding, 2px 5px 2px 33px)}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more{background-color:transparent;border:none;white-space:unset;color:var(--admiralty-text-color);font-weight:unset;cursor:pointer;margin:var(--admiralty-read-more-button-margin, var(--admiralty-spacing-2) var(--admiralty-spacing-0));padding:var(--admiralty-read-more-button-padding, var(--admiralty-spacing-1));align-items:baseline;text-align:left;text-decoration:underline;text-underline-offset:0.15em}section.expansion.sc-admiralty-read-more button.expanded.sc-admiralty-read-more span.sc-admiralty-read-more{font-weight:var(--admiralty-read-more-font-weight, var(--admiralty-font-weight-medium))}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more .expansion-heading-icon.sc-admiralty-read-more{margin:var(--admiralty-read-more-expansion-heading-icon-margin, 1px var(--admiralty-spacing-2) 1px 5px);vertical-align:top}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more:hover{text-decoration-thickness:0.15em}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more:focus{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 r=i;let d=0;const n=class{constructor(t){a(this,t);this.admiraltyToggled=e(this,"admiraltyToggled",7);this.internalId=`admiralty-read-more-${++d}`;this.headerId=`${this.internalId}-header`;this.contentId=`${this.internalId}-content`;this.heading=undefined;this.expanded=false}get expansionIcon(){return this.expanded?"arrow-downward-rounded":"arrow-forward-rounded"}onToggle(){this.expanded=!this.expanded;this.admiraltyToggled.emit(this.expanded)}render(){return t("section",{key:"67721ddbc0b0cfa18f5250d93a0d8388bfef5def",class:{expansion:true,expanded:this.expanded}},t("button",{key:"e89740c425be31a75523f97864198cac46506190",id:this.headerId,type:"button","aria-expanded":this.expanded,"aria-controls":this.contentId,class:{expanded:this.expanded},onClick:this.onToggle.bind(this)},t("admiralty-icon",{key:"2ed7a70d795bf9a8e9b7fc36e8b98bf096fd2d37",class:"expansion-heading-icon",name:this.expansionIcon}),t("span",{key:"7f1c33c89eb6a46250bb0f585029d9eb2dc6f74b"},this.heading),t("span",{key:"8ea1304233391b3b21d6dd861d7ad7c2cb2af5d4",class:"visually-hidden"},", ",this.expanded?"Hide":"Show"," this section")),t("div",{key:"ebc360e819e1c50d0f87c0f3482993735c2e8407",class:"expansion-content",id:this.contentId,"aria-labelledby":this.headerId,hidden:!this.expanded},t("slot",{key:"62020c07f776efb670e20b558881539d292f376a"})))}};n.style=r;export{n as admiralty_read_more};
-//# sourceMappingURL=p-add31457.entry.js.map
+import{r as a,c as e,h as t}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-read-more: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-read-more{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-read-more{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-read-more{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-read-more{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-read-more{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-read-more{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-read-more{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-read-more{display:none}}section.expansion.sc-admiralty-read-more{padding:var(--admiralty-read-more-padding, 2px var(--admiralty-spacing-0))}section.expansion.sc-admiralty-read-more .expansion-content.sc-admiralty-read-more{display:none;max-height:0;overflow:visible;border-left:4px solid var(--admiralty-colour-info)}section.expansion.expanded.sc-admiralty-read-more .expansion-content.sc-admiralty-read-more{display:block;max-height:initial;padding:var(--admiralty-read-more-expanded-content-padding, 2px 5px 2px 33px)}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more{background-color:transparent;border:none;white-space:unset;color:var(--admiralty-text-color);font-weight:unset;cursor:pointer;margin:var(--admiralty-read-more-button-margin, var(--admiralty-spacing-2) var(--admiralty-spacing-0));padding:var(--admiralty-read-more-button-padding, var(--admiralty-spacing-1));align-items:baseline;text-align:left;text-decoration:underline;text-underline-offset:0.15em}section.expansion.sc-admiralty-read-more button.expanded.sc-admiralty-read-more span.sc-admiralty-read-more{font-weight:var(--admiralty-read-more-font-weight, var(--admiralty-font-weight-medium))}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more .expansion-heading-icon.sc-admiralty-read-more{margin:var(--admiralty-read-more-expansion-heading-icon-margin, 1px var(--admiralty-spacing-2) 1px 5px);vertical-align:top}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more:hover{text-decoration-thickness:0.15em}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more:focus{outline:3px solid transparent;color:var(--admiralty-focus-contrast);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-focus-contrast);text-decoration:none}";const r=i;let d=0;const n=class{constructor(t){a(this,t);this.admiraltyToggled=e(this,"admiraltyToggled",7);this.internalId=`admiralty-read-more-${++d}`;this.headerId=`${this.internalId}-header`;this.contentId=`${this.internalId}-content`;this.heading=undefined;this.expanded=false}get expansionIcon(){return this.expanded?"arrow-downward-rounded":"arrow-forward-rounded"}onToggle(){this.expanded=!this.expanded;this.admiraltyToggled.emit(this.expanded)}render(){return t("section",{key:"67721ddbc0b0cfa18f5250d93a0d8388bfef5def",class:{expansion:true,expanded:this.expanded}},t("button",{key:"e89740c425be31a75523f97864198cac46506190",id:this.headerId,type:"button","aria-expanded":this.expanded,"aria-controls":this.contentId,class:{expanded:this.expanded},onClick:this.onToggle.bind(this)},t("admiralty-icon",{key:"2ed7a70d795bf9a8e9b7fc36e8b98bf096fd2d37",class:"expansion-heading-icon",name:this.expansionIcon}),t("span",{key:"7f1c33c89eb6a46250bb0f585029d9eb2dc6f74b"},this.heading),t("span",{key:"8ea1304233391b3b21d6dd861d7ad7c2cb2af5d4",class:"visually-hidden"},", ",this.expanded?"Hide":"Show"," this section")),t("div",{key:"ebc360e819e1c50d0f87c0f3482993735c2e8407",class:"expansion-content",id:this.contentId,"aria-labelledby":this.headerId,hidden:!this.expanded},t("slot",{key:"62020c07f776efb670e20b558881539d292f376a"})))}};n.style=r;export{n as admiralty_read_more};
+//# sourceMappingURL=p-234c646f.entry.js.map

package/dist/admiralty/{p-add31457.entry.js.map → p-234c646f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["readMoreCss","AdmiraltyReadMoreStyle0","nextId","ReadMoreComponent","this","internalId","headerId","contentId","expansionIcon","expanded","onToggle","admiraltyToggled","emit","render","h","key","class","expansion","id","type","onClick","bind","name","heading","hidden"],"sources":["src/components/read-more/read-more.scss?tag=admiralty-read-more&encapsulation=scoped","src/components/read-more/read-more.tsx"],"sourcesContent":["@import 'read-more.vars.scss';\n\nsection.expansion {\n  padding: $read-more-padding;\n\n  .expansion-content {\n    display: none;\n    max-height: 0;\n    overflow: visible;\n    border-left: 4px solid $read-more-border-colour;\n  }\n  &.expanded .expansion-content {\n    display: block;\n    max-height: initial;\n    padding: $read-more-expanded-content-padding;\n  }\n\n  button {\n    background-color: transparent;\n    border: none;\n    white-space: unset;\n    color: $read-more-text-colour;\n    font-weight: unset;\n    cursor: pointer;\n    margin: $read-more-button-margin;\n    padding: $read-more-button-padding;\n    align-items: baseline;\n    text-align: left;\n    text-decoration: underline;\n    text-underline-offset: 0.15em;\n\n    &.expanded span {\n      font-weight: $read-more-font-weight;\n    }\n\n    .expansion-heading-icon {\n      margin: $read-more-button-expansion-heading-icon-margin;\n      vertical-align: top;\n    }\n\n    &:hover {\n      text-decoration-thickness: 0.15em;\n    }\n\n    &:focus {\n      @include focus-highlight;\n    }\n  }\n}\n","import { Component, EventEmitter, Prop, State, Event, h } from '@stencil/core';\n\nlet nextId = 0;\n\n@Component({\n  tag: 'admiralty-read-more',\n  styleUrl: 'read-more.scss',\n  scoped: true,\n})\nexport class ReadMoreComponent {\n  /**\n   * The text to display in the heading of the readmore component.\n   */\n  @Prop() heading: string;\n\n  @State() expanded = false;\n\n  /**\n   * The event that is dispatched when the expanded status is toggled.\n   */\n  @Event() admiraltyToggled: EventEmitter<boolean>;\n\n  internalId: string = `admiralty-read-more-${++nextId}`;\n\n  headerId: string = `${this.internalId}-header`;\n  contentId: string = `${this.internalId}-content`;\n\n  get expansionIcon(): string {\n    return this.expanded ? 'arrow-downward-rounded' : 'arrow-forward-rounded';\n  }\n\n  onToggle() {\n    this.expanded = !this.expanded;\n    this.admiraltyToggled.emit(this.expanded);\n  }\n\n  render() {\n    return (\n      <section\n        class={{\n          expansion: true,\n          expanded: this.expanded,\n        }}\n      >\n        <button\n          id={this.headerId}\n          type=\"button\"\n          aria-expanded={this.expanded}\n          aria-controls={this.contentId}\n          class={{ expanded: this.expanded }}\n          onClick={this.onToggle.bind(this)}\n        >\n          <admiralty-icon class=\"expansion-heading-icon\" name={this.expansionIcon}></admiralty-icon>\n          <span>{this.heading}</span>\n          <span class=\"visually-hidden\">, {this.expanded ? \"Hide\" : \"Show\"} this section</span>\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,EAAc,uyFACpB,MAAAC,EAAeD,ECCf,IAAIE,EAAS,E,MAOAC,EAAiB,M,4EAa5BC,KAAAC,WAAqB,yBAAyBH,IAE9CE,KAAAE,SAAmB,GAAGF,KAAKC,oBAC3BD,KAAAG,UAAoB,GAAGH,KAAKC,qB,qCAVR,K,CAYpB,iBAAIG,GACF,OAAOJ,KAAKK,SAAW,yBAA2B,uB,CAGpD,QAAAC,GACEN,KAAKK,UAAYL,KAAKK,SACtBL,KAAKO,iBAAiBC,KAAKR,KAAKK,S,CAGlC,MAAAI,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,MAAO,CACLC,UAAW,KACXR,SAAUL,KAAKK,WAGjBK,EAAA,UAAAC,IAAA,2CACEG,GAAId,KAAKE,SACTa,KAAK,SAAQ,gBACEf,KAAKK,SAAQ,gBACbL,KAAKG,UACpBS,MAAO,CAAEP,SAAUL,KAAKK,UACxBW,QAAShB,KAAKM,SAASW,KAAKjB,OAE5BU,EAAA,kBAAAC,IAAA,2CAAgBC,MAAM,yBAAyBM,KAAMlB,KAAKI,gBAC1DM,EAAA,QAAAC,IAAA,4CAAOX,KAAKmB,SACZT,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBAAiB,KAAIZ,KAAKK,SAAW,OAAS,OAAM,kBAElEK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBE,GAAId,KAAKG,UAAS,kBAAmBH,KAAKE,SAAUkB,QAASpB,KAAKK,UAC/FK,EAAA,QAAAC,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["readMoreCss","AdmiraltyReadMoreStyle0","nextId","ReadMoreComponent","this","internalId","headerId","contentId","expansionIcon","expanded","onToggle","admiraltyToggled","emit","render","h","key","class","expansion","id","type","onClick","bind","name","heading","hidden"],"sources":["src/components/read-more/read-more.scss?tag=admiralty-read-more&encapsulation=scoped","src/components/read-more/read-more.tsx"],"sourcesContent":["@import 'read-more.vars.scss';\n\nsection.expansion {\n  padding: $read-more-padding;\n\n  .expansion-content {\n    display: none;\n    max-height: 0;\n    overflow: visible;\n    border-left: 4px solid $read-more-border-colour;\n  }\n  &.expanded .expansion-content {\n    display: block;\n    max-height: initial;\n    padding: $read-more-expanded-content-padding;\n  }\n\n  button {\n    background-color: transparent;\n    border: none;\n    white-space: unset;\n    color: $read-more-text-colour;\n    font-weight: unset;\n    cursor: pointer;\n    margin: $read-more-button-margin;\n    padding: $read-more-button-padding;\n    align-items: baseline;\n    text-align: left;\n    text-decoration: underline;\n    text-underline-offset: 0.15em;\n\n    &.expanded span {\n      font-weight: $read-more-font-weight;\n    }\n\n    .expansion-heading-icon {\n      margin: $read-more-button-expansion-heading-icon-margin;\n      vertical-align: top;\n    }\n\n    &:hover {\n      text-decoration-thickness: 0.15em;\n    }\n\n    &:focus {\n      @include focus-highlight;\n    }\n  }\n}\n","import { Component, EventEmitter, Prop, State, Event, h } from '@stencil/core';\n\nlet nextId = 0;\n\n@Component({\n  tag: 'admiralty-read-more',\n  styleUrl: 'read-more.scss',\n  scoped: true,\n})\nexport class ReadMoreComponent {\n  /**\n   * The text to display in the heading of the readmore component.\n   */\n  @Prop() heading: string;\n\n  @State() expanded = false;\n\n  /**\n   * The event that is dispatched when the expanded status is toggled.\n   */\n  @Event() admiraltyToggled: EventEmitter<boolean>;\n\n  internalId: string = `admiralty-read-more-${++nextId}`;\n\n  headerId: string = `${this.internalId}-header`;\n  contentId: string = `${this.internalId}-content`;\n\n  get expansionIcon(): string {\n    return this.expanded ? 'arrow-downward-rounded' : 'arrow-forward-rounded';\n  }\n\n  onToggle() {\n    this.expanded = !this.expanded;\n    this.admiraltyToggled.emit(this.expanded);\n  }\n\n  render() {\n    return (\n      <section\n        class={{\n          expansion: true,\n          expanded: this.expanded,\n        }}\n      >\n        <button\n          id={this.headerId}\n          type=\"button\"\n          aria-expanded={this.expanded}\n          aria-controls={this.contentId}\n          class={{ expanded: this.expanded }}\n          onClick={this.onToggle.bind(this)}\n        >\n          <admiralty-icon class=\"expansion-heading-icon\" name={this.expansionIcon}></admiralty-icon>\n          <span>{this.heading}</span>\n          <span class=\"visually-hidden\">, {this.expanded ? \"Hide\" : \"Show\"} this section</span>\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,EAAc,6yFACpB,MAAAC,EAAeD,ECCf,IAAIE,EAAS,E,MAOAC,EAAiB,M,4EAa5BC,KAAAC,WAAqB,yBAAyBH,IAE9CE,KAAAE,SAAmB,GAAGF,KAAKC,oBAC3BD,KAAAG,UAAoB,GAAGH,KAAKC,qB,qCAVR,K,CAYpB,iBAAIG,GACF,OAAOJ,KAAKK,SAAW,yBAA2B,uB,CAGpD,QAAAC,GACEN,KAAKK,UAAYL,KAAKK,SACtBL,KAAKO,iBAAiBC,KAAKR,KAAKK,S,CAGlC,MAAAI,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,MAAO,CACLC,UAAW,KACXR,SAAUL,KAAKK,WAGjBK,EAAA,UAAAC,IAAA,2CACEG,GAAId,KAAKE,SACTa,KAAK,SAAQ,gBACEf,KAAKK,SAAQ,gBACbL,KAAKG,UACpBS,MAAO,CAAEP,SAAUL,KAAKK,UACxBW,QAAShB,KAAKM,SAASW,KAAKjB,OAE5BU,EAAA,kBAAAC,IAAA,2CAAgBC,MAAM,yBAAyBM,KAAMlB,KAAKI,gBAC1DM,EAAA,QAAAC,IAAA,4CAAOX,KAAKmB,SACZT,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBAAiB,KAAIZ,KAAKK,SAAW,OAAS,OAAM,kBAElEK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBE,GAAId,KAAKG,UAAS,kBAAmBH,KAAKE,SAAUkB,QAASpB,KAAKK,UAC/FK,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/admiralty/{p-d3811854.entry.js → p-42f6c104.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as i,h as n}from"./p-71979ff5.js";const t=".visually-hidden.sc-admiralty-expansion: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-expansion{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-expansion{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-expansion{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-expansion{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-expansion{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-expansion{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-expansion{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-expansion{display:none}}section.expansion.sc-admiralty-expansion{padding:var(--admiralty-expansion-padding, 2px 0);border-bottom:1px solid transparent}section.expansion.bordered.sc-admiralty-expansion{border-bottom:1px solid var(--admiralty-colour-light)}section.expansion.sc-admiralty-expansion .expansion-content.sc-admiralty-expansion{display:none;max-height:0;overflow:visible}section.expansion.expanded.sc-admiralty-expansion .expansion-content.sc-admiralty-expansion{display:block;max-height:initial;padding-bottom:var(--admiralty-expansion-content-padding-bottom, var(--admiralty-spacing-3))}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion{background-color:transparent;border:none;height:initial;min-width:unset;max-width:unset;white-space:unset;cursor:pointer;margin:var(--admiralty-expansion-button-margin, 10px var(--admiralty-spacing-0) 22px);padding:var(--admiralty-expansion-button-padding, var(--admiralty-spacing-0));display:flex;align-items:center;width:100%;text-align:left;position:relative}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion .expansion-heading-icon.sc-admiralty-expansion{color:var(--admiralty-colour-primary);font-size:var(--admiralty-font-size-5);margin-left:var(--admiralty-expansion-button-icon-margin-left, 30px)}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion:focus{outline:none}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion h3.sc-admiralty-expansion{flex-grow:1;margin-bottom:var(--admiralty-expansion-button-heading-margin-bottom, var(--admiralty-spacing-0));font-size:var(--admiralty-expansion-title-font-size, var(--admiralty-font-size-1));font-weight:var(--admiralty-expansion-title-font-weight, var(--admiralty-font-weight-medium))}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion h3.expansion-heading-right-align.sc-admiralty-expansion{text-align:right}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion:focus{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 e=t;let o=0;const s=class{constructor(n){a(this,n);this.toggled=i(this,"toggled",7);this.internalId=`admiralty-expansion-${++o}`;this.headerId=`${this.internalId}-header`;this.contentId=`${this.internalId}-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?"keyboard-arrow-up-rounded":"keyboard-arrow-down-rounded"}render(){return n("section",{key:"ca6fc935ba4d5edd4ef0bdc05baba121093db6ec",class:{expansion:true,expanded:this.expanded,bordered:!this.hideBorder}},n("button",{key:"2e075fcba3c0de195c2125ac172206fa01b97ee0",id:this.headerId,type:"button","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"expansion-heading-button",onClick:this.onToggle.bind(this)},n("h3",{key:"bca664eb2761774aca0f265d302ae3587c659cc9",class:{"expansion-heading-right-align":this.alignHeadingRight}},this.heading),n("span",{key:"f49ff2b1c579c256c8bb4f07c02e1ffc4f5d7d7f",class:"visually-hidden"},", ",this.expanded?"Hide":"Show"," this section"),n("admiralty-icon",{key:"bab5398978076b68ef07d8103bd9786cd0d7569e",class:"expansion-heading-icon",name:this.getExpansionIcon()})),n("div",{key:"6b02f4fbe00323fdb6e897568c15e5b47a687ff5",class:"expansion-content",id:this.contentId,"aria-labelledby":this.headerId,hidden:!this.expanded},n("slot",{key:"858907233074ee2f04b6e7c99d7d1c63a50a7479"})))}};s.style=e;export{s as admiralty_expansion};
-//# sourceMappingURL=p-d3811854.entry.js.map
+import{r as a,c as i,h as n}from"./p-71979ff5.js";const t=".visually-hidden.sc-admiralty-expansion: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-expansion{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-expansion{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-expansion{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-expansion{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-expansion{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-expansion{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-expansion{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-expansion{display:none}}section.expansion.sc-admiralty-expansion{padding:var(--admiralty-expansion-padding, 2px 0);border-bottom:1px solid transparent}section.expansion.bordered.sc-admiralty-expansion{border-bottom:1px solid var(--admiralty-colour-light)}section.expansion.sc-admiralty-expansion .expansion-content.sc-admiralty-expansion{display:none;max-height:0;overflow:visible}section.expansion.expanded.sc-admiralty-expansion .expansion-content.sc-admiralty-expansion{display:block;max-height:initial;padding-bottom:var(--admiralty-expansion-content-padding-bottom, var(--admiralty-spacing-3))}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion{background-color:transparent;border:none;height:initial;min-width:unset;max-width:unset;white-space:unset;cursor:pointer;margin:var(--admiralty-expansion-button-margin, 10px var(--admiralty-spacing-0) 22px);padding:var(--admiralty-expansion-button-padding, var(--admiralty-spacing-0));display:flex;align-items:center;width:100%;text-align:left;position:relative}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion .expansion-heading-icon.sc-admiralty-expansion{color:var(--admiralty-colour-primary);font-size:var(--admiralty-font-size-5);margin-left:var(--admiralty-expansion-button-icon-margin-left, 30px)}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion:focus{outline:none}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion h3.sc-admiralty-expansion{flex-grow:1;margin-bottom:var(--admiralty-expansion-button-heading-margin-bottom, var(--admiralty-spacing-0));font-size:var(--admiralty-expansion-title-font-size, var(--admiralty-font-size-1));font-weight:var(--admiralty-expansion-title-font-weight, var(--admiralty-font-weight-medium))}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion h3.expansion-heading-right-align.sc-admiralty-expansion{text-align:right}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion:focus{outline:3px solid transparent;color:var(--admiralty-focus-contrast);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-focus-contrast);text-decoration:none}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion:focus h3.sc-admiralty-expansion{color:black}";const o=t;let e=0;const s=class{constructor(n){a(this,n);this.toggled=i(this,"toggled",7);this.internalId=`admiralty-expansion-${++e}`;this.headerId=`${this.internalId}-header`;this.contentId=`${this.internalId}-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?"keyboard-arrow-up-rounded":"keyboard-arrow-down-rounded"}render(){return n("section",{key:"ca6fc935ba4d5edd4ef0bdc05baba121093db6ec",class:{expansion:true,expanded:this.expanded,bordered:!this.hideBorder}},n("button",{key:"2e075fcba3c0de195c2125ac172206fa01b97ee0",id:this.headerId,type:"button","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"expansion-heading-button",onClick:this.onToggle.bind(this)},n("h3",{key:"bca664eb2761774aca0f265d302ae3587c659cc9",class:{"expansion-heading-right-align":this.alignHeadingRight}},this.heading),n("span",{key:"f49ff2b1c579c256c8bb4f07c02e1ffc4f5d7d7f",class:"visually-hidden"},", ",this.expanded?"Hide":"Show"," this section"),n("admiralty-icon",{key:"bab5398978076b68ef07d8103bd9786cd0d7569e",class:"expansion-heading-icon",name:this.getExpansionIcon()})),n("div",{key:"6b02f4fbe00323fdb6e897568c15e5b47a687ff5",class:"expansion-content",id:this.contentId,"aria-labelledby":this.headerId,hidden:!this.expanded},n("slot",{key:"858907233074ee2f04b6e7c99d7d1c63a50a7479"})))}};s.style=o;export{s as admiralty_expansion};
+//# sourceMappingURL=p-42f6c104.entry.js.map

package/dist/admiralty/p-42f6c104.entry.js.map

@@ -0,0 +1 @@
+{"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    &:focus h3 {\n      color: black;\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,yxGACrB,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-60ec2719.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,f as r,h as i,g as t}from"./p-71979ff5.js";const d=".visually-hidden.sc-admiralty-header: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{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-header{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-header{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-header{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-header{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-header{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-header{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-header{display:none}}.admiralty-header.sc-admiralty-header{font-size:var(--admiralty-header-font-size, var(--admiralty-font-size-0));font-weight:var(--admiralty-header-font-weight, var(--admiralty-font-weight-normal));line-height:24px}.header-menu.sc-admiralty-header{border-bottom:1px solid var(--admiralty-colour-light);display:flex;flex-direction:row;background-color:var(--admiralty-header-background-colour);height:5em;min-height:5em;position:relative}@media (max-width: 1023px){.header-menu.sc-admiralty-header{height:56px;min-height:56px;position:relative}}.header-branding.sc-admiralty-header{display:flex;flex-direction:row;flex-grow:1;font-size:var(--admiralty-header-brand-font-size, var(--admiralty-font-size-0));padding:var(--admiralty-header-branding-padding, 1.3em 0 1.3em 1.3em)}@media (max-width: 1023px){.header-branding.sc-admiralty-header{padding:var(--admiralty-header-branding-not-desktop-padding, var(--admiralty-spacing-3) var(--admiralty-spacing-0) var(--admiralty-spacing-3) var(--admiralty-spacing-3));flex-grow:1}}.header-branding.sc-admiralty-header a.header-logo.sc-admiralty-header{background-color:transparent;color:var(--admiralty-colour-primary)}.header-branding.sc-admiralty-header a.header-logo.sc-admiralty-header img.sc-admiralty-header{height:100%;width:9em}.header-branding.sc-admiralty-header a.header-logo.sc-admiralty-header:focus{outline:3px solid transparent;color:var(--admiralty-focus-contrast);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-focus-contrast);text-decoration:none}@media (prefers-color-scheme: dark){.header-branding.sc-admiralty-header img.sc-admiralty-header{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg)}}.header-branding.sc-admiralty-header .vertical-seperator.sc-admiralty-header{border-right:1px solid var(--admiralty-colour-light);margin:var(--admiralty-header-vertical-separator-margin, var(--admiralty-spacing-0) var(--admiralty-spacing-6))}@media (max-width: 1023px){.header-branding.sc-admiralty-header .vertical-seperator.sc-admiralty-header{margin:var(--admiralty-header-vertical-separator-not-desktop-margin, var(--admiralty-spacing-0) var(--admiralty-spacing-3))}}.header-branding.sc-admiralty-header .header-title.sc-admiralty-header{display:flex;flex-direction:column;flex-grow:1;justify-content:center;font-size:var(--admiralty-header-title-not-desktop-font-size, var(--admiralty-font-size-2));line-height:2em;margin-top:var(--admiralty-header-title-margin-top, var(--admiralty-spacing-1));margin-bottom:var(--admiralty-header-title-margin-bottom, var(--admiralty-spacing-unset));user-select:none}@media (max-width: 1023px){.header-branding.sc-admiralty-header .header-title.sc-admiralty-header{font-size:var(--admiralty-header-title-font-size, var(--admiralty-font-size-4));line-height:24px;white-space:pre-wrap}}.header-branding.sc-admiralty-header .header-title.sc-admiralty-header a.sc-admiralty-header{cursor:pointer;font-size:var(--admiralty-font-size-3);font-weight:var(--admiralty-header-title-font-weight, var(--admiralty-font-weight-medium));line-height:1;max-width:fit-content;text-decoration:none}@media (max-width: 1023px){.header-branding.sc-admiralty-header .header-title.sc-admiralty-header a.sc-admiralty-header{font-size:var(--admiralty-font-size-2)}}.header-menus.sc-admiralty-header{display:flex;justify-content:flex-end}.header-menus.sc-admiralty-header .mobile-menu-toggle.sc-admiralty-header{display:none;flex-direction:column;justify-content:center}@media (max-width: 1023px){.header-menus.sc-admiralty-header .mobile-menu-toggle.display-hamburger.sc-admiralty-header{display:flex}}.header-menus.sc-admiralty-header .mobile-menu-toggle.sc-admiralty-header button.sc-admiralty-header{background-color:unset}.header-menus.sc-admiralty-header .mobile-menu-toggle.sc-admiralty-header button.sc-admiralty-header admiralty-icon.sc-admiralty-header{font-size:var(--admiralty-header-menu-icon-font-size, var(--admiralty-font-size-2));font-weight:var(--admiralty-header-menu-icon-font-weight, var(--admiralty-font-weight-bold));padding:var(--admiralty-header-menu-mobile-button-icon-padding, var(--admiralty-spacing-3));cursor:pointer;min-width:24px;min-height:24px;text-align:center;user-select:none;color:var(--admiralty-colour-primary)}.header-menus.sc-admiralty-header .mobile-menu-toggle.sc-admiralty-header button.sc-admiralty-header:focus{outline:3px solid transparent;color:var(--admiralty-focus-contrast);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-focus-contrast);text-decoration:none;outline:none;box-shadow:0 -4px var(--admiralty-text-colour) inset}@media (max-width: 1023px){.header-menus.sc-admiralty-header .menu-sections.sc-admiralty-header{display:none;min-height:56px;position:relative;right:0;position:absolute;top:100%;z-index:999;min-width:100%;background-color:var(--admiralty-header-background-colour);border:1px solid var(--admiralty-colour-light)}}@media (max-width: 1023px) and (max-width: 1023px) and (min-width: 480px){.header-menus.sc-admiralty-header .menu-sections.sc-admiralty-header{min-width:50%;margin-left:var(--admiralty-header-menu-section-tablet-only-margin-left, 50%)}}@media (max-width: 1023px){.header-menus.sc-admiralty-header .menu-sections.mob-menus-visible.sc-admiralty-header{display:block}}@media (min-width: 1024px){.header-menus.sc-admiralty-header .menu-sections.sc-admiralty-header,.header-menus.sc-admiralty-header .menu-items.sc-admiralty-header,.header-menus.sc-admiralty-header .header-profile.sc-admiralty-header{display:flex;flex:0;flex-direction:row}}";const n=d;const l=class{constructor(r){a(this,r);this.titledClicked=e(this,"titledClicked",7);this.headerTitle=undefined;this.headerTitleUrl=null;this.logoLinkUrl="https://www.admiralty.co.uk/";this.logoImgUrl="svg/Admiralty stacked logo.svg";this.logoAltText="ADMIRALTY";this.mobileMenuOpen=false;this.displayHamburger=false}connectedCallback(){this.observer=new MutationObserver((()=>{r(this)}));this.observer.observe(this.el,{childList:true,subtree:true})}disconnectedCallback(){this.observer.disconnect()}componentWillRender(){const a=this.el.querySelectorAll("admiralty-header-menu-item, admiralty-header-menu-link, admiralty-header-profile");this.displayHamburger=a.length>0}handleClick(a){a.preventDefault();this.titledClicked.emit(this.headerTitleUrl)}toggleMobileMenu(){this.mobileMenuOpen=!this.mobileMenuOpen}render(){const{logoAltText:a,logoLinkUrl:e,logoImgUrl:r,headerTitle:t,headerTitleUrl:d}=this;return i("div",{key:"78e14a563c071fee430607bd53eba1f6b1a0a2c9",class:"admiralty-header",role:"banner"},i("div",{key:"cbb6cb752bf209c2f624e53e253135ad9f9dab38",class:"header-menu"},i("div",{key:"0228a0a969668ceb98def50c096b121c21c3f212",class:"header-branding"},i("a",{key:"b22f206b25e60a2d87cb25ada83fce793f504026",class:"header-logo",href:e},i("img",{key:"ca106ce08921ab2b81f3eb9093c371898460c973",class:"header-image",alt:a,src:r})),i("div",{key:"7876c3de84ab97afc56f2841df96f7c795829bcc",class:"vertical-seperator"}),this.headerTitle?i("h2",{class:"header-title"},i("a",{onClick:a=>this.handleClick(a),href:d},t)):null),i("nav",{key:"3a52141fb20df18ee73a04ea64ba9531e62f9052",role:"navigation",class:"header-menus","aria-label":"Site navigation"},i("div",{key:"cd60bf3b609762006f8c4fc17d8c4250ebfc7b20",class:{"mobile-menu-toggle":true,"display-hamburger":this.displayHamburger}},i("button",{key:"4e6b98ababc877bdbf106c144f13cf5c185f55ca",onClick:a=>this.toggleMobileMenu(),"aria-expanded":this.mobileMenuOpen,"aria-label":this.mobileMenuOpen?"Hide menu":"Show menu"},i("admiralty-icon",{key:"4a349a72d76e08472f09eb442ed978624d6ac883",name:this.mobileMenuOpen?"close-rounded":"menu-rounded"}))),i("div",{key:"4a960f1a94fc3b608d2342f7456a40417c913b3e",class:{"menu-sections":true,"mob-menus-visible":this.mobileMenuOpen}},i("div",{key:"07cc58fc0acb970174aa41f1fe37f45936518973",class:"menu-items"},i("slot",{key:"756210f49d23868e1604ff94770cc231293bda9a",name:"items"})),i("div",{key:"ed7d393b82238ae4feaf4b4cff17358f7b55c195",class:"header-profile"},i("slot",{key:"10bb3a076aee6a9d92c7486e4e352cfc32ddb2fe",name:"profile"}))))))}get el(){return t(this)}};l.style=n;export{l as admiralty_header};
+//# sourceMappingURL=p-60ec2719.entry.js.map

package/dist/admiralty/p-60ec2719.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["headerCss","AdmiraltyHeaderStyle0","HeaderComponent","connectedCallback","this","observer","MutationObserver","forceUpdate","observe","el","childList","subtree","disconnectedCallback","disconnect","componentWillRender","childMenus","querySelectorAll","displayHamburger","length","handleClick","ev","preventDefault","titledClicked","emit","headerTitleUrl","toggleMobileMenu","mobileMenuOpen","render","logoAltText","logoLinkUrl","logoImgUrl","headerTitle","h","key","class","role","href","alt","src","onClick","_","name"],"sources":["src/components/header/header.scss?tag=admiralty-header&encapsulation=scoped","src/components/header/header.tsx"],"sourcesContent":["@import 'header.vars';\n\n.admiralty-header {\n  font-size: $header-text-size;\n  font-weight: $header-text-weight;\n  line-height: $header-text-line-height;\n}\n\n.header-menu {\n  border-bottom: 1px solid $header-border-colour;\n  display: flex;\n  flex-direction: row;\n  background-color: $header-background-colour;\n  height: 5em;\n  min-height: 5em;\n  position: relative;\n\n  @include not-desktop {\n    height: 56px;\n    min-height: 56px;\n    position: relative;\n  }\n}\n\n.header-branding {\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  font-size: $header-brand-text-size;\n  padding: $header-branding-padding;\n\n  @include not-desktop {\n    padding: $header-branding-not-desktop-padding;\n    flex-grow: 1;\n  }\n\n  a.header-logo {\n    background-color: transparent;\n    color: $header-logo-colour;\n\n    img {\n      height: 100%;\n      width: 9em;\n    }\n\n    &:focus {\n      @include focus-highlight;\n    }\n  }\n\n  @media (prefers-color-scheme: dark) {\n    img {\n      filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg);\n    }\n  }\n\n  .vertical-seperator {\n    border-right: 1px solid $header-separator-colour;\n    margin: $header-vertical-separator-margin;\n    @include not-desktop {\n      margin: $header-vertical-separator-not-desktop-margin;\n    }\n  }\n\n  .header-title {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    justify-content: center;\n    font-size: $header-title-text-size;\n    line-height: 2em;\n    margin-top: $header-title-margin-top;\n    margin-bottom: $header-title-margin-bottom;\n    user-select: none;\n\n    @include not-desktop {\n      font-size: $header-title-not-desktop-text-size;\n      line-height: 24px;\n      white-space: pre-wrap;\n    }\n\n    a {\n      cursor: pointer;\n      font-size: var(--admiralty-font-size-3);\n      font-weight: $header-title-text-weight;\n      line-height: 1;\n      max-width: fit-content;\n      text-decoration: none;\n\n      @include not-desktop {\n        font-size: var(--admiralty-font-size-2);\n      }\n    }\n  }\n}\n\n.header-menus {\n  display: flex;\n  justify-content: flex-end;\n\n  .mobile-menu-toggle {\n    display: none;\n\n    @include not-desktop {\n      &.display-hamburger {\n        display: flex;\n      }\n    }\n    flex-direction: column;\n    justify-content: center;\n\n    button {\n      background-color: unset;\n\n      admiralty-icon {\n        font-size: $header-menu-icon-font-size;\n        font-weight: $header-menu-icon-font-weight;\n        padding: $header-menu-mobile-button-icon-padding;\n        cursor: pointer;\n        min-width: 24px;\n        min-height: 24px;\n        text-align: center;\n        user-select: none;\n        color: $header-icon-colour;\n      }\n\n      &:focus {\n        @include focus-highlight;\n\n        outline: none;\n        box-shadow: 0 -4px $header-outline-colour inset;\n      }\n    }\n  }\n\n  @include not-desktop {\n    .menu-sections {\n      display: none;\n\n      min-height: 56px;\n      position: relative;\n      right: 0;\n\n      position: absolute;\n      top: 100%;\n      z-index: 999;\n      min-width: 100%;\n      @include tablet-only {\n        min-width: 50%;\n        margin-left: $header-menu-section-tablet-only-margin-left;\n      }\n\n      background-color: $header-background-colour;\n      border: 1px solid $header-border-colour;\n\n      &.mob-menus-visible {\n        display: block;\n      }\n    }\n  }\n\n  .menu-sections,\n  .menu-items,\n  .header-profile {\n    @include desktop-only {\n      display: flex;\n      flex: 0;\n      flex-direction: row;\n    }\n  }\n}\n","import { Component, Element, Prop, h, EventEmitter, Event, State, forceUpdate } from '@stencil/core';\n\n/**\n * @slot items - 'admiralty-header-menu-item menu-title' and 'admiralty-header-menu-link menu-title' components are placed here for appropriate 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  scoped: true,\n})\nexport class HeaderComponent {\n  @Element() el: HTMLElement;\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';\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\n  @State() mobileMenuOpen = false;\n\n  @State() displayHamburger = false;\n\n  observer: MutationObserver;\n\n  connectedCallback() {\n    this.observer = new MutationObserver(() => {\n      // when new menu items are added to the slots, we need to trigger a render cycle so that they render correctly\n      forceUpdate(this);\n    });\n    this.observer.observe(this.el, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    this.observer.disconnect();\n  }\n\n  componentWillRender() {\n    const childMenus = this.el.querySelectorAll('admiralty-header-menu-item, admiralty-header-menu-link, admiralty-header-profile');\n    this.displayHamburger = childMenus.length > 0;\n  }\n\n  private handleClick(ev: MouseEvent) {\n    ev.preventDefault();\n    this.titledClicked.emit(this.headerTitleUrl);\n  }\n\n  toggleMobileMenu() {\n    this.mobileMenuOpen = !this.mobileMenuOpen;\n  }\n\n  render() {\n    const { logoAltText, logoLinkUrl, logoImgUrl, headerTitle, headerTitleUrl } = this;\n\n    return (\n      <div class=\"admiralty-header\" role=\"banner\">\n        <div 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            {this.headerTitle ? (\n              <h2 class=\"header-title\">\n                <a onClick={ev => this.handleClick(ev)} href={headerTitleUrl}>\n                  {headerTitle}\n                </a>\n              </h2>\n            ) : null}\n          </div>\n          <nav role=\"navigation\" class=\"header-menus\" aria-label=\"Site navigation\">\n            <div class={{ 'mobile-menu-toggle': true, 'display-hamburger': this.displayHamburger }}>\n              <button onClick={_ => this.toggleMobileMenu()} aria-expanded={this.mobileMenuOpen} aria-label={this.mobileMenuOpen ? 'Hide menu' : 'Show menu'}>\n                <admiralty-icon name={this.mobileMenuOpen ? \"close-rounded\" : \"menu-rounded\"}></admiralty-icon>\n              </button>\n            </div>\n            <div class={{ \"menu-sections\": true, 'mob-menus-visible': this.mobileMenuOpen }}>\n              <div class=\"menu-items\">\n                <slot name=\"items\"></slot>\n              </div>\n              <div class=\"header-profile\">\n                <slot name=\"profile\"></slot>\n              </div>\n            </div>\n          </nav>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAY,0gNAClB,MAAAC,EAAeD,E,MCUFE,EAAe,M,qHAUO,K,iBAKH,+B,gBAKD,iC,iBAKC,Y,oBAOJ,M,sBAEE,K,CAI5B,iBAAAC,GACEC,KAAKC,SAAW,IAAIC,kBAAiB,KAEnCC,EAAYH,KAAK,IAEnBA,KAAKC,SAASG,QAAQJ,KAAKK,GAAI,CAC7BC,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACER,KAAKC,SAASQ,Y,CAGhB,mBAAAC,GACE,MAAMC,EAAaX,KAAKK,GAAGO,iBAAiB,oFAC5CZ,KAAKa,iBAAmBF,EAAWG,OAAS,C,CAGtC,WAAAC,CAAYC,GAClBA,EAAGC,iBACHjB,KAAKkB,cAAcC,KAAKnB,KAAKoB,e,CAG/B,gBAAAC,GACErB,KAAKsB,gBAAkBtB,KAAKsB,c,CAG9B,MAAAC,GACE,MAAMC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,EAAUC,YAAEA,EAAWP,eAAEA,GAAmBpB,KAE9E,OACE4B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBAAmBC,KAAK,UACjCH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,cAAcE,KAAMP,GAC3BG,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eAAeG,IAAKT,EAAaU,IAAKR,KAEnDE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACV9B,KAAK2B,YACJC,EAAA,MAAIE,MAAM,gBACRF,EAAA,KAAGO,QAASnB,GAAMhB,KAAKe,YAAYC,GAAKgB,KAAMZ,GAC3CO,IAGH,MAENC,EAAA,OAAAC,IAAA,2CAAKE,KAAK,aAAaD,MAAM,eAAc,aAAY,mBACrDF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,qBAAsB,KAAM,oBAAqB9B,KAAKa,mBAClEe,EAAA,UAAAC,IAAA,2CAAQM,QAASC,GAAKpC,KAAKqB,mBAAkB,gBAAiBrB,KAAKsB,eAAc,aAActB,KAAKsB,eAAiB,YAAc,aACjIM,EAAA,kBAAAC,IAAA,2CAAgBQ,KAAMrC,KAAKsB,eAAiB,gBAAkB,mBAGlEM,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,gBAAiB,KAAM,oBAAqB9B,KAAKsB,iBAC7DM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cACTF,EAAA,QAAAC,IAAA,2CAAMQ,KAAK,WAEbT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAA,QAAAC,IAAA,2CAAMQ,KAAK,gB","ignoreList":[]}

package/dist/admiralty/p-6479cd9d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,g as e}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-text-side-bar: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-text-side-bar{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-text-side-bar{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-text-side-bar{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-text-side-bar{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-text-side-bar{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-text-side-bar{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-text-side-bar{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-text-side-bar{display:none}}.sc-admiralty-text-side-bar-h{border-right:1px solid var(--admiralty-text-side-bar-right-border, var(--admiralty-colour-light))}@media (prefers-color-scheme: dark){.sc-admiralty-text-side-bar-h{color-scheme:dark}}nav.sc-admiralty-text-side-bar{display:flex;flex-direction:column;justify-content:space-between;height:100%;background-color:var(--admiralty-header-background-colour)}ul.sc-admiralty-text-side-bar{display:flex;flex-direction:column}.logo.sc-admiralty-text-side-bar{height:50px;margin:24px 0 20px}";const d=i;const r=class{constructor(a){t(this,a);this.label=undefined;this.showLogo=true;this.logoImgUrl="svg/UKHO crest.svg";this.textSideBarWidth="150px"}render(){return a("nav",{key:"e7fd84594ca80145385b3e62e4626b94ab78c68c","aria-label":this.label,style:{width:this.textSideBarWidth?this.textSideBarWidth!==""?this.textSideBarWidth:"100px":"100px"}},a("ul",{key:"b0614834e66105fd6538d6ece6acfb61f64bf09e"},a("slot",{key:"5e280ee4a9461d3c76f5e4a41c046beeee84f832",name:"items"})),a("ul",{key:"8ae40177afa7813fdd268d5ea70dc1469abc2af4"},a("slot",{key:"a3a25c511def46d8a2409f38719989ac206bceee",name:"footer"}),this.showLogo?a("img",{class:"logo",src:this.logoImgUrl,alt:"UKHO Logo","aria-hidden":"true"}):null))}get el(){return e(this)}};r.style=d;export{r as admiralty_text_side_bar};
+//# sourceMappingURL=p-6479cd9d.entry.js.map

package/dist/admiralty/p-6479cd9d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["textSideBarCss","AdmiraltyTextSideBarStyle0","TextSideBarComponent","render","h","key","this","label","style","width","textSideBarWidth","name","showLogo","class","src","logoImgUrl","alt"],"sources":["src/components/text-side-bar/text-side-bar.scss?tag=admiralty-text-side-bar&encapsulation=scoped","src/components/text-side-bar/text-side-bar.tsx"],"sourcesContent":["@import 'text-side-bar.vars';\n\n:host {\n  border-right: 1px solid $side-bar-right-border-colour;\n}\n\n@media(prefers-color-scheme: dark) { // Changes browser scrollbar to dark\n  :host {\n    color-scheme: dark;\n  }\n}\n\nnav {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n  background-color: $side-bar-background-colour;\n}\n\nul {\n  display: flex;\n  flex-direction: column;\n}\n\n.logo {\n  height: 50px;\n  margin: 24px 0 20px;\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\n\n/**\n * @slot items - 'admiralty-text-side-bar-item' components should be placed here in the items slot\n * @slot footer - additional 'admiralty-text-side-bar-item' components can be placed in the footer slot\n * to display at the bottom of the text side bar.\n */\n@Component({\n  tag: 'admiralty-text-side-bar',\n  styleUrl: 'text-side-bar.scss',\n  scoped: true,\n})\nexport class TextSideBarComponent {\n  @Element() el!: HTMLAdmiraltyTextSideBarElement;\n  /**\n   * A label for accessibility purposes to describe what this navigation is for.\n   */\n  @Prop() label: string;\n  /**\n   * Set this to false to hide the logo that is displayed in the bottom of the side bar.\n   */\n  @Prop() showLogo: boolean = true;\n  /**\n   * The URI of the logo image\n   */\n  @Prop() logoImgUrl: string = 'svg/UKHO crest.svg';\n\n  /**\n   * Sets the sidebar width\n   */\n  @Prop() textSideBarWidth: string = '150px';\n\n  render() {\n    return (\n      <nav aria-label={this.label} style={{ width: this.textSideBarWidth ? this.textSideBarWidth !== '' ? this.textSideBarWidth : '100px' : '100px' }}>\n        <ul>\n          <slot name=\"items\"></slot>\n        </ul>\n        <ul>\n          <slot name=\"footer\"></slot>\n          {this.showLogo ? <img class=\"logo\" src={this.logoImgUrl} alt=\"UKHO Logo\" aria-hidden=\"true\" /> : null}\n        </ul>\n      </nav>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,yjDACvB,MAAAC,EAAeD,E,MCWFE,EAAoB,M,4DASH,K,gBAIC,qB,sBAKM,O,CAEnC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,wDAAiBC,KAAKC,MAAOC,MAAO,CAAEC,MAAOH,KAAKI,iBAAmBJ,KAAKI,mBAAqB,GAAKJ,KAAKI,iBAAmB,QAAU,UACpIN,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAMM,KAAK,WAEbP,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAMM,KAAK,WACVL,KAAKM,SAAWR,EAAA,OAAKS,MAAM,OAAOC,IAAKR,KAAKS,WAAYC,IAAI,YAAW,cAAa,SAAY,M","ignoreList":[]}

package/dist/admiralty/{p-18040ebd.entry.js → p-70364cc8.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as d}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-card: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-card{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-card{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-card{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-card{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-card{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-card{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-card{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-card{display:none}}.visually-hidden.sc-admiralty-card: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-card{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-card{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-card{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-card{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-card{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-card{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-card{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-card{display:none}}.card.sc-admiralty-card{display:flex;flex-direction:column;border:1px solid var(--admiralty-card-border-colour, var(--admiralty-colour-light));background-color:var(--admiralty-card-background-colour, var(--admiralty-background-colour))}.card.sc-admiralty-card>h6.sc-admiralty-card{font-size:var(--admiralty-card-heading-font-size, var(--admiralty-font-size-0));height:60px;line-height:60px;border:1px solid var(--admiralty-card-heading-border-colour, var(--admiralty-colour-primary));color:var(--admiralty-card-heading-text-colour, var(--admiralty-colour-primary-contrast));background-color:var(--admiralty-card-heading-colour, var(--admiralty-colour-primary));margin:var(--admiralty-card-heading-margin, var(--admiralty-spacing-0));padding:var(--admiralty-card-heading-padding, var(--admiralty-spacing-0) var(--admiralty-spacing-7))}@media (max-width: 1023px){.card.sc-admiralty-card>h6.sc-admiralty-card{padding:var(--admiralty-card-heading-not-desktop-padding, var(--admiralty-spacing-0) var(--admiralty-spacing-4));height:48px;line-height:48px}}.card.sc-admiralty-card>div.sc-admiralty-card{border-top:none;flex-grow:1;padding:var(--admiralty-card-padding, 30px)}@media (max-width: 1023px){.card.sc-admiralty-card>div.sc-admiralty-card{padding:var(--admiralty-card-not-desktop-padding, var(--admiralty-spacing-6) 18px)}}";const r=i;const t=class{constructor(d){a(this,d);this.heading=undefined}render(){return d("section",{key:"5372dea9a3941efe1a7c4412546f5a18f328c920",class:"card"},this.heading?d("h6",null,this.heading):null,d("div",{key:"d4adac313a7d4f9e5f828c040e68390bad78ea8b"},d("slot",{key:"b5b5c68693df31eb89d548cb70cccc12d423bada"})))}};t.style=r;export{t as admiralty_card};
-//# sourceMappingURL=p-18040ebd.entry.js.map
+import{r as a,h as d}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-card: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-card{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-card{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-card{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-card{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-card{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-card{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-card{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-card{display:none}}.visually-hidden.sc-admiralty-card: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-card{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-card{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-card{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-card{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-card{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-card{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-card{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-card{display:none}}.card.sc-admiralty-card{display:flex;flex-direction:column;border:1px solid var(--admiralty-card-border-colour, var(--admiralty-colour-light));background-color:var(--admiralty-card-background-colour)}.card.sc-admiralty-card>h6.sc-admiralty-card{font-size:var(--admiralty-card-heading-font-size, var(--admiralty-font-size-0));height:60px;line-height:60px;border:1px solid var(--admiralty-card-heading-border-colour);color:var(--admiralty-card-heading-text-colour, var(--admiralty-colour-primary-contrast));background-color:var(--admiralty-card-heading-colour);margin:var(--admiralty-card-heading-margin, var(--admiralty-spacing-0));padding:var(--admiralty-card-heading-padding, var(--admiralty-spacing-0) var(--admiralty-spacing-7))}@media (max-width: 1023px){.card.sc-admiralty-card>h6.sc-admiralty-card{padding:var(--admiralty-card-heading-not-desktop-padding, var(--admiralty-spacing-0) var(--admiralty-spacing-4));height:48px;line-height:48px}}.card.sc-admiralty-card>div.sc-admiralty-card{border-top:none;flex-grow:1;padding:var(--admiralty-card-padding, 30px)}@media (max-width: 1023px){.card.sc-admiralty-card>div.sc-admiralty-card{padding:var(--admiralty-card-not-desktop-padding, var(--admiralty-spacing-6) 18px)}}";const t=i;const r=class{constructor(d){a(this,d);this.heading=undefined}render(){return d("section",{key:"5372dea9a3941efe1a7c4412546f5a18f328c920",class:"card"},this.heading?d("h6",null,this.heading):null,d("div",{key:"d4adac313a7d4f9e5f828c040e68390bad78ea8b"},d("slot",{key:"b5b5c68693df31eb89d548cb70cccc12d423bada"})))}};r.style=t;export{r as admiralty_card};
+//# sourceMappingURL=p-70364cc8.entry.js.map

package/dist/admiralty/{p-18040ebd.entry.js.map → p-70364cc8.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["cardCss","AdmiraltyCardStyle0","CardComponent","render","h","key","class","this","heading"],"sources":["src/components/card/card.scss?tag=admiralty-card&encapsulation=scoped","src/components/card/card.tsx"],"sourcesContent":["@import 'card.vars';\n@import '../../styles/vars/globals';\n\n.card {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid $card-border-colour;\n  background-color: $card-background-colour;\n\n  & > h6 {\n    font-size: $card-heading-font-size;\n    height: 60px;\n    line-height: 60px;\n    border: 1px solid $card-heading-border-colour;\n    color: $card-heading-text-colour;\n    background-color: $card-heading-colour;\n    margin: $card-heading-margin;\n    padding: $card-heading-padding;\n\n    @include not-desktop {\n      padding: $card-heading-not-desktop-padding;\n      height: 48px;\n      line-height: 48px;\n    }\n  }\n\n  & > div {\n    border-top: none;\n    flex-grow: 1;\n    padding: $card-padding;\n    @include not-desktop {\n      padding: $card-padding-not-desktop;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-card',\n  styleUrl: 'card.scss',\n  scoped: true,\n})\nexport class CardComponent {\n  /**\n   * The title of the card.\n   */\n  @Prop() heading: string;\n\n  render() {\n    return (\n      <section class=\"card\">\n        {this.heading ? <h6>{this.heading}</h6> : null}\n        <div>\n          <slot></slot>\n        </div>\n      </section>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAU,+vGAChB,MAAAC,EAAeD,E,MCMFE,EAAa,M,gDAMxB,MAAAC,GACE,OACEC,EAAA,WAAAC,IAAA,2CAASC,MAAM,QACZC,KAAKC,QAAUJ,EAAA,UAAKG,KAAKC,SAAgB,KAC1CJ,EAAA,OAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["cardCss","AdmiraltyCardStyle0","CardComponent","render","h","key","class","this","heading"],"sources":["src/components/card/card.scss?tag=admiralty-card&encapsulation=scoped","src/components/card/card.tsx"],"sourcesContent":["@import 'card.vars';\n@import '../../styles/vars/globals';\n\n.card {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid $card-border-colour;\n  background-color: $card-background-colour;\n\n  & > h6 {\n    font-size: $card-heading-font-size;\n    height: 60px;\n    line-height: 60px;\n    border: 1px solid $card-heading-border-colour;\n    color: $card-heading-text-colour;\n    background-color: $card-heading-colour;\n    margin: $card-heading-margin;\n    padding: $card-heading-padding;\n\n    @include not-desktop {\n      padding: $card-heading-not-desktop-padding;\n      height: 48px;\n      line-height: 48px;\n    }\n  }\n\n  & > div {\n    border-top: none;\n    flex-grow: 1;\n    padding: $card-padding;\n    @include not-desktop {\n      padding: $card-padding-not-desktop;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-card',\n  styleUrl: 'card.scss',\n  scoped: true,\n})\nexport class CardComponent {\n  /**\n   * The title of the card.\n   */\n  @Prop() heading: string;\n\n  render() {\n    return (\n      <section class=\"card\">\n        {this.heading ? <h6>{this.heading}</h6> : null}\n        <div>\n          <slot></slot>\n        </div>\n      </section>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAU,ypGAChB,MAAAC,EAAeD,E,MCMFE,EAAa,M,gDAMxB,MAAAC,GACE,OACEC,EAAA,WAAAC,IAAA,2CAASC,MAAM,QACZC,KAAKC,QAAUJ,EAAA,UAAKG,KAAKC,SAAgB,KAC1CJ,EAAA,OAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/admiralty/{p-f6241aea.entry.js → p-90a65452.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as r,H as e}from"./p-71979ff5.js";const t=".sc-admiralty-breadcrumb-h{display:flex;align-items:center}.breadcrumb-icon.sc-admiralty-breadcrumb{margin:var(--admiralty-breadcrumb-icon-margin, var(--admiralty-spacing-0) var(--admiralty-spacing-2));font-size:var(--admiralty-breadcrumb-icon-font-size, var(--admiralty-font-size--2));color:var(--admiralty-colour-primary)}a.sc-admiralty-breadcrumb{display:inline-block;font-size:var(--admiralty-breadcrumb-font-size, var(--admiralty-font-size--1));font-weight:var(--admiralty-breadcrumb-font-weight, var(--admiralty-font-weight-normal));text-decoration:none;color:var(--admiralty-text-colour);margin:var(--admiralty-breadcrumb-href-margin, var(--admiralty-spacing-2) var(--admiralty-spacing-1))}a.sc-admiralty-breadcrumb:hover{color:var(--admiralty-colour-primary);text-decoration:underline;text-underline-offset:0.15em;text-decoration-thickness:0.15em}a.sc-admiralty-breadcrumb:focus{text-decoration:none}a.active.sc-admiralty-breadcrumb{color:var(--admiralty-colour-primary);font-weight:var(--admiralty-breadcrumb-font-weight-active, var(--admiralty-font-weight-medium))}";const i=t;const c=class{constructor(r){a(this,r);this.active=false;this.first=undefined;this.href=undefined}render(){return r(e,{key:"49d87f19b9474e613817940114c00af570679bad"},!this.first&&r("admiralty-icon",{key:"d0869b2c0843fe22b09fa3068e46c84a48b96096",class:"breadcrumb-icon",name:"arrow-forward-ios-rounded"}),r("a",{key:"4bae615d56f94390b9ab1eb00f8c655a79eb117e",class:{active:this.active},href:this.href||"#"},r("slot",{key:"2120907c14c8656e642e272b65ab3532a865629c"})))}};c.style=i;export{c as admiralty_breadcrumb};
-//# sourceMappingURL=p-f6241aea.entry.js.map
+import{r as a,h as r,H as t}from"./p-71979ff5.js";const i=".sc-admiralty-breadcrumb-h{display:flex;align-items:center}.breadcrumb-icon.sc-admiralty-breadcrumb{margin:var(--admiralty-breadcrumb-icon-margin, var(--admiralty-spacing-0) var(--admiralty-spacing-2));font-size:var(--admiralty-breadcrumb-icon-font-size, var(--admiralty-font-size--2));color:var(--admiralty-colour-primary)}a.sc-admiralty-breadcrumb{display:inline-block;font-size:var(--admiralty-breadcrumb-font-size, var(--admiralty-font-size--1));font-weight:var(--admiralty-breadcrumb-font-weight, var(--admiralty-font-weight-normal));text-decoration:none;color:var(--admiralty-text-colour);margin:var(--admiralty-breadcrumb-href-margin, var(--admiralty-spacing-2) var(--admiralty-spacing-1))}a.sc-admiralty-breadcrumb:hover{color:var(--admiralty-colour-primary);text-decoration:underline;text-underline-offset:0.15em;text-decoration-thickness:0.15em}a.sc-admiralty-breadcrumb:focus{text-decoration:none;background-color:var(--admiralty-focus-colour);color:var(--admiralty-focus-contrast)}a.active.sc-admiralty-breadcrumb{color:var(--admiralty-colour-primary);font-weight:var(--admiralty-breadcrumb-font-weight-active, var(--admiralty-font-weight-medium))}";const e=i;const c=class{constructor(r){a(this,r);this.active=false;this.first=undefined;this.href=undefined}render(){return r(t,{key:"49d87f19b9474e613817940114c00af570679bad"},!this.first&&r("admiralty-icon",{key:"d0869b2c0843fe22b09fa3068e46c84a48b96096",class:"breadcrumb-icon",name:"arrow-forward-ios-rounded"}),r("a",{key:"4bae615d56f94390b9ab1eb00f8c655a79eb117e",class:{active:this.active},href:this.href||"#"},r("slot",{key:"2120907c14c8656e642e272b65ab3532a865629c"})))}};c.style=e;export{c as admiralty_breadcrumb};
+//# sourceMappingURL=p-90a65452.entry.js.map

package/dist/admiralty/p-90a65452.entry.js.map

@@ -0,0 +1 @@
+{"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    background-color: $focus-background-colour;\n    color: $focus-text-colour;\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,2oCACtB,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/admiralty/p-948d4735.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as t,f as i,h as r,H as o,g as e}from"./p-71979ff5.js";var s;(function(a){a["UP_ARROW"]="ArrowUp";a["DOWN_ARROW"]="ArrowDown";a["LEFT_ARROW"]="ArrowLeft";a["RIGHT_ARROW"]="ArrowRight";a["ENTER"]="Enter";a["TAB"]="Tab";a["HOME"]="Home";a["END"]="End";a["SPACE"]=" "})(s||(s={}));const d=".visually-hidden.sc-admiralty-tab-group: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-tab-group{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-tab-group{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-tab-group{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-tab-group{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-tab-group{display:none}}.tab-group-headers.sc-admiralty-tab-group{width:100%}hr.sc-admiralty-tab-group{width:100%;height:2px;margin:var(--admiralty-tab-group-horizontal-rule-margin, 6px var(--admiralty-spacing-0));background-color:var(--admiralty-colour-light)}.headers.sc-admiralty-tab-group{overflow-x:auto;white-space:nowrap;display:flex;flex-wrap:wrap}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group{cursor:pointer;padding:var(--admiralty-tab-group-heading-padding, 10px);height:42px;max-width:fit-content;box-sizing:border-box;user-select:none;text-align:center;text-decoration:none;color:var(--admiralty-colour-primary);background-color:unset;font-weight:var(--admiralty-tab-group-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-tab-group-font-size, var(--admiralty-font-size-0));margin-left:var(--admiralty-tab-group-heading-margin-left, var(--admiralty-spacing-1))}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:first-child{margin-left:var(--admiralty-tab-group-heading-first-child-margin-left, var(--admiralty-spacing-0))}@media (max-width: 1023px){.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group{font-size:var(--admiralty-tab-group-not-desktop-font-size, var(--admiralty-font-size--1));line-height:18px;padding:var(--admiralty-tab-group-heading-not-desktop-padding, var(--admiralty-spacing-2));height:unset;width:unset}}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:focus-visible{box-shadow:var(--admiralty-focus-colour) inset 0 0 0 2px}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:focus,.headers.sc-admiralty-tab-group .heading.active.sc-admiralty-tab-group:focus{outline:3px solid transparent;color:var(--admiralty-focus-contrast);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-focus-contrast);text-decoration:none;box-shadow:0px -4px var(--admiralty-text-colour) inset}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:hover{background-color:var(--admiralty-hover-background-colour);color:var(--admiralty-colour-primary);box-shadow:unset}.headers.sc-admiralty-tab-group .heading.active.sc-admiralty-tab-group{background-color:var(--tab-group-active-background-colour);color:var(--admiralty-colour-secondary-contrast);box-shadow:0px -4px var(--tab-group-active-shadow-colour) inset}";const n=d;let c=0;const l=class{constructor(i){a(this,i);this.admiraltyTabSelected=t(this,"admiraltyTabSelected",7);this._groupId=c++;this._tabs=[];this._tabHeaders=[];this.selectedIndex=0}handleSelectedTab(a){const t=this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);t.classList.remove("active");t.setAttribute("tabindex",this.getTabIndex(a).toString());this.selectedIndex=a;this.setSelectedTabContent();this.admiraltyTabSelected.emit(a)}setSelectedTabContent(){const a=this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);a.classList.add("active");a.setAttribute("tabindex",this.getTabIndex(this.selectedIndex).toString())}getTabIndex(a){return this.selectedIndex===a?0:-1}getTabContentId(a){return`tab-panel-${this._groupId}-${a}`}getTabLabelId(a){return`tab-label-${this._groupId}-${a}`}handleKeyDown(a){const t=a.target;let i=false;switch(a.key){case s.LEFT_ARROW:this.moveFocusToPreviousTab(t);i=true;break;case s.RIGHT_ARROW:this.moveFocusToNextTab(t);i=true;break;case s.HOME:this.moveFocusToTabHeader(this._tabHeaders[0]);i=true;break;case s.END:this.moveFocusToTabHeader(this._tabHeaders[this._tabHeaders.length-1]);i=true;break}if(i){a.stopPropagation();a.preventDefault()}}moveFocusToTabHeader(a){a.focus()}moveFocusToPreviousTab(a){const t=this._tabHeaders[0];const i=this._tabHeaders[this._tabHeaders.length-1];if(a===t){this.moveFocusToTabHeader(i)}else{const t=this._tabHeaders.indexOf(a);this.moveFocusToTabHeader(this._tabHeaders[t-1])}}moveFocusToNextTab(a){const t=this._tabHeaders[0];const i=this._tabHeaders[this._tabHeaders.length-1];if(a===i){this.moveFocusToTabHeader(t)}else{const t=this._tabHeaders.indexOf(a);this.moveFocusToTabHeader(this._tabHeaders[t+1])}}componentWillLoad(){const a=this.el.querySelectorAll("admiralty-tab");this._tabs=[];if(a.length>0){let t=0;a.forEach((a=>{a.tabLabelId=this.getTabLabelId(t);a.tabContentId=this.getTabContentId(t);this._tabs.push({label:a.label,index:t});++t}));this.selectedIndex=Math.max(0,Math.min(this.selectedIndex,a.length-1))}}componentDidLoad(){this._tabHeaders=Array.from(this.el.querySelectorAll('[role="tab"]'));const a=this.el.querySelectorAll("admiralty-tab .tab-content");if(a.length>0){const t=this.el.querySelector("hr");t.after(...Array.from(a));this.setSelectedTabContent();i(this)}}render(){const a=()=>Array.from(this._tabs).map((a=>r("button",{class:{heading:true,active:a.index===this.selectedIndex},id:this.getTabLabelId(a.index),role:"tab",tabIndex:this.getTabIndex(a.index),"aria-setsize":this._tabs.length,"aria-selected":`${a.index===this.selectedIndex}`,"aria-controls":this.getTabContentId(a.index),onClick:t=>this.handleSelectedTab(a.index),onKeyDown:a=>this.handleKeyDown(a)},a.label)));return r(o,{key:"1cb80311bc4877c469191f1d2a3aacd86fc6250b"},r("div",{key:"826fef666a93d75aec8bd7821c87903d1da3e9d7",class:"tab-group-headers",role:"tablist"},r("div",{key:"e7076cb848a41c9e1af12cbe95f623493c54d27d",class:"headers"},a())),r("hr",{key:"a4c86e014dd457820224edd2fd63b908c866a194"}),r("slot",{key:"fe660b036c20e94e9d9196c1cc516e7751cb5897"}))}get el(){return e(this)}};l.style=n;export{l as admiralty_tab_group};
+//# sourceMappingURL=p-948d4735.entry.js.map

package/dist/admiralty/p-948d4735.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Keys","tabGroupCss","AdmiraltyTabGroupStyle0","nextId","TabGroupComponent","this","_groupId","_tabs","_tabHeaders","handleSelectedTab","idx","oldContent","el","querySelector","getTabContentId","selectedIndex","classList","remove","setAttribute","getTabIndex","toString","setSelectedTabContent","admiraltyTabSelected","emit","activeContent","add","index","i","getTabLabelId","handleKeyDown","event","tgt","target","processed","key","LEFT_ARROW","moveFocusToPreviousTab","RIGHT_ARROW","moveFocusToNextTab","HOME","moveFocusToTabHeader","END","length","stopPropagation","preventDefault","header","focus","currentHeader","firstTab","lastTab","indexOf","componentWillLoad","tabItems","querySelectorAll","forEach","t","tabLabelId","tabContentId","push","label","Math","max","min","componentDidLoad","Array","from","tabContent","after","forceUpdate","render","createHeaders","map","tab","h","class","heading","active","id","role","tabIndex","onClick","_ev","onKeyDown","ev","Host"],"sources":["src/components/Keys.ts","src/components/tab-group/tab-group.scss?tag=admiralty-tab-group&encapsulation=scoped","src/components/tab-group/tab-group.tsx"],"sourcesContent":["export enum Keys {\n  UP_ARROW = 'ArrowUp',\n  DOWN_ARROW = 'ArrowDown',\n  LEFT_ARROW = 'ArrowLeft',\n  RIGHT_ARROW = 'ArrowRight',\n  ENTER = 'Enter',\n  TAB = 'Tab',\n  HOME = 'Home',\n  END = 'End',\n  SPACE = ' '\n}\n","@import 'tab-group.vars';\n\n.tab-group-headers {\n  width: 100%;\n}\n\nhr {\n  width: 100%;\n  height: 2px;\n  margin: $tab-group-horizontal-rule-margin;\n  background-color: $tab-group-separator-colour;\n}\n\n.headers {\n  overflow-x: auto;\n  white-space: nowrap;\n  display: flex;\n  flex-wrap: wrap;\n\n  .heading {\n    cursor: pointer;\n    padding: $tab-group-heading-padding;\n    height: 42px;\n    max-width: fit-content;\n    box-sizing: border-box;\n    user-select: none;\n\n    text-align: center;\n    text-decoration: none;\n    color: $tab-group-heading-text-colour;\n    background-color: unset;\n    font-weight: $tab-group-heading-text-weight;\n    font-size: $tab-group-heading-text-font;\n    margin-left: $tab-group-heading-margin-left;\n\n    &:first-child {\n      margin-left: $tab-group-heading-first-child-margin-left;\n    }\n\n    @include not-desktop {\n      font-size: $tab-group-heading-not-desktop-text-font;\n      line-height: 18px;\n      padding: $tab-group-heading-not-desktop-padding;\n      height: unset;\n      width: unset;\n    }\n\n    &:focus-visible {\n      box-shadow: $tab-group-focus-colour inset 0 0 0 2px;\n    }\n\n    &:focus,\n    &.active:focus {\n      @include focus-highlight;\n      box-shadow: 0px -4px $tab-group-focus-text-colour inset;\n    }\n\n    &:hover {\n      background-color: $tab-group-heading-hover-background-colour;\n      color: $tab-group-heading-text-colour;\n      box-shadow: unset;\n    }\n\n    &.active {\n      background-color: $tab-group-active-background-colour;\n      color: $tab-group-active-text-colour;\n      box-shadow: 0px -4px $tab-group-active-shadow-colour inset;\n    }\n  }\n}\n","import { Component, Element, Prop, Event, h, EventEmitter, Host, forceUpdate } from '@stencil/core';\nimport { Keys } from '../Keys';\n\ninterface TabInfo {\n  label: string;\n  index: number;\n}\n\nlet nextId = 0;\n\n@Component({\n  tag: 'admiralty-tab-group',\n  styleUrl: 'tab-group.scss',\n  scoped: true,\n})\nexport class TabGroupComponent {\n  @Element() el: HTMLElement;\n\n  @Prop({ mutable: true }) selectedIndex = 0;\n\n  @Event() admiraltyTabSelected: EventEmitter<number>;\n\n  private _groupId = nextId++;\n\n  private _tabs: TabInfo[] = [];\n  private _tabHeaders: HTMLElement[] = [];\n\n  handleSelectedTab(idx: number) {\n    const oldContent = this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);\n    oldContent.classList.remove('active');\n    oldContent.setAttribute('tabindex', this.getTabIndex(idx).toString());\n\n    this.selectedIndex = idx;\n    this.setSelectedTabContent();\n\n    this.admiraltyTabSelected.emit(idx);\n  }\n\n  private setSelectedTabContent() {\n    const activeContent = this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);\n    activeContent.classList.add('active');\n    activeContent.setAttribute('tabindex', this.getTabIndex(this.selectedIndex).toString());\n  }\n\n  private getTabIndex(index: number): number | null {\n    return this.selectedIndex === index ? 0 : -1;\n  }\n\n  private getTabContentId(i: number): string {\n    return `tab-panel-${this._groupId}-${i}`;\n  }\n\n  private getTabLabelId(i: number): string {\n    return `tab-label-${this._groupId}-${i}`;\n  }\n\n  handleKeyDown(event: KeyboardEvent): void {\n    const tgt = event.target as HTMLElement;\n    let processed = false;\n\n    switch (event.key) {\n      case Keys.LEFT_ARROW:\n        this.moveFocusToPreviousTab(tgt);\n        processed = true;\n        break;\n      case Keys.RIGHT_ARROW:\n        this.moveFocusToNextTab(tgt);\n        processed = true;\n        break;\n\n      case Keys.HOME:\n        this.moveFocusToTabHeader(this._tabHeaders[0]);\n        processed = true;\n        break;\n\n      case Keys.END:\n        this.moveFocusToTabHeader(this._tabHeaders[this._tabHeaders.length - 1]);\n        processed = true;\n        break;\n      default:\n        break;\n    }\n\n    if (processed) {\n      event.stopPropagation();\n      event.preventDefault();\n    }\n  }\n\n  private moveFocusToTabHeader(header: HTMLElement) {\n    header.focus();\n  }\n\n  private moveFocusToPreviousTab(currentHeader: HTMLElement) {\n    const firstTab = this._tabHeaders[0];\n    const lastTab = this._tabHeaders[this._tabHeaders.length - 1];\n\n    if (currentHeader === firstTab) {\n      this.moveFocusToTabHeader(lastTab);\n    } else {\n      const index = this._tabHeaders.indexOf(currentHeader);\n      this.moveFocusToTabHeader(this._tabHeaders[index - 1]);\n    }\n  }\n\n  private moveFocusToNextTab(currentHeader: HTMLElement) {\n    const firstTab = this._tabHeaders[0];\n    const lastTab = this._tabHeaders[this._tabHeaders.length - 1];\n\n    if (currentHeader === lastTab) {\n      this.moveFocusToTabHeader(firstTab);\n    } else {\n      const index = this._tabHeaders.indexOf(currentHeader);\n      this.moveFocusToTabHeader(this._tabHeaders[index + 1]);\n    }\n  }\n\n  componentWillLoad() {\n    const tabItems = this.el.querySelectorAll('admiralty-tab');\n\n    this._tabs = [];\n\n    if (tabItems.length > 0) {\n      let idx = 0;\n      tabItems.forEach(t => {\n        t.tabLabelId = this.getTabLabelId(idx);\n        t.tabContentId = this.getTabContentId(idx);\n\n        this._tabs.push({ label: t.label, index: idx });\n        ++idx;\n      });\n\n      this.selectedIndex = Math.max(0, Math.min(this.selectedIndex, tabItems.length - 1));\n    }\n  }\n\n  componentDidLoad() {\n    this._tabHeaders = Array.from(this.el.querySelectorAll('[role=\"tab\"]'));\n\n    const tabItems = this.el.querySelectorAll('admiralty-tab .tab-content');\n\n    if (tabItems.length > 0) {\n      const tabContent = this.el.querySelector('hr');\n      tabContent.after(...Array.from(tabItems));\n\n      this.setSelectedTabContent();\n      forceUpdate(this);\n    }\n  }\n\n  render() {\n    const createHeaders = () =>\n      Array.from(this._tabs).map(tab => (\n        <button\n          class={{ heading: true, active: tab.index === this.selectedIndex }}\n          id={this.getTabLabelId(tab.index)}\n          role=\"tab\"\n          tabIndex={this.getTabIndex(tab.index)}\n          aria-setsize={this._tabs.length}\n          aria-selected={`${tab.index === this.selectedIndex}`}\n          aria-controls={this.getTabContentId(tab.index)}\n          onClick={_ev => this.handleSelectedTab(tab.index)}\n          onKeyDown={ev => this.handleKeyDown(ev)}\n        >\n          {tab.label}\n        </button>\n      ));\n\n    return (\n      <Host>\n        <div class=\"tab-group-headers\" role=\"tablist\">\n          <div class=\"headers\">{createHeaders()}</div>\n        </div>\n        <hr />\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uEAAA,IAAYA,GAAZ,SAAYA,GACVA,EAAA,sBACAA,EAAA,0BACAA,EAAA,0BACAA,EAAA,4BACAA,EAAA,iBACAA,EAAA,aACAA,EAAA,eACAA,EAAA,aACAA,EAAA,YACD,EAVD,CAAYA,MAAI,KCAhB,MAAMC,EAAc,y1GACpB,MAAAC,EAAeD,ECOf,IAAIE,EAAS,E,MAOAC,EAAiB,M,oFAOpBC,KAAAC,SAAWH,IAEXE,KAAAE,MAAmB,GACnBF,KAAAG,YAA6B,G,mBAPI,C,CASzC,iBAAAC,CAAkBC,GAChB,MAAMC,EAAaN,KAAKO,GAAGC,cAAc,gBAAgBR,KAAKS,gBAAgBT,KAAKU,kBACnFJ,EAAWK,UAAUC,OAAO,UAC5BN,EAAWO,aAAa,WAAYb,KAAKc,YAAYT,GAAKU,YAE1Df,KAAKU,cAAgBL,EACrBL,KAAKgB,wBAELhB,KAAKiB,qBAAqBC,KAAKb,E,CAGzB,qBAAAW,GACN,MAAMG,EAAgBnB,KAAKO,GAAGC,cAAc,gBAAgBR,KAAKS,gBAAgBT,KAAKU,kBACtFS,EAAcR,UAAUS,IAAI,UAC5BD,EAAcN,aAAa,WAAYb,KAAKc,YAAYd,KAAKU,eAAeK,W,CAGtE,WAAAD,CAAYO,GAClB,OAAOrB,KAAKU,gBAAkBW,EAAQ,GAAK,C,CAGrC,eAAAZ,CAAgBa,GACtB,MAAO,aAAatB,KAAKC,YAAYqB,G,CAG/B,aAAAC,CAAcD,GACpB,MAAO,aAAatB,KAAKC,YAAYqB,G,CAGvC,aAAAE,CAAcC,GACZ,MAAMC,EAAMD,EAAME,OAClB,IAAIC,EAAY,MAEhB,OAAQH,EAAMI,KACZ,KAAKlC,EAAKmC,WACR9B,KAAK+B,uBAAuBL,GAC5BE,EAAY,KACZ,MACF,KAAKjC,EAAKqC,YACRhC,KAAKiC,mBAAmBP,GACxBE,EAAY,KACZ,MAEF,KAAKjC,EAAKuC,KACRlC,KAAKmC,qBAAqBnC,KAAKG,YAAY,IAC3CyB,EAAY,KACZ,MAEF,KAAKjC,EAAKyC,IACRpC,KAAKmC,qBAAqBnC,KAAKG,YAAYH,KAAKG,YAAYkC,OAAS,IACrET,EAAY,KACZ,MAKJ,GAAIA,EAAW,CACbH,EAAMa,kBACNb,EAAMc,gB,EAIF,oBAAAJ,CAAqBK,GAC3BA,EAAOC,O,CAGD,sBAAAV,CAAuBW,GAC7B,MAAMC,EAAW3C,KAAKG,YAAY,GAClC,MAAMyC,EAAU5C,KAAKG,YAAYH,KAAKG,YAAYkC,OAAS,GAE3D,GAAIK,IAAkBC,EAAU,CAC9B3C,KAAKmC,qBAAqBS,E,KACrB,CACL,MAAMvB,EAAQrB,KAAKG,YAAY0C,QAAQH,GACvC1C,KAAKmC,qBAAqBnC,KAAKG,YAAYkB,EAAQ,G,EAI/C,kBAAAY,CAAmBS,GACzB,MAAMC,EAAW3C,KAAKG,YAAY,GAClC,MAAMyC,EAAU5C,KAAKG,YAAYH,KAAKG,YAAYkC,OAAS,GAE3D,GAAIK,IAAkBE,EAAS,CAC7B5C,KAAKmC,qBAAqBQ,E,KACrB,CACL,MAAMtB,EAAQrB,KAAKG,YAAY0C,QAAQH,GACvC1C,KAAKmC,qBAAqBnC,KAAKG,YAAYkB,EAAQ,G,EAIvD,iBAAAyB,GACE,MAAMC,EAAW/C,KAAKO,GAAGyC,iBAAiB,iBAE1ChD,KAAKE,MAAQ,GAEb,GAAI6C,EAASV,OAAS,EAAG,CACvB,IAAIhC,EAAM,EACV0C,EAASE,SAAQC,IACfA,EAAEC,WAAanD,KAAKuB,cAAclB,GAClC6C,EAAEE,aAAepD,KAAKS,gBAAgBJ,GAEtCL,KAAKE,MAAMmD,KAAK,CAAEC,MAAOJ,EAAEI,MAAOjC,MAAOhB,MACvCA,CAAG,IAGPL,KAAKU,cAAgB6C,KAAKC,IAAI,EAAGD,KAAKE,IAAIzD,KAAKU,cAAeqC,EAASV,OAAS,G,EAIpF,gBAAAqB,GACE1D,KAAKG,YAAcwD,MAAMC,KAAK5D,KAAKO,GAAGyC,iBAAiB,iBAEvD,MAAMD,EAAW/C,KAAKO,GAAGyC,iBAAiB,8BAE1C,GAAID,EAASV,OAAS,EAAG,CACvB,MAAMwB,EAAa7D,KAAKO,GAAGC,cAAc,MACzCqD,EAAWC,SAASH,MAAMC,KAAKb,IAE/B/C,KAAKgB,wBACL+C,EAAY/D,K,EAIhB,MAAAgE,GACE,MAAMC,EAAgB,IACpBN,MAAMC,KAAK5D,KAAKE,OAAOgE,KAAIC,GACzBC,EAAA,UACEC,MAAO,CAAEC,QAAS,KAAMC,OAAQJ,EAAI9C,QAAUrB,KAAKU,eACnD8D,GAAIxE,KAAKuB,cAAc4C,EAAI9C,OAC3BoD,KAAK,MACLC,SAAU1E,KAAKc,YAAYqD,EAAI9C,OAAM,eACvBrB,KAAKE,MAAMmC,OAAM,gBAChB,GAAG8B,EAAI9C,QAAUrB,KAAKU,gBAAe,gBACrCV,KAAKS,gBAAgB0D,EAAI9C,OACxCsD,QAASC,GAAO5E,KAAKI,kBAAkB+D,EAAI9C,OAC3CwD,UAAWC,GAAM9E,KAAKwB,cAAcsD,IAEnCX,EAAIb,SAIX,OACEc,EAACW,EAAI,CAAAlD,IAAA,4CACHuC,EAAA,OAAAvC,IAAA,2CAAKwC,MAAM,oBAAoBI,KAAK,WAClCL,EAAA,OAAAvC,IAAA,2CAAKwC,MAAM,WAAWJ,MAExBG,EAAA,MAAAvC,IAAA,6CACAuC,EAAA,QAAAvC,IAAA,6C","ignoreList":[]}

package/dist/admiralty/p-9b58868c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as a,H as i,g as r}from"./p-71979ff5.js";const d={Expandable:"expandable",Text:"text",TextLink:"textLink"};const o='.visually-hidden.sc-admiralty-text-side-bar-item: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-text-side-bar-item{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-text-side-bar-item{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-text-side-bar-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-text-side-bar-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-text-side-bar-item{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-text-side-bar-item{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-text-side-bar-item{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-text-side-bar-item{display:none}}.sc-admiralty-text-side-bar-item-h{--admiralty-icon-font-size:var(--admiralty-font-size-2)}li.sc-admiralty-text-side-bar-item{display:flex;justify-content:center;list-style:none;margin:0 0 0 1px}li.sc-admiralty-text-side-bar-item:before{content:"";display:none}.expandable-item.sc-admiralty-text-side-bar-item{flex:1;display:flex;flex-flow:column;background-color:var(--admiralty-header-background-colour)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item{display:inline-flex;align-items:center;font-size:var(--admiralty-side-bar-item-font-size, var(--admiralty-font-size-0));white-space:nowrap;font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));background-color:var(--admiralty-header-background-colour);cursor:pointer;padding:0.3rem 0.5rem;overflow-wrap:break-word;color:var(--admiralty-side-bar-item-text-colour, var(--admiralty-colour-primary))}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item:hover{color:var(--admiralty-colour-primary);font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));background-color:var(--admiralty-hover-background-colour)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item:focus-visible,.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.active.sc-admiralty-text-side-bar-item:focus-visible{outline:none;box-shadow:inset 0 -4px 0 0 var(--text-side-bar-item-focus-border-colour);background-color:var(--text-side-bar-focus-background-colour);color:var(--admiralty-colour-primary)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.active.sc-admiralty-text-side-bar-item{font-weight:500;background-color:var(--text-side-bar-item-active-background-colour);color:var(--admiralty-colour-secondary-contrast);border-top:2px solid var(--admiralty-colour-secondary-contrast);border-bottom:2px solid var(--admiralty-colour-secondary-contrast)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item:active{background-color:var(--admiralty-focus-colour);color:var(--admiralty-focus-contrast);box-shadow:inset 0 -4px 0 0 var(--admiralty-focus-contrast)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item .slot.sc-admiralty-text-side-bar-item{line-height:2.5rem}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item .icon.sc-admiralty-text-side-bar-item{display:flex;width:100%;justify-content:right;font-size:var(--admiralty-side-bar-item-icon-font-size, var(--admiralty-font-size-4))}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item .expansion-content.sc-admiralty-text-side-bar-item{display:none;max-height:0;overflow:visible}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.expanded.sc-admiralty-text-side-bar-item .expansion-content.sc-admiralty-text-side-bar-item{display:block;max-height:initial;padding:12px 0}.text-link.sc-admiralty-text-side-bar-item{all:unset;cursor:pointer;display:flex;flex-direction:column;justify-content:left;flex:1;user-select:none;text-decoration:none;text-align:left;color:var(--admiralty-text-colour);font-weight:var(--admiralty-text-link-font-weight, var(--admiralty-font-weight-normal));font-size:var(--admiralty-side-bar-item-font-size, var(--admiralty-font-size-0));padding:0.5rem 1.5rem}.text-link.is-main-link.sc-admiralty-text-side-bar-item{font-weight:var(--admiralty-text-link-is-main-font-weight, var(--admiralty-font-weight-medium));padding:0.5rem}.text-link.sc-admiralty-text-side-bar-item:hover{color:var(--admiralty-colour-primary);font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));background-color:var(--admiralty-hover-background-colour)}.text-link.sc-admiralty-text-side-bar-item:focus-visible,.text-link.active.sc-admiralty-text-side-bar-item:focus-visible{outline:none;box-shadow:inset 0 -4px 0 0 var(--text-side-bar-item-focus-border-colour);background-color:var(--text-side-bar-focus-background-colour);color:var(--admiralty-colour-primary)}.text-link.active.sc-admiralty-text-side-bar-item{font-weight:var(--admiralty-text-link-active-font-weight, var(--admiralty-font-weight-medium));background-color:var(--text-side-bar-item-active-background-colour);color:var(--admiralty-colour-secondary-contrast);border-top:2px solid var(--admiralty-colour-secondary-contrast);border-bottom:2px solid var(--admiralty-colour-secondary-contrast)}.text-link.sc-admiralty-text-side-bar-item:active{background-color:var(--admiralty-focus-colour);color:var(--admiralty-focus-contrast);box-shadow:inset 0 -4px 0 0 var(--admiralty-focus-contrast)}';const s=o;const n=class{constructor(a){t(this,a);this.toggled=e(this,"toggled",7);this.textSideBarItemClick=e(this,"textSideBarItemClick",7);this.internalId=++l;this.variant=d.Expandable;this.expanded=false;this.icon=undefined;this.href=undefined;this.itemText=undefined;this.suppressRedirect=false;this.active=false}handleActiveChange(t){const e=this.el.querySelector("a");if(e){e.classList.toggle("active",t)}}componentDidLoad(){this.handleActiveChange(this.active)}onToggle(){this.expanded=!this.expanded;if(this.expanded){this.el.dispatchEvent(new CustomEvent("text-side-bar-item-active",{detail:{id:this.internalId},bubbles:true,composed:true}))}this.toggled.emit(this.expanded)}handleMouseDown(t){this.active=true;const e=document.querySelectorAll("admiralty-text-side-bar-item");e.forEach((e=>{var a,i;let r=((a=e.shadowRoot)!==null&&a!==void 0?a:e).querySelector("a");if(r&&r.id.toString()===t.toString()){r.classList.add("active")}else{if(r===null){r=((i=e.shadowRoot)!==null&&i!==void 0?i:e).querySelector("button")}r.classList.remove("active")}}))}handleClick(t){if(this.suppressRedirect){t.preventDefault()}t.stopPropagation();this.el.dispatchEvent(new CustomEvent("text-side-bar-item-active",{detail:{id:this.internalId},bubbles:true,composed:true}));return this.textSideBarItemClick.emit(this.href)}getExpansionIcon(){return this.expanded?"keyboard-arrow-up-rounded":"keyboard-arrow-down-rounded"}render(){return a(i,{key:"18b7545a6461f69d4ab49a85e4ed2ddb6b3961de","data-text-side-bar-item-id":"text-side-bar-item-"+this.internalId},a("li",{key:"9bde8af123861153a0888faccb6b911c0f45a3c4"},this.variant===d.Expandable&&a("div",{key:"218b8f3a4d064e0d83cce7e8e400b57544cefa9f",class:"expandable-item"},a("button",{key:"c3646ff2eb9284208ed2a990fbb4fe490342ef79",id:"text-side-bar-item-button-"+this.internalId,class:{"expandable-item-button":true,active:this.active},onClick:()=>this.onToggle()},this.itemText,a("div",{key:"848fd5affe2ef1e8cae42d8796d4090cdc6c3acc",class:"icon"},a("admiralty-icon",{key:"ca4985f9859c09122be177f7e035561a13edfd37",size:30,name:this.getExpansionIcon()}))),a("div",{key:"bfad613d17d047c597c2395769d8ed47a69c9a14",class:"slot",hidden:!this.expanded},a("slot",{key:"085ebc1d3b10381c352b9d6c8eb2e20bc63f9b52"}))),this.variant===d.Text&&a("a",{key:"771a7e1da9030cc7f00cdc02ca76e3bfcd0a885f",id:"text-side-bar-item-anchor-"+this.internalId,class:{"text-link":true,active:this.active},href:this.href,onMouseDown:()=>this.handleMouseDown("text-side-bar-item-anchor-"+this.internalId),onClick:t=>this.handleClick(t)},this.itemText),this.variant===d.TextLink&&a("a",{key:"44fa516f446653f867d6913d9628a554466a55c3",id:"text-side-bar-item-anchor-"+this.internalId,class:{"text-link is-main-link":true,active:this.active},href:this.href,onMouseDown:()=>this.handleMouseDown("text-side-bar-item-anchor-"+this.internalId),onClick:t=>this.handleClick(t)},this.itemText)))}get el(){return r(this)}static get watchers(){return{active:["handleActiveChange"]}}};let l=0;n.style=s;export{n as admiralty_text_side_bar_item};
+//# sourceMappingURL=p-9b58868c.entry.js.map

package/dist/admiralty/p-9b58868c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextSideBarItemVariant","Expandable","Text","TextLink","textSideBarItemCss","AdmiraltyTextSideBarItemStyle0","TextSideBarItemComponent","this","internalId","nextId","handleActiveChange","newValue","anchor","el","querySelector","classList","toggle","componentDidLoad","active","onToggle","expanded","dispatchEvent","CustomEvent","detail","id","bubbles","composed","toggled","emit","handleMouseDown","allItems","document","querySelectorAll","forEach","item","_a","shadowRoot","toString","add","_b","remove","handleClick","ev","suppressRedirect","preventDefault","stopPropagation","textSideBarItemClick","href","getExpansionIcon","render","h","Host","key","variant","class","onClick","itemText","size","name","hidden","onMouseDown"],"sources":["src/components/text-side-bar-item/text-side-bar-item.types.ts","src/components/text-side-bar-item/text-side-bar-item.scss?tag=admiralty-text-side-bar-item&encapsulation=scoped","src/components/text-side-bar-item/text-side-bar-item.tsx"],"sourcesContent":["export type TextSideBarItemVariant = 'expandable' | 'text' | 'textLink';\nexport const TextSideBarItemVariant = {\n  Expandable: 'expandable' as TextSideBarItemVariant,\n  Text: 'text' as TextSideBarItemVariant,\n  TextLink: 'textLink' as TextSideBarItemVariant\n}\n","@import 'text-side-bar-item.vars.scss';\n\n:host {\n  --admiralty-icon-font-size: var(--admiralty-font-size-2);\n}\n\nli {\n  display: flex;\n  justify-content: center;\n  list-style: none;\n  margin: 0 0 0 1px;\n  &:before {\n    content: '';\n    display: none;\n  }\n}\n\n.expandable-item {\n  flex: 1;\n  display: flex;\n  flex-flow: column;\n  background-color: $side-bar-background-colour;\n\n  .expandable-item-button {\n    display: inline-flex;\n    align-items: center;\n    font-size: $expandable-side-bar-item-font-size;\n    white-space: nowrap;\n    font-weight: $expandable-side-bar-item-font-weight;\n    background-color: $side-bar-background-colour;\n    cursor: pointer;\n    padding: .3rem .5rem;\n    overflow-wrap: break-word;\n    color: $expandable-side-bar-item-text-colour;\n\n    &:hover {\n      color: $text-link-font-colour;\n      font-weight: $expandable-side-bar-item-font-weight;\n      background-color: $text-link-background-hover-colour;\n    }\n\n    &:focus-visible,\n    &.active:focus-visible {\n      outline: none;\n      box-shadow: inset 0 -4px 0 0 $text-side-bar-focus-border-colour;\n      background-color: $text-side-bar-focus-background-colour;\n      color: $text-link-focus-text-colour;\n    }\n\n    &.active {\n      font-weight: 500;\n      background-color: $text-side-bar-item-active-background-colour;\n      color: $text-link-active-text-colour;\n      border-top: 2px solid $text-side-bar-item-active-border-colour;\n      border-bottom: 2px solid $text-side-bar-item-active-border-colour;\n    }\n\n    &:active {\n      background-color: $text-link-focus-background-colour;\n      color: $text-side-bar-focus-text-color;\n      box-shadow: inset 0 -4px 0 0 $text-side-bar-focus-text-color;\n    }\n\n    .slot {\n      line-height: 2.5rem;\n    }\n\n    .icon {\n      display: flex;\n      width: 100%;\n      justify-content: right;\n      font-size: $expandable-side-bar-item-icon-font-size;\n    }\n\n    .expansion-content {\n      display: none;\n      max-height: 0;\n      overflow: visible;\n    }\n\n    &.expanded .expansion-content {\n      display: block;\n      max-height: initial;\n      padding: 12px 0;\n    }\n  }\n}\n\n.text-link {\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  justify-content: left;\n  flex: 1;\n  user-select: none;\n  text-decoration: none;\n  text-align: left;\n  color: $text-side-bar-item-text-colour;\n  font-weight: $text-link-font-weight;\n  font-size: $expandable-side-bar-item-font-size;\n  padding: .5rem 1.5rem;\n\n  &.is-main-link {\n    font-weight: $text-link-is-main-font-weight;\n    padding: .5rem;\n  }\n\n  &:hover {\n    color: $text-link-font-colour;\n    font-weight: $expandable-side-bar-item-font-weight;\n    background-color: $text-link-background-hover-colour;\n  }\n\n  &:focus-visible,\n  &.active:focus-visible {\n    outline: none;\n    box-shadow: inset 0 -4px 0 0 $text-side-bar-focus-border-colour;\n    background-color: $text-side-bar-focus-background-colour;\n    color: $text-link-focus-text-colour;\n  }\n\n  &.active {\n    font-weight: $text-link-active-font-weight;\n    background-color: $text-side-bar-item-active-background-colour;\n    color: $text-link-active-text-colour;\n    border-top: 2px solid $text-side-bar-item-active-border-colour;\n    border-bottom: 2px solid $text-side-bar-item-active-border-colour;\n  }\n\n  &:active {\n    background-color: $text-link-focus-background-colour;\n    color: $text-side-bar-focus-text-color;\n    box-shadow: inset 0 -4px 0 0 $text-side-bar-focus-text-color;\n  }\n}\n","import { Component, Event, EventEmitter, Prop, h, Element, Watch, Host } from '@stencil/core';\nimport { TextSideBarItemVariant } from \"./text-side-bar-item.types\";\n\n/**\n * @slot The text to display under the icon for secondary variant\n */\n@Component({\n  tag: 'admiralty-text-side-bar-item',\n  styleUrl: 'text-side-bar-item.scss',\n  scoped: true,\n})\nexport class TextSideBarItemComponent {\n  private internalId: number = ++nextId;\n\n  @Element() el!: HTMLAdmiraltyTextSideBarItemElement;\n  /**\n   * The type of text side bar item to render. Valid values are `primary` and `secondary`.\n   * Default value is `primary`.\n   */\n  @Prop() variant: TextSideBarItemVariant = TextSideBarItemVariant.Expandable;\n\n  /**\n   * The event that is dispatched when the expanded status is toggled.\n   */\n  @Event() toggled: EventEmitter<boolean>;\n\n  /**\n   * Whether the component is expanded.\n   */\n  @Prop({ mutable: true, reflect: true }) expanded = false;\n\n  /**\n   * The name of the icon to display. A full list of available icons can be viewed at [https://fonts.google.com/icons](https://fonts.google.com/icons)\n   */\n  @Prop() icon: string;\n  /**\n   * The URL to link to.\n   */\n  @Prop() href: string;\n\n  /**\n   * Item text for the button or link depending on variant\n   */\n  @Prop() itemText: string;\n\n  /**\n   * Causes the default browser redirect to be suppressed. Can be used in conjunction with the\n   * `onTextSideBarItemClick` event to use a navigation router and prevent a full page reload when navigating.\n   */\n  @Prop() suppressRedirect?: boolean = false;\n\n  /**\n   * Represents whether this SideBarItem is 'active' and will be styled differently than SideBarItems\n   * that are not 'active'. There should only be one SideBarItem that is 'active' per SideBar.\n   */\n  @Prop({ mutable: true, reflect: true }) active: boolean = false; // { mutable: true, reflect: true }\n\n  /**\n   * An event emitted when this Side Bar item is selected containing the sideBarItemId\n   */\n  @Event() textSideBarItemClick: EventEmitter<string>;\n\n  @Watch('active')\n  handleActiveChange(newValue: boolean) {\n    const anchor = this.el.querySelector('a');\n    if (anchor) {\n      anchor.classList.toggle('active', newValue)\n    }\n  }\n\n  componentDidLoad() {\n    this.handleActiveChange(this.active)\n  }\n\n  onToggle() {\n    this.expanded = !this.expanded;\n\n    if (this.expanded) {\n      this.el.dispatchEvent(new CustomEvent('text-side-bar-item-active', {\n        detail: { id: this.internalId },\n        bubbles: true,\n        composed: true\n      }))\n    }\n\n    this.toggled.emit(this.expanded);\n  }\n\n  handleMouseDown(id: string) {\n    this.active = true;\n    const allItems = document.querySelectorAll('admiralty-text-side-bar-item');\n    allItems.forEach(item => {\n      let anchor: any = (item.shadowRoot ?? item).querySelector('a');\n      if (anchor && anchor.id.toString() === id.toString()) {\n        anchor.classList.add('active')\n      } else {\n        if(anchor === null) {\n          anchor = (item.shadowRoot ?? item).querySelector('button');\n        }\n        anchor.classList.remove('active');\n      }\n    })\n  }\n\n  handleClick(ev: MouseEvent): CustomEvent<string> {\n    if (this.suppressRedirect) {\n      ev.preventDefault();\n    }\n    ev.stopPropagation();\n\n    this.el.dispatchEvent(new CustomEvent('text-side-bar-item-active', {\n      detail: { id: this.internalId },\n      bubbles: true,\n      composed: true\n    }));\n\n    // BUG: when changing this to object it the item loses active state for some reason when click elsewhere.\n    return this.textSideBarItemClick.emit(this.href);\n  }\n\n  getExpansionIcon(): string {\n    return this.expanded ? 'keyboard-arrow-up-rounded' : 'keyboard-arrow-down-rounded';\n  }\n\n  render() {\n    return (\n      <Host data-text-side-bar-item-id={'text-side-bar-item-' + this.internalId}>\n        <li>\n          {this.variant === TextSideBarItemVariant.Expandable &&\n            <div class=\"expandable-item\">\n              <button id={\"text-side-bar-item-button-\" + this.internalId}\n                      class={{ 'expandable-item-button': true, 'active': this.active }}\n                      onClick={() => this.onToggle()}>\n                {this.itemText}\n                <div class=\"icon\">\n                  <admiralty-icon size={30} name={this.getExpansionIcon()}></admiralty-icon>\n                </div>\n              </button>\n              <div class=\"slot\" hidden={!this.expanded}>\n                <slot></slot>\n              </div>\n            </div>\n          }\n\n          {this.variant === TextSideBarItemVariant.Text &&\n            <a id={\"text-side-bar-item-anchor-\" + this.internalId}\n               class={{ 'text-link': true, 'active': this.active }}\n               href={this.href}\n               onMouseDown={() => this.handleMouseDown(\"text-side-bar-item-anchor-\" + this.internalId)}\n               onClick={ev => this.handleClick(ev)}>\n              {this.itemText}\n            </a>\n          }\n\n          {this.variant === TextSideBarItemVariant.TextLink &&\n            <a id={\"text-side-bar-item-anchor-\" + this.internalId}\n               class={{ 'text-link is-main-link': true, 'active': this.active }}\n               href={this.href}\n               onMouseDown={() => this.handleMouseDown(\"text-side-bar-item-anchor-\" + this.internalId)}\n               onClick={ev => this.handleClick(ev)}>\n              {this.itemText}\n            </a>\n          }\n        </li>\n      </Host>\n    );\n  }\n}\nlet nextId = 0;\n"],"mappings":"gEACO,MAAMA,EAAyB,CACpCC,WAAY,aACZC,KAAM,OACNC,SAAU,YCJZ,MAAMC,EAAqB,82LAC3B,MAAAC,EAAeD,E,MCUFE,EAAwB,M,qHAC3BC,KAAAC,aAAuBC,E,aAOWT,EAAuBC,W,cAUd,M,sFAoBd,M,YAMqB,K,CAQ1D,kBAAAS,CAAmBC,GACjB,MAAMC,EAASL,KAAKM,GAAGC,cAAc,KACrC,GAAIF,EAAQ,CACVA,EAAOG,UAAUC,OAAO,SAAUL,E,EAItC,gBAAAM,GACEV,KAAKG,mBAAmBH,KAAKW,O,CAG/B,QAAAC,GACEZ,KAAKa,UAAYb,KAAKa,SAEtB,GAAIb,KAAKa,SAAU,CACjBb,KAAKM,GAAGQ,cAAc,IAAIC,YAAY,4BAA6B,CACjEC,OAAQ,CAAEC,GAAIjB,KAAKC,YACnBiB,QAAS,KACTC,SAAU,O,CAIdnB,KAAKoB,QAAQC,KAAKrB,KAAKa,S,CAGzB,eAAAS,CAAgBL,GACdjB,KAAKW,OAAS,KACd,MAAMY,EAAWC,SAASC,iBAAiB,gCAC3CF,EAASG,SAAQC,I,QACf,IAAItB,IAAeuB,EAAAD,EAAKE,cAAU,MAAAD,SAAA,EAAAA,EAAID,GAAMpB,cAAc,KAC1D,GAAIF,GAAUA,EAAOY,GAAGa,aAAeb,EAAGa,WAAY,CACpDzB,EAAOG,UAAUuB,IAAI,S,KAChB,CACL,GAAG1B,IAAW,KAAM,CAClBA,IAAU2B,EAAAL,EAAKE,cAAU,MAAAG,SAAA,EAAAA,EAAIL,GAAMpB,cAAc,S,CAEnDF,EAAOG,UAAUyB,OAAO,S,KAK9B,WAAAC,CAAYC,GACV,GAAInC,KAAKoC,iBAAkB,CACzBD,EAAGE,gB,CAELF,EAAGG,kBAEHtC,KAAKM,GAAGQ,cAAc,IAAIC,YAAY,4BAA6B,CACjEC,OAAQ,CAAEC,GAAIjB,KAAKC,YACnBiB,QAAS,KACTC,SAAU,QAIZ,OAAOnB,KAAKuC,qBAAqBlB,KAAKrB,KAAKwC,K,CAG7C,gBAAAC,GACE,OAAOzC,KAAKa,SAAW,4BAA8B,6B,CAGvD,MAAA6B,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wEAA6B,sBAAwB7C,KAAKC,YAC7D0C,EAAA,MAAAE,IAAA,4CACG7C,KAAK8C,UAAYrD,EAAuBC,YACvCiD,EAAA,OAAAE,IAAA,2CAAKE,MAAM,mBACTJ,EAAA,UAAAE,IAAA,2CAAQ5B,GAAI,6BAA+BjB,KAAKC,WACxC8C,MAAO,CAAE,yBAA0B,KAAMpC,OAAUX,KAAKW,QACxDqC,QAAS,IAAMhD,KAAKY,YACzBZ,KAAKiD,SACNN,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,kBAAAE,IAAA,2CAAgBK,KAAM,GAAIC,KAAMnD,KAAKyC,uBAGzCE,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OAAOK,QAASpD,KAAKa,UAC9B8B,EAAA,QAAAE,IAAA,+CAKL7C,KAAK8C,UAAYrD,EAAuBE,MACvCgD,EAAA,KAAAE,IAAA,2CAAG5B,GAAI,6BAA+BjB,KAAKC,WACxC8C,MAAO,CAAE,YAAa,KAAMpC,OAAUX,KAAKW,QAC3C6B,KAAMxC,KAAKwC,KACXa,YAAa,IAAMrD,KAAKsB,gBAAgB,6BAA+BtB,KAAKC,YAC5E+C,QAASb,GAAMnC,KAAKkC,YAAYC,IAChCnC,KAAKiD,UAITjD,KAAK8C,UAAYrD,EAAuBG,UACvC+C,EAAA,KAAAE,IAAA,2CAAG5B,GAAI,6BAA+BjB,KAAKC,WACxC8C,MAAO,CAAE,yBAA0B,KAAMpC,OAAUX,KAAKW,QACxD6B,KAAMxC,KAAKwC,KACXa,YAAa,IAAMrD,KAAKsB,gBAAgB,6BAA+BtB,KAAKC,YAC5E+C,QAASb,GAAMnC,KAAKkC,YAAYC,IAChCnC,KAAKiD,W,uFAQpB,IAAI/C,EAAS,E","ignoreList":[]}