@ukho/admiralty-core 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/admiralty/admiralty.esm.js +1 -1
  2. package/dist/admiralty/admiralty.esm.js.map +1 -1
  3. package/dist/admiralty/{p-77ba1e98.entry.js → p-0e5751e1.entry.js} +2 -2
  4. package/dist/admiralty/{p-7f08678f.entry.js → p-21bfa165.entry.js} +2 -2
  5. package/dist/admiralty/p-3573438e.entry.js +2 -0
  6. package/dist/admiralty/p-3573438e.entry.js.map +1 -0
  7. package/dist/admiralty/{p-90720452.entry.js → p-453ae002.entry.js} +2 -2
  8. package/dist/admiralty/{p-fa73bc3e.entry.js → p-624de1d3.entry.js} +2 -2
  9. package/dist/admiralty/{p-dbf54ac2.entry.js → p-62705584.entry.js} +2 -2
  10. package/dist/admiralty/{p-0ea830d0.js → p-7151aba4.js} +2 -2
  11. package/dist/admiralty/{p-0ea830d0.js.map → p-7151aba4.js.map} +1 -1
  12. package/dist/admiralty/{p-fa589e79.entry.js → p-9a085b53.entry.js} +2 -2
  13. package/dist/admiralty/{p-68a3d5e0.entry.js → p-b52a4f5f.entry.js} +2 -2
  14. package/dist/cjs/admiralty-breadcrumb.cjs.entry.js +1 -1
  15. package/dist/cjs/admiralty-dialogue.cjs.entry.js +1 -1
  16. package/dist/cjs/admiralty-expansion.cjs.entry.js +1 -1
  17. package/dist/cjs/admiralty-header.cjs.entry.js +1 -1
  18. package/dist/cjs/admiralty-hint_3.cjs.entry.js +1 -1
  19. package/dist/cjs/admiralty-icon.cjs.entry.js +1 -1
  20. package/dist/cjs/admiralty-paginator.cjs.entry.js +1 -1
  21. package/dist/cjs/admiralty-read-more.cjs.entry.js +39 -0
  22. package/dist/cjs/admiralty-read-more.cjs.entry.js.map +1 -0
  23. package/dist/cjs/admiralty.cjs.js +1 -1
  24. package/dist/cjs/{index-684790b2.js → index-b3a5ea37.js} +3 -1
  25. package/dist/cjs/index-b3a5ea37.js.map +1 -0
  26. package/dist/cjs/loader.cjs.js +1 -1
  27. package/dist/collection/collection-manifest.json +1 -0
  28. package/dist/collection/components/read-more/read-more.css +55 -0
  29. package/dist/collection/components/read-more/read-more.js +82 -0
  30. package/dist/collection/components/read-more/read-more.js.map +1 -0
  31. package/dist/components/admiralty-read-more.d.ts +11 -0
  32. package/dist/components/admiralty-read-more.js +60 -0
  33. package/dist/components/admiralty-read-more.js.map +1 -0
  34. package/dist/components/icon.js +1 -1
  35. package/dist/components/icon.js.map +1 -1
  36. package/dist/esm/admiralty-breadcrumb.entry.js +1 -1
  37. package/dist/esm/admiralty-dialogue.entry.js +1 -1
  38. package/dist/esm/admiralty-expansion.entry.js +1 -1
  39. package/dist/esm/admiralty-header.entry.js +1 -1
  40. package/dist/esm/admiralty-hint_3.entry.js +1 -1
  41. package/dist/esm/admiralty-icon.entry.js +1 -1
  42. package/dist/esm/admiralty-paginator.entry.js +1 -1
  43. package/dist/esm/admiralty-read-more.entry.js +35 -0
  44. package/dist/esm/admiralty-read-more.entry.js.map +1 -0
  45. package/dist/esm/admiralty.js +1 -1
  46. package/dist/esm/{index-6d64ba6e.js → index-07e55065.js} +2 -2
  47. package/dist/esm/index-07e55065.js.map +1 -0
  48. package/dist/esm/loader.js +1 -1
  49. package/dist/types/components/read-more/read-more.d.ts +19 -0
  50. package/dist/types/components.d.ts +29 -0
  51. package/package.json +2 -2
  52. package/dist/cjs/index-684790b2.js.map +0 -1
  53. package/dist/esm/index-6d64ba6e.js.map +0 -1
  54. /package/dist/admiralty/{p-77ba1e98.entry.js.map → p-0e5751e1.entry.js.map} +0 -0
  55. /package/dist/admiralty/{p-7f08678f.entry.js.map → p-21bfa165.entry.js.map} +0 -0
  56. /package/dist/admiralty/{p-90720452.entry.js.map → p-453ae002.entry.js.map} +0 -0
  57. /package/dist/admiralty/{p-fa73bc3e.entry.js.map → p-624de1d3.entry.js.map} +0 -0
  58. /package/dist/admiralty/{p-dbf54ac2.entry.js.map → p-62705584.entry.js.map} +0 -0
  59. /package/dist/admiralty/{p-fa589e79.entry.js.map → p-9a085b53.entry.js.map} +0 -0
  60. /package/dist/admiralty/{p-68a3d5e0.entry.js.map → p-b52a4f5f.entry.js.map} +0 -0
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-a64d8966.js';
2
- import { f as faChevronRight } from './index-6d64ba6e.js';
2
+ import { f as faChevronRight } from './index-07e55065.js';
3
3
 
