@ukho/admiralty-core 0.0.0

package/dist/cjs/admiralty-side-nav.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-side-nav.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,gvBAAgvB;;MCOtvB,gBAAgB;;;;;EAO3B,MAAM;IACJ,QACEA,iBAAK,KAAK,EAAC,UAAU,gBAAa,IAAI,CAAC,KAAK,IAC1CA,qBAAa,CACT,EACN;GACH;;;;;;","names":["h"],"sources":["./src/components/side-nav/side-nav.scss?tag=admiralty-side-nav&encapsulation=scoped","./src/components/side-nav/side-nav.tsx"],"sourcesContent":["@use \"../../scss/base/responsive\";\r\n@use \"../../scss/vars/colours\";\r\n\r\nnav.side-nav {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-side-nav',\n  styleUrl: 'side-nav.scss',\n  scoped: true,\n})\nexport class SideNavComponent {\n  /**\n   * A label for accessibility purposes to describe what this Side Nav navigation is for\n   * e.g. Product Menu, Map Tool Menu etc.\n   */\n  @Prop() label: string;\n\n  render() {\n    return (\n      <nav class=\"side-nav\" aria-label={this.label}>\n        <slot></slot>\n      </nav>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/admiralty-table-body.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+const tableBodyCss = ".sc-admiralty-table-body-h{display:table-row-group}.sc-admiralty-table-body-s>:nth-child(odd){background-color:#ffffff}.sc-admiralty-table-body-s>:nth-child(even){background-color:#eef3f4}";
+
+const TableBody = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { role: "rowgroup" }, index.h("slot", null)));
+  }
+};
+TableBody.style = tableBodyCss;
+
+exports.admiralty_table_body = TableBody;
+
+//# sourceMappingURL=admiralty-table-body.cjs.entry.js.map

package/dist/cjs/admiralty-table-body.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-table-body.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,8LAA8L;;MCWtM,SAAS;;;;EACpB,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,UAAU,IACnBD,qBAAa,CACR,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/table-body/table-body.scss?tag=admiralty-table-body&encapsulation=scoped","./src/components/table-body/table-body.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n\r\n:host {\r\n  display: table-row-group;\r\n}\r\n\r\n::slotted(:nth-child(odd)) {\r\n  background-color: colours.$colour-table-row-bg;\r\n}\r\n\r\n::slotted(:nth-child(even)) {\r\n  background-color: colours.$colour-table-row-alt-bg;\r\n}\r\n\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table body element is a wrapper for a standard html table body and should be used to wrap rows\n * @slot - Table rows should be placed in the slot\n */\n@Component({\n  tag: 'admiralty-table-body',\n  styleUrl: 'table-body.scss',\n  scoped: true,\n})\nexport class TableBody {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/admiralty-table-cell.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+const tableCellCss = ".sc-admiralty-table-cell-h{display:table-cell;box-sizing:border-box;color:#09315b;font-size:18px;line-height:30px;padding:6px 20px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;font-weight:300}";
+
+const TableCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { role: "cell" }, index.h("slot", null)));
+  }
+};
+TableCell.style = tableCellCss;
+
+exports.admiralty_table_cell = TableCell;
+
+//# sourceMappingURL=admiralty-table-cell.cjs.entry.js.map

package/dist/cjs/admiralty-table-cell.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-table-cell.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,oNAAoN;;MCW5N,SAAS;;;;EACpB,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,MAAM,IACfD,qBAAa,CACR,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/table-cell/table-cell.scss?tag=admiralty-table-cell&encapsulation=scoped","./src/components/table-cell/table-cell.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n@use '../../scss/vars/typography';\r\n\r\n:host {\r\n  display: table-cell;\r\n  box-sizing: border-box;\r\n  color: colours.$colour-admiralty-blue;\r\n  font-size: 18px;\r\n  line-height: 30px;\r\n  padding: 6px 20px;\r\n  border-right: 1px solid colours.$colour-divider;\r\n  border-bottom: 1px solid colours.$colour-divider;\r\n  font-weight: typography.$font-weight-light;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table cell is a wrapper for a standard <td> element and should be used inside of table rows\n * @slot - The content you wish to display in the table\n */\n@Component({\n  tag: 'admiralty-table-cell',\n  styleUrl: 'table-cell.scss',\n  scoped: true,\n})\nexport class TableCell {\n  render() {\n    return (\n      <Host role=\"cell\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/admiralty-table-header-cell.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+const tableHeaderCellCss = ".sc-admiralty-table-header-cell-h{display:table-cell;color:#09315b;font-size:18px;line-height:30px;padding:6px 20px;text-align:left;font-weight:normal;border-bottom:5px solid #09315b}";
+
+const TableHeaderCell = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { role: "columnheader" }, index.h("slot", null)));
+  }
+};
+TableHeaderCell.style = tableHeaderCellCss;
+
+exports.admiralty_table_header_cell = TableHeaderCell;
+
+//# sourceMappingURL=admiralty-table-header-cell.cjs.entry.js.map

package/dist/cjs/admiralty-table-header-cell.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-table-header-cell.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,yLAAyL;;MCWvM,eAAe;;;;EAC1B,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,cAAc,IACvBD,qBAAa,CACR,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/table-header-cell/table-header-cell.scss?tag=admiralty-table-header-cell&encapsulation=scoped","./src/components/table-header-cell/table-header-cell.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n@use '../../scss/vars/typography';\r\n\r\n:host {\r\n  display: table-cell;\r\n  color: colours.$colour-admiralty-blue;\r\n  font-size: 18px;\r\n  line-height: 30px;\r\n  padding: 6px 20px;\r\n  text-align: left;\r\n  font-weight: typography.$font-weight-medium;\r\n  border-bottom: 5px solid colours.$colour-admiralty-blue;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table header cell element is used for showing headings for the columns\n * @slot - The content you wish to show as part of the header\n */\n@Component({\n  tag: 'admiralty-table-header-cell',\n  styleUrl: 'table-header-cell.scss',\n  scoped: true,\n})\nexport class TableHeaderCell {\n  render() {\n    return (\n      <Host role=\"columnheader\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/admiralty-table-header.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+const tableHeaderCss = ".sc-admiralty-table-header-h{display:table-header-group}";
+
+const TableHeader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { role: "rowgroup" }, index.h("slot", null)));
+  }
+};
+TableHeader.style = tableHeaderCss;
+
+exports.admiralty_table_header = TableHeader;
+
+//# sourceMappingURL=admiralty-table-header.cjs.entry.js.map

package/dist/cjs/admiralty-table-header.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-table-header.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,0DAA0D;;MCWpE,WAAW;;;;EACtB,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,UAAU,IACnBD,qBAAa,CACR,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/table-header/table-header.scss?tag=admiralty-table-header&encapsulation=scoped","./src/components/table-header/table-header.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n\r\n:host {\r\n  display: table-header-group;\r\n}\r\n\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table header should be used inside a table element to give headers to all the columns\n * @slot - Table header cells should be placed in the slot\n */\n@Component({\n  tag: 'admiralty-table-header',\n  styleUrl: 'table-header.scss',\n  scoped: true,\n})\nexport class TableHeader {\n  render() {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/admiralty-table-row.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+const tableRowCss = ".sc-admiralty-table-row-h{display:table-row}";
+
+const TableRow = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { role: "row" }, index.h("slot", null)));
+  }
+};
+TableRow.style = tableRowCss;
+
+exports.admiralty_table_row = TableRow;
+
+//# sourceMappingURL=admiralty-table-row.cjs.entry.js.map

