@ukho/admiralty-core 5.7.0--canary.63b73ed.0 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admiralty/admiralty.esm.js +1 -1
- package/dist/admiralty/p-192995ac.entry.js +1 -0
- package/dist/admiralty/p-3e5e29cc.entry.js +1 -0
- package/dist/admiralty/{p-4da8e850.entry.js → p-4b7de380.entry.js} +1 -1
- package/dist/admiralty/p-58202d6a.entry.js +1 -0
- package/dist/admiralty/p-644ca5b1.entry.js +1 -0
- package/dist/admiralty/p-7ddb717d.entry.js +1 -0
- package/dist/admiralty/p-7f5b8da9.entry.js +1 -0
- package/dist/admiralty/{p-af41a4ea.entry.js → p-8d2f5af2.entry.js} +1 -1
- package/dist/admiralty/p-bf8ff732.entry.js +1 -0
- package/dist/admiralty/{p-0286f4c4.entry.js → p-c4bd7f40.entry.js} +1 -1
- package/dist/admiralty/{p-bdd0b964.entry.js → p-db29c807.entry.js} +1 -1
- package/dist/cjs/admiralty-colour-block.cjs.entry.js +82 -9
- package/dist/cjs/admiralty-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-table-header-cell.cjs.entry.js +2 -49
- package/dist/cjs/admiralty-table-row.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-table.cjs.entry.js +1 -7
- package/dist/cjs/admiralty-text-side-bar-item.cjs.entry.js +4 -4
- package/dist/cjs/admiralty-text-side-bar-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-text-side-bar.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-textarea.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-theme-toggle.cjs.entry.js +8 -2
- package/dist/cjs/admiralty-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/admiralty.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/colour-block/colour-block.css +29 -0
- package/dist/collection/components/colour-block/colour-block.js +102 -9
- package/dist/collection/components/radio-group/radio-group.js +1 -1
- package/dist/collection/components/table/table.js +1 -29
- package/dist/collection/components/table-header-cell/table-header-cell.css +0 -43
- package/dist/collection/components/table-header-cell/table-header-cell.js +1 -117
- package/dist/collection/components/table-row/table-row.js +1 -1
- package/dist/collection/components/text-side-bar/text-side-bar.js +1 -1
- package/dist/collection/components/text-side-bar/text-side-bar.stories.data.js +1 -1
- package/dist/collection/components/text-side-bar-item/text-side-bar-item.js +4 -4
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/theme-toggle/theme-toggle.js +8 -2
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/components/admiralty-colour-block.js +1 -1
- package/dist/components/admiralty-radio-group.js +1 -1
- package/dist/components/admiralty-table-header-cell.js +1 -1
- package/dist/components/admiralty-table-row.js +1 -1
- package/dist/components/admiralty-table.js +1 -1
- package/dist/components/admiralty-text-side-bar-item.js +1 -1
- package/dist/components/admiralty-text-side-bar-wrapper.js +1 -1
- package/dist/components/admiralty-text-side-bar.js +1 -1
- package/dist/components/admiralty-textarea.js +1 -1
- package/dist/components/admiralty-theme-toggle.js +1 -1
- package/dist/components/admiralty-tooltip.js +1 -1
- package/dist/esm/admiralty-colour-block.entry.js +82 -9
- package/dist/esm/admiralty-radio-group.entry.js +1 -1
- package/dist/esm/admiralty-table-header-cell.entry.js +3 -50
- package/dist/esm/admiralty-table-row.entry.js +1 -1
- package/dist/esm/admiralty-table.entry.js +1 -7
- package/dist/esm/admiralty-text-side-bar-item.entry.js +4 -4
- package/dist/esm/admiralty-text-side-bar-wrapper.entry.js +1 -1
- package/dist/esm/admiralty-text-side-bar.entry.js +1 -1
- package/dist/esm/admiralty-textarea.entry.js +1 -1
- package/dist/esm/admiralty-theme-toggle.entry.js +8 -2
- package/dist/esm/admiralty-tooltip.entry.js +1 -1
- package/dist/esm/admiralty.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/colour-block/colour-block.d.ts +17 -3
- package/dist/types/components/table/table.d.ts +0 -6
- package/dist/types/components/table-header-cell/table-header-cell.d.ts +0 -23
- package/dist/types/components.d.ts +14 -59
- package/docs/docs.json +36 -150
- package/package.json +2 -2
- package/themes/default.css +3 -3
- package/dist/admiralty/p-0aaa3be0.entry.js +0 -1
- package/dist/admiralty/p-199ad75b.entry.js +0 -1
- package/dist/admiralty/p-2a2ac7d2.entry.js +0 -1
- package/dist/admiralty/p-30c67255.entry.js +0 -1
- package/dist/admiralty/p-33531fc7.entry.js +0 -1
- package/dist/admiralty/p-3d107fad.entry.js +0 -1
- package/dist/admiralty/p-dfcf9666.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-uO9JpdnI.js";export{s as setNonce}from"./p-uO9JpdnI.js";import{g as i}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await i(),a([["p-c55f0b84",[[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"],iconName:[1,"icon-name"],label:[1],hint:[1],invalid:[4],invalidMessage:[1,"invalid-message"],disabled:[4],value:[1025],filterFunction:[16],focused:[32],hovered:[32],menuOpen:[32],options:[32],option:[32],query:[32],validChoiceMade:[32],selected:[32],ariaHint:[32]},null,{value:[{onValueChange:0}],focused:[{onFocusedChange:0}]}]]],["p-3d31f5fa",[[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:0}]}]]],["p-482b572b",[[262,"admiralty-select",{disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],hint:[1],label:[1],width:[2],value:[1032]},null,{value:[{valueChanged:0}]}]]],["p-
|
|
1
|
+
import{p as e,b as a}from"./p-uO9JpdnI.js";export{s as setNonce}from"./p-uO9JpdnI.js";import{g as i}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await i(),a([["p-c55f0b84",[[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"],iconName:[1,"icon-name"],label:[1],hint:[1],invalid:[4],invalidMessage:[1,"invalid-message"],disabled:[4],value:[1025],filterFunction:[16],focused:[32],hovered:[32],menuOpen:[32],options:[32],option:[32],query:[32],validChoiceMade:[32],selected:[32],ariaHint:[32]},null,{value:[{onValueChange:0}],focused:[{onFocusedChange:0}]}]]],["p-3d31f5fa",[[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:0}]}]]],["p-482b572b",[[262,"admiralty-select",{disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],hint:[1],label:[1],width:[2],value:[1032]},null,{value:[{valueChanged:0}]}]]],["p-c4bd7f40",[[2,"admiralty-textarea",{label:[1],hint:[1],width:[2],disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],value:[1032]},null,{value:[{valueChanged:0}]}]]],["p-7ddb717d",[[262,"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:0}],invalid:[{invalidChanged:0}]}]]],["p-192995ac",[[262,"admiralty-colour-block",{width:[2],height:[2],heading:[1],colour:[1],href:[1],linkText:[1,"link-text"],accessibleLabel:[1,"aria-label"],suppressRedirect:[4,"suppress-redirect"],enableCardEvent:[4,"enable-card-event"],actionText:[1,"action-text"]}]]],["p-20b2151f",[[262,"admiralty-error-summary",{heading:[1]}]]],["p-a39054a1",[[2,"admiralty-file-input",{label:[1],multiple:[4],invalid:[4],invalidMessage:[1,"invalid-message"],files:[32]}]]],["p-ec54cb7a",[[262,"admiralty-filter",{filterTitle:[1,"filter-title"]}]]],["p-04ba8a2d",[[262,"admiralty-filter-group",{groupTitle:[1,"group-title"]}]]],["p-0f9c7b77",[[2,"admiralty-paginator",{pages:[2],currentPage:[2,"current-page"],label:[1]}]]],["p-c52cb40d",[[262,"admiralty-breadcrumb",{active:[4],first:[4],href:[1]}]]],["p-2062b7be",[[262,"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-58bca1c3",[[2,"admiralty-icon-side-bar-item",{expanded:[1540],icon:[1],href:[1],itemText:[1,"item-text"],suppressRedirect:[4,"suppress-redirect"],active:[1540]},null,{active:[{handleActiveChange:0}]}]]],["p-db616d14",[[2,"admiralty-pill",{text:[1],number:[1],label:[1],colour:[1],selected:[4]}]]],["p-d5010bfb",[[2,"admiralty-progress-bar",{label:[1],progression:[2],error:[4],progressionValue:[32]},null,{progression:[{progressionChanged:0}]}]]],["p-93a26092",[[262,"admiralty-progress-tracker",{allowBackNavigation:[4,"allow-back-navigation"],allowForwardNavigation:[4,"allow-forward-navigation"],focusedStepIndex:[32],currentSteps:[32]}]]],["p-4e2170cb",[[262,"admiralty-read-more",{heading:[1],expanded:[32]}]]],["p-db29c807",[[262,"admiralty-text-side-bar-item",{variant:[1],expanded:[1540],icon:[1],href:[1],itemText:[1,"item-text"],suppressRedirect:[4,"suppress-redirect"],active:[1540]},null,{active:[{handleActiveChange:0}]}]]],["p-3e5e29cc",[[2,"admiralty-theme-toggle",{theme:[1537],disabled:[516],ariaLabel:[1,"aria-label"]},null,{theme:[{themeChanged:0}]}]]],["p-d6e3e5c5",[[2,"admiralty-autocomplete-option",{value:[8]}]]],["p-d00f1751",[[262,"admiralty-breadcrumbs"]]],["p-90430106",[[262,"admiralty-card",{heading:[1]}]]],["p-a2937f36",[[2,"admiralty-checkbox",{checkboxRight:[4,"checkbox-right"],disabled:[4],name:[1],checked:[1540],value:[8],labelText:[1,"label-text"],labelHidden:[4,"label-hidden"]},null,{checked:[{checkedChanged:0}]}]]],["p-89f763b3",[[262,"admiralty-footer",{variant:[1],imageLink:[1,"image-link"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],text:[1],hasSlotContent:[32]},[[2,"slotchange","handleSlotChange"]]]]],["p-87c27c26",[[262,"admiralty-header-menu-item",{menuTitle:[1,"menu-title"],active:[4]}]]],["p-532749db",[[262,"admiralty-header-menu-link",{menuTitle:[1,"menu-title"],active:[4],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-686e38b1",[[2,"admiralty-header-profile",{isSignedIn:[4,"is-signed-in"],signedInText:[1,"signed-in-text"],signInOnly:[4,"sign-in-only"]}]]],["p-3658cd6a",[[262,"admiralty-header-sub-menu-item",{menuTitle:[1,"menu-title"],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-f5a798eb",[[2,"admiralty-hr"]]],["p-c8616e41",[[262,"admiralty-icon-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],iconSideBarWidth:[1,"icon-side-bar-width"]}]]],["p-b48b53dc",[[260,"admiralty-icon-side-bar-wrapper",null,[[0,"iconSideBarItemClick","onIconSideBarItemSelected"]]]]],["p-250bab5c",[[262,"admiralty-link",{href:[1],newTab:[4,"new-tab"]}]]],["p-a9145bb7",[[262,"admiralty-modal-dialog",{heading:[1],label:[1],description:[1],show:[4]}]]],["p-18ab59bf",[[260,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["p-1eb11a17",[[2,"admiralty-phase-banner",{phase:[1],link:[1]}]]],["p-1119a9fb",[[262,"admiralty-progress-tracker-step",{stepId:[1,"step-id"],stepTitle:[1,"step-title"],status:[1],summary:[1]}]]],["p-f9250d7c",[[262,"admiralty-radio",{name:[1],value:[1025],disabled:[4],checked:[1028],invalid:[4],buttonTabindex:[32],setButtonTabindex:[64]},null,{value:[{valueChanged:0}]}]]],["p-102034c5",[[262,"admiralty-side-nav",{label:[1]}]]],["p-2be7a680",[[2,"admiralty-side-nav-item",{sideNavItemId:[1,"side-nav-item-id"],headingTitle:[1,"heading-title"],navActive:[4,"nav-active"]}]]],["p-19608026",[[260,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["p-3a04a729",[[2,"admiralty-skeleton",{height:[1],width:[1],radius:[1],noAnimation:[1540,"no-animation"]}]]],["p-2f210e36",[[2,"admiralty-skip-link",{href:[1]}]]],["p-d5f03bc3",[[262,"admiralty-tab",{label:[1],tabLabelId:[1,"tab-label-id"],tabContentId:[1,"tab-content-id"]}]]],["p-a3337198",[[262,"admiralty-tab-group",{selectedIndex:[1026,"selected-index"]}]]],["p-58202d6a",[[262,"admiralty-table",{caption:[1]}]]],["p-0f31fa76",[[262,"admiralty-table-body"]]],["p-2e0dbbb1",[[262,"admiralty-table-cell"]]],["p-cb1a4f5a",[[262,"admiralty-table-header"]]],["p-7f5b8da9",[[262,"admiralty-table-header-cell"]]],["p-644ca5b1",[[262,"admiralty-table-row"]]],["p-8d2f5af2",[[262,"admiralty-text-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],textSideBarWidth:[1,"text-side-bar-width"]}]]],["p-bf8ff732",[[260,"admiralty-text-side-bar-wrapper",null,[[0,"textSideBarItemClick","ontextSideBarItemSelected"]]]]],["p-4b7de380",[[262,"admiralty-tooltip",{for:[1],placement:[513],alignment:[513]}]]],["p-7840dfc9",[[1,"admiralty-icon",{name:[1],size:[8]}]]],["p-8b915148",[[262,"admiralty-dialogue",{type:[1],heading:[1],sectionRole:[1,"section-role"]}]]],["p-851bc34c",[[262,"admiralty-expansion",{heading:[1],expanded:[1540],alignHeadingRight:[4,"align-heading-right"],hideBorder:[4,"hide-border"]}]]],["p-ba081c09",[[262,"admiralty-button",{variant:[1],icon:[1],disabled:[516],borderless:[4],type:[1],form:[1],name:[1],value:[1]}]]],["p-2129bcf8",[[262,"admiralty-hint",{disabled:[4]}],[262,"admiralty-label",{disabled:[4],for:[1]}],[262,"admiralty-input-invalid"]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as l,h as c}from"./p-uO9JpdnI.js";const t=class{constructor(c){o(this,c),this.colourBlockLinkClicked=l(this,"colourBlockLinkClicked"),this.colour="admiralty-blue",this.accessibleLabel="",this.suppressRedirect=!1,this.enableCardEvent=!1}hasLink(){return Boolean(this.linkText&&this.href)}shouldEnableBlockInteraction(){return this.enableCardEvent||this.hasLink()}getInteractiveAriaLabel(){var o;return null!==(o=[this.accessibleLabel,this.linkText,this.heading,this.actionText].map((o=>null==o?void 0:o.trim())).filter((o=>Boolean(o)))[0])&&void 0!==o?o:"Interactive colour block"}isInteractiveTarget(o){const l=o.currentTarget instanceof HTMLElement?o.currentTarget:null;return o.composedPath().some((o=>{if(!(o instanceof HTMLElement))return!1;const c=o.closest('a, button, input, select, textarea, [role="button"], [role="link"]');return null!==c&&c!==l}))}triggerLinkAction(){this.linkElement&&(this.linkElement.focus({preventScroll:!0}),this.linkElement.click())}onBlockClick(o){this.shouldEnableBlockInteraction()&&(!this.hasLink()||this.isInteractiveTarget(o)?this.enableCardEvent&&!this.hasLink()&&this.handleClickAction(o):this.triggerLinkAction())}onBlockKeyDown(o){if(this.shouldEnableBlockInteraction()&&!this.isInteractiveTarget(o)){if(this.hasLink()){if("Enter"!==o.key)return;return o.preventDefault(),void this.triggerLinkAction()}"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),this.enableCardEvent&&this.handleClickAction(o))}}handleClickAction(o){this.suppressRedirect&&o.preventDefault(),o.stopPropagation(),this.colourBlockLinkClicked.emit()}render(){return c("div",{key:"82671203101e6587a78ae5a232aa55feb1a5f14d",class:{colourBlock:!0,[this.colour]:!0,"is-interactive":this.shouldEnableBlockInteraction()},style:{height:this.height?`${this.height}px`:void 0,width:this.width?`${this.width}px`:void 0},role:this.shouldEnableBlockInteraction()?this.hasLink()?"link":"button":void 0,tabIndex:this.shouldEnableBlockInteraction()?0:void 0,"aria-label":this.shouldEnableBlockInteraction()?this.getInteractiveAriaLabel():void 0,onClick:o=>this.onBlockClick(o),onKeyDown:o=>this.onBlockKeyDown(o)},c("h2",{key:"e39a855fc9d6262b4b8ae468d6a70d11b9840dba"},this.heading),c("div",{key:"b2d9433db9491d6e6118bd2e32f7acbb09965c9f",class:{content:!0}},c("slot",{key:"42249a6efa66ba69965cb4729bf9dfae9e468b75"})),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),ref:o=>this.linkElement=o},c("span",null,this.linkText)):null)}};t.style=".visually-hidden.sc-admiralty-colour-block:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-colour-block{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-colour-block{display:none}}.colourBlock.sc-admiralty-colour-block{height:100%;width:100%;max-width:100%;padding:var(--admiralty-colour-block-padding, 30px 18px);display:flex;flex-direction:column;box-sizing:border-box}.colourBlock.is-interactive.sc-admiralty-colour-block{cursor:pointer}.colourBlock.is-interactive.sc-admiralty-colour-block:hover{filter:brightness(0.95)}.colourBlock.is-interactive.sc-admiralty-colour-block:active{filter:brightness(0.9)}.colourBlock.is-interactive.sc-admiralty-colour-block:focus-visible{outline:3px solid var(--admiralty-focus-colour);outline-offset:2px}.colourBlock.sc-admiralty-colour-block .content.sc-admiralty-colour-block{flex-grow:1}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block{align-self:flex-end;cursor:pointer}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block:focus *.sc-admiralty-colour-block{color:var(--admiralty-focus-contrast) !important}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-weight:var(--admiralty-colour-block-action-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-colour-block-action-font-size, var(--admiralty-font-size-1));line-height:30px}@media (max-width: 1023px){.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-size:var(--admiralty-colour-block-action-not-desktop-font-size, var(--admiralty-font-size-0));line-height:30px}}.colourBlock.admiralty-blue.sc-admiralty-colour-block{background-color:var(--colour-block-blue-background-colour);--admiralty-colour-primary:var(--colour-block-blue-text-colour);--colour-block-text-colour:var(--colour-block-blue-text-colour)}.colourBlock.admiralty-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-blue-text-colour)}.colourBlock.teal.sc-admiralty-colour-block{background-color:var(--admiralty-colour-secondary);--admiralty-colour-primary:var(--admiralty-colour-secondary-contrast);--colour-block-text-colour:var(--admiralty-colour-secondary-contrast)}.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);--admiralty-colour-primary:var(--colour-block-bright-blue-text-colour);--colour-block-text-colour:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}admiralty-colour-block.sc-admiralty-colour-block a.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h1.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h2.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h3.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h4.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h5.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h6.sc-admiralty-colour-block{color:var(--colour-block-text-colour, var(--admiralty-colour-primary))}";export{t as admiralty_colour_block}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,H as i}from"./p-uO9JpdnI.js";const o=class{constructor(a){t(this,a),this.admiraltyThemeChange=e(this,"admiraltyThemeChange"),this.theme="auto",this.disabled=!1,this.ariaLabel="Toggle dark mode",this.mediaQueryList=null,this.setupSystemPreferenceListener=()=>{window.matchMedia&&(this.mediaQueryList=window.matchMedia("(prefers-color-scheme: dark)"),this.mediaQueryList.addEventListener?this.mediaQueryList.addEventListener("change",this.handleSystemPreferenceChange):this.mediaQueryList.addListener&&this.mediaQueryList.addListener(this.handleSystemPreferenceChange))},this.handleSystemPreferenceChange=()=>{"auto"===this.theme&&(this.applyTheme("auto"),this.admiraltyThemeChange.emit({theme:"auto",isDarkMode:this.isDarkMode()}))},this.toggleTheme=()=>{if(this.disabled)return;const t=this.getEffectiveTheme();this.theme="dark"===t?"light":"dark"},this.getEffectiveTheme=()=>"auto"===this.theme?this.getSystemTheme():this.theme,this.getSystemTheme=()=>window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",this.isDarkMode=()=>"dark"===this.getEffectiveTheme(),this.applyTheme=t=>{if("auto"===t)return document.body.classList.remove("admiralty-dark-mode"),document.body.classList.remove("admiralty-light-mode"),void document.body.removeAttribute("data-theme");"dark"===t?(document.body.classList.add("admiralty-dark-mode"),document.body.classList.remove("admiralty-light-mode"),document.body.setAttribute("data-theme","dark")):(document.body.classList.add("admiralty-light-mode"),document.body.classList.remove("admiralty-dark-mode"),document.body.setAttribute("data-theme","light"))},this.persistTheme=t=>{try{localStorage.setItem("admiralty-theme-preference",t)}catch(t){console.warn("Unable to persist theme preference:",t)}},this.loadTheme=()=>{try{const t=localStorage.getItem("admiralty-theme-preference");if(t&&("light"===t||"dark"===t||"auto"===t))return t}catch(t){console.warn("Unable to load theme preference:",t)}return null}}themeChanged(t){"auto"!==t&&this.mediaQueryList&&(this.mediaQueryList.removeEventListener?this.mediaQueryList.removeEventListener("change",this.handleSystemPreferenceChange):this.mediaQueryList.removeListener&&this.mediaQueryList.removeListener(this.handleSystemPreferenceChange),this.mediaQueryList=null),"auto"!==t||this.mediaQueryList||this.setupSystemPreferenceListener(),this.applyTheme(t),this.persistTheme(t),this.admiraltyThemeChange.emit({theme:t,isDarkMode:this.isDarkMode()})}componentDidLoad(){if("auto"===this.theme){const t=this.loadTheme();if(t)return void(this.theme=t)}this.applyTheme(this.theme),"auto"===this.theme&&this.setupSystemPreferenceListener()}disconnectedCallback(){this.mediaQueryList&&(this.mediaQueryList.removeEventListener?this.mediaQueryList.removeEventListener("change",this.handleSystemPreferenceChange):this.mediaQueryList.removeListener&&this.mediaQueryList.removeListener(this.handleSystemPreferenceChange))}render(){const t=this.isDarkMode();return a(i,{key:"7ae08212b4bf4059f7cada406536fce229ad0f94"},a("button",{key:"09419dc38b0014077e058ba8f37c6d432e12402b",class:{"theme-toggle":!0,dark:t,light:!t,disabled:this.disabled},onClick:this.toggleTheme,disabled:this.disabled,"aria-label":"Toggle dark mode"!==this.ariaLabel?this.ariaLabel:`Toggle dark mode (current: ${"auto"===this.theme?`auto (${t?"dark":"light"} system preference)`:this.theme}. Press to switch to ${t?"light":"dark"} mode)`,"aria-pressed":t,type:"button"},a("span",{key:"7d1e1b4a56d05aff22f4c7716f448bc452f36eb8",class:"toggle-background-slider"}),a("span",{key:"e0e3a6b185fb4cffe4e235128d60645047382772",class:"toggle-icon sun-icon"},a("admiralty-icon",{key:"57731b91584f6e40f0b43d431401ccd9f8e726c9",name:"light-mode-outline"})),a("span",{key:"84e1531e2f83851d1f684b0dcaf5404d178af7d1",class:"toggle-icon moon-icon"},a("admiralty-icon",{key:"862de1588e1a24682d6239177b5a4544e0f3ec43",name:"dark-mode-outline"}))))}static get watchers(){return{theme:[{themeChanged:0}]}}};o.style=".visually-hidden.sc-admiralty-theme-toggle: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-theme-toggle{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-theme-toggle{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-theme-toggle{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-theme-toggle{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-theme-toggle{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-theme-toggle{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-theme-toggle{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-theme-toggle{display:none}}.theme-toggle.sc-admiralty-theme-toggle{position:relative;width:var(--admiralty-theme-toggle-width, 76px);height:var(--admiralty-theme-toggle-height, 38px);border-radius:var(--admiralty-theme-toggle-border-radius, 20px);border:1px solid var(--admiralty-theme-toggle-icon-colour, var(--admiralty-colour-primary));background-color:var(--admiralty-theme-toggle-background-colour, var(--admiralty-background-colour));cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:space-around;transition:border-color 0.3s ease;gap:1px}.theme-toggle.sc-admiralty-theme-toggle:focus{outline:3px solid var(--admiralty-theme-toggle-focus-colour, var(--admiralty-focus-colour));outline-offset:2px}.theme-toggle.sc-admiralty-theme-toggle:focus:not(:focus-visible){outline:none}.theme-toggle.disabled.sc-admiralty-theme-toggle{opacity:var(--admiralty-theme-toggle-disabled-opacity, 0.5);cursor:not-allowed}.toggle-background-slider.sc-admiralty-theme-toggle{position:absolute;top:2px;left:3px;width:var(--admiralty-theme-toggle-slider-size, 30px);height:var(--admiralty-theme-toggle-slider-size, 30px);background-color:var(--admiralty-theme-toggle-slider-background-colour, var(--admiralty-background-colour-tint));border-radius:var(--admiralty-theme-toggle-slider-border-radius, 18px);transition:transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index:0;border:1px solid var(--admiralty-theme-toggle-slider-colour, var(--admiralty-hover-background-colour-tint))}.theme-toggle.light.sc-admiralty-theme-toggle .toggle-background-slider.sc-admiralty-theme-toggle{transform:translateX(0)}.theme-toggle.dark.sc-admiralty-theme-toggle .toggle-background-slider.sc-admiralty-theme-toggle{transform:translateX(var(--admiralty-theme-toggle-slider-offset, 37px))}.toggle-icon.sc-admiralty-theme-toggle{position:relative;display:flex;align-items:center;justify-content:center;font-size:18px;transition:color 0.3s ease;width:24px;height:24px;z-index:1}.toggle-icon.sc-admiralty-theme-toggle admiralty-icon.sc-admiralty-theme-toggle{font-size:inherit}.toggle-icon.sc-admiralty-theme-toggle .theme-toggle.sc-admiralty-theme-toggle{color:var(--admiralty-theme-toggle-icon-colour, var(--admiralty-colour-primary))}.theme-toggle.sc-admiralty-theme-toggle .sun-icon.sc-admiralty-theme-toggle{color:var(--admiralty-theme-toggle-icon-colour, var(--admiralty-colour-primary))}.theme-toggle.sc-admiralty-theme-toggle .moon-icon.sc-admiralty-theme-toggle{color:var(--admiralty-theme-toggle-icon-colour, var(--admiralty-colour-primary))}";export{o as admiralty_theme_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as a,g as o}from"./p-uO9JpdnI.js";const s=class{constructor(i){t(this,i),this.placement="top",this.alignment="centre",this.positionTooltip=()=>{var t;if(!this.target)return;const i=this.target.getBoundingClientRect(),a=null!==(t=this.tooltipEl)&&void 0!==t?t:this.host.querySelector(".tooltip");if(!a)return;if(this.map={top:()=>{a.style.top=i.top-8+"px",a.style.left=`${i.left+i.width/2}px`,a.style.transform="translate(-50%, calc(-100% - 8px)) scale(1)"},bottom:()=>{a.style.top=`${i.bottom+8}px`,a.style.left=`${i.left+i.width/2}px`,a.style.transform="translate(-50%, 8px) scale(1)"},left:()=>{a.style.top=`${i.top+i.height/2}px`,a.style.left=i.left-20+"px",a.style.transform="translate(calc(-100% - 8px), -50%) scale(1)"},right:()=>{a.style.top=`${i.top+i.height/2}px`,a.style.left=`${i.right+20}px`,a.style.transform="translate(8px, -50%) scale(1)"}},this.map[this.placement])return void this.map[this.placement]();const o=i.top,s=window.innerHeight-i.bottom,l=i.left,
|
|
1
|
+
import{r as t,h as i,H as a,g as o}from"./p-uO9JpdnI.js";const s=class{constructor(i){t(this,i),this.placement="top",this.alignment="centre",this.positionTooltip=()=>{var t;if(!this.target)return;const i=this.target.getBoundingClientRect(),a=null!==(t=this.tooltipEl)&&void 0!==t?t:this.host.querySelector(".tooltip");if(!a)return;if(this.map={top:()=>{a.style.top=i.top-8+"px",a.style.left=`${i.left+i.width/2}px`,a.style.transform="translate(-50%, calc(-100% - 8px)) scale(1)"},bottom:()=>{a.style.top=`${i.bottom+8}px`,a.style.left=`${i.left+i.width/2}px`,a.style.transform="translate(-50%, 8px) scale(1)"},left:()=>{a.style.top=`${i.top+i.height/2}px`,a.style.left=i.left-20+"px",a.style.transform="translate(calc(-100% - 8px), -50%) scale(1)"},right:()=>{a.style.top=`${i.top+i.height/2}px`,a.style.left=`${i.right+20}px`,a.style.transform="translate(8px, -50%) scale(1)"}},this.map[this.placement])return void this.map[this.placement]();const o=i.top,s=window.innerHeight-i.bottom,l=i.left,r=window.innerWidth-i.right;return l>r?(this.placement="left",this.map[this.placement](),void this.handleOffScreen(a,8)):r>l?(this.placement="right",this.map[this.placement](),void this.handleOffScreen(a,8)):o>s?(this.placement="top",this.map[this.placement](),void this.handleOffScreen(a,8)):s>o?(this.placement="bottom",this.map[this.placement](),void this.handleOffScreen(a,8)):void 0},this.addPositionListeners=()=>{this.target&&(this.removePositionListeners(),this.target.addEventListener("mouseenter",this.positionTooltip),this.target.addEventListener("focus",this.positionTooltip,!0))},this.removePositionListeners=()=>{this.target&&(this.target.removeEventListener("mouseenter",this.positionTooltip),this.target.removeEventListener("focus",this.positionTooltip,!0))},this.show=()=>{this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.host.setAttribute("data-open",""),this.setTooltipA11yState(!0)},this.hide=()=>{this.host.removeAttribute("data-open"),this.setTooltipA11yState(!1)},this.addTargetDescribedBy=()=>{if(!this.target||!this.tooltipId)return;const t=(this.target.getAttribute("aria-describedby")||"").split(/\s+/).map((t=>t.trim())).filter(Boolean);t.includes(this.tooltipId)||(t.push(this.tooltipId),this.target.setAttribute("aria-describedby",t.join(" ")))},this.removeTargetDescribedBy=()=>{if(!this.target||!this.tooltipId)return;const t=(this.target.getAttribute("aria-describedby")||"").split(/\s+/).map((t=>t.trim())).filter((t=>t&&t!==this.tooltipId));t.length>0?this.target.setAttribute("aria-describedby",t.join(" ")):this.target.removeAttribute("aria-describedby")},this.setTooltipA11yState=t=>{this.tooltipEl&&(this.tooltipEl.setAttribute("aria-hidden",t?"false":"true"),t?this.addTargetDescribedBy():this.removeTargetDescribedBy())},this.scheduleHide=()=>{this.hideTimeout&&clearTimeout(this.hideTimeout),this.hideTimeout=setTimeout((()=>{this.hide(),this.hideTimeout=void 0}),120)}}componentDidLoad(){var t,i,a,o;this.target=document.getElementById(this.for),this.tooltipEl=this.host.querySelector(".tooltip"),this.tooltipEl&&(this.tooltipEl.id||(this.tooltipEl.id=`${this.for}-tooltip`),this.tooltipId=this.tooltipEl.id,this.tooltipEl.setAttribute("aria-hidden","true")),this.target&&(this.target.addEventListener("mouseenter",this.show),this.target.addEventListener("mouseleave",this.scheduleHide),this.target.addEventListener("focus",this.show,!0),this.target.addEventListener("blur",this.scheduleHide,!0),null===(t=this.tooltipEl)||void 0===t||t.addEventListener("mouseenter",this.show),null===(i=this.tooltipEl)||void 0===i||i.addEventListener("mouseleave",this.scheduleHide),null===(a=this.tooltipEl)||void 0===a||a.addEventListener("focusin",this.show),null===(o=this.tooltipEl)||void 0===o||o.addEventListener("focusout",this.scheduleHide),this.updateTooltipPosition())}disconnectedCallback(){var t,i,a,o;this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.removeTargetDescribedBy(),this.target&&(this.removePositionListeners(),this.target.removeEventListener("mouseenter",this.show),this.target.removeEventListener("mouseleave",this.scheduleHide),this.target.removeEventListener("focus",this.show,!0),this.target.removeEventListener("blur",this.scheduleHide,!0),null===(t=this.tooltipEl)||void 0===t||t.removeEventListener("mouseenter",this.show),null===(i=this.tooltipEl)||void 0===i||i.removeEventListener("mouseleave",this.scheduleHide),null===(a=this.tooltipEl)||void 0===a||a.removeEventListener("focusin",this.show),null===(o=this.tooltipEl)||void 0===o||o.removeEventListener("focusout",this.scheduleHide))}checkElementOffScreen(t){const i=t.getBoundingClientRect(),a=window.innerWidth||document.documentElement.clientWidth,o=window.innerHeight||document.documentElement.clientHeight;return{topOff:i.top<0,bottomOff:i.bottom>o,leftOff:i.left<0,rightOff:i.right>a}}updateTooltipPosition(){this.addPositionListeners()}handleOffScreen(t,i){const a=this.checkElementOffScreen(this.host.querySelector(".tooltip")),o="top"===this.placement?`translate(-50%, calc(-100% - ${i}px)) scale(1)`:"bottom"===this.placement?`translate(-50%, ${i}px) scale(1)`:"left"===this.placement?`translate(calc(-100% - ${i}px), -50%) scale(1)`:`translate(${i}px, -50%) scale(1)`;a.leftOff&&(t.style.transform=o,t.style.left="0",t.style.right=""),a.rightOff&&(t.style.transform=o,t.style.left="",t.style.right="0")}render(){return i(a,{key:"7c328f07c4535f43ada56773dc84f87427109190"},i("div",{key:"a5143338bea798aaee058ab3bd2cafb1cb8dbfd4",role:"tooltip",class:"tooltip","data-placement":this.placement,"data-alignment":this.alignment},i("slot",{key:"b8528a55526b2ddb230be231004319bc8a46de37"}),i("span",{key:"b93de586490d52b76d7ce39c474decb828a7f369",class:"arrow","aria-hidden":"true"})))}get host(){return o(this)}};s.style=".anchor.sc-admiralty-tooltip{position:relative;display:inline-flex;vertical-align:middle}.sc-admiralty-tooltip-h:hover .tooltip.sc-admiralty-tooltip,.sc-admiralty-tooltip-h:focus-within .tooltip.sc-admiralty-tooltip{opacity:1;visibility:visible;transform:translate(0, 0) scale(1)}.trigger.sc-admiralty-tooltip{display:inline-flex}.tooltip.sc-admiralty-tooltip{position:fixed;padding:0.75rem;color:var(--admiralty-text-colour);background:var(--admiralty-background-colour);z-index:999;white-space:nowrap;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.1);opacity:0;visibility:hidden;transform:translate(0, 0) scale(0.98);transition:opacity 0.2s ease-in-out}[data-open].sc-admiralty-tooltip-h .tooltip.sc-admiralty-tooltip{opacity:1;visibility:visible;transform:translate(0, 0) scale(1);transition:opacity 0.2s ease-in-out}.arrow.sc-admiralty-tooltip{width:14px;height:14px;position:absolute;background:var(--admiralty-background-colour);transform:rotate(45deg)}.tooltip[data-placement=top].sc-admiralty-tooltip{border-top:3px solid var(--admiralty-colour-primary)}.tooltip[data-placement=top].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip{left:50%;bottom:-4px;transform:translateX(-50%) rotate(45deg)}.tooltip[data-placement=bottom].sc-admiralty-tooltip{border-bottom:3px solid var(--admiralty-colour-primary)}.tooltip[data-placement=bottom].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip{left:50%;top:-4px;transform:translateX(-50%) rotate(45deg)}.tooltip[data-placement=left].sc-admiralty-tooltip{border-bottom:3px solid var(--admiralty-colour-primary)}.tooltip[data-placement=left].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip{top:50%;right:-4px;transform:translateY(-50%) rotate(45deg)}.tooltip[data-placement=right].sc-admiralty-tooltip{border-bottom:3px solid var(--admiralty-colour-primary)}.tooltip[data-placement=right].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip{top:50%;left:-4px;transform:translateY(-50%) rotate(45deg)}.tooltip[data-placement=top][data-alignment=start].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip,.tooltip[data-placement=bottom][data-alignment=start].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip{left:8px;right:auto;transform:rotate(45deg)}.tooltip[data-placement=top][data-alignment=centre].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip,.tooltip[data-placement=bottom][data-alignment=centre].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip{left:50%;right:auto;transform:translateX(-50%) rotate(45deg)}.tooltip[data-placement=top][data-alignment=end].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip,.tooltip[data-placement=bottom][data-alignment=end].sc-admiralty-tooltip .arrow.sc-admiralty-tooltip{right:8px;left:auto;transform:rotate(45deg)}";export{s as admiralty_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as t,H as i}from"./p-uO9JpdnI.js";const e=class{constructor(t){a(this,t)}render(){return t(i,{key:"0e6daab28c51269e005f3dcfef3d8dcc270483fb",role:"table"},this.caption&&t("caption",{key:"807ed5ca98510dc450dda46e30f4ee8465183f36"},this.caption),t("slot",{key:"1326690347a5715077cf2db4520acf3feba8b31e"}))}};e.style=".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:var(--admiralty-table-heading-font-size, var(--admiralty-font-size-3));font-weight:var(--admiralty-table-heading-font-weight, var(--admiralty-font-weight-medium));color:var(--admiralty-colour-primary);margin-bottom:var(--admiralty-table-caption-margin-bottom, 30px);text-align:left}";export{e as admiralty_table}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as r,H as d}from"./p-uO9JpdnI.js";const e=class{constructor(r){a(this,r)}render(){return r(d,{key:"a8b7310a0a9abd297df2d5b937d806aab6d47a8d",role:"row"},r("slot",{key:"e363068517cdec46d523e54ae16e638196d162d8"}))}};e.style=".sc-admiralty-table-row-h{display:table-row}";export{e as admiralty_table_row}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,c as a,h as t,H as r,g as s}from"./p-uO9JpdnI.js";const d=class{constructor(t){i(this,t),this.admiraltyChange=a(this,"admiraltyChange"),this.internalId=++e,this.inputId=`admiralty-rg-${this.internalId}`,this.hintId=`admiralty-rg-hint-${this.internalId}`,this.errorId=`admiralty-rg-error-${this.internalId}`,this.name=this.inputId,this.disabled=!1,this.displayVertical=!0,this.invalid=!1,this.setRadioTabindex=i=>{const a=this.getRadios(),t=a.find((i=>!i.disabled)),r=a.find((a=>a.value===i&&!a.disabled));if(!t&&!r)return;const s=r||t;for(const i of a)i.setButtonTabindex(i===s?0:-1)},this.onClick=i=>{if(this.disabled)return;const a=i.target&&i.target.closest("admiralty-radio");if(a){const i=a.value;i!==this.value&&(this.value=i)}}}valueChanged(i){this.setRadioTabindex(i),this.admiraltyChange.emit({value:i})}invalidChanged(i){this.getRadios().forEach((a=>{i?a.setAttribute("invalid","true"):a.removeAttribute("invalid")}))}componentDidLoad(){this.setRadioTabindex(this.value),this.invalidChanged(this.invalid)}getRadios(){return Array.from(this.el.querySelectorAll("admiralty-radio"))}render(){const{displayVertical:i}=this;return t(r,{key:"a0e5e7a85f7859be369f5e8eb934f907299533e7"},t("fieldset",{key:"ebc7109bda62e8be1152e3b64750151fc87b9e56",disabled:this.disabled,"aria-invalid":this.invalid?"true":"false","aria-describedby":(this.hint?this.hintId:"")+" "+(this.invalid?this.errorId:"")},this.label?t("legend",null,this.label):null,this.hint?t("admiralty-hint",{id:this.hintId},this.hint):null,t("div",{key:"6caae6ad12812458111d6885522d15e03e807ffe",class:{"radio-group":!0,stack:i},onClick:this.onClick},t("slot",{key:"2a518b25d1fbfaaf71b6bdd41a035a1c13e684c6"})),t("admiralty-input-invalid",{key:"db6114d9ad84041f3414760f43f92f1f92e4f8a5",id:this.errorId,style:Object.assign({},this.invalid&&this.invalidMessage?{}:{display:"none"})},this.invalidMessage)))}get el(){return s(this)}static get watchers(){return{value:[{valueChanged:0}],invalid:[{invalidChanged:0}]}}};let e=0;d.style=".radio-group.sc-admiralty-radio-group{display:flex;flex-direction:row}.radio-group.sc-admiralty-radio-group-s>*,.radio-group .sc-admiralty-radio-group-s>*{margin-right:var(--admiralty-radio-group-slotted-margin-right, 2em) !important}.stack.sc-admiralty-radio-group{flex-direction:column}.stack.sc-admiralty-radio-group-s>*,.stack .sc-admiralty-radio-group-s>*{margin-bottom:var(--admiralty-radio-group-stack-slotted-margin-bottom, 10px) !important}fieldset.sc-admiralty-radio-group{padding:var(--admiralty-radio-group-fieldset-padding, var(--admiralty-spacing-0))}legend.sc-admiralty-radio-group{margin-bottom:var(--admiralty-radio-group-legend-margin-bottom, 6px);font-weight:var(--admiralty-radio-group-legend-font-weight, var(--admiralty-font-weight-medium))}";export{d as admiralty_radio_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as e,H as t}from"./p-uO9JpdnI.js";const i=class{constructor(e){a(this,e)}render(){return e(t,{key:"e55d002d63de609aa570d0cfbc8f5325dcc71364",role:"columnheader"},e("slot",{key:"87c237370e6b1151970cb2be9414631b2491eab8"}))}};i.style=".visually-hidden.sc-admiralty-table-header-cell: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-header-cell{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table-header-cell{display:none}}.sc-admiralty-table-header-cell-h{display:table-cell;color:var(--admiralty-colour-primary);font-size:var(--admiralty-table-header-cell-font-size, var(--admiralty-font-size-0));line-height:30px;padding:var(--admiralty-table-header-cell-padding, 6px var(--admiralty-spacing-5));text-align:left;font-weight:var(--admiralty-table-header-cell-font-weight, var(--admiralty-font-weight-medium));border-bottom:5px solid var(--admiralty-colour-primary)}";export{i as admiralty_table_header_cell}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,g as e}from"./p-uO9JpdnI.js";const i=class{constructor(a){t(this,a),this.showLogo=!0,this.logoImgUrl="svg/UKHO crest.svg",this.textSideBarWidth="150px"}render(){return a("nav",{key:"
|
|
1
|
+
import{r as t,h as a,g as e}from"./p-uO9JpdnI.js";const i=class{constructor(a){t(this,a),this.showLogo=!0,this.logoImgUrl="svg/UKHO crest.svg",this.textSideBarWidth="150px"}render(){return a("nav",{key:"cedbc9892b83b76024a3f836f604942a42e4475b","aria-label":this.label,style:{width:this.textSideBarWidth&&""!==this.textSideBarWidth?this.textSideBarWidth:"100px"}},a("ul",{key:"bfa0d54276756b45d1d6616c54fe3438068c9ec8"},a("slot",{key:"e650aca32f18285277c69708e15aa0280be15272",name:"items"})),a("ul",{key:"0fe9fe03864c0eae5689ecfeeabad04d0e027e1a"},a("slot",{key:"7aae085094a7aae6aa221adcd80bf288e1edc16d",name:"footer"}),this.showLogo?a("img",{class:"logo",src:this.logoImgUrl,alt:"UKHO Logo","aria-hidden":"true"}):null))}get el(){return e(this)}};i.style=".visually-hidden.sc-admiralty-text-side-bar:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-text-side-bar{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-text-side-bar{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-text-side-bar{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-text-side-bar{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-text-side-bar{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-text-side-bar{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-text-side-bar{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-text-side-bar{display:none}}.sc-admiralty-text-side-bar-h{border-right:1px solid var(--admiralty-text-side-bar-right-border, var(--admiralty-colour-light))}@media (prefers-color-scheme: dark){.sc-admiralty-text-side-bar-h{color-scheme:dark}}.sc-admiralty-text-side-bar-h:root.admiralty-dark-mode,:root.admiralty-dark-mode .sc-admiralty-text-side-bar-h{color-scheme:dark}.sc-admiralty-text-side-bar-h:root.admiralty-light-mode,:root.admiralty-light-mode .sc-admiralty-text-side-bar-h{color-scheme:light}nav.sc-admiralty-text-side-bar{display:flex;flex-direction:column;justify-content:space-between;height:100%;background-color:var(--admiralty-header-background-colour)}ul.sc-admiralty-text-side-bar{display:flex;flex-direction:column}.logo.sc-admiralty-text-side-bar{height:50px;margin:24px 0 20px}";export{i as admiralty_text_side_bar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as r,g as a}from"./p-uO9JpdnI.js";const d=class{constructor(t){e(this,t)}ontextSideBarItemSelected(e){const t=e.detail;this.el.querySelector("admiralty-text-side-bar").querySelectorAll("admiralty-text-side-bar-item").forEach((e=>{e.active=e.href===t}))}render(){return t(r,{key:"55edfc1438d1ffe2af807b6e61cf68751b2fd4ce"},t("slot",{key:"7761cb6738dd26f9b5d3f198a29cf7fd0712e94a"}))}get el(){return a(this)}};export{d as admiralty_text_side_bar_wrapper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as a,h as i,H as e,g as r}from"./p-uO9JpdnI.js";const d=class{constructor(i){t(this,i),this.textareaBlur=a(this,"textareaBlur"),this.admiraltyInput=a(this,"admiraltyInput"),this.internalId=++l,this.label="",this.disabled=!1,this.invalid=!1,this.value="",this.onBlur=()=>{this.textareaBlur.emit()},this.onInput=t=>{const a=t.target;a&&(this.value=a.value||"")}}valueChanged(){const t=this.nativeTextArea,a=this.getValue();t&&t.value!==a&&(t.value=a),this.admiraltyInput.emit({value:null==this.value?this.getValue():this.value.toString()})}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}render(){const t=this.getValue(),a=""!=this.el.id?this.el.id:`admiralty-textarea-${this.internalId}`,r=`${a}-input`,d=`${a}-hint`,l=`${a}-error`;return i(e,{key:"
|
|
1
|
+
import{r as t,c as a,h as i,H as e,g as r}from"./p-uO9JpdnI.js";const d=class{constructor(i){t(this,i),this.textareaBlur=a(this,"textareaBlur"),this.admiraltyInput=a(this,"admiraltyInput"),this.internalId=++l,this.label="",this.disabled=!1,this.invalid=!1,this.value="",this.onBlur=()=>{this.textareaBlur.emit()},this.onInput=t=>{const a=t.target;a&&(this.value=a.value||"")}}valueChanged(){const t=this.nativeTextArea,a=this.getValue();t&&t.value!==a&&(t.value=a),this.admiraltyInput.emit({value:null==this.value?this.getValue():this.value.toString()})}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}render(){const t=this.getValue(),a=""!=this.el.id?this.el.id:`admiralty-textarea-${this.internalId}`,r=`${a}-input`,d=`${a}-hint`,l=`${a}-error`;return i(e,{key:"e0a6e64317ac3f9075975e620a8786b240eea5e0"},i("div",{key:"b03ac68eebb576445d010c97e6ae30626173e517",class:"text-area-container"},this.label?i("admiralty-label",{for:r,disabled:this.disabled},this.label):null,this.hint?i("admiralty-hint",{id:d,disabled:this.disabled},this.hint):null,i("textarea",{key:"6bf32d3b35745860719f449141e3e4de1e748350",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?d:"")+" "+(this.invalid?l:"")}),i("admiralty-input-invalid",{key:"63371aa829abfdcd7f763ccbee91f9fa755606e3",id:l,style:Object.assign({},this.invalid&&this.invalidMessage?{}:{display:"none"})},this.invalidMessage)))}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:0}]}}};let l=0;d.style=".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:var(--admiralty-text-area-padding, var(--admiralty-spacing-3) 18px);outline:none;resize:vertical;overflow:auto;box-sizing:border-box;vertical-align:top;font-weight:var(--admiralty-text-area-font-weight, var(--admiralty-font-weight-normal));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)}";export{d as admiralty_textarea}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as
|
|
1
|
+
import{r as t,c as a,h as e,H as i,g as r}from"./p-uO9JpdnI.js";const d="expandable",o=class{constructor(e){t(this,e),this.toggled=a(this,"toggled"),this.textSideBarItemClick=a(this,"textSideBarItemClick"),this.internalId=++s,this.variant=d,this.expanded=!1,this.suppressRedirect=!1,this.active=!1}handleActiveChange(t){const a=this.el.querySelector("a");a&&a.classList.toggle("active",t)}componentDidLoad(){this.handleActiveChange(this.active)}onToggle(){this.expanded=!this.expanded,this.expanded&&this.el.dispatchEvent(new CustomEvent("text-side-bar-item-active",{detail:{id:this.internalId},bubbles:!0,composed:!0})),this.toggled.emit(this.expanded)}handleMouseDown(t){this.active=!0,document.querySelectorAll("admiralty-text-side-bar-item").forEach((a=>{var e,i;let r=(null!==(e=a.shadowRoot)&&void 0!==e?e:a).querySelector("a");r&&r.id.toString()===t.toString()?r.classList.add("active"):(null===r&&(r=(null!==(i=a.shadowRoot)&&void 0!==i?i:a).querySelector("button")),r.classList.remove("active"))}))}handleClick(t){return this.suppressRedirect&&t.preventDefault(),t.stopPropagation(),this.el.dispatchEvent(new CustomEvent("text-side-bar-item-active",{detail:{id:this.internalId},bubbles:!0,composed:!0})),this.textSideBarItemClick.emit(this.href)}getExpansionIcon(){return this.expanded?"keyboard-arrow-up-rounded":"keyboard-arrow-down-rounded"}render(){return e(i,{key:"d6f36f38162153f023695168422d28a34474f733","data-text-side-bar-item-id":"text-side-bar-item-"+this.internalId},e("li",{key:"a965a367c96f6ab622537aee899825eab5f1fdb7"},this.variant===d&&e("div",{key:"3e2aac7734b1d051a7a13bfef3795ef19855ef7b",class:"expandable-item"},e("button",{key:"91d127c0119020f895bc7cab9b14e524194ac95c",id:"text-side-bar-item-button-"+this.internalId,class:{"expandable-item-button":!0,active:this.active},onClick:()=>this.onToggle()},this.itemText,e("div",{key:"96e385ff6191491ee851b51cebb463fb3d004546",class:"icon"},e("admiralty-icon",{key:"06f47e6be24b7e8f15a766e1407dc9a2d7705c6c",size:30,name:this.getExpansionIcon()}))),e("div",{key:"a49d87a90a7ce1da657eaa9bc876644dfc55435b",class:"slot",hidden:!this.expanded},e("slot",{key:"c09235cca4e9497d751e3dd79bcae66047ebbfc7"}))),"text"===this.variant&&e("a",{key:"dc3c66dc4c6f58124049e203a80436632a0148d5",id:"text-side-bar-item-anchor-"+this.internalId,class:{"text-link":!0,active:this.active},href:this.href,onMouseDown:()=>this.handleMouseDown("text-side-bar-item-anchor-"+this.internalId),onClick:t=>this.handleClick(t)},this.itemText),"textLink"===this.variant&&e("a",{key:"95fd549f4e5cf4a76ba2ac753b35e933c393fcda",id:"text-side-bar-item-anchor-"+this.internalId,class:{"text-link is-main-link":!0,active:this.active},href:this.href,onMouseDown:()=>this.handleMouseDown("text-side-bar-item-anchor-"+this.internalId),onClick:t=>this.handleClick(t)},this.itemText)))}get el(){return r(this)}static get watchers(){return{active:[{handleActiveChange:0}]}}};let s=0;o.style='.visually-hidden.sc-admiralty-text-side-bar-item:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-text-side-bar-item{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-text-side-bar-item{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-text-side-bar-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-text-side-bar-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-text-side-bar-item{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-text-side-bar-item{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-text-side-bar-item{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-text-side-bar-item{display:none}}.sc-admiralty-text-side-bar-item-h{--admiralty-icon-font-size:var(--admiralty-font-size-2)}li.sc-admiralty-text-side-bar-item{display:flex;justify-content:center;list-style:none;margin:0 0 0 1px}li.sc-admiralty-text-side-bar-item:before{content:"";display:none}.expandable-item.sc-admiralty-text-side-bar-item{flex:1;display:flex;flex-flow:column;background-color:var(--admiralty-header-background-colour)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item{display:inline-flex;align-items:center;font-size:var(--admiralty-side-bar-item-font-size, var(--admiralty-font-size-0));white-space:nowrap;font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));background-color:var(--admiralty-header-background-colour);cursor:pointer;padding:0.3rem 0.5rem;overflow-wrap:break-word;color:var(--admiralty-side-bar-item-text-colour, var(--admiralty-colour-primary))}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item:hover{color:var(--admiralty-colour-primary);font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));background-color:var(--admiralty-hover-background-colour)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item:focus-visible,.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.active.sc-admiralty-text-side-bar-item:focus-visible{outline:none;box-shadow:inset 0 -4px 0 0 var(--text-side-bar-item-focus-border-colour);background-color:var(--text-side-bar-focus-background-colour);color:var(--admiralty-colour-primary)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.active.sc-admiralty-text-side-bar-item{font-weight:500;background-color:var(--text-side-bar-item-active-background-colour);color:var(--admiralty-colour-secondary-contrast);border-top:2px solid var(--admiralty-colour-secondary-contrast);border-bottom:2px solid var(--admiralty-colour-secondary-contrast)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item:active{background-color:var(--admiralty-focus-colour);color:var(--admiralty-focus-contrast);box-shadow:inset 0 -4px 0 0 var(--admiralty-focus-contrast)}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item .slot.sc-admiralty-text-side-bar-item{line-height:2.5rem}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item .icon.sc-admiralty-text-side-bar-item{display:flex;width:100%;justify-content:right;font-size:var(--admiralty-side-bar-item-icon-font-size, var(--admiralty-font-size-4))}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.sc-admiralty-text-side-bar-item .expansion-content.sc-admiralty-text-side-bar-item{display:none;max-height:0;overflow:visible}.expandable-item.sc-admiralty-text-side-bar-item .expandable-item-button.expanded.sc-admiralty-text-side-bar-item .expansion-content.sc-admiralty-text-side-bar-item{display:block;max-height:initial;padding:12px 0}.text-link.sc-admiralty-text-side-bar-item{all:unset;cursor:pointer;display:flex;flex-direction:column;justify-content:left;flex:1;user-select:none;text-decoration:none;text-align:left;color:var(--admiralty-text-colour);font-weight:var(--admiralty-text-link-font-weight, var(--admiralty-font-weight-normal));font-size:var(--admiralty-side-bar-item-font-size, var(--admiralty-font-size-0));padding:0.5rem 1.5rem}.text-link.is-main-link.sc-admiralty-text-side-bar-item{font-weight:var(--admiralty-text-link-is-main-font-weight, var(--admiralty-font-weight-medium));padding:0.5rem}.text-link.sc-admiralty-text-side-bar-item:hover{color:var(--admiralty-colour-primary);font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));background-color:var(--admiralty-hover-background-colour)}.text-link.sc-admiralty-text-side-bar-item:focus-visible,.text-link.active.sc-admiralty-text-side-bar-item:focus-visible{outline:none;box-shadow:inset 0 -4px 0 0 var(--text-side-bar-item-focus-border-colour);background-color:var(--text-side-bar-focus-background-colour);color:var(--admiralty-colour-primary)}.text-link.active.sc-admiralty-text-side-bar-item{font-weight:var(--admiralty-text-link-active-font-weight, var(--admiralty-font-weight-medium));background-color:var(--text-side-bar-item-active-background-colour);color:var(--admiralty-colour-secondary-contrast);border-top:2px solid var(--admiralty-colour-secondary-contrast);border-bottom:2px solid var(--admiralty-colour-secondary-contrast)}.text-link.sc-admiralty-text-side-bar-item:active{background-color:var(--admiralty-focus-colour);color:var(--admiralty-focus-contrast);box-shadow:inset 0 -4px 0 0 var(--admiralty-focus-contrast)}';export{o as admiralty_text_side_bar_item}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B8thWtVm.js');
|
|
4
4
|
|
|
5
|
-
const colourBlockCss = () => `.visually-hidden.sc-admiralty-colour-block:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-colour-block{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-colour-block{display:none}}.colourBlock.sc-admiralty-colour-block{height:100%;width:100%;max-width:100%;padding:var(--admiralty-colour-block-padding, 30px 18px);display:flex;flex-direction:column;box-sizing:border-box}.colourBlock.sc-admiralty-colour-block .content.sc-admiralty-colour-block{flex-grow:1}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block{align-self:flex-end;cursor:pointer}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block:focus *.sc-admiralty-colour-block{color:var(--admiralty-focus-contrast) !important}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-weight:var(--admiralty-colour-block-action-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-colour-block-action-font-size, var(--admiralty-font-size-1));line-height:30px}@media (max-width: 1023px){.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-size:var(--admiralty-colour-block-action-not-desktop-font-size, var(--admiralty-font-size-0));line-height:30px}}.colourBlock.admiralty-blue.sc-admiralty-colour-block{background-color:var(--colour-block-blue-background-colour)}.colourBlock.admiralty-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-blue-text-colour)}.colourBlock.teal.sc-admiralty-colour-block{background-color:var(--admiralty-colour-secondary)}.colourBlock.teal.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-secondary-contrast)}.colourBlock.bright-blue.sc-admiralty-colour-block{background-color:var(--admiralty-colour-tertiary)}.colourBlock.bright-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}`;
|
|
5
|
+
const colourBlockCss = () => `.visually-hidden.sc-admiralty-colour-block:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-colour-block{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-colour-block{display:none}}.colourBlock.sc-admiralty-colour-block{height:100%;width:100%;max-width:100%;padding:var(--admiralty-colour-block-padding, 30px 18px);display:flex;flex-direction:column;box-sizing:border-box}.colourBlock.is-interactive.sc-admiralty-colour-block{cursor:pointer}.colourBlock.is-interactive.sc-admiralty-colour-block:hover{filter:brightness(0.95)}.colourBlock.is-interactive.sc-admiralty-colour-block:active{filter:brightness(0.9)}.colourBlock.is-interactive.sc-admiralty-colour-block:focus-visible{outline:3px solid var(--admiralty-focus-colour);outline-offset:2px}.colourBlock.sc-admiralty-colour-block .content.sc-admiralty-colour-block{flex-grow:1}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block{align-self:flex-end;cursor:pointer}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block:focus *.sc-admiralty-colour-block{color:var(--admiralty-focus-contrast) !important}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-weight:var(--admiralty-colour-block-action-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-colour-block-action-font-size, var(--admiralty-font-size-1));line-height:30px}@media (max-width: 1023px){.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-size:var(--admiralty-colour-block-action-not-desktop-font-size, var(--admiralty-font-size-0));line-height:30px}}.colourBlock.admiralty-blue.sc-admiralty-colour-block{background-color:var(--colour-block-blue-background-colour);--admiralty-colour-primary:var(--colour-block-blue-text-colour);--colour-block-text-colour:var(--colour-block-blue-text-colour)}.colourBlock.admiralty-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-blue-text-colour)}.colourBlock.teal.sc-admiralty-colour-block{background-color:var(--admiralty-colour-secondary);--admiralty-colour-primary:var(--admiralty-colour-secondary-contrast);--colour-block-text-colour:var(--admiralty-colour-secondary-contrast)}.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);--admiralty-colour-primary:var(--colour-block-bright-blue-text-colour);--colour-block-text-colour:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}admiralty-colour-block.sc-admiralty-colour-block a.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h1.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h2.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h3.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h4.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h5.sc-admiralty-colour-block,admiralty-colour-block.sc-admiralty-colour-block h6.sc-admiralty-colour-block{color:var(--colour-block-text-colour, var(--admiralty-colour-primary))}`;
|
|
6
6
|
|
|
7
7
|
const ColourBlockComponent = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -12,6 +12,10 @@ const ColourBlockComponent = class {
|
|
|
12
12
|
* The background colour of the component.
|
|
13
13
|
*/
|
|
14
14
|
this.colour = 'admiralty-blue';
|
|
15
|
+
/**
|
|
16
|
+
* Explicit accessible name for the interactive block.
|
|
17
|
+
*/
|
|
18
|
+
this.accessibleLabel = '';
|
|
15
19
|
/**
|
|
16
20
|
* Causes the default browser redirect to be suppressed. Can be used in conjunction with the
|
|
17
21
|
* `colourBlockLinkClicked` event to use a navigation router and prevent a full page reload
|
|
@@ -19,11 +23,77 @@ const ColourBlockComponent = class {
|
|
|
19
23
|
*/
|
|
20
24
|
this.suppressRedirect = false;
|
|
21
25
|
/**
|
|
22
|
-
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event.
|
|
23
|
-
*
|
|
26
|
+
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event.
|
|
27
|
+
*
|
|
28
|
+
* When `href` and `linkText` are provided, the card behaves as a link (`role="link"`).
|
|
29
|
+
* When they are not provided, the card behaves as a button (`role="button"`).
|
|
24
30
|
*/
|
|
25
31
|
this.enableCardEvent = false;
|
|
26
32
|
}
|
|
33
|
+
hasLink() {
|
|
34
|
+
return Boolean(this.linkText && this.href);
|
|
35
|
+
}
|
|
36
|
+
shouldEnableBlockInteraction() {
|
|
37
|
+
return this.enableCardEvent || this.hasLink();
|
|
38
|
+
}
|
|
39
|
+
getInteractiveAriaLabel() {
|
|
40
|
+
var _a;
|
|
41
|
+
const ariaLabelCandidates = [this.accessibleLabel, this.linkText, this.heading, this.actionText].map(value => value === null || value === void 0 ? void 0 : value.trim()).filter((value) => Boolean(value));
|
|
42
|
+
return (_a = ariaLabelCandidates[0]) !== null && _a !== void 0 ? _a : 'Interactive colour block';
|
|
43
|
+
}
|
|
44
|
+
isInteractiveTarget(ev) {
|
|
45
|
+
const interactiveSelector = 'a, button, input, select, textarea, [role="button"], [role="link"]';
|
|
46
|
+
const currentTarget = ev.currentTarget instanceof HTMLElement ? ev.currentTarget : null;
|
|
47
|
+
return ev.composedPath().some(target => {
|
|
48
|
+
if (!(target instanceof HTMLElement)) {
|
|
49
|
+
return false;
|
|
50
|
+
}
|
|
51
|
+
const interactiveElement = target.closest(interactiveSelector);
|
|
52
|
+
return interactiveElement !== null && interactiveElement !== currentTarget;
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
triggerLinkAction() {
|
|
56
|
+
if (!this.linkElement) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
this.linkElement.focus({ preventScroll: true });
|
|
60
|
+
this.linkElement.click();
|
|
61
|
+
}
|
|
62
|
+
onBlockClick(ev) {
|
|
63
|
+
if (!this.shouldEnableBlockInteraction()) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
if (this.hasLink() && !this.isInteractiveTarget(ev)) {
|
|
67
|
+
this.triggerLinkAction();
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
if (this.enableCardEvent && !this.hasLink()) {
|
|
71
|
+
this.handleClickAction(ev);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
onBlockKeyDown(ev) {
|
|
75
|
+
if (!this.shouldEnableBlockInteraction()) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
if (this.isInteractiveTarget(ev)) {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
if (this.hasLink()) {
|
|
82
|
+
if (ev.key !== 'Enter') {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
ev.preventDefault();
|
|
86
|
+
this.triggerLinkAction();
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
if (ev.key !== 'Enter' && ev.key !== ' ') {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
ev.preventDefault();
|
|
93
|
+
if (this.enableCardEvent) {
|
|
94
|
+
this.handleClickAction(ev);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
27
97
|
handleClickAction(ev) {
|
|
28
98
|
if (this.suppressRedirect) {
|
|
29
99
|
ev.preventDefault();
|
|
@@ -32,13 +102,16 @@ const ColourBlockComponent = class {
|
|
|
32
102
|
this.colourBlockLinkClicked.emit();
|
|
33
103
|
}
|
|
34
104
|
render() {
|
|
35
|
-
return (index.h("div", { key: '
|
|
36
|
-
colourBlock: true,
|
|
105
|
+
return (index.h("div", { key: '82671203101e6587a78ae5a232aa55feb1a5f14d', class: {
|
|
106
|
+
'colourBlock': true,
|
|
37
107
|
[this.colour]: true,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
108
|
+
'is-interactive': this.shouldEnableBlockInteraction(),
|
|
109
|
+
}, style: {
|
|
110
|
+
height: this.height ? `${this.height}px` : undefined,
|
|
111
|
+
width: this.width ? `${this.width}px` : undefined,
|
|
112
|
+
}, role: this.shouldEnableBlockInteraction() ? (this.hasLink() ? 'link' : 'button') : undefined, tabIndex: this.shouldEnableBlockInteraction() ? 0 : undefined, "aria-label": this.shouldEnableBlockInteraction() ? this.getInteractiveAriaLabel() : undefined, onClick: ev => this.onBlockClick(ev), onKeyDown: ev => this.onBlockKeyDown(ev) }, index.h("h2", { key: 'e39a855fc9d6262b4b8ae468d6a70d11b9840dba' }, this.heading), index.h("div", { key: 'b2d9433db9491d6e6118bd2e32f7acbb09965c9f', class: {
|
|
113
|
+
content: true,
|
|
114
|
+
} }, index.h("slot", { key: '42249a6efa66ba69965cb4729bf9dfae9e468b75' })), this.actionText ? (index.h("admiralty-button", { variant: "text", class: "clickAction", onClick: ev => this.handleClickAction(ev) }, index.h("span", null, this.actionText))) : null, this.linkText && this.href ? (index.h("a", { class: "clickAction", href: this.href, onClick: ev => this.handleClickAction(ev), ref: el => (this.linkElement = el) }, index.h("span", null, this.linkText))) : null));
|
|
42
115
|
}
|
|
43
116
|
};
|
|
44
117
|
ColourBlockComponent.style = colourBlockCss();
|
|
@@ -80,7 +80,7 @@ const RadioGroupComponent = class {
|
|
|
80
80
|
}
|
|
81
81
|
render() {
|
|
82
82
|
const { displayVertical } = this;
|
|
83
|
-
return (index.h(index.Host, { key: 'a0e5e7a85f7859be369f5e8eb934f907299533e7' }, index.h("fieldset", { key: '
|
|
83
|
+
return (index.h(index.Host, { key: 'a0e5e7a85f7859be369f5e8eb934f907299533e7' }, index.h("fieldset", { key: 'ebc7109bda62e8be1152e3b64750151fc87b9e56', disabled: this.disabled, "aria-invalid": this.invalid ? 'true' : 'false', "aria-describedby": (this.hint ? this.hintId : '') + ' ' + (this.invalid ? this.errorId : '') }, this.label ? index.h("legend", null, this.label) : null, this.hint ? index.h("admiralty-hint", { id: this.hintId }, this.hint) : null, index.h("div", { key: '6caae6ad12812458111d6885522d15e03e807ffe', class: { 'radio-group': true, 'stack': displayVertical }, onClick: this.onClick }, index.h("slot", { key: '2a518b25d1fbfaaf71b6bdd41a035a1c13e684c6' })), index.h("admiralty-input-invalid", { key: 'db6114d9ad84041f3414760f43f92f1f92e4f8a5', id: this.errorId, style: Object.assign({}, (!(this.invalid && this.invalidMessage) ? { display: 'none' } : {})) }, this.invalidMessage))));
|
|
84
84
|
}
|
|
85
85
|
get el() { return index.getElement(this); }
|
|
86
86
|
static get watchers() { return {
|
|
@@ -2,62 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B8thWtVm.js');
|
|
4
4
|
|
|
5
|
-
const tableHeaderCellCss = () => `.visually-hidden.sc-admiralty-table-header-cell: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-header-cell{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table-header-cell{display:none}}.sc-admiralty-table-header-cell-h{display:table-cell;color:var(--admiralty-colour-primary);font-size:var(--admiralty-table-header-cell-font-size, var(--admiralty-font-size-0));line-height:30px;padding:var(--admiralty-table-header-cell-padding, 6px var(--admiralty-spacing-5));text-align:left;font-weight:var(--admiralty-table-header-cell-font-weight, var(--admiralty-font-weight-medium));border-bottom:5px solid var(--admiralty-colour-primary)}
|
|
5
|
+
const tableHeaderCellCss = () => `.visually-hidden.sc-admiralty-table-header-cell: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-header-cell{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table-header-cell{display:none}}.sc-admiralty-table-header-cell-h{display:table-cell;color:var(--admiralty-colour-primary);font-size:var(--admiralty-table-header-cell-font-size, var(--admiralty-font-size-0));line-height:30px;padding:var(--admiralty-table-header-cell-padding, 6px var(--admiralty-spacing-5));text-align:left;font-weight:var(--admiralty-table-header-cell-font-weight, var(--admiralty-font-weight-medium));border-bottom:5px solid var(--admiralty-colour-primary)}`;
|
|
6
6
|
|
|
7
7
|
const TableHeaderCellComponent = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
|
-
this.admiraltySortChange = index.createEvent(this, "admiraltySortChange");
|
|
11
|
-
/**
|
|
12
|
-
* Whether this column header is individually sortable.
|
|
13
|
-
* If the parent `admiralty-table` has `allow-sorting` set, all columns are
|
|
14
|
-
* sortable by default and this prop can be set to `false` to opt a column out.
|
|
15
|
-
*/
|
|
16
|
-
this.sortable = undefined;
|
|
17
|
-
/**
|
|
18
|
-
* The initial sort direction for this column.
|
|
19
|
-
*/
|
|
20
|
-
this.sortDirection = 'none';
|
|
21
|
-
this.handleSortClick = () => {
|
|
22
|
-
const next = {
|
|
23
|
-
none: 'ascending',
|
|
24
|
-
ascending: 'descending',
|
|
25
|
-
descending: 'none',
|
|
26
|
-
};
|
|
27
|
-
this.sortDirection = next[this.sortDirection];
|
|
28
|
-
this.admiraltySortChange.emit({ direction: this.sortDirection });
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
isSortable() {
|
|
32
|
-
var _a, _b;
|
|
33
|
-
// Explicit false opt-out always wins
|
|
34
|
-
if (this.sortable === false)
|
|
35
|
-
return false;
|
|
36
|
-
// Explicit true opt-in wins next
|
|
37
|
-
if (this.sortable === true)
|
|
38
|
-
return true;
|
|
39
|
-
// Fall back to parent table allow-sorting attribute
|
|
40
|
-
return (_b = (_a = this.el.closest('admiralty-table')) === null || _a === void 0 ? void 0 : _a.hasAttribute('allow-sorting')) !== null && _b !== void 0 ? _b : false;
|
|
41
|
-
}
|
|
42
|
-
getSortIconName() {
|
|
43
|
-
switch (this.sortDirection) {
|
|
44
|
-
case 'ascending':
|
|
45
|
-
return 'arrow-upward';
|
|
46
|
-
case 'descending':
|
|
47
|
-
return 'arrow-downward';
|
|
48
|
-
default:
|
|
49
|
-
return 'unfold-more';
|
|
50
|
-
}
|
|
51
10
|
}
|
|
52
11
|
render() {
|
|
53
|
-
|
|
54
|
-
const ariaSort = sortable ? this.sortDirection : undefined;
|
|
55
|
-
if (sortable) {
|
|
56
|
-
return (index.h(index.Host, { role: "columnheader", "aria-sort": ariaSort, class: "sortable" }, index.h("button", { class: "sort-button", onClick: this.handleSortClick }, index.h("span", { class: "sort-label" }, index.h("slot", null)), index.h("admiralty-icon", { class: `sort-icon${this.sortDirection !== 'none' ? ' sort-active' : ''}`, name: this.getSortIconName() }))));
|
|
57
|
-
}
|
|
58
|
-
return (index.h(index.Host, { role: "columnheader" }, index.h("slot", null)));
|
|
12
|
+
return (index.h(index.Host, { key: 'e55d002d63de609aa570d0cfbc8f5325dcc71364', role: "columnheader" }, index.h("slot", { key: '87c237370e6b1151970cb2be9414631b2491eab8' })));
|
|
59
13
|
}
|
|
60
|
-
get el() { return index.getElement(this); }
|
|
61
14
|
};
|
|
62
15
|
TableHeaderCellComponent.style = tableHeaderCellCss();
|
|
63
16
|
|
|
@@ -9,7 +9,7 @@ const TableRow = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h(index.Host, { key: '
|
|
12
|
+
return (index.h(index.Host, { key: 'a8b7310a0a9abd297df2d5b937d806aab6d47a8d', role: "row" }, index.h("slot", { key: 'e363068517cdec46d523e54ae16e638196d162d8' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
TableRow.style = tableRowCss();
|
|
@@ -7,15 +7,9 @@ const tableCss = () => `.visually-hidden.sc-admiralty-table:not(:focus):not(:act
|
|
|
7
7
|
const TableComponent = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
|
-
/**
|
|
11
|
-
* When `true`, all `admiralty-table-header-cell` descendants become sortable
|
|
12
|
-
* by default. Individual cells can opt out by setting `sortable="false"`.
|
|
13
|
-
* Has no effect on existing tables that do not set this prop.
|
|
14
|
-
*/
|
|
15
|
-
this.allowSorting = false;
|
|
16
10
|
}
|
|
17
11
|
render() {
|
|
18
|
-
return (index.h(index.Host, { key: '
|
|
12
|
+
return (index.h(index.Host, { key: '0e6daab28c51269e005f3dcfef3d8dcc270483fb', role: "table" }, this.caption && index.h("caption", { key: '807ed5ca98510dc450dda46e30f4ee8465183f36' }, this.caption), index.h("slot", { key: '1326690347a5715077cf2db4520acf3feba8b31e' })));
|
|
19
13
|
}
|
|
20
14
|
};
|
|
21
15
|
TableComponent.style = tableCss();
|
|
@@ -90,10 +90,10 @@ const TextSideBarItemComponent = class {
|
|
|
90
90
|
return this.expanded ? 'keyboard-arrow-up-rounded' : 'keyboard-arrow-down-rounded';
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
|
-
return (index.h(index.Host, { key: '
|
|
94
|
-
index.h("div", { key: '
|
|
95
|
-
index.h("a", { key: '
|
|
96
|
-
index.h("a", { key: '
|
|
93
|
+
return (index.h(index.Host, { key: 'd6f36f38162153f023695168422d28a34474f733', "data-text-side-bar-item-id": 'text-side-bar-item-' + this.internalId }, index.h("li", { key: 'a965a367c96f6ab622537aee899825eab5f1fdb7' }, this.variant === TextSideBarItemVariant.Expandable &&
|
|
94
|
+
index.h("div", { key: '3e2aac7734b1d051a7a13bfef3795ef19855ef7b', class: "expandable-item" }, index.h("button", { key: '91d127c0119020f895bc7cab9b14e524194ac95c', id: "text-side-bar-item-button-" + this.internalId, class: { 'expandable-item-button': true, 'active': this.active }, onClick: () => this.onToggle() }, this.itemText, index.h("div", { key: '96e385ff6191491ee851b51cebb463fb3d004546', class: "icon" }, index.h("admiralty-icon", { key: '06f47e6be24b7e8f15a766e1407dc9a2d7705c6c', size: 30, name: this.getExpansionIcon() }))), index.h("div", { key: 'a49d87a90a7ce1da657eaa9bc876644dfc55435b', class: "slot", hidden: !this.expanded }, index.h("slot", { key: 'c09235cca4e9497d751e3dd79bcae66047ebbfc7' }))), this.variant === TextSideBarItemVariant.Text &&
|
|
95
|
+
index.h("a", { key: 'dc3c66dc4c6f58124049e203a80436632a0148d5', id: "text-side-bar-item-anchor-" + this.internalId, class: { 'text-link': true, 'active': this.active }, href: this.href, onMouseDown: () => this.handleMouseDown("text-side-bar-item-anchor-" + this.internalId), onClick: ev => this.handleClick(ev) }, this.itemText), this.variant === TextSideBarItemVariant.TextLink &&
|
|
96
|
+
index.h("a", { key: '95fd549f4e5cf4a76ba2ac753b35e933c393fcda', id: "text-side-bar-item-anchor-" + this.internalId, class: { 'text-link is-main-link': true, 'active': this.active }, href: this.href, onMouseDown: () => this.handleMouseDown("text-side-bar-item-anchor-" + this.internalId), onClick: ev => this.handleClick(ev) }, this.itemText))));
|
|
97
97
|
}
|
|
98
98
|
get el() { return index.getElement(this); }
|
|
99
99
|
static get watchers() { return {
|
|
@@ -15,7 +15,7 @@ const textSideBarWrapperComponent = class {
|
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h(index.Host, { key: '
|
|
18
|
+
return (index.h(index.Host, { key: '55edfc1438d1ffe2af807b6e61cf68751b2fd4ce' }, index.h("slot", { key: '7761cb6738dd26f9b5d3f198a29cf7fd0712e94a' })));
|
|
19
19
|
}
|
|
20
20
|
get el() { return index.getElement(this); }
|
|
21
21
|
};
|
|
@@ -21,7 +21,7 @@ const TextSideBarComponent = class {
|
|
|
21
21
|
this.textSideBarWidth = '150px';
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (index.h("nav", { key: '
|
|
24
|
+
return (index.h("nav", { key: 'cedbc9892b83b76024a3f836f604942a42e4475b', "aria-label": this.label, style: { width: this.textSideBarWidth ? this.textSideBarWidth !== '' ? this.textSideBarWidth : '100px' : '100px' } }, index.h("ul", { key: 'bfa0d54276756b45d1d6616c54fe3438068c9ec8' }, index.h("slot", { key: 'e650aca32f18285277c69708e15aa0280be15272', name: "items" })), index.h("ul", { key: '0fe9fe03864c0eae5689ecfeeabad04d0e027e1a' }, index.h("slot", { key: '7aae085094a7aae6aa221adcd80bf288e1edc16d', name: "footer" }), this.showLogo ? index.h("img", { class: "logo", src: this.logoImgUrl, alt: "UKHO Logo", "aria-hidden": "true" }) : null)));
|
|
25
25
|
}
|
|
26
26
|
get el() { return index.getElement(this); }
|
|
27
27
|
};
|
|
@@ -56,7 +56,7 @@ const TextareaComponent = class {
|
|
|
56
56
|
const inputId = `${id}-input`;
|
|
57
57
|
const hintId = `${id}-hint`;
|
|
58
58
|
const errorId = `${id}-error`;
|
|
59
|
-
return (index.h(index.Host, { key: '
|
|
59
|
+
return (index.h(index.Host, { key: 'e0a6e64317ac3f9075975e620a8786b240eea5e0' }, index.h("div", { key: 'b03ac68eebb576445d010c97e6ae30626173e517', class: "text-area-container" }, this.label ? (index.h("admiralty-label", { for: inputId, disabled: this.disabled }, this.label)) : null, this.hint ? (index.h("admiralty-hint", { id: hintId, disabled: this.disabled }, this.hint)) : null, index.h("textarea", { key: '6bf32d3b35745860719f449141e3e4de1e748350', ref: textArea => (this.nativeTextArea = textArea), class: { disabled: this.disabled, invalid: this.invalid }, style: this.width ? { maxWidth: `${this.width}px` } : {}, id: inputId, disabled: this.disabled, value: value, onInput: this.onInput, onBlur: this.onBlur, "aria-invalid": this.invalid ? 'true' : 'false', "aria-describedby": (this.hint ? hintId : '') + ' ' + (this.invalid ? errorId : '') }), index.h("admiralty-input-invalid", { key: '63371aa829abfdcd7f763ccbee91f9fa755606e3', id: errorId, style: Object.assign({}, (!(this.invalid && this.invalidMessage) ? { display: 'none' } : {})) }, this.invalidMessage))));
|
|
60
60
|
}
|
|
61
61
|
get el() { return index.getElement(this); }
|
|
62
62
|
static get watchers() { return {
|
|
@@ -196,12 +196,18 @@ const ThemeToggleComponent = class {
|
|
|
196
196
|
}
|
|
197
197
|
render() {
|
|
198
198
|
const isDark = this.isDarkMode();
|
|
199
|
-
|
|
199
|
+
const currentThemeLabel = this.theme === 'auto'
|
|
200
|
+
? `auto (${isDark ? 'dark' : 'light'} system preference)`
|
|
201
|
+
: this.theme;
|
|
202
|
+
const computedAriaLabel = this.ariaLabel !== 'Toggle dark mode'
|
|
203
|
+
? this.ariaLabel
|
|
204
|
+
: `Toggle dark mode (current: ${currentThemeLabel}. Press to switch to ${isDark ? 'light' : 'dark'} mode)`;
|
|
205
|
+
return (index.h(index.Host, { key: '7ae08212b4bf4059f7cada406536fce229ad0f94' }, index.h("button", { key: '09419dc38b0014077e058ba8f37c6d432e12402b', class: {
|
|
200
206
|
'theme-toggle': true,
|
|
201
207
|
'dark': isDark,
|
|
202
208
|
'light': !isDark,
|
|
203
209
|
'disabled': this.disabled,
|
|
204
|
-
}, onClick: this.toggleTheme, disabled: this.disabled, "aria-label":
|
|
210
|
+
}, onClick: this.toggleTheme, disabled: this.disabled, "aria-label": computedAriaLabel, "aria-pressed": isDark, type: "button" }, index.h("span", { key: '7d1e1b4a56d05aff22f4c7716f448bc452f36eb8', class: "toggle-background-slider" }), index.h("span", { key: 'e0e3a6b185fb4cffe4e235128d60645047382772', class: "toggle-icon sun-icon" }, index.h("admiralty-icon", { key: '57731b91584f6e40f0b43d431401ccd9f8e726c9', name: "light-mode-outline" })), index.h("span", { key: '84e1531e2f83851d1f684b0dcaf5404d178af7d1', class: "toggle-icon moon-icon" }, index.h("admiralty-icon", { key: '862de1588e1a24682d6239177b5a4544e0f3ec43', name: "dark-mode-outline" })))));
|
|
205
211
|
}
|
|
206
212
|
static get watchers() { return {
|
|
207
213
|
"theme": [{
|