@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.
Files changed (77) hide show
  1. package/dist/admiralty/admiralty.esm.js +1 -1
  2. package/dist/admiralty/p-192995ac.entry.js +1 -0
  3. package/dist/admiralty/p-3e5e29cc.entry.js +1 -0
  4. package/dist/admiralty/{p-4da8e850.entry.js → p-4b7de380.entry.js} +1 -1
  5. package/dist/admiralty/p-58202d6a.entry.js +1 -0
  6. package/dist/admiralty/p-644ca5b1.entry.js +1 -0
  7. package/dist/admiralty/p-7ddb717d.entry.js +1 -0
  8. package/dist/admiralty/p-7f5b8da9.entry.js +1 -0
  9. package/dist/admiralty/{p-af41a4ea.entry.js → p-8d2f5af2.entry.js} +1 -1
  10. package/dist/admiralty/p-bf8ff732.entry.js +1 -0
  11. package/dist/admiralty/{p-0286f4c4.entry.js → p-c4bd7f40.entry.js} +1 -1
  12. package/dist/admiralty/{p-bdd0b964.entry.js → p-db29c807.entry.js} +1 -1
  13. package/dist/cjs/admiralty-colour-block.cjs.entry.js +82 -9
  14. package/dist/cjs/admiralty-radio-group.cjs.entry.js +1 -1
  15. package/dist/cjs/admiralty-table-header-cell.cjs.entry.js +2 -49
  16. package/dist/cjs/admiralty-table-row.cjs.entry.js +1 -1
  17. package/dist/cjs/admiralty-table.cjs.entry.js +1 -7
  18. package/dist/cjs/admiralty-text-side-bar-item.cjs.entry.js +4 -4
  19. package/dist/cjs/admiralty-text-side-bar-wrapper.cjs.entry.js +1 -1
  20. package/dist/cjs/admiralty-text-side-bar.cjs.entry.js +1 -1
  21. package/dist/cjs/admiralty-textarea.cjs.entry.js +1 -1
  22. package/dist/cjs/admiralty-theme-toggle.cjs.entry.js +8 -2
  23. package/dist/cjs/admiralty-tooltip.cjs.entry.js +1 -1
  24. package/dist/cjs/admiralty.cjs.js +1 -1
  25. package/dist/cjs/loader.cjs.js +1 -1
  26. package/dist/collection/collection-manifest.json +1 -1
  27. package/dist/collection/components/colour-block/colour-block.css +29 -0
  28. package/dist/collection/components/colour-block/colour-block.js +102 -9
  29. package/dist/collection/components/radio-group/radio-group.js +1 -1
  30. package/dist/collection/components/table/table.js +1 -29
  31. package/dist/collection/components/table-header-cell/table-header-cell.css +0 -43
  32. package/dist/collection/components/table-header-cell/table-header-cell.js +1 -117
  33. package/dist/collection/components/table-row/table-row.js +1 -1
  34. package/dist/collection/components/text-side-bar/text-side-bar.js +1 -1
  35. package/dist/collection/components/text-side-bar/text-side-bar.stories.data.js +1 -1
  36. package/dist/collection/components/text-side-bar-item/text-side-bar-item.js +4 -4
  37. package/dist/collection/components/textarea/textarea.js +1 -1
  38. package/dist/collection/components/theme-toggle/theme-toggle.js +8 -2
  39. package/dist/collection/components/tooltip/tooltip.js +1 -1
  40. package/dist/components/admiralty-colour-block.js +1 -1
  41. package/dist/components/admiralty-radio-group.js +1 -1
  42. package/dist/components/admiralty-table-header-cell.js +1 -1
  43. package/dist/components/admiralty-table-row.js +1 -1
  44. package/dist/components/admiralty-table.js +1 -1
  45. package/dist/components/admiralty-text-side-bar-item.js +1 -1
  46. package/dist/components/admiralty-text-side-bar-wrapper.js +1 -1
  47. package/dist/components/admiralty-text-side-bar.js +1 -1
  48. package/dist/components/admiralty-textarea.js +1 -1
  49. package/dist/components/admiralty-theme-toggle.js +1 -1
  50. package/dist/components/admiralty-tooltip.js +1 -1
  51. package/dist/esm/admiralty-colour-block.entry.js +82 -9
  52. package/dist/esm/admiralty-radio-group.entry.js +1 -1
  53. package/dist/esm/admiralty-table-header-cell.entry.js +3 -50
  54. package/dist/esm/admiralty-table-row.entry.js +1 -1
  55. package/dist/esm/admiralty-table.entry.js +1 -7
  56. package/dist/esm/admiralty-text-side-bar-item.entry.js +4 -4
  57. package/dist/esm/admiralty-text-side-bar-wrapper.entry.js +1 -1
  58. package/dist/esm/admiralty-text-side-bar.entry.js +1 -1
  59. package/dist/esm/admiralty-textarea.entry.js +1 -1
  60. package/dist/esm/admiralty-theme-toggle.entry.js +8 -2
  61. package/dist/esm/admiralty-tooltip.entry.js +1 -1
  62. package/dist/esm/admiralty.js +1 -1
  63. package/dist/esm/loader.js +1 -1
  64. package/dist/types/components/colour-block/colour-block.d.ts +17 -3
  65. package/dist/types/components/table/table.d.ts +0 -6
  66. package/dist/types/components/table-header-cell/table-header-cell.d.ts +0 -23
  67. package/dist/types/components.d.ts +14 -59
  68. package/docs/docs.json +36 -150
  69. package/package.json +2 -2
  70. package/themes/default.css +3 -3
  71. package/dist/admiralty/p-0aaa3be0.entry.js +0 -1
  72. package/dist/admiralty/p-199ad75b.entry.js +0 -1
  73. package/dist/admiralty/p-2a2ac7d2.entry.js +0 -1
  74. package/dist/admiralty/p-30c67255.entry.js +0 -1
  75. package/dist/admiralty/p-33531fc7.entry.js +0 -1
  76. package/dist/admiralty/p-3d107fad.entry.js +0 -1
  77. 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-0286f4c4",[[2,"admiralty-textarea",{label:[1],hint:[1],width:[2],disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],value:[1032]},null,{value:[{valueChanged:0}]}]]],["p-30c67255",[[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-33531fc7",[[262,"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-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-199ad75b",[[262,"admiralty-table-header-cell",{sortable:[4],sortDirection:[1537,"sort-direction"]}]]],["p-bdd0b964",[[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-3d107fad",[[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-0aaa3be0",[[262,"admiralty-table",{caption:[1],allowSorting:[516,"allow-sorting"]}]]],["p-0f31fa76",[[262,"admiralty-table-body"]]],["p-2e0dbbb1",[[262,"admiralty-table-cell"]]],["p-cb1a4f5a",[[262,"admiralty-table-header"]]],["p-dfcf9666",[[262,"admiralty-table-row"]]],["p-af41a4ea",[[262,"admiralty-text-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],textSideBarWidth:[1,"text-side-bar-width"]}]]],["p-2a2ac7d2",[[260,"admiralty-text-side-bar-wrapper",null,[[0,"textSideBarItemClick","ontextSideBarItemSelected"]]]]],["p-4da8e850",[[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))));
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,e=window.innerWidth-i.right;return l>e?(this.placement="left",this.map[this.placement](),void this.handleOffScreen(a,8)):e>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:"ec78e94d2d099373b19c56b66cfec025328e863f"},i("div",{key:"648a7decc800d3154adb85a2a15641f5f16efd3f",role:"tooltip",class:"tooltip","data-placement":this.placement,"data-alignment":this.alignment},i("slot",{key:"5c911e5b4a3b76e3769ec8fc14cf9d4890f8cb1f"}),i("span",{key:"842f6d63cdfff5a50765b97ec1168ffa4e3a898c",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}
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:"ac56d4a0472f68de8d78610b295d0aecfd8de99d","aria-label":this.label,style:{width:this.textSideBarWidth&&""!==this.textSideBarWidth?this.textSideBarWidth:"100px"}},a("ul",{key:"c5d3eb3f3a149c87c104d4ca1a1db36aea6a14e6"},a("slot",{key:"2e43ea7e132703e969cd70d803cf6397049e7bd5",name:"items"})),a("ul",{key:"bed32239edaa34fbed6caa79078ea68e83231ead"},a("slot",{key:"9cf7414cc32facccc278d643e2c25841f4e71ad4",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}
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:"5269578ca62cbb92dcfdb24133d5651b79e8baa2"},i("div",{key:"9925b839f33299f195214558d8c849562e2371b1",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:"733bd50c03bcec4fe7810be0cc21049799336830",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:"53f25048c25a80c532755b16addc983b0d7e060d",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
+ 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 e,h as a,H as i,g as r}from"./p-uO9JpdnI.js";const d="expandable",o=class{constructor(a){t(this,a),this.toggled=e(this,"toggled"),this.textSideBarItemClick=e(this,"textSideBarItemClick"),this.internalId=++s,this.variant=d,this.expanded=!1,this.suppressRedirect=!1,this.active=!1}handleActiveChange(t){const e=this.el.querySelector("a");e&&e.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((e=>{var a,i;let r=(null!==(a=e.shadowRoot)&&void 0!==a?a:e).querySelector("a");r&&r.id.toString()===t.toString()?r.classList.add("active"):(null===r&&(r=(null!==(i=e.shadowRoot)&&void 0!==i?i:e).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 a(i,{key:"92086c3f2a49d7d18a099cd13c622fe8ebd46d81","data-text-side-bar-item-id":"text-side-bar-item-"+this.internalId},a("li",{key:"596a84e2b87c4ef394861058a058e0721690a035"},this.variant===d&&a("div",{key:"97a7e18abcf1a1755d0d15d181a77555b4bffd80",class:"expandable-item"},a("button",{key:"87ae8ba2d77d3e04ee67014ef823b16d10dcc649",id:"text-side-bar-item-button-"+this.internalId,class:{"expandable-item-button":!0,active:this.active},onClick:()=>this.onToggle()},this.itemText,a("div",{key:"94bd2c304c5f71a75620d597a4da905abeb8744a",class:"icon"},a("admiralty-icon",{key:"4898837ce2e36d0653dafb30505b6388e0c182cb",size:30,name:this.getExpansionIcon()}))),a("div",{key:"991bc4b825f618cbaa5f50b7c7e421e2e8e9fd75",class:"slot",hidden:!this.expanded},a("slot",{key:"2b29f70df9a0cdc26e4f943ce2c0ad1f71ad227a"}))),"text"===this.variant&&a("a",{key:"fcbe97ec9b8461c699ab518a8264ccbb7b53817c",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&&a("a",{key:"91a935c58b3113ec70929cc91c96ecb361f1bce8",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}
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. A value for `href`
23
- * should also be provided to ensure the component conforms to accessibility standards.
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: '857dcc424426284c99c9d6155a283afae38dcee1', class: {
36
- colourBlock: true,
105
+ return (index.h("div", { key: '82671203101e6587a78ae5a232aa55feb1a5f14d', class: {
106
+ 'colourBlock': true,
37
107
  [this.colour]: true,
38
- }, style: Object.assign({ height: this.height ? `${this.height}px` : null, width: this.width ? `${this.width}px` : null }, (this.enableCardEvent && { cursor: 'pointer' })), onClick: ev => (this.enableCardEvent ? this.handleClickAction(ev) : null) }, index.h("h2", { key: '0b807457d07d0b3e786264a5bd0e19e626619374' }, this.heading), index.h("div", { key: '195c0e707ad9e25535f42c97799c30686eb7f182', class: {
39
- 'content': true,
40
- 'white-text': this.colour === 'admiralty-blue' || this.colour === 'teal',
41
- } }, index.h("slot", { key: '9eda66d196515d3eab3a8f0c9241ed277870fd4d' })), 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) }, index.h("span", null, this.linkText))) : null));
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: '9fc295e81b2ac42d4b10210f893ebc87c8cdb140', disabled: this.disabled, role: "radiogroup", "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: '432af7420b110dc5f81b8bb5b8648ba23faf2cc9', class: { 'radio-group': true, 'stack': displayVertical }, onClick: this.onClick }, index.h("slot", { key: '5678e84205b414d20332715721d0c0bda390a637' })), index.h("admiralty-input-invalid", { key: 'fa840ce426ebc9828433331da0fa5578356f3a8b', id: this.errorId, style: Object.assign({}, (!(this.invalid && this.invalidMessage) ? { display: 'none' } : {})) }, this.invalidMessage))));
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)}.sortable.sc-admiralty-table-header-cell-h{padding:0;user-select:none}.sort-button.sc-admiralty-table-header-cell{display:inline-flex;align-items:center;gap:var(--admiralty-spacing-2, 4px);background:none;border:none;cursor:pointer;padding:var(--admiralty-table-header-cell-padding, 6px var(--admiralty-spacing-5));width:100%;color:var(--admiralty-colour-primary);font-size:var(--admiralty-table-header-cell-font-size, var(--admiralty-font-size-0));line-height:30px;font-weight:var(--admiralty-table-header-cell-font-weight, var(--admiralty-font-weight-medium));font-family:inherit;text-align:left}.sort-button.sc-admiralty-table-header-cell:focus-visible{outline:3px solid var(--admiralty-colour-focus, #ffdd00);outline-offset:-3px}.sort-button.sc-admiralty-table-header-cell:hover{background-color:var(--admiralty-table-header-cell-sortable-hover-bg, rgba(0, 0, 0, 0.06))}.sort-label.sc-admiralty-table-header-cell{flex:1}.sort-icon.sc-admiralty-table-header-cell{flex-shrink:0;opacity:var(--admiralty-table-header-cell-sort-icon-inactive-opacity, 0.35)}.sort-icon.sort-active.sc-admiralty-table-header-cell{opacity:1}`;
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
- const sortable = this.isSortable();
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: '594df4bfdc82292030793d61d76813ae6112b8c5', role: "row" }, index.h("slot", { key: 'b6e9ec6c88cd4dc74eccf97115d9c63877cf69f3' })));
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: '4ccb7fb50d6f55804f42bac5eef18d141caddbc7', role: "table" }, this.caption && index.h("caption", { key: '9390f50f36d5a99df1f1847032828e65bb93063a' }, this.caption), index.h("slot", { key: '796f5b3d0e00e6fa0ac70454ce49738fd18b8b03' })));
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: '92086c3f2a49d7d18a099cd13c622fe8ebd46d81', "data-text-side-bar-item-id": 'text-side-bar-item-' + this.internalId }, index.h("li", { key: '596a84e2b87c4ef394861058a058e0721690a035' }, this.variant === TextSideBarItemVariant.Expandable &&
94
- index.h("div", { key: '97a7e18abcf1a1755d0d15d181a77555b4bffd80', class: "expandable-item" }, index.h("button", { key: '87ae8ba2d77d3e04ee67014ef823b16d10dcc649', 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: '94bd2c304c5f71a75620d597a4da905abeb8744a', class: "icon" }, index.h("admiralty-icon", { key: '4898837ce2e36d0653dafb30505b6388e0c182cb', size: 30, name: this.getExpansionIcon() }))), index.h("div", { key: '991bc4b825f618cbaa5f50b7c7e421e2e8e9fd75', class: "slot", hidden: !this.expanded }, index.h("slot", { key: '2b29f70df9a0cdc26e4f943ce2c0ad1f71ad227a' }))), this.variant === TextSideBarItemVariant.Text &&
95
- index.h("a", { key: 'fcbe97ec9b8461c699ab518a8264ccbb7b53817c', 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: '91a935c58b3113ec70929cc91c96ecb361f1bce8', 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))));
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: 'acaeb8acc24996646c49d820103b379c3abb6abd' }, index.h("slot", { key: 'd9bc0603d83471e83c30439329eba9bad8822929' })));
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: 'ac56d4a0472f68de8d78610b295d0aecfd8de99d', "aria-label": this.label, style: { width: this.textSideBarWidth ? this.textSideBarWidth !== '' ? this.textSideBarWidth : '100px' : '100px' } }, index.h("ul", { key: 'c5d3eb3f3a149c87c104d4ca1a1db36aea6a14e6' }, index.h("slot", { key: '2e43ea7e132703e969cd70d803cf6397049e7bd5', name: "items" })), index.h("ul", { key: 'bed32239edaa34fbed6caa79078ea68e83231ead' }, index.h("slot", { key: '9cf7414cc32facccc278d643e2c25841f4e71ad4', name: "footer" }), this.showLogo ? index.h("img", { class: "logo", src: this.logoImgUrl, alt: "UKHO Logo", "aria-hidden": "true" }) : null)));
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: '5269578ca62cbb92dcfdb24133d5651b79e8baa2' }, index.h("div", { key: '9925b839f33299f195214558d8c849562e2371b1', 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: '733bd50c03bcec4fe7810be0cc21049799336830', 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: '53f25048c25a80c532755b16addc983b0d7e060d', id: errorId, style: Object.assign({}, (!(this.invalid && this.invalidMessage) ? { display: 'none' } : {})) }, this.invalidMessage))));
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
- return (index.h(index.Host, { key: '9a103066ef1cf9726e9d0f8996be1c3048f4aa07' }, index.h("button", { key: '377afe27497d503edb81de6142c7ac4331dad0b8', class: {
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": this.ariaLabel, type: "button" }, index.h("span", { key: '17d151c8a2fdd05d7981bc9b75eb1786d91056a6', class: "toggle-background-slider" }), index.h("span", { key: 'c404af2d7378122bd22a25f8b55a615ad7fbe713', class: "toggle-icon sun-icon" }, index.h("admiralty-icon", { key: '2ce74238c58e0d3d773f10439d7ca17fb17c2d80', name: "light-mode-outline" })), index.h("span", { key: '4a89868e2ea8156722d693c1e493945fb424b220', class: "toggle-icon moon-icon" }, index.h("admiralty-icon", { key: '6076ff7e6308a5492dab6304e7242427f11389ba', name: "dark-mode-outline" })))));
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": [{