package/dist/cjs/admiralty-table-row.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-table-row.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,8CAA8C;;MCWrD,QAAQ;;;;EACnB,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,KAAK,IACdD,qBAAa,CACR,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/table-row/table-row.scss?tag=admiralty-table-row&encapsulation=scoped","./src/components/table-row/table-row.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n\r\n:host {\r\n  display: table-row;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table row element should be used to define rows within the table body\n * @slot - Table cells should be placed inside the slot\n */\n@Component({\n  tag: 'admiralty-table-row',\n  styleUrl: 'table-row.scss',\n  scoped: true,\n})\nexport class TableRow {\n  render() {\n    return (\n      <Host role=\"row\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/admiralty-table.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+const tableCss = ".sc-admiralty-table-h{display:table}caption.sc-admiralty-table{font-family:\"JohnstonITC\", Helvetica, sans-serif;font-size:30px;font-weight:normal;color:#09315b;margin-bottom:30px;text-align:left}";
+
+const Table = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.caption = undefined;
+  }
+  render() {
+    return (index.h(index.Host, { role: "table" }, this.caption && index.h("caption", null, this.caption), index.h("slot", null)));
+  }
+};
+Table.style = tableCss;
+
+exports.admiralty_table = Table;
+
+//# sourceMappingURL=admiralty-table.cjs.entry.js.map

package/dist/cjs/admiralty-table.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-table.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,QAAQ,GAAG,uMAAuM;;MCW3M,KAAK;;;;;EAGhB,MAAM;IACJ,QACEA,QAACC,UAAI,IAAC,IAAI,EAAC,OAAO,IACf,IAAI,CAAC,OAAO,IAAID,yBAAU,IAAI,CAAC,OAAO,CAAW,EAClDA,qBAAa,CACR,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/table/table.scss?tag=admiralty-table&encapsulation=scoped","./src/components/table/table.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n@use '../../scss/vars/typography';\r\n\r\n\r\n:host{\r\n  display: table;\r\n}\r\n\r\ncaption {\r\n  font-family: typography.$font-family;\r\n  font-size: 30px;\r\n  font-weight: typography.$font-weight-medium;\r\n  color: colours.$colour-admiralty-blue;\r\n  margin-bottom: 30px;\r\n  text-align: left;\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n/**\n * Use tables to make information easier for users to scan and compare\n * @slot - Table elements should be placed in the slot\n */\n@Component({\n  tag: 'admiralty-table',\n  styleUrl: 'table.scss',\n  scoped: true,\n})\nexport class Table {\n  @Prop() caption: string;\n\n  render() {\n    return (\n      <Host role=\"table\">\n        {this.caption && <caption>{this.caption}</caption>}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/admiralty-textarea.cjs.entry.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+const textareaCss = "@charset \"UTF-8\";@media (max-width: 1023px){.desktop-only{display:none}}@media (min-width: 1024px){.not-desktop{display:none}}@media (min-width: 1024px){.tablet-only{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop{display:none}}@media (min-width: 1024px){.phone-or-tablet{display:none}}@media (min-width: 1024px){.phone-only{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only{display:none}}*{font-family:\"JohnstonITC\", Helvetica, sans-serif;font-size:18px;line-height:24px;font-weight:300;color:#333333}@media (max-width: 1023px){*{font-size:16px}}a{color:#09315b}a:focus{outline:3px solid #ffdd00;outline-offset:1px}h1{font-family:\"JohnstonITC\", Helvetica, sans-serif;color:#09315b;font-weight:normal;font-size:48px;line-height:60px;margin:0 0 30px 0}@media (max-width: 1023px){h1{font-size:46px;line-height:54px}}h2{font-family:\"JohnstonITC\", Helvetica, sans-serif;color:#09315b;font-weight:normal;font-size:36px;line-height:48px;margin-bottom:18px}@media (max-width: 1023px){h2{font-size:34px;line-height:42px}}h3,h4,h5{font-family:\"JohnstonITC\", Helvetica, sans-serif;color:#09315b;font-weight:normal;font-size:21px;line-height:30px;margin-bottom:12px}@media (max-width: 1023px){h3,h4,h5{font-size:20px;line-height:30px}}h6{font-family:\"JohnstonITC\", Helvetica, sans-serif;color:#09315b;font-weight:normal;font-size:18px;line-height:24px;margin-bottom:12px}@media (max-width: 1023px){h6{font-size:16px}}p{font-family:\"JohnstonITC\", Helvetica, sans-serif;margin-bottom:30px}.intro{font-family:\"JohnstonITC\", Helvetica, sans-serif;font-size:28px;line-height:36px;margin-bottom:30px}@media (max-width: 1023px){.intro{font-size:26px}}.small{font-family:\"JohnstonITC\", Helvetica, sans-serif;font-size:16px}@media (max-width: 1023px){.small{font-size:14px;line-height:22px}}blockquote{font-family:\"JohnstonITC\", Helvetica, sans-serif;line-height:30px;width:100%;padding:24px 18px;border-left:5px solid #09315b;margin-bottom:30px;background:#eeeeee}@media (max-width: 1023px){blockquote{line-height:24px}}ul{font-family:\"JohnstonITC\", Helvetica, sans-serif;list-style:none}ul a{font-weight:300}ul li{margin-bottom:12px}ul li:before{content:\"■\";font-size:18px;color:#09315b;vertical-align:text-bottom;margin-right:12px}@media (max-width: 1023px){ul li:before{font-size:8px}}ol{font-family:\"JohnstonITC\", Helvetica, sans-serif;list-style:none;counter-reset:li}ol a{font-weight:300}ol li:before{content:counter(li) \".\";color:#03284f;font-size:18px;margin-right:12px}ol li{counter-increment:li;margin-bottom:12px}.white-text *{color:#ffffff}.text-area-container textarea{display:block;position:relative;width:100%;min-height:170px;border:2px solid #333333;color:#333333;padding:12px 18px;outline:none;resize:vertical;overflow:auto;box-sizing:border-box;vertical-align:top;background-color:#ffffff}.text-area-container textarea:focus-visible{outline:3px solid #ffdd00;box-shadow:#333333 inset 0 0 0 2px}.text-area-container textarea.invalid{border-color:#e20d0d}.text-area-container textarea.invalid:focus-visible{border-color:unset;outline:3px solid #ffdd00}.text-area-container textarea.disabled{color:#adadad;border-color:#adadad;background:#ffffff}";
+
+let textareaIds = 0;
+const TextareaComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.textareaBlur = index.createEvent(this, "textareaBlur", 7);
+    this.textareaChanged = index.createEvent(this, "textareaChanged", 7);
+    this.inputId = `admiralty-textarea-${textareaIds++}`;
+    this.onBlur = () => {
+      this.textareaBlur.emit();
+    };
+    this.onChange = (_ev) => {
+      this.textareaChanged.emit(this.text);
+    };
+    this.label = '';
+    this.text = '';
+    this.hint = undefined;
+    this.width = undefined;
+    this.disabled = false;
+    this.invalid = false;
+    this.invalidMessage = undefined;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "text-area-container" }, this.label ? (index.h("admiralty-label", { for: this.inputId, disabled: this.disabled }, this.label)) : null, this.hint ? index.h("admiralty-hint", { disabled: this.disabled }, this.hint) : null, index.h("textarea", { class: { disabled: this.disabled, invalid: this.invalid }, style: this.width ? { maxWidth: `${this.width}px` } : {}, id: this.inputId, onChange: this.onChange, onBlur: this.onBlur }, this.text), this.invalid ? index.h("admiralty-input-error", null, this.invalidMessage) : null)));
+  }
+};
+TextareaComponent.style = textareaCss;
+
+exports.admiralty_textarea = TextareaComponent;
+
+//# sourceMappingURL=admiralty-textarea.cjs.entry.js.map

package/dist/cjs/admiralty-textarea.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-textarea.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,yuGAAyuG;;ACE7vG,IAAI,WAAW,GAAG,CAAC,CAAC;MAOP,iBAAiB;;;;;IACpB,YAAO,GAAG,sBAAsB,WAAW,EAAE,EAAE,CAAC;IAiDhD,WAAM,GAAG;MACf,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;KAC1B,CAAC;IAEM,aAAQ,GAAG,CAAC,GAAQ;MAC1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACtC,CAAC;iBAlDsB,EAAE;gBAKH,EAAE;;;oBAeG,KAAK;mBAKN,KAAK;;;EA0BhC,MAAM;IACJ,QACEA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,KAAK,IACTA,6BAAiB,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACxD,IAAI,CAAC,KAAK,CACK,IAChB,IAAI,EACP,IAAI,CAAC,IAAI,GAAGA,4BAAgB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,IAAI,CAAkB,GAAG,IAAI,EACzFA,sBACE,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EACzD,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,GAAG,EAAE,EACxD,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,IAElB,IAAI,CAAC,IAAI,CACD,EACV,IAAI,CAAC,OAAO,GAAGA,uCAAwB,IAAI,CAAC,cAAc,CAAyB,GAAG,IAAI,CACvF,CACD,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/textarea/textarea.scss?tag=admiralty-textarea&encapsulation=shadow","./src/components/textarea/textarea.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\r\n@use \"../../scss/base/responsive\";\r\n@use \"../../scss/base/typography\";\r\n@use \"../../scss/vars/typography\" as typography-vars;\r\n\r\n\r\n.text-area-container {\r\n  textarea {\r\n    display: block;\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 170px;\r\n    border: 2px solid colours.$colour-text;\r\n    color: colours.$colour-text;\r\n    padding: 12px 18px;\r\n    outline: none;\r\n    resize: vertical;\r\n    overflow: auto;\r\n    box-sizing: border-box;\r\n    vertical-align: top;\r\n\r\n    background-color: colours.$colour-white;\r\n\r\n    &:focus-visible {\r\n      outline: 3px solid colours.$colour-utility-focus;\r\n      box-shadow: colours.$colour-text inset 0 0 0 2px;\r\n    }\r\n\r\n    &.invalid {\r\n      border-color: colours.$colour-utility-error;\r\n\r\n      &:focus-visible {\r\n        border-color: unset;\r\n        outline: 3px solid colours.$colour-utility-focus;\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      color: colours.$colour-textinput-text-disabled;\r\n      border-color: colours.$colour-textinput-border-disabled;\r\n      background: colours.$colour-white;\r\n    }\r\n  }\r\n}\r\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\nlet textareaIds = 0;\n\n@Component({\n  tag: 'admiralty-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n})\nexport class TextareaComponent {\n  private inputId = `admiralty-textarea-${textareaIds++}`;\n\n  /**\n   * The label which will be used as a placeholder in the unfilled state, and as a field label in the filled state.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The contents of the textarea\n   */\n  @Prop() text: string = '';\n\n  /**\n   * The hint which will be used under the label to describe the input.\n   */\n  @Prop() hint: string;\n\n  /**\n   * The maximum width for the input field.\n   */\n  @Prop() width?: number;\n\n  /**\n   * This dictates whether the form field is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether to show the input in an invalid state\n   */\n  @Prop() invalid: boolean = false;\n\n  /**\n   * The message to show when the input is invalid\n   */\n  @Prop() invalidMessage: string;\n\n  /**\n   * Event is fired when the form control loses focus\n   * @event textareaBlur\n   */\n  @Event({ eventName: 'textareaBlur' }) textareaBlur: EventEmitter<any>;\n\n  /**\n   * Event is fired when the form control changes\n   * @event textareaChanged\n   */\n  @Event({ eventName: 'textareaChanged' }) textareaChanged: EventEmitter<string>;\n\n  private onBlur = () => {\n    this.textareaBlur.emit();\n  };\n\n  private onChange = (_ev: any) => {\n    this.textareaChanged.emit(this.text);\n  };\n  render() {\n    return (\n      <Host>\n        <div class=\"text-area-container\">\n          {this.label ? (\n            <admiralty-label for={this.inputId} disabled={this.disabled}>\n              {this.label}\n            </admiralty-label>\n          ) : null}\n          {this.hint ? <admiralty-hint disabled={this.disabled}>{this.hint}</admiralty-hint> : null}\n          <textarea\n            class={{ disabled: this.disabled, invalid: this.invalid }}\n            style={this.width ? { maxWidth: `${this.width}px` } : {}}\n            id={this.inputId}\n            onChange={this.onChange}\n            onBlur={this.onBlur}\n          >\n            {this.text}\n          </textarea>\n          {this.invalid ? <admiralty-input-error>{this.invalidMessage}</admiralty-input-error> : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/admiralty-type-ahead-item.cjs.entry.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+const typeAheadItemCss = ".sc-admiralty-type-ahead-item-h{display:block}";
+
+const AdmiraltyTypeAheadItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.value = undefined;
+  }
+  render() {
+    return index.h(index.Host, null);
+  }
+};
+AdmiraltyTypeAheadItem.style = typeAheadItemCss;
+
+exports.admiralty_type_ahead_item = AdmiraltyTypeAheadItem;
+
+//# sourceMappingURL=admiralty-type-ahead-item.cjs.entry.js.map

