@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,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as i,h as t}from"./p-e1680782.js";import{B as s}from"./p-42b9bbe6.js";import{f as r,h as n}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as i,h as t}from"./p-e1680782.js";import{B as s}from"./p-42b9bbe6.js";import{f as r,h as n}from"./p-7151aba4.js";const e="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}";const o=class{constructor(t){a(this,t);this.pageChange=i(this,"pageChange",7);this.maxLength=7;this.pages=1;this.currentPage=1;this.label=""}pageChanged(a){this.pageChange.emit(a)}onKeydown(a,i){if(a.key==="Enter"||a.key==="Enter"){i()}}prev(){if(this.currentPage>1){this.pageChanged(this.currentPage-1)}}next(){if(this.currentPage<this.pages){this.pageChanged(this.currentPage+1)}}render(){return t("nav",{"aria-label":"pagination",class:"standard"},t("p",{"aria-live":"polite"},this.label),t("admiralty-button",{variant:s.Icon,icon:n.iconName,disabled:this.currentPage===1,tabindex:0,"aria-disabled":this.currentPage===1,onClick:this.prev.bind(this),onKeyDown:a=>this.onKeydown(a,this.prev.bind(this)),"aria-label":"Previous Page"}),t("admiralty-button",{variant:s.Icon,icon:r.iconName,disabled:this.currentPage===this.pages,tabindex:0,"aria-disabled":this.currentPage===this.pages,onClick:this.next.bind(this),onKeyDown:a=>this.onKeydown(a,this.next.bind(this)),"aria-label":"Next Page"}))}};o.style=e;export{o as admiralty_paginator};
|
|
2
|
+
//# sourceMappingURL=p-9a085b53.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as i}from"./p-e1680782.js";import{a as e,b as d,c as o,d as l}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as i}from"./p-e1680782.js";import{a as e,b as d,c as o,d as l}from"./p-7151aba4.js";const r="@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}";const t=class{constructor(i){a(this,i);this.type="info";this.heading=undefined}getIconNameForType(){switch(this.type){case"info":return l;case"warning":return o;case"success":return d;case"error":return e}}render(){return i("section",{class:{dialogue:true,[this.type]:true}},i("div",{class:"dialogue-title"},i("admiralty-icon",{class:"dialogue-title-icon","icon-name":this.getIconNameForType().iconName}),this.heading),i("slot",null))}};t.style=r;export{t as admiralty_dialogue};
|
|
2
|
+
//# sourceMappingURL=p-b52a4f5f.entry.js.map
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-9db1e550.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-b3a5ea37.js');
|
|
7
7
|
|
|
8
8
|
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}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-9db1e550.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-b3a5ea37.js');
|
|
7
7
|
|
|
8
8
|
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}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-9db1e550.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-b3a5ea37.js');
|
|
7
7
|
|
|
8
8
|
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}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-9db1e550.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-b3a5ea37.js');
|
|
7
7
|
|
|
8
8
|
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}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-9db1e550.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-b3a5ea37.js');
|
|
7
7
|
|
|
8
8
|
const hintCss = "p.sc-admiralty-hint{margin-top:0;margin-bottom:6px;display:block;font-weight:300}p.disabled.sc-admiralty-hint{color:#adadad}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index$1 = require('./index-9db1e550.js');
|
|
6
|
-
const index = require('./index-
|
|
6
|
+
const index = require('./index-b3a5ea37.js');
|
|
7
7
|
|
|
8
8
|
function ownKeys(object, enumerableOnly) {
|
|
9
9
|
var keys = Object.keys(object);
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-9db1e550.js');
|
|
6
6
|
const button_types = require('./button.types-2d3f852b.js');
|
|
7
|
-
const index$1 = require('./index-
|
|
7
|
+
const index$1 = require('./index-b3a5ea37.js');
|
|
8
8
|
|
|
9
9
|
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}";
|
|
10
10
|
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-9db1e550.js');
|
|
6
|
+
const index$1 = require('./index-b3a5ea37.js');
|
|
7
|
+
|
|
8
|
+
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}";
|
|
9
|
+
|
|
10
|
+
let nextId = 0;
|
|
11
|
+
const ReadMoreComponent = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.admiraltyToggled = index.createEvent(this, "admiraltyToggled", 7);
|
|
15
|
+
this.id = `admiralty-read-more-${++nextId}`;
|
|
16
|
+
this.headerId = `${this.id}-header`;
|
|
17
|
+
this.contentId = `${this.id}-content`;
|
|
18
|
+
this.heading = undefined;
|
|
19
|
+
this.expanded = false;
|
|
20
|
+
}
|
|
21
|
+
get expansionIcon() {
|
|
22
|
+
return this.expanded ? index$1.faArrowDown : index$1.faArrowRight;
|
|
23
|
+
}
|
|
24
|
+
onToggle() {
|
|
25
|
+
this.expanded = !this.expanded;
|
|
26
|
+
this.admiraltyToggled.emit(this.expanded);
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
return (index.h("section", { class: {
|
|
30
|
+
expansion: true,
|
|
31
|
+
expanded: this.expanded,
|
|
32
|
+
} }, index.h("button", { id: this.headerId, type: "button", "aria-expanded": this.expanded, "aria-controls": this.contentId, class: { expanded: this.expanded }, onClick: this.onToggle.bind(this) }, index.h("admiralty-icon", { class: "expansion-heading-icon", "icon-name": this.expansionIcon.iconName }), index.h("span", null, this.heading), index.h("span", { class: "visually-hidden" }, ", ", this.expanded ? 'Hide' : 'Show', " this section")), index.h("div", { class: "expansion-content", id: this.contentId, "aria-labelledby": this.headerId, hidden: !this.expanded }, index.h("slot", null))));
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
ReadMoreComponent.style = readMoreCss;
|
|
36
|
+
|
|
37
|
+
exports.admiralty_read_more = ReadMoreComponent;
|
|
38
|
+
|
|
39
|
+
//# sourceMappingURL=admiralty-read-more.cjs.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"admiralty-read-more.entry.cjs.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,GAAIA,mBAAW,GAAGC,oBAAY,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,QACEC,qBACE,KAAK,EAAE;QACL,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,IAEDA,oBACE,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,IAEjCA,4BAAgB,KAAK,EAAC,wBAAwB,eAAY,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAmB,EACxGA,sBAAO,IAAI,CAAC,OAAO,CAAQ,EAC3BA,kBAAM,KAAK,EAAC,iBAAiB,UAAI,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,kBAAqB,CAC9E,EACTA,iBAAK,KAAK,EAAC,mBAAmB,EAAC,EAAE,EAAE,IAAI,CAAC,SAAS,qBAAmB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,IACvGA,qBAAa,CACT,CACE,EACV;GACH;;;;;;","names":["faArrowDown","faArrowRight","h"],"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}
|
|
@@ -20,7 +20,7 @@ const patchBrowser = () => {
|
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
patchBrowser().then(options => {
|
|
23
|
-
return index.bootstrapLazy([["admiralty-type-ahead.cjs",[[6,"admiralty-type-ahead",{"value":[1],"label":[1],"placeholder":[1],"resultsOnInitFocus":[4,"results-on-init-focus"],"filterResult":[32]}]]],["admiralty-select.cjs",[[2,"admiralty-select",{"disabled":[4],"error":[4],"errorHint":[1,"error-hint"],"hint":[1],"label":[1],"width":[2]}]]],["admiralty-textarea.cjs",[[2,"admiralty-textarea",{"label":[1],"text":[1],"hint":[1],"width":[2],"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"]}]]],["admiralty-colour-block.cjs",[[6,"admiralty-colour-block",{"width":[2],"height":[2],"heading":[1],"colour":[1],"clickAction":[16],"actionText":[1,"action-text"]}]]],["admiralty-filter.cjs",[[6,"admiralty-filter",{"filterTitle":[1,"filter-title"]}]]],["admiralty-filter-group.cjs",[[6,"admiralty-filter-group",{"groupTitle":[1,"group-title"]}]]],["admiralty-paginator.cjs",[[2,"admiralty-paginator",{"pages":[2],"currentPage":[2,"current-page"],"label":[1]}]]],["admiralty-breadcrumb.cjs",[[6,"admiralty-breadcrumb",{"active":[4],"first":[4],"href":[1]}]]],["admiralty-dialogue.cjs",[[6,"admiralty-dialogue",{"type":[1],"heading":[1]}]]],["admiralty-file-input.cjs",[[2,"admiralty-file-input",{"label":[1],"multiple":[4],"files":[32]}]]],["admiralty-header.cjs",[[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.cjs",[[2,"admiralty-progress-bar",{"label":[1],"progression":[2],"error":[4],"progressionValue":[32]}]]],["admiralty-breadcrumbs.cjs",[[6,"admiralty-breadcrumbs"]]],["admiralty-card.cjs",[[6,"admiralty-card",{"heading":[1]}]]],["admiralty-checkbox.cjs",[[2,"admiralty-checkbox",{"checkboxRight":[4,"checkbox-right"],"disabled":[4],"name":[1],"checked":[1028],"value":[8],"labelText":[1,"label-text"]}]]],["admiralty-footer.cjs",[[6,"admiralty-footer",{"imageLink":[1,"image-link"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"text":[1]}]]],["admiralty-header-menu-item.cjs",[[6,"admiralty-header-menu-item",{"menuTitle":[1,"menu-title"],"active":[4]}]]],["admiralty-header-profile.cjs",[[2,"admiralty-header-profile",{"isSignedIn":[4,"is-signed-in"],"signedInText":[1,"signed-in-text"],"displaySubmenu":[32]}]]],["admiralty-header-sub-menu-item.cjs",[[2,"admiralty-header-sub-menu-item",{"menuTitle":[1,"menu-title"]}]]],["admiralty-hr.cjs",[[2,"admiralty-hr"]]],["admiralty-link.cjs",[[6,"admiralty-link",{"href":[1],"newTab":[4,"new-tab"]}]]],["admiralty-paginator-wrapper.cjs",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["admiralty-phase-banner.cjs",[[2,"admiralty-phase-banner",{"phase":[1],"link":[1]}]]],["admiralty-radio.cjs",[[6,"admiralty-radio",{"name":[1],"value":[1025],"disabled":[4],"checked":[1028],"buttonTabindex":[32],"setButtonTabindex":[64]}]]],["admiralty-radio-group.cjs",[[6,"admiralty-radio-group",{"name":[1],"value":[1032],"displayVertical":[4,"display-vertical"]}]]],["admiralty-side-nav.cjs",[[6,"admiralty-side-nav",{"label":[1]}]]],["admiralty-side-nav-item.cjs",[[2,"admiralty-side-nav-item",{"sideNavItemId":[1,"side-nav-item-id"],"headingTitle":[1,"heading-title"],"navActive":[4,"nav-active"]}]]],["admiralty-side-nav-wrapper.cjs",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["admiralty-tab.cjs",[[6,"admiralty-tab",{"label":[1],"tabLabelId":[1,"tab-label-id"],"tabContentId":[1,"tab-content-id"]}]]],["admiralty-tab-group.cjs",[[6,"admiralty-tab-group",{"selectedIndex":[1026,"selected-index"]}]]],["admiralty-table.cjs",[[6,"admiralty-table",{"caption":[1]}]]],["admiralty-table-body.cjs",[[6,"admiralty-table-body"]]],["admiralty-table-cell.cjs",[[6,"admiralty-table-cell"]]],["admiralty-table-header.cjs",[[6,"admiralty-table-header"]]],["admiralty-table-header-cell.cjs",[[6,"admiralty-table-header-cell"]]],["admiralty-table-row.cjs",[[6,"admiralty-table-row"]]],["admiralty-type-ahead-item.cjs",[[2,"admiralty-type-ahead-item",{"value":[1]}]]],["admiralty-icon.cjs",[[1,"admiralty-icon",{"iconName":[1,"icon-name"],"iconPrefix":[1,"icon-prefix"]}]]],["admiralty-input.cjs",[[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.cjs",[[6,"admiralty-expansion",{"heading":[1],"expanded":[1540],"alignHeadingRight":[4,"align-heading-right"],"hideBorder":[4,"hide-border"]}]]],["admiralty-button.cjs",[[6,"admiralty-button",{"variant":[1],"icon":[1],"disabled":[4],"type":[1]}]]],["admiralty-hint_3.cjs",[[6,"admiralty-input-error"],[6,"admiralty-hint",{"disabled":[4]}],[6,"admiralty-label",{"disabled":[4],"for":[1]}]]]], options);
|
|
23
|
+
return index.bootstrapLazy([["admiralty-type-ahead.cjs",[[6,"admiralty-type-ahead",{"value":[1],"label":[1],"placeholder":[1],"resultsOnInitFocus":[4,"results-on-init-focus"],"filterResult":[32]}]]],["admiralty-select.cjs",[[2,"admiralty-select",{"disabled":[4],"error":[4],"errorHint":[1,"error-hint"],"hint":[1],"label":[1],"width":[2]}]]],["admiralty-textarea.cjs",[[2,"admiralty-textarea",{"label":[1],"text":[1],"hint":[1],"width":[2],"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"]}]]],["admiralty-colour-block.cjs",[[6,"admiralty-colour-block",{"width":[2],"height":[2],"heading":[1],"colour":[1],"clickAction":[16],"actionText":[1,"action-text"]}]]],["admiralty-filter.cjs",[[6,"admiralty-filter",{"filterTitle":[1,"filter-title"]}]]],["admiralty-filter-group.cjs",[[6,"admiralty-filter-group",{"groupTitle":[1,"group-title"]}]]],["admiralty-paginator.cjs",[[2,"admiralty-paginator",{"pages":[2],"currentPage":[2,"current-page"],"label":[1]}]]],["admiralty-breadcrumb.cjs",[[6,"admiralty-breadcrumb",{"active":[4],"first":[4],"href":[1]}]]],["admiralty-dialogue.cjs",[[6,"admiralty-dialogue",{"type":[1],"heading":[1]}]]],["admiralty-file-input.cjs",[[2,"admiralty-file-input",{"label":[1],"multiple":[4],"files":[32]}]]],["admiralty-header.cjs",[[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.cjs",[[2,"admiralty-progress-bar",{"label":[1],"progression":[2],"error":[4],"progressionValue":[32]}]]],["admiralty-read-more.cjs",[[6,"admiralty-read-more",{"heading":[1],"expanded":[32]}]]],["admiralty-breadcrumbs.cjs",[[6,"admiralty-breadcrumbs"]]],["admiralty-card.cjs",[[6,"admiralty-card",{"heading":[1]}]]],["admiralty-checkbox.cjs",[[2,"admiralty-checkbox",{"checkboxRight":[4,"checkbox-right"],"disabled":[4],"name":[1],"checked":[1028],"value":[8],"labelText":[1,"label-text"]}]]],["admiralty-footer.cjs",[[6,"admiralty-footer",{"imageLink":[1,"image-link"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"text":[1]}]]],["admiralty-header-menu-item.cjs",[[6,"admiralty-header-menu-item",{"menuTitle":[1,"menu-title"],"active":[4]}]]],["admiralty-header-profile.cjs",[[2,"admiralty-header-profile",{"isSignedIn":[4,"is-signed-in"],"signedInText":[1,"signed-in-text"],"displaySubmenu":[32]}]]],["admiralty-header-sub-menu-item.cjs",[[2,"admiralty-header-sub-menu-item",{"menuTitle":[1,"menu-title"]}]]],["admiralty-hr.cjs",[[2,"admiralty-hr"]]],["admiralty-link.cjs",[[6,"admiralty-link",{"href":[1],"newTab":[4,"new-tab"]}]]],["admiralty-paginator-wrapper.cjs",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["admiralty-phase-banner.cjs",[[2,"admiralty-phase-banner",{"phase":[1],"link":[1]}]]],["admiralty-radio.cjs",[[6,"admiralty-radio",{"name":[1],"value":[1025],"disabled":[4],"checked":[1028],"buttonTabindex":[32],"setButtonTabindex":[64]}]]],["admiralty-radio-group.cjs",[[6,"admiralty-radio-group",{"name":[1],"value":[1032],"displayVertical":[4,"display-vertical"]}]]],["admiralty-side-nav.cjs",[[6,"admiralty-side-nav",{"label":[1]}]]],["admiralty-side-nav-item.cjs",[[2,"admiralty-side-nav-item",{"sideNavItemId":[1,"side-nav-item-id"],"headingTitle":[1,"heading-title"],"navActive":[4,"nav-active"]}]]],["admiralty-side-nav-wrapper.cjs",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["admiralty-tab.cjs",[[6,"admiralty-tab",{"label":[1],"tabLabelId":[1,"tab-label-id"],"tabContentId":[1,"tab-content-id"]}]]],["admiralty-tab-group.cjs",[[6,"admiralty-tab-group",{"selectedIndex":[1026,"selected-index"]}]]],["admiralty-table.cjs",[[6,"admiralty-table",{"caption":[1]}]]],["admiralty-table-body.cjs",[[6,"admiralty-table-body"]]],["admiralty-table-cell.cjs",[[6,"admiralty-table-cell"]]],["admiralty-table-header.cjs",[[6,"admiralty-table-header"]]],["admiralty-table-header-cell.cjs",[[6,"admiralty-table-header-cell"]]],["admiralty-table-row.cjs",[[6,"admiralty-table-row"]]],["admiralty-type-ahead-item.cjs",[[2,"admiralty-type-ahead-item",{"value":[1]}]]],["admiralty-icon.cjs",[[1,"admiralty-icon",{"iconName":[1,"icon-name"],"iconPrefix":[1,"icon-prefix"]}]]],["admiralty-input.cjs",[[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.cjs",[[6,"admiralty-expansion",{"heading":[1],"expanded":[1540],"alignHeadingRight":[4,"align-heading-right"],"hideBorder":[4,"hide-border"]}]]],["admiralty-button.cjs",[[6,"admiralty-button",{"variant":[1],"icon":[1],"disabled":[4],"type":[1]}]]],["admiralty-hint_3.cjs",[[6,"admiralty-input-error"],[6,"admiralty-hint",{"disabled":[4]}],[6,"admiralty-label",{"disabled":[4],"for":[1]}]]]], options);
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
exports.setNonce = index.setNonce;
|
|
@@ -9471,6 +9471,8 @@ var icons = {
|
|
|
9471
9471
|
faLevelUpAlt: faLevelUpAlt
|
|
9472
9472
|
};
|
|
9473
9473
|
|
|
9474
|
+
exports.faArrowDown = faArrowDown;
|
|
9475
|
+
exports.faArrowRight = faArrowRight;
|
|
9474
9476
|
exports.faBars = faBars;
|
|
9475
9477
|
exports.faCheck = faCheck;
|
|
9476
9478
|
exports.faChevronDown = faChevronDown;
|
|
@@ -9483,4 +9485,4 @@ exports.faTimes = faTimes;
|
|
|
9483
9485
|
exports.faTriangleExclamation = faTriangleExclamation;
|
|
9484
9486
|
exports.icons = icons;
|
|
9485
9487
|
|
|
9486
|
-
//# sourceMappingURL=index-
|
|
9488
|
+
//# sourceMappingURL=index-b3a5ea37.js.map
|