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

package/styles/global.bundle.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/styles/css/normalize.scss","../src/styles/utils/a11y.scss","../src/styles/vars/_responsive.scss","../src/styles/utils/responsive.scss","../src/styles/css/typography.scss"],"names":[],"mappings":"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","file":"global.bundle.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\n}\n","@import '../vars/colours';\n\n.visually-hidden:not(:focus):not(:active) {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  -webkit-clip-path: inset(50%) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n\n@mixin focus-highlight() {\n  outline: 3px solid transparent;\n  color: var(--admiralty-text-colour);\n  background-color: var(--admiralty-focus-colour);\n  box-shadow:\n    0 -2px var(--admiralty-focus-colour),\n    0 4px var(--admiralty-text-colour);\n  text-decoration: none;\n}\n","$max-content-width: 1284px;\n\n/* Device Sizes - matching layout breakpoints */\n$device-size-desktop: 1024px;\n$device-size-tablet: 480px;\n$device-size-phone: 0px;\n","@use '../vars/responsive';\n\n@mixin not-desktop() {\n  @media (max-width: responsive.$device-size-desktop - 1px) {\n    @content;\n  }\n}\n\n@mixin desktop-only() {\n  @media (min-width: responsive.$device-size-desktop) {\n    @content;\n  }\n}\n\n@mixin tablet-only() {\n  @media (max-width: responsive.$device-size-desktop - 1px) and (min-width: responsive.$device-size-tablet) {\n    @content;\n  }\n}\n\n@mixin tablet-or-desktop() {\n  @media (min-width: responsive.$device-size-tablet + 1px) {\n    @content;\n  }\n}\n\n@mixin phone-or-tablet() {\n  @media (max-width: responsive.$device-size-desktop - 1px) and (min-width: responsive.$device-size-phone) {\n    @content;\n  }\n}\n\n@mixin phone-only() {\n  @media (max-width: responsive.$device-size-tablet - 1px) and (min-width: responsive.$device-size-phone) {\n    @content;\n  }\n}\n\n.desktop-only {\n  @include not-desktop {\n    display: none;\n  }\n}\n\n.not-desktop {\n  @include desktop-only {\n    display: none;\n  }\n}\n\n.tablet-only {\n  @include desktop-only {\n    display: none;\n  }\n  @include phone-only {\n    display: none;\n  }\n}\n\n.tablet-or-desktop {\n  @include phone-only {\n    display: none;\n  }\n}\n\n.phone-or-tablet {\n  @include desktop-only {\n    display: none;\n  }\n}\n\n.phone-only {\n  @include desktop-only {\n    display: none;\n  }\n  @include tablet-only {\n    display: none;\n  }\n}\n","@use '../utils/a11y';\n@use '../utils/responsive';\n\n$heading-font-weight: var(--admiralty-font-weight-medium);\n$list-item-font-weight: var(--admiralty-font-weight-normal);\n\nhtml {\n  font-family: var(--admiralty-font-family);\n  font-size: var(--admiralty-font-size);\n  line-height: var(--admiralty-line-height);\n  font-weight: var(--admiralty-font-weight);\n}\n\na {\n  color: var(--admiralty-colour-primary);\n  text-underline-offset: 0.15em;\n  &:focus {\n    outline: 3px solid var(--admiralty-focus-colour);\n    outline-offset: 1px;\n    @include a11y.focus-highlight;\n  }\n  &:hover {\n    text-decoration-thickness: 0.15em;\n  }\n}\n\nh1 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-6); /** OLD: 48px = 3rem, NEW: 2.75rem = 44px **/;\n  line-height: 60px;\n  margin: 0 0 30px 0;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-6); /** OLD: 46px = 2.875rem, NEW: 2.75rem = 44px **/\n    line-height: 54px;\n  }\n}\n\nh2 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-3); /** OLD: 36px, NEW: 1.75rem = 28px **/;\n  line-height: 48px;\n  margin-bottom: 18px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-3); /** OLD: 34px = 2.125rem, NEW: 1.75rem = 28px **/;\n    line-height: 42px;\n  }\n}\n\nh3,\nh4,\nh5 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-0); /** OLD: 21px = 1.313rem, NEW: 1rem = 16px **/;\n  line-height: 30px;\n  margin-bottom: 12px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-0); /** OLD: 20px = 1.25rem, NEW: 1rem = 16px **/\n    line-height: 30px;\n  }\n}\n\nh6 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size--1); /** OLD: 18px = 1.125rem, NEW 0.875 = 14px **/;\n  line-height: 24px;\n  margin-bottom: 12px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size--1); /** OLD: 16px, NEW 0.875 = 14px **/\n  }\n}\n\np {\n  font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW 1rem = 16px **/;\n  line-height: 24px;\n  margin-bottom: 30px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-0); /** OLD: 16px **/;\n  }\n}\n\n.intro {\n  font-size: var(--admiralty-font-size-3); /** OLD: 28px **/\n  line-height: 36px;\n  margin-bottom: 30px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-2); /** OLD: 26px = 1.625rem, NEW: 1.5rem = 24px **/\n  }\n}\n\n.small {\n  font-size: var(--admiralty-font-size-0); /** OLD: 16px **/\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size--1); /** OLD: 14px **/\n    line-height: 22px;\n  }\n}\n\nblockquote {\n  line-height: 30px;\n  width: 100%;\n  padding: 24px 18px;\n  border-left: 5px solid var(--admiralty-colour-primary);\n  margin-bottom: 30px;\n  background: var(--admiralty-background-colour-tint);\n  @include responsive.not-desktop {\n    line-height: 24px;\n  }\n}\n\nul {\n  list-style: none;\n  a {\n    font-weight: $list-item-font-weight;\n  }\n\n  li {\n    margin-bottom: 12px;\n  }\n\n  li:before {\n    content: '\\25A0';\n    font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW: 1rem = 16px **/\n    color: var(--admiralty-colour-primary);\n    vertical-align: text-bottom;\n    margin-right: 12px;\n    @include responsive.not-desktop {\n      font-size: var(--admiralty-font-size-0); /** OLD: 8px = 0.5rem, NEW: 0.688rem = 11px **/\n    }\n  }\n}\n\nol {\n  list-style: none;\n  counter-reset: li;\n\n  a {\n    font-weight: $list-item-font-weight;\n  }\n\n  li:before {\n    content: counter(li) '.';\n    color: var(--admiralty-colour-primary);\n    font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW: 1rem = 16px **/\n    margin-right: 12px;\n  }\n\n  li {\n    counter-increment: li;\n    margin-bottom: 12px;\n  }\n}\n\n.white-text {\n  * {\n    color: var(--admiralty-colour-primary-contrast);\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../src/styles/css/normalize.scss","../src/styles/utils/a11y.scss","../src/styles/vars/_responsive.scss","../src/styles/utils/responsive.scss","../src/styles/css/typography.scss"],"names":[],"mappings":";AAAA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,QACQ;EACN;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,SACS;EACP;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;ACzVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACXF;ACCE;EAmCF;IAEI;;;AA/BF;EAmCF;IAEI;;;AArCF;EAyCF;IAEI;;;AAnBF;EAiBF;IAKI;;;AAtBF;EA0BF;IAEI;;;AApDF;EAwDF;IAEI;;;AA1DF;EA8DF;IAEI;;;AA1DF;EAwDF;IAKI;;;ACtEJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EHAF;EACA;EACA;EACA,YACE;EAEF;;AGHA;EACE;;;AAIJ;EACE;EACA,aAxBoB;EAyBpB;EACA;EACA;;AD3BA;ECsBF;IAOI;IACA;;;;AAIJ;EACE;EACA,aApCoB;EAqCpB;EACA;EACA;;ADvCA;ECkCF;IAOI;IACA;;;;AAIJ;AAAA;AAAA;EAGE;EACA,aAlDoB;EAmDpB;EACA;EACA;;ADrDA;EC8CF;AAAA;AAAA;IASI;IACA;;;;AAIJ;EACE;EACA,aA9DoB;EA+DpB;EACA;EACA;;ADjEA;EC4DF;IAOI;;;;AAIJ;EACE;EACA;EACA;;AD1EA;ECuEF;IAKI;;;;AAIJ;EACE;EACA;EACA;;ADnFA;ECgFF;IAKI;;;;AAIJ;EACE;;AD1FA;ECyFF;IAGI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;ADvGA;ECiGF;IAQI;;;;AAIJ;EACE;;AACA;EACE,aA/GoB;;AAkHtB;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AD5HF;ECuHA;IAOI;;;;AAKN;EACE;EACA;;AAEA;EACE,aAvIoB;;AA0ItB;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAKF;EACE","file":"global.bundle.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\n}\n","@import '../vars/colours';\n\n.visually-hidden:not(:focus):not(:active) {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  -webkit-clip-path: inset(50%) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n\n@mixin focus-highlight() {\n  outline: 3px solid transparent;\n  color: var(--admiralty-focus-contrast);\n  background-color: var(--admiralty-focus-colour);\n  box-shadow:\n    0 -2px var(--admiralty-focus-colour),\n    0 4px var(--admiralty-focus-contrast);\n  text-decoration: none;\n}\n","$max-content-width: 1284px;\n\n/* Device Sizes - matching layout breakpoints */\n$device-size-desktop: 1024px;\n$device-size-tablet: 480px;\n$device-size-phone: 0px;\n","@use '../vars/responsive';\n\n@mixin not-desktop() {\n  @media (max-width: responsive.$device-size-desktop - 1px) {\n    @content;\n  }\n}\n\n@mixin desktop-only() {\n  @media (min-width: responsive.$device-size-desktop) {\n    @content;\n  }\n}\n\n@mixin tablet-only() {\n  @media (max-width: responsive.$device-size-desktop - 1px) and (min-width: responsive.$device-size-tablet) {\n    @content;\n  }\n}\n\n@mixin tablet-or-desktop() {\n  @media (min-width: responsive.$device-size-tablet + 1px) {\n    @content;\n  }\n}\n\n@mixin phone-or-tablet() {\n  @media (max-width: responsive.$device-size-desktop - 1px) and (min-width: responsive.$device-size-phone) {\n    @content;\n  }\n}\n\n@mixin phone-only() {\n  @media (max-width: responsive.$device-size-tablet - 1px) and (min-width: responsive.$device-size-phone) {\n    @content;\n  }\n}\n\n.desktop-only {\n  @include not-desktop {\n    display: none;\n  }\n}\n\n.not-desktop {\n  @include desktop-only {\n    display: none;\n  }\n}\n\n.tablet-only {\n  @include desktop-only {\n    display: none;\n  }\n  @include phone-only {\n    display: none;\n  }\n}\n\n.tablet-or-desktop {\n  @include phone-only {\n    display: none;\n  }\n}\n\n.phone-or-tablet {\n  @include desktop-only {\n    display: none;\n  }\n}\n\n.phone-only {\n  @include desktop-only {\n    display: none;\n  }\n  @include tablet-only {\n    display: none;\n  }\n}\n","@use '../utils/a11y';\n@use '../utils/responsive';\n\n$heading-font-weight: var(--admiralty-font-weight-medium);\n$list-item-font-weight: var(--admiralty-font-weight-normal);\n\nhtml {\n  font-family: var(--admiralty-font-family);\n  font-size: var(--admiralty-font-size);\n  line-height: var(--admiralty-line-height);\n  font-weight: var(--admiralty-font-weight);\n}\n\na {\n  color: var(--admiralty-colour-primary);\n  text-underline-offset: 0.15em;\n  &:focus {\n    outline-offset: 1px;\n    @include a11y.focus-highlight;\n  }\n  &:hover {\n    text-decoration-thickness: 0.15em;\n  }\n}\n\nh1 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-6); /** OLD: 48px = 3rem, NEW: 2.75rem = 44px **/;\n  line-height: 60px;\n  margin: 0 0 30px 0;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-6); /** OLD: 46px = 2.875rem, NEW: 2.75rem = 44px **/\n    line-height: 54px;\n  }\n}\n\nh2 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-3); /** OLD: 36px, NEW: 1.75rem = 28px **/;\n  line-height: 48px;\n  margin-bottom: 18px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-3); /** OLD: 34px = 2.125rem, NEW: 1.75rem = 28px **/;\n    line-height: 42px;\n  }\n}\n\nh3,\nh4,\nh5 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-0); /** OLD: 21px = 1.313rem, NEW: 1rem = 16px **/;\n  line-height: 30px;\n  margin-bottom: 12px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-0); /** OLD: 20px = 1.25rem, NEW: 1rem = 16px **/\n    line-height: 30px;\n  }\n}\n\nh6 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size--1); /** OLD: 18px = 1.125rem, NEW 0.875 = 14px **/;\n  line-height: 24px;\n  margin-bottom: 12px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size--1); /** OLD: 16px, NEW 0.875 = 14px **/\n  }\n}\n\np {\n  font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW 1rem = 16px **/;\n  line-height: 24px;\n  margin-bottom: 30px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-0); /** OLD: 16px **/;\n  }\n}\n\n.intro {\n  font-size: var(--admiralty-font-size-3); /** OLD: 28px **/\n  line-height: 36px;\n  margin-bottom: 30px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-2); /** OLD: 26px = 1.625rem, NEW: 1.5rem = 24px **/\n  }\n}\n\n.small {\n  font-size: var(--admiralty-font-size-0); /** OLD: 16px **/\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size--1); /** OLD: 14px **/\n    line-height: 22px;\n  }\n}\n\nblockquote {\n  line-height: 30px;\n  width: 100%;\n  padding: 24px 18px;\n  border-left: 5px solid var(--admiralty-colour-primary);\n  margin-bottom: 30px;\n  background: var(--admiralty-background-colour-tint);\n  @include responsive.not-desktop {\n    line-height: 24px;\n  }\n}\n\nul {\n  list-style: none;\n  a {\n    font-weight: $list-item-font-weight;\n  }\n\n  li {\n    margin-bottom: 12px;\n  }\n\n  li:before {\n    content: '\\25A0';\n    font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW: 1rem = 16px **/\n    color: var(--admiralty-colour-primary);\n    vertical-align: text-bottom;\n    margin-right: 12px;\n    @include responsive.not-desktop {\n      font-size: var(--admiralty-font-size-0); /** OLD: 8px = 0.5rem, NEW: 0.688rem = 11px **/\n    }\n  }\n}\n\nol {\n  list-style: none;\n  counter-reset: li;\n\n  a {\n    font-weight: $list-item-font-weight;\n  }\n\n  li:before {\n    content: counter(li) '.';\n    color: var(--admiralty-colour-primary);\n    font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW: 1rem = 16px **/\n    margin-right: 12px;\n  }\n\n  li {\n    counter-increment: li;\n    margin-bottom: 12px;\n  }\n}\n\n.white-text {\n  * {\n    color: var(--admiralty-colour-primary-contrast);\n  }\n}\n"]}