4
4
  const breadcrumbCss = "@media (max-width: 1023px){.desktop-only.sc-admiralty-breadcrumb{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-breadcrumb{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-breadcrumb{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-breadcrumb{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-breadcrumb{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-breadcrumb{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-breadcrumb{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-breadcrumb{display:none}}.sc-admiralty-breadcrumb-h{display:flex;align-items:center}.breadcrumb-icon.sc-admiralty-breadcrumb{margin:0 10px;font-size:12px}a.sc-admiralty-breadcrumb{display:inline-block;font-size:14px;font-weight:300;text-decoration:none;color:#333333;margin:10px 2px}a.sc-admiralty-breadcrumb:hover{color:#09315b}a.active.sc-admiralty-breadcrumb{color:#09315b;font-weight:normal}";
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h } from './index-a64d8966.js';
2
- import { a as faExclamation, b as faCheck, c as faTriangleExclamation, d as faCircleInfo } from './index-6d64ba6e.js';
2
+ import { a as faExclamation, b as faCheck, c as faTriangleExclamation, d as faCircleInfo } from './index-07e55065.js';
3
3
 
4
4
  const dialogueCss = "@media (max-width: 1023px){.desktop-only.sc-admiralty-dialogue{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-dialogue{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-dialogue{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-dialogue{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-dialogue{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-dialogue{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-dialogue{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-dialogue{display:none}}.dialogue.sc-admiralty-dialogue{box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2);padding:30px 18px;overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 1023px){.dialogue.sc-admiralty-dialogue{padding:24px 18px}}.dialogue.sc-admiralty-dialogue .dialogue-title.sc-admiralty-dialogue{color:#09315b;font-size:20px;font-weight:normal;line-height:30px;display:flex;align-items:center;overflow-wrap:break-word;word-wrap:break-word;margin-bottom:12px}.dialogue.sc-admiralty-dialogue .dialogue-title.sc-admiralty-dialogue .dialogue-title-icon.sc-admiralty-dialogue{margin-right:12px}.dialogue.info.sc-admiralty-dialogue{border-left:5px solid #0177c1;background-color:#e0ecf3}.dialogue.error.sc-admiralty-dialogue{border-left:5px solid #e20d0d;background-color:#f7e1e1}.dialogue.success.sc-admiralty-dialogue{border-left:5px solid #47a234;background-color:#e7f1e5}.dialogue.warning.sc-admiralty-dialogue{border-left:5px solid #e3660e;background-color:#f8ede3}";
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-a64d8966.js';
2
- import { i as faChevronUp, j as faChevronDown } from './index-6d64ba6e.js';
2
+ import { k as faChevronUp, l as faChevronDown } from './index-07e55065.js';
3
3
 
4
4
  const expansionCss = "section.expansion.sc-admiralty-expansion{padding:2px 0;border-bottom:1px solid transparent}section.expansion.bordered.sc-admiralty-expansion{border-bottom:1px solid #d8d8d8}section.expansion.sc-admiralty-expansion .expansion-content.sc-admiralty-expansion{display:none;max-height:0;overflow:visible}section.expansion.expanded.sc-admiralty-expansion .expansion-content.sc-admiralty-expansion{display:block;max-height:initial;padding-bottom:12px}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion{background-color:transparent;border:none;height:initial;min-width:unset;max-width:unset;white-space:unset;color:initial;font-size:16px;cursor:pointer;margin:10px 0 22px;padding:0;display:flex;align-items:baseline;width:100%;text-align:left;position:relative}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion .expansion-heading-icon.sc-admiralty-expansion{color:#09315b;margin-left:30px}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion:focus{outline:none}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion h3.sc-admiralty-expansion,section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion button.sc-admiralty-expansion{flex-grow:1;margin-bottom:0}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion h3.expansion-heading-right-align.sc-admiralty-expansion,section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion button.expansion-heading-right-align.sc-admiralty-expansion{text-align:right}section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion:focus h3.sc-admiralty-expansion::before,section.expansion.sc-admiralty-expansion button.sc-admiralty-expansion:focus button.sc-admiralty-expansion::before{content:\"\";position:absolute;top:0;bottom:0;right:-3px;left:-3px;box-shadow:0 0 0 3px #ffdd00}";
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a64d8966.js';
2
- import { e as faTimes, g as faBars } from './index-6d64ba6e.js';
2
+ import { e as faTimes, g as faBars } from './index-07e55065.js';
3
3
 
