@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.
- package/dist/admiralty/admiralty.esm.js +1 -1
- package/dist/admiralty/admiralty.esm.js.map +1 -1
- package/dist/admiralty/{p-77ba1e98.entry.js → p-0e5751e1.entry.js} +2 -2
- package/dist/admiralty/{p-7f08678f.entry.js → p-21bfa165.entry.js} +2 -2
- package/dist/admiralty/p-3573438e.entry.js +2 -0
- package/dist/admiralty/p-3573438e.entry.js.map +1 -0
- package/dist/admiralty/{p-90720452.entry.js → p-453ae002.entry.js} +2 -2
- package/dist/admiralty/{p-fa73bc3e.entry.js → p-624de1d3.entry.js} +2 -2
- package/dist/admiralty/{p-dbf54ac2.entry.js → p-62705584.entry.js} +2 -2
- package/dist/admiralty/{p-0ea830d0.js → p-7151aba4.js} +2 -2
- package/dist/admiralty/{p-0ea830d0.js.map → p-7151aba4.js.map} +1 -1
- package/dist/admiralty/{p-fa589e79.entry.js → p-9a085b53.entry.js} +2 -2
- package/dist/admiralty/{p-68a3d5e0.entry.js → p-b52a4f5f.entry.js} +2 -2
- package/dist/cjs/admiralty-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-dialogue.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-expansion.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-header.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-hint_3.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-icon.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-paginator.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-read-more.cjs.entry.js +39 -0
- package/dist/cjs/admiralty-read-more.cjs.entry.js.map +1 -0
- package/dist/cjs/admiralty.cjs.js +1 -1
- package/dist/cjs/{index-684790b2.js → index-b3a5ea37.js} +3 -1
- package/dist/cjs/index-b3a5ea37.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/read-more/read-more.css +55 -0
- package/dist/collection/components/read-more/read-more.js +82 -0
- package/dist/collection/components/read-more/read-more.js.map +1 -0
- package/dist/components/admiralty-read-more.d.ts +11 -0
- package/dist/components/admiralty-read-more.js +60 -0
- package/dist/components/admiralty-read-more.js.map +1 -0
- package/dist/components/icon.js +1 -1
- package/dist/components/icon.js.map +1 -1
- package/dist/esm/admiralty-breadcrumb.entry.js +1 -1
- package/dist/esm/admiralty-dialogue.entry.js +1 -1
- package/dist/esm/admiralty-expansion.entry.js +1 -1
- package/dist/esm/admiralty-header.entry.js +1 -1
- package/dist/esm/admiralty-hint_3.entry.js +1 -1
- package/dist/esm/admiralty-icon.entry.js +1 -1
- package/dist/esm/admiralty-paginator.entry.js +1 -1
- package/dist/esm/admiralty-read-more.entry.js +35 -0
- package/dist/esm/admiralty-read-more.entry.js.map +1 -0
- package/dist/esm/admiralty.js +1 -1
- package/dist/esm/{index-6d64ba6e.js → index-07e55065.js} +2 -2
- package/dist/esm/index-07e55065.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/read-more/read-more.d.ts +19 -0
- package/dist/types/components.d.ts +29 -0
- package/package.json +2 -2
- package/dist/cjs/index-684790b2.js.map +0 -1
- package/dist/esm/index-6d64ba6e.js.map +0 -1
- /package/dist/admiralty/{p-77ba1e98.entry.js.map → p-0e5751e1.entry.js.map} +0 -0
- /package/dist/admiralty/{p-7f08678f.entry.js.map → p-21bfa165.entry.js.map} +0 -0
- /package/dist/admiralty/{p-90720452.entry.js.map → p-453ae002.entry.js.map} +0 -0
- /package/dist/admiralty/{p-fa73bc3e.entry.js.map → p-624de1d3.entry.js.map} +0 -0
- /package/dist/admiralty/{p-dbf54ac2.entry.js.map → p-62705584.entry.js.map} +0 -0
- /package/dist/admiralty/{p-fa589e79.entry.js.map → p-9a085b53.entry.js.map} +0 -0
- /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-
|
|
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-
|
|
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 {
|
|
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-
|
|
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-
|
|
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,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-
|
|
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}
|
package/dist/esm/admiralty.js
CHANGED
|
@@ -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,
|
|
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-
|
|
9474
|
+
//# sourceMappingURL=index-07e55065.js.map
|