package/styles/typography.css

@@ -72,12 +72,11 @@ a {
   text-underline-offset: 0.15em;
 }
 a:focus {
-  outline: 3px solid var(--admiralty-focus-colour);
   outline-offset: 1px;
   outline: 3px solid transparent;
-  color: var(--admiralty-text-colour);
+  color: var(--admiralty-focus-contrast);
   background-color: var(--admiralty-focus-colour);
-  box-shadow: 0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);
+  box-shadow: 0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-focus-contrast);
   text-decoration: none;
 }
 a:hover {

package/styles/typography.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/styles/utils/a11y.scss","../src/styles/vars/_responsive.scss","../src/styles/utils/responsive.scss","../src/styles/css/typography.scss"],"names":[],"mappings":";AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACXF;ACCE;EAmCF;IAEI;;;;AA/BF;EAmCF;IAEI;;;;AArCF;EAyCF;IAEI;;;AAnBF;EAiBF;IAKI;;;;AAtBF;EA0BF;IAEI;;;;AApDF;EAwDF;IAEI;;;;AA1DF;EA8DF;IAEI;;;AA1DF;EAwDF;IAKI;;;;ACtEJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EACA;EHDF;EACA;EACA;EACA,YACE;EAEF;;AGFA;EACE;;;AAIJ;EACE;EACA,aAzBoB;EA0BpB;EACA;EACA;;AD5BA;ECuBF;IAOI;IACA;;;;AAIJ;EACE;EACA,aArCoB;EAsCpB;EACA;EACA;;ADxCA;ECmCF;IAOI;IACA;;;;AAIJ;AAAA;AAAA;EAGE;EACA,aAnDoB;EAoDpB;EACA;EACA;;ADtDA;EC+CF;AAAA;AAAA;IASI;IACA;;;;AAIJ;EACE;EACA,aA/DoB;EAgEpB;EACA;EACA;;ADlEA;EC6DF;IAOI;;;;AAIJ;EACE;EACA;EACA;;AD3EA;ECwEF;IAKI;;;;AAIJ;EACE;EACA;EACA;;ADpFA;ECiFF;IAKI;;;;AAIJ;EACE;;AD3FA;EC0FF;IAGI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;ADxGA;ECkGF;IAQI;;;;AAIJ;EACE;;AACA;EACE,aAhHoB;;AAmHtB;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AD7HF;ECwHA;IAOI;;;;AAKN;EACE;EACA;;AAEA;EACE,aAxIoB;;AA2ItB;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAKF;EACE","file":"typography.css","sourcesContent":["@import '../vars/colours';\n\n.visually-hidden:not(:focus):not(:active) {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  -webkit-clip-path: inset(50%) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n\n@mixin focus-highlight() {\n  outline: 3px solid transparent;\n  color: var(--admiralty-text-colour);\n  background-color: var(--admiralty-focus-colour);\n  box-shadow:\n    0 -2px var(--admiralty-focus-colour),\n    0 4px var(--admiralty-text-colour);\n  text-decoration: none;\n}\n","$max-content-width: 1284px;\n\n/* Device Sizes - matching layout breakpoints */\n$device-size-desktop: 1024px;\n$device-size-tablet: 480px;\n$device-size-phone: 0px;\n","@use '../vars/responsive';\n\n@mixin not-desktop() {\n  @media (max-width: responsive.$device-size-desktop - 1px) {\n    @content;\n  }\n}\n\n@mixin desktop-only() {\n  @media (min-width: responsive.$device-size-desktop) {\n    @content;\n  }\n}\n\n@mixin tablet-only() {\n  @media (max-width: responsive.$device-size-desktop - 1px) and (min-width: responsive.$device-size-tablet) {\n    @content;\n  }\n}\n\n@mixin tablet-or-desktop() {\n  @media (min-width: responsive.$device-size-tablet + 1px) {\n    @content;\n  }\n}\n\n@mixin phone-or-tablet() {\n  @media (max-width: responsive.$device-size-desktop - 1px) and (min-width: responsive.$device-size-phone) {\n    @content;\n  }\n}\n\n@mixin phone-only() {\n  @media (max-width: responsive.$device-size-tablet - 1px) and (min-width: responsive.$device-size-phone) {\n    @content;\n  }\n}\n\n.desktop-only {\n  @include not-desktop {\n    display: none;\n  }\n}\n\n.not-desktop {\n  @include desktop-only {\n    display: none;\n  }\n}\n\n.tablet-only {\n  @include desktop-only {\n    display: none;\n  }\n  @include phone-only {\n    display: none;\n  }\n}\n\n.tablet-or-desktop {\n  @include phone-only {\n    display: none;\n  }\n}\n\n.phone-or-tablet {\n  @include desktop-only {\n    display: none;\n  }\n}\n\n.phone-only {\n  @include desktop-only {\n    display: none;\n  }\n  @include tablet-only {\n    display: none;\n  }\n}\n","@use '../utils/a11y';\n@use '../utils/responsive';\n\n$heading-font-weight: var(--admiralty-font-weight-medium);\n$list-item-font-weight: var(--admiralty-font-weight-normal);\n\nhtml {\n  font-family: var(--admiralty-font-family);\n  font-size: var(--admiralty-font-size);\n  line-height: var(--admiralty-line-height);\n  font-weight: var(--admiralty-font-weight);\n}\n\na {\n  color: var(--admiralty-colour-primary);\n  text-underline-offset: 0.15em;\n  &:focus {\n    outline: 3px solid var(--admiralty-focus-colour);\n    outline-offset: 1px;\n    @include a11y.focus-highlight;\n  }\n  &:hover {\n    text-decoration-thickness: 0.15em;\n  }\n}\n\nh1 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-6); /** OLD: 48px = 3rem, NEW: 2.75rem = 44px **/;\n  line-height: 60px;\n  margin: 0 0 30px 0;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-6); /** OLD: 46px = 2.875rem, NEW: 2.75rem = 44px **/\n    line-height: 54px;\n  }\n}\n\nh2 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-3); /** OLD: 36px, NEW: 1.75rem = 28px **/;\n  line-height: 48px;\n  margin-bottom: 18px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-3); /** OLD: 34px = 2.125rem, NEW: 1.75rem = 28px **/;\n    line-height: 42px;\n  }\n}\n\nh3,\nh4,\nh5 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-0); /** OLD: 21px = 1.313rem, NEW: 1rem = 16px **/;\n  line-height: 30px;\n  margin-bottom: 12px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-0); /** OLD: 20px = 1.25rem, NEW: 1rem = 16px **/\n    line-height: 30px;\n  }\n}\n\nh6 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size--1); /** OLD: 18px = 1.125rem, NEW 0.875 = 14px **/;\n  line-height: 24px;\n  margin-bottom: 12px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size--1); /** OLD: 16px, NEW 0.875 = 14px **/\n  }\n}\n\np {\n  font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW 1rem = 16px **/;\n  line-height: 24px;\n  margin-bottom: 30px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-0); /** OLD: 16px **/;\n  }\n}\n\n.intro {\n  font-size: var(--admiralty-font-size-3); /** OLD: 28px **/\n  line-height: 36px;\n  margin-bottom: 30px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-2); /** OLD: 26px = 1.625rem, NEW: 1.5rem = 24px **/\n  }\n}\n\n.small {\n  font-size: var(--admiralty-font-size-0); /** OLD: 16px **/\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size--1); /** OLD: 14px **/\n    line-height: 22px;\n  }\n}\n\nblockquote {\n  line-height: 30px;\n  width: 100%;\n  padding: 24px 18px;\n  border-left: 5px solid var(--admiralty-colour-primary);\n  margin-bottom: 30px;\n  background: var(--admiralty-background-colour-tint);\n  @include responsive.not-desktop {\n    line-height: 24px;\n  }\n}\n\nul {\n  list-style: none;\n  a {\n    font-weight: $list-item-font-weight;\n  }\n\n  li {\n    margin-bottom: 12px;\n  }\n\n  li:before {\n    content: '\\25A0';\n    font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW: 1rem = 16px **/\n    color: var(--admiralty-colour-primary);\n    vertical-align: text-bottom;\n    margin-right: 12px;\n    @include responsive.not-desktop {\n      font-size: var(--admiralty-font-size-0); /** OLD: 8px = 0.5rem, NEW: 0.688rem = 11px **/\n    }\n  }\n}\n\nol {\n  list-style: none;\n  counter-reset: li;\n\n  a {\n    font-weight: $list-item-font-weight;\n  }\n\n  li:before {\n    content: counter(li) '.';\n    color: var(--admiralty-colour-primary);\n    font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW: 1rem = 16px **/\n    margin-right: 12px;\n  }\n\n  li {\n    counter-increment: li;\n    margin-bottom: 12px;\n  }\n}\n\n.white-text {\n  * {\n    color: var(--admiralty-colour-primary-contrast);\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../src/styles/utils/a11y.scss","../src/styles/vars/_responsive.scss","../src/styles/utils/responsive.scss","../src/styles/css/typography.scss"],"names":[],"mappings":";AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACXF;ACCE;EAmCF;IAEI;;;;AA/BF;EAmCF;IAEI;;;;AArCF;EAyCF;IAEI;;;AAnBF;EAiBF;IAKI;;;;AAtBF;EA0BF;IAEI;;;;AApDF;EAwDF;IAEI;;;;AA1DF;EA8DF;IAEI;;;AA1DF;EAwDF;IAKI;;;;ACtEJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EHAF;EACA;EACA;EACA,YACE;EAEF;;AGHA;EACE;;;AAIJ;EACE;EACA,aAxBoB;EAyBpB;EACA;EACA;;AD3BA;ECsBF;IAOI;IACA;;;;AAIJ;EACE;EACA,aApCoB;EAqCpB;EACA;EACA;;ADvCA;ECkCF;IAOI;IACA;;;;AAIJ;AAAA;AAAA;EAGE;EACA,aAlDoB;EAmDpB;EACA;EACA;;ADrDA;EC8CF;AAAA;AAAA;IASI;IACA;;;;AAIJ;EACE;EACA,aA9DoB;EA+DpB;EACA;EACA;;ADjEA;EC4DF;IAOI;;;;AAIJ;EACE;EACA;EACA;;AD1EA;ECuEF;IAKI;;;;AAIJ;EACE;EACA;EACA;;ADnFA;ECgFF;IAKI;;;;AAIJ;EACE;;AD1FA;ECyFF;IAGI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;ADvGA;ECiGF;IAQI;;;;AAIJ;EACE;;AACA;EACE,aA/GoB;;AAkHtB;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AD5HF;ECuHA;IAOI;;;;AAKN;EACE;EACA;;AAEA;EACE,aAvIoB;;AA0ItB;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAKF;EACE","file":"typography.css","sourcesContent":["@import '../vars/colours';\n\n.visually-hidden:not(:focus):not(:active) {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  -webkit-clip-path: inset(50%) !important;\n  clip-path: inset(50%) !important;\n  border: 0 !important;\n  white-space: nowrap !important;\n}\n\n@mixin focus-highlight() {\n  outline: 3px solid transparent;\n  color: var(--admiralty-focus-contrast);\n  background-color: var(--admiralty-focus-colour);\n  box-shadow:\n    0 -2px var(--admiralty-focus-colour),\n    0 4px var(--admiralty-focus-contrast);\n  text-decoration: none;\n}\n","$max-content-width: 1284px;\n\n/* Device Sizes - matching layout breakpoints */\n$device-size-desktop: 1024px;\n$device-size-tablet: 480px;\n$device-size-phone: 0px;\n","@use '../vars/responsive';\n\n@mixin not-desktop() {\n  @media (max-width: responsive.$device-size-desktop - 1px) {\n    @content;\n  }\n}\n\n@mixin desktop-only() {\n  @media (min-width: responsive.$device-size-desktop) {\n    @content;\n  }\n}\n\n@mixin tablet-only() {\n  @media (max-width: responsive.$device-size-desktop - 1px) and (min-width: responsive.$device-size-tablet) {\n    @content;\n  }\n}\n\n@mixin tablet-or-desktop() {\n  @media (min-width: responsive.$device-size-tablet + 1px) {\n    @content;\n  }\n}\n\n@mixin phone-or-tablet() {\n  @media (max-width: responsive.$device-size-desktop - 1px) and (min-width: responsive.$device-size-phone) {\n    @content;\n  }\n}\n\n@mixin phone-only() {\n  @media (max-width: responsive.$device-size-tablet - 1px) and (min-width: responsive.$device-size-phone) {\n    @content;\n  }\n}\n\n.desktop-only {\n  @include not-desktop {\n    display: none;\n  }\n}\n\n.not-desktop {\n  @include desktop-only {\n    display: none;\n  }\n}\n\n.tablet-only {\n  @include desktop-only {\n    display: none;\n  }\n  @include phone-only {\n    display: none;\n  }\n}\n\n.tablet-or-desktop {\n  @include phone-only {\n    display: none;\n  }\n}\n\n.phone-or-tablet {\n  @include desktop-only {\n    display: none;\n  }\n}\n\n.phone-only {\n  @include desktop-only {\n    display: none;\n  }\n  @include tablet-only {\n    display: none;\n  }\n}\n","@use '../utils/a11y';\n@use '../utils/responsive';\n\n$heading-font-weight: var(--admiralty-font-weight-medium);\n$list-item-font-weight: var(--admiralty-font-weight-normal);\n\nhtml {\n  font-family: var(--admiralty-font-family);\n  font-size: var(--admiralty-font-size);\n  line-height: var(--admiralty-line-height);\n  font-weight: var(--admiralty-font-weight);\n}\n\na {\n  color: var(--admiralty-colour-primary);\n  text-underline-offset: 0.15em;\n  &:focus {\n    outline-offset: 1px;\n    @include a11y.focus-highlight;\n  }\n  &:hover {\n    text-decoration-thickness: 0.15em;\n  }\n}\n\nh1 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-6); /** OLD: 48px = 3rem, NEW: 2.75rem = 44px **/;\n  line-height: 60px;\n  margin: 0 0 30px 0;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-6); /** OLD: 46px = 2.875rem, NEW: 2.75rem = 44px **/\n    line-height: 54px;\n  }\n}\n\nh2 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-3); /** OLD: 36px, NEW: 1.75rem = 28px **/;\n  line-height: 48px;\n  margin-bottom: 18px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-3); /** OLD: 34px = 2.125rem, NEW: 1.75rem = 28px **/;\n    line-height: 42px;\n  }\n}\n\nh3,\nh4,\nh5 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size-0); /** OLD: 21px = 1.313rem, NEW: 1rem = 16px **/;\n  line-height: 30px;\n  margin-bottom: 12px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-0); /** OLD: 20px = 1.25rem, NEW: 1rem = 16px **/\n    line-height: 30px;\n  }\n}\n\nh6 {\n  color: var(--admiralty-colour-primary);\n  font-weight: $heading-font-weight;\n  font-size: var(--admiralty-font-size--1); /** OLD: 18px = 1.125rem, NEW 0.875 = 14px **/;\n  line-height: 24px;\n  margin-bottom: 12px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size--1); /** OLD: 16px, NEW 0.875 = 14px **/\n  }\n}\n\np {\n  font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW 1rem = 16px **/;\n  line-height: 24px;\n  margin-bottom: 30px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-0); /** OLD: 16px **/;\n  }\n}\n\n.intro {\n  font-size: var(--admiralty-font-size-3); /** OLD: 28px **/\n  line-height: 36px;\n  margin-bottom: 30px;\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size-2); /** OLD: 26px = 1.625rem, NEW: 1.5rem = 24px **/\n  }\n}\n\n.small {\n  font-size: var(--admiralty-font-size-0); /** OLD: 16px **/\n  @include responsive.not-desktop {\n    font-size: var(--admiralty-font-size--1); /** OLD: 14px **/\n    line-height: 22px;\n  }\n}\n\nblockquote {\n  line-height: 30px;\n  width: 100%;\n  padding: 24px 18px;\n  border-left: 5px solid var(--admiralty-colour-primary);\n  margin-bottom: 30px;\n  background: var(--admiralty-background-colour-tint);\n  @include responsive.not-desktop {\n    line-height: 24px;\n  }\n}\n\nul {\n  list-style: none;\n  a {\n    font-weight: $list-item-font-weight;\n  }\n\n  li {\n    margin-bottom: 12px;\n  }\n\n  li:before {\n    content: '\\25A0';\n    font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW: 1rem = 16px **/\n    color: var(--admiralty-colour-primary);\n    vertical-align: text-bottom;\n    margin-right: 12px;\n    @include responsive.not-desktop {\n      font-size: var(--admiralty-font-size-0); /** OLD: 8px = 0.5rem, NEW: 0.688rem = 11px **/\n    }\n  }\n}\n\nol {\n  list-style: none;\n  counter-reset: li;\n\n  a {\n    font-weight: $list-item-font-weight;\n  }\n\n  li:before {\n    content: counter(li) '.';\n    color: var(--admiralty-colour-primary);\n    font-size: var(--admiralty-font-size-0); /** OLD: 18px = 1.125rem, NEW: 1rem = 16px **/\n    margin-right: 12px;\n  }\n\n  li {\n    counter-increment: li;\n    margin-bottom: 12px;\n  }\n}\n\n.white-text {\n  * {\n    color: var(--admiralty-colour-primary-contrast);\n  }\n}\n"]}