4
4
  const headerCss = "@media (max-width: 1023px){.desktop-only.sc-admiralty-header{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-header{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-header{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-header{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-header{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-header{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-header{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-header{display:none}}.admiralty-header.sc-admiralty-header{font-size:18px;font-weight:300;line-height:24px}.header-menu.sc-admiralty-header{border-bottom:1px solid #d8d8d8;display:flex;flex-direction:row;background-color:#fff;height:5em;min-height:5em;position:relative}@media (max-width: 1023px){.header-menu.sc-admiralty-header{height:56px;min-height:56px;position:relative}}.header-branding.sc-admiralty-header{display:flex;flex-direction:row;flex-grow:1;font-size:18px;padding:1.3em 0 1.3em 1.3em}@media (max-width: 1023px){.header-branding.sc-admiralty-header{padding-left:12px;padding-top:12px;padding-bottom:12px;flex-grow:1}}.header-branding.sc-admiralty-header a.header-logo.sc-admiralty-header{background-color:transparent;color:#09315b}.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 #fd0;outline-offset:3px}.header-branding.sc-admiralty-header .vertical-seperator.sc-admiralty-header{border-right:1px solid #d8d8d8;margin-left:24px;margin-right:24px}@media (max-width: 1023px){.header-branding.sc-admiralty-header .vertical-seperator.sc-admiralty-header{margin-left:12px;margin-right:12px}}.header-branding.sc-admiralty-header .header-title.sc-admiralty-header{display:flex;flex-direction:column;flex-grow:1;justify-content:center;font-size:2em;line-height:2em;margin-bottom:unset !important;user-select:none}@media (max-width: 1023px){.header-branding.sc-admiralty-header .header-title.sc-admiralty-header{font-size:24px;line-height:24px !important;white-space:pre-wrap}}.header-branding.sc-admiralty-header .header-title.sc-admiralty-header a.sc-admiralty-header{cursor:pointer;font-size:1em;font-weight:normal;line-height:1;max-width:fit-content;text-decoration:none}@media (max-width: 1023px){.header-branding.sc-admiralty-header .header-title.sc-admiralty-header a.sc-admiralty-header{font-size:24px}}.header-branding.sc-admiralty-header .header-title.sc-admiralty-header a.sc-admiralty-header:focus{outline:3px solid #fd0;outline-offset:3px}.header-menus.sc-admiralty-header{display:flex;justify-content:flex-end}.header-menus.sc-admiralty-header .mobile-menu-toggle.sc-admiralty-header{display:none;flex-direction:column;justify-content:center}@media (max-width: 1023px){.header-menus.sc-admiralty-header .mobile-menu-toggle.display-hamburger.sc-admiralty-header{display:flex}}.header-menus.sc-admiralty-header .mobile-menu-toggle.sc-admiralty-header button.sc-admiralty-header{background-color:unset}.header-menus.sc-admiralty-header .mobile-menu-toggle.sc-admiralty-header button.sc-admiralty-header admiralty-icon.sc-admiralty-header{font-size:24px;font-weight:900;padding:12px;cursor:pointer;min-width:24px;min-height:24px;text-align:center;user-select:none;color:#09315b}.header-menus.sc-admiralty-header .mobile-menu-toggle.sc-admiralty-header button.sc-admiralty-header:focus{outline:none;box-shadow:#ffdd00 inset 0 0 0 3px}@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:#ffffff;border:1px solid #d8d8d8}}@media (max-width: 1023px) and (max-width: 1023px) and (min-width: 480px){.header-menus.sc-admiralty-header .menu-sections.sc-admiralty-header{min-width:50%;margin-left:50%}}@media (max-width: 1023px){.header-menus.sc-admiralty-header .menu-sections.mob-menus-visible.sc-admiralty-header{display:block}}@media (min-width: 1024px){.header-menus.sc-admiralty-header .menu-sections.sc-admiralty-header,.header-menus.sc-admiralty-header .menu-items.sc-admiralty-header,.header-menus.sc-admiralty-header .header-profile.sc-admiralty-header{display:flex;flex:0;flex-direction:row}}.sc-admiralty-header-s>admiralty-header-menu-item{color:red !important}";
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-a64d8966.js';
2
- import { a as faExclamation } from './index-6d64ba6e.js';
2
+ import { a as faExclamation } from './index-07e55065.js';
3
3
 
