@ukho/admiralty-core 2.0.0-next.3 → 2.0.0-next.5

package/dist/admiralty/admiralty.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-ac0ad15a.js";export{s as setNonce}from"./p-ac0ad15a.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-9f1ab1d1",[[6,"admiralty-type-ahead",{value:[1],label:[1],hint:[1],placeholder:[1],resultsOnInitFocus:[4,"results-on-init-focus"],filterResult:[32]}]]],["p-521116dd",[[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],focused:[32],hovered:[32],menuOpen:[32],options:[32],option:[32],query:[32],validChoiceMade:[32],selected:[32],ariaHint:[32]},null,{value:["onValueChange"],focused:["onFocusedChange"]}]]],["p-125f507d",[[6,"admiralty-select",{disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],hint:[1],label:[1],width:[2],value:[1032]},null,{value:["valueChanged"]}]]],["p-21224c21",[[2,"admiralty-textarea",{label:[1],hint:[1],width:[2],disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],value:[1032]},null,{value:["valueChanged"]}]]],["p-9ef5ea5f",[[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-a958e2d1",[[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-009be8ce",[[6,"admiralty-error-summary",{heading:[1]}]]],["p-8a6641b3",[[2,"admiralty-file-input",{label:[1],multiple:[4],invalid:[4],invalidMessage:[1,"invalid-message"],files:[32]}]]],["p-a61db279",[[6,"admiralty-filter",{filterTitle:[1,"filter-title"]}]]],["p-f7257983",[[6,"admiralty-filter-group",{groupTitle:[1,"group-title"]}]]],["p-68c4f38b",[[2,"admiralty-paginator",{pages:[2],currentPage:[2,"current-page"],label:[1]}]]],["p-6a7c18ee",[[6,"admiralty-breadcrumb",{active:[4],first:[4],href:[1]}]]],["p-019c0cc9",[[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-ef5e2631",[[2,"admiralty-progress-bar",{label:[1],progression:[2],error:[4],progressionValue:[32]},null,{progression:["progressionChanged"]}]]],["p-b7de208a",[[6,"admiralty-read-more",{heading:[1],expanded:[32]}]]],["p-ae23a899",[[2,"admiralty-autocomplete-option",{value:[8]}]]],["p-298fe86e",[[6,"admiralty-breadcrumbs"]]],["p-00bdb9a8",[[6,"admiralty-card",{heading:[1]}]]],["p-001ebddc",[[2,"admiralty-checkbox",{checkboxRight:[4,"checkbox-right"],disabled:[4],name:[1],checked:[1028],value:[8],labelText:[1,"label-text"]},null,{checked:["checkedChanged"]}]]],["p-0b6301a1",[[6,"admiralty-footer",{imageLink:[1,"image-link"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],text:[1]}]]],["p-30548549",[[6,"admiralty-header-menu-item",{menuTitle:[1,"menu-title"],active:[4]}]]],["p-161da3ad",[[6,"admiralty-header-menu-link",{menuTitle:[1,"menu-title"],active:[4],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-4bad0fd1",[[2,"admiralty-header-profile",{isSignedIn:[4,"is-signed-in"],signedInText:[1,"signed-in-text"],signInOnly:[4,"sign-in-only"]}]]],["p-73d4c637",[[2,"admiralty-header-sub-menu-item",{menuTitle:[1,"menu-title"]}]]],["p-0c33ad50",[[2,"admiralty-hr"]]],["p-45fd5f1b",[[6,"admiralty-link",{href:[1],newTab:[4,"new-tab"]}]]],["p-eb8b87b4",[[6,"admiralty-modal-dialog",{heading:[1],label:[1],description:[1],show:[4]}]]],["p-99d08a0d",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["p-884b1692",[[2,"admiralty-phase-banner",{phase:[1],link:[1]}]]],["p-73bc113d",[[6,"admiralty-radio",{name:[1],value:[1025],disabled:[4],checked:[1028],invalid:[4],buttonTabindex:[32],setButtonTabindex:[64]},null,{value:["valueChanged"]}]]],["p-ebdca57f",[[6,"admiralty-side-nav",{label:[1]}]]],["p-848442a6",[[2,"admiralty-side-nav-item",{sideNavItemId:[1,"side-nav-item-id"],headingTitle:[1,"heading-title"],navActive:[4,"nav-active"]}]]],["p-5e3f7ae5",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["p-1951aad7",[[2,"admiralty-skip-link",{href:[1]}]]],["p-9f4b8515",[[6,"admiralty-tab",{label:[1],tabLabelId:[1,"tab-label-id"],tabContentId:[1,"tab-content-id"]}]]],["p-e3ba7ad0",[[6,"admiralty-tab-group",{selectedIndex:[1026,"selected-index"]}]]],["p-e39e7a78",[[6,"admiralty-table",{caption:[1]}]]],["p-5ff4ed64",[[6,"admiralty-table-body"]]],["p-f7e749e6",[[6,"admiralty-table-cell"]]],["p-6ba5f185",[[6,"admiralty-table-header"]]],["p-f112d077",[[6,"admiralty-table-header-cell"]]],["p-93d4d98a",[[6,"admiralty-table-row"]]],["p-327e92bb",[[2,"admiralty-type-ahead-item",{value:[1]}]]],["p-13208687",[[1,"admiralty-icon",{iconName:[1,"icon-name"],iconPrefix:[1,"icon-prefix"]}]]],["p-3a6a5795",[[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-79fbd232",[[6,"admiralty-dialogue",{type:[1],heading:[1],sectionRole:[1,"section-role"]}]]],["p-90e2bfad",[[6,"admiralty-expansion",{heading:[1],expanded:[1540],alignHeadingRight:[4,"align-heading-right"],hideBorder:[4,"hide-border"]}]]],["p-e5105a8a",[[6,"admiralty-button",{variant:[1],icon:[1],disabled:[516],type:[1],form:[1],name:[1],value:[1]}]]],["p-f930d6b0",[[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-ac0ad15a.js";export{s as setNonce}from"./p-ac0ad15a.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-7f184bf1",[[6,"admiralty-type-ahead",{value:[1],label:[1],hint:[1],placeholder:[1],resultsOnInitFocus:[4,"results-on-init-focus"],filterResult:[32]}]]],["p-b7095611",[[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],focused:[32],hovered:[32],menuOpen:[32],options:[32],option:[32],query:[32],validChoiceMade:[32],selected:[32],ariaHint:[32]},null,{value:["onValueChange"],focused:["onFocusedChange"]}]]],["p-30962595",[[6,"admiralty-select",{disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],hint:[1],label:[1],width:[2],value:[1032]},null,{value:["valueChanged"]}]]],["p-5b0abd97",[[2,"admiralty-textarea",{label:[1],hint:[1],width:[2],disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],value:[1032]},null,{value:["valueChanged"]}]]],["p-9ef5ea5f",[[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-1d23ba38",[[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-009be8ce",[[6,"admiralty-error-summary",{heading:[1]}]]],["p-303e891c",[[2,"admiralty-file-input",{label:[1],multiple:[4],invalid:[4],invalidMessage:[1,"invalid-message"],files:[32]}]]],["p-a3b987d2",[[6,"admiralty-filter",{filterTitle:[1,"filter-title"]}]]],["p-f7257983",[[6,"admiralty-filter-group",{groupTitle:[1,"group-title"]}]]],["p-68c4f38b",[[2,"admiralty-paginator",{pages:[2],currentPage:[2,"current-page"],label:[1]}]]],["p-2b4a4080",[[6,"admiralty-breadcrumb",{active:[4],first:[4],href:[1]}]]],["p-5aa8906e",[[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-a88c5e7e",[[2,"admiralty-progress-bar",{label:[1],progression:[2],error:[4],progressionValue:[32]},null,{progression:["progressionChanged"]}]]],["p-562fa13c",[[6,"admiralty-read-more",{heading:[1],expanded:[32]}]]],["p-ae23a899",[[2,"admiralty-autocomplete-option",{value:[8]}]]],["p-caf69417",[[6,"admiralty-breadcrumbs"]]],["p-0074ec7e",[[6,"admiralty-card",{heading:[1]}]]],["p-fbae4337",[[2,"admiralty-checkbox",{checkboxRight:[4,"checkbox-right"],disabled:[4],name:[1],checked:[1028],value:[8],labelText:[1,"label-text"]},null,{checked:["checkedChanged"]}]]],["p-ae89cce1",[[6,"admiralty-footer",{imageLink:[1,"image-link"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],text:[1]}]]],["p-e63f9ba1",[[6,"admiralty-header-menu-item",{menuTitle:[1,"menu-title"],active:[4]}]]],["p-9bd48662",[[6,"admiralty-header-menu-link",{menuTitle:[1,"menu-title"],active:[4],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-e63442ba",[[2,"admiralty-header-profile",{isSignedIn:[4,"is-signed-in"],signedInText:[1,"signed-in-text"],signInOnly:[4,"sign-in-only"]}]]],["p-e642cc42",[[2,"admiralty-header-sub-menu-item",{menuTitle:[1,"menu-title"]}]]],["p-054b039e",[[2,"admiralty-hr"]]],["p-45fd5f1b",[[6,"admiralty-link",{href:[1],newTab:[4,"new-tab"]}]]],["p-d4771c7c",[[6,"admiralty-modal-dialog",{heading:[1],label:[1],description:[1],show:[4]}]]],["p-99d08a0d",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["p-5496b12c",[[2,"admiralty-phase-banner",{phase:[1],link:[1]}]]],["p-f15aa08e",[[6,"admiralty-radio",{name:[1],value:[1025],disabled:[4],checked:[1028],invalid:[4],buttonTabindex:[32],setButtonTabindex:[64]},null,{value:["valueChanged"]}]]],["p-793351f2",[[6,"admiralty-side-nav",{label:[1]}]]],["p-89469e6d",[[2,"admiralty-side-nav-item",{sideNavItemId:[1,"side-nav-item-id"],headingTitle:[1,"heading-title"],navActive:[4,"nav-active"]}]]],["p-5e3f7ae5",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["p-5158707d",[[2,"admiralty-skip-link",{href:[1]}]]],["p-bd225161",[[6,"admiralty-tab",{label:[1],tabLabelId:[1,"tab-label-id"],tabContentId:[1,"tab-content-id"]}]]],["p-1ad48485",[[6,"admiralty-tab-group",{selectedIndex:[1026,"selected-index"]}]]],["p-15637928",[[6,"admiralty-table",{caption:[1]}]]],["p-bb2b170d",[[6,"admiralty-table-body"]]],["p-fab8522b",[[6,"admiralty-table-cell"]]],["p-c7675c6c",[[6,"admiralty-table-header"]]],["p-e4aaf8b7",[[6,"admiralty-table-header-cell"]]],["p-d98c54d7",[[6,"admiralty-table-row"]]],["p-360eb0df",[[2,"admiralty-type-ahead-item",{value:[1]}]]],["p-f9137581",[[1,"admiralty-icon",{iconName:[1,"icon-name"],iconPrefix:[1,"icon-prefix"]}]]],["p-92fc9074",[[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-6d0d6197",[[6,"admiralty-dialogue",{type:[1],heading:[1],sectionRole:[1,"section-role"]}]]],["p-25441c18",[[6,"admiralty-expansion",{heading:[1],expanded:[1540],alignHeadingRight:[4,"align-heading-right"],hideBorder:[4,"hide-border"]}]]],["p-42598a8a",[[6,"admiralty-button",{variant:[1],icon:[1],disabled:[516],type:[1],form:[1],name:[1],value:[1]}]]],["p-a454f1f4",[[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-0074ec7e.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as d}from"./p-ac0ad15a.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}}.card.sc-admiralty-card{display:flex;flex-direction:column;border:1px solid var(--admiralty-colour-light)}.card.sc-admiralty-card>h6.sc-admiralty-card{height:60px;line-height:60px;border:1px solid var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast);background-color:var(--admiralty-colour-primary);margin:0;padding:0 30px}@media (max-width: 1023px){.card.sc-admiralty-card>h6.sc-admiralty-card{padding:0px 18px;height:48px;line-height:48px}}.card.sc-admiralty-card>div.sc-admiralty-card{border-top:none;flex-grow:1;padding:30px}@media (max-width: 1023px){.card.sc-admiralty-card>div.sc-admiralty-card{padding:24px 18px}}.text-input-form.sc-admiralty-card .text-input-wrap.sc-admiralty-card{margin-bottom:30px}.text-input-form.sc-admiralty-card .text-input-wrap.sc-admiralty-card:last-child{margin-bottom:0}";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-0074ec7e.entry.js.map

package/dist/admiralty/p-0074ec7e.entry.js.map

@@ -0,0 +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\n.card {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid $card-border-colour;\n\n  & > h6 {\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: 0;\n    padding: 0 30px;\n    @include not-desktop {\n      padding: 0px 18px;\n      height: 48px;\n      line-height: 48px;\n    }\n  }\n\n  & > div {\n    border-top: none;\n    flex-grow: 1;\n    padding: 30px;\n    @include not-desktop {\n      padding: 24px 18px;\n    }\n  }\n}\n\n.text-input-form {\n  .text-input-wrap {\n    margin-bottom: 30px;\n  }\n\n  .text-input-wrap:last-child {\n    margin-bottom: 0;\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,4yDAChB,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"}

package/dist/admiralty/p-054b039e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a}from"./p-ac0ad15a.js";const i=".visually-hidden.sc-admiralty-hr: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-hr{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-hr{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-hr{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-hr{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-hr{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-hr{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-hr{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-hr{display:none}}hr.sc-admiralty-hr{width:100%;border-top:1px solid var(--admiralty-colour-light)}";const d=i;const n=class{constructor(a){t(this,a)}render(){return a("hr",{key:"2d625addbd5e0a6e0718df6e80f985355c8e3436"})}};n.style=d;export{n as admiralty_hr};
+//# sourceMappingURL=p-054b039e.entry.js.map

package/dist/admiralty/p-054b039e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["horizontalRuleCss","AdmiraltyHrStyle0","HorizontalRuleComponent","render","h","key"],"sources":["src/components/horizontal-rule/horizontal-rule.scss?tag=admiralty-hr&encapsulation=scoped","src/components/horizontal-rule/horizontal-rule.tsx"],"sourcesContent":["@import 'horizontal-rule.vars.scss';\n\nhr {\n  width: 100%;\n  border-top: 1px solid $horizontal-rule-border-colour;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-hr',\n  styleUrl: 'horizontal-rule.scss',\n  scoped: true,\n})\nexport class HorizontalRuleComponent {\n  render() {\n    return <hr />;\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,0iCAC1B,MAAAC,EAAeD,E,MCMFE,EAAuB,M,yBAClC,MAAAC,GACE,OAAOC,EAAA,MAAAC,IAAA,4C"}

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

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as i}from"./p-ac0ad15a.js";const e=".visually-hidden.sc-admiralty-table: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-table{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table{display:none}}.sc-admiralty-table-h{display:table}caption.sc-admiralty-table{font-size:30px;font-weight:500;color:var(--admiralty-colour-primary);margin-bottom:30px;text-align:left}";const n=e;const d=class{constructor(a){t(this,a);this.caption=undefined}render(){return a(i,{key:"0fbef2889457afe1005e7b778ecb74b9e3527c62",role:"table"},this.caption&&a("caption",{key:"0140acc19424b8b3e53cfe499cb90d9c6d333bc7"},this.caption),a("slot",{key:"b3aca177656906a6a24f168fc54d619e2a2edde0"}))}};d.style=n;export{d as admiralty_table};
+//# sourceMappingURL=p-15637928.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["tableCss","AdmiraltyTableStyle0","TableComponent","render","h","Host","key","role","this","caption"],"sources":["src/components/table/table.scss?tag=admiralty-table&encapsulation=scoped","src/components/table/table.tsx"],"sourcesContent":["@import 'table.vars';\n\n:host{\n  display: table;\n}\n\ncaption {\n  font-size: 30px;\n  font-weight: $table-caption-text-weight;\n  color: $table-caption-text-colour;\n  margin-bottom: 30px;\n  text-align: left;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * Use tables to make information easier for users to scan and compare\n * @slot - Table elements should be placed in the slot\n */\n@Component({\n  tag: 'admiralty-table',\n  styleUrl: 'table.scss',\n  scoped: true,\n})\nexport class TableComponent {\n  @Prop() caption: string;\n\n  render() {\n    return (\n      <Host role=\"table\">\n        {this.caption && <caption>{this.caption}</caption>}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,2pCACjB,MAAAC,EAAeD,E,MCUFE,EAAc,M,gDAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SACRC,KAAKC,SAAWL,EAAA,WAAAE,IAAA,4CAAUE,KAAKC,SAChCL,EAAA,QAAAE,IAAA,6C"}

package/dist/admiralty/p-1ad48485.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as a,f as i,h as r,H as e,g as o}from"./p-ac0ad15a.js";import{K as s}from"./p-a4bd6904.js";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:6px 0;background-color:var(--admiralty-colour-light)}.headers.sc-admiralty-tab-group{display:flex;overflow-x:auto;white-space:nowrap}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group{cursor:pointer;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:500;font-size:16px;margin-left:4px}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:first-child{margin-left:0}@media (max-width: 1023px){.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group{font-size:14px;line-height:18px;padding:8px;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-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;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(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}";const n=d;let h=0;const c=class{constructor(i){t(this,i);this.admiraltyTabSelected=a(this,"admiraltyTabSelected",7);this._groupId=h++;this._tabs=[];this._tabHeaders=[];this.selectedIndex=0}handleSelectedTab(t){const a=this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);a.classList.remove("active");a.setAttribute("tabindex",this.getTabIndex(t).toString());this.selectedIndex=t;this.setSelectedTabContent();this.admiraltyTabSelected.emit(t)}setSelectedTabContent(){const t=this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);t.classList.add("active");t.setAttribute("tabindex",this.getTabIndex(this.selectedIndex).toString())}getTabIndex(t){return this.selectedIndex===t?0:-1}getTabContentId(t){return`tab-panel-${this._groupId}-${t}`}getTabLabelId(t){return`tab-label-${this._groupId}-${t}`}handleKeyDown(t){const a=t.target;let i=false;switch(t.key){case s.LEFT_ARROW:this.moveFocusToPreviousTab(a);i=true;break;case s.RIGHT_ARROW:this.moveFocusToNextTab(a);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){t.stopPropagation();t.preventDefault()}}moveFocusToTabHeader(t){t.focus()}moveFocusToPreviousTab(t){const a=this._tabHeaders[0];const i=this._tabHeaders[this._tabHeaders.length-1];if(t===a){this.moveFocusToTabHeader(i)}else{const a=this._tabHeaders.indexOf(t);this.moveFocusToTabHeader(this._tabHeaders[a-1])}}moveFocusToNextTab(t){const a=this._tabHeaders[0];const i=this._tabHeaders[this._tabHeaders.length-1];if(t===i){this.moveFocusToTabHeader(a)}else{const a=this._tabHeaders.indexOf(t);this.moveFocusToTabHeader(this._tabHeaders[a+1])}}componentWillLoad(){const t=this.el.querySelectorAll("admiralty-tab");this._tabs=[];if(t.length>0){let a=0;t.forEach((t=>{t.tabLabelId=this.getTabLabelId(a);t.tabContentId=this.getTabContentId(a);this._tabs.push({label:t.label,index:a});++a}));this.selectedIndex=Math.max(0,Math.min(this.selectedIndex,t.length-1))}}componentDidLoad(){this._tabHeaders=Array.from(this.el.querySelectorAll('[role="tab"]'));const t=this.el.querySelectorAll("admiralty-tab .tab-content");if(t.length>0){const a=this.el.querySelector("hr");a.after(...Array.from(t));this.setSelectedTabContent();i(this)}}render(){const t=()=>Array.from(this._tabs).map((t=>r("button",{class:{heading:true,active:t.index===this.selectedIndex},id:this.getTabLabelId(t.index),role:"tab",tabIndex:this.getTabIndex(t.index),"aria-setsize":this._tabs.length,"aria-selected":`${t.index===this.selectedIndex}`,"aria-controls":this.getTabContentId(t.index),onClick:a=>this.handleSelectedTab(t.index),onKeyDown:t=>this.handleKeyDown(t)},t.label)));return r(e,{key:"504292f7700d88f33709fa26f2b6f4acda800062"},r("div",{key:"8cae238049d26b3b33e141afb5ce17a5b2a23d05",class:"tab-group-headers",role:"tablist"},r("div",{key:"6120619860b80e65e7ba678c10313de082f77ba3",class:"headers"},t())),r("hr",{key:"2673bdc56fe1a17b248fef61fd481955ed0284c7"}),r("slot",{key:"af21bc279cbfb8e8f5870a8d00a02054d3ac0f99"}))}get el(){return o(this)}};c.style=n;export{c as admiralty_tab_group};
+//# sourceMappingURL=p-1ad48485.entry.js.map

package/dist/admiralty/p-1ad48485.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["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","Keys","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/tab-group/tab-group.scss?tag=admiralty-tab-group&encapsulation=scoped","src/components/tab-group/tab-group.tsx"],"sourcesContent":["@import 'tab-group.vars';\n\n.tab-group-headers {\n  width: 100%;\n}\n\nhr {\n  width: 100%;\n  height: 2px;\n  margin: 6px 0;\n  background-color: $tab-group-separator-colour;\n}\n\n.headers {\n  display: flex;\n  overflow-x: auto;\n\n  white-space: nowrap;\n\n  .heading {\n    cursor: pointer;\n    padding: 10px;\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: 16px;\n    margin-left: 4px;\n\n    &:first-child {\n      margin-left: 0;\n    }\n\n    @include not-desktop {\n      font-size: 14px;\n      line-height: 18px;\n      padding: 8px;\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    }\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":"2GAAA,MAAMA,EAAc,osFACpB,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,KAAKC,EAAKC,WACR/B,KAAKgC,uBAAuBN,GAC5BE,EAAY,KACZ,MACF,KAAKE,EAAKG,YACRjC,KAAKkC,mBAAmBR,GACxBE,EAAY,KACZ,MAEF,KAAKE,EAAKK,KACRnC,KAAKoC,qBAAqBpC,KAAKG,YAAY,IAC3CyB,EAAY,KACZ,MAEF,KAAKE,EAAKO,IACRrC,KAAKoC,qBAAqBpC,KAAKG,YAAYH,KAAKG,YAAYmC,OAAS,IACrEV,EAAY,KACZ,MAKJ,GAAIA,EAAW,CACbH,EAAMc,kBACNd,EAAMe,gB,EAIF,oBAAAJ,CAAqBK,GAC3BA,EAAOC,O,CAGD,sBAAAV,CAAuBW,GAC7B,MAAMC,EAAW5C,KAAKG,YAAY,GAClC,MAAM0C,EAAU7C,KAAKG,YAAYH,KAAKG,YAAYmC,OAAS,GAE3D,GAAIK,IAAkBC,EAAU,CAC9B5C,KAAKoC,qBAAqBS,E,KACrB,CACL,MAAMxB,EAAQrB,KAAKG,YAAY2C,QAAQH,GACvC3C,KAAKoC,qBAAqBpC,KAAKG,YAAYkB,EAAQ,G,EAI/C,kBAAAa,CAAmBS,GACzB,MAAMC,EAAW5C,KAAKG,YAAY,GAClC,MAAM0C,EAAU7C,KAAKG,YAAYH,KAAKG,YAAYmC,OAAS,GAE3D,GAAIK,IAAkBE,EAAS,CAC7B7C,KAAKoC,qBAAqBQ,E,KACrB,CACL,MAAMvB,EAAQrB,KAAKG,YAAY2C,QAAQH,GACvC3C,KAAKoC,qBAAqBpC,KAAKG,YAAYkB,EAAQ,G,EAIvD,iBAAA0B,GACE,MAAMC,EAAWhD,KAAKO,GAAG0C,iBAAiB,iBAE1CjD,KAAKE,MAAQ,GAEb,GAAI8C,EAASV,OAAS,EAAG,CACvB,IAAIjC,EAAM,EACV2C,EAASE,SAAQC,IACfA,EAAEC,WAAapD,KAAKuB,cAAclB,GAClC8C,EAAEE,aAAerD,KAAKS,gBAAgBJ,GAEtCL,KAAKE,MAAMoD,KAAK,CAAEC,MAAOJ,EAAEI,MAAOlC,MAAOhB,MACvCA,CAAG,IAGPL,KAAKU,cAAgB8C,KAAKC,IAAI,EAAGD,KAAKE,IAAI1D,KAAKU,cAAesC,EAASV,OAAS,G,EAIpF,gBAAAqB,GACE3D,KAAKG,YAAcyD,MAAMC,KAAK7D,KAAKO,GAAG0C,iBAAiB,iBAEvD,MAAMD,EAAWhD,KAAKO,GAAG0C,iBAAiB,8BAE1C,GAAID,EAASV,OAAS,EAAG,CACvB,MAAMwB,EAAa9D,KAAKO,GAAGC,cAAc,MACzCsD,EAAWC,SAASH,MAAMC,KAAKb,IAE/BhD,KAAKgB,wBACLgD,EAAYhE,K,EAIhB,MAAAiE,GACE,MAAMC,EAAgB,IACpBN,MAAMC,KAAK7D,KAAKE,OAAOiE,KAAIC,GACzBC,EAAA,UACEC,MAAO,CAAEC,QAAS,KAAMC,OAAQJ,EAAI/C,QAAUrB,KAAKU,eACnD+D,GAAIzE,KAAKuB,cAAc6C,EAAI/C,OAC3BqD,KAAK,MACLC,SAAU3E,KAAKc,YAAYsD,EAAI/C,OAAM,eACvBrB,KAAKE,MAAMoC,OAAM,gBAChB,GAAG8B,EAAI/C,QAAUrB,KAAKU,gBAAe,gBACrCV,KAAKS,gBAAgB2D,EAAI/C,OACxCuD,QAASC,GAAO7E,KAAKI,kBAAkBgE,EAAI/C,OAC3CyD,UAAWC,GAAM/E,KAAKwB,cAAcuD,IAEnCX,EAAIb,SAIX,OACEc,EAACW,EAAI,CAAAnD,IAAA,4CACHwC,EAAA,OAAAxC,IAAA,2CAAKyC,MAAM,oBAAoBI,KAAK,WAClCL,EAAA,OAAAxC,IAAA,2CAAKyC,MAAM,WAAWJ,MAExBG,EAAA,MAAAxC,IAAA,6CACAwC,EAAA,QAAAxC,IAAA,6C"}

package/dist/admiralty/p-1d23ba38.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as l,h as c}from"./p-ac0ad15a.js";const i=".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: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-text-colour) !important}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-weight:normal;font-size:21px;line-height:30px}@media (max-width: 1023px){.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-size:20px;line-height:30px}}.colourBlock.admiralty-blue.sc-admiralty-colour-block{background-color:var(--admiralty-colour-primary)}.colourBlock.admiralty-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-primary-contrast)}.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);color:var(--admiralty-colour-primary)}.colourBlock.bright-blue.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-primary)}";const t=i;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:"1364279edd7153901f688755285bd529f6cc3aae",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:"d47746fb0f1597430d91f60a1d23f6d2ee12dc4c"},this.heading),c("div",{key:"f39b493dc0aefbfe560df23fb7b4c08f03fb891e",class:{content:true,"white-text":this.colour==="admiralty-blue"||this.colour==="teal"}},c("slot",{key:"2f5c283a523479c8413c352b05c29ecff6968a00"})),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=t;export{a as admiralty_colour_block};
+//# sourceMappingURL=p-1d23ba38.entry.js.map

package/dist/admiralty/p-1d23ba38.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: 30px 18px;\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      @include not-desktop {\n        font-size: 20px;\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    color: $tertiary-colour-block-text-colour;\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,gmFACvB,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"}

package/dist/admiralty/p-25441c18.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as i,h as n}from"./p-ac0ad15a.js";import{k as t,l as e}from"./p-5f6bf081.js";const o=".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: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:12px}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:10px 0 22px;padding:0;display:flex;align-items:baseline;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);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:0}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 s=o;let d=0;const p=class{constructor(n){a(this,n);this.toggled=i(this,"toggled",7);this.id=`admiralty-expansion-${++d}`;this.headerId=`${this.id}-header`;this.contentId=`${this.id}-content`;this.heading=undefined;this.expanded=false;this.alignHeadingRight=false;this.hideBorder=false}onToggle(){this.expanded=!this.expanded;this.toggled.emit(this.expanded)}getExpansionIcon(){return this.expanded?t:e}render(){return n("section",{key:"cb24b51124b766ab20901db31791a94f604adaa2",class:{expansion:true,expanded:this.expanded,bordered:!this.hideBorder}},n("button",{key:"ac8c616645336611a7335c9b046b24f920ab51e4",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:"c92c1629f10ac50703c84b4c27e6c355e65cf109",class:{"expansion-heading-right-align":this.alignHeadingRight}},this.heading),n("span",{key:"c6781713bd25711d6e2e60d0f96cfb19726ed2ab",class:"visually-hidden"},", ",this.expanded?"Hide":"Show"," this section"),n("admiralty-icon",{key:"e49ec874210908ecc79de3ada927f8451426f9cb",class:"expansion-heading-icon","icon-name":this.getExpansionIcon().iconName})),n("div",{key:"34cf5d17787e2c4e2dac617d3ef2fccf4dcefcd2",class:"expansion-content",id:this.contentId,"aria-labelledby":this.headerId,hidden:!this.expanded},n("slot",{key:"6aae2816faaeee3d5de2b3ba22f699d9401763be"})))}};p.style=s;export{p as admiralty_expansion};
+//# sourceMappingURL=p-25441c18.entry.js.map

package/dist/admiralty/p-25441c18.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["expansionCss","AdmiraltyExpansionStyle0","nextId","ExpansionComponent","this","id","headerId","contentId","onToggle","expanded","toggled","emit","getExpansionIcon","faChevronUp","faChevronDown","render","h","key","class","expansion","bordered","hideBorder","type","onClick","bind","alignHeadingRight","heading","iconName","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: 2px 0;\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: 12px;\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: 10px 0 22px;\n    padding: 0;\n    display: flex;\n    align-items: baseline;\n    width: 100%;\n    text-align: left;\n    position: relative;\n\n    .expansion-heading-icon {\n      color: $expansion-header-icon-colour;\n      margin-left: 30px;\n    }\n    &:focus {\n      outline: none;\n    }\n    h3 {\n      flex-grow: 1;\n      margin-bottom: 0;\n\n      &.expansion-heading-right-align {\n        text-align: right;\n      }\n    }\n\n    &:focus {\n      @include focus-highlight;\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\n\nlet nextId = 0;\n\n@Component({\n  tag: 'admiralty-expansion',\n  styleUrl: 'expansion.scss',\n  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  id: string = `admiralty-expansion-${++nextId}`;\n\n  headerId: string = `${this.id}-header`;\n  contentId: string = `${this.id}-content`;\n\n  onToggle() {\n    this.expanded = !this.expanded;\n    this.toggled.emit(this.expanded);\n  }\n\n  getExpansionIcon(): IconDefinition {\n    return this.expanded ? faChevronUp : faChevronDown;\n  }\n\n  render() {\n    return (\n      <section\n        class={{\n          expansion: true,\n          expanded: this.expanded,\n          bordered: !this.hideBorder,\n        }}\n      >\n        <button id={this.headerId} type=\"button\" aria-expanded={this.expanded} aria-controls={this.contentId} class=\"expansion-heading-button\" onClick={this.onToggle.bind(this)}>\n          <h3 class={{ 'expansion-heading-right-align': this.alignHeadingRight }}>{this.heading}</h3>\n          <span class=\"visually-hidden\">, {this.expanded ? 'Hide' : 'Show'} this section</span>\n          <admiralty-icon class=\"expansion-heading-icon\" icon-name={this.getExpansionIcon().iconName}></admiralty-icon>\n        </button>\n        <div class=\"expansion-content\" id={this.contentId} aria-labelledby={this.headerId} hidden={!this.expanded}>\n          <slot></slot>\n        </div>\n      </section>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAe,glFACrB,MAAAC,EAAeD,ECGf,IAAIE,EAAS,E,MAOAC,EAAkB,M,0DA0B7BC,KAAAC,GAAa,yBAAyBH,IAEtCE,KAAAE,SAAmB,GAAGF,KAAKC,YAC3BD,KAAAG,UAAoB,GAAGH,KAAKC,a,qCApBuB,M,uBAKvB,M,gBAKP,K,CAYrB,QAAAG,GACEJ,KAAKK,UAAYL,KAAKK,SACtBL,KAAKM,QAAQC,KAAKP,KAAKK,S,CAGzB,gBAAAG,GACE,OAAOR,KAAKK,SAAWI,EAAcC,C,CAGvC,MAAAC,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,MAAO,CACLC,UAAW,KACXV,SAAUL,KAAKK,SACfW,UAAWhB,KAAKiB,aAGlBL,EAAA,UAAAC,IAAA,2CAAQZ,GAAID,KAAKE,SAAUgB,KAAK,SAAQ,gBAAgBlB,KAAKK,SAAQ,gBAAiBL,KAAKG,UAAWW,MAAM,2BAA2BK,QAASnB,KAAKI,SAASgB,KAAKpB,OACjKY,EAAA,MAAAC,IAAA,2CAAIC,MAAO,CAAE,gCAAiCd,KAAKqB,oBAAsBrB,KAAKsB,SAC9EV,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBAAiB,KAAId,KAAKK,SAAW,OAAS,OAAM,iBAChEO,EAAA,kBAAAC,IAAA,2CAAgBC,MAAM,yBAAwB,YAAYd,KAAKQ,mBAAmBe,YAEpFX,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBb,GAAID,KAAKG,UAAS,kBAAmBH,KAAKE,SAAUsB,QAASxB,KAAKK,UAC/FO,EAAA,QAAAC,IAAA,8C"}

package/dist/admiralty/p-2b4a4080.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as r,H as e}from"./p-ac0ad15a.js";import{f as c}from"./p-5f6bf081.js";const t=".sc-admiralty-breadcrumb-h{display:flex;align-items:center}.breadcrumb-icon.sc-admiralty-breadcrumb{margin:0 10px;font-size:12px;color:var(--admiralty-colour-primary)}a.sc-admiralty-breadcrumb{display:inline-block;font-size:14px;font-weight:300;text-decoration:none;color:var(--admiralty-text-colour);margin:10px 2px}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:400}";const i=t;const o=class{constructor(r){a(this,r);this.active=false;this.first=undefined;this.href=undefined}render(){return r(e,{key:"b8a93e9a07bbf4475ce933c27a1e634b1fa78cad"},!this.first&&r("admiralty-icon",{key:"726e9fe291b02595634dd939140bc590c0d2006f",class:"breadcrumb-icon","icon-name":c.iconName}),r("a",{key:"b2c1b0d6b54a150d5a90603b9d2d6d7be88e2cfc",class:{active:this.active},href:this.href||"#"},r("slot",{key:"0ccc00892f0b4dc4fecf4884d786db0918088538"})))}};o.style=i;export{o as admiralty_breadcrumb};
+//# sourceMappingURL=p-2b4a4080.entry.js.map

package/dist/admiralty/p-2b4a4080.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbCss","AdmiraltyBreadcrumbStyle0","BreadcrumbComponent","render","h","Host","key","this","first","class","faChevronRight","iconName","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: 0 10px;\n  font-size: 12px;\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: 10px 2px;\n\n  &:hover {\n    color: $breadcrumb-font-colour-hover;\n    text-decoration: underline;\n    text-underline-offset: 0.15em;\n    text-decoration-thickness: 0.15em;\n  }\n\n  &:focus {\n    text-decoration: none;\n  }\n\n  &.active {\n    color: $breadcrumb-font-colour-active;\n    font-weight: $breadcrumb-font-weight-active;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons';\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\" icon-name={faChevronRight.iconName}></admiralty-icon>}\n        <a class={{ active: this.active }} href={this.href || '#'}>\n          <slot></slot>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAgB,0mBACtB,MAAAC,EAAeD,E,MCOFE,EAAmB,M,qCAMb,M,yCAajB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDC,KAAKC,OAASJ,EAAA,kBAAAE,IAAA,2CAAgBG,MAAM,kBAAiB,YAAYC,EAAeC,WAClFP,EAAA,KAAAE,IAAA,2CAAGG,MAAO,CAAEG,OAAQL,KAAKK,QAAUC,KAAMN,KAAKM,MAAQ,KACpDT,EAAA,QAAAE,IAAA,8C"}

package/dist/admiralty/p-303e891c.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as a,H as e,g as l}from"./p-ac0ad15a.js";const n=".visually-hidden.sc-admiralty-file-input: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-file-input{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-file-input{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-file-input{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-file-input{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-file-input{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-file-input{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-file-input{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-file-input{display:none}}.admiralty-file-input.sc-admiralty-file-input{background:var(--admiralty-background-colour-tint);display:flex;position:relative;border:2px dashed var(--admiralty-colour-primary);min-height:120px;align-content:stretch;justify-content:stretch;margin-bottom:6px;font-size:18px;line-height:24px;font-weight:300}.admiralty-file-input.sc-admiralty-file-input:hover{background-color:var(--admiralty-hover-background-colour-tint)}.admiralty-file-input.invalid.sc-admiralty-file-input{border-color:var(--admiralty-colour-danger)}.admiralty-file-input.drop_zone.sc-admiralty-file-input{background:var(--admiralty-hover-background-colour-tint) !important}.admiralty-file-input.sc-admiralty-file-input .upload-icon.sc-admiralty-file-input{color:var(--admiralty-colour-primary);font-size:24px;font-weight:900;margin:0.4rem auto;text-align:center;flex:0 1}label.sc-admiralty-file-input{border-image-repeat:stretch;border-image-width:1;display:flex;align-content:center;flex-direction:column;flex:1;justify-content:center;cursor:pointer}label.sc-admiralty-file-input span.sc-admiralty-file-input{color:var(--admiralty-colour-primary);flex:0 1;font-size:18px;font-weight:500;text-align:center;margin:0.4rem 0}input[type=file].sc-admiralty-file-input{align-items:baseline;overflow:visible;position:absolute;top:0;bottom:0;z-index:-1;width:100%}input[type=file].sc-admiralty-file-input:focus{outline:3px solid var(--admiralty-focus-colour);outline-offset:2px}input[type=file].sc-admiralty-file-input:focus+label.sc-admiralty-file-input{outline:2px solid var(--admiralty-text-colour);box-shadow:var(--admiralty-text-colour) inset 0 0 0 2px}";const r=n;const o=class{constructor(a){i(this,a);this.fileInputChange=t(this,"fileInputChange",7);this.internalId=++d;this.label="Click to choose a file or drag it";this.multiple=false;this.invalid=false;this.invalidMessage=null;this.files=undefined}changeHandler(i){i.preventDefault();this.storeFileInfo(i.target.files);this.fileInputChange.emit({files:this.files})}storeFileInfo(i){if(i.length===0){this.files=[];return}this.files=this.multiple?[...i]:[i.item(0)]}dragOverHandler(i){i.preventDefault();this.el.querySelector(".admiralty-file-input").classList.add("drop_zone")}dragLeaveHander(i){i.preventDefault();this.el.querySelector(".admiralty-file-input").classList.remove("drop_zone")}dropHandler(i){i.preventDefault();this.el.querySelector(".admiralty-file-input").classList.remove("drop_zone");if(i.dataTransfer.files){this.storeFileInfo(i.dataTransfer.files);this.fileInputChange.emit({files:this.files})}}render(){const i=this.el.id!=""?this.el.id:`admiralty-file-input-${this.internalId}`;const t=`${i}-input`;const l=`${i}-error`;return a(e,{key:"a5b77def830c36fa07500052fe253a4e3b18cee8",onDragLeave:i=>this.dragLeaveHander(i),onDragOver:i=>this.dragOverHandler(i),onDrop:i=>this.dropHandler(i)},a("div",{key:"67a5440a0008cd293968e006eb41ef4af8634852",class:{"admiralty-file-input":true,invalid:this.invalid}},a("input",{key:"a2d4fdb7c278e77cf0687b9551f1ae0a44907150",onChange:i=>this.changeHandler(i),id:t,"aria-label":"Upload a file",type:"file",class:"admiralty-form-field",multiple:this.multiple,"aria-describedby":this.invalid?l:""}),a("label",{key:"917f5bc65db8a85f2c5986124d258f9ee8074d59",htmlFor:t},a("admiralty-icon",{key:"f020e321b3fe39667c0901a00f4f9ace32b038a3",class:"upload-icon","icon-name":"upload"}),a("span",{key:"04efbf46b093074df572575dd3c87ce0d9a32282"},this.label))),a("admiralty-input-invalid",{key:"78ea78d9da560a58759f0a43d141505071cc1da4",id:l,style:Object.assign({},!(this.invalid&&this.invalidMessage)?{display:"none"}:{})},this.invalidMessage))}get el(){return l(this)}};let d=0;o.style=r;export{o as admiralty_file_input};
+//# sourceMappingURL=p-303e891c.entry.js.map

package/dist/admiralty/p-303e891c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fileInputCss","AdmiraltyFileInputStyle0","FileInputComponent","this","internalId","nextId","changeHandler","event","preventDefault","storeFileInfo","target","files","fileInputChange","emit","length","multiple","item","dragOverHandler","el","querySelector","classList","add","dragLeaveHander","remove","dropHandler","dataTransfer","render","id","inputId","errorId","h","Host","key","onDragLeave","onDragOver","onDrop","class","invalid","onChange","type","htmlFor","label","style","Object","assign","invalidMessage","display"],"sources":["src/components/file-input/file-input.scss?tag=admiralty-file-input&encapsulation=scoped","src/components/file-input/file-input.tsx"],"sourcesContent":["@import './file-input.vars';\n\n.admiralty-file-input {\n  background: $file-input-background-colour;\n  display: flex;\n  position: relative;\n  border: 2px dashed $file-input-border-colour;\n  min-height: 120px;\n  align-content: stretch;\n  justify-content: stretch;\n  margin-bottom: 6px;\n  font-size: $file-input-font-size;\n  line-height: $file-input-line-height;\n  font-weight: $file-input-font-weight;\n\n  &:hover {\n    background-color: $file-input-background-hover-colour;\n  }\n\n  &.invalid {\n    border-color: $file-input-invalid-border-colour;\n  }\n\n  &.drop_zone {\n    // active when file is dragged over label\n    background: $file-input-background-hover-colour !important;\n  }\n\n  .upload-icon {\n    color: $file-input-icon-colour;\n    font-size: $file-input-icon-size;\n    font-weight: 900;\n    margin: 0.4rem auto;\n    text-align: center;\n    flex: 0 1;\n  }\n}\n\nlabel {\n  border-image-repeat: stretch;\n  border-image-width: 1;\n  display: flex;\n  align-content: center;\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  cursor: pointer;\n\n  span {\n    color: $file-input-label-colour;\n    flex: 0 1;\n    font-size: $file-input-label-font-size;\n    font-weight: $file-input-label-font-weight;\n    text-align: center;\n    margin: 0.4rem 0;\n  }\n}\n\ninput[type='file'] {\n  align-items: baseline;\n  overflow: visible;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: -1;\n  width: 100%;\n\n  &:focus {\n    outline: 3px solid $file-input-focus-colour;\n    outline-offset: 2px;\n  }\n}\n\ninput[type='file']:focus + label {\n  outline: 2px solid $file-input-focus-text-colour;\n  box-shadow: $file-input-focus-text-colour inset 0 0 0 2px;\n}\n","import { Component, Element, Event, Host, h, Prop, State, EventEmitter } from '@stencil/core';\nimport { FileInputChangeEventDetail } from './file-input.interface';\n\n@Component({\n  tag: 'admiralty-file-input',\n  styleUrl: 'file-input.scss',\n  scoped: true,\n})\nexport class FileInputComponent {\n  private internalId = ++nextId;\n\n  @Element() el: HTMLElement;\n\n  /**\n   * Used to display instructions to the user and is replaced with the filename the user inputs\n   */\n  @Prop() label: string = 'Click to choose a file or drag it';\n\n  /**\n   * If true, enables multiple files to be selected or dragged\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Whether to show that the file input is in an invalid state.\n   */\n  @Prop() invalid: boolean = false;\n\n  /**\n   * The message to show when the file input is invalid.\n   */\n  @Prop() invalidMessage: string = null;\n\n  /**\n   * Emitted when the added file(s) changes\n   */\n  @Event() fileInputChange: EventEmitter<FileInputChangeEventDetail>;\n\n  /**\n   * INTERNAL - The list of files currently in the field\n   */\n  @State() files: File[];\n\n  /**\n   * The event that is fired when the user clicks on the file input box and uses the default dialog\n   * @param event\n   */\n  changeHandler(event: Event) {\n    event.preventDefault();\n    this.storeFileInfo((event.target as HTMLInputElement).files);\n\n    this.fileInputChange.emit({ files: this.files });\n  }\n\n  private storeFileInfo(files: FileList) {\n    if (files.length === 0) {\n      this.files = [];\n      return;\n    }\n    this.files = this.multiple ? [...(files as unknown as File[])] : [files.item(0)];\n  }\n\n  /**\n   * Prevents default dragOver behaviour which, stops the file being downloaded to the browser\n   * in a new tab\n   * @param event\n   */\n  dragOverHandler(event: DragEvent) {\n    event.preventDefault();\n    this.el.querySelector('.admiralty-file-input').classList.add('drop_zone');\n  }\n\n  /**\n   * When this event is fired the 'drop_zone' class is removed from the wrapper 'admiralty-file-input' div\n   * which, turns the background back to off white\n   * @param event\n   */\n  dragLeaveHander(event: DragEvent) {\n    event.preventDefault();\n    this.el.querySelector('.admiralty-file-input').classList.remove('drop_zone');\n  }\n\n  /**\n   * Handles the 'file' the user drops into the input field\n   * Does a check if it's a file and update the interface with the filename and the size of the file\n   * @param event\n   */\n  dropHandler(event: DragEvent) {\n    event.preventDefault();\n    this.el.querySelector('.admiralty-file-input').classList.remove('drop_zone');\n\n    if (event.dataTransfer.files) {\n      this.storeFileInfo(event.dataTransfer.files);\n      this.fileInputChange.emit({ files: this.files });\n    }\n  }\n\n  render() {\n    const id = this.el.id != '' ? this.el.id : `admiralty-file-input-${this.internalId}`;\n    const inputId = `${id}-input`;\n    const errorId = `${id}-error`;\n    return (\n      <Host onDragLeave={event => this.dragLeaveHander(event)} onDragOver={event => this.dragOverHandler(event)} onDrop={event => this.dropHandler(event)}>\n        <div class={{ 'admiralty-file-input': true, 'invalid': this.invalid }}>\n          <input\n            onChange={event => this.changeHandler(event)}\n            id={inputId}\n            aria-label=\"Upload a file\"\n            type=\"file\"\n            class=\"admiralty-form-field\"\n            multiple={this.multiple}\n            aria-describedby={this.invalid ? errorId : ''}\n          />\n          <label htmlFor={inputId}>\n            <admiralty-icon class=\"upload-icon\" icon-name=\"upload\"></admiralty-icon>\n            <span>{this.label}</span>\n          </label>\n        </div>\n        <admiralty-input-invalid id={errorId} style={{ ...(!(this.invalid && this.invalidMessage) ? { display: 'none' } : {}) }}>\n          {this.invalidMessage}\n        </admiralty-input-invalid>\n      </Host>\n    );\n  }\n}\n\nlet nextId = 0;\n"],"mappings":"gEAAA,MAAMA,EAAe,snFACrB,MAAAC,EAAeD,E,MCOFE,EAAkB,M,0EACrBC,KAAAC,aAAeC,E,WAOC,oC,cAKL,M,aAKQ,M,oBAKM,K,qBAgBjC,aAAAC,CAAcC,GACZA,EAAMC,iBACNL,KAAKM,cAAeF,EAAMG,OAA4BC,OAEtDR,KAAKS,gBAAgBC,KAAK,CAAEF,MAAOR,KAAKQ,O,CAGlC,aAAAF,CAAcE,GACpB,GAAIA,EAAMG,SAAW,EAAG,CACtBX,KAAKQ,MAAQ,GACb,M,CAEFR,KAAKQ,MAAQR,KAAKY,SAAW,IAAKJ,GAA+B,CAACA,EAAMK,KAAK,G,CAQ/E,eAAAC,CAAgBV,GACdA,EAAMC,iBACNL,KAAKe,GAAGC,cAAc,yBAAyBC,UAAUC,IAAI,Y,CAQ/D,eAAAC,CAAgBf,GACdA,EAAMC,iBACNL,KAAKe,GAAGC,cAAc,yBAAyBC,UAAUG,OAAO,Y,CAQlE,WAAAC,CAAYjB,GACVA,EAAMC,iBACNL,KAAKe,GAAGC,cAAc,yBAAyBC,UAAUG,OAAO,aAEhE,GAAIhB,EAAMkB,aAAad,MAAO,CAC5BR,KAAKM,cAAcF,EAAMkB,aAAad,OACtCR,KAAKS,gBAAgBC,KAAK,CAAEF,MAAOR,KAAKQ,O,EAI5C,MAAAe,GACE,MAAMC,EAAKxB,KAAKe,GAAGS,IAAM,GAAKxB,KAAKe,GAAGS,GAAK,wBAAwBxB,KAAKC,aACxE,MAAMwB,EAAU,GAAGD,UACnB,MAAME,EAAU,GAAGF,UACnB,OACEG,EAACC,EAAI,CAAAC,IAAA,2CAACC,YAAa1B,GAASJ,KAAKmB,gBAAgBf,GAAQ2B,WAAY3B,GAASJ,KAAKc,gBAAgBV,GAAQ4B,OAAQ5B,GAASJ,KAAKqB,YAAYjB,IAC3IuB,EAAA,OAAAE,IAAA,2CAAKI,MAAO,CAAE,uBAAwB,KAAMC,QAAWlC,KAAKkC,UAC1DP,EAAA,SAAAE,IAAA,2CACEM,SAAU/B,GAASJ,KAAKG,cAAcC,GACtCoB,GAAIC,EAAO,aACA,gBACXW,KAAK,OACLH,MAAM,uBACNrB,SAAUZ,KAAKY,SAAQ,mBACLZ,KAAKkC,QAAUR,EAAU,KAE7CC,EAAA,SAAAE,IAAA,2CAAOQ,QAASZ,GACdE,EAAA,kBAAAE,IAAA,2CAAgBI,MAAM,cAAa,YAAW,WAC9CN,EAAA,QAAAE,IAAA,4CAAO7B,KAAKsC,SAGhBX,EAAA,2BAAAE,IAAA,2CAAyBL,GAAIE,EAASa,MAAKC,OAAAC,OAAA,KAAUzC,KAAKkC,SAAWlC,KAAK0C,gBAAkB,CAAEC,QAAS,QAAW,KAC/G3C,KAAK0C,gB,2BAOhB,IAAIxC,EAAS,E"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as a,H as e,g as s}from"./p-ac0ad15a.js";const l=".visually-hidden.sc-admiralty-select: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-select{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-select{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-select{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-select{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-select{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-select{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-select{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-select{display:none}}.disabled.sc-admiralty-select{color:var(--admiralty-disabled-colour)}.select-wrapper.sc-admiralty-select{position:relative}admiralty-icon.sc-admiralty-select{font-size:24px;font-weight:300;pointer-events:none;position:absolute;right:12px;top:12px}select.sc-admiralty-select{appearance:none;background-color:var(--admiralty-background-colour);border:2px solid var(--admiralty-text-colour);box-sizing:border-box;color:var(--admiralty-text-colour);font-size:18px;line-height:24px;margin-bottom:6px;position:relative;font-weight:300;padding:12px;width:100%}select.invalid.sc-admiralty-select{border-color:var(--admiralty-colour-danger)}select.sc-admiralty-select:focus-visible{outline:3px solid var(--admiralty-focus-colour);box-shadow:inset 0 0 0 2px var(--admiralty-text-colour)}select.disabled.sc-admiralty-select{border-color:var(--admiralty-disabled-colour)}";const d=l;const o=class{constructor(a){t(this,a);this.admiraltyChange=i(this,"admiraltyChange",7);this.admiraltyBlur=i(this,"admiraltyBlur",7);this.internalId=++n;this.disabled=false;this.invalid=false;this.invalidMessage=null;this.hint=null;this.label="Choose a colour";this.width=undefined;this.value=""}valueChanged(){const t=this.nativeInput;const i=this.getValue();if(t&&t.value!==i){t.value=i}this.admiraltyChange.emit({value:this.value==null?this.getValue():this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}handleSelect(t){const i=t.target;if(i){this.value=i.value||""}}handleBlur(t){this.admiraltyBlur.emit()}selectOption(){const t=this.el.querySelectorAll("option");t.forEach((t=>{t.selected=t.value===this.getValue()}))}componentWillRender(){this.selectOption()}render(){const{disabled:t,hint:i,label:s}=this;const l=t?"disabled":"";const d=this.el.id!=""?this.el.id:`admiralty-select-${this.internalId}`;const o=`${d}-input`;const n=`${d}-hint`;const r=`${d}-error`;return a(e,{key:"602a2e13a3b16490d792b390b304671b3f29d359"},a("div",{key:"9961b0a2d66b15bdf92eaabbfa778891ef721325",class:`admiralty-select ${l}`},a("admiralty-label",{key:"420a6410a486430dd4e79083bbd35492487e909a",disabled:this.disabled,for:o},s),i?a("admiralty-hint",{id:n,disabled:this.disabled},i):null,a("div",{key:"391d705e604e08aafb4f99cc2af44ad878ebc39a",class:"select-wrapper",style:this.width?{maxWidth:`${this.width}px`}:{}},a("select",{key:"05000ecc431d2800f44258c5365c6a6ff4333710",ref:t=>this.nativeInput=t,id:o,class:{"admiralty-form-control":true,invalid:this.invalid,disabled:t},"aria-disabled":t?"true":"false","aria-label":s,onChange:t=>this.handleSelect(t),onBlur:t=>this.handleBlur(t),disabled:t,"aria-describedby":(this.hint?n:"")+" "+(this.invalid?r:"")},a("slot",{key:"917f9460fbd6ddb695ef6f49b9681198d7542f8e"})),a("admiralty-icon",{key:"c8fbee03235d010ef3dd1d227299427d641445db",class:`select-down-icon ${l}`,"icon-name":"angle-down"})),a("admiralty-input-invalid",{key:"ecb79bf323f7ce1261258d638c9dc874aa90fb4f",id:r,style:Object.assign({},!(this.invalid&&this.invalidMessage)?{display:"none"}:{})},this.invalidMessage)))}get el(){return s(this)}static get watchers(){return{value:["valueChanged"]}}};let n=0;o.style=d;export{o as admiralty_select};
+//# sourceMappingURL=p-30962595.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["selectCss","AdmiraltySelectStyle0","SelectComponent","this","internalId","nextId","valueChanged","nativeSelect","nativeInput","value","getValue","admiraltyChange","emit","toString","handleSelect","event","select","target","handleBlur","_event","admiraltyBlur","selectOption","options","el","querySelectorAll","forEach","option","selected","componentWillRender","render","disabled","hint","label","disabledClass","id","inputId","hintId","errorId","h","Host","key","class","for","style","width","maxWidth","ref","invalid","onChange","onBlur","Object","assign","invalidMessage","display"],"sources":["src/components/select/select.scss?tag=admiralty-select&encapsulation=scoped","src/components/select/select.tsx"],"sourcesContent":["@import 'select.vars';\n.disabled {\n  color: $select-disabled-text-colour;\n}\n\n.select-wrapper {\n  position: relative;\n}\n\nadmiralty-icon {\n  font-size: 24px;\n  font-weight: $select-text-weight;\n  pointer-events: none;\n  position: absolute;\n  right: 12px;\n  top: 12px;\n}\n\nselect {\n  appearance: none;\n  background-color: $select-background-colour;\n  border: 2px solid $select-border-colour;\n  box-sizing: border-box;\n  color: $select-text-colour;\n  font-size: $select-text-size;\n  line-height: 24px;\n  margin-bottom: 6px;\n  position: relative;\n  font-weight: $select-text-weight;\n  padding: 12px;\n  width: 100%;\n\n  &.invalid {\n    border-color: $select-error-border-colour;\n  }\n\n  &:focus-visible {\n    outline: 3px solid $select-focus-colour;\n    box-shadow: inset 0 0 0 2px $select-border-colour;\n  }\n\n  &.disabled {\n    border-color: $select-disabled-border-colour;\n  }\n}\n","import { Component, Event, Prop, Element, EventEmitter, h, Host, Watch } from '@stencil/core';\nimport { SelectChangeEventDetail } from './select.interface';\n\n@Component({\n  tag: 'admiralty-select',\n  styleUrl: 'select.scss',\n  scoped: true,\n})\nexport class SelectComponent {\n  @Element() el?: HTMLElement;\n  private internalId = ++nextId;\n  private nativeInput?: HTMLSelectElement;\n\n  /**\n   * If `true`, the user cannot interact with the select.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * Whether to show that the select is in an invalid state.\n   */\n  @Prop() invalid: boolean = false;\n  /**\n   * The message to show when the select is invalid.\n   */\n  @Prop() invalidMessage: string = null;\n  /**\n   * The text that will be used as a field label.\n   */\n  @Prop() hint: string = null;\n  /**\n   * The text that will be used as a field label.\n   */\n  @Prop() label: string = 'Choose a colour';\n  /**\n   * The maximum width (px) for the input field.\n   */\n  @Prop() width?: number;\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() admiraltyChange: EventEmitter<SelectChangeEventDetail>;\n  /**\n   * Emitted when the component loses focus.\n   */\n  @Event() admiraltyBlur: EventEmitter<void>;\n\n  /**\n   * The value of the input.\n   */\n  @Prop({ mutable: true }) value?: string | number | null = '';\n\n  @Watch('value')\n  protected valueChanged() {\n    const nativeSelect = this.nativeInput;\n    const value = this.getValue();\n    if (nativeSelect && nativeSelect.value !== value) {\n      nativeSelect.value = value;\n    }\n    this.admiraltyChange.emit({ value: this.value == null ? this.getValue() : this.value.toString() });\n  }\n\n  private getValue(): string {\n    return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();\n  }\n\n  handleSelect(event: Event) {\n    const select = event.target as HTMLSelectElement | null;\n    if (select) {\n      this.value = select.value || '';\n    }\n  }\n\n  handleBlur(_event: FocusEvent): void {\n    this.admiraltyBlur.emit();\n  }\n\n  selectOption() {\n    const options = this.el.querySelectorAll('option');\n    options.forEach(option => {\n      option.selected = option.value === this.getValue();\n    });\n  }\n\n  componentWillRender() {\n    this.selectOption();\n  }\n\n  render() {\n    const { disabled, hint, label } = this;\n    const disabledClass = disabled ? 'disabled' : '';\n    const id = this.el.id != '' ? this.el.id : `admiralty-select-${this.internalId}`;\n    const inputId = `${id}-input`;\n    const hintId = `${id}-hint`;\n    const errorId = `${id}-error`;\n\n    return (\n      <Host>\n        <div class={`admiralty-select ${disabledClass}`}>\n          <admiralty-label disabled={this.disabled} for={inputId}>\n            {label}\n          </admiralty-label>\n          {hint ? (\n            <admiralty-hint id={hintId} disabled={this.disabled}>\n              {hint}\n            </admiralty-hint>\n          ) : null}\n          <div class=\"select-wrapper\" style={this.width ? { maxWidth: `${this.width}px` } : {}}>\n            <select\n              ref={select => (this.nativeInput = select)}\n              id={inputId}\n              class={{ 'admiralty-form-control': true, 'invalid': this.invalid, 'disabled': disabled }}\n              aria-disabled={disabled ? 'true' : 'false'}\n              aria-label={label}\n              onChange={event => this.handleSelect(event)}\n              onBlur={event => this.handleBlur(event)}\n              disabled={disabled}\n              aria-describedby={(this.hint ? hintId : '') + ' ' + (this.invalid ? errorId : '')}\n            >\n              <slot></slot>\n            </select>\n            <admiralty-icon class={`select-down-icon ${disabledClass}`} icon-name=\"angle-down\"></admiralty-icon>\n          </div>\n          <admiralty-input-invalid id={errorId} style={{ ...(!(this.invalid && this.invalidMessage) ? { display: 'none' } : {}) }}>\n            {this.invalidMessage}\n          </admiralty-input-invalid>\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet nextId = 0;\n"],"mappings":"gEAAA,MAAMA,EAAY,w1DAClB,MAAAC,EAAeD,E,MCOFE,EAAe,M,uHAElBC,KAAAC,aAAeC,E,cAMK,M,aAID,M,oBAIM,K,UAIV,K,WAIC,kB,gCAiBkC,E,CAGhD,YAAAC,GACR,MAAMC,EAAeJ,KAAKK,YAC1B,MAAMC,EAAQN,KAAKO,WACnB,GAAIH,GAAgBA,EAAaE,QAAUA,EAAO,CAChDF,EAAaE,MAAQA,C,CAEvBN,KAAKQ,gBAAgBC,KAAK,CAAEH,MAAON,KAAKM,OAAS,KAAON,KAAKO,WAAaP,KAAKM,MAAMI,Y,CAG/E,QAAAH,GACN,cAAcP,KAAKM,QAAU,SAAWN,KAAKM,MAAMI,YAAcV,KAAKM,OAAS,IAAII,U,CAGrF,YAAAC,CAAaC,GACX,MAAMC,EAASD,EAAME,OACrB,GAAID,EAAQ,CACVb,KAAKM,MAAQO,EAAOP,OAAS,E,EAIjC,UAAAS,CAAWC,GACThB,KAAKiB,cAAcR,M,CAGrB,YAAAS,GACE,MAAMC,EAAUnB,KAAKoB,GAAGC,iBAAiB,UACzCF,EAAQG,SAAQC,IACdA,EAAOC,SAAWD,EAAOjB,QAAUN,KAAKO,UAAU,G,CAItD,mBAAAkB,GACEzB,KAAKkB,c,CAGP,MAAAQ,GACE,MAAMC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,GAAU7B,KAClC,MAAM8B,EAAgBH,EAAW,WAAa,GAC9C,MAAMI,EAAK/B,KAAKoB,GAAGW,IAAM,GAAK/B,KAAKoB,GAAGW,GAAK,oBAAoB/B,KAAKC,aACpE,MAAM+B,EAAU,GAAGD,UACnB,MAAME,EAAS,GAAGF,SAClB,MAAMG,EAAU,GAAGH,UAEnB,OACEI,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,oBAAoBR,KAC9BK,EAAA,mBAAAE,IAAA,2CAAiBV,SAAU3B,KAAK2B,SAAUY,IAAKP,GAC5CH,GAEFD,EACCO,EAAA,kBAAgBJ,GAAIE,EAAQN,SAAU3B,KAAK2B,UACxCC,GAED,KACJO,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAiBE,MAAOxC,KAAKyC,MAAQ,CAAEC,SAAU,GAAG1C,KAAKyC,WAAc,IAChFN,EAAA,UAAAE,IAAA,2CACEM,IAAK9B,GAAWb,KAAKK,YAAcQ,EACnCkB,GAAIC,EACJM,MAAO,CAAE,yBAA0B,KAAMM,QAAW5C,KAAK4C,QAASjB,SAAYA,GAAU,gBACzEA,EAAW,OAAS,QAAO,aAC9BE,EACZgB,SAAUjC,GAASZ,KAAKW,aAAaC,GACrCkC,OAAQlC,GAASZ,KAAKe,WAAWH,GACjCe,SAAUA,EAAQ,oBACC3B,KAAK4B,KAAOK,EAAS,IAAM,KAAOjC,KAAK4C,QAAUV,EAAU,KAE9EC,EAAA,QAAAE,IAAA,8CAEFF,EAAA,kBAAAE,IAAA,2CAAgBC,MAAO,oBAAoBR,IAAe,YAAY,gBAExEK,EAAA,2BAAAE,IAAA,2CAAyBN,GAAIG,EAASM,MAAKO,OAAAC,OAAA,KAAUhD,KAAK4C,SAAW5C,KAAKiD,gBAAkB,CAAEC,QAAS,QAAW,KAC/GlD,KAAKiD,iB,gFAQlB,IAAI/C,EAAS,E"}

package/dist/admiralty/p-360eb0df.entry.js

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

package/dist/admiralty/p-42598a8a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a}from"./p-ac0ad15a.js";const o=".visually-hidden.sc-admiralty-button:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-button{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-button{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-button{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-button{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-button{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-button{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-button{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-button{display:none}}button.primary.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:24px;font-weight:400;background-color:unset;cursor:pointer;height:44px;padding:10px 16px;white-space:nowrap;min-width:50px;background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:12px 18px 8px}button.primary:focus.sc-admiralty-button-s>*,button.primary:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.primary.sc-admiralty-button:disabled{cursor:default}button.primary.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.primary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:18px;color:var(--admiralty-colour-primary);padding:10px 16px}@media (max-width: 1023px){button.primary.sc-admiralty-button{min-width:unset;max-width:200px;width:100%;height:44px;padding:10px 16px}}button.primary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:24px;color:var(--admiralty-colour-primary);padding-left:15px}button.primary.sc-admiralty-button:hover{background-color:var(--admiralty-colour-primary-shade);border:2px solid var(--admiralty-colour-primary-shade);color:var(--admiralty-colour-primary-contrast);border-color:var(--admiralty-colour-primary-shade);padding:10px 16px}button.primary.sc-admiralty-button:hover:focus{padding:12px 18px 8px}button.primary.sc-admiralty-button:hover:focus:active{padding:10px 16px}button.primary.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.primary.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour)}button.secondary.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:24px;font-weight:400;background-color:unset;cursor:pointer;height:44px;padding:10px 16px;white-space:nowrap;min-width:50px;background-color:var(--admiralty-colour-primary-contrast);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary)}button.secondary.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:12px 18px 8px}button.secondary:focus.sc-admiralty-button-s>*,button.secondary:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.secondary.sc-admiralty-button:disabled{cursor:default}button.secondary.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.secondary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:18px;color:var(--admiralty-colour-primary);padding:10px 16px}@media (max-width: 1023px){button.secondary.sc-admiralty-button{min-width:unset;max-width:200px;width:100%;height:44px;padding:10px 16px}}button.secondary.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:24px;color:var(--admiralty-colour-primary);padding-left:15px}button.secondary.sc-admiralty-button:hover{background-color:var(--admiralty-hover-background-colour);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary-shade);padding:10px 16px}button.secondary.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}button.secondary.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-primary-contrast)}button.secondary.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-primary-contrast)}button.secondary.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour)}button.secondary.sc-admiralty-button i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.warning.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:24px;font-weight:400;background-color:unset;cursor:pointer;height:44px;padding:10px 16px;white-space:nowrap;min-width:50px;background-color:var(--admiralty-colour-danger);color:var(--admiralty-colour-danger-contrast);border:2px solid var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:12px 18px 8px}button.warning:focus.sc-admiralty-button-s>*,button.warning:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.warning.sc-admiralty-button:disabled{cursor:default}button.warning.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.warning.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:18px;color:var(--admiralty-colour-primary);padding:10px 16px}@media (max-width: 1023px){button.warning.sc-admiralty-button{min-width:unset;max-width:200px;width:100%;height:44px;padding:10px 16px}}button.warning.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:24px;color:var(--admiralty-colour-primary);padding-left:15px}button.warning.sc-admiralty-button:hover{background-color:var(--admiralty-colour-danger-shade);color:var(--admiralty-colour-danger-contrast);border:2px solid var(--admiralty-colour-danger-shade);padding:10px 16px}button.warning.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-danger-contrast);border:2px solid var(--admiralty-colour-danger-contrast);color:var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-danger)}button.warning.sc-admiralty-button:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-disabled-colour)}button.warning.sc-admiralty-button:disabled>*.sc-admiralty-button{opacity:0.5}button.warning.sc-admiralty-button i.sc-admiralty-button{color:var(--admiralty-colour-danger-contrast)}button.text.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:24px;font-weight:400;background-color:unset;cursor:pointer;color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:12px 18px 8px}button.text:focus.sc-admiralty-button-s>*,button.text:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.text.sc-admiralty-button:disabled{cursor:default}button.text.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.text.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:18px;color:var(--admiralty-colour-primary);padding:10px 16px}button.text.sc-admiralty-button:enabled:active{color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:enabled:active i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:enabled:active p.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.text.sc-admiralty-button:disabled{color:var(--admiralty-disabled-colour)}button.text.sc-admiralty-button:disabled>*.sc-admiralty-button{opacity:0.5}button.text.sc-admiralty-button:focus{border:none;box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);text-decoration:none;padding:0}button.text:focus.sc-admiralty-button-s>*,button.text:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.text.sc-admiralty-button i.sc-admiralty-button{color:var(--admiralty-colour-primary)}button.icon.sc-admiralty-button{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:24px;font-weight:400;background-color:unset;cursor:pointer;min-height:44px;min-width:50px;background-color:var(--admiralty-background-colour-tint);color:var(--admiralty-colour-primary);border:2px solid var(--admiralty-colour-primary);padding:10px 14px}button.icon.sc-admiralty-button:focus{outline:none;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);border:none;border-bottom:4px solid var(--admiralty-text-colour);padding:12px 18px 8px}button.icon:focus.sc-admiralty-button-s>*,button.icon:focus .sc-admiralty-button-s>*{color:var(--admiralty-text-colour) !important}button.icon.sc-admiralty-button:disabled{cursor:default}button.icon.sc-admiralty-button:disabled *.sc-admiralty-button{pointer-events:none}button.icon.sc-admiralty-button i.sc-admiralty-button{display:inline-block;font-size:18px;color:var(--admiralty-colour-primary);padding:10px 16px}button.icon.sc-admiralty-button:focus{padding:12px 16px 8px}button.icon.sc-admiralty-button:hover{background-color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary);padding:10px 14px}button.icon.sc-admiralty-button:enabled:active{background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast);border:2px solid var(--admiralty-colour-primary);border:2px solid transparent}button.icon.sc-admiralty-button:enabled:active admiralty-icon.sc-admiralty-button{color:var(--admiralty-colour-primary-contrast) !important}button.icon.sc-admiralty-button:disabled{background-color:var(--admiralty-background-colour-tint);border:2px solid var(--admiralty-colour-primary);opacity:0.3}button.icon.sc-admiralty-button:active:disabled{background-color:var(--admiralty-disabled-colour);border:2px solid var(--admiralty-colour-primary);opacity:0.3}button.icon.sc-admiralty-button i.sc-admiralty-button{margin:auto;font-size:unset;color:unset;padding-left:unset}";const r=o;const i=class{constructor(a){t(this,a);this.variant="primary";this.icon=undefined;this.disabled=false;this.type="submit";this.form=undefined;this.name=undefined;this.value=undefined}render(){const{form:t,name:o,value:r}=this;const i=Object.assign(Object.assign(Object.assign({},t&&{form:t}),o&&{name:o}),r&&{value:r});return a("button",Object.assign({key:"c1f8179333c7e45f79b04504834a48ccb4c7cd43",type:this.type,disabled:this.disabled,class:this.variant},i),a("slot",{key:"113862f33d21bbc41514110653ba432893786a40"}),this.icon?a("admiralty-icon",{"icon-name":this.icon}):undefined)}};i.style=r;export{i as admiralty_button};
+//# sourceMappingURL=p-42598a8a.entry.js.map

package/dist/admiralty/p-42598a8a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonCss","AdmiraltyButtonStyle0","ButtonComponent","render","form","name","value","this","props","Object","assign","h","key","type","disabled","class","variant","icon","undefined"],"sources":["src/components/button/button.scss?tag=admiralty-button&encapsulation=scoped","src/components/button/button.tsx"],"sourcesContent":["@import 'button.vars';\n\n@mixin button-defaults {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: $button-font-size;\n  line-height: $button-line-height;\n  font-weight: $button-font-weight;\n  background-color: unset;\n  cursor: pointer;\n\n  &:focus {\n    outline: none;\n    color: $button-focus-text-colour;\n    background-color: $button-focus-colour;\n    border: none;\n    border-bottom: 4px solid $button-focus-text-colour;\n    padding: 12px 18px 8px;\n\n    ::slotted(*) {\n      color: $button-focus-text-colour !important;\n    }\n  }\n\n  &:disabled {\n    cursor: default;\n    * {\n      pointer-events: none;\n    }\n  }\n\n  i {\n    display: inline-block;\n    font-size: 18px;\n    color: $button-icon-colour;\n    padding: 10px 16px;\n  }\n}\n\n@mixin button {\n  @include button-defaults;\n  height: 44px;\n  padding: 10px 16px;\n  white-space: nowrap;\n  min-width: 50px;\n\n  @include not-desktop {\n    min-width: unset;\n    max-width: 200px;\n    width: 100%;\n    height: 44px;\n    padding: 10px 16px;\n  }\n\n  i {\n    display: inline-block;\n    font-size: 24px;\n    color: $button-icon-colour;\n    padding-left: 15px;\n  }\n}\n\n/* Primary Buttons */\nbutton.primary {\n  @include button;\n  background-color: $button-colour-standard;\n  color: $button-text-colour-standard;\n  border: 2px solid $button-border-colour-standard;\n\n  &:hover {\n    background-color: $button-hover-colour-standard;\n    border: 2px solid $button-hover-colour-standard;\n    color: $button-hover-text-colour-standard;\n    border-color: $button-hover-border-colour-standard;\n    padding: 10px 16px;\n  }\n\n  &:hover:focus {\n    padding: 12px 18px 8px;\n  }\n\n  &:hover:focus:active {\n    padding: 10px 16px;\n  }\n\n  &:enabled:active {\n    background-color: $button-active-colour-standard;\n    border: 2px solid $button-active-border-colour-standard;\n    color: $button-active-text-colour-standard;\n\n    i {\n      color: $button-active-text-colour-standard;\n    }\n\n    p {\n      color: $button-active-text-colour-standard;\n    }\n  }\n\n  &:disabled {\n    background-color: $button-colour-deselected;\n    border: 2px solid $button-border-colour-deselected;\n  }\n}\n\n/* Secondary Buttons */\nbutton.secondary {\n  @include button;\n  background-color: $button-colour-secondary;\n  color: $button-text-colour-secondary;\n  border: 2px solid $button-border-colour-secondary;\n\n  &:hover {\n    background-color: $button-hover-colour-secondary;\n    color: $button-hover-text-colour-secondary;\n    border: 2px solid $button-hover-border-colour-secondary;\n    padding: 10px 16px;\n  }\n\n  &:enabled:active {\n    background-color: $button-active-colour-secondary;\n    border: 2px solid $button-active-border-colour-secondary;\n    color: $button-active-text-colour-secondary;\n\n    i {\n      color: $button-active-text-colour-secondary;\n    }\n\n    p {\n      color: $button-active-text-colour-secondary;\n    }\n  }\n\n  &:disabled {\n    background-color: $button-colour-deselected;\n    border: 2px solid $button-border-colour-deselected;\n  }\n\n  i {\n    color: $button-text-colour-secondary;\n  }\n}\n\n/* Warning Buttons */\nbutton.warning {\n  @include button;\n  background-color: $button-colour-warning;\n  color: $button-text-colour-warning;\n  border: 2px solid $button-border-colour-warning;\n\n  &:hover {\n    background-color: $button-hover-colour-warning;\n    color: $button-text-colour-warning;\n    border: 2px solid $button-hover-border-colour-warning;\n    padding: 10px 16px;\n  }\n\n  &:enabled:active {\n    background-color: $button-active-colour-warning;\n    border: 2px solid $button-active-border-colour-warning;\n    color: $button-active-text-colour-warning;\n\n    i {\n      color: $button-active-text-colour-warning;\n    }\n\n    p {\n      color: $button-active-text-colour-warning;\n    }\n  }\n\n  &:disabled {\n    background-color: $button-colour-deselected;\n    border: 2px solid $button-border-colour-deselected;\n    & > * {\n      opacity: 0.5;\n    }\n  }\n\n  i {\n    color: $button-text-colour-warning;\n  }\n}\n\n/* Text Buttons */\nbutton.text {\n  @include button-defaults;\n  color: $button-text-colour-secondary;\n\n  &:enabled:active {\n    color: $button-text-colour-secondary;\n\n    i {\n      color: $button-text-colour-secondary;\n    }\n\n    p {\n      color: $button-text-colour-secondary;\n    }\n  }\n\n  &:disabled {\n    color: $button-colour-deselected;\n    & > * {\n      opacity: 0.5;\n    }\n  }\n\n  &:focus {\n    border: none;\n    box-shadow:\n      0 -2px $button-focus-colour,\n      0 4px $button-focus-text-colour;\n    text-decoration: none;\n    padding: 0;\n    ::slotted(*) {\n      color: $button-focus-text-colour !important;\n    }\n  }\n\n  i {\n    color: $button-text-colour-secondary;\n  }\n}\n\n/* Icon Buttons */\nbutton.icon {\n  @include button-defaults;\n  min-height: 44px;\n  min-width: 50px;\n\n  background-color: $button-colour-icon;\n  color: $button-text-colour-icon;\n  border: 2px solid $button-border-colour-icon;\n  padding: 10px 14px;\n\n  &:focus {\n    padding: 12px 16px 8px;\n  }\n\n  &:hover {\n    background-color: $button-hover-colour-icon;\n    border: 2px solid $button-hover-border-colour-icon;\n    padding: 10px 14px;\n  }\n\n  &:enabled:active {\n    background-color: $button-active-colour-icon;\n    color: $button-active-text-colour-icon;\n    border: 2px solid $button-active-border-colour-icon;\n    border: 2px solid transparent;\n\n    admiralty-icon {\n      color: $button-active-text-colour-icon !important;\n    }\n  }\n\n  &:disabled {\n    background-color: $button-disabled-colour-icon;\n    border: 2px solid $button-active-border-colour-icon;\n    opacity: 0.3;\n  }\n\n  &:active:disabled {\n    background-color: $button-colour-deselected;\n    border: 2px solid $button-active-border-colour-icon;\n    opacity: 0.3;\n  }\n\n  i {\n    margin: auto;\n    font-size: unset;\n    color: unset;\n    padding-left: unset;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { ButtonVariant } from './button.types';\nimport { IconName } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n  tag: 'admiralty-button',\n  styleUrl: 'button.scss',\n  scoped: true,\n})\nexport class ButtonComponent {\n  /**\n   * The type of button to render. Valid values are `primary`, `secondary`, `warning`, `text` and `icon`.\n   * Default value is `primary`.\n   */\n  @Prop() variant: ButtonVariant = 'primary';\n  /**\n   * When passed Font Awesome Icon name, then an icon will be rendered.\n   */\n  @Prop() icon: IconName;\n  /**\n   * Determines whether the button is disabled. A button in disabled state will not fire click output events.\n   */\n  @Prop({ reflect: true }) disabled = false;\n  /**\n   * The default behavior of the button. Valid values are `button`, `submit` and `reset`.\n   * Default value is `submit`.\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'submit';\n  /**\n   * The `<form>` element to associate the button with (its form owner).\n   */\n  @Prop() form: string;\n  /**\n   * The name of the button, submitted as a pair with the button's value as part of the form data,\n   * when that button is used to submit the form.\n   */\n  @Prop() name: string;\n  /**\n   * Defines the value associated with the button's name when it's submitted with the form data.\n   * This value is passed to the server in params when the form is submitted using this button.\n   */\n  @Prop() value: string;\n\n  render() {\n    const { form, name, value } = this;\n    const props = {\n      ...(form && { form }),\n      ...(name && { name }),\n      ...(value && { value }),\n    };\n    return (\n      <button type={this.type} disabled={this.disabled} class={this.variant} {...props}>\n        <slot></slot>\n        {this.icon ? <admiralty-icon icon-name={this.icon}></admiralty-icon> : undefined}\n      </button>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,wzWAClB,MAAAC,EAAeD,E,MCQFE,EAAe,M,sCAKO,U,kCAQG,M,UAKU,S,6DAgB9C,MAAAC,GACE,MAAMC,KAAEA,EAAIC,KAAEA,EAAIC,MAAEA,GAAUC,KAC9B,MAAMC,EAAKC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACLN,GAAQ,CAAEA,SACVC,GAAQ,CAAEA,SACVC,GAAS,CAAEA,UAEjB,OACEK,EAAA,SAAAF,OAAAC,OAAA,CAAAE,IAAA,2CAAQC,KAAMN,KAAKM,KAAMC,SAAUP,KAAKO,SAAUC,MAAOR,KAAKS,SAAaR,GACzEG,EAAA,QAAAC,IAAA,6CACCL,KAAKU,KAAON,EAAA,8BAA2BJ,KAAKU,OAA0BC,U"}

package/dist/admiralty/p-5158707d.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t}from"./p-ac0ad15a.js";const a=".visually-hidden.sc-admiralty-skip-link:not(:focus):not(:active),.skip-link.sc-admiralty-skip-link: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-skip-link{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-skip-link{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-skip-link{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-skip-link{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-skip-link{display:none}}.skip-link.sc-admiralty-skip-link{color:var(--admiralty-text-colour);display:block;padding:10px 15px;box-shadow:none}.skip-link.sc-admiralty-skip-link span.sc-admiralty-skip-link{box-shadow:0 2px var(--admiralty-text-colour)}.skip-link.sc-admiralty-skip-link:focus{position:static !important;width:auto !important;height:auto !important;margin:inherit !important;overflow:visible !important;clip:auto !important;-webkit-clip-path:none !important;clip-path:none !important;white-space:inherit !important;-webkit-user-select:text;-ms-user-select:text;user-select:text}";const n=a;const p=class{constructor(t){i(this,t);this.href="#main-content"}render(){return t("a",{key:"31f94ced561fad1b7aaf4619d192a423bef871d9",href:this.href,class:"skip-link"},t("span",{key:"f6c442a57a14cc7a41b63fb85936069d03606224"},"Skip to main content"))}};p.style=n;export{p as admiralty_skip_link};
+//# sourceMappingURL=p-5158707d.entry.js.map

package/dist/admiralty/p-5158707d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["skipLinkCss","AdmiraltySkipLinkStyle0","SkipLinkComponent","render","h","key","href","this","class"],"sources":["src/components/skip-link/skip-link.scss?tag=admiralty-skip-link&encapsulation=scoped","src/components/skip-link/skip-link.tsx"],"sourcesContent":["@import 'skip-link.vars.scss';\n\n.skip-link {\n  @extend .visually-hidden;\n  color: $skip-link-text-colour;\n  display: block;\n  padding: 10px 15px;\n  box-shadow: none;\n\n  span {\n    box-shadow: 0 2px $skip-link-border-colour;\n  }\n\n  &:focus {\n    position: static !important;\n    width: auto !important;\n    height: auto !important;\n    margin: inherit !important;\n    overflow: visible !important;\n    clip: auto !important;\n    -webkit-clip-path: none !important;\n    clip-path: none !important;\n    white-space: inherit !important;\n    -webkit-user-select: text;\n    -ms-user-select: text;\n    user-select: text;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-skip-link',\n  styleUrl: 'skip-link.scss',\n  scoped: true,\n})\nexport class SkipLinkComponent {\n  /**\n   * The HTML ID that the skip link will jump to when activated.\n   */\n  @Prop() href: string = '#main-content';\n\n  render() {\n    return (\n      <a href={this.href} class=\"skip-link\">\n        <span>Skip to main content</span>\n      </a>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAc,yoDACpB,MAAAC,EAAeD,E,MCMFE,EAAiB,M,mCAIL,e,CAEvB,MAAAC,GACE,OACEC,EAAA,KAAAC,IAAA,2CAAGC,KAAMC,KAAKD,KAAME,MAAM,aACxBJ,EAAA,QAAAC,IAAA,oE"}

package/dist/admiralty/p-5496b12c.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e}from"./p-ac0ad15a.js";const n=".visually-hidden.sc-admiralty-phase-banner: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-phase-banner{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-phase-banner{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-phase-banner{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-phase-banner{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-phase-banner{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-phase-banner{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-phase-banner{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-phase-banner{display:none}}.phase-banner.sc-admiralty-phase-banner{display:block;line-height:40px;padding:0 18px}@media (min-width: 1024px){.phase-banner.sc-admiralty-phase-banner{padding:0 20px}}.phase-banner.sc-admiralty-phase-banner strong.sc-admiralty-phase-banner{border:2px solid;font-weight:bold;text-transform:uppercase;letter-spacing:1px;color:var(--admiralty-colour-primary);padding:6px 8px 3px;margin-right:10px}";const i=n;const t=class{constructor(e){a(this,e);this.phase="alpha";this.link=undefined}render(){return e("div",{key:"1c4b9505c116115241855f8e5fbb5dfa8e639100",class:"phase-banner"},e("strong",{key:"ce3dd3d21a5da0da97c06174f645ce3fdb0cf5de"},this.phase),e("span",{key:"a8462d8b97d18be36214555e76c37fd9db4b8a8d"},"This service is in ",this.phase," phase - please provide"," ",e("a",{key:"c31611181da56980d0820a7f40feedd404faea92",href:this.link,target:"_blank"},"feedback")," ","to help us improve it"))}};t.style=i;export{t as admiralty_phase_banner};
+//# sourceMappingURL=p-5496b12c.entry.js.map

package/dist/admiralty/p-5496b12c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["phaseBannerCss","AdmiraltyPhaseBannerStyle0","PhaseBannerComponent","render","h","key","class","this","phase","href","link","target"],"sources":["src/components/phase-banner/phase-banner.scss?tag=admiralty-phase-banner&encapsulation=scoped","src/components/phase-banner/phase-banner.tsx"],"sourcesContent":["@import 'phase-banner.vars';\n\n.phase-banner {\n  display: block;\n  line-height: 40px;\n  padding: 0 18px;\n  @include desktop-only {\n    padding: 0 20px;\n  }\n\n  strong {\n    border: 2px solid;\n    font-weight: bold;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: $phase-banner-text-colour;\n    padding: 6px 8px 3px;\n    margin-right: 10px;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-phase-banner',\n  styleUrl: 'phase-banner.scss',\n  scoped: true,\n})\nexport class PhaseBannerComponent {\n  /**\n   * The phase for the phase banner\n   */\n  @Prop() phase: 'alpha' | 'beta' = 'alpha';\n\n  /**\n   * A link to where the end user can provide feedback\n   */\n  @Prop() link: string;\n\n  render() {\n    return (\n      <div class=\"phase-banner\">\n        <strong>{this.phase}</strong>\n        <span>\n          This service is in {this.phase} phase - please provide{' '}\n          <a href={this.link} target=\"_blank\">\n            feedback\n          </a>{' '}\n          to help us improve it\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAiB,+7CACvB,MAAAC,EAAeD,E,MCMFE,EAAoB,M,oCAIG,Q,oBAOlC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,UAAAC,IAAA,4CAASE,KAAKC,OACdJ,EAAA,QAAAC,IAAA,kEACsBE,KAAKC,MAAK,0BAAyB,IACvDJ,EAAA,KAAAC,IAAA,2CAAGI,KAAMF,KAAKG,KAAMC,OAAO,UAAQ,YAE9B,IAAG,yB"}

package/dist/admiralty/p-562fa13c.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as t}from"./p-ac0ad15a.js";import{d as i,e as o}from"./p-5f6bf081.js";const n=".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:2px 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:2px 5px}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:8px 0px;padding:4px;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:500}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more .expansion-heading-icon.sc-admiralty-read-more{margin-left:5px;margin-right:8px;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 d=n;let r=0;const s=class{constructor(t){a(this,t);this.admiraltyToggled=e(this,"admiraltyToggled",7);this.id=`admiralty-read-more-${++r}`;this.headerId=`${this.id}-header`;this.contentId=`${this.id}-content`;this.heading=undefined;this.expanded=false}get expansionIcon(){return this.expanded?i:o}onToggle(){this.expanded=!this.expanded;this.admiraltyToggled.emit(this.expanded)}render(){return t("section",{key:"467657fce12380457f9e98e775cec73ef7046f1d",class:{expansion:true,expanded:this.expanded}},t("button",{key:"7ce11b05978a4cdbf338d59ed5f9d5442b759f14",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:"96a4ee83a68b39a91d3b36610cb886195f0b80a7",class:"expansion-heading-icon","icon-name":this.expansionIcon.iconName}),t("span",{key:"9cbca01b85a165e96b0133da1adaf89aeb6f026d"},this.heading),t("span",{key:"3bd4bca0faaad1600096628c960b68ee5ae8a166",class:"visually-hidden"},", ",this.expanded?"Hide":"Show"," this section")),t("div",{key:"39918cda238bf4d50610d6c5b2b1bad3772c77f1",class:"expansion-content",id:this.contentId,"aria-labelledby":this.headerId,hidden:!this.expanded},t("slot",{key:"fb048aa49184fbaf7f84ab23d3fd28144e2d3d1d"})))}};s.style=d;export{s as admiralty_read_more};
+//# sourceMappingURL=p-562fa13c.entry.js.map

package/dist/admiralty/p-562fa13c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["readMoreCss","AdmiraltyReadMoreStyle0","nextId","ReadMoreComponent","this","id","headerId","contentId","expansionIcon","expanded","faArrowDown","faArrowRight","onToggle","admiraltyToggled","emit","render","h","key","class","expansion","type","onClick","bind","iconName","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: 2px 0;\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: 2px 5px;\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: 8px 0px;\n    padding: 4px;\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-text-weight;\n    }\n\n    .expansion-heading-icon {\n      margin-left: 5px;\n      margin-right: 8px;\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';\nimport { faArrowDown, faArrowRight } from '@fortawesome/free-solid-svg-icons';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-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  id: string = `admiralty-read-more-${++nextId}`;\n\n  headerId: string = `${this.id}-header`;\n  contentId: string = `${this.id}-content`;\n\n  get expansionIcon(): IconDefinition {\n    return this.expanded ?  faArrowDown : faArrowRight;\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\" icon-name={this.expansionIcon.iconName}></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":"6FAAA,MAAMA,EAAc,m4EACpB,MAAAC,EAAeD,ECGf,IAAIE,EAAS,E,MAOAC,EAAiB,M,4EAa5BC,KAAAC,GAAa,yBAAyBH,IAEtCE,KAAAE,SAAmB,GAAGF,KAAKC,YAC3BD,KAAAG,UAAoB,GAAGH,KAAKC,a,qCAVR,K,CAYpB,iBAAIG,GACF,OAAOJ,KAAKK,SAAYC,EAAcC,C,CAGxC,QAAAC,GACER,KAAKK,UAAYL,KAAKK,SACtBL,KAAKS,iBAAiBC,KAAKV,KAAKK,S,CAGlC,MAAAM,GACE,OACEC,EAAA,WAAAC,IAAA,2CACEC,MAAO,CACLC,UAAW,KACXV,SAAUL,KAAKK,WAGjBO,EAAA,UAAAC,IAAA,2CACEZ,GAAID,KAAKE,SACTc,KAAK,SAAQ,gBACEhB,KAAKK,SAAQ,gBACbL,KAAKG,UACpBW,MAAO,CAAET,SAAUL,KAAKK,UACxBY,QAASjB,KAAKQ,SAASU,KAAKlB,OAE5BY,EAAA,kBAAAC,IAAA,2CAAgBC,MAAM,yBAAwB,YAAYd,KAAKI,cAAce,WAC7EP,EAAA,QAAAC,IAAA,4CAAOb,KAAKoB,SACZR,EAAA,QAAAC,IAAA,2CAAMC,MAAM,mBAAiB,KAAId,KAAKK,SAAW,OAAS,OAAM,kBAElEO,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAoBb,GAAID,KAAKG,UAAS,kBAAmBH,KAAKE,SAAUmB,QAASrB,KAAKK,UAC/FO,EAAA,QAAAC,IAAA,8C"}

package/dist/admiralty/p-5aa8906e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,f as i,h as d,g as r}from"./p-ac0ad15a.js";import{a as t,b as l}from"./p-5f6bf081.js";const n=".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:18px;font-weight:300;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-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:18px;padding:1.3em 0 1.3em 1.3em}@media (max-width: 1023px){.header-branding.sc-admiralty-header{padding-left:12px;padding-top:12px;padding-bottom:12px;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-text-colour);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);text-decoration:none}.header-branding.sc-admiralty-header .vertical-seperator.sc-admiralty-header{border-right:1px solid var(--admiralty-colour-light);margin-left:24px;margin-right:24px}@media (max-width: 1023px){.header-branding.sc-admiralty-header .vertical-seperator.sc-admiralty-header{margin-left:12px;margin-right:12px}}.header-branding.sc-admiralty-header .header-title.sc-admiralty-header{display:flex;flex-direction:column;flex-grow:1;justify-content:center;font-size:2em;line-height:2em;margin-top:4px;margin-bottom:unset;user-select:none}@media (max-width: 1023px){.header-branding.sc-admiralty-header .header-title.sc-admiralty-header{font-size:24px;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:1em;font-weight:400;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:24px}}.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:24px;font-weight:900;padding:12px;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-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;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-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: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 o=n;const s=class{constructor(i){e(this,i);this.titledClicked=a(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((()=>{i(this)}));this.observer.observe(this.el,{childList:true,subtree:true})}disconnectedCallback(){this.observer.disconnect()}componentWillRender(){const e=this.el.querySelectorAll("admiralty-header-menu-item, admiralty-header-menu-link, admiralty-header-profile");this.displayHamburger=e.length>0}handleClick(e){e.preventDefault();this.titledClicked.emit(this.headerTitleUrl)}toggleMobileMenu(){this.mobileMenuOpen=!this.mobileMenuOpen}render(){const{logoAltText:e,logoLinkUrl:a,logoImgUrl:i,headerTitle:r,headerTitleUrl:n}=this;return d("div",{key:"8c36e37ed4d4796a0c69ace32639eb365779cec3",class:"admiralty-header"},d("div",{key:"ed644487140be5f707a9c5dd9b242e1324da7d01",class:"header-menu"},d("div",{key:"5a2bc9425f8b9db953e9226a8dc6e0975f38e04e",class:"header-branding"},d("a",{key:"8942744f9ed919a68763c769182aa9730a182443",class:"header-logo",href:a},d("img",{key:"a39ee1354ad7e300d6f2cbda804396cec99f5e87",class:"header-image",alt:e,src:i})),d("div",{key:"abf829e8f133ae7289083061ae8aedd488019b21",class:"vertical-seperator"}),this.headerTitle?d("h2",{class:"header-title"},d("a",{onClick:e=>this.handleClick(e),href:n},r)):null),d("nav",{key:"e9bfaa1c2b031642a0ce5cdc7146b8a5162712fb",role:"navigation",class:"header-menus","aria-label":"Site navigation"},d("div",{key:"553ded32b772732e86bd21d75dda91a41974d14c",class:{"mobile-menu-toggle":true,"display-hamburger":this.displayHamburger}},d("button",{key:"552c6f19ab3d72d55fc3e2274914c110760aacfc",onClick:e=>this.toggleMobileMenu(),"aria-expanded":this.mobileMenuOpen,"aria-label":this.mobileMenuOpen?"Hide menu":"Show menu"},d("admiralty-icon",{key:"94bc360a0b0cafdfc4244900fc4903addcfa0370","icon-name":this.mobileMenuOpen?t.iconName:l.iconName}))),d("div",{key:"42bfaa29f6876e407a34495c1a44540075766f92",class:{"menu-sections":true,"mob-menus-visible":this.mobileMenuOpen}},d("div",{key:"cb4cf434e5adca3a1c6ee5fbc353fadbd9066f79",class:"menu-items"},d("slot",{key:"62b2e060336a06414e107ea9ac4a04254f2e9b16",name:"items"})),d("div",{key:"b931cc67718928091f9848b5676f13976b10a4a5",class:"header-profile"},d("slot",{key:"2c72eeca4eb6ef9b73d434b9d1e4ecb0439ef5e6",name:"profile"}))))))}get el(){return r(this)}};s.style=o;export{s as admiralty_header};
+//# sourceMappingURL=p-5aa8906e.entry.js.map

package/dist/admiralty/p-5aa8906e.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","href","alt","src","onClick","role","_","faTimes","iconName","faBars","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: 18px;\n  padding: 1.3em 0 1.3em 1.3em;\n\n  @include not-desktop {\n    padding-left: 12px;\n    padding-top: 12px;\n    padding-bottom: 12px;\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  .vertical-seperator {\n    border-right: 1px solid $header-separator-colour;\n    margin-left: 24px;\n    margin-right: 24px;\n    @include not-desktop {\n      margin-left: 12px;\n      margin-right: 12px;\n    }\n  }\n\n  .header-title {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    justify-content: center;\n    font-size: 2em;\n    line-height: 2em;\n    margin-top: 4px;\n    margin-bottom: unset;\n    user-select: none;\n\n    @include not-desktop {\n      font-size: 24px;\n      line-height: 24px;\n      white-space: pre-wrap;\n    }\n\n    a {\n      cursor: pointer;\n      font-size: 1em;\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: 24px;\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: 24px;\n        font-weight: 900;\n        padding: 12px;\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: 50%;\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 { faBars, faTimes } from '@fortawesome/free-solid-svg-icons';\nimport { 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\">\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 icon-name={this.mobileMenuOpen ? faTimes.iconName : faBars.iconName}></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":"2GAAA,MAAMA,EAAY,2pKAClB,MAAAC,EAAeD,E,MCWFE,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,oBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,cAAcC,KAAMN,GAC3BG,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eAAeE,IAAKR,EAAaS,IAAKP,KAEnDE,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACV9B,KAAK2B,YACJC,EAAA,MAAIE,MAAM,gBACRF,EAAA,KAAGM,QAASlB,GAAMhB,KAAKe,YAAYC,GAAKe,KAAMX,GAC3CO,IAGH,MAENC,EAAA,OAAAC,IAAA,2CAAKM,KAAK,aAAaL,MAAM,eAAc,aAAY,mBACrDF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,qBAAsB,KAAM,oBAAqB9B,KAAKa,mBAClEe,EAAA,UAAAC,IAAA,2CAAQK,QAASE,GAAKpC,KAAKqB,mBAAkB,gBAAiBrB,KAAKsB,eAAc,aAActB,KAAKsB,eAAiB,YAAc,aACjIM,EAAA,kBAAAC,IAAA,uDAA2B7B,KAAKsB,eAAiBe,EAAQC,SAAWC,EAAOD,aAG/EV,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,gBAAiB,KAAM,oBAAqB9B,KAAKsB,iBAC7DM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cACTF,EAAA,QAAAC,IAAA,2CAAMW,KAAK,WAEbZ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAA,QAAAC,IAAA,2CAAMW,KAAK,gB"}

package/dist/admiralty/p-5b0abd97.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as a,h as i,H as e,g as r}from"./p-ac0ad15a.js";const s=".visually-hidden.sc-admiralty-textarea: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-textarea{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-textarea{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-textarea{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-textarea{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-textarea{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-textarea{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-textarea{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-textarea{display:none}}.text-area-container.sc-admiralty-textarea textarea.sc-admiralty-textarea{display:block;position:relative;width:100%;min-height:170px;border:2px solid var(--admiralty-text-colour);color:var(--admiralty-text-colour);padding:12px 18px;outline:none;resize:vertical;overflow:auto;box-sizing:border-box;vertical-align:top;font-weight:var(--admiralty-font-weight);line-height:var(--admiralty-line-height);background-color:var(--admiralty-background-colour)}.text-area-container.sc-admiralty-textarea textarea.sc-admiralty-textarea:focus-visible{outline:3px solid var(--admiralty-focus-colour);box-shadow:var(--admiralty-text-colour) inset 0 0 0 2px}.text-area-container.sc-admiralty-textarea textarea.invalid.sc-admiralty-textarea{border-color:var(--admiralty-colour-danger)}.text-area-container.sc-admiralty-textarea textarea.invalid.sc-admiralty-textarea:focus-visible{border-color:unset;outline:3px solid var(--admiralty-focus-colour)}.text-area-container.sc-admiralty-textarea textarea.disabled.sc-admiralty-textarea{color:var(--admiralty-disabled-colour);border-color:var(--admiralty-disabled-colour)}";const d=s;const o=class{constructor(i){t(this,i);this.textareaBlur=a(this,"textareaBlur",7);this.admiraltyInput=a(this,"admiraltyInput",7);this.internalId=++l;this.onBlur=()=>{this.textareaBlur.emit()};this.onInput=t=>{const a=t.target;if(a){this.value=a.value||""}};this.label="";this.hint=undefined;this.width=undefined;this.disabled=false;this.invalid=false;this.invalidMessage=undefined;this.value=""}valueChanged(){const t=this.nativeTextArea;const a=this.getValue();if(t&&t.value!==a){t.value=a}this.admiraltyInput.emit({value:this.value==null?this.getValue():this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}render(){const t=this.getValue();const a=this.el.id!=""?this.el.id:`admiralty-textarea-${this.internalId}`;const r=`${a}-input`;const s=`${a}-hint`;const d=`${a}-error`;return i(e,{key:"5374cc1a90719f130ef93f85cfd4ca13789cbe76"},i("div",{key:"764b166e5f89c49e719e98c5d27a358a55a10d2a",class:"text-area-container"},this.label?i("admiralty-label",{for:r,disabled:this.disabled},this.label):null,this.hint?i("admiralty-hint",{id:s,disabled:this.disabled},this.hint):null,i("textarea",{key:"ea8680711b889bcb8a10af3e226f36d4503a8e02",ref:t=>this.nativeTextArea=t,class:{disabled:this.disabled,invalid:this.invalid},style:this.width?{maxWidth:`${this.width}px`}:{},id:r,disabled:this.disabled,value:t,onInput:this.onInput,onBlur:this.onBlur,"aria-invalid":this.invalid?"true":"false","aria-describedby":(this.hint?s:"")+" "+(this.invalid?d:"")}),i("admiralty-input-invalid",{key:"ea320759a118e210a57e2a125af6ad71ef4b04df",id:d,style:Object.assign({},!(this.invalid&&this.invalidMessage)?{display:"none"}:{})},this.invalidMessage)))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};let l=0;o.style=d;export{o as admiralty_textarea};
+//# sourceMappingURL=p-5b0abd97.entry.js.map

package/dist/admiralty/p-5b0abd97.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["textareaCss","AdmiraltyTextareaStyle0","TextareaComponent","this","internalId","nextId","onBlur","textareaBlur","emit","onInput","ev","input","target","value","valueChanged","nativeInput","nativeTextArea","getValue","admiraltyInput","toString","render","id","el","inputId","hintId","errorId","h","Host","key","class","label","for","disabled","hint","ref","textArea","invalid","style","width","maxWidth","Object","assign","invalidMessage","display"],"sources":["src/components/textarea/textarea.scss?tag=admiralty-textarea&encapsulation=scoped","src/components/textarea/textarea.tsx"],"sourcesContent":["@import 'textarea.vars';\n\n.text-area-container {\n  textarea {\n    display: block;\n    position: relative;\n    width: 100%;\n    min-height: 170px;\n    border: 2px solid $textarea-border-colour;\n    color: $textarea-text-colour;\n    padding: 12px 18px;\n    outline: none;\n    resize: vertical;\n    overflow: auto;\n    box-sizing: border-box;\n    vertical-align: top;\n    font-weight: $textarea-font-weight;\n    line-height: $textarea-line-height;\n\n    background-color: $textarea-background-colour;\n\n    &:focus-visible {\n      outline: 3px solid $textarea-focus-colour;\n      box-shadow: $textarea-shadow-colour inset 0 0 0 2px;\n    }\n\n    &.invalid {\n      border-color: $textarea-error-border-colour;\n\n      &:focus-visible {\n        border-color: unset;\n        outline: 3px solid $textarea-focus-colour;\n      }\n    }\n\n    &.disabled {\n      color: $textarea-disabled-text-colour;\n      border-color: $textarea-disabled-border-colour;\n    }\n  }\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, Watch } from '@stencil/core';\nimport { TextAreaChangeEventDetail } from './textarea.interface';\n\n@Component({\n  tag: 'admiralty-textarea',\n  styleUrl: 'textarea.scss',\n  scoped: true,\n})\nexport class TextareaComponent {\n  private internalId = ++nextId;\n  private nativeTextArea?: HTMLTextAreaElement;\n\n  @Element() el!: HTMLElement;\n\n  /**\n   * The label which will be used as a placeholder in the unfilled state, and as a field label in the filled state.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The hint which will be used under the label to describe the input.\n   */\n  @Prop() hint: string;\n\n  /**\n   * The maximum width for the input field.\n   */\n  @Prop() width?: number;\n\n  /**\n   * This dictates whether the form field is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether to show the input in an invalid state\n   */\n  @Prop() invalid: boolean = false;\n\n  /**\n   * The message to show when the input is invalid\n   */\n  @Prop() invalidMessage: string;\n\n  /**\n   * Event is fired when the form control loses focus\n   * @event textareaBlur\n   */\n  @Event({ eventName: 'textareaBlur' }) textareaBlur: EventEmitter<any>;\n\n  /**\n   * Event is fired when the form control changes\n   * @event admiraltyChange\n   */\n  @Event() admiraltyInput: EventEmitter<TextAreaChangeEventDetail>;\n\n  /**\n   * The value of the textarea.\n   */\n  @Prop({ mutable: true }) value?: string | number | null = '';\n\n  /**\n   * Update the native textarea element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    const nativeInput = this.nativeTextArea;\n    const value = this.getValue();\n    if (nativeInput && nativeInput.value !== value) {\n      nativeInput.value = value;\n    }\n    this.admiraltyInput.emit({ value: this.value == null ? this.getValue() : this.value.toString() });\n  }\n\n  private onBlur = () => {\n    this.textareaBlur.emit();\n  };\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n  };\n\n  private getValue(): string {\n    return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();\n  }\n\n  render() {\n    const value = this.getValue();\n    const id = this.el.id != '' ? this.el.id : `admiralty-textarea-${this.internalId}`;\n    const inputId = `${id}-input`;\n    const hintId = `${id}-hint`;\n    const errorId = `${id}-error`;\n\n    return (\n      <Host>\n        <div class=\"text-area-container\">\n          {this.label ? (\n            <admiralty-label for={inputId} disabled={this.disabled}>\n              {this.label}\n            </admiralty-label>\n          ) : null}\n          {this.hint ? (\n            <admiralty-hint id={hintId} disabled={this.disabled}>\n              {this.hint}\n            </admiralty-hint>\n          ) : null}\n          <textarea\n            ref={textArea => (this.nativeTextArea = textArea)}\n            class={{ disabled: this.disabled, invalid: this.invalid }}\n            style={this.width ? { maxWidth: `${this.width}px` } : {}}\n            id={inputId}\n            disabled={this.disabled}\n            value={value}\n            onInput={this.onInput}\n            onBlur={this.onBlur}\n            aria-invalid={this.invalid ? 'true' : 'false'}\n            aria-describedby={(this.hint ? hintId : '') + ' ' + (this.invalid ? errorId : '')}\n          ></textarea>\n          <admiralty-input-invalid id={errorId} style={{ ...(!(this.invalid && this.invalidMessage) ? { display: 'none' } : {}) }}>\n            {this.invalidMessage}\n          </admiralty-input-invalid>\n        </div>\n      </Host>\n    );\n  }\n}\nlet nextId = 0;\n"],"mappings":"gEAAA,MAAMA,EAAc,2lEACpB,MAAAC,EAAeD,E,MCOFE,EAAiB,M,mHACpBC,KAAAC,aAAeC,EAiEfF,KAAAG,OAAS,KACfH,KAAKI,aAAaC,MAAM,EAGlBL,KAAAM,QAAWC,IACjB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTR,KAAKU,MAAQF,EAAME,OAAS,E,cAhER,G,uDAeI,M,aAKD,M,yCAsB+B,E,CAMhD,YAAAC,GACR,MAAMC,EAAcZ,KAAKa,eACzB,MAAMH,EAAQV,KAAKc,WACnB,GAAIF,GAAeA,EAAYF,QAAUA,EAAO,CAC9CE,EAAYF,MAAQA,C,CAEtBV,KAAKe,eAAeV,KAAK,CAAEK,MAAOV,KAAKU,OAAS,KAAOV,KAAKc,WAAad,KAAKU,MAAMM,Y,CAc9E,QAAAF,GACN,cAAcd,KAAKU,QAAU,SAAWV,KAAKU,MAAMM,YAAchB,KAAKU,OAAS,IAAIM,U,CAGrF,MAAAC,GACE,MAAMP,EAAQV,KAAKc,WACnB,MAAMI,EAAKlB,KAAKmB,GAAGD,IAAM,GAAKlB,KAAKmB,GAAGD,GAAK,sBAAsBlB,KAAKC,aACtE,MAAMmB,EAAU,GAAGF,UACnB,MAAMG,EAAS,GAAGH,SAClB,MAAMI,EAAU,GAAGJ,UAEnB,OACEK,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACR1B,KAAK2B,MACJJ,EAAA,mBAAiBK,IAAKR,EAASS,SAAU7B,KAAK6B,UAC3C7B,KAAK2B,OAEN,KACH3B,KAAK8B,KACJP,EAAA,kBAAgBL,GAAIG,EAAQQ,SAAU7B,KAAK6B,UACxC7B,KAAK8B,MAEN,KACJP,EAAA,YAAAE,IAAA,2CACEM,IAAKC,GAAahC,KAAKa,eAAiBmB,EACxCN,MAAO,CAAEG,SAAU7B,KAAK6B,SAAUI,QAASjC,KAAKiC,SAChDC,MAAOlC,KAAKmC,MAAQ,CAAEC,SAAU,GAAGpC,KAAKmC,WAAc,GACtDjB,GAAIE,EACJS,SAAU7B,KAAK6B,SACfnB,MAAOA,EACPJ,QAASN,KAAKM,QACdH,OAAQH,KAAKG,OAAM,eACLH,KAAKiC,QAAU,OAAS,QAAO,oBAC1BjC,KAAK8B,KAAOT,EAAS,IAAM,KAAOrB,KAAKiC,QAAUX,EAAU,MAEhFC,EAAA,2BAAAE,IAAA,2CAAyBP,GAAII,EAASY,MAAKG,OAAAC,OAAA,KAAUtC,KAAKiC,SAAWjC,KAAKuC,gBAAkB,CAAEC,QAAS,QAAW,KAC/GxC,KAAKuC,iB,gFAOlB,IAAIrC,EAAS,E"}

package/dist/admiralty/p-68c4f38b.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["paginatorCss","AdmiraltyPaginatorStyle0","PaginatorComponent","this","maxLength","pageChanged","page","pageChange","emit","onKeydown","event","navFn","key","prev","currentPage","next","pages","render","h","class","label","variant","icon","faChevronLeft","iconName","disabled","onClick","bind","onKeyDown","e","faChevronRight"],"sources":["src/components/paginator/paginator.scss?tag=admiralty-paginator&encapsulation=scoped","src/components/paginator/paginator.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\n\nnav.standard {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  admiralty-button {\n    margin: 6px;\n  }\n\n  p {\n    padding: 0px 18px 0px 0px;\n    margin-bottom: 0px;\n  }\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  tag: 'admiralty-paginator',\n  styleUrl: 'paginator.scss',\n  scoped: true,\n})\nexport class PaginatorComponent {\n  /**\n   * The total number of pages. Defaults to 1.\n   */\n  @Prop() pages = 1;\n  /**\n   * The current page. Defaults to 1.\n   */\n  @Prop() currentPage = 1;\n  /**\n   * The label to display.\n   */\n  @Prop() label: string = '';\n  /**\n   * Dispatched when the previous or next button is pressed. The event detail contains\n   * the requested page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  readonly maxLength = 7;\n\n  public pageChanged(page: number) {\n    this.pageChange.emit(page);\n  }\n\n  onKeydown(event: KeyboardEvent, navFn: Function) {\n    if (event.key === 'Enter' || event.key === 'Enter') {\n      navFn();\n    }\n  }\n\n  prev() {\n    if (this.currentPage > 1) {\n      this.pageChanged(this.currentPage - 1);\n    }\n  }\n\n  next() {\n    if (this.currentPage < this.pages) {\n      this.pageChanged(this.currentPage + 1);\n    }\n  }\n\n  render() {\n    return (\n      <nav aria-label=\"pagination\" class=\"standard\">\n        <p aria-live=\"polite\">{this.label}</p>\n        <admiralty-button\n          variant=\"icon\"\n          icon={faChevronLeft.iconName}\n          disabled={this.currentPage === 1}\n          aria-disabled={this.currentPage === 1}\n          onClick={this.prev.bind(this)}\n          onKeyDown={e => this.onKeydown(e, this.prev.bind(this))}\n          aria-label=\"Previous Page\"\n        ></admiralty-button>\n        <admiralty-button\n          variant=\"icon\"\n          icon={faChevronRight.iconName}\n          disabled={this.currentPage === this.pages}\n          aria-disabled={this.currentPage === this.pages}\n          onClick={this.next.bind(this)}\n          onKeyDown={e => this.onKeydown(e, this.next.bind(this))}\n          aria-label=\"Next Page\"\n        ></admiralty-button>\n      </nav>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAe,yRACrB,MAAAC,EAAeD,E,MCOFE,EAAkB,M,gEAmBpBC,KAAAC,UAAY,E,WAfL,E,iBAIM,E,WAIE,E,CASjB,WAAAC,CAAYC,GACjBH,KAAKI,WAAWC,KAAKF,E,CAGvB,SAAAG,CAAUC,EAAsBC,GAC9B,GAAID,EAAME,MAAQ,SAAWF,EAAME,MAAQ,QAAS,CAClDD,G,EAIJ,IAAAE,GACE,GAAIV,KAAKW,YAAc,EAAG,CACxBX,KAAKE,YAAYF,KAAKW,YAAc,E,EAIxC,IAAAC,GACE,GAAIZ,KAAKW,YAAcX,KAAKa,MAAO,CACjCb,KAAKE,YAAYF,KAAKW,YAAc,E,EAIxC,MAAAG,GACE,OACEC,EAAA,OAAAN,IAAA,wDAAgB,aAAaO,MAAM,YACjCD,EAAA,KAAAN,IAAA,uDAAa,UAAUT,KAAKiB,OAC5BF,EAAA,oBAAAN,IAAA,2CACES,QAAQ,OACRC,KAAMC,EAAcC,SACpBC,SAAUtB,KAAKW,cAAgB,EAAC,gBACjBX,KAAKW,cAAgB,EACpCY,QAASvB,KAAKU,KAAKc,KAAKxB,MACxByB,UAAWC,GAAK1B,KAAKM,UAAUoB,EAAG1B,KAAKU,KAAKc,KAAKxB,OAAM,aAC5C,kBAEbe,EAAA,oBAAAN,IAAA,2CACES,QAAQ,OACRC,KAAMQ,EAAeN,SACrBC,SAAUtB,KAAKW,cAAgBX,KAAKa,MAAK,gBAC1Bb,KAAKW,cAAgBX,KAAKa,MACzCU,QAASvB,KAAKY,KAAKY,KAAKxB,MACxByB,UAAWC,GAAK1B,KAAKM,UAAUoB,EAAG1B,KAAKY,KAAKY,KAAKxB,OAAM,aAC5C,c"}
+{"version":3,"names":["paginatorCss","AdmiraltyPaginatorStyle0","PaginatorComponent","this","maxLength","pageChanged","page","pageChange","emit","onKeydown","event","navFn","key","prev","currentPage","next","pages","render","h","class","label","variant","icon","faChevronLeft","iconName","disabled","onClick","bind","onKeyDown","e","faChevronRight"],"sources":["src/components/paginator/paginator.scss?tag=admiralty-paginator&encapsulation=scoped","src/components/paginator/paginator.tsx"],"sourcesContent":["nav.standard {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  admiralty-button {\n    margin: 6px;\n  }\n\n  p {\n    padding: 0px 18px 0px 0px;\n    margin-bottom: 0px;\n  }\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  tag: 'admiralty-paginator',\n  styleUrl: 'paginator.scss',\n  scoped: true,\n})\nexport class PaginatorComponent {\n  /**\n   * The total number of pages. Defaults to 1.\n   */\n  @Prop() pages = 1;\n  /**\n   * The current page. Defaults to 1.\n   */\n  @Prop() currentPage = 1;\n  /**\n   * The label to display.\n   */\n  @Prop() label: string = '';\n  /**\n   * Dispatched when the previous or next button is pressed. The event detail contains\n   * the requested page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  readonly maxLength = 7;\n\n  public pageChanged(page: number) {\n    this.pageChange.emit(page);\n  }\n\n  onKeydown(event: KeyboardEvent, navFn: Function) {\n    if (event.key === 'Enter' || event.key === 'Enter') {\n      navFn();\n    }\n  }\n\n  prev() {\n    if (this.currentPage > 1) {\n      this.pageChanged(this.currentPage - 1);\n    }\n  }\n\n  next() {\n    if (this.currentPage < this.pages) {\n      this.pageChanged(this.currentPage + 1);\n    }\n  }\n\n  render() {\n    return (\n      <nav aria-label=\"pagination\" class=\"standard\">\n        <p aria-live=\"polite\">{this.label}</p>\n        <admiralty-button\n          variant=\"icon\"\n          icon={faChevronLeft.iconName}\n          disabled={this.currentPage === 1}\n          aria-disabled={this.currentPage === 1}\n          onClick={this.prev.bind(this)}\n          onKeyDown={e => this.onKeydown(e, this.prev.bind(this))}\n          aria-label=\"Previous Page\"\n        ></admiralty-button>\n        <admiralty-button\n          variant=\"icon\"\n          icon={faChevronRight.iconName}\n          disabled={this.currentPage === this.pages}\n          aria-disabled={this.currentPage === this.pages}\n          onClick={this.next.bind(this)}\n          onKeyDown={e => this.onKeydown(e, this.next.bind(this))}\n          aria-label=\"Next Page\"\n        ></admiralty-button>\n      </nav>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAe,yRACrB,MAAAC,EAAeD,E,MCOFE,EAAkB,M,gEAmBpBC,KAAAC,UAAY,E,WAfL,E,iBAIM,E,WAIE,E,CASjB,WAAAC,CAAYC,GACjBH,KAAKI,WAAWC,KAAKF,E,CAGvB,SAAAG,CAAUC,EAAsBC,GAC9B,GAAID,EAAME,MAAQ,SAAWF,EAAME,MAAQ,QAAS,CAClDD,G,EAIJ,IAAAE,GACE,GAAIV,KAAKW,YAAc,EAAG,CACxBX,KAAKE,YAAYF,KAAKW,YAAc,E,EAIxC,IAAAC,GACE,GAAIZ,KAAKW,YAAcX,KAAKa,MAAO,CACjCb,KAAKE,YAAYF,KAAKW,YAAc,E,EAIxC,MAAAG,GACE,OACEC,EAAA,OAAAN,IAAA,wDAAgB,aAAaO,MAAM,YACjCD,EAAA,KAAAN,IAAA,uDAAa,UAAUT,KAAKiB,OAC5BF,EAAA,oBAAAN,IAAA,2CACES,QAAQ,OACRC,KAAMC,EAAcC,SACpBC,SAAUtB,KAAKW,cAAgB,EAAC,gBACjBX,KAAKW,cAAgB,EACpCY,QAASvB,KAAKU,KAAKc,KAAKxB,MACxByB,UAAWC,GAAK1B,KAAKM,UAAUoB,EAAG1B,KAAKU,KAAKc,KAAKxB,OAAM,aAC5C,kBAEbe,EAAA,oBAAAN,IAAA,2CACES,QAAQ,OACRC,KAAMQ,EAAeN,SACrBC,SAAUtB,KAAKW,cAAgBX,KAAKa,MAAK,gBAC1Bb,KAAKW,cAAgBX,KAAKa,MACzCU,QAASvB,KAAKY,KAAKY,KAAKxB,MACxByB,UAAWC,GAAK1B,KAAKM,UAAUoB,EAAG1B,KAAKY,KAAKY,KAAKxB,OAAM,aAC5C,c"}

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

@@ -0,0 +1,2 @@
+import{r as a,h as i}from"./p-ac0ad15a.js";import{g as o,h as d,i as r,j as e}from"./p-5f6bf081.js";const t=".visually-hidden.sc-admiralty-dialogue: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-dialogue{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-dialogue{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-dialogue{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-dialogue{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-dialogue{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-dialogue{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-dialogue{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-dialogue{display:none}}.dialogue.sc-admiralty-dialogue{box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2);padding:30px 18px;overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 1023px){.dialogue.sc-admiralty-dialogue{padding:24px 18px}}.dialogue.sc-admiralty-dialogue .dialogue-title.sc-admiralty-dialogue{display:flex;align-items:center;overflow-wrap:break-word;word-wrap:break-word;margin-bottom:12px}.dialogue.sc-admiralty-dialogue .dialogue-title.sc-admiralty-dialogue .dialogue-title-icon.sc-admiralty-dialogue{font-size:18px;color:var(--admiralty-colour-primary);margin-right:8px;margin-bottom:4px}.dialogue.sc-admiralty-dialogue .dialogue-title.sc-admiralty-dialogue h2.sc-admiralty-dialogue{color:var(--admiralty-colour-primary);font-size:20px;font-weight:400;line-height:30px;margin:0}.dialogue.info.sc-admiralty-dialogue{border-left:5px solid var(--admiralty-colour-info);background-color:var(--admiralty-colour-info-background)}.dialogue.error.sc-admiralty-dialogue{border-left:5px solid var(--admiralty-colour-danger);background-color:var(--admiralty-colour-danger-background)}.dialogue.success.sc-admiralty-dialogue{border-left:5px solid var(--admiralty-colour-success);background-color:var(--admiralty-colour-success-background)}.dialogue.warning.sc-admiralty-dialogue{border-left:5px solid var(--admiralty-colour-warning);background-color:var(--admiralty-colour-warning-background)}";const l=t;const n=class{constructor(i){a(this,i);this.type="info";this.heading=undefined;this.sectionRole=undefined}getIconNameForType(){switch(this.type){case"info":return e;case"warning":return r;case"success":return d;case"error":return o}}render(){const a=Object.assign({},this.sectionRole&&{role:this.sectionRole});return i("section",Object.assign({key:"97f21ac95cc43339926a3103be7a9d9e7db0bd3d",class:{dialogue:true,[this.type]:true}},a),i("div",{key:"7bb8c1b78a84f4f7db659c7c8aef41f62cb03bee",class:"dialogue-title"},i("admiralty-icon",{key:"7a929b2cb4175ae268552a4a2e4374a6d054a69e",class:"dialogue-title-icon","icon-name":this.getIconNameForType().iconName}),i("h2",{key:"225d1ac3dd1494935fcc6d8b3b5f045846ac21dc"},this.heading)),i("slot",{key:"b7077018c37bb3fd1c39c5f9cae84894882ab696"}))}};n.style=l;export{n as admiralty_dialogue};
+//# sourceMappingURL=p-6d0d6197.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dialogueCss","AdmiraltyDialogueStyle0","DialogueComponent","getIconNameForType","this","type","faCircleInfo","faTriangleExclamation","faCheck","faExclamation","render","sectionProps","Object","assign","sectionRole","role","h","key","class","dialogue","iconName","heading"],"sources":["src/components/dialogue/dialogue.scss?tag=admiralty-dialogue&encapsulation=scoped","src/components/dialogue/dialogue.tsx"],"sourcesContent":["@import 'dialogue.vars';\n\n.dialogue {\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);\n  padding: 30px 18px;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n\n  @include not-desktop {\n    padding: 24px 18px;\n  }\n\n  .dialogue-title {\n    display: flex;\n    align-items: center;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    margin-bottom: 12px;\n\n    .dialogue-title-icon {\n      font-size: 18px;\n      color: $dialogue-title-text-colour;\n      margin-right: 8px;\n      margin-bottom: 4px;\n    }\n\n    h2 {\n      color: $dialogue-title-text-colour;\n      font-size: 20px;\n      font-weight: $dialogue-title-text-weight;\n      line-height: 30px;\n      margin: 0;\n    }\n  }\n\n  &.info {\n    border-left: 5px solid $dialogue-info-accent-colour;\n    background-color: $dialogue-info-colour;\n  }\n\n  &.error {\n    border-left: 5px solid $dialogue-error-accent-colour;\n    background-color: $dialogue-error-colour;\n  }\n  &.success {\n    border-left: 5px solid $dialogue-success-accent-colour;\n    background-color: $dialogue-success-colour;\n  }\n  &.warning {\n    border-left: 5px solid $dialogue-warning-accent-colour;\n    background-color: $dialogue-warning-colour;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { faCheck, faCircleInfo, faExclamation, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n  tag: 'admiralty-dialogue',\n  styleUrl: 'dialogue.scss',\n  scoped: true,\n})\nexport class DialogueComponent {\n  /**\n   * The type of dialogue box to render.\n   */\n  @Prop() type: 'info' | 'warning' | 'success' | 'error' = 'info';\n\n  /**\n   * The heading to display.\n   */\n  @Prop() heading: string;\n\n  /**\n   * The role to give the dialogue section. Set this to `alert` if the dialogue box is being used to summarise error messages.\n   */\n  @Prop() sectionRole: 'alert';\n\n  getIconNameForType(): IconDefinition {\n    switch (this.type) {\n      case 'info':\n        return faCircleInfo;\n      case 'warning':\n        return faTriangleExclamation;\n      case 'success':\n        return faCheck;\n      case 'error':\n        return faExclamation;\n    }\n  }\n\n  render() {\n    const sectionProps = {\n      ...(this.sectionRole && { role: this.sectionRole }),\n    };\n    return (\n      <section\n        class={{\n          dialogue: true,\n          [this.type]: true,\n        }}\n        {...sectionProps}\n      >\n        <div class=\"dialogue-title\">\n          <admiralty-icon class=\"dialogue-title-icon\" icon-name={this.getIconNameForType().iconName}></admiralty-icon>\n          <h2>{this.heading}</h2>\n        </div>\n        <slot></slot>\n      </section>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAc,g3EACpB,MAAAC,EAAeD,E,MCQFE,EAAiB,M,mCAI6B,O,kDAYzD,kBAAAC,GACE,OAAQC,KAAKC,MACX,IAAK,OACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,QACH,OAAOC,E,CAIb,MAAAC,GACE,MAAMC,EAAYC,OAAAC,OAAA,GACZT,KAAKU,aAAe,CAAEC,KAAMX,KAAKU,cAEvC,OACEE,EAAA,UAAAJ,OAAAC,OAAA,CAAAI,IAAA,2CACEC,MAAO,CACLC,SAAU,KACV,CAACf,KAAKC,MAAO,OAEXM,GAEJK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAA,kBAAAC,IAAA,2CAAgBC,MAAM,sBAAqB,YAAYd,KAAKD,qBAAqBiB,WACjFJ,EAAA,MAAAC,IAAA,4CAAKb,KAAKiB,UAEZL,EAAA,QAAAC,IAAA,6C"}

package/dist/admiralty/p-793351f2.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as s}from"./p-ac0ad15a.js";const e="nav.side-nav.sc-admiralty-side-nav{display:flex;flex-direction:column}";const d=e;const c=class{constructor(s){a(this,s);this.label=undefined}render(){return s("nav",{key:"fa11891b568aa0e84f5e2d45cf78c052c9f7af71",class:"side-nav","aria-label":this.label},s("slot",{key:"013d8d0757d87a64c78bb5b39de506a0b8619c36"}))}};c.style=d;export{c as admiralty_side_nav};
+//# sourceMappingURL=p-793351f2.entry.js.map

package/dist/admiralty/p-793351f2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sideNavCss","AdmiraltySideNavStyle0","SideNavComponent","render","h","key","class","this","label"],"sources":["src/components/side-nav/side-nav.scss?tag=admiralty-side-nav&encapsulation=scoped","src/components/side-nav/side-nav.tsx"],"sourcesContent":["nav.side-nav {\n  display: flex;\n  flex-direction: column;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-side-nav',\n  styleUrl: 'side-nav.scss',\n  scoped: true,\n})\nexport class SideNavComponent {\n  /**\n   * A label for accessibility purposes to describe what this Side Nav navigation is for\n   * e.g. Product Menu, Map Tool Menu etc.\n   */\n  @Prop() label: string;\n\n  render() {\n    return (\n      <nav class=\"side-nav\" aria-label={this.label}>\n        <slot></slot>\n      </nav>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAa,yEACnB,MAAAC,EAAeD,E,MCMFE,EAAgB,M,8CAO3B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WAAU,aAAaC,KAAKC,OACrCJ,EAAA,QAAAC,IAAA,6C"}

package/dist/admiralty/p-7f184bf1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,f as a,h as e,H as s,g as h}from"./p-ac0ad15a.js";import{K as d}from"./p-a4bd6904.js";const n=".visually-hidden.sc-admiralty-type-ahead: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-type-ahead{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-type-ahead{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-type-ahead{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-type-ahead{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-type-ahead{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-type-ahead{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-type-ahead{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-type-ahead{display:none}}*.sc-admiralty-type-ahead{margin:0px;padding:0px}.text-input-wrap.sc-admiralty-type-ahead{height:auto !important}.filterTextInput.sc-admiralty-type-ahead{width:100%}.typeahead-list-container.sc-admiralty-type-ahead{position:relative}.typeahead-list-container.sc-admiralty-type-ahead .typeahead-list.sc-admiralty-type-ahead{position:absolute;left:0px;top:-24px;background-color:var(--admiralty-background-colour);width:100%;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);border:2px solid var(--admiralty-text-colour);border-top:none;box-sizing:border-box;max-height:180px;overflow-y:auto;z-index:1;list-style:none}.typeahead-list-container.sc-admiralty-type-ahead .typeahead-list.sc-admiralty-type-ahead li.sc-admiralty-type-ahead{cursor:pointer;transform:unset !important;padding:6px;min-height:24px;margin:0}.typeahead-list-container.sc-admiralty-type-ahead .typeahead-list.sc-admiralty-type-ahead li.sc-admiralty-type-ahead:before{content:none}.typeahead-list-container.sc-admiralty-type-ahead .typeahead-list.sc-admiralty-type-ahead li.highlighted.sc-admiralty-type-ahead{background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}";const o=n;const r=class{constructor(a){t(this,a);this.selectionChanged=i(this,"selectionChanged",7);this.valueChanged=i(this,"valueChanged",7);this.internalId=++l;this.filterList=[];this.selectedItemIndex=-1;this.isFocused=false;this.isSilenced=false;this.isAlternateStatusSection=false;this.originalSearch="";this.hasBeenFocusedAtLeastOnce=false;this.filterResult=new Array;this.value=undefined;this.label=undefined;this.hint=undefined;this.placeholder=undefined;this.resultsOnInitFocus=false}get inputValue(){return this.inputControl.value.toString()}set inputValue(t){this.inputControl.value=t}componentDidLoad(){if(this.value){this.inputValue=this.value}}connectedCallback(){this.mutation=new MutationObserver((()=>{this.populateFilterList();a(this)}));this.mutation.observe(this.el,{childList:true,subtree:true})}disconnectedCallback(){if(this.mutation){this.mutation.disconnect();this.mutation=undefined}}populateFilterList(){const t=this.el.querySelectorAll("admiralty-type-ahead-item");this.filterList=[];t.forEach((t=>{this.filterList.push(t.getAttribute("value"))}))}handleFocusIn(){if(this.resultsOnInitFocus&&!this.hasBeenFocusedAtLeastOnce){this.performFilter("");this.hasBeenFocusedAtLeastOnce=true}this.isFocused=true;this.isSilenced=false}handleFocusOut(){this.isFocused=false;this.statusText=null;this.isSilenced=true}textChanged(t){this.originalSearch=t;this.performFilter(t);this.isSilenced=false;this.valueChanged.emit(t)}handleKeyPressed(t){t.stopImmediatePropagation();if(t.key===d.UP_ARROW||t.key===d.DOWN_ARROW){this.navigateSuggestions(t.key);this.updateScroll()}else if(t.key!==d.ENTER){this.textChanged(this.inputValue);this.selectCurrentItem()}}handleKeyDown(t){t.stopImmediatePropagation();if(t.key===d.TAB||t.key===d.ENTER){this.selectCurrentItem()}}handleItemSelected(t){this.inputValue=t;this.textChanged(t);this.filterResult=new Array;this.selectionChanged.emit(t)}performFilter(t){const i=(t,i)=>{const a=t.filter((t=>i===null||i.length<1||t.toLowerCase().indexOf(i.toLowerCase())>-1));return a};this.filterResult=i(this.filterList,t);this.selectedItemIndex=-1}addHighlight(){if(this.selectedItemIndex>-1){const t=this.el.querySelector(`#${this.getListItemId(this.selectedItemIndex)}`);t.classList.add("highlighted")}}removeHighlight(t){if(t>-1){const i=this.el.querySelector(`#${this.getListItemId(t)}`);i.classList.remove("highlighted")}}selectCurrentItem(){if(this.selectedItemIndex>=0){const t=this.filterResult[this.selectedItemIndex];this.handleItemSelected(t)}}handleItemHovered(t){this.removeHighlight(this.selectedItemIndex);this.selectedItemIndex=t;this.addHighlight()}handleComponentFocusOut(){var t;if(((t=this.filterResult)===null||t===void 0?void 0:t.length)>0){this.filterResult=new Array;this.hasBeenFocusedAtLeastOnce=false}}updateScroll(){const t=this.listContainer;const i=t.querySelector("ul");const a=Array.from(i.childNodes).find((t=>t.ariaPosInSet===`${this.selectedItemIndex+1}`));if(t&&a&&t.scrollHeight+t.clientHeight){a.scrollIntoView()}}navigateSuggestions(t){if(t===d.UP_ARROW){this.removeHighlight(this.selectedItemIndex);this.selectedItemIndex--;if(this.selectedItemIndex===-2){this.selectedItemIndex=this.filterResult.length-1}}if(t===d.DOWN_ARROW){this.removeHighlight(this.selectedItemIndex);this.selectedItemIndex++;if(this.selectedItemIndex>this.filterResult.length-1){this.selectedItemIndex=-1}}if(this.selectedItemIndex===-1){this.inputValue=this.originalSearch}else{const t=this.filterResult[this.selectedItemIndex];this.inputValue=t;this.addHighlight()}}getListItemId(t){const i=this.getId();return`${i}-list-item-${t}`}getId(){return this.el.id!=""?this.el.id:`admiralty-typeahead-${this.internalId}`}render(){const t=this.getId();const i=`${t}-input`;const a=`${t}-assistive-hint`;const h=`${t}-list`;return e(s,{key:"da556376ed5a49cc4c9ff880e9dcb99415bad980",onFocusout:t=>this.handleComponentFocusOut()},e("div",{key:"42c6a1c93fa152b3883a27fbb4818a87063806a6",class:"visually-hidden"},e("div",{key:"8627642a6eb32d243c28312f20a643988faaf469",class:"results-status-a",role:"status","aria-atomic":"true","aria-live":"polite"},!this.isSilenced&&this.isAlternateStatusSection?this.statusText:""),e("div",{key:"4a77dbf4074cdaf3dc1694a10aaa87737cdb7fd1",class:"results-status-b",role:"status","aria-atomic":"true","aria-live":"polite"},!this.isSilenced&&!this.isAlternateStatusSection?this.statusText:"")),e("admiralty-input",{key:"3ec262d35d776990bbf35d8cc8df1aaf9f325758",type:"text",ref:t=>this.inputControl=t,id:i,label:this.label,hint:this.hint,placeholder:this.placeholder,class:"filterTextInput",onKeyUp:t=>this.handleKeyPressed(t),onKeyDown:t=>this.handleKeyDown(t),onFocusin:t=>this.handleFocusIn(),onFocusout:t=>this.handleFocusOut(),"aria-expanded":this.isFocused&&this.filterResult.length>0}),e("span",{key:"8bd56b6ff1a619876782efe7634e5b5853460411",id:a,class:"visually-hidden"},"When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures."),this.filterResult.length>0?e("div",{class:"typeahead-list-container",ref:t=>this.listContainer=t},e("ul",{class:"typeahead-list",id:h,role:"listbox"},this.filterResult.map(((t,i)=>e("li",{id:this.getListItemId(i),onMouseDown:i=>this.handleItemSelected(t),onMouseOver:t=>this.handleItemHovered(i),"aria-selected":i===this.selectedItemIndex,role:"option",tabindex:"-1","aria-posinset":i+1,"aria-setsize":this.filterResult.length},t))))):null,e("slot",{key:"35a5e641a09e112ded9b0d93a957d6a94364ee0b"}))}get el(){return h(this)}};let l=0;r.style=o;export{r as admiralty_type_ahead};
+//# sourceMappingURL=p-7f184bf1.entry.js.map