package/themes/default.css

@@ -2,7 +2,6 @@
 :root {
   /** primary **/
   --admiralty-colour-primary: #09315b;
-  --admiralty-colour-primary-rgb: 9, 49, 91;
   --admiralty-colour-primary-contrast: #ffffff;
   --admiralty-colour-primary-contrast-rgb: 255, 255, 255;
   --admiralty-colour-primary-shade: #082b50;
@@ -10,7 +9,6 @@
 
   /** secondary **/
   --admiralty-colour-secondary: #007e97;
-  --admiralty-colour-secondary-rgb: 0, 126, 151;
   --admiralty-colour-secondary-contrast: #ffffff;
   --admiralty-colour-secondary-contrast-rgb: 255, 255, 255;
   --admiralty-colour-secondary-shade: #006f85;
@@ -18,15 +16,13 @@
 
   /** tertiary **/
   --admiralty-colour-tertiary: #65c4db;
-  --admiralty-colour-tertiary-rgb: 101, 196, 219;
-  --admiralty-colour-tertiary-contrast: #000000;
+  --admiralty-colour-tertiary-contrast: #09315b;
   --admiralty-colour-tertiary-contrast-rgb: 0, 0, 0;
   --admiralty-colour-tertiary-shade: #59acc1;
   --admiralty-colour-tertiary-tint: #74cadf;
 
   /** success **/
   --admiralty-colour-success: #47a234;
-  --admiralty-colour-success-rgb: 71, 162, 52;
   --admiralty-colour-success-contrast: #000000;
   --admiralty-colour-success-contrast-rgb: 0, 0, 0;
   --admiralty-colour-success-shade: #3e8f2e;
@@ -35,7 +31,6 @@
 
   /** warning **/
   --admiralty-colour-warning: #e3660e;
-  --admiralty-colour-warning-rgb: 227, 102, 14;
   --admiralty-colour-warning-contrast: #000000;
   --admiralty-colour-warning-contrast-rgb: 0, 0, 0;
   --admiralty-colour-warning-shade: #c85a0c;
@@ -44,7 +39,6 @@
 
   /** danger **/
   --admiralty-colour-danger: #e20d0d;
-  --admiralty-colour-danger-rgb: 226, 13, 13;
   --admiralty-colour-danger-contrast: #ffffff;
   --admiralty-colour-danger-contrast-rgb: 255, 255, 255;
   --admiralty-colour-danger-shade: #c70b0b;
@@ -53,7 +47,6 @@
 
   /** info **/
   --admiralty-colour-info: #0177c1;
-  --admiralty-colour-info-rgb: 1, 119, 193;
   --admiralty-colour-info-contrast: #ffffff;
   --admiralty-colour-info-contrast-rgb: 255, 255, 255;
   --admiralty-colour-info-shade: #0169aa;
@@ -62,27 +55,22 @@
 
   /** light **/
   --admiralty-colour-light: #d8d8d8;
-  --admiralty-colour-light-rgb: 216, 216, 216;
   --admiralty-colour-light-contrast: #000000;
   --admiralty-colour-light-contrast-rgb: 0, 0, 0;
   --admiralty-colour-light-shade: #bebebe;
   --admiralty-colour-light-tint: #1a85c7;
 
   --admiralty-background-colour: #ffffff;
-  --admiralty-background-colour-rgb: 0, 0, 0;
   --admiralty-hover-background-colour: #eeeeee;
-  --admiralty-hover-background-colour-rgb: 238, 238, 238;
 
   --admiralty-background-colour-tint: #eeeeee;
-  --admiralty-background-colour-tint-rgb: 238, 238, 238;
   --admiralty-hover-background-colour-tint: #d0d0d0;
-  --admiralty-hover-background-colour-tint-rgb: 208, 208, 208;
+  --admiralty-header-background-colour: #ffffff;
 
   --admiralty-text-colour: #333333;
-  --admiralty-text-colour-rgb: 51, 51, 51;
 
   --admiralty-focus-colour: #ffdd00;
-  --admiralty-focus-colour-rgb: 255, 221, 0;
+  --admiralty-focus-contrast: #09315b;
 
   --admiralty-disabled-colour: #adadad;
   --admiralty-disabled-text-colour: #757575;
@@ -92,6 +80,24 @@
 
   --admiralty-table-row-colour: #eef3f4;
 
+  /** Components **/
+  --text-side-bar-item-active-background-colour: #09315b;
+  --text-side-bar-item-focus-border-colour: #09315b;
+  --text-side-bar-focus-background-colour: #ffdd00;
+
+  --tab-group-active-shadow-colour: #09315b;
+  --tab-group-active-background-colour: #09315b;
+
+  --admiralty-card-background-colour: #ffffff;
+  --admiralty-card-heading-colour: #09315b;
+  --admiralty-card-heading-text-colour: #ffffff;
+  --admiralty-card-heading-border-colour: #09315b;
+
+  --colour-block-blue-background-colour: #09315b;
+  --colour-block-blue-text-colour: #ffffff;
+  --colour-block-bright-blue-text-colour: #09315b;
+
+
   /** Typographic Scale **/
   --admiralty-font-size--3: 0.688rem;
   --admiralty-font-size--2: 0.75rem;
@@ -125,3 +131,101 @@
   --admiralty-spacing-unset: unset;
   --admiralty-spacing-inherit: inherit;
 }