4
4
  const hintCss = "p.sc-admiralty-hint{margin-top:0;margin-bottom:6px;display:block;font-weight:300}p.disabled.sc-admiralty-hint{color:#adadad}";
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-a64d8966.js';
2
- import { k as icons$2 } from './index-6d64ba6e.js';
2
+ import { m as icons$2 } from './index-07e55065.js';
3
3
 
4
4
  function ownKeys(object, enumerableOnly) {
5
5
  var keys = Object.keys(object);
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-a64d8966.js';
2
2
  import { B as ButtonVariant } from './button.types-95cc8d1d.js';
3
- import { f as faChevronRight, h as faChevronLeft } from './index-6d64ba6e.js';
3
+ import { f as faChevronRight, h as faChevronLeft } from './index-07e55065.js';
4
4
 
5
5
  const paginatorCss = "nav.standard.sc-admiralty-paginator{display:flex;flex-direction:row;align-items:center}nav.standard.sc-admiralty-paginator admiralty-button.sc-admiralty-paginator{margin:6px}nav.standard.sc-admiralty-paginator p.sc-admiralty-paginator{padding:0px 18px 0px 0px;margin-bottom:0px}";
6
6
 
@@ -0,0 +1,35 @@
1
+ import { r as registerInstance, c as createEvent, h } from './index-a64d8966.js';
2
+ import { i as faArrowDown, j as faArrowRight } from './index-07e55065.js';
3
+
4
+ const readMoreCss = "section.expansion.sc-admiralty-read-more{padding:2px 0}section.expansion.sc-admiralty-read-more .expansion-content.sc-admiralty-read-more{display:none;max-height:0;overflow:visible;border-left:4px solid #0177c1}section.expansion.expanded.sc-admiralty-read-more .expansion-content.sc-admiralty-read-more{display:block;max-height:initial;padding:2px 5px}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more{background-color:transparent;border:none;white-space:unset;color:initial;cursor:pointer;margin:8px 0px;padding:4px;align-items:baseline;text-align:left;text-decoration:underline}section.expansion.sc-admiralty-read-more button.expanded.sc-admiralty-read-more span.sc-admiralty-read-more{font-weight:normal}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more .expansion-heading-icon.sc-admiralty-read-more{margin-left:5px;margin-right:8px;vertical-align:top}section.expansion.sc-admiralty-read-more button.sc-admiralty-read-more:focus{outline:none;box-shadow:0 0 0 3px #ffdd00}";
5
+
6
+ let nextId = 0;
7
+ const ReadMoreComponent = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.admiraltyToggled = createEvent(this, "admiraltyToggled", 7);
11
+ this.id = `admiralty-read-more-${++nextId}`;
12
+ this.headerId = `${this.id}-header`;
13
+ this.contentId = `${this.id}-content`;
14
+ this.heading = undefined;
15
+ this.expanded = false;
16
+ }
17
+ get expansionIcon() {
18
+ return this.expanded ? faArrowDown : faArrowRight;
19
+ }
20
+ onToggle() {
21
+ this.expanded = !this.expanded;
22
+ this.admiraltyToggled.emit(this.expanded);
23
+ }
24
+ render() {
25
+ return (h("section", { class: {
26
+ expansion: true,
27
+ expanded: this.expanded,
28
+ } }, h("button", { id: this.headerId, type: "button", "aria-expanded": this.expanded, "aria-controls": this.contentId, class: { expanded: this.expanded }, onClick: this.onToggle.bind(this) }, h("admiralty-icon", { class: "expansion-heading-icon", "icon-name": this.expansionIcon.iconName }), h("span", null, this.heading), h("span", { class: "visually-hidden" }, ", ", this.expanded ? 'Hide' : 'Show', " this section")), h("div", { class: "expansion-content", id: this.contentId, "aria-labelledby": this.headerId, hidden: !this.expanded }, h("slot", null))));
29
+ }
30
+ };
31
+ ReadMoreComponent.style = readMoreCss;
32
+
33
+ export { ReadMoreComponent as admiralty_read_more };
34
+
35
+ //# sourceMappingURL=admiralty-read-more.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"admiralty-read-more.entry.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,2/BAA2/B;;ACI/gC,IAAI,MAAM,GAAG,CAAC,CAAC;MAOF,iBAAiB;;;;IAa5B,OAAE,GAAW,uBAAuB,EAAE,MAAM,EAAE,CAAC;IAE/C,aAAQ,GAAW,GAAG,IAAI,CAAC,EAAE,SAAS,CAAC;IACvC,cAAS,GAAW,GAAG,IAAI,CAAC,EAAE,UAAU,CAAC;;oBAVrB,KAAK;;EAYzB,IAAI,aAAa;IACf,OAAO,IAAI,CAAC,QAAQ,GAAI,WAAW,GAAG,YAAY,CAAC;GACpD;EAED,QAAQ;IACN,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC/B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;GAC3C;EAED,MAAM;IACJ,QACE,eACE,KAAK,EAAE;QACL,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,IAED,cACE,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,SAAS,EAC7B,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAClC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAEjC,sBAAgB,KAAK,EAAC,wBAAwB,eAAY,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAmB,EACxG,gBAAO,IAAI,CAAC,OAAO,CAAQ,EAC3B,YAAM,KAAK,EAAC,iBAAiB,UAAI,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,kBAAqB,CAC9E,EACT,WAAK,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,SAAS,qBAAmB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,IACvG,eAAa,CACT,CACE,EACV;GACH;;;;;;","names":[],"sources":["./src/components/read-more/read-more.scss?tag=admiralty-read-more&encapsulation=scoped","./src/components/read-more/read-more.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\r\n@use \"../../scss/vars/typography\";\r\n\r\nsection.expansion {\r\n padding: 2px 0;\r\n\r\n .expansion-content {\r\n display: none;\r\n max-height: 0;\r\n overflow: visible;\r\n border-left: 4px solid colours.$colour-utility-info;\r\n }\r\n &.expanded .expansion-content {\r\n display: block;\r\n max-height: initial;\r\n padding: 2px 5px;\r\n }\r\n\r\n button {\r\n background-color: transparent;\r\n border: none;\r\n white-space: unset;\r\n color: initial;\r\n cursor: pointer;\r\n margin: 8px 0px;\r\n padding: 4px;\r\n align-items: baseline;\r\n text-align: left;\r\n text-decoration: underline;\r\n\r\n &.expanded span {\r\n font-weight: typography.$font-weight-medium;\r\n }\r\n\r\n .expansion-heading-icon {\r\n margin-left: 5px;\r\n margin-right: 8px;\r\n vertical-align: top;\r\n }\r\n\r\n\r\n &:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 3px colours.$colour-utility-focus;\r\n }\r\n }\r\n}\r\n","import { Component, EventEmitter, Prop, State, Event, h } from '@stencil/core';\r\nimport { faArrowDown, faArrowRight } from '@fortawesome/free-solid-svg-icons';\r\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\r\n\r\nlet nextId = 0;\r\n\r\n@Component({\r\n tag: 'admiralty-read-more',\r\n styleUrl: 'read-more.scss',\r\n scoped: true,\r\n})\r\nexport class ReadMoreComponent {\r\n /**\r\n * The text to display in the heading of the readmore component.\r\n */\r\n @Prop() heading: string;\r\n\r\n @State() expanded = false;\r\n\r\n /**\r\n * The event that is dispatched when the expanded status is toggled.\r\n */\r\n @Event() admiraltyToggled: EventEmitter<boolean>;\r\n\r\n id: string = `admiralty-read-more-${++nextId}`;\r\n\r\n headerId: string = `${this.id}-header`;\r\n contentId: string = `${this.id}-content`;\r\n\r\n get expansionIcon(): IconDefinition {\r\n return this.expanded ? faArrowDown : faArrowRight;\r\n }\r\n\r\n onToggle() {\r\n this.expanded = !this.expanded;\r\n this.admiraltyToggled.emit(this.expanded);\r\n }\r\n\r\n render() {\r\n return (\r\n <section\r\n class={{\r\n expansion: true,\r\n expanded: this.expanded,\r\n }}\r\n >\r\n <button\r\n id={this.headerId}\r\n type=\"button\"\r\n aria-expanded={this.expanded}\r\n aria-controls={this.contentId}\r\n class={{ expanded: this.expanded }}\r\n onClick={this.onToggle.bind(this)}\r\n >\r\n <admiralty-icon class=\"expansion-heading-icon\" icon-name={this.expansionIcon.iconName}></admiralty-icon>\r\n <span>{this.heading}</span>\r\n <span class=\"visually-hidden\">, {this.expanded ? 'Hide' : 'Show'} this section</span>\r\n </button>\r\n <div class=\"expansion-content\" id={this.contentId} aria-labelledby={this.headerId} hidden={!this.expanded}>\r\n <slot></slot>\r\n </div>\r\n </section>\r\n );\r\n }\r\n}\r\n"],"version":3}
@@ -17,7 +17,7 @@ const patchBrowser = () => {
17
17
  };