package/dist/cjs/admiralty-type-ahead-item.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-type-ahead-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,gDAAgD;;MCO5D,sBAAsB;;;;;EAGjC,MAAM;IACJ,OAAOA,QAACC,UAAI,OAAQ,CAAC;GACtB;;;;;;","names":["h","Host"],"sources":["./src/components/type-ahead-item/type-ahead-item.scss?tag=admiralty-type-ahead-item&encapsulation=scoped","./src/components/type-ahead-item/type-ahead-item.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-type-ahead-item',\n  styleUrl: 'type-ahead-item.scss',\n  scoped: true,\n})\nexport class AdmiraltyTypeAheadItem {\n  @Prop() value!: string;\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"version":3}

package/dist/cjs/admiralty-type-ahead.cjs.entry.js

@@ -0,0 +1,185 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+const typeAheadCss = ".visually-hidden{position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}*{margin:0px;padding:0px}.text-input-wrap{height:auto !important}.filterTextInput{width:100%}.typeahead-list-container{left:0px;background-color:#ffffff;width:100%;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);border:2px solid #333333;border-top:none;box-sizing:border-box;max-height:205px;overflow-y:auto;z-index:1}.typeahead-list-container .typeahead-list{list-style:none}.typeahead-list-container .typeahead-list li{cursor:pointer;transform:unset !important;padding:6px;min-height:24px}.typeahead-list-container .typeahead-list li:before{content:none}.typeahead-list-container .typeahead-list li.highlighted{background-color:#09315b;color:#ffffff}";
+
+const TypeAheadComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.selectionChanged = index.createEvent(this, "selectionChanged", 7);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
+    this._id = `admiralty-typeahead-${++id}`;
+    this.hintId = `${this._id}-assistive-hint`;
+    this.listId = `${this._id}-list`;
+    this.filterList = [];
+    this.selectedItemIndex = -1;
+    this.isFocused = false;
+    this.isSilenced = false;
+    this.isAlternateStatusSection = false;
+    this.originalSearch = '';
+    this.hasBeenFocusedAtLeastOnce = false;
+    this.filterResult = new Array();
+    this.value = undefined;
+    this.label = undefined;
+    this.placeholder = undefined;
+    this.resultsOnInitFocus = false;
+  }
+  get inputValue() {
+    return this.inputControl.value.toString();
+  }
+  set inputValue(value) {
+    this.inputControl.value = value;
+  }
+  connectedCallback() {
+    const slotItems = this.el.querySelectorAll('admiralty-type-ahead-item');
+    slotItems.forEach(el => {
+      this.filterList.push(el.getAttribute('value'));
+    });
+  }
+  componentDidLoad() {
+    if (this.value) {
+      this.inputValue = this.value;
+    }
+  }
+  handleFocusIn() {
+    if (this.resultsOnInitFocus && !this.hasBeenFocusedAtLeastOnce) {
+      this.performFilter('');
+      this.hasBeenFocusedAtLeastOnce = true;
+    }
+    this.isFocused = true;
+    this.isSilenced = false;
+  }
+  handleFocusOut() {
+    this.isFocused = false;
+    this.statusText = null;
+    this.isSilenced = true;
+  }
+  textChanged(value) {
+    this.originalSearch = value;
+    this.performFilter(value);
+    this.isSilenced = false;
+    this.valueChanged.emit(value);
+  }
+  handleKeyPressed(event) {
+    event.stopImmediatePropagation();
+    if (event.key === Keys.UP_ARROW || event.key === Keys.DOWN_ARROW) {
+      this.navigateSuggestions(event.key);
+      this.updateScroll();
+    }
+    else if (event.key !== Keys.ENTER) {
+      this.textChanged(this.inputValue);
+      this.selectCurrentItem();
+    }
+  }
+  handleKeyDown(event) {
+    event.stopImmediatePropagation();
+    if (event.key === Keys.TAB || event.key === Keys.ENTER) {
+      this.selectCurrentItem();
+    }
+  }
+  handleItemSelected(value) {
+    this.inputValue = value;
+    this.textChanged(value);
+    this.filterResult = new Array();
+    this.selectionChanged.emit(value);
+  }
+  performFilter(value) {
+    const filter = (filterList, text) => {
+      const filterResult = filterList.filter(value => {
+        return text === null || text.length < 1 || value.toLowerCase().indexOf(text.toLowerCase()) > -1;
+      });
+      return filterResult;
+    };
+    this.filterResult = filter(this.filterList, value);
+    this.selectedItemIndex = -1;
+  }
+  addHighlight() {
+    if (this.selectedItemIndex > -1) {
+      const listItem = this.el.shadowRoot.querySelector(`#${this.getListItemId(this.selectedItemIndex)}`);
+      listItem.classList.add('highlighted');
+    }
+  }
+  removeHighlight(i) {
+    if (i > -1) {
+      const listItem = this.el.shadowRoot.querySelector(`#${this.getListItemId(i)}`);
+      listItem.classList.remove('highlighted');
+    }
+  }
+  selectCurrentItem() {
+    if (this.selectedItemIndex >= 0) {
+      const selectedItemText = this.filterResult[this.selectedItemIndex];
+      this.handleItemSelected(selectedItemText);
+    }
+  }
+  handleItemHovered(index) {
+    this.removeHighlight(this.selectedItemIndex);
+    this.selectedItemIndex = index;
+    this.addHighlight();
+  }
+  handleComponentFocusOut() {
+    var _a;
+    // Ensure dropdown closed on clicking or tabbing away from this component
+    if (((_a = this.filterResult) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      this.filterResult = new Array();
+      this.hasBeenFocusedAtLeastOnce = false;
+    }
+  }
+  /**
+   * Check if the selected option is in view, and scroll if not
+   */
+  updateScroll() {
+    const container = this.listContainer;
+    const ul = container.querySelector('ul');
+    const selectedItem = Array.from(ul.childNodes).find((item) => item.ariaPosInSet === `${this.selectedItemIndex + 1}`);
+    if (container && selectedItem && container.scrollHeight + container.clientHeight) {
+      selectedItem.scrollIntoView();
+    }
+  }
+  navigateSuggestions(key) {
+    if (key === Keys.UP_ARROW) {
+      this.removeHighlight(this.selectedItemIndex);
+      this.selectedItemIndex--;
+      if (this.selectedItemIndex === -2) {
+        this.selectedItemIndex = this.filterResult.length - 1;
+      }
+    }
+    if (key === Keys.DOWN_ARROW) {
+      this.removeHighlight(this.selectedItemIndex);
+      this.selectedItemIndex++;
+      if (this.selectedItemIndex > this.filterResult.length - 1) {
+        this.selectedItemIndex = -1;
+      }
+    }
+    if (this.selectedItemIndex === -1) {
+      this.inputValue = this.originalSearch;
+    }
+    else {
+      const value = this.filterResult[this.selectedItemIndex];
+      this.inputValue = value;
+      this.addHighlight();
+    }
+  }
+  getListItemId(i) {
+    return `${this.listId}-item-${i}`;
+  }
+  render() {
+    return (index.h(index.Host, { onFocusout: _ev => this.handleComponentFocusOut() }, index.h("div", { class: "visually-hidden" }, index.h("div", { class: "results-status-a", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !this.isSilenced && this.isAlternateStatusSection ? this.statusText : ''), index.h("div", { class: "results-status-b", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !this.isSilenced && !this.isAlternateStatusSection ? this.statusText : '')), index.h("admiralty-input", { type: "text", ref: el => (this.inputControl = el), label: this.label, placeholder: this.placeholder, class: "filterTextInput", onKeyUp: ev => this.handleKeyPressed(ev), onKeyDown: ev => this.handleKeyDown(ev), onFocusin: _ev => this.handleFocusIn(), onFocusout: _ev => this.handleFocusOut(), "aria-expanded": this.isFocused && this.filterResult.length > 0 }), index.h("span", { id: this.hintId, class: "visually-hidden" }, "When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures."), this.filterResult.length > 0 ? (index.h("div", { class: "typeahead-list-container", ref: el => (this.listContainer = el) }, index.h("ul", { class: "typeahead-list", id: this.listId, role: "listbox" }, this.filterResult.map((item, i) => (index.h("li", { id: this.getListItemId(i), onMouseDown: _ev => this.handleItemSelected(item), onMouseOver: _ev => this.handleItemHovered(i), "aria-selected": i === this.selectedItemIndex, role: "option", tabindex: "-1", "aria-posinset": i + 1, "aria-setsize": this.filterResult.length }, item)))))) : null, index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+};
+var Keys;
+(function (Keys) {
+  Keys["UP_ARROW"] = "ArrowUp";
+  Keys["DOWN_ARROW"] = "ArrowDown";
+  Keys["ENTER"] = "Enter";
+  Keys["TAB"] = "Tab";
+})(Keys || (Keys = {}));
+let id = 0;
+TypeAheadComponent.style = typeAheadCss;
+
+exports.admiralty_type_ahead = TypeAheadComponent;
+
+//# sourceMappingURL=admiralty-type-ahead.cjs.entry.js.map

package/dist/cjs/admiralty-type-ahead.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"admiralty-type-ahead.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["./src/components/type-ahead/type-ahead.scss?tag=admiralty-type-ahead&encapsulation=shadow","./src/components/type-ahead/type-ahead.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\r\n@use \"../../scss/base/a11y\";\r\n@use \"../../scss/vars/typography\";\r\n\r\n* {\r\n  margin: 0px;\r\n  padding: 0px;\r\n}\r\n\r\n.text-input-wrap {\r\n  height: auto !important;\r\n}\r\n\r\n.filterTextInput {\r\n  width: 100%;\r\n}\r\n\r\n.typeahead-list-container {\r\n  left: 0px;\r\n  background-color: colours.$colour-white;\r\n  width: 100%;\r\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n  border: 2px solid colours.$colour-text;\r\n  border-top: none;\r\n  box-sizing: border-box;\r\n  max-height: 205px;\r\n  overflow-y: auto;\r\n  z-index: 1;\r\n\r\n  .typeahead-list {\r\n    list-style: none;\r\n\r\n    li {\r\n      cursor: pointer;\r\n      transform: unset !important;\r\n      padding: 6px;\r\n      min-height: 24px;\r\n    }\r\n\r\n    li:before {\r\n      content: none;\r\n    }\r\n\r\n    li.highlighted {\r\n      background-color: colours.$colour-admiralty-blue;\r\n      color: colours.$colour-white;\r\n    }\r\n  }\r\n}\r\n\r\n","import { Component, EventEmitter, Host, Prop, Event, h, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-type-ahead',\n  styleUrl: 'type-ahead.scss',\n  shadow: true,\n})\nexport class TypeAheadComponent {\n  private _id = `admiralty-typeahead-${++id}`;\n\n  hintId = `${this._id}-assistive-hint`;\n  listId = `${this._id}-list`;\n\n  @Element() el: HTMLElement;\n\n  listContainer!: HTMLDivElement;\n  inputControl!: HTMLAdmiraltyInputElement;\n\n  @State() filterResult: string[] = new Array<string>();\n\n  filterList: Array<string> = [];\n\n  selectedItemIndex = -1;\n  isFocused = false;\n\n  isSilenced = false;\n  isAlternateStatusSection = false;\n  statusText: string;\n\n  private originalSearch = '';\n  private hasBeenFocusedAtLeastOnce = false;\n\n  private get inputValue() {\n    return this.inputControl.value.toString();\n  }\n\n  private set inputValue(value: string) {\n    this.inputControl.value = value;\n  }\n\n  /**\n   * The value of the textinput\n   */\n  @Prop() value: string;\n\n  /**\n   * The text content of the label for the input box\n   */\n  @Prop() label: string;\n\n  /**\n   * The placeholder text for the input field\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * Optional property to show results when input box is initally focused\n   */\n  @Prop() resultsOnInitFocus: boolean = false;\n\n  /**\n   * Optional function that will be executed when the user selects an item from the typeahead\n   */\n  @Event() selectionChanged: EventEmitter<string>;\n\n  /**\n   * Event that is fired whenever the value of the typeahead changes\n   * e.g. selection from the dropdown or manually typed entry\n   */\n  @Event() valueChanged: EventEmitter<string>;\n\n  connectedCallback() {\n    const slotItems = this.el.querySelectorAll('admiralty-type-ahead-item');\n    slotItems.forEach(el => {\n      this.filterList.push(el.getAttribute('value'));\n    });\n  }\n\n  componentDidLoad() {\n    if (this.value) {\n      this.inputValue = this.value;\n    }\n  }\n\n  handleFocusIn() {\n    if (this.resultsOnInitFocus && !this.hasBeenFocusedAtLeastOnce) {\n      this.performFilter('');\n      this.hasBeenFocusedAtLeastOnce = true;\n    }\n\n    this.isFocused = true;\n    this.isSilenced = false;\n  }\n\n  handleFocusOut() {\n    this.isFocused = false;\n    this.statusText = null;\n    this.isSilenced = true;\n  }\n\n  private textChanged(value: string): void {\n    this.originalSearch = value;\n    this.performFilter(value);\n    this.isSilenced = false;\n    this.valueChanged.emit(value);\n  }\n\n  handleKeyPressed(event: KeyboardEvent): void {\n    event.stopImmediatePropagation();\n\n    if (event.key === Keys.UP_ARROW || event.key === Keys.DOWN_ARROW) {\n      this.navigateSuggestions(event.key);\n      this.updateScroll();\n    } else if (event.key !== Keys.ENTER) {\n      this.textChanged(this.inputValue);\n      this.selectCurrentItem();\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent): void {\n    event.stopImmediatePropagation();\n\n    if (event.key === Keys.TAB || event.key === Keys.ENTER) {\n      this.selectCurrentItem();\n    }\n  }\n\n  handleItemSelected(value: string): void {\n    this.inputValue = value;\n    this.textChanged(value);\n    this.filterResult = new Array<string>();\n    this.selectionChanged.emit(value);\n  }\n\n  private performFilter(value: string) {\n    const filter = (filterList: string[], text: string) => {\n      const filterResult = filterList.filter(value => {\n        return text === null || text.length < 1 || value.toLowerCase().indexOf(text.toLowerCase()) > -1;\n      });\n      return filterResult;\n    };\n\n    this.filterResult = filter(this.filterList, value);\n\n    this.selectedItemIndex = -1;\n  }\n\n  private addHighlight() {\n    if (this.selectedItemIndex > -1) {\n      const listItem = this.el.shadowRoot.querySelector(`#${this.getListItemId(this.selectedItemIndex)}`);\n      listItem.classList.add('highlighted');\n    }\n  }\n\n  private removeHighlight(i: number) {\n    if (i > -1) {\n      const listItem = this.el.shadowRoot.querySelector(`#${this.getListItemId(i)}`);\n      listItem.classList.remove('highlighted');\n    }\n  }\n\n  private selectCurrentItem(): void {\n    if (this.selectedItemIndex >= 0) {\n      const selectedItemText = this.filterResult[this.selectedItemIndex];\n      this.handleItemSelected(selectedItemText);\n    }\n  }\n\n  handleItemHovered(index: number): void {\n    this.removeHighlight(this.selectedItemIndex);\n    this.selectedItemIndex = index;\n    this.addHighlight();\n  }\n\n  handleComponentFocusOut() {\n    // Ensure dropdown closed on clicking or tabbing away from this component\n    if (this.filterResult?.length > 0) {\n      this.filterResult = new Array<string>();\n      this.hasBeenFocusedAtLeastOnce = false;\n    }\n  }\n\n  /**\n   * Check if the selected option is in view, and scroll if not\n   */\n  private updateScroll() {\n    const container = this.listContainer;\n\n    const ul = container.querySelector('ul');\n    const selectedItem: any = Array.from(ul.childNodes).find((item: any) => item.ariaPosInSet === `${this.selectedItemIndex + 1}`);\n\n    if (container && selectedItem && container.scrollHeight + container.clientHeight) {\n      selectedItem.scrollIntoView();\n    }\n  }\n\n  private navigateSuggestions(key: Keys) {\n    if (key === Keys.UP_ARROW) {\n      this.removeHighlight(this.selectedItemIndex);\n      this.selectedItemIndex--;\n      if (this.selectedItemIndex === -2) {\n        this.selectedItemIndex = this.filterResult.length - 1;\n      }\n    }\n    if (key === Keys.DOWN_ARROW) {\n      this.removeHighlight(this.selectedItemIndex);\n      this.selectedItemIndex++;\n      if (this.selectedItemIndex > this.filterResult.length - 1) {\n        this.selectedItemIndex = -1;\n      }\n    }\n    if (this.selectedItemIndex === -1) {\n      this.inputValue = this.originalSearch;\n    } else {\n      const value = this.filterResult[this.selectedItemIndex];\n\n      this.inputValue = value;\n\n      this.addHighlight();\n    }\n  }\n\n  private getListItemId(i: number) {\n    return `${this.listId}-item-${i}`;\n  }\n\n  render() {\n    return (\n      <Host onFocusout={_ev => this.handleComponentFocusOut()}>\n        <div class=\"visually-hidden\">\n          <div class=\"results-status-a\" role=\"status\" aria-atomic=\"true\" aria-live=\"polite\">\n            {!this.isSilenced && this.isAlternateStatusSection ? this.statusText : ''}\n          </div>\n          <div class=\"results-status-b\" role=\"status\" aria-atomic=\"true\" aria-live=\"polite\">\n            {!this.isSilenced && !this.isAlternateStatusSection ? this.statusText : ''}\n          </div>\n        </div>\n        <admiralty-input\n          type=\"text\"\n          ref={el => (this.inputControl = el)}\n          label={this.label}\n          placeholder={this.placeholder}\n          class=\"filterTextInput\"\n          onKeyUp={ev => this.handleKeyPressed(ev)}\n          onKeyDown={ev => this.handleKeyDown(ev)}\n          onFocusin={_ev => this.handleFocusIn()}\n          onFocusout={_ev => this.handleFocusOut()}\n          aria-expanded={this.isFocused && this.filterResult.length > 0}\n        ></admiralty-input>\n\n        <span id={this.hintId} class=\"visually-hidden\">\n          When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.\n        </span>\n        {this.filterResult.length > 0 ? (\n          <div class=\"typeahead-list-container\" ref={el => (this.listContainer = el)}>\n            <ul class=\"typeahead-list\" id={this.listId} role=\"listbox\">\n              {this.filterResult.map((item, i) => (\n                <li\n                  id={this.getListItemId(i)}\n                  onMouseDown={_ev => this.handleItemSelected(item)}\n                  onMouseOver={_ev => this.handleItemHovered(i)}\n                  aria-selected={i === this.selectedItemIndex}\n                  role=\"option\"\n                  tabindex=\"-1\"\n                  aria-posinset={i + 1}\n                  aria-setsize={this.filterResult.length}\n                >\n                  {item}\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : null}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n\nenum Keys {\n  UP_ARROW = 'ArrowUp',\n  DOWN_ARROW = 'ArrowDown',\n  ENTER = 'Enter',\n  TAB = 'Tab',\n}\n\nlet id = 0;\n"],"version":3}

package/dist/cjs/admiralty.cjs.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-9db1e550.js');
+
+/*
+ Stencil Client Patch Browser v3.2.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('admiralty.cjs.js', document.baseURI).href));
+    const opts = {};
+    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+        // TODO(STENCIL-661): Remove code related to the dynamic import shim
+        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["admiralty-type-ahead.cjs",[[1,"admiralty-type-ahead",{"value":[1],"label":[1],"placeholder":[1],"resultsOnInitFocus":[4,"results-on-init-focus"],"filterResult":[32]}]]],["admiralty-select.cjs",[[1,"admiralty-select",{"disabled":[4],"error":[4],"errorHint":[1,"error-hint"],"hint":[1],"label":[1],"width":[2]}]]],["admiralty-textarea.cjs",[[1,"admiralty-textarea",{"label":[1],"text":[1],"hint":[1],"width":[2],"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"]}]]],["admiralty-colour-block.cjs",[[4,"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",[[0,"admiralty-paginator",{"pages":[2],"currentPage":[2,"current-page"],"label":[1]}]]],["admiralty-breadcrumb.cjs",[[1,"admiralty-breadcrumb",{"active":[4],"first":[4],"href":[1]}]]],["admiralty-dialogue.cjs",[[1,"admiralty-dialogue",{"type":[1],"heading":[1]}]]],["admiralty-file-input.cjs",[[1,"admiralty-file-input",{"label":[1],"multiple":[4],"files":[32]}]]],["admiralty-progress-bar.cjs",[[2,"admiralty-progress-bar",{"label":[1],"progression":[2],"error":[4],"progressionValue":[32]}]]],["admiralty-breadcrumbs.cjs",[[1,"admiralty-breadcrumbs"]]],["admiralty-card.cjs",[[4,"admiralty-card",{"heading":[1]}]]],["admiralty-checkbox.cjs",[[1,"admiralty-checkbox",{"checkboxRight":[4,"checkbox-right"],"disabled":[4],"name":[1],"checked":[1028],"value":[8],"labelText":[1,"label-text"]}]]],["admiralty-footer.cjs",[[4,"admiralty-footer",{"imageLink":[1,"image-link"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"text":[1]}]]],["admiralty-header.cjs",[[4,"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"]}]]],["admiralty-header-menu-item.cjs",[[1,"admiralty-header-menu-item",{"menuTitle":[1,"menu-title"],"active":[4]}]]],["admiralty-header-profile.cjs",[[1,"admiralty-header-profile",{"isSignedIn":[4,"is-signed-in"],"signedInText":[1,"signed-in-text"],"displaySubmenu":[32]}]]],["admiralty-header-sub-menu-item.cjs",[[1,"admiralty-header-sub-menu-item",{"menuTitle":[1,"menu-title"]}]]],["admiralty-hr.cjs",[[0,"admiralty-hr"]]],["admiralty-link.cjs",[[4,"admiralty-link",{"href":[1],"newTab":[4,"new-tab"]}]]],["admiralty-paginator-wrapper.cjs",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["admiralty-phase-banner.cjs",[[0,"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-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",[[4,"admiralty-expansion",{"heading":[1],"expanded":[1540],"alignHeadingRight":[4,"align-heading-right"],"hideBorder":[4,"hide-border"]}]]],["admiralty-button.cjs",[[4,"admiralty-button",{"variant":[1],"icon":[1],"disabled":[4],"type":[1]}]]],["admiralty-hint_3.cjs",[[1,"admiralty-input-error"],[1,"admiralty-hint",{"disabled":[4]}],[1,"admiralty-label",{"disabled":[4],"for":[1]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+
+//# sourceMappingURL=admiralty.cjs.js.map

package/dist/cjs/admiralty.cjs.js.map

@@ -0,0 +1 @@
+{"file":"admiralty.cjs.js","mappings":";;;;;;AAAA;AACA;AACA;AAiBA,MAAM,YAAY,GAAG,MAAM;AAkC3B,IAAI,MAAM,UAAU,GAAG,2MAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAgBlF;AACA,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D;AACA;AACA,KAaK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;ACtFD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;;;","names":["promiseResolve","bootstrapLazy"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

package/dist/cjs/button.types-0549d311.js

@@ -0,0 +1,12 @@
+'use strict';
+
+exports.ButtonVariant = void 0;
+(function (ButtonVariant) {
+  ButtonVariant["Primary"] = "primary";
+  ButtonVariant["Secondary"] = "secondary";
+  ButtonVariant["Warning"] = "warning";
+  ButtonVariant["Text"] = "text";
+  ButtonVariant["Icon"] = "icon";
+})(exports.ButtonVariant || (exports.ButtonVariant = {}));
+
+//# sourceMappingURL=button.types-0549d311.js.map

package/dist/cjs/button.types-0549d311.js.map

@@ -0,0 +1 @@
+{"file":"button.types-0549d311.js","mappings":";;AAAYA;AAAZ,WAAY,aAAa;EACvB,oCAAmB,CAAA;EACnB,wCAAuB,CAAA;EACvB,oCAAmB,CAAA;EACnB,8BAAa,CAAA;EACb,8BAAa,CAAA;AACf,CAAC,EANWA,qBAAa,KAAbA,qBAAa;;","names":["ButtonVariant"],"sources":["./src/components/button/button.types.ts"],"sourcesContent":["export enum ButtonVariant {\r\n  Primary = 'primary',\r\n  Secondary = 'secondary',\r\n  Warning = 'warning',\r\n  Text = 'text',\r\n  Icon = 'icon',\r\n}\r\n"],"version":3}