+
+/** Dark Mode **/
+@media (prefers-color-scheme: dark) {
+    :root {
+        /** primary **/
+        --admiralty-colour-primary: #ffffff;
+        --admiralty-colour-primary-contrast: #333333;
+        --admiralty-colour-primary-shade: #cccccc;
+        --admiralty-colour-primary-tint: #e6e6e6;
+
+        /** secondary **/
+        --admiralty-colour-secondary: #405357;
+        --admiralty-colour-secondary-contrast: #ffffff;
+        --admiralty-colour-secondary-shade: #cccccc;
+        --admiralty-colour-secondary-tint: #e6e6e6;
+
+        /** tertiary **/
+        --admiralty-colour-tertiary: #92a9ae;
+        --admiralty-colour-tertiary-contrast: #ffffff;
+        --admiralty-colour-tertiary-shade: #cccccc;
+        --admiralty-colour-tertiary-tint: #e6e6e6;
+
+        /** success (muted green for dark mode) **/
+        --admiralty-colour-success: #87ba7c;
+        --admiralty-colour-success-contrast: #ffffff;
+        --admiralty-colour-success-shade: #2f6423;
+        --admiralty-colour-success-tint: #4b9a3c;
+        --admiralty-colour-success-background: #404040;
+
+        /** warning (muted amber for dark mode) **/
+        --admiralty-colour-warning: #de995d;
+        --admiralty-colour-warning-contrast: #ffffff;
+        --admiralty-colour-warning-shade: #a65f1f;
+        --admiralty-colour-warning-tint: #e5943c;
+        --admiralty-colour-warning-background: #404040;
+
+        /** danger (softer red for dark mode) **/
+        --admiralty-colour-danger: #d86666;
+        --admiralty-colour-danger-contrast: #ffffff;
+        --admiralty-colour-danger-shade: #931e1e;
+        --admiralty-colour-danger-tint: #d43c3c;
+        --admiralty-colour-danger-background: #404040;
+
+        /** info **/
+        --admiralty-colour-info: #60a4ce;
+        --admiralty-colour-info-contrast: #333333;
+        --admiralty-colour-info-shade: #cccccc;
+        --admiralty-colour-info-tint: #e6e6e6;
+        --admiralty-colour-info-background: #404040;
+
+        /** light (shifted to a darker gray for dark mode) **/
+        --admiralty-colour-light: #555555;
+        --admiralty-colour-light-contrast: #ffffff;
+        --admiralty-colour-light-shade: #444444;
+        --admiralty-colour-light-tint: #666666;
+
+        /** backgrounds **/
+        --admiralty-background-colour: #333333;
+        --admiralty-hover-background-colour: #444444;
+
+        --admiralty-background-colour-tint: #444444;
+        --admiralty-hover-background-colour-tint: #555555;
+        --admiralty-header-background-colour: #333333;
+
+        /** text **/
+        --admiralty-text-colour: #ffffff;
+
+        /** focus **/
+        --admiralty-focus-colour: #fbe86c;
+        --admiralty-focus-contrast: #2a2a2a;
+
+        /** disabled **/
+        --admiralty-disabled-colour: #666666;
+        --admiralty-disabled-text-colour: #888888;
+
+        --admiralty-table-row-colour: #2a2a2a;
+
+        --admiralty-loading-colour: #3a3d40;
+        --admiralty-loading-sheen-colour: #44484d;
+
+        /** Components **/
+        --text-side-bar-item-active-background-colour: #444444;
+        --text-side-bar-item-focus-border-colour: #fbe86c;
+        --text-side-bar-focus-background-colour: #333333;
+
+        --tab-group-active-shadow-colour: #ffffff;
+        --tab-group-active-background-colour: #333333;
+
+        --admiralty-card-background-colour: #404040;
+        --admiralty-card-heading-colour: #2B323A;
+        --admiralty-card-heading-text-colour: #ffffff;
+        --admiralty-card-heading-border-colour: #404040;
+
+        --colour-block-blue-background-colour: #2B323A;
+        --colour-block-blue-text-colour: #ffffff;
+        --colour-block-bright-blue-text-colour: #333333;
+    }
+}

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