18
18
 
19
19
  patchBrowser().then(options => {
20
- return bootstrapLazy([["admiralty-type-ahead",[[6,"admiralty-type-ahead",{"value":[1],"label":[1],"placeholder":[1],"resultsOnInitFocus":[4,"results-on-init-focus"],"filterResult":[32]}]]],["admiralty-select",[[2,"admiralty-select",{"disabled":[4],"error":[4],"errorHint":[1,"error-hint"],"hint":[1],"label":[1],"width":[2]}]]],["admiralty-textarea",[[2,"admiralty-textarea",{"label":[1],"text":[1],"hint":[1],"width":[2],"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"]}]]],["admiralty-colour-block",[[6,"admiralty-colour-block",{"width":[2],"height":[2],"heading":[1],"colour":[1],"clickAction":[16],"actionText":[1,"action-text"]}]]],["admiralty-filter",[[6,"admiralty-filter",{"filterTitle":[1,"filter-title"]}]]],["admiralty-filter-group",[[6,"admiralty-filter-group",{"groupTitle":[1,"group-title"]}]]],["admiralty-paginator",[[2,"admiralty-paginator",{"pages":[2],"currentPage":[2,"current-page"],"label":[1]}]]],["admiralty-breadcrumb",[[6,"admiralty-breadcrumb",{"active":[4],"first":[4],"href":[1]}]]],["admiralty-dialogue",[[6,"admiralty-dialogue",{"type":[1],"heading":[1]}]]],["admiralty-file-input",[[2,"admiralty-file-input",{"label":[1],"multiple":[4],"files":[32]}]]],["admiralty-header",[[6,"admiralty-header",{"headerTitle":[1,"header-title"],"headerTitleUrl":[1,"header-title-url"],"logoLinkUrl":[1,"logo-link-url"],"logoImgUrl":[1,"logo-img-url"],"logoAltText":[1,"logo-alt-text"],"mobileMenuOpen":[32],"displayHamburger":[32]}]]],["admiralty-progress-bar",[[2,"admiralty-progress-bar",{"label":[1],"progression":[2],"error":[4],"progressionValue":[32]}]]],["admiralty-breadcrumbs",[[6,"admiralty-breadcrumbs"]]],["admiralty-card",[[6,"admiralty-card",{"heading":[1]}]]],["admiralty-checkbox",[[2,"admiralty-checkbox",{"checkboxRight":[4,"checkbox-right"],"disabled":[4],"name":[1],"checked":[1028],"value":[8],"labelText":[1,"label-text"]}]]],["admiralty-footer",[[6,"admiralty-footer",{"imageLink":[1,"image-link"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"text":[1]}]]],["admiralty-header-menu-item",[[6,"admiralty-header-menu-item",{"menuTitle":[1,"menu-title"],"active":[4]}]]],["admiralty-header-profile",[[2,"admiralty-header-profile",{"isSignedIn":[4,"is-signed-in"],"signedInText":[1,"signed-in-text"],"displaySubmenu":[32]}]]],["admiralty-header-sub-menu-item",[[2,"admiralty-header-sub-menu-item",{"menuTitle":[1,"menu-title"]}]]],["admiralty-hr",[[2,"admiralty-hr"]]],["admiralty-link",[[6,"admiralty-link",{"href":[1],"newTab":[4,"new-tab"]}]]],["admiralty-paginator-wrapper",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["admiralty-phase-banner",[[2,"admiralty-phase-banner",{"phase":[1],"link":[1]}]]],["admiralty-radio",[[6,"admiralty-radio",{"name":[1],"value":[1025],"disabled":[4],"checked":[1028],"buttonTabindex":[32],"setButtonTabindex":[64]}]]],["admiralty-radio-group",[[6,"admiralty-radio-group",{"name":[1],"value":[1032],"displayVertical":[4,"display-vertical"]}]]],["admiralty-side-nav",[[6,"admiralty-side-nav",{"label":[1]}]]],["admiralty-side-nav-item",[[2,"admiralty-side-nav-item",{"sideNavItemId":[1,"side-nav-item-id"],"headingTitle":[1,"heading-title"],"navActive":[4,"nav-active"]}]]],["admiralty-side-nav-wrapper",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["admiralty-tab",[[6,"admiralty-tab",{"label":[1],"tabLabelId":[1,"tab-label-id"],"tabContentId":[1,"tab-content-id"]}]]],["admiralty-tab-group",[[6,"admiralty-tab-group",{"selectedIndex":[1026,"selected-index"]}]]],["admiralty-table",[[6,"admiralty-table",{"caption":[1]}]]],["admiralty-table-body",[[6,"admiralty-table-body"]]],["admiralty-table-cell",[[6,"admiralty-table-cell"]]],["admiralty-table-header",[[6,"admiralty-table-header"]]],["admiralty-table-header-cell",[[6,"admiralty-table-header-cell"]]],["admiralty-table-row",[[6,"admiralty-table-row"]]],["admiralty-type-ahead-item",[[2,"admiralty-type-ahead-item",{"value":[1]}]]],["admiralty-icon",[[1,"admiralty-icon",{"iconName":[1,"icon-name"],"iconPrefix":[1,"icon-prefix"]}]]],["admiralty-input",[[2,"admiralty-input",{"name":[1],"label":[1],"hint":[1],"disabled":[4],"type":[1],"placeholder":[1],"width":[2],"required":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"autocomplete":[1],"value":[1032]}]]],["admiralty-expansion",[[6,"admiralty-expansion",{"heading":[1],"expanded":[1540],"alignHeadingRight":[4,"align-heading-right"],"hideBorder":[4,"hide-border"]}]]],["admiralty-button",[[6,"admiralty-button",{"variant":[1],"icon":[1],"disabled":[4],"type":[1]}]]],["admiralty-hint_3",[[6,"admiralty-input-error"],[6,"admiralty-hint",{"disabled":[4]}],[6,"admiralty-label",{"disabled":[4],"for":[1]}]]]], options);
20
+ return bootstrapLazy([["admiralty-type-ahead",[[6,"admiralty-type-ahead",{"value":[1],"label":[1],"placeholder":[1],"resultsOnInitFocus":[4,"results-on-init-focus"],"filterResult":[32]}]]],["admiralty-select",[[2,"admiralty-select",{"disabled":[4],"error":[4],"errorHint":[1,"error-hint"],"hint":[1],"label":[1],"width":[2]}]]],["admiralty-textarea",[[2,"admiralty-textarea",{"label":[1],"text":[1],"hint":[1],"width":[2],"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"]}]]],["admiralty-colour-block",[[6,"admiralty-colour-block",{"width":[2],"height":[2],"heading":[1],"colour":[1],"clickAction":[16],"actionText":[1,"action-text"]}]]],["admiralty-filter",[[6,"admiralty-filter",{"filterTitle":[1,"filter-title"]}]]],["admiralty-filter-group",[[6,"admiralty-filter-group",{"groupTitle":[1,"group-title"]}]]],["admiralty-paginator",[[2,"admiralty-paginator",{"pages":[2],"currentPage":[2,"current-page"],"label":[1]}]]],["admiralty-breadcrumb",[[6,"admiralty-breadcrumb",{"active":[4],"first":[4],"href":[1]}]]],["admiralty-dialogue",[[6,"admiralty-dialogue",{"type":[1],"heading":[1]}]]],["admiralty-file-input",[[2,"admiralty-file-input",{"label":[1],"multiple":[4],"files":[32]}]]],["admiralty-header",[[6,"admiralty-header",{"headerTitle":[1,"header-title"],"headerTitleUrl":[1,"header-title-url"],"logoLinkUrl":[1,"logo-link-url"],"logoImgUrl":[1,"logo-img-url"],"logoAltText":[1,"logo-alt-text"],"mobileMenuOpen":[32],"displayHamburger":[32]}]]],["admiralty-progress-bar",[[2,"admiralty-progress-bar",{"label":[1],"progression":[2],"error":[4],"progressionValue":[32]}]]],["admiralty-read-more",[[6,"admiralty-read-more",{"heading":[1],"expanded":[32]}]]],["admiralty-breadcrumbs",[[6,"admiralty-breadcrumbs"]]],["admiralty-card",[[6,"admiralty-card",{"heading":[1]}]]],["admiralty-checkbox",[[2,"admiralty-checkbox",{"checkboxRight":[4,"checkbox-right"],"disabled":[4],"name":[1],"checked":[1028],"value":[8],"labelText":[1,"label-text"]}]]],["admiralty-footer",[[6,"admiralty-footer",{"imageLink":[1,"image-link"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"text":[1]}]]],["admiralty-header-menu-item",[[6,"admiralty-header-menu-item",{"menuTitle":[1,"menu-title"],"active":[4]}]]],["admiralty-header-profile",[[2,"admiralty-header-profile",{"isSignedIn":[4,"is-signed-in"],"signedInText":[1,"signed-in-text"],"displaySubmenu":[32]}]]],["admiralty-header-sub-menu-item",[[2,"admiralty-header-sub-menu-item",{"menuTitle":[1,"menu-title"]}]]],["admiralty-hr",[[2,"admiralty-hr"]]],["admiralty-link",[[6,"admiralty-link",{"href":[1],"newTab":[4,"new-tab"]}]]],["admiralty-paginator-wrapper",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["admiralty-phase-banner",[[2,"admiralty-phase-banner",{"phase":[1],"link":[1]}]]],["admiralty-radio",[[6,"admiralty-radio",{"name":[1],"value":[1025],"disabled":[4],"checked":[1028],"buttonTabindex":[32],"setButtonTabindex":[64]}]]],["admiralty-radio-group",[[6,"admiralty-radio-group",{"name":[1],"value":[1032],"displayVertical":[4,"display-vertical"]}]]],["admiralty-side-nav",[[6,"admiralty-side-nav",{"label":[1]}]]],["admiralty-side-nav-item",[[2,"admiralty-side-nav-item",{"sideNavItemId":[1,"side-nav-item-id"],"headingTitle":[1,"heading-title"],"navActive":[4,"nav-active"]}]]],["admiralty-side-nav-wrapper",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["admiralty-tab",[[6,"admiralty-tab",{"label":[1],"tabLabelId":[1,"tab-label-id"],"tabContentId":[1,"tab-content-id"]}]]],["admiralty-tab-group",[[6,"admiralty-tab-group",{"selectedIndex":[1026,"selected-index"]}]]],["admiralty-table",[[6,"admiralty-table",{"caption":[1]}]]],["admiralty-table-body",[[6,"admiralty-table-body"]]],["admiralty-table-cell",[[6,"admiralty-table-cell"]]],["admiralty-table-header",[[6,"admiralty-table-header"]]],["admiralty-table-header-cell",[[6,"admiralty-table-header-cell"]]],["admiralty-table-row",[[6,"admiralty-table-row"]]],["admiralty-type-ahead-item",[[2,"admiralty-type-ahead-item",{"value":[1]}]]],["admiralty-icon",[[1,"admiralty-icon",{"iconName":[1,"icon-name"],"iconPrefix":[1,"icon-prefix"]}]]],["admiralty-input",[[2,"admiralty-input",{"name":[1],"label":[1],"hint":[1],"disabled":[4],"type":[1],"placeholder":[1],"width":[2],"required":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"autocomplete":[1],"value":[1032]}]]],["admiralty-expansion",[[6,"admiralty-expansion",{"heading":[1],"expanded":[1540],"alignHeadingRight":[4,"align-heading-right"],"hideBorder":[4,"hide-border"]}]]],["admiralty-button",[[6,"admiralty-button",{"variant":[1],"icon":[1],"disabled":[4],"type":[1]}]]],["admiralty-hint_3",[[6,"admiralty-input-error"],[6,"admiralty-hint",{"disabled":[4]}],[6,"admiralty-label",{"disabled":[4],"for":[1]}]]]], options);
21
21
  });
22
22
 
23
23
  //# sourceMappingURL=admiralty.js.map
@@ -9469,6 +9469,6 @@ var icons = {
9469
9469
  faLevelUpAlt: faLevelUpAlt
9470
9470
  };
9471
9471
 
9472
- export { faExclamation as a, faCheck as b, faTriangleExclamation as c, faCircleInfo as d, faTimes as e, faChevronRight as f, faBars as g, faChevronLeft as h, faChevronUp as i, faChevronDown as j, icons as k };
9472
+ export { faExclamation as a, faCheck as b, faTriangleExclamation as c, faCircleInfo as d, faTimes as e, faChevronRight as f, faBars as g, faChevronLeft as h, faArrowDown as i, faArrowRight as j, faChevronUp as k, faChevronDown as l, icons as m };
9473
9473
 
9474
- //# sourceMappingURL=index-6d64ba6e.js.map
9474
+ //# sourceMappingURL=index-07e55065.js.map