@@ -1,2 +0,0 @@
-import{r as e,c as a,h as t,H as i}from"./p-71979ff5.js";const r=".visually-hidden.sc-admiralty-header-sub-menu-item:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-header-sub-menu-item{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-header-sub-menu-item{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-header-sub-menu-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-header-sub-menu-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-header-sub-menu-item{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-header-sub-menu-item{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-header-sub-menu-item{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-header-sub-menu-item{display:none}}.header-sub-menu-item.sc-admiralty-header-sub-menu-item{background-color:var(--admiralty-background-colour)}.header-sub-menu-item.sc-admiralty-header-sub-menu-item .title.sc-admiralty-header-sub-menu-item{font-size:var(--admiralty-header-sub-menu-item-font-size, var(--admiralty-font-size-0));font-weight:var(--admiralty-header-sub-menu-item-font-weight, var(--admiralty-font-weight-normal))}.header-sub-menu-item.sc-admiralty-header-sub-menu-item a.sc-admiralty-header-sub-menu-item{text-decoration:none}.header-sub-menu-item.sc-admiralty-header-sub-menu-item:focus{outline:none}.header-sub-menu-item.sc-admiralty-header-sub-menu-item:focus span.sc-admiralty-header-sub-menu-item{outline:3px solid transparent;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);text-decoration:none}@media (min-width: 1024px){.header-sub-menu-item.sc-admiralty-header-sub-menu-item{box-sizing:border-box;color:var(--admiralty-colour-primary);display:block;margin-bottom:var(--admiralty-header-sub-menu-item-desktop-margin-bottom, var(--admiralty-spacing-0));padding:var(--admiralty-header-sub-menu-item-desktop-padding, 10px);text-align:left;width:300px}.header-sub-menu-item.sc-admiralty-header-sub-menu-item .title.sc-admiralty-header-sub-menu-item{display:block}.header-sub-menu-item.sc-admiralty-header-sub-menu-item:hover{background-color:var(--admiralty-hover-background-colour)}}@media (max-width: 1023px){.header-sub-menu-item.sc-admiralty-header-sub-menu-item{display:block;box-sizing:border-box;padding:var(--admiralty-header-sub-menu-item-not-desktop-padding, var(--admiralty-spacing-3) var(--admiralty-spacing-6));cursor:pointer;color:var(--admiralty-colour-primary);font-weight:var(--admiralty-header-sub-menu-item-not-desktop-font-weight, var(--admiralty-font-weight-medium));background-color:unset;text-align:unset;text-decoration:unset}.header-sub-menu-item.sc-admiralty-header-sub-menu-item:hover{background-color:var(--admiralty-hover-background-colour)}.header-sub-menu-item.sc-admiralty-header-sub-menu-item:focus .title.sc-admiralty-header-sub-menu-item{box-shadow:0 -4px var(--admiralty-focus-colour), 0 4px var(--admiralty-colour-primary)}}";const m=r;const d=class{constructor(t){e(this,t);this.subMenuItemClick=a(this,"subMenuItemClick",7);this.menuTitle=undefined;this.href=undefined;this.suppressRedirect=false}handleClick(e){if(this.suppressRedirect){e.preventDefault()}e.stopPropagation();return this.subMenuItemClick.emit(this.menuTitle)}render(){return t(i,{key:"19347006dbf32b0419b177efdb68fa5a48549177"},this.href?t("div",{class:"header-sub-menu-item",onClick:e=>this.handleClick(e)},t("a",{class:"title",href:this.href,onClick:e=>this.handleClick(e)},this.menuTitle,t("slot",null))):t("button",{class:"header-sub-menu-item",onClick:e=>this.handleClick(e)},t("span",{class:"title"},this.menuTitle)))}};d.style=m;export{d as admiralty_header_sub_menu_item};
-//# sourceMappingURL=p-0b4ce33e.entry.js.map

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

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

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

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

package/dist/admiralty/p-206173ff.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as l,h as a}from"./p-71979ff5.js";const c=".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-text-colour) !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(--admiralty-colour-primary)}.colourBlock.admiralty-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-primary-contrast)}.colourBlock.teal.sc-admiralty-colour-block{background-color:var(--admiralty-colour-secondary)}.colourBlock.teal.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-secondary-contrast)}.colourBlock.bright-blue.sc-admiralty-colour-block{background-color:var(--admiralty-colour-tertiary);color:var(--admiralty-colour-primary)}.colourBlock.bright-blue.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-primary)}";const i=c;const t=class{constructor(a){o(this,a);this.colourBlockLinkClicked=l(this,"colourBlockLinkClicked",7);this.width=undefined;this.height=undefined;this.heading=undefined;this.colour="admiralty-blue";this.href=undefined;this.linkText=undefined;this.suppressRedirect=false;this.enableCardEvent=false;this.actionText=undefined}handleClickAction(o){if(this.suppressRedirect){o.preventDefault()}o.stopPropagation();this.colourBlockLinkClicked.emit()}render(){return a("div",{key:"42c9fcd829c7d6f9ab0f50f02a04fae849980d7a",class:{colourBlock:true,[this.colour]:true},style:Object.assign({height:this.height?`${this.height}px`:null,width:this.width?`${this.width}px`:null},this.enableCardEvent&&{cursor:"pointer"}),onClick:o=>this.enableCardEvent?this.handleClickAction(o):null},a("h2",{key:"0b43bcf7593a05be2eb8c418a976ec7af215bb06"},this.heading),a("div",{key:"54ec1d750b21b2361855d0ea76de023f405e29a9",class:{content:true,"white-text":this.colour==="admiralty-blue"||this.colour==="teal"}},a("slot",{key:"d5bbf16dbc928b670b84bc98db422d11d7f7aa7f"})),this.actionText?a("admiralty-button",{variant:"text",class:"clickAction",onClick:o=>this.handleClickAction(o)},a("span",null,this.actionText)):null,this.linkText&&this.href?a("a",{class:"clickAction",href:this.href,onClick:o=>this.handleClickAction(o)},a("span",null,this.linkText)):null)}};t.style=i;export{t as admiralty_colour_block};
-//# sourceMappingURL=p-206173ff.entry.js.map

package/dist/admiralty/p-206173ff.entry.js.map

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

package/dist/admiralty/p-36c8fb96.entry.js

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

package/dist/admiralty/p-36c8fb96.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Keys","tabGroupCss","AdmiraltyTabGroupStyle0","nextId","TabGroupComponent","this","_groupId","_tabs","_tabHeaders","handleSelectedTab","idx","oldContent","el","querySelector","getTabContentId","selectedIndex","classList","remove","setAttribute","getTabIndex","toString","setSelectedTabContent","admiraltyTabSelected","emit","activeContent","add","index","i","getTabLabelId","handleKeyDown","event","tgt","target","processed","key","LEFT_ARROW","moveFocusToPreviousTab","RIGHT_ARROW","moveFocusToNextTab","HOME","moveFocusToTabHeader","END","length","stopPropagation","preventDefault","header","focus","currentHeader","firstTab","lastTab","indexOf","componentWillLoad","tabItems","querySelectorAll","forEach","t","tabLabelId","tabContentId","push","label","Math","max","min","componentDidLoad","Array","from","tabContent","after","forceUpdate","render","createHeaders","map","tab","h","class","heading","active","id","role","tabIndex","onClick","_ev","onKeyDown","ev","Host"],"sources":["src/components/Keys.ts","src/components/tab-group/tab-group.scss?tag=admiralty-tab-group&encapsulation=scoped","src/components/tab-group/tab-group.tsx"],"sourcesContent":["export enum Keys {\n  UP_ARROW = 'ArrowUp',\n  DOWN_ARROW = 'ArrowDown',\n  LEFT_ARROW = 'ArrowLeft',\n  RIGHT_ARROW = 'ArrowRight',\n  ENTER = 'Enter',\n  TAB = 'Tab',\n  HOME = 'Home',\n  END = 'End',\n  SPACE = ' '\n}\n","@import 'tab-group.vars';\n\n.tab-group-headers {\n  width: 100%;\n}\n\nhr {\n  width: 100%;\n  height: 2px;\n  margin: $tab-group-horizontal-rule-margin;\n  background-color: $tab-group-separator-colour;\n}\n\n.headers {\n  overflow-x: auto;\n  white-space: nowrap;\n  display: flex;\n  flex-wrap: wrap;\n\n  .heading {\n    cursor: pointer;\n    padding: $tab-group-heading-padding;\n    height: 42px;\n    max-width: fit-content;\n    box-sizing: border-box;\n    user-select: none;\n\n    text-align: center;\n    text-decoration: none;\n    color: $tab-group-heading-text-colour;\n    background-color: unset;\n    font-weight: $tab-group-heading-text-weight;\n    font-size: $tab-group-heading-text-font;\n    margin-left: $tab-group-heading-margin-left;\n\n    &:first-child {\n      margin-left: $tab-group-heading-first-child-margin-left;\n    }\n\n    @include not-desktop {\n      font-size: $tab-group-heading-not-desktop-text-font;\n      line-height: 18px;\n      padding: $tab-group-heading-not-desktop-padding;\n      height: unset;\n      width: unset;\n    }\n\n    &:focus-visible {\n      box-shadow: $tab-group-focus-colour inset 0 0 0 2px;\n    }\n\n    &:focus,\n    &.active:focus {\n      @include focus-highlight;\n      box-shadow: 0px -4px $tab-group-focus-text-colour inset;\n    }\n\n    &:hover {\n      background-color: $tab-group-heading-hover-background-colour;\n      color: $tab-group-heading-text-colour;\n      box-shadow: unset;\n    }\n\n    &.active {\n      background-color: $tab-group-active-background-colour;\n      color: $tab-group-active-text-colour;\n    }\n  }\n}\n","import { Component, Element, Prop, Event, h, EventEmitter, Host, forceUpdate } from '@stencil/core';\nimport { Keys } from '../Keys';\n\ninterface TabInfo {\n  label: string;\n  index: number;\n}\n\nlet nextId = 0;\n\n@Component({\n  tag: 'admiralty-tab-group',\n  styleUrl: 'tab-group.scss',\n  scoped: true,\n})\nexport class TabGroupComponent {\n  @Element() el: HTMLElement;\n\n  @Prop({ mutable: true }) selectedIndex = 0;\n\n  @Event() admiraltyTabSelected: EventEmitter<number>;\n\n  private _groupId = nextId++;\n\n  private _tabs: TabInfo[] = [];\n  private _tabHeaders: HTMLElement[] = [];\n\n  handleSelectedTab(idx: number) {\n    const oldContent = this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);\n    oldContent.classList.remove('active');\n    oldContent.setAttribute('tabindex', this.getTabIndex(idx).toString());\n\n    this.selectedIndex = idx;\n    this.setSelectedTabContent();\n\n    this.admiraltyTabSelected.emit(idx);\n  }\n\n  private setSelectedTabContent() {\n    const activeContent = this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);\n    activeContent.classList.add('active');\n    activeContent.setAttribute('tabindex', this.getTabIndex(this.selectedIndex).toString());\n  }\n\n  private getTabIndex(index: number): number | null {\n    return this.selectedIndex === index ? 0 : -1;\n  }\n\n  private getTabContentId(i: number): string {\n    return `tab-panel-${this._groupId}-${i}`;\n  }\n\n  private getTabLabelId(i: number): string {\n    return `tab-label-${this._groupId}-${i}`;\n  }\n\n  handleKeyDown(event: KeyboardEvent): void {\n    const tgt = event.target as HTMLElement;\n    let processed = false;\n\n    switch (event.key) {\n      case Keys.LEFT_ARROW:\n        this.moveFocusToPreviousTab(tgt);\n        processed = true;\n        break;\n      case Keys.RIGHT_ARROW:\n        this.moveFocusToNextTab(tgt);\n        processed = true;\n        break;\n\n      case Keys.HOME:\n        this.moveFocusToTabHeader(this._tabHeaders[0]);\n        processed = true;\n        break;\n\n      case Keys.END:\n        this.moveFocusToTabHeader(this._tabHeaders[this._tabHeaders.length - 1]);\n        processed = true;\n        break;\n      default:\n        break;\n    }\n\n    if (processed) {\n      event.stopPropagation();\n      event.preventDefault();\n    }\n  }\n\n  private moveFocusToTabHeader(header: HTMLElement) {\n    header.focus();\n  }\n\n  private moveFocusToPreviousTab(currentHeader: HTMLElement) {\n    const firstTab = this._tabHeaders[0];\n    const lastTab = this._tabHeaders[this._tabHeaders.length - 1];\n\n    if (currentHeader === firstTab) {\n      this.moveFocusToTabHeader(lastTab);\n    } else {\n      const index = this._tabHeaders.indexOf(currentHeader);\n      this.moveFocusToTabHeader(this._tabHeaders[index - 1]);\n    }\n  }\n\n  private moveFocusToNextTab(currentHeader: HTMLElement) {\n    const firstTab = this._tabHeaders[0];\n    const lastTab = this._tabHeaders[this._tabHeaders.length - 1];\n\n    if (currentHeader === lastTab) {\n      this.moveFocusToTabHeader(firstTab);\n    } else {\n      const index = this._tabHeaders.indexOf(currentHeader);\n      this.moveFocusToTabHeader(this._tabHeaders[index + 1]);\n    }\n  }\n\n  componentWillLoad() {\n    const tabItems = this.el.querySelectorAll('admiralty-tab');\n\n    this._tabs = [];\n\n    if (tabItems.length > 0) {\n      let idx = 0;\n      tabItems.forEach(t => {\n        t.tabLabelId = this.getTabLabelId(idx);\n        t.tabContentId = this.getTabContentId(idx);\n\n        this._tabs.push({ label: t.label, index: idx });\n        ++idx;\n      });\n\n      this.selectedIndex = Math.max(0, Math.min(this.selectedIndex, tabItems.length - 1));\n    }\n  }\n\n  componentDidLoad() {\n    this._tabHeaders = Array.from(this.el.querySelectorAll('[role=\"tab\"]'));\n\n    const tabItems = this.el.querySelectorAll('admiralty-tab .tab-content');\n\n    if (tabItems.length > 0) {\n      const tabContent = this.el.querySelector('hr');\n      tabContent.after(...Array.from(tabItems));\n\n      this.setSelectedTabContent();\n      forceUpdate(this);\n    }\n  }\n\n  render() {\n    const createHeaders = () =>\n      Array.from(this._tabs).map(tab => (\n        <button\n          class={{ heading: true, active: tab.index === this.selectedIndex }}\n          id={this.getTabLabelId(tab.index)}\n          role=\"tab\"\n          tabIndex={this.getTabIndex(tab.index)}\n          aria-setsize={this._tabs.length}\n          aria-selected={`${tab.index === this.selectedIndex}`}\n          aria-controls={this.getTabContentId(tab.index)}\n          onClick={_ev => this.handleSelectedTab(tab.index)}\n          onKeyDown={ev => this.handleKeyDown(ev)}\n        >\n          {tab.label}\n        </button>\n      ));\n\n    return (\n      <Host>\n        <div class=\"tab-group-headers\" role=\"tablist\">\n          <div class=\"headers\">{createHeaders()}</div>\n        </div>\n        <hr />\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/admiralty/p-564fc7f6.entry.js

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["TextSideBarItemVariant","Expandable","Text","TextLink","textSideBarItemCss","AdmiraltyTextSideBarItemStyle0","TextSideBarItemComponent","this","internalId","nextId","handleActiveChange","newValue","anchor","el","querySelector","classList","toggle","componentDidLoad","active","onToggle","expanded","dispatchEvent","CustomEvent","detail","id","bubbles","composed","toggled","emit","handleMouseDown","allItems","document","querySelectorAll","forEach","item","_a","shadowRoot","toString","add","_b","remove","handleClick","ev","suppressRedirect","preventDefault","stopPropagation","textSideBarItemClick","href","getExpansionIcon","render","h","Host","key","variant","class","onClick","itemText","size","name","hidden","onMouseDown"],"sources":["src/components/text-side-bar-item/text-side-bar-item.types.ts","src/components/text-side-bar-item/text-side-bar-item.scss?tag=admiralty-text-side-bar-item&encapsulation=scoped","src/components/text-side-bar-item/text-side-bar-item.tsx"],"sourcesContent":["export type TextSideBarItemVariant = 'expandable' | 'text' | 'textLink';\nexport const TextSideBarItemVariant = {\n  Expandable: 'expandable' as TextSideBarItemVariant,\n  Text: 'text' as TextSideBarItemVariant,\n  TextLink: 'textLink' as TextSideBarItemVariant\n}\n","@import 'text-side-bar-item.vars.scss';\n\n:host {\n  --admiralty-icon-font-size: var(--admiralty-font-size-2);\n}\n\nli {\n  display: flex;\n  justify-content: center;\n  list-style: none;\n  margin: 0 0 0 1px;\n  &:before {\n    content: '';\n    display: none;\n  }\n}\n\n.expandable-item {\n  flex: 1;\n  display: flex;\n  flex-flow: column;\n\n  .expandable-item-button {\n    display: inline-flex;\n    align-items: center;\n    font-size: $expandable-side-bar-item-font-size;\n    white-space: nowrap;\n    font-weight: $expandable-side-bar-item-font-weight;\n    background-color: unset;\n    cursor: pointer;\n    padding: .3rem .5rem;\n    overflow-wrap: break-word;\n    color: $expandable-side-bar-item-text-colour;\n\n    &:hover {\n      color: $text-link-font-colour;\n      font-weight: $expandable-side-bar-item-font-weight;\n      background-color: $text-link-background-hover-colour;\n    }\n\n    &:focus-visible,\n    &.active:focus-visible {\n      outline: none;\n      box-shadow: inset 0 -4px 0 0  $text-link-focus-text-colour;\n      background-color: $text-link-focus-background-colour;\n      color: $text-link-focus-text-colour;\n    }\n\n    &.active {\n      font-weight: 500;\n      background-color: $text-link-active-background-colour;\n      color: $text-link-active-text-colour;\n    }\n\n    &:active {\n      background-color: $text-link-focus-background-colour;\n      color: $text-link-focus-text-colour;\n      box-shadow: inset 0 -4px 0 0  $text-link-focus-text-colour;\n    }\n\n    .slot {\n      line-height: 2.5rem;\n    }\n\n    .icon {\n      display: flex;\n      width: 100%;\n      justify-content: right;\n      font-size: $expandable-side-bar-item-icon-font-size;\n    }\n\n    .expansion-content {\n      display: none;\n      max-height: 0;\n      overflow: visible;\n    }\n    &.expanded .expansion-content {\n      display: block;\n      max-height: initial;\n      padding: 12px 0;\n    }\n  }\n}\n\n.text-link {\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  justify-content: left;\n  flex: 1;\n  user-select: none;\n  text-decoration: none;\n  text-align: left;\n  color: $text-side-bar-item-text-colour;\n  font-weight: $text-link-font-weight;\n  font-size: $expandable-side-bar-item-font-size;\n  padding: .5rem 1.5rem;\n\n  &.is-main-link {\n    font-weight: $text-link-is-main-font-weight;\n    padding: .5rem;\n  }\n\n  &:hover {\n    color: $text-link-font-colour;\n    font-weight: $expandable-side-bar-item-font-weight;\n    background-color: $text-link-background-hover-colour;\n  }\n\n  &:focus-visible,\n  &.active:focus-visible {\n    outline: none;\n    box-shadow: inset 0 -4px 0 0  $text-link-focus-text-colour;\n    background-color: $text-link-focus-background-colour;\n    color: $text-link-focus-text-colour;\n  }\n\n  &.active {\n    font-weight: $text-link-active-font-weight;\n    background-color: $text-link-active-background-colour;\n    color: $text-link-active-text-colour;\n  }\n\n  &:active {\n    background-color: $text-link-focus-background-colour;\n    color: $text-link-focus-text-colour;\n    box-shadow: inset 0 -4px 0 0  $text-link-focus-text-colour;\n  }\n}\n","import { Component, Event, EventEmitter, Prop, h, Element, Watch, Host } from '@stencil/core';\nimport { TextSideBarItemVariant } from \"./text-side-bar-item.types\";\n\n/**\n * @slot The text to display under the icon for secondary variant\n */\n@Component({\n  tag: 'admiralty-text-side-bar-item',\n  styleUrl: 'text-side-bar-item.scss',\n  scoped: true,\n})\nexport class TextSideBarItemComponent {\n  private internalId: number = ++nextId;\n\n  @Element() el!: HTMLAdmiraltyTextSideBarItemElement;\n  /**\n   * The type of text side bar item to render. Valid values are `primary` and `secondary`.\n   * Default value is `primary`.\n   */\n  @Prop() variant: TextSideBarItemVariant = TextSideBarItemVariant.Expandable;\n\n  /**\n   * The event that is dispatched when the expanded status is toggled.\n   */\n  @Event() toggled: EventEmitter<boolean>;\n\n  /**\n   * Whether the component is expanded.\n   */\n  @Prop({ mutable: true, reflect: true }) expanded = false;\n\n  /**\n   * The name of the icon to display. A full list of available icons can be viewed at [https://fonts.google.com/icons](https://fonts.google.com/icons)\n   */\n  @Prop() icon: string;\n  /**\n   * The URL to link to.\n   */\n  @Prop() href: string;\n\n  /**\n   * Item text for the button or link depending on variant\n   */\n  @Prop() itemText: string;\n\n  /**\n   * Causes the default browser redirect to be suppressed. Can be used in conjunction with the\n   * `onTextSideBarItemClick` event to use a navigation router and prevent a full page reload when navigating.\n   */\n  @Prop() suppressRedirect?: boolean = false;\n\n  /**\n   * Represents whether this SideBarItem is 'active' and will be styled differently than SideBarItems\n   * that are not 'active'. There should only be one SideBarItem that is 'active' per SideBar.\n   */\n  @Prop({ mutable: true, reflect: true }) active: boolean = false; // { mutable: true, reflect: true }\n\n  /**\n   * An event emitted when this Side Bar item is selected containing the sideBarItemId\n   */\n  @Event() textSideBarItemClick: EventEmitter<string>;\n\n  @Watch('active')\n  handleActiveChange(newValue: boolean) {\n    const anchor = this.el.querySelector('a');\n    if (anchor) {\n      anchor.classList.toggle('active', newValue)\n    }\n  }\n\n  componentDidLoad() {\n    this.handleActiveChange(this.active)\n  }\n\n  onToggle() {\n    this.expanded = !this.expanded;\n\n    if (this.expanded) {\n      this.el.dispatchEvent(new CustomEvent('text-side-bar-item-active', {\n        detail: { id: this.internalId },\n        bubbles: true,\n        composed: true\n      }))\n    }\n\n    this.toggled.emit(this.expanded);\n  }\n\n  handleMouseDown(id: string) {\n    this.active = true;\n    const allItems = document.querySelectorAll('admiralty-text-side-bar-item');\n    allItems.forEach(item => {\n      let anchor: any = (item.shadowRoot ?? item).querySelector('a');\n      if (anchor && anchor.id.toString() === id.toString()) {\n        anchor.classList.add('active')\n      } else {\n        if(anchor === null) {\n          anchor = (item.shadowRoot ?? item).querySelector('button');\n        }\n        anchor.classList.remove('active');\n      }\n    })\n  }\n\n  handleClick(ev: MouseEvent): CustomEvent<string> {\n    if (this.suppressRedirect) {\n      ev.preventDefault();\n    }\n    ev.stopPropagation();\n\n    this.el.dispatchEvent(new CustomEvent('text-side-bar-item-active', {\n      detail: { id: this.internalId },\n      bubbles: true,\n      composed: true\n    }));\n\n    // BUG: when changing this to object it the item loses active state for some reason when click elsewhere.\n    return this.textSideBarItemClick.emit(this.href);\n  }\n\n  getExpansionIcon(): string {\n    return this.expanded ? 'keyboard-arrow-up-rounded' : 'keyboard-arrow-down-rounded';\n  }\n\n  render() {\n    return (\n      <Host data-text-side-bar-item-id={'text-side-bar-item-' + this.internalId}>\n        <li>\n          {this.variant === TextSideBarItemVariant.Expandable &&\n            <div class=\"expandable-item\">\n              <button id={\"text-side-bar-item-button-\" + this.internalId}\n                      class={{ 'expandable-item-button': true, 'active': this.active }}\n                      onClick={() => this.onToggle()}>\n                {this.itemText}\n                <div class=\"icon\">\n                  <admiralty-icon size={30} name={this.getExpansionIcon()}></admiralty-icon>\n                </div>\n              </button>\n              <div class=\"slot\" hidden={!this.expanded}>\n                <slot></slot>\n              </div>\n            </div>\n          }\n\n          {this.variant === TextSideBarItemVariant.Text &&\n            <a id={\"text-side-bar-item-anchor-\" + this.internalId}\n               class={{ 'text-link': true, 'active': this.active }}\n               href={this.href}\n               onMouseDown={() => this.handleMouseDown(\"text-side-bar-item-anchor-\" + this.internalId)}\n               onClick={ev => this.handleClick(ev)}>\n              {this.itemText}\n            </a>\n          }\n\n          {this.variant === TextSideBarItemVariant.TextLink &&\n            <a id={\"text-side-bar-item-anchor-\" + this.internalId}\n               class={{ 'text-link is-main-link': true, 'active': this.active }}\n               href={this.href}\n               onMouseDown={() => this.handleMouseDown(\"text-side-bar-item-anchor-\" + this.internalId)}\n               onClick={ev => this.handleClick(ev)}>\n              {this.itemText}\n            </a>\n          }\n        </li>\n      </Host>\n    );\n  }\n}\nlet nextId = 0;\n"],"mappings":"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","ignoreList":[]}