@ukho/admiralty-core 5.0.0-next.2 → 5.0.0-next.4
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-a81ff0c4.entry.js → p-009e4444.entry.js} +2 -2
- package/dist/admiralty/p-102de2d4.entry.js +2 -0
- package/dist/admiralty/p-13a508ba.entry.js +2 -0
- package/dist/admiralty/{p-d81ae1ed.entry.js → p-2455ca7d.entry.js} +2 -2
- package/dist/admiralty/{p-d02029b5.entry.js → p-2a6c7708.entry.js} +2 -2
- package/dist/admiralty/p-2bd10140.entry.js +2 -0
- package/dist/admiralty/p-36095ddb.entry.js +2 -0
- package/dist/admiralty/p-36095ddb.entry.js.map +1 -0
- package/dist/admiralty/{p-3b3baf5f.entry.js → p-38acd5fd.entry.js} +2 -2
- package/dist/admiralty/{p-10592f07.entry.js → p-69153f62.entry.js} +2 -2
- package/dist/admiralty/p-69153f62.entry.js.map +1 -0
- package/dist/admiralty/{p-294cd2e0.entry.js → p-80393d33.entry.js} +2 -2
- package/dist/admiralty/p-81a3da44.entry.js +2 -0
- package/dist/admiralty/p-81a3da44.entry.js.map +1 -0
- package/dist/admiralty/{p-e2ddde9c.entry.js → p-8434338a.entry.js} +2 -2
- package/dist/admiralty/{p-e291bec1.entry.js → p-a4a80b03.entry.js} +2 -2
- package/dist/admiralty/{p-2966f733.entry.js → p-a64e8abb.entry.js} +2 -2
- package/dist/admiralty/{p-ef7e0a64.entry.js → p-b31616f2.entry.js} +2 -2
- package/dist/admiralty/p-f070a5f4.entry.js +2 -0
- package/dist/admiralty/p-fe24ab0a.entry.js +2 -0
- package/dist/cjs/admiralty-autocomplete.cjs.entry.js +3 -3
- package/dist/cjs/admiralty-autocomplete.cjs.entry.js.map +1 -1
- package/dist/cjs/admiralty-side-bar-item.cjs.entry.js +43 -12
- package/dist/cjs/admiralty-side-bar-item.cjs.entry.js.map +1 -1
- package/dist/cjs/admiralty-side-bar-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-side-bar.cjs.entry.js +4 -2
- package/dist/cjs/admiralty-side-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/admiralty-side-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-side-nav-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-side-nav.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-skip-link.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-tab.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-table-body.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-table-header-cell.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-table-header.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-table-row.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-table.cjs.entry.js +1 -1
- package/dist/cjs/admiralty-textarea.cjs.entry.js +1 -1
- package/dist/cjs/admiralty.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/autocomplete/autocomplete.interface.js.map +1 -1
- package/dist/collection/components/autocomplete/autocomplete.js +6 -5
- package/dist/collection/components/autocomplete/autocomplete.js.map +1 -1
- package/dist/collection/components/side-bar/side-bar.css +1 -1
- package/dist/collection/components/side-bar/side-bar.js +21 -1
- package/dist/collection/components/side-bar/side-bar.js.map +1 -1
- package/dist/collection/components/side-bar/side-bar.stories.data.js +1 -1
- package/dist/collection/components/side-bar-item/side-bar-item.css +110 -11
- package/dist/collection/components/side-bar-item/side-bar-item.js +114 -15
- package/dist/collection/components/side-bar-item/side-bar-item.js.map +1 -1
- package/dist/collection/components/side-bar-item/side-bar-item.types.js +6 -0
- package/dist/collection/components/side-bar-item/side-bar-item.types.js.map +1 -0
- package/dist/collection/components/side-nav/side-nav.js +1 -1
- package/dist/collection/components/side-nav/side-nav.stories.data.js +1 -1
- package/dist/collection/components/side-nav-item/side-nav-item.js +1 -1
- package/dist/collection/components/skip-link/skip-link.js +1 -1
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tab-group/tab-group.js +1 -1
- package/dist/collection/components/table/table.js +1 -1
- package/dist/collection/components/table-body/table-body.js +1 -1
- package/dist/collection/components/table-cell/table-cell.js +1 -1
- package/dist/collection/components/table-header/table-header.js +1 -1
- package/dist/collection/components/table-header-cell/table-header-cell.js +1 -1
- package/dist/collection/components/table-row/table-row.js +1 -1
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/components/admiralty-autocomplete.js +3 -3
- package/dist/components/admiralty-autocomplete.js.map +1 -1
- package/dist/components/admiralty-side-bar-item.js +48 -14
- package/dist/components/admiralty-side-bar-item.js.map +1 -1
- package/dist/components/admiralty-side-bar-wrapper.js +1 -1
- package/dist/components/admiralty-side-bar.js +6 -3
- package/dist/components/admiralty-side-bar.js.map +1 -1
- package/dist/components/admiralty-side-nav-item.js +1 -1
- package/dist/components/admiralty-side-nav-wrapper.js +1 -1
- package/dist/components/admiralty-side-nav.js +1 -1
- package/dist/components/admiralty-skip-link.js +1 -1
- package/dist/components/admiralty-tab-group.js +1 -1
- package/dist/components/admiralty-tab.js +1 -1
- package/dist/components/admiralty-table-body.js +1 -1
- package/dist/components/admiralty-table-cell.js +1 -1
- package/dist/components/admiralty-table-header-cell.js +1 -1
- package/dist/components/admiralty-table-header.js +1 -1
- package/dist/components/admiralty-table-row.js +1 -1
- package/dist/components/admiralty-table.js +1 -1
- package/dist/components/admiralty-textarea.js +1 -1
- package/dist/esm/admiralty-autocomplete.entry.js +3 -3
- package/dist/esm/admiralty-autocomplete.entry.js.map +1 -1
- package/dist/esm/admiralty-side-bar-item.entry.js +44 -13
- package/dist/esm/admiralty-side-bar-item.entry.js.map +1 -1
- package/dist/esm/admiralty-side-bar-wrapper.entry.js +1 -1
- package/dist/esm/admiralty-side-bar.entry.js +5 -3
- package/dist/esm/admiralty-side-bar.entry.js.map +1 -1
- package/dist/esm/admiralty-side-nav-item.entry.js +1 -1
- package/dist/esm/admiralty-side-nav-wrapper.entry.js +1 -1
- package/dist/esm/admiralty-side-nav.entry.js +1 -1
- package/dist/esm/admiralty-skip-link.entry.js +1 -1
- package/dist/esm/admiralty-tab-group.entry.js +1 -1
- package/dist/esm/admiralty-tab.entry.js +1 -1
- package/dist/esm/admiralty-table-body.entry.js +1 -1
- package/dist/esm/admiralty-table-cell.entry.js +1 -1
- package/dist/esm/admiralty-table-header-cell.entry.js +1 -1
- package/dist/esm/admiralty-table-header.entry.js +1 -1
- package/dist/esm/admiralty-table-row.entry.js +1 -1
- package/dist/esm/admiralty-table.entry.js +1 -1
- package/dist/esm/admiralty-textarea.entry.js +1 -1
- package/dist/esm/admiralty.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/autocomplete/autocomplete.d.ts +1 -6
- package/dist/types/components/autocomplete/autocomplete.interface.d.ts +4 -0
- package/dist/types/components/side-bar/side-bar.d.ts +5 -0
- package/dist/types/components/side-bar-item/side-bar-item.d.ts +22 -3
- package/dist/types/components/side-bar-item/side-bar-item.types.d.ts +6 -0
- package/dist/types/components.d.ts +41 -2
- package/docs/docs.json +161 -8
- package/package.json +2 -2
- package/dist/admiralty/p-10592f07.entry.js.map +0 -1
- package/dist/admiralty/p-320da709.entry.js +0 -2
- package/dist/admiralty/p-480c7299.entry.js +0 -2
- package/dist/admiralty/p-480c7299.entry.js.map +0 -1
- package/dist/admiralty/p-538d2d65.entry.js +0 -2
- package/dist/admiralty/p-7403ab29.entry.js +0 -2
- package/dist/admiralty/p-7a62c5ad.entry.js +0 -2
- package/dist/admiralty/p-ba47ac5d.entry.js +0 -2
- package/dist/admiralty/p-ba47ac5d.entry.js.map +0 -1
- package/dist/admiralty/p-e7075f12.entry.js +0 -2
- /package/dist/admiralty/{p-a81ff0c4.entry.js.map → p-009e4444.entry.js.map} +0 -0
- /package/dist/admiralty/{p-7403ab29.entry.js.map → p-102de2d4.entry.js.map} +0 -0
- /package/dist/admiralty/{p-7a62c5ad.entry.js.map → p-13a508ba.entry.js.map} +0 -0
- /package/dist/admiralty/{p-d81ae1ed.entry.js.map → p-2455ca7d.entry.js.map} +0 -0
- /package/dist/admiralty/{p-d02029b5.entry.js.map → p-2a6c7708.entry.js.map} +0 -0
- /package/dist/admiralty/{p-e7075f12.entry.js.map → p-2bd10140.entry.js.map} +0 -0
- /package/dist/admiralty/{p-3b3baf5f.entry.js.map → p-38acd5fd.entry.js.map} +0 -0
- /package/dist/admiralty/{p-294cd2e0.entry.js.map → p-80393d33.entry.js.map} +0 -0
- /package/dist/admiralty/{p-e2ddde9c.entry.js.map → p-8434338a.entry.js.map} +0 -0
- /package/dist/admiralty/{p-e291bec1.entry.js.map → p-a4a80b03.entry.js.map} +0 -0
- /package/dist/admiralty/{p-2966f733.entry.js.map → p-a64e8abb.entry.js.map} +0 -0
- /package/dist/admiralty/{p-ef7e0a64.entry.js.map → p-b31616f2.entry.js.map} +0 -0
- /package/dist/admiralty/{p-538d2d65.entry.js.map → p-f070a5f4.entry.js.map} +0 -0
- /package/dist/admiralty/{p-320da709.entry.js.map → p-fe24ab0a.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-71979ff5.js";export{s as setNonce}from"./p-71979ff5.js";import{g as i}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};l().then((async e=>{await i();return a([["p-
|
|
1
|
+
import{p as e,b as a}from"./p-71979ff5.js";export{s as setNonce}from"./p-71979ff5.js";import{g as i}from"./p-e1255160.js";var l=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};l().then((async e=>{await i();return a([["p-69153f62",[[2,"admiralty-autocomplete",{autoselect:[4],cssNamespace:[1,"css-namespace"],displayMenu:[1,"display-menu"],minLength:[2,"min-length"],name:[1],placeholder:[1],confirmOnBlur:[4,"confirm-on-blur"],showNoOptionsFound:[4,"show-no-options-found"],showAllValues:[4,"show-all-values"],required:[4],assistiveHint:[1,"assistive-hint"],menuAttributes:[8,"menu-attributes"],inputClasses:[1,"input-classes"],menuClasses:[1,"menu-classes"],label:[1],hint:[1],invalid:[4],invalidMessage:[1,"invalid-message"],disabled:[4],value:[1025],filterFunction:[16],focused:[32],hovered:[32],menuOpen:[32],options:[32],option:[32],query:[32],validChoiceMade:[32],selected:[32],ariaHint:[32]},null,{value:["onValueChange"],focused:["onFocusedChange"]}]]],["p-1a486439",[[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]},null,{value:["valueChanged"]}]]],["p-c9af02fb",[[6,"admiralty-select",{disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],hint:[1],label:[1],width:[2],value:[1032]},null,{value:["valueChanged"]}]]],["p-a4a80b03",[[2,"admiralty-textarea",{label:[1],hint:[1],width:[2],disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],value:[1032]},null,{value:["valueChanged"]}]]],["p-f457ab2f",[[6,"admiralty-radio-group",{name:[1],label:[1],hint:[1],disabled:[4],value:[1032],displayVertical:[4,"display-vertical"],invalid:[4],invalidMessage:[1,"invalid-message"]},null,{value:["valueChanged"],invalid:["invalidChanged"]}]]],["p-206173ff",[[6,"admiralty-colour-block",{width:[2],height:[2],heading:[1],colour:[1],href:[1],linkText:[1,"link-text"],suppressRedirect:[4,"suppress-redirect"],enableCardEvent:[4,"enable-card-event"],actionText:[1,"action-text"]}]]],["p-ee0d714b",[[6,"admiralty-error-summary",{heading:[1]}]]],["p-72a77397",[[2,"admiralty-file-input",{label:[1],multiple:[4],invalid:[4],invalidMessage:[1,"invalid-message"],files:[32]}]]],["p-cd33d32a",[[6,"admiralty-filter",{filterTitle:[1,"filter-title"]}]]],["p-ae15e60d",[[6,"admiralty-filter-group",{groupTitle:[1,"group-title"]}]]],["p-ef213108",[[2,"admiralty-paginator",{pages:[2],currentPage:[2,"current-page"],label:[1]}]]],["p-f6241aea",[[6,"admiralty-breadcrumb",{active:[4],first:[4],href:[1]}]]],["p-34e979ae",[[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]}]]],["p-228e4934",[[2,"admiralty-pill",{text:[1],number:[1],label:[1],colour:[1],selected:[4]}]]],["p-a0466b05",[[2,"admiralty-progress-bar",{label:[1],progression:[2],error:[4],progressionValue:[32]},null,{progression:["progressionChanged"]}]]],["p-491b3b1b",[[6,"admiralty-read-more",{heading:[1],expanded:[32]}]]],["p-81a3da44",[[6,"admiralty-side-bar-item",{variant:[1],expanded:[1540],icon:[1],href:[1],itemText:[1,"item-text"],suppressRedirect:[4,"suppress-redirect"],active:[1540]},null,{active:["handleActiveChange"]}]]],["p-86def5ca",[[2,"admiralty-autocomplete-option",{value:[8]}]]],["p-ecc4c552",[[6,"admiralty-breadcrumbs"]]],["p-18040ebd",[[6,"admiralty-card",{heading:[1]}]]],["p-cb76daf8",[[2,"admiralty-checkbox",{checkboxRight:[4,"checkbox-right"],disabled:[4],name:[1],checked:[1540],value:[8],labelText:[1,"label-text"],labelHidden:[4,"label-hidden"]},null,{checked:["checkedChanged"]}]]],["p-f6b8c758",[[6,"admiralty-footer",{variant:[1],imageLink:[1,"image-link"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],text:[1],hasSlotContent:[32]},[[2,"slotchange","handleSlotChange"]]]]],["p-564fc7f6",[[6,"admiralty-header-menu-item",{menuTitle:[1,"menu-title"],active:[4]}]]],["p-67449ca4",[[6,"admiralty-header-menu-link",{menuTitle:[1,"menu-title"],active:[4],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-d09a057f",[[2,"admiralty-header-profile",{isSignedIn:[4,"is-signed-in"],signedInText:[1,"signed-in-text"],signInOnly:[4,"sign-in-only"]}]]],["p-0b4ce33e",[[6,"admiralty-header-sub-menu-item",{menuTitle:[1,"menu-title"],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-63f82d75",[[2,"admiralty-hr"]]],["p-a9229ed5",[[6,"admiralty-link",{href:[1],newTab:[4,"new-tab"]}]]],["p-12428611",[[6,"admiralty-modal-dialog",{heading:[1],label:[1],description:[1],show:[4]}]]],["p-d37fc718",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["p-96a51609",[[2,"admiralty-phase-banner",{phase:[1],link:[1]}]]],["p-10fd7d36",[[6,"admiralty-radio",{name:[1],value:[1025],disabled:[4],checked:[1028],invalid:[4],buttonTabindex:[32],setButtonTabindex:[64]},null,{value:["valueChanged"]}]]],["p-36095ddb",[[6,"admiralty-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],sideBarWidth:[1,"side-bar-width"]}]]],["p-f070a5f4",[[4,"admiralty-side-bar-wrapper",null,[[0,"sideBarItemClick","onSideBarItemSelected"]]]]],["p-2bd10140",[[6,"admiralty-side-nav",{label:[1]}]]],["p-009e4444",[[2,"admiralty-side-nav-item",{sideNavItemId:[1,"side-nav-item-id"],headingTitle:[1,"heading-title"],navActive:[4,"nav-active"]}]]],["p-102de2d4",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["p-2a6c7708",[[2,"admiralty-skip-link",{href:[1]}]]],["p-38acd5fd",[[6,"admiralty-tab",{label:[1],tabLabelId:[1,"tab-label-id"],tabContentId:[1,"tab-content-id"]}]]],["p-a64e8abb",[[6,"admiralty-tab-group",{selectedIndex:[1026,"selected-index"]}]]],["p-b31616f2",[[6,"admiralty-table",{caption:[1]}]]],["p-2455ca7d",[[6,"admiralty-table-body"]]],["p-8434338a",[[6,"admiralty-table-cell"]]],["p-fe24ab0a",[[6,"admiralty-table-header"]]],["p-80393d33",[[6,"admiralty-table-header-cell"]]],["p-13a508ba",[[6,"admiralty-table-row"]]],["p-4b9c32e7",[[1,"admiralty-icon",{name:[1],size:[8]}]]],["p-e9cedf6c",[[6,"admiralty-dialogue",{type:[1],heading:[1],sectionRole:[1,"section-role"]}]]],["p-d3811854",[[6,"admiralty-expansion",{heading:[1],expanded:[1540],alignHeadingRight:[4,"align-heading-right"],hideBorder:[4,"hide-border"]}]]],["p-eb0fdd5f",[[6,"admiralty-button",{variant:[1],icon:[1],disabled:[516],type:[1],form:[1],name:[1],value:[1]}]]],["p-7e992213",[[6,"admiralty-hint",{disabled:[4]}],[6,"admiralty-label",{disabled:[4],for:[1]}],[6,"admiralty-input-invalid"]]]],e)}));
|
|
2
2
|
//# sourceMappingURL=admiralty.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","autoselect","cssNamespace","displayMenu","minLength","name","placeholder","confirmOnBlur","showNoOptionsFound","showAllValues","required","assistiveHint","menuAttributes","inputClasses","menuClasses","label","hint","invalid","invalidMessage","disabled","value","filterFunction","focused","hovered","menuOpen","option","query","validChoiceMade","selected","ariaHint","type","width","autocomplete","displayVertical","height","heading","colour","linkText","suppressRedirect","enableCardEvent","actionText","multiple","files","filterTitle","groupTitle","pages","currentPage","active","first","headerTitle","headerTitleUrl","logoLinkUrl","logoImgUrl","logoAltText","mobileMenuOpen","displayHamburger","text","number","progression","error","progressionValue","expanded","icon","checkboxRight","checked","labelText","labelHidden","
|
|
1
|
+
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","autoselect","cssNamespace","displayMenu","minLength","name","placeholder","confirmOnBlur","showNoOptionsFound","showAllValues","required","assistiveHint","menuAttributes","inputClasses","menuClasses","label","hint","invalid","invalidMessage","disabled","value","filterFunction","focused","hovered","menuOpen","option","query","validChoiceMade","selected","ariaHint","type","width","autocomplete","displayVertical","height","heading","colour","linkText","suppressRedirect","enableCardEvent","actionText","multiple","files","filterTitle","groupTitle","pages","currentPage","active","first","headerTitle","headerTitleUrl","logoLinkUrl","logoImgUrl","logoAltText","mobileMenuOpen","displayHamburger","text","number","progression","error","progressionValue","expanded","variant","icon","itemText","checkboxRight","checked","labelText","labelHidden","imageLink","imageSrc","imageAlt","hasSlotContent","menuTitle","isSignedIn","signedInText","signInOnly","newTab","description","show","phase","link","buttonTabindex","setButtonTabindex","showLogo","sideBarWidth","sideNavItemId","headingTitle","navActive","tabLabelId","tabContentId","selectedIndex","caption","size","sectionRole","alignHeadingRight","hideBorder","form","for"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar 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 if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\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(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as t,h as a}from"./p-71979ff5.js";const e=".visually-hidden.sc-admiralty-side-nav-item:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-side-nav-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-side-nav-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-side-nav-item{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-side-nav-item{display:none}}a.section.sc-admiralty-side-nav-item{cursor:pointer;padding:var(--admiralty-side-nav-item-padding, var(--admiralty-spacing-0) 10px);display:flex;flex-direction:column;justify-content:center;height:42px;max-width:fit-content;box-sizing:border-box;user-select:none;text-align:center;text-decoration:none;color:var(--admiralty-colour-primary);font-weight:var(--admiralty-side-nav-item-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-side-nav-item-font-size, var(--admiralty-font-size-0))}a.section.sc-admiralty-side-nav-item:hover{background-color:var(--admiralty-hover-background-colour)}a.section.navActive.sc-admiralty-side-nav-item{background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}a.section.sc-admiralty-side-nav-item:focus{background-color:var(--admiralty-focus-colour);color:var(--admiralty-colour-primary);box-shadow:none;border-top:3px solid transparent;border-bottom:3px solid var(--admiralty-colour-primary)}";const n=e;const o=class{constructor(a){i(this,a);this.sideNavItemSelected=t(this,"sideNavItemSelected",7);this.sideNavItemId=undefined;this.headingTitle=undefined;this.navActive=false}handleClickAction(){this.emitSideNavItemSelected()}handleKeyUpAction(i){if(i.key==="Enter"){this.emitSideNavItemSelected()}}emitSideNavItemSelected(){this.sideNavItemSelected.emit(this.sideNavItemId)}render(){return a("a",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as t,h as a}from"./p-71979ff5.js";const e=".visually-hidden.sc-admiralty-side-nav-item:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-side-nav-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-side-nav-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-side-nav-item{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-side-nav-item{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-side-nav-item{display:none}}a.section.sc-admiralty-side-nav-item{cursor:pointer;padding:var(--admiralty-side-nav-item-padding, var(--admiralty-spacing-0) 10px);display:flex;flex-direction:column;justify-content:center;height:42px;max-width:fit-content;box-sizing:border-box;user-select:none;text-align:center;text-decoration:none;color:var(--admiralty-colour-primary);font-weight:var(--admiralty-side-nav-item-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-side-nav-item-font-size, var(--admiralty-font-size-0))}a.section.sc-admiralty-side-nav-item:hover{background-color:var(--admiralty-hover-background-colour)}a.section.navActive.sc-admiralty-side-nav-item{background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}a.section.sc-admiralty-side-nav-item:focus{background-color:var(--admiralty-focus-colour);color:var(--admiralty-colour-primary);box-shadow:none;border-top:3px solid transparent;border-bottom:3px solid var(--admiralty-colour-primary)}";const n=e;const o=class{constructor(a){i(this,a);this.sideNavItemSelected=t(this,"sideNavItemSelected",7);this.sideNavItemId=undefined;this.headingTitle=undefined;this.navActive=false}handleClickAction(){this.emitSideNavItemSelected()}handleKeyUpAction(i){if(i.key==="Enter"){this.emitSideNavItemSelected()}}emitSideNavItemSelected(){this.sideNavItemSelected.emit(this.sideNavItemId)}render(){return a("a",{key:"38b0ee4b1836d9a906311ced4a88bcee8a5aea85",class:{section:true,navActive:this.navActive},onClick:this.handleClickAction.bind(this),onKeyUp:this.handleKeyUpAction.bind(this)},this.headingTitle)}};o.style=n;export{o as admiralty_side_nav_item};
|
|
2
|
+
//# sourceMappingURL=p-009e4444.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,g as a}from"./p-71979ff5.js";const s=class{constructor(t){e(this,t)}onSideNavItemSelected(e){const t=e.detail;const a=this.el.querySelector("admiralty-side-nav");const s=a.querySelectorAll("admiralty-side-nav-item");s.forEach((e=>{e.navActive=e.sideNavItemId===t}))}render(){return t("div",{key:"5e104e9e830c78467b907c5f95e30e196a68dc83"},t("slot",{key:"48eaad0bd1374d9f73595b967ccb72d2530adb11"}))}get el(){return a(this)}};export{s as admiralty_side_nav_wrapper};
|
|
2
|
+
//# sourceMappingURL=p-102de2d4.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,h as r,H as t}from"./p-71979ff5.js";const e=".sc-admiralty-table-row-h{display:table-row}";const o=e;const s=class{constructor(r){a(this,r)}render(){return r(t,{key:"82e99abf5ea9d5747f440efb508fd41877152974",role:"row"},r("slot",{key:"a01144f084513320a7f6a465edb97af38951ff43"}))}};s.style=o;export{s as admiralty_table_row};
|
|
2
|
+
//# sourceMappingURL=p-13a508ba.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as t,H as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as t,H as d}from"./p-71979ff5.js";const o=".visually-hidden.sc-admiralty-table-body:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-table-body{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table-body{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table-body{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table-body{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table-body{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table-body{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table-body{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table-body{display:none}}.sc-admiralty-table-body-h{display:table-row-group}.sc-admiralty-table-body-s>:nth-child(odd){background-color:var(--admiralty-background-colour)}.sc-admiralty-table-body-s>:nth-child(even){background-color:var(--admiralty-table-row-colour)}";const i=o;const n=class{constructor(t){a(this,t)}render(){return t(d,{key:"98a4d58b9294c9435aa6662107830d762fce3b8c",role:"rowgroup"},t("slot",{key:"193132892c9475f6b5634edcfd51e955e342dd94"}))}};n.style=i;export{n as admiralty_table_body};
|
|
2
|
+
//# sourceMappingURL=p-2455ca7d.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,h as t}from"./p-71979ff5.js";const a=".visually-hidden.sc-admiralty-skip-link:not(:focus):not(:active),.skip-link.sc-admiralty-skip-link:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-skip-link{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-skip-link{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-skip-link{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-skip-link{display:none}}.skip-link.sc-admiralty-skip-link{color:var(--admiralty-text-colour);display:block;padding:var(--admiralty-skip-link-padding, 10px 15px);box-shadow:none;font-size:var(--admiralty-skip-link-font-size, var(--admiralty-font-size-0));font-weight:var(--admiralty-skip-link-font-weight, var(--admiralty-font-weight-normal))}.skip-link.sc-admiralty-skip-link span.sc-admiralty-skip-link{box-shadow:0 2px var(--admiralty-text-colour)}.skip-link.sc-admiralty-skip-link:focus{position:static !important;width:auto !important;height:auto !important;margin:var(--admiralty-skip-link-focus-margin, var(--admiralty-spacing-inherit)) !important;overflow:visible !important;clip:auto !important;-webkit-clip-path:none !important;clip-path:none !important;white-space:inherit !important;-webkit-user-select:text;-ms-user-select:text;user-select:text}";const n=a;const p=class{constructor(t){i(this,t);this.href="#main-content"}render(){return t("a",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,h as t}from"./p-71979ff5.js";const a=".visually-hidden.sc-admiralty-skip-link:not(:focus):not(:active),.skip-link.sc-admiralty-skip-link:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-skip-link{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-skip-link{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-skip-link{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-skip-link{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-skip-link{display:none}}.skip-link.sc-admiralty-skip-link{color:var(--admiralty-text-colour);display:block;padding:var(--admiralty-skip-link-padding, 10px 15px);box-shadow:none;font-size:var(--admiralty-skip-link-font-size, var(--admiralty-font-size-0));font-weight:var(--admiralty-skip-link-font-weight, var(--admiralty-font-weight-normal))}.skip-link.sc-admiralty-skip-link span.sc-admiralty-skip-link{box-shadow:0 2px var(--admiralty-text-colour)}.skip-link.sc-admiralty-skip-link:focus{position:static !important;width:auto !important;height:auto !important;margin:var(--admiralty-skip-link-focus-margin, var(--admiralty-spacing-inherit)) !important;overflow:visible !important;clip:auto !important;-webkit-clip-path:none !important;clip-path:none !important;white-space:inherit !important;-webkit-user-select:text;-ms-user-select:text;user-select:text}";const n=a;const p=class{constructor(t){i(this,t);this.href="#main-content"}render(){return t("a",{key:"9faa973c8556e98aad870a5e90b6af89927affe0",href:this.href,class:"skip-link"},t("span",{key:"b0a9be6424297ff61b0b5bd5b80c2edaf62be232"},"Skip to main content"))}};p.style=n;export{p as admiralty_skip_link};
|
|
2
|
+
//# sourceMappingURL=p-2a6c7708.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,h as e}from"./p-71979ff5.js";const s="nav.side-nav.sc-admiralty-side-nav{display:flex;flex-direction:column}";const n=s;const i=class{constructor(e){a(this,e);this.label=undefined}render(){return e("nav",{key:"84c46220aaff63b642a24b55870ef9fa79498644",class:"side-nav","aria-label":this.label},e("slot",{key:"e6049b14810792a5382eee833f8d1b1cdae5535c"}))}};i.style=n;export{i as admiralty_side_nav};
|
|
2
|
+
//# sourceMappingURL=p-2bd10140.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,h as i,g as t}from"./p-71979ff5.js";const e=".visually-hidden.sc-admiralty-side-bar:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-side-bar{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-side-bar{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-side-bar{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-side-bar{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-side-bar{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-side-bar{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-side-bar{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-side-bar{display:none}}nav.sc-admiralty-side-bar{display:flex;flex-direction:column;justify-content:space-between;height:100%;background-color:var(--admiralty-colour-primary-contrast);border-right:1px solid var(--admiralty-side-bar-right-border, var(--admiralty-colour-light))}ul.sc-admiralty-side-bar{display:flex;flex-direction:column}.logo.sc-admiralty-side-bar{height:50px;margin:24px 0 20px}";const d=e;const r=class{constructor(i){a(this,i);this.label=undefined;this.showLogo=true;this.logoImgUrl="svg/UKHO crest.svg";this.sideBarWidth="100px"}render(){return i("nav",{key:"3950758be049dec9404d5961d571c321239761bd","aria-label":this.label,style:{width:this.sideBarWidth?this.sideBarWidth!==""?this.sideBarWidth:"100px":"100px"}},i("ul",{key:"6f3126900a87665f463596c8ac3f7d72c8751574"},i("slot",{key:"93d23a507257144858765754b7c094b59caed5df",name:"items"})),i("ul",{key:"e12b8c1e0a2b631497a337096dbb4fc9cde182cb"},i("slot",{key:"f093c6b0edb9c7cb14cdbcac92a10eaaa76b66ac",name:"footer"}),this.showLogo?i("img",{class:"logo",src:this.logoImgUrl,alt:"UKHO Logo","aria-hidden":"true"}):null))}get el(){return t(this)}};r.style=d;export{r as admiralty_side_bar};
|
|
2
|
+
//# sourceMappingURL=p-36095ddb.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["sideBarCss","AdmiraltySideBarStyle0","SideBarComponent","render","h","key","this","label","style","width","sideBarWidth","name","showLogo","class","src","logoImgUrl","alt"],"sources":["src/components/side-bar/side-bar.scss?tag=admiralty-side-bar&encapsulation=scoped","src/components/side-bar/side-bar.tsx"],"sourcesContent":["@import 'side-bar.vars.scss';\n\nnav {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n background-color: $side-bar-background-colour;\n border-right: 1px solid $side-bar-right-border-colour;\n}\n\nul {\n display: flex;\n flex-direction: column;\n}\n\n.logo {\n height: 50px;\n margin: 24px 0 20px;\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\n\n/**\n * @slot - 'admiralty-side-bar-item' components should be placed here in the default slot\n * @slot footer - additional 'admiralty-side-bar-item' components can be placed in the footer slot\n * to display at the bottom of the side bar.\n */\n@Component({\n tag: 'admiralty-side-bar',\n styleUrl: 'side-bar.scss',\n scoped: true,\n})\nexport class SideBarComponent {\n @Element() el!: HTMLAdmiraltySideBarElement;\n /**\n * A label for accessibility purposes to describe what this navigation is for.\n */\n @Prop() label: string;\n /**\n * Set this to false to hide the logo that is displayed in the bottom of the side bar.\n */\n @Prop() showLogo: boolean = true;\n /**\n * The URI of the logo image\n */\n @Prop() logoImgUrl: string = 'svg/UKHO crest.svg';\n\n /**\n * Sets the sidebar width\n */\n @Prop() sideBarWidth: string = '100px';\n\n render() {\n return (\n <nav aria-label={this.label} style={{ width: this.sideBarWidth ? this.sideBarWidth !== '' ? this.sideBarWidth : '100px' : '100px' }}>\n <ul>\n <slot name=\"items\"></slot>\n </ul>\n <ul>\n <slot name=\"footer\"></slot>\n {this.showLogo ? <img class=\"logo\" src={this.logoImgUrl} alt=\"UKHO Logo\" aria-hidden=\"true\" /> : null}\n </ul>\n </nav>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,o4CACnB,MAAAC,EAAeD,E,MCWFE,EAAgB,M,4DASC,K,gBAIC,qB,kBAKE,O,CAE/B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,wDAAiBC,KAAKC,MAAOC,MAAO,CAAEC,MAAOH,KAAKI,aAAeJ,KAAKI,eAAiB,GAAKJ,KAAKI,aAAe,QAAU,UACxHN,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAMM,KAAK,WAEbP,EAAA,MAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAMM,KAAK,WACVL,KAAKM,SAAWR,EAAA,OAAKS,MAAM,OAAOC,IAAKR,KAAKS,WAAYC,IAAI,YAAW,cAAa,SAAY,M","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as a}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-tab:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-tab{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-tab{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-tab{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-tab{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-tab{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-tab{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-tab{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-tab{display:none}}.tab-content.sc-admiralty-tab{display:none;font-weight:var(--admiralty-tab-content-font-weight, var(--admiralty-font-weight-normal))}.tab-content.active.sc-admiralty-tab{display:block}";const n=i;const d=class{constructor(a){t(this,a);this.label="";this.tabLabelId="";this.tabContentId=""}render(){return a("div",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as a}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-tab:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-tab{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-tab{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-tab{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-tab{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-tab{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-tab{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-tab{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-tab{display:none}}.tab-content.sc-admiralty-tab{display:none;font-weight:var(--admiralty-tab-content-font-weight, var(--admiralty-font-weight-normal))}.tab-content.active.sc-admiralty-tab{display:block}";const n=i;const d=class{constructor(a){t(this,a);this.label="";this.tabLabelId="";this.tabContentId=""}render(){return a("div",{key:"4a71b71d729d1510feb7f125c4a0d46289892c0e",class:"tab-content",id:this.tabContentId,role:"tabpanel",tabindex:"-1","aria-labelledby":this.tabLabelId},a("slot",{key:"0b3d202f1101b7d701127d79673fa73f9a7531ca"}))}};d.style=n;export{d as admiralty_tab};
|
|
2
|
+
//# sourceMappingURL=p-38acd5fd.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,f as o,h as e,g as a}from"./p-71979ff5.js";const s=(t,i,o)=>{if(typeof MutationObserver==="undefined"){return}const e=new MutationObserver((t=>{o(l(t,i))}));e.observe(t,{childList:true,subtree:true});return e};const l=(t,i)=>{let o;t.forEach((t=>{for(let e=0;e<t.addedNodes.length;e++){o=n(t.addedNodes[e],i)||o}}));return o};const n=(t,i)=>{if(t.nodeType!==1){return undefined}const o=t;const e=o.tagName===i.toUpperCase()?[o]:Array.from(o.querySelectorAll(i));return e.find((t=>t.value===o.value))};const r=".visually-hidden.sc-admiralty-autocomplete:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-autocomplete{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-autocomplete{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-autocomplete{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-autocomplete{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-autocomplete{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-autocomplete{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-autocomplete{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-autocomplete{display:none}}.autocomplete__wrapper.sc-admiralty-autocomplete{position:relative}.autocomplete__hint.sc-admiralty-autocomplete,.autocomplete__input.sc-admiralty-autocomplete{appearance:none;border:2px solid var(--admiralty-text-colour);border-radius:0;box-sizing:border-box;color:var(--admiralty-text-colour);margin-bottom:var(--autocomplete-input-margin-bottom, var(--admiralty-spacing-0));line-height:1.5;width:100%}.autocomplete__label.sc-admiralty-autocomplete{background-color:transparent;position:relative;font-size:var(--admiralty-autocomplete-label-font-size, var(--admiralty-font-size-0))}.autocomplete__input.sc-admiralty-autocomplete{background-color:transparent;position:relative}.autocomplete__hint.sc-admiralty-autocomplete{color:var(--admiralty-text-colour);position:absolute}.autocomplete__input-wrapper.sc-admiralty-autocomplete{position:relative}.autocomplete__input--default.sc-admiralty-autocomplete{padding:var(--admiralty-autocomplete-input-padding, var(--admiralty-spacing-3))}.autocomplete__input--focused.sc-admiralty-autocomplete{outline:3px solid var(--admiralty-focus-colour);outline-offset:0;box-shadow:inset 0 0 0 2px var(--admiralty-text-colour)}.autocomplete__input--show-all-values.sc-admiralty-autocomplete{padding:var(--admiralty-autocomplete-input-display-all-padding, 12px 35px 12px 12px);cursor:pointer}.autocomplete__input--invalid.sc-admiralty-autocomplete{border-color:var(--admiralty-colour-danger)}.autocomplete__input--disabled.sc-admiralty-autocomplete{border-color:var(--admiralty-disabled-colour)}.autocomplete__menu.sc-admiralty-autocomplete{background-color:var(--admiralty-background-colour);border:2px solid var(--admiralty-text-colour);border-top:0;color:var(--admiralty-text-colour);margin:var(--autocomplete-input-menu-margin, var(--admiralty-spacing-0));max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible.sc-admiralty-autocomplete{display:block}.autocomplete__menu--hidden.sc-admiralty-autocomplete{display:none}.autocomplete__menu--overlay.sc-admiralty-autocomplete{box-shadow:rgba(0, 0, 0, 0.256863) 0px 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline.sc-admiralty-autocomplete{position:relative}.autocomplete__option.sc-admiralty-autocomplete{border-bottom:solid var(--admiralty-colour-light-shade);border-width:1px 0;color:var(--admiralty-text-colour);cursor:pointer;display:block;position:relative;margin-bottom:var(--admiralty-autocomplete-input-option-margin-bottom, var(--admiralty-spacing-0))}.autocomplete__option.sc-admiralty-autocomplete:before{content:none}.autocomplete__option.sc-admiralty-autocomplete>*.sc-admiralty-autocomplete{pointer-events:none}.autocomplete__option.sc-admiralty-autocomplete:first-of-type{border-top-width:0}.autocomplete__option.sc-admiralty-autocomplete:last-of-type{border-bottom-width:0}.autocomplete__option--focused.sc-admiralty-autocomplete,.autocomplete__option.sc-admiralty-autocomplete:hover{background-color:var(--admiralty-colour-info);border-color:var(--admiralty-colour-info);color:var(--admiralty-colour-info-contrast);outline:none}.autocomplete__option--no-results.sc-admiralty-autocomplete{background-color:var(--admiralty-background-colour);color:var(--admiralty-text-colour);text-align:center;margin:var(--admiralty-autocomplete-option-no-results-margin, 50px 0);cursor:not-allowed}.autocomplete__option--no-results.sc-admiralty-autocomplete:hover{background-color:var(--admiralty-background-colour);border-color:var(--admiralty-background-colour);color:var(--admiralty-text-colour);text-align:center;margin:var(--admiralty-autocomplete-option-no-results-hover-margin, 50px 0);cursor:not-allowed}.autocomplete__hint.sc-admiralty-autocomplete,.autocomplete__input.sc-admiralty-autocomplete,.autocomplete__option.sc-admiralty-autocomplete{font-size:var(--admiralty-autocomplete-option-font-size, var(--admiralty-font-size-0));font-weight:var(--admiralty-autocomplete-option-font-weight, var(--admiralty-font-weight-normal))}.autocomplete__hint.sc-admiralty-autocomplete,.autocomplete__option.sc-admiralty-autocomplete{padding:var(--admiralty-autocomplete-option-padding, var(--admiralty-spacing-2))}.autocomplete-down-icon.sc-admiralty-autocomplete{font-size:var(--admiralty-autocomplete-icon-font-size, var(--admiralty-font-size-5));font-weight:var(--admiralty-autocomplete-icon-font-weight, var(--admiralty-font-weight-normal));pointer-events:none;position:absolute;right:6px;top:10px}admiralty-icon.disabled.sc-admiralty-autocomplete{color:var(--admiralty-disabled-colour)}admiralty-input-invalid.sc-admiralty-autocomplete{margin-top:6px}";const c=r;const d={13:"enter",27:"escape",32:"space",38:"up",40:"down"};function h(){return typeof navigator!=="undefined"&&!!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g)&&navigator.userAgent.match(/AppleWebKit/g))}function u(t){return t>47&&t<58||t===32||t===8||t>64&&t<91||t>95&&t<112||t>185&&t<193||t>218&&t<223}function p(t,i){return t.filter((({text:t})=>t.toLowerCase().indexOf(i.toLowerCase())!==-1))}function m(t,i){return t.filter((({value:t})=>t.toString().toLowerCase().indexOf(i.toLowerCase())!==-1))}const y=class{constructor(o){t(this,o);this.admiraltyChange=i(this,"admiraltyChange",7);this.internalId=++f;this.elementReferences={};this.source=[];this.autoselect=false;this.cssNamespace="autocomplete";this.displayMenu="inline";this.minLength=0;this.name=undefined;this.placeholder="";this.confirmOnBlur=true;this.showNoOptionsFound=true;this.showAllValues=true;this.required=false;this.assistiveHint="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.menuAttributes=undefined;this.inputClasses=undefined;this.menuClasses=undefined;this.label=null;this.hint=null;this.invalid=false;this.invalidMessage=null;this.disabled=false;this.value=null;this.filterFunction=undefined;this.focused=null;this.hovered=null;this.menuOpen=false;this.options=[];this.option=null;this.query=null;this.validChoiceMade=false;this.selected=null;this.ariaHint=true}onValueChange(t,i){var o,e;if(this.source.length===0){return}if(t&&t.length>0){const i=m(this.source,t);const o=i.length>0;this.options=i;this.validChoiceMade=o;this.option=i[0];this.query=o?i[0].text:"";this.menuOpen=false;this.ariaHint=false}else{this.options=[];this.option=null;this.query="";this.ariaHint=true}this.admiraltyChange.emit({value:(e=(o=this.option)===null||o===void 0?void 0:o.value)!==null&&e!==void 0?e:""})}onFocusedChange(t,i){var o;const e=this.focused===null;const a=i!==t;const s=a&&!e;if(s){(o=this.elementReferences[this.focused])===null||o===void 0?void 0:o.focus()}const l=this.focused===-1;const n=a&&i===null;const r=l&&n;if(r){const t=this.elementReferences[this.focused];t.setSelectionRange(0,t.value.length)}}isQueryAnOption(t,i){return i.map((({text:t})=>this.templateInputValue(t).toLowerCase())).indexOf(t.toLowerCase())!==-1}connectedCallback(){this.mutation=s(this.el,"admiralty-autocomplete-option",(async()=>{var t,i,e;this.source=this.filterFunction?this.filterFunction(""):this.childOpts.map((({textContent:t,value:i})=>({text:(t===null||t===void 0?void 0:t.length)>0?t:i,value:i!==null&&i!==void 0?i:t})));if(this.query===null&&((t=this.value)===null||t===void 0?void 0:t.length)>0){const t=m(this.source,this.value);this.options=t;this.option=t[0];this.query=(e=(i=t[0])===null||i===void 0?void 0:i.text)!==null&&e!==void 0?e:""}o(this)}))}disconnectedCallback(){clearTimeout(this.$pollInput)}pollInputElement(){this.getDirectInputChanges();this.$pollInput=setTimeout((()=>{this.pollInputElement()}),100)}getDirectInputChanges(){const t=this.elementReferences[-1];const i=t&&t.value!==this.query;if(i){this.handleInputChange({target:{value:t.value}})}}get childOpts(){return Array.from(this.el.querySelectorAll("admiralty-autocomplete-option"))}hasAutoselect(){return h()?false:this.autoselect}templateInputValue(t){return t}templateSuggestion(t){return t}handleComponentBlur(t){let i;if(this.confirmOnBlur){i=t.query||this.query;const o=p(this.source,i);const e=(i===null||i===void 0?void 0:i.length)>0&&o.length>0;const a=e?o[0]:{value:null,text:""};this.value=a.value}else{i=this.query}this.focused=null;this.menuOpen=t.menuOpen||false;this.selected=null;this.validChoiceMade=this.isQueryAnOption(i,this.options)}handleListMouseLeave(){this.hovered=null}handleOptionBlur(t,i){var o,e;const a=t.relatedTarget===null;const s=t.relatedTarget===this.elementReferences[-1];const l=this.focused!==i&&this.focused!==-1;const n=!l&&a||!(l||s);if(n){const t=this.menuOpen&&h();this.handleComponentBlur({menuOpen:t,query:this.templateInputValue((e=(o=this.options[this.selected])===null||o===void 0?void 0:o.text)!==null&&e!==void 0?e:"")})}}handleInputBlur(t){const i=this.focused!==-1;if(!i){const t=this.menuOpen&&h();this.handleComponentBlur({menuOpen:t,query:this.query})}}handleInputChange(t){const i=this.hasAutoselect();const o=t.target.value;const e=o.length===0;const a=this.query!==o;const s=o.length>=this.minLength;this.query=o;this.ariaHint=e;const l=this.showAllValues||!e&&a&&s;if(l){const t=this.filterFunction?this.filterFunction(this.query):p(this.source,this.query);const o=t.length>0;this.menuOpen=o;this.options=t;this.selected=i&&o?0:-1;this.validChoiceMade=false}else if(e||!s){this.menuOpen=false;this.options=[]}}handleInputClick(t){this.handleInputChange(t)}handleInputFocus(t){var i;const o=!this.validChoiceMade&&((i=this.query)===null||i===void 0?void 0:i.length)>=this.minLength&&this.options.length>0;if(o){this.focused=-1;this.menuOpen=o||this.menuOpen;this.selected=-1}else{this.focused=-1}}handleOptionFocus(t){this.focused=t;this.hovered=null;this.selected=t}handleOptionMouseEnter(t){if(!h()){this.hovered=t}}handleOptionClick(t,i){const e=this.options[i];this.value=e.value;this.focused=-1;this.hovered=null;this.menuOpen=false;this.selected=i;this.validChoiceMade=true;o(this)}handleOptionMouseDown(t){t.preventDefault()}handleUpArrow(t){t.preventDefault();const i=this.selected!==-1;const o=i&&this.menuOpen;if(o){this.handleOptionFocus(this.selected-1)}}handleDownArrow(t){t.preventDefault();if(this.showAllValues&&this.menuOpen===false){t.preventDefault();const i=p(this.source,"");this.menuOpen=true;this.options=i;this.selected=0;this.focused=0;this.hovered=null}else if(this.menuOpen===true){const t=this.selected!==this.options.length-1;const i=t&&this.menuOpen;if(i){this.handleOptionFocus(this.selected+1)}}}handleSpace(t){if(this.showAllValues&&this.menuOpen===false&&this.query===""){t.preventDefault();const i=p(this.source,"");this.menuOpen=true;this.options=i}const i=this.focused!==-1;if(i){t.preventDefault();this.handleOptionClick(t,this.focused)}}handleEnter(t){if(this.menuOpen){t.preventDefault();const i=this.selected>=0;if(i){this.handleOptionClick(t,this.selected)}}}handlePrintableKey(t){const i=this.elementReferences[-1];const o=t.target===i;if(!o){i.focus()}}handleKeyDown(t){switch(d[t.keyCode]){case"up":this.handleUpArrow(t);break;case"down":this.handleDownArrow(t);break;case"space":this.handleSpace(t);break;case"enter":this.handleEnter(t);break;case"escape":this.handleComponentBlur({query:this.query,menuOpen:this.menuOpen});break;default:if(u(t.keyCode)){this.handlePrintableKey(t)}break}}render(){var t,i,o,a,s,l;const n=this.el.id!=""?this.el.id:`admiralty-autocomplete-${this.internalId}`;const r=`${n}-input`;const c=`${n}-hint`;const d=`${n}-error`;const u=this.focused===-1;const p=this.options.length===0;const m=((t=this.query)===null||t===void 0?void 0:t.length)!==0;const y=((i=this.query)===null||i===void 0?void 0:i.length)>=this.minLength;const f=this.showNoOptionsFound&&u&&p&&m&&y;const v=`${this.cssNamespace}__wrapper`;const b=this.focused!==-1&&this.focused!==null;const _=`${this.cssNamespace}__option`;const g=n+"__assistiveHint";const x={"aria-describedby":`${this.hint?c:""} ${this.ariaHint?g:""} ${this.invalid?d:""}`,"aria-expanded":this.menuOpen?"true":"false","aria-activedescendant":b?`${n}__option--${this.focused}`:null,"aria-owns":`${n}__listbox`,"aria-autocomplete":this.hasAutoselect()?"both":"list"};const w=`${this.cssNamespace}__input`;const k=[w,this.showAllValues?`${w}--show-all-values`:`${w}--default`];const $=this.focused!==null;if($){k.push(`${w}--focused`)}if(this.inputClasses){k.push(this.inputClasses)}if(this.invalid&&this.invalidMessage){k.push(`${w}--invalid`)}if(this.disabled){k.push(`${w}--disabled`)}const C=`${this.cssNamespace}__menu`;const O=`${C}--${this.displayMenu}`;const z=this.menuOpen||f;const I=`${C}--${z?"visible":"hidden"}`;const M=[C,O,I];if(this.menuClasses){M.push(this.menuClasses)}if(((o=this.menuAttributes)===null||o===void 0?void 0:o.class)||((a=this.menuAttributes)===null||a===void 0?void 0:a.className)){M.push(((s=this.menuAttributes)===null||s===void 0?void 0:s.class)||((l=this.menuAttributes)===null||l===void 0?void 0:l.className))}const A=Object.assign(Object.assign({},this.menuAttributes),{id:`${n}__listbox`,role:"listbox",onMouseLeave:this.handleListMouseLeave});delete A.class;return e("div",{key:"7faefe76cabae9db2db34f9b97cba36b4eacceae",class:v,onKeyDown:t=>this.handleKeyDown(t)},this.label?e("admiralty-label",{class:"autocomplete__label",disabled:this.disabled,for:r},this.label):null,this.hint?e("admiralty-hint",{id:c,disabled:this.disabled},this.hint):null,e("div",{key:"b565aff8d5bc7b3beb12e6d1064ccd1db5c7918b",class:"autocomplete__input-wrapper"},e("input",Object.assign({key:"656218b52503543cba546f0b26854fd32f4dc73f"},x,{disabled:this.disabled,"aria-disabled":this.disabled,autoComplete:"off",class:k.join(" "),id:r,onClick:t=>this.handleInputClick(t),onBlur:t=>this.handleInputBlur(t),onInput:t=>this.handleInputChange(t),onFocus:t=>this.handleInputFocus(t),name:this.name,placeholder:this.placeholder,ref:t=>{this.elementReferences[-1]=t},type:"text",role:"combobox",required:this.required,value:this.query})),this.showAllValues&&e("admiralty-icon",{key:"29598d288e0f3f685f22fc084150591c722238e7",class:`autocomplete-down-icon ${this.disabled?"disabled":""}`,name:this.menuOpen||f?"keyboard-arrow-up-rounded":"keyboard-arrow-down-rounded"})),e("ul",Object.assign({key:"51841ead6ef653b1e541ebabc55766d0f675fe81"},A,{class:M.join(" ")}),this.options.map(((t,i)=>{const o=this.focused===-1?this.selected===i:this.focused===i;const a=o&&this.hovered===null?` ${_}--focused`:"";const s=h()?`<span id=${n}__option-suffix--${i} style="border:0;clip:rect(0 0 0 0);height:1px;`+"marginBottom:-1px;marginRight:-1px;overflow:hidden;padding:0;position:absolute;"+'whiteSpace:nowrap;width:1px">'+` ${i+1} of ${this.options.length}</span>`:"";return e("li",{"aria-selected":this.focused===i?"true":"false",class:`${_}${a}`,innerHTML:this.templateSuggestion(t.text)+s,id:`${n}__option--${i}`,key:i,onBlur:t=>this.handleOptionBlur(t,i),onClick:t=>this.handleOptionClick(t,i),onMouseDown:t=>this.handleOptionMouseDown(t),onMouseEnter:()=>this.handleOptionMouseEnter(i),ref:t=>{this.elementReferences[i]=t},role:"option",tabIndex:-1,"aria-posinset":i+1,"aria-setsize":this.options.length})})),f&&e("li",{key:"1b9a449bcfe89244cf6ffca0a0787a528ab48732",class:`${_} ${_}--no-results`},"No results found")),e("span",{key:"fcccb03dbbbb80916b710495bac989ac52214df8",id:g,style:{display:"none"}},this.assistiveHint),this.invalid&&this.invalidMessage&&e("admiralty-input-invalid",{key:"520f3714a9c1f9f229e370c97a99a97e8980dc77",id:d,style:{visibility:this.invalid&&this.invalidMessage?"visible":"hidden"}},this.invalidMessage))}get el(){return a(this)}static get watchers(){return{value:["onValueChange"],focused:["onFocusedChange"]}}};let f=0;y.style=c;export{y as admiralty_autocomplete};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,f as o,h as e,g as a}from"./p-71979ff5.js";const s=(t,i,o)=>{if(typeof MutationObserver==="undefined"){return}const e=new MutationObserver((t=>{o(l(t,i))}));e.observe(t,{childList:true,subtree:true});return e};const l=(t,i)=>{let o;t.forEach((t=>{for(let e=0;e<t.addedNodes.length;e++){o=n(t.addedNodes[e],i)||o}}));return o};const n=(t,i)=>{if(t.nodeType!==1){return undefined}const o=t;const e=o.tagName===i.toUpperCase()?[o]:Array.from(o.querySelectorAll(i));return e.find((t=>t.value===o.value))};const r=".visually-hidden.sc-admiralty-autocomplete:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-autocomplete{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-autocomplete{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-autocomplete{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-autocomplete{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-autocomplete{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-autocomplete{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-autocomplete{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-autocomplete{display:none}}.autocomplete__wrapper.sc-admiralty-autocomplete{position:relative}.autocomplete__hint.sc-admiralty-autocomplete,.autocomplete__input.sc-admiralty-autocomplete{appearance:none;border:2px solid var(--admiralty-text-colour);border-radius:0;box-sizing:border-box;color:var(--admiralty-text-colour);margin-bottom:var(--autocomplete-input-margin-bottom, var(--admiralty-spacing-0));line-height:1.5;width:100%}.autocomplete__label.sc-admiralty-autocomplete{background-color:transparent;position:relative;font-size:var(--admiralty-autocomplete-label-font-size, var(--admiralty-font-size-0))}.autocomplete__input.sc-admiralty-autocomplete{background-color:transparent;position:relative}.autocomplete__hint.sc-admiralty-autocomplete{color:var(--admiralty-text-colour);position:absolute}.autocomplete__input-wrapper.sc-admiralty-autocomplete{position:relative}.autocomplete__input--default.sc-admiralty-autocomplete{padding:var(--admiralty-autocomplete-input-padding, var(--admiralty-spacing-3))}.autocomplete__input--focused.sc-admiralty-autocomplete{outline:3px solid var(--admiralty-focus-colour);outline-offset:0;box-shadow:inset 0 0 0 2px var(--admiralty-text-colour)}.autocomplete__input--show-all-values.sc-admiralty-autocomplete{padding:var(--admiralty-autocomplete-input-display-all-padding, 12px 35px 12px 12px);cursor:pointer}.autocomplete__input--invalid.sc-admiralty-autocomplete{border-color:var(--admiralty-colour-danger)}.autocomplete__input--disabled.sc-admiralty-autocomplete{border-color:var(--admiralty-disabled-colour)}.autocomplete__menu.sc-admiralty-autocomplete{background-color:var(--admiralty-background-colour);border:2px solid var(--admiralty-text-colour);border-top:0;color:var(--admiralty-text-colour);margin:var(--autocomplete-input-menu-margin, var(--admiralty-spacing-0));max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible.sc-admiralty-autocomplete{display:block}.autocomplete__menu--hidden.sc-admiralty-autocomplete{display:none}.autocomplete__menu--overlay.sc-admiralty-autocomplete{box-shadow:rgba(0, 0, 0, 0.256863) 0px 2px 6px;left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline.sc-admiralty-autocomplete{position:relative}.autocomplete__option.sc-admiralty-autocomplete{border-bottom:solid var(--admiralty-colour-light-shade);border-width:1px 0;color:var(--admiralty-text-colour);cursor:pointer;display:block;position:relative;margin-bottom:var(--admiralty-autocomplete-input-option-margin-bottom, var(--admiralty-spacing-0))}.autocomplete__option.sc-admiralty-autocomplete:before{content:none}.autocomplete__option.sc-admiralty-autocomplete>*.sc-admiralty-autocomplete{pointer-events:none}.autocomplete__option.sc-admiralty-autocomplete:first-of-type{border-top-width:0}.autocomplete__option.sc-admiralty-autocomplete:last-of-type{border-bottom-width:0}.autocomplete__option--focused.sc-admiralty-autocomplete,.autocomplete__option.sc-admiralty-autocomplete:hover{background-color:var(--admiralty-colour-info);border-color:var(--admiralty-colour-info);color:var(--admiralty-colour-info-contrast);outline:none}.autocomplete__option--no-results.sc-admiralty-autocomplete{background-color:var(--admiralty-background-colour);color:var(--admiralty-text-colour);text-align:center;margin:var(--admiralty-autocomplete-option-no-results-margin, 50px 0);cursor:not-allowed}.autocomplete__option--no-results.sc-admiralty-autocomplete:hover{background-color:var(--admiralty-background-colour);border-color:var(--admiralty-background-colour);color:var(--admiralty-text-colour);text-align:center;margin:var(--admiralty-autocomplete-option-no-results-hover-margin, 50px 0);cursor:not-allowed}.autocomplete__hint.sc-admiralty-autocomplete,.autocomplete__input.sc-admiralty-autocomplete,.autocomplete__option.sc-admiralty-autocomplete{font-size:var(--admiralty-autocomplete-option-font-size, var(--admiralty-font-size-0));font-weight:var(--admiralty-autocomplete-option-font-weight, var(--admiralty-font-weight-normal))}.autocomplete__hint.sc-admiralty-autocomplete,.autocomplete__option.sc-admiralty-autocomplete{padding:var(--admiralty-autocomplete-option-padding, var(--admiralty-spacing-2))}.autocomplete-down-icon.sc-admiralty-autocomplete{font-size:var(--admiralty-autocomplete-icon-font-size, var(--admiralty-font-size-5));font-weight:var(--admiralty-autocomplete-icon-font-weight, var(--admiralty-font-weight-normal));pointer-events:none;position:absolute;right:6px;top:10px}admiralty-icon.disabled.sc-admiralty-autocomplete{color:var(--admiralty-disabled-colour)}admiralty-input-invalid.sc-admiralty-autocomplete{margin-top:6px}";const c=r;const d={13:"enter",27:"escape",32:"space",38:"up",40:"down"};function h(){return typeof navigator!=="undefined"&&!!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g)&&navigator.userAgent.match(/AppleWebKit/g))}function u(t){return t>47&&t<58||t===32||t===8||t>64&&t<91||t>95&&t<112||t>185&&t<193||t>218&&t<223}function p(t,i){return t.filter((({text:t})=>t.toLowerCase().indexOf(i.toLowerCase())!==-1))}function m(t,i){return t.filter((({value:t})=>t.toString().toLowerCase().indexOf(i.toLowerCase())!==-1))}const y=class{constructor(o){t(this,o);this.admiraltyChange=i(this,"admiraltyChange",7);this.internalId=++f;this.elementReferences={};this.source=[];this.autoselect=false;this.cssNamespace="autocomplete";this.displayMenu="inline";this.minLength=0;this.name=undefined;this.placeholder="";this.confirmOnBlur=true;this.showNoOptionsFound=true;this.showAllValues=true;this.required=false;this.assistiveHint="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.menuAttributes=undefined;this.inputClasses=undefined;this.menuClasses=undefined;this.label=null;this.hint=null;this.invalid=false;this.invalidMessage=null;this.disabled=false;this.value=null;this.filterFunction=undefined;this.focused=null;this.hovered=null;this.menuOpen=false;this.options=[];this.option=null;this.query=null;this.validChoiceMade=false;this.selected=null;this.ariaHint=true}onValueChange(t,i){var o,e;if(this.source.length===0){return}if(t&&t.length>0){const i=m(this.source,t);const o=i.length>0;this.options=i;this.validChoiceMade=o;this.option=i[0];this.query=o?i[0].text:"";this.menuOpen=false;this.ariaHint=false}else{this.options=[];this.option=null;this.query="";this.ariaHint=true}this.admiraltyChange.emit({value:(e=(o=this.option)===null||o===void 0?void 0:o.value)!==null&&e!==void 0?e:""})}onFocusedChange(t,i){var o;const e=this.focused===null;const a=i!==t;const s=a&&!e;if(s){(o=this.elementReferences[this.focused])===null||o===void 0?void 0:o.focus()}const l=this.focused===-1;const n=a&&i===null;const r=l&&n;if(r){const t=this.elementReferences[this.focused];t.setSelectionRange(0,t.value.length)}}isQueryAnOption(t,i){return i.map((({text:t})=>this.templateInputValue(t).toLowerCase())).indexOf(t.toLowerCase())!==-1}connectedCallback(){this.mutation=s(this.el,"admiralty-autocomplete-option",(async()=>{var t,i,e;this.source=this.filterFunction?this.filterFunction(""):this.childOpts.map((({textContent:t,value:i})=>({text:(t===null||t===void 0?void 0:t.length)>0?t:i,value:i!==null&&i!==void 0?i:t})));if(this.query===null&&((t=this.value)===null||t===void 0?void 0:t.length)>0){const t=m(this.source,this.value);this.options=t;this.option=t[0];this.query=(e=(i=t[0])===null||i===void 0?void 0:i.text)!==null&&e!==void 0?e:""}o(this)}))}disconnectedCallback(){clearTimeout(this.$pollInput)}pollInputElement(){this.getDirectInputChanges();this.$pollInput=setTimeout((()=>{this.pollInputElement()}),100)}getDirectInputChanges(){const t=this.elementReferences[-1];const i=t&&t.value!==this.query;if(i){this.handleInputChange({target:{value:t.value}})}}get childOpts(){return Array.from(this.el.querySelectorAll("admiralty-autocomplete-option"))}hasAutoselect(){return h()?false:this.autoselect}templateInputValue(t){return t}templateSuggestion(t){return t}handleComponentBlur(t){let i;if(this.confirmOnBlur){i=t.query||this.query;const o=p(this.source,i);const e=(i===null||i===void 0?void 0:i.length)>0&&o.length>0;const a=e?o[0]:{value:null,text:""};this.value=a.value}else{i=this.query}this.focused=null;this.menuOpen=t.menuOpen||false;this.selected=null;this.validChoiceMade=this.isQueryAnOption(i,this.options)}handleListMouseLeave(){this.hovered=null}handleOptionBlur(t,i){var o,e;const a=t.relatedTarget===null;const s=t.relatedTarget===this.elementReferences[-1];const l=this.focused!==i&&this.focused!==-1;const n=!l&&a||!(l||s);if(n){const t=this.menuOpen&&h();this.handleComponentBlur({menuOpen:t,query:this.templateInputValue((e=(o=this.options[this.selected])===null||o===void 0?void 0:o.text)!==null&&e!==void 0?e:"")})}}handleInputBlur(t){const i=this.focused!==-1;if(!i){const t=this.menuOpen&&h();this.handleComponentBlur({menuOpen:t,query:this.query})}}handleInputChange(t){const i=this.hasAutoselect();const o=t.target.value;const e=o.length===0;const a=this.query!==o;const s=o.length>=this.minLength;this.query=o;this.ariaHint=e;const l=this.showAllValues||!e&&a&&s;if(l){const t=this.filterFunction?this.filterFunction(this.query):p(this.source,this.query);const o=t.length>0;this.menuOpen=o;this.options=t;this.selected=i&&o?0:-1;this.validChoiceMade=false}else if(e||!s){this.menuOpen=false;this.options=[]}}handleInputClick(t){this.handleInputChange(t)}handleInputFocus(t){var i;const o=!this.validChoiceMade&&((i=this.query)===null||i===void 0?void 0:i.length)>=this.minLength&&this.options.length>0;if(o){this.focused=-1;this.menuOpen=o||this.menuOpen;this.selected=-1}else{this.focused=-1}}handleOptionFocus(t){this.focused=t;this.hovered=null;this.selected=t}handleOptionMouseEnter(t){if(!h()){this.hovered=t}}handleOptionClick(t,i){const e=this.options[i];this.value=e.value;this.focused=-1;this.hovered=null;this.menuOpen=false;this.selected=i;this.validChoiceMade=true;o(this)}handleOptionMouseDown(t){t.preventDefault()}handleUpArrow(t){t.preventDefault();const i=this.selected!==-1;const o=i&&this.menuOpen;if(o){this.handleOptionFocus(this.selected-1)}}handleDownArrow(t){t.preventDefault();if(this.showAllValues&&this.menuOpen===false){t.preventDefault();const i=p(this.source,"");this.menuOpen=true;this.options=i;this.selected=0;this.focused=0;this.hovered=null}else if(this.menuOpen===true){const t=this.selected!==this.options.length-1;const i=t&&this.menuOpen;if(i){this.handleOptionFocus(this.selected+1)}}}handleSpace(t){if(this.showAllValues&&this.menuOpen===false&&this.query===""){t.preventDefault();const i=p(this.source,"");this.menuOpen=true;this.options=i}const i=this.focused!==-1;if(i){t.preventDefault();this.handleOptionClick(t,this.focused)}}handleEnter(t){if(this.menuOpen){t.preventDefault();const i=this.selected>=0;if(i){this.handleOptionClick(t,this.selected)}}}handlePrintableKey(t){const i=this.elementReferences[-1];const o=t.target===i;if(!o){i.focus()}}handleKeyDown(t){switch(d[t.keyCode]){case"up":this.handleUpArrow(t);break;case"down":this.handleDownArrow(t);break;case"space":this.handleSpace(t);break;case"enter":this.handleEnter(t);break;case"escape":this.handleComponentBlur({query:this.query,menuOpen:this.menuOpen});break;default:if(u(t.keyCode)){this.handlePrintableKey(t)}break}}render(){var t,i,o,a,s,l;const n=this.el.id!=""?this.el.id:`admiralty-autocomplete-${this.internalId}`;const r=`${n}-input`;const c=`${n}-hint`;const d=`${n}-error`;const u=this.focused===-1;const p=this.options.length===0;const m=((t=this.query)===null||t===void 0?void 0:t.length)!==0;const y=((i=this.query)===null||i===void 0?void 0:i.length)>=this.minLength;const f=this.showNoOptionsFound&&u&&p&&m&&y;const v=`${this.cssNamespace}__wrapper`;const b=this.focused!==-1&&this.focused!==null;const _=`${this.cssNamespace}__option`;const g=n+"__assistiveHint";const x={"aria-describedby":`${this.hint?c:""} ${this.ariaHint?g:""} ${this.invalid?d:""}`,"aria-expanded":this.menuOpen?"true":"false","aria-activedescendant":b?`${n}__option--${this.focused}`:null,"aria-owns":`${n}__listbox`,"aria-autocomplete":this.hasAutoselect()?"both":"list"};const w=`${this.cssNamespace}__input`;const k=[w,this.showAllValues?`${w}--show-all-values`:`${w}--default`];const $=this.focused!==null;if($){k.push(`${w}--focused`)}if(this.inputClasses){k.push(this.inputClasses)}if(this.invalid&&this.invalidMessage){k.push(`${w}--invalid`)}if(this.disabled){k.push(`${w}--disabled`)}const C=`${this.cssNamespace}__menu`;const O=`${C}--${this.displayMenu}`;const z=this.menuOpen||f;const I=`${C}--${z?"visible":"hidden"}`;const M=[C,O,I];if(this.menuClasses){M.push(this.menuClasses)}if(((o=this.menuAttributes)===null||o===void 0?void 0:o.class)||((a=this.menuAttributes)===null||a===void 0?void 0:a.className)){M.push(((s=this.menuAttributes)===null||s===void 0?void 0:s.class)||((l=this.menuAttributes)===null||l===void 0?void 0:l.className))}const A=Object.assign(Object.assign({},this.menuAttributes),{id:`${n}__listbox`,role:"listbox",onMouseLeave:this.handleListMouseLeave});delete A.class;return e("div",{key:"2c4f4de70eafb23a72eac18e652df18938185c05",class:v,onKeyDown:t=>this.handleKeyDown(t)},this.label?e("admiralty-label",{class:"autocomplete__label",disabled:this.disabled,for:r},this.label):null,this.hint?e("admiralty-hint",{id:c,disabled:this.disabled},this.hint):null,e("div",{key:"7d95d752519d068338dc3bf0df28dd276b9f5a7f",class:"autocomplete__input-wrapper"},e("input",Object.assign({key:"d69fb8a369d5441f57c35ae626d73df1776ad6f8"},x,{disabled:this.disabled,"aria-disabled":this.disabled,autoComplete:"off",class:k.join(" "),id:r,onClick:t=>this.handleInputClick(t),onBlur:t=>this.handleInputBlur(t),onInput:t=>this.handleInputChange(t),onFocus:t=>this.handleInputFocus(t),name:this.name,placeholder:this.placeholder,ref:t=>{this.elementReferences[-1]=t},type:"text",role:"combobox",required:this.required,value:this.query})),this.showAllValues&&e("admiralty-icon",{key:"a4b8c6d5c6106bf0c5d81bbef70f6eade999b832",class:`autocomplete-down-icon ${this.disabled?"disabled":""}`,name:this.menuOpen||f?"keyboard-arrow-up-rounded":"keyboard-arrow-down-rounded"})),e("ul",Object.assign({key:"577e1a22af0c8f5327e16a826a8baf9d57ec48e8"},A,{class:M.join(" ")}),this.options.map(((t,i)=>{const o=this.focused===-1?this.selected===i:this.focused===i;const a=o&&this.hovered===null?` ${_}--focused`:"";const s=h()?`<span id=${n}__option-suffix--${i} style="border:0;clip:rect(0 0 0 0);height:1px;`+"marginBottom:-1px;marginRight:-1px;overflow:hidden;padding:0;position:absolute;"+'whiteSpace:nowrap;width:1px">'+` ${i+1} of ${this.options.length}</span>`:"";return e("li",{"aria-selected":this.focused===i?"true":"false",class:`${_}${a}`,innerHTML:this.templateSuggestion(t.text)+s,id:`${n}__option--${i}`,key:i,onBlur:t=>this.handleOptionBlur(t,i),onClick:t=>this.handleOptionClick(t,i),onMouseDown:t=>this.handleOptionMouseDown(t),onMouseEnter:()=>this.handleOptionMouseEnter(i),ref:t=>{this.elementReferences[i]=t},role:"option",tabIndex:-1,"aria-posinset":i+1,"aria-setsize":this.options.length})})),f&&e("li",{key:"f41c4e890f2aafdf453c38e2da043a2a2a041e5d",class:`${_} ${_}--no-results`},"No results found")),e("span",{key:"6b4795f5cefb345402c8228c43bac193a8e052e9",id:g,style:{display:"none"}},this.assistiveHint),this.invalid&&this.invalidMessage&&e("admiralty-input-invalid",{key:"1464b41ccbcbcb38f8510579c192831a4e582398",id:d,style:{visibility:this.invalid&&this.invalidMessage?"visible":"hidden"}},this.invalidMessage))}get el(){return a(this)}static get watchers(){return{value:["onValueChange"],focused:["onFocusedChange"]}}};let f=0;y.style=c;export{y as admiralty_autocomplete};
|
|
2
|
+
//# sourceMappingURL=p-69153f62.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["watchForOptions","containerEl","tagName","onChange","MutationObserver","mutation","mutationList","getSelectedOption","observe","childList","subtree","newOption","forEach","mut","i","addedNodes","length","findCheckedOption","node","nodeType","undefined","el","options","toUpperCase","Array","from","querySelectorAll","find","o","value","autocompleteCss","AdmiraltyAutocompleteStyle0","keyCodes","isIosDevice","navigator","userAgent","match","isPrintableKeyCode","keyCode","filterOptions","searchTerm","filter","text","toLowerCase","indexOf","filterOptionsByValue","toString","AutocompleteComponent","this","internalId","nextId","elementReferences","source","onValueChange","newVal","_","matches","matchFound","validChoiceMade","option","query","menuOpen","ariaHint","admiraltyChange","emit","_b","_a","onFocusedChange","oldVal","componentLostFocus","focused","focusedChanged","focusDifferentElement","focus","focusedInput","componentGainedFocus","selectAllText","inputElement","setSelectionRange","isQueryAnOption","map","templateInputValue","connectedCallback","async","filterFunction","childOpts","textContent","_c","forceUpdate","disconnectedCallback","clearTimeout","$pollInput","pollInputElement","getDirectInputChanges","setTimeout","inputReference","queryHasChanged","handleInputChange","target","hasAutoselect","autoselect","templateSuggestion","handleComponentBlur","newState","newQuery","confirmOnBlur","selected","handleListMouseLeave","hovered","handleOptionBlur","event","index","focusingOutsideComponent","relatedTarget","focusingInput","focusingAnotherOption","blurComponent","keepMenuOpen","handleInputBlur","focusingAnOption","queryEmpty","queryChanged","queryLongEnough","minLength","searchForOptions","showAllValues","optionsAvailable","handleInputClick","handleInputFocus","shouldReopenMenu","handleOptionFocus","handleOptionMouseEnter","handleOptionClick","selectedOption","handleOptionMouseDown","preventDefault","handleUpArrow","isNotAtTop","allowMoveUp","handleDownArrow","isNotAtBottom","allowMoveDown","handleSpace","focusIsOnOption","handleEnter","hasSelectedOption","handlePrintableKey","eventIsOnInput","handleKeyDown","render","id","inputId","hintId","errorId","inputFocused","noOptionsAvailable","queryNotEmpty","showNoOptionsFound","wrapperClassName","cssNamespace","optionFocused","optionClassName","assistiveHintID","ariaProps","hint","invalid","inputClassName","inputClassList","componentIsFocused","push","inputClasses","invalidMessage","disabled","menuClassName","menuModifierDisplayMenu","displayMenu","menuIsVisible","menuModifierVisibility","menuClassList","menuClasses","menuAttributes","class","_d","className","_e","_f","computedMenuAttributes","Object","assign","role","onMouseLeave","h","key","onKeyDown","label","for","autoComplete","join","onClick","onBlur","onInput","onFocus","name","placeholder","ref","type","required","showFocused","optionModifierFocused","iosPosinsetHtml","innerHTML","onMouseDown","onMouseEnter","optionEl","tabIndex","style","display","assistiveHint","visibility"],"sources":["src/components/autocomplete/optionsWatcher.ts","src/components/autocomplete/autocomplete.scss?tag=admiralty-autocomplete&encapsulation=scoped","src/components/autocomplete/autocomplete.tsx"],"sourcesContent":["export const watchForOptions = <T extends HTMLElement>(containerEl: HTMLElement, tagName: string, onChange: (el: T | undefined) => void) => {\n if (typeof MutationObserver === 'undefined') {\n return;\n }\n\n const mutation = new MutationObserver(mutationList => {\n onChange(getSelectedOption<T>(mutationList, tagName));\n });\n mutation.observe(containerEl, {\n childList: true,\n subtree: true,\n });\n return mutation;\n};\n\nconst getSelectedOption = <T extends HTMLElement>(mutationList: MutationRecord[], tagName: string): T | undefined => {\n let newOption: T | undefined;\n mutationList.forEach(mut => {\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (let i = 0; i < mut.addedNodes.length; i++) {\n newOption = findCheckedOption<T>(mut.addedNodes[i], tagName) || newOption;\n }\n });\n return newOption;\n};\n\n/**\n * The \"value\" key is only set on some components such as ion-select-option.\n * As a result, we create a default union type of HTMLElement and the \"value\" key.\n * However, implementers are required to provide the appropriate component type\n * such as HTMLIonSelectOptionElement.\n */\nexport const findCheckedOption = <T extends HTMLElement & { value?: any | null }>(node: Node, tagName: string) => {\n /**\n * https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n * The above check ensures \"node\" is an Element (nodeType 1).\n */\n if (node.nodeType !== 1) {\n return undefined;\n }\n\n // HTMLElement inherits from Element, so we cast \"el\" as T.\n const el = node as T;\n\n const options: T[] = el.tagName === tagName.toUpperCase() ? [el] : Array.from(el.querySelectorAll(tagName));\n\n return options.find((o: T) => o.value === el.value);\n};\n","@import './autocomplete.vars';\n\n.autocomplete__wrapper {\n position: relative;\n}\n\n.autocomplete__hint,\n.autocomplete__input {\n appearance: none;\n border: 2px solid $autocomplete-input-border-colour;\n border-radius: 0; /* Safari 10 on iOS adds implicit border rounding. */\n box-sizing: border-box;\n color: $autocomplete-text-colour;\n margin-bottom: $autocomplete-input-margin-bottom; /* BUG: Safari 10 on macOS seems to add an implicit margin. */\n line-height: 1.5;\n width: 100%;\n}\n\n.autocomplete__label {\n background-color: transparent;\n position: relative;\n font-size: $autocomplete-label-font-size;\n}\n\n.autocomplete__input {\n background-color: transparent;\n position: relative;\n}\n\n.autocomplete__hint {\n color: $autocomplete-text-colour;\n position: absolute;\n}\n\n.autocomplete__input-wrapper {\n position: relative;\n}\n\n.autocomplete__input--default {\n padding: $autocomplete-input-padding;\n}\n\n.autocomplete__input--focused {\n outline: 3px solid $autocomplete-focus-colour;\n outline-offset: 0;\n box-shadow: inset 0 0 0 2px $autocomplete-text-colour;\n}\n\n.autocomplete__input--show-all-values {\n padding: $autocomplete-input-display-all-padding;\n cursor: pointer;\n}\n\n.autocomplete__input--invalid {\n border-color: $autocomplete-error-border-colour;\n}\n\n.autocomplete__input--disabled {\n border-color: $autocomplete-disabled-border-colour;\n}\n\n.autocomplete__menu {\n background-color: $autocomplete-background-colour;\n border: 2px solid $autocomplete-input-border-colour;\n border-top: 0;\n color: $autocomplete-text-colour;\n margin: $autocomplete-input-menu-margin;\n max-height: 342px;\n overflow-x: hidden;\n padding: 0;\n width: 100%;\n width: calc(100% - 4px);\n}\n\n.autocomplete__menu--visible {\n display: block;\n}\n\n.autocomplete__menu--hidden {\n display: none;\n}\n\n.autocomplete__menu--overlay {\n box-shadow: rgba(0, 0, 0, 0.256863) 0px 2px 6px;\n left: 0;\n position: absolute;\n top: 100%;\n z-index: 100;\n}\n\n.autocomplete__menu--inline {\n position: relative;\n}\n\n.autocomplete__option {\n border-bottom: solid $autocomplete-option-border-colour;\n border-width: 1px 0;\n color: $autocomplete-text-colour;\n cursor: pointer;\n display: block;\n position: relative;\n margin-bottom: $autocomplete-input-option-margin-bottom;\n}\n\n.autocomplete__option:before {\n content: none;\n}\n\n.autocomplete__option > * {\n pointer-events: none;\n}\n\n.autocomplete__option:first-of-type {\n border-top-width: 0;\n}\n\n.autocomplete__option:last-of-type {\n border-bottom-width: 0;\n}\n\n.autocomplete__option--focused,\n.autocomplete__option:hover {\n background-color: $autocomplete-option-hover-background-colour;\n border-color: $autocomplete-option-hover-background-colour;\n color: $autocomplete-option-hover-text-colour;\n outline: none;\n}\n\n.autocomplete__option--no-results {\n background-color: $autocomplete-option-no-results-background-colour;\n color: $autocomplete-option-no-results-text-colour;\n text-align: center;\n margin: $autocomplete-input-option-no-results-margin;\n cursor: not-allowed;\n}\n.autocomplete__option--no-results:hover {\n background-color: $autocomplete-option-no-results-background-colour;\n border-color: $autocomplete-option-no-results-background-colour;\n color: $autocomplete-option-no-results-text-colour;\n text-align: center;\n margin: $autocomplete-option-no-results-hover-margin;\n cursor: not-allowed;\n}\n\n.autocomplete__hint,\n.autocomplete__input,\n.autocomplete__option {\n font-size: $autocomplete-option-font-size;\n font-weight: $autocomplete-option-font-weight;\n}\n\n.autocomplete__hint,\n.autocomplete__option {\n padding: $autocomplete-option-padding;\n}\n\n.autocomplete-down-icon {\n font-size: $autocomplete-icon-font-size;\n font-weight: $autocomplete-icon-font-weight;\n pointer-events: none;\n position: absolute;\n right: 6px;\n top: 10px;\n}\n\nadmiralty-icon.disabled {\n color: $autocomplete-dropdown-icon-colour;\n}\n\nadmiralty-input-invalid {\n margin-top: 6px;\n}\n","/**\n * This component takes heavy inspiration from the autocomplete component created by alphagov: https://github.com/alphagov/accessible-autocomplete\n */\n\nimport { Component, forceUpdate, Prop, State, h, Element, EventEmitter, Event, Watch } from '@stencil/core';\nimport { watchForOptions } from './optionsWatcher';\nimport { AutoCompleteChangeEventDetail, Option } from './autocomplete.interface';\n\nconst keyCodes = {\n 13: 'enter',\n 27: 'escape',\n 32: 'space',\n 38: 'up',\n 40: 'down',\n};\n\nfunction isIosDevice() {\n return typeof navigator !== 'undefined' && !!(navigator.userAgent.match(/(iPod|iPhone|iPad)/g) && navigator.userAgent.match(/AppleWebKit/g));\n}\n\nfunction isPrintableKeyCode(keyCode) {\n return (\n (keyCode > 47 && keyCode < 58) || // number keys\n keyCode === 32 ||\n keyCode === 8 || // spacebar or backspace\n (keyCode > 64 && keyCode < 91) || // letter keys\n (keyCode > 95 && keyCode < 112) || // numpad keys\n (keyCode > 185 && keyCode < 193) || // ;=,-./` (in order)\n (keyCode > 218 && keyCode < 223) // [\\]' (in order)\n );\n}\n\nfunction filterOptions(options: Option[], searchTerm: string) {\n return options.filter(({ text }) => text.toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1);\n}\n\nfunction filterOptionsByValue(options: Option[], searchTerm: string) {\n return options.filter(({ value }) => value.toString().toLowerCase().indexOf(searchTerm.toLowerCase()) !== -1);\n}\n\n@Component({\n tag: 'admiralty-autocomplete',\n styleUrl: 'autocomplete.scss',\n scoped: true,\n})\nexport class AutocompleteComponent {\n private internalId = ++nextId;\n\n @Element() el!: HTMLAdmiraltyAutocompleteElement;\n\n /**\n * Automatically select the first matching option.\n */\n @Prop() autoselect: boolean = false;\n /**\n * The default CSS namespace.\n */\n @Prop() cssNamespace: string = 'autocomplete';\n /**\n * When set to `overlay` this option will display the menu as an absolutely positioned overlay instead of inline.\n */\n @Prop() displayMenu: string = 'inline';\n /**\n * Prevent displaying options until the minimum string length is reached. Ignored when show all values is enabled.\n */\n @Prop() minLength: number = 0;\n /**\n * The name for the `<input>` element.\n */\n @Prop() name: string;\n /**\n * Populate the placeholder attribute on the `<input>` element.\n */\n @Prop() placeholder: string = '';\n /**\n * Toggle automatically confirming a selection when the field is blurred.\n */\n @Prop() confirmOnBlur: boolean = true;\n /**\n * Toggle whether to display the \"No results found\" message.\n */\n @Prop() showNoOptionsFound: boolean = true;\n /**\n * Toggle showing all values when the input is clicked, like a default dropdown. This will hide the chevron when set to false.\n */\n @Prop() showAllValues: boolean = true;\n /**\n * Populates the required field on the `<input>` element.\n */\n @Prop() required: boolean = false;\n /**\n * The hint that is provided to assistive users.\n */\n @Prop() assistiveHint: string =\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\n /**\n * Sets HTML attributes and their values on the generated `ul` menu element. Useful for adding `aria-labelledby`\n * and setting to the value of the `id` attribute on your existing label, to provide context to an assistive\n * technology user. e.g.\n * ```\n * const menuAttributes = {\n * className: 'custom-className',\n * class: 'custom-class',\n * id: 'custom-id',\n * role: 'custom-role'\n * }\n * ```\n * */\n @Prop() menuAttributes: any;\n /**\n * Classes to add to the component's `<input>` element.\n */\n @Prop() inputClasses: string;\n /**\n * Classes to add to the menu displaying the options.\n */\n @Prop() menuClasses: string;\n /**\n * The text that will be used as a field label.\n */\n @Prop() label: string = null;\n /**\n * TThe text which will be used under the label to describe the input.\n */\n @Prop() hint: string = null;\n /**\n * Whether to show that the component is in an invalid state.\n */\n @Prop() invalid: boolean = false;\n /**\n * The message to show when the component is invalid.\n */\n @Prop() invalidMessage: string = null;\n /**\n * When `true`, the component cannot be interacted with.\n */\n @Prop() disabled: boolean = false;\n /**\n * The value of the input.\n */\n @Prop({ mutable: true }) value?: string | null = null;\n\n /**\n * Custom filter function that can be used instead of rendering options into the DOM.\n */\n @Prop() filterFunction: (query: string) => Option[];\n\n /**\n * Emitted when the value has changed.\n */\n @Event() admiraltyChange: EventEmitter<AutoCompleteChangeEventDetail>;\n\n elementReferences = {};\n $pollInput: NodeJS.Timeout;\n\n source: Option[] = [];\n\n @State() focused: number | null = null;\n @State() hovered: number | null = null;\n @State() menuOpen: boolean = false;\n @State() options: Option[] = [];\n @State() option: Option = null;\n @State() query: string = null;\n @State() validChoiceMade: boolean = false;\n @State() selected: number | null = null;\n @State() ariaHint: boolean = true;\n\n @Watch('value')\n onValueChange(newVal: string, _: string) {\n if (this.source.length === 0) {\n // If this is the initial render, the options won't have been set yet, so do nothing\n return;\n }\n if (newVal && newVal.length > 0) {\n const matches = filterOptionsByValue(this.source, newVal);\n const matchFound = matches.length > 0;\n this.options = matches;\n this.validChoiceMade = matchFound;\n this.option = matches[0];\n this.query = matchFound ? matches[0].text : '';\n this.menuOpen = false;\n this.ariaHint = false;\n } else {\n this.options = [];\n this.option = null;\n this.query = '';\n this.ariaHint = true;\n }\n\n this.admiraltyChange.emit({ value: this.option?.value ?? '' });\n }\n\n @Watch('focused')\n onFocusedChange(newVal: number | null, oldVal: number | null) {\n const componentLostFocus = this.focused === null;\n const focusedChanged = oldVal !== newVal;\n const focusDifferentElement = focusedChanged && !componentLostFocus;\n if (focusDifferentElement) {\n this.elementReferences[this.focused]?.focus();\n }\n const focusedInput = this.focused === -1;\n const componentGainedFocus = focusedChanged && oldVal === null;\n const selectAllText = focusedInput && componentGainedFocus;\n if (selectAllText) {\n const inputElement = this.elementReferences[this.focused];\n inputElement.setSelectionRange(0, inputElement.value.length);\n }\n }\n\n isQueryAnOption(query: string, options: Option[]) {\n return options.map(({ text }) => this.templateInputValue(text).toLowerCase()).indexOf(query.toLowerCase()) !== -1;\n }\n\n connectedCallback() {\n this.mutation = watchForOptions<HTMLAdmiraltyAutocompleteOptionElement>(this.el, 'admiralty-autocomplete-option', async () => {\n this.source = this.filterFunction\n ? this.filterFunction('')\n : this.childOpts.map(({ textContent, value }) => ({\n text: textContent?.length > 0 ? textContent : value,\n value: value ?? textContent,\n }));\n if (this.query === null && this.value?.length > 0) {\n const matches = filterOptionsByValue(this.source, this.value);\n this.options = matches;\n this.option = matches[0];\n this.query = matches[0]?.text ?? '';\n }\n forceUpdate(this);\n });\n // this.pollInputElement();\n }\n\n disconnectedCallback() {\n clearTimeout(this.$pollInput);\n }\n\n // Applications like Dragon NaturallySpeaking will modify the\n // `input` field by directly changing its `.value`. These events\n // don't trigger our JavaScript event listeners, so we need to poll\n // to handle when and if they occur.\n pollInputElement() {\n this.getDirectInputChanges();\n this.$pollInput = setTimeout(() => {\n this.pollInputElement();\n }, 100);\n }\n\n getDirectInputChanges() {\n const inputReference = this.elementReferences[-1];\n const queryHasChanged = inputReference && inputReference.value !== this.query;\n\n if (queryHasChanged) {\n this.handleInputChange({ target: { value: inputReference.value } });\n }\n }\n\n mutation: MutationObserver;\n\n private get childOpts() {\n return Array.from(this.el.querySelectorAll('admiralty-autocomplete-option'));\n }\n\n hasAutoselect() {\n return isIosDevice() ? false : this.autoselect;\n }\n\n // This template is used when converting from a state.options object into a state.query.\n templateInputValue(value) {\n // const inputValueTemplate = this.templates && this.templates.inputValue;\n // return inputValueTemplate ? inputValueTemplate(value) : value;\n return value;\n }\n\n // This template is used when displaying results / suggestions.\n templateSuggestion(value) {\n // const suggestionTemplate = this.templates && this.templates.suggestion;\n // return suggestionTemplate ? suggestionTemplate(value) : value;\n return value;\n }\n\n handleComponentBlur(newState: { menuOpen: boolean; query: string }) {\n let newQuery: string;\n if (this.confirmOnBlur) {\n newQuery = newState.query || this.query;\n const matches = filterOptions(this.source, newQuery);\n const matchFound = newQuery?.length > 0 && matches.length > 0;\n const option = matchFound ? matches[0] : { value: null, text: '' };\n this.value = option.value;\n } else {\n newQuery = this.query;\n }\n this.focused = null;\n this.menuOpen = newState.menuOpen || false;\n this.selected = null;\n this.validChoiceMade = this.isQueryAnOption(newQuery, this.options);\n }\n\n handleListMouseLeave() {\n this.hovered = null;\n }\n\n handleOptionBlur(event, index) {\n const focusingOutsideComponent = event.relatedTarget === null;\n const focusingInput = event.relatedTarget === this.elementReferences[-1];\n const focusingAnotherOption = this.focused !== index && this.focused !== -1;\n const blurComponent = (!focusingAnotherOption && focusingOutsideComponent) || !(focusingAnotherOption || focusingInput);\n if (blurComponent) {\n const keepMenuOpen = this.menuOpen && isIosDevice();\n this.handleComponentBlur({\n menuOpen: keepMenuOpen,\n query: this.templateInputValue(this.options[this.selected]?.text ?? ''),\n });\n }\n }\n\n handleInputBlur(_) {\n const focusingAnOption = this.focused !== -1;\n if (!focusingAnOption) {\n const keepMenuOpen = this.menuOpen && isIosDevice();\n this.handleComponentBlur({\n menuOpen: keepMenuOpen,\n query: this.query,\n });\n }\n }\n\n handleInputChange(event) {\n const autoselect = this.hasAutoselect();\n const query = event.target.value;\n const queryEmpty = query.length === 0;\n const queryChanged = this.query !== query;\n const queryLongEnough = query.length >= this.minLength;\n\n this.query = query;\n this.ariaHint = queryEmpty;\n\n const searchForOptions = this.showAllValues || (!queryEmpty && queryChanged && queryLongEnough);\n if (searchForOptions) {\n const matches = this.filterFunction ? this.filterFunction(this.query) : filterOptions(this.source, this.query);\n const optionsAvailable = matches.length > 0;\n this.menuOpen = optionsAvailable;\n this.options = matches;\n this.selected = autoselect && optionsAvailable ? 0 : -1;\n this.validChoiceMade = false;\n } else if (queryEmpty || !queryLongEnough) {\n this.menuOpen = false;\n this.options = [];\n }\n }\n\n handleInputClick(event) {\n this.handleInputChange(event);\n }\n\n handleInputFocus(_) {\n const shouldReopenMenu = !this.validChoiceMade && this.query?.length >= this.minLength && this.options.length > 0;\n\n if (shouldReopenMenu) {\n this.focused = -1;\n this.menuOpen = shouldReopenMenu || this.menuOpen;\n this.selected = -1;\n } else {\n this.focused = -1;\n }\n }\n\n handleOptionFocus(index) {\n this.focused = index;\n this.hovered = null;\n this.selected = index;\n }\n\n handleOptionMouseEnter(index) {\n // iOS Safari prevents click event if mouseenter adds hover background colour\n // See: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW4\n if (!isIosDevice()) {\n this.hovered = index;\n }\n }\n\n handleOptionClick(_, index) {\n const selectedOption = this.options[index];\n this.value = selectedOption.value;\n this.focused = -1;\n this.hovered = null;\n this.menuOpen = false;\n this.selected = index;\n this.validChoiceMade = true;\n forceUpdate(this);\n }\n\n handleOptionMouseDown(event) {\n // Safari triggers focusOut before click, but if you\n // preventDefault on mouseDown, you can stop that from happening.\n // If this is removed, clicking on an option in Safari will trigger\n // `handleOptionBlur`, which closes the menu, and the click will\n // trigger on the element underneath instead.\n // See: http://stackoverflow.com/questions/7621711/how-to-prevent-blur-running-when-clicking-a-link-in-jquery\n event.preventDefault();\n }\n\n handleUpArrow(event) {\n event.preventDefault();\n const isNotAtTop = this.selected !== -1;\n const allowMoveUp = isNotAtTop && this.menuOpen;\n if (allowMoveUp) {\n this.handleOptionFocus(this.selected - 1);\n }\n }\n\n handleDownArrow(event) {\n event.preventDefault();\n // if not open, open\n if (this.showAllValues && this.menuOpen === false) {\n event.preventDefault();\n const matches = filterOptions(this.source, '');\n this.menuOpen = true;\n this.options = matches;\n this.selected = 0;\n this.focused = 0;\n this.hovered = null;\n } else if (this.menuOpen === true) {\n const isNotAtBottom = this.selected !== this.options.length - 1;\n const allowMoveDown = isNotAtBottom && this.menuOpen;\n if (allowMoveDown) {\n this.handleOptionFocus(this.selected + 1);\n }\n }\n }\n\n handleSpace(event) {\n // if not open, open\n if (this.showAllValues && this.menuOpen === false && this.query === '') {\n event.preventDefault();\n const matches = filterOptions(this.source, '');\n this.menuOpen = true;\n this.options = matches;\n }\n const focusIsOnOption = this.focused !== -1;\n if (focusIsOnOption) {\n event.preventDefault();\n this.handleOptionClick(event, this.focused);\n }\n }\n\n handleEnter(event) {\n if (this.menuOpen) {\n event.preventDefault();\n const hasSelectedOption = this.selected >= 0;\n if (hasSelectedOption) {\n this.handleOptionClick(event, this.selected);\n }\n }\n }\n\n handlePrintableKey(event) {\n const inputElement = this.elementReferences[-1];\n const eventIsOnInput = event.target === inputElement;\n if (!eventIsOnInput) {\n // FIXME: This would be better if it was in componentDidUpdate,\n // but using setState to trigger that seems to not work correctly\n // in preact@8.1.0.\n inputElement.focus();\n }\n }\n\n handleKeyDown(event) {\n switch (keyCodes[event.keyCode]) {\n case 'up':\n this.handleUpArrow(event);\n break;\n case 'down':\n this.handleDownArrow(event);\n break;\n case 'space':\n this.handleSpace(event);\n break;\n case 'enter':\n this.handleEnter(event);\n break;\n case 'escape':\n this.handleComponentBlur({\n query: this.query,\n menuOpen: this.menuOpen,\n });\n break;\n default:\n if (isPrintableKeyCode(event.keyCode)) {\n this.handlePrintableKey(event);\n }\n break;\n }\n }\n\n render() {\n const id = this.el.id != '' ? this.el.id : `admiralty-autocomplete-${this.internalId}`;\n const inputId = `${id}-input`;\n const hintId = `${id}-hint`;\n const errorId = `${id}-error`;\n\n const inputFocused = this.focused === -1;\n const noOptionsAvailable = this.options.length === 0;\n const queryNotEmpty = this.query?.length !== 0;\n const queryLongEnough = this.query?.length >= this.minLength;\n const showNoOptionsFound = this.showNoOptionsFound && inputFocused && noOptionsAvailable && queryNotEmpty && queryLongEnough;\n\n const wrapperClassName = `${this.cssNamespace}__wrapper`;\n const optionFocused = this.focused !== -1 && this.focused !== null;\n\n const optionClassName = `${this.cssNamespace}__option`;\n\n const assistiveHintID = id + '__assistiveHint';\n const ariaProps = {\n 'aria-describedby': `${this.hint ? hintId : ''} ${this.ariaHint ? assistiveHintID : ''} ${this.invalid ? errorId : ''}`,\n 'aria-expanded': this.menuOpen ? 'true' : 'false',\n 'aria-activedescendant': optionFocused ? `${id}__option--${this.focused}` : null,\n 'aria-owns': `${id}__listbox`,\n 'aria-autocomplete': this.hasAutoselect() ? 'both' : 'list',\n };\n\n const inputClassName = `${this.cssNamespace}__input`;\n const inputClassList = [inputClassName, this.showAllValues ? `${inputClassName}--show-all-values` : `${inputClassName}--default`];\n\n const componentIsFocused = this.focused !== null;\n if (componentIsFocused) {\n inputClassList.push(`${inputClassName}--focused`);\n }\n\n if (this.inputClasses) {\n inputClassList.push(this.inputClasses);\n }\n\n if (this.invalid && this.invalidMessage) {\n inputClassList.push(`${inputClassName}--invalid`);\n }\n\n if (this.disabled) {\n inputClassList.push(`${inputClassName}--disabled`);\n }\n\n const menuClassName = `${this.cssNamespace}__menu`;\n const menuModifierDisplayMenu = `${menuClassName}--${this.displayMenu}`;\n const menuIsVisible = this.menuOpen || showNoOptionsFound;\n const menuModifierVisibility = `${menuClassName}--${menuIsVisible ? 'visible' : 'hidden'}`;\n\n const menuClassList = [menuClassName, menuModifierDisplayMenu, menuModifierVisibility];\n\n if (this.menuClasses) {\n menuClassList.push(this.menuClasses);\n }\n\n if (this.menuAttributes?.class || this.menuAttributes?.className) {\n menuClassList.push(this.menuAttributes?.class || this.menuAttributes?.className);\n }\n\n const computedMenuAttributes = {\n // Copy the attributes passed as props\n ...this.menuAttributes,\n // And add the values computed for the autocomplete\n id: `${id}__listbox`,\n role: 'listbox',\n onMouseLeave: this.handleListMouseLeave,\n };\n\n // Preact would override our computed `className`\n // with the `class` from the `menuAttributes` so\n // we need to clean it up from the computed attributes\n delete computedMenuAttributes.class;\n\n return (\n <div class={wrapperClassName} onKeyDown={event => this.handleKeyDown(event)}>\n {this.label ? (\n <admiralty-label class=\"autocomplete__label\" disabled={this.disabled} for={inputId}>\n {this.label}\n </admiralty-label>\n ) : null}\n {this.hint ? (\n <admiralty-hint id={hintId} disabled={this.disabled}>\n {this.hint}\n </admiralty-hint>\n ) : null}\n <div class=\"autocomplete__input-wrapper\">\n <input\n {...ariaProps}\n disabled={this.disabled}\n aria-disabled={this.disabled}\n autoComplete=\"off\"\n class={inputClassList.join(' ')}\n id={inputId}\n onClick={event => this.handleInputClick(event)}\n onBlur={event => this.handleInputBlur(event)}\n onInput={event => this.handleInputChange(event)}\n onFocus={event => this.handleInputFocus(event)}\n name={this.name}\n placeholder={this.placeholder}\n ref={inputElement => {\n this.elementReferences[-1] = inputElement;\n }}\n type=\"text\"\n role=\"combobox\"\n required={this.required}\n value={this.query}\n />\n {this.showAllValues &&\n <admiralty-icon class={`autocomplete-down-icon ${this.disabled ? \"disabled\" : \"\"}`}\n name={this.menuOpen || showNoOptionsFound ? \"keyboard-arrow-up-rounded\" : \"keyboard-arrow-down-rounded\"} />\n }\n </div>\n\n <ul {...computedMenuAttributes} class={menuClassList.join(\" \")}>\n {this.options.map((option, index) => {\n const showFocused = this.focused === -1 ? this.selected === index : this.focused === index;\n const optionModifierFocused = showFocused && this.hovered === null ? ` ${optionClassName}--focused` : '';\n const iosPosinsetHtml = isIosDevice()\n ? `<span id=${id}__option-suffix--${index} style=\"border:0;clip:rect(0 0 0 0);height:1px;` +\n 'marginBottom:-1px;marginRight:-1px;overflow:hidden;padding:0;position:absolute;' +\n 'whiteSpace:nowrap;width:1px\">' +\n ` ${index + 1} of ${this.options.length}</span>`\n : '';\n\n return (\n <li\n aria-selected={this.focused === index ? 'true' : 'false'}\n class={`${optionClassName}${optionModifierFocused}`}\n innerHTML={this.templateSuggestion(option.text) + iosPosinsetHtml}\n id={`${id}__option--${index}`}\n key={index}\n onBlur={event => this.handleOptionBlur(event, index)}\n onClick={event => this.handleOptionClick(event, index)}\n onMouseDown={event => this.handleOptionMouseDown(event)}\n onMouseEnter={() => this.handleOptionMouseEnter(index)}\n ref={optionEl => {\n this.elementReferences[index] = optionEl;\n }}\n role=\"option\"\n tabIndex={-1}\n aria-posinset={index + 1}\n aria-setsize={this.options.length}\n />\n );\n })}\n\n {showNoOptionsFound && <li class={`${optionClassName} ${optionClassName}--no-results`}>No results found</li>}\n </ul>\n\n <span id={assistiveHintID} style={{ display: 'none' }}>\n {this.assistiveHint}\n </span>\n {this.invalid && this.invalidMessage && (\n <admiralty-input-invalid id={errorId} style={{ visibility: this.invalid && this.invalidMessage ? 'visible' : 'hidden' }}>\n {this.invalidMessage}\n </admiralty-input-invalid>\n )}\n </div>\n );\n }\n}\nlet nextId = 0;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as e,H as t}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-table-header-cell:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table-header-cell{display:none}}.sc-admiralty-table-header-cell-h{display:table-cell;color:var(--admiralty-colour-primary);font-size:var(--admiralty-table-header-cell-font-size, var(--admiralty-font-size-0));line-height:30px;padding:var(--admiralty-table-header-cell-padding, 6px var(--admiralty-spacing-5));text-align:left;font-weight:var(--admiralty-table-header-cell-font-weight, var(--admiralty-font-weight-medium));border-bottom:5px solid var(--admiralty-colour-primary)}";const l=i;const d=class{constructor(e){a(this,e)}render(){return e(t,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as e,H as t}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-table-header-cell:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table-header-cell{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table-header-cell{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table-header-cell{display:none}}.sc-admiralty-table-header-cell-h{display:table-cell;color:var(--admiralty-colour-primary);font-size:var(--admiralty-table-header-cell-font-size, var(--admiralty-font-size-0));line-height:30px;padding:var(--admiralty-table-header-cell-padding, 6px var(--admiralty-spacing-5));text-align:left;font-weight:var(--admiralty-table-header-cell-font-weight, var(--admiralty-font-weight-medium));border-bottom:5px solid var(--admiralty-colour-primary)}";const l=i;const d=class{constructor(e){a(this,e)}render(){return e(t,{key:"c22b83e20287f1bd7ce763ea31f3c780fd685c27",role:"columnheader"},e("slot",{key:"7b098a8d0e55157effbc084827cd8b3dc8212ae2"}))}};d.style=l;export{d as admiralty_table_header_cell};
|
|
2
|
+
//# sourceMappingURL=p-80393d33.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as i,c as a,h as t,H as e,g as r}from"./p-71979ff5.js";const o={Primary:"primary",Secondary:"secondary",Tertiary:"tertiary"};const d='.visually-hidden.sc-admiralty-side-bar-item:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-side-bar-item{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-side-bar-item{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-side-bar-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-side-bar-item{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-side-bar-item{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-side-bar-item{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-side-bar-item{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-side-bar-item{display:none}}.sc-admiralty-side-bar-item-h{--admiralty-icon-font-size:var(--admiralty-font-size-2)}li.sc-admiralty-side-bar-item{display:flex;justify-content:center;list-style:none;margin:0 0 0 1px}li.sc-admiralty-side-bar-item:before{content:"";display:none}.primary-link.sc-admiralty-side-bar-item{cursor:pointer;display:flex;flex-direction:column;justify-content:center;flex:1;user-select:none;text-decoration:none;text-align:center;color:var(--admiralty-text-colour);font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-side-bar-item-font-size, var(--admiralty-font-size-0));padding:0.5rem 0}.primary-link.sc-admiralty-side-bar-item .icon.sc-admiralty-side-bar-item{display:flex;justify-content:center;font-size:var(--admiralty-side-bar-item-icon-font-size, var(--admiralty-font-size-4))}.primary-link.sc-admiralty-side-bar-item:hover{color:var(--admiralty-colour-primary);background-color:var(--admiralty-table-row-colour)}.primary-link.sc-admiralty-side-bar-item:focus{outline:none;border:none;box-shadow:4px 0 var(--admiralty-colour-primary) inset;background-color:var(--admiralty-focus-colour);color:var(--admiralty-text-colour)}.primary-link.sc-admiralty-side-bar-item:focus:not(:active){background-color:transparent}.primary-link.active.sc-admiralty-side-bar-item{color:var(--admiralty-colour-primary);box-shadow:4px 0 var(--admiralty-colour-primary) inset}.primary-link.sc-admiralty-side-bar-item:active{color:var(--admiralty-colour-primary);box-shadow:4px 0 var(--admiralty-colour-primary) inset}.secondary-item.sc-admiralty-side-bar-item{flex:1;display:flex;flex-flow:column}.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.sc-admiralty-side-bar-item{display:inline-flex;align-items:center;font-size:var(--admiralty-side-bar-item-font-size, var(--admiralty-font-size-0));white-space:nowrap;font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));background-color:unset;cursor:pointer;padding:0.3rem 0.5rem;overflow-wrap:break-word}.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.sc-admiralty-side-bar-item:hover{color:var(--admiralty-colour-light-contrast);font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));background-color:var(--admiralty-hover-background-colour)}.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.sc-admiralty-side-bar-item:focus-visible,.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.active.sc-admiralty-side-bar-item:focus-visible{outline:none;box-shadow:inset 0 -4px 0 0 var(--admiralty-colour-primary);background-color:var(--admiralty-focus-colour);color:var(--admiralty-colour-primary)}.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.active.sc-admiralty-side-bar-item{font-weight:500;background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.sc-admiralty-side-bar-item:active{background-color:var(--admiralty-focus-colour);color:var(--admiralty-colour-primary);box-shadow:inset 0 -4px 0 0 var(--admiralty-colour-primary)}.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.sc-admiralty-side-bar-item .slot.sc-admiralty-side-bar-item{line-height:2.5rem}.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.sc-admiralty-side-bar-item .icon.sc-admiralty-side-bar-item{display:flex;width:100%;justify-content:right;font-size:var(--admiralty-side-bar-item-icon-font-size, var(--admiralty-font-size-4))}.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.sc-admiralty-side-bar-item .expansion-content.sc-admiralty-side-bar-item{display:none;max-height:0;overflow:visible}.secondary-item.sc-admiralty-side-bar-item .secondary-item-button.expanded.sc-admiralty-side-bar-item .expansion-content.sc-admiralty-side-bar-item{display:block;max-height:initial;padding:12px 0}.secondary-item.sc-admiralty-side-bar-item .tertiary-link.sc-admiralty-side-bar-item{all:unset;cursor:pointer;display:flex;flex-direction:column;justify-content:left;flex:1;user-select:none;text-decoration:none;text-align:left;color:var(--admiralty-text-colour);font-weight:var(--admiralty-tertiary-link-font-weight, var(--admiralty-font-weight-normal));font-size:var(--admiralty-side-bar-item-font-size, var(--admiralty-font-size-0));padding:0.5rem 1.5rem}.secondary-item.sc-admiralty-side-bar-item .tertiary-link.sc-admiralty-side-bar-item:hover{color:var(--admiralty-colour-light-contrast);font-weight:var(--admiralty-side-bar-item-font-weight, var(--admiralty-font-weight-medium));background-color:var(--admiralty-hover-background-colour)}.secondary-item.sc-admiralty-side-bar-item .tertiary-link.sc-admiralty-side-bar-item:focus-visible,.secondary-item.sc-admiralty-side-bar-item .tertiary-link.active.sc-admiralty-side-bar-item:focus-visible{outline:none;box-shadow:inset 0 -4px 0 0 var(--admiralty-colour-primary);background-color:var(--admiralty-focus-colour);color:var(--admiralty-colour-primary)}.secondary-item.sc-admiralty-side-bar-item .tertiary-link.active.sc-admiralty-side-bar-item{font-weight:var(--admiralty-tertiary-link-active-font-weight, var(--admiralty-font-weight-medium));background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}.secondary-item.sc-admiralty-side-bar-item .tertiary-link.sc-admiralty-side-bar-item:active{background-color:var(--admiralty-focus-colour);color:var(--admiralty-colour-primary);box-shadow:inset 0 -4px 0 0 var(--admiralty-colour-primary)}';const s=d;const n=class{constructor(t){i(this,t);this.toggled=a(this,"toggled",7);this.sideBarItemClick=a(this,"sideBarItemClick",7);this.internalId=++m;this.variant=o.Primary;this.expanded=false;this.icon=undefined;this.href=undefined;this.itemText=undefined;this.suppressRedirect=false;this.active=false}handleActiveChange(i){const a=this.el.querySelector("a");if(a){a.classList.toggle("active",i)}}componentDidLoad(){this.handleActiveChange(this.active)}onToggle(){this.expanded=!this.expanded;if(this.expanded){this.el.dispatchEvent(new CustomEvent("side-bar-item-active",{detail:{id:this.internalId},bubbles:true,composed:true}))}this.toggled.emit(this.expanded)}handleMouseDown(i){this.active=true;const a=document.querySelectorAll("admiralty-side-bar-item");a.forEach((a=>{var t,e;let r=((t=a.shadowRoot)!==null&&t!==void 0?t:a).querySelector("a");if(r&&r.id.toString()===i.toString()){r.classList.add("active")}else{if(r===null){r=((e=a.shadowRoot)!==null&&e!==void 0?e:a).querySelector("button")}r.classList.remove("active")}}))}handleClick(i){if(this.suppressRedirect){i.preventDefault()}i.stopPropagation();this.el.dispatchEvent(new CustomEvent("side-bar-item-active",{detail:{id:this.internalId},bubbles:true,composed:true}));return this.sideBarItemClick.emit(this.href)}getExpansionIcon(){return this.expanded?"keyboard-arrow-up-rounded":"keyboard-arrow-down-rounded"}render(){return t(e,{key:"92b81f764f67e4fcbeed5b7ad644abd3ac476f43","data-side-bar-item-id":"side-bar-item-"+this.internalId},t("li",{key:"e67bc1646d1671aa28c9352a9279869c58fd7f38"},this.variant===o.Primary&&t("a",{key:"3335afa70c70603766dc0dcec36b9338b2a8df70",id:"side-bar-item-anchor-"+this.internalId,class:"primary-link",href:this.href,onMouseDown:()=>this.handleMouseDown("side-bar-item-anchor-"+this.internalId),onClick:i=>this.handleClick(i)},t("div",{key:"f8844a9b74cfa32064d12d9dc0817e71cbdcffeb",class:"icon"},t("admiralty-icon",{key:"d8135ef7425c5174af51a835d8429fcbd5287f08",name:this.icon})),this.itemText),this.variant===o.Secondary&&t("div",{key:"789de3958a27aabbc877e15e48fb43fbac9b132a",class:"secondary-item"},t("button",{key:"d6d8a6efaaf7a53de5ec59e196869675de062b5e",id:"side-bar-item-button-"+this.internalId,class:{"secondary-item-button":true,active:this.active},onClick:()=>this.onToggle()},this.itemText,t("div",{key:"31a19d6faf7b278a7bff0e60dc0f902500285a49",class:"icon"},t("admiralty-icon",{key:"499ea7fa4285f344b2a580c336fba1444baca644",size:"30",name:this.getExpansionIcon()}))),t("div",{key:"141cb2ef72e1f0939f505cd6c37dfd864ff7d091",class:"slot",hidden:!this.expanded},t("slot",{key:"fa221e09b494f892cbb1ab297c1f3b446d61ff40"}))),this.variant===o.Tertiary&&t("a",{key:"24b493a133dc39a4d95b04710236ed10c43d1699",id:"side-bar-item-anchor-"+this.internalId,class:{"tertiary-link":true,active:this.active},href:this.href,onMouseDown:()=>this.handleMouseDown("side-bar-item-anchor-"+this.internalId),onClick:i=>this.handleClick(i)},this.itemText)))}get el(){return r(this)}static get watchers(){return{active:["handleActiveChange"]}}};let m=0;n.style=s;export{n as admiralty_side_bar_item};
|
|
2
|
+
//# sourceMappingURL=p-81a3da44.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["SideBarItemVariant","Primary","Secondary","Tertiary","sideBarItemCss","AdmiraltySideBarItemStyle0","SideBarItemComponent","this","internalId","nextId","handleActiveChange","newValue","anchor","el","querySelector","classList","toggle","componentDidLoad","active","onToggle","expanded","dispatchEvent","CustomEvent","detail","id","bubbles","composed","toggled","emit","handleMouseDown","allItems","document","querySelectorAll","forEach","item","_a","shadowRoot","toString","add","_b","remove","handleClick","ev","suppressRedirect","preventDefault","stopPropagation","sideBarItemClick","href","getExpansionIcon","render","h","Host","key","variant","class","onMouseDown","onClick","name","icon","itemText","size","hidden"],"sources":["src/components/side-bar-item/side-bar-item.types.ts","src/components/side-bar-item/side-bar-item.scss?tag=admiralty-side-bar-item&encapsulation=scoped","src/components/side-bar-item/side-bar-item.tsx"],"sourcesContent":["export type SideBarItemVariant = 'primary' | 'secondary' | 'tertiary';\nexport const SideBarItemVariant = {\n Primary: 'primary' as SideBarItemVariant,\n Secondary: 'secondary' as SideBarItemVariant,\n Tertiary: 'tertiary' as SideBarItemVariant\n}\n","@import 'side-bar-item.vars.scss';\n\n:host {\n --admiralty-icon-font-size: var(--admiralty-font-size-2);\n}\n\nli {\n display: flex;\n justify-content: center;\n list-style: none;\n margin: 0 0 0 1px;\n &:before {\n content: '';\n display: none;\n }\n}\n\n.primary-link {\n cursor: pointer;\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex: 1;\n user-select: none;\n text-decoration: none;\n text-align: center;\n color: $side-bar-item-text-colour;\n font-weight: $side-bar-item-font-weight;\n font-size: $side-bar-item-font-size;\n padding: .5rem 0;\n\n .icon {\n display: flex;\n justify-content: center;\n font-size: $side-bar-item-icon-font-size;\n }\n\n &:hover {\n color: $side-bar-item-hover-text-colour;\n background-color: $side-bar-item-hover-background-colour;\n }\n &:focus {\n outline: none;\n border: none;\n box-shadow: 4px 0 $side-bar-item-hover-text-colour inset;\n background-color: $side-bar-item-focus-colour;\n color: $side-bar-item-text-colour;\n\n &:not(:active) {\n background-color: transparent;\n }\n }\n\n &.active {\n color: $side-bar-item-active-text-colour;\n box-shadow: 4px 0 $side-bar-item-hover-text-colour inset;\n }\n &:active {\n color: $side-bar-item-active-text-colour;\n box-shadow: 4px 0 $side-bar-item-hover-text-colour inset;\n }\n}\n\n.secondary-item {\n flex: 1;\n display: flex;\n flex-flow: column;\n\n .secondary-item-button {\n display: inline-flex;\n align-items: center;\n font-size: $side-bar-item-font-size;\n white-space: nowrap;\n font-weight: $side-bar-item-font-weight;\n background-color: unset;\n cursor: pointer;\n padding: .3rem .5rem;\n overflow-wrap: break-word;\n\n &:hover {\n color: $tertiary-link-font-colour;\n font-weight: $side-bar-item-font-weight;\n background-color: $tertiary-link-background-hover-colour;\n }\n\n &:focus-visible,\n &.active:focus-visible {\n outline: none;\n box-shadow: inset 0 -4px 0 0 $tertiary-link-focus-text-colour;\n background-color: $tertiary-link-focus-background-colour;\n color: $tertiary-link-focus-text-colour;\n }\n\n &.active {\n font-weight: 500;\n background-color: $tertiary-link-active-background-colour;\n color: $tertiary-link-active-text-colour;\n }\n\n &:active {\n background-color: $tertiary-link-focus-background-colour;\n color: $tertiary-link-focus-text-colour;\n box-shadow: inset 0 -4px 0 0 $tertiary-link-focus-text-colour;\n }\n\n .slot {\n line-height: 2.5rem;\n }\n\n .icon {\n display: flex;\n width: 100%;\n justify-content: right;\n font-size: $side-bar-item-icon-font-size;\n }\n\n .expansion-content {\n display: none;\n max-height: 0;\n overflow: visible;\n }\n &.expanded .expansion-content {\n display: block;\n max-height: initial;\n padding: 12px 0;\n }\n }\n\n .tertiary-link {\n all: unset;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n justify-content: left;\n flex: 1;\n user-select: none;\n text-decoration: none;\n text-align: left;\n color: $side-bar-item-text-colour;\n font-weight: $tertiary-link-font-weight;\n font-size: $side-bar-item-font-size;\n padding: .5rem 1.5rem;\n\n &:hover {\n color: $tertiary-link-font-colour;\n font-weight: $side-bar-item-font-weight;\n background-color: $tertiary-link-background-hover-colour;\n }\n\n &:focus-visible,\n &.active:focus-visible {\n outline: none;\n box-shadow: inset 0 -4px 0 0 $tertiary-link-focus-text-colour;\n background-color: $tertiary-link-focus-background-colour;\n color: $tertiary-link-focus-text-colour;\n }\n\n &.active {\n font-weight: $tertiary-link-active-font-weight;\n background-color: $tertiary-link-active-background-colour;\n color: $tertiary-link-active-text-colour;\n }\n\n &:active {\n background-color: $tertiary-link-focus-background-colour;\n color: $tertiary-link-focus-text-colour;\n box-shadow: inset 0 -4px 0 0 $tertiary-link-focus-text-colour;\n }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h, Element, Watch, Host } from '@stencil/core';\nimport { SideBarItemVariant } from './side-bar-item.types';\n\n/**\n * @slot The text to display under the icon for secondary variant\n */\n@Component({\n tag: 'admiralty-side-bar-item',\n styleUrl: 'side-bar-item.scss',\n scoped: true,\n})\nexport class SideBarItemComponent {\n private internalId: number = ++nextId;\n\n @Element() el!: HTMLAdmiraltySideBarItemElement;\n /**\n * The type of side bar item to render. Valid values are `primary` and `secondary`.\n * Default value is `primary`.\n */\n @Prop() variant: SideBarItemVariant = SideBarItemVariant.Primary;\n\n /**\n * The event that is dispatched when the expanded status is toggled.\n */\n @Event() toggled: EventEmitter<boolean>;\n\n /**\n * Whether the component is expanded.\n */\n @Prop({ mutable: true, reflect: true }) expanded = false;\n\n /**\n * The name of the icon to display. A full list of available icons can be viewed at [https://fonts.google.com/icons](https://fonts.google.com/icons)\n */\n @Prop() icon: string;\n /**\n * The URL to link to.\n */\n @Prop() href: string;\n\n /**\n * Item text for the button or link depending on variant\n */\n @Prop() itemText: string;\n\n /**\n * Causes the default browser redirect to be suppressed. Can be used in conjunction with the\n * `onSideBarItemClick` event to use a navigation router and prevent a full page reload when navigating.\n */\n @Prop() suppressRedirect?: boolean = false;\n /**\n * Represents whether this SideBarItem is 'active' and will be styled differently than SideBarItems\n * that are not 'active'. There should only be one SideBarItem that is 'active' per SideBar.\n */\n @Prop({ mutable: true, reflect: true }) active: boolean = false; // { mutable: true, reflect: true }\n\n /**\n * An event emitted when this Side Bar item is selected containing the sideBarItemId\n */\n @Event() sideBarItemClick: EventEmitter<string>;\n\n @Watch('active')\n handleActiveChange(newValue: boolean) {\n const anchor = this.el.querySelector('a');\n if (anchor) {\n anchor.classList.toggle('active', newValue)\n }\n }\n componentDidLoad() {\n this.handleActiveChange(this.active)\n }\n\n onToggle() {\n this.expanded = !this.expanded;\n\n if (this.expanded) {\n this.el.dispatchEvent(new CustomEvent('side-bar-item-active', {\n detail: { id: this.internalId },\n bubbles: true,\n composed: true\n }))\n }\n\n this.toggled.emit(this.expanded);\n }\n\n handleMouseDown(id: string) {\n this.active = true;\n const allItems = document.querySelectorAll('admiralty-side-bar-item');\n allItems.forEach(item => {\n let anchor: any = (item.shadowRoot ?? item).querySelector('a');\n if (anchor && anchor.id.toString() === id.toString()) {\n anchor.classList.add('active')\n } else {\n if(anchor === null) {\n anchor = (item.shadowRoot ?? item).querySelector('button');\n }\n anchor.classList.remove('active');\n }\n })\n }\n\n handleClick(ev: MouseEvent): CustomEvent<string> {\n if (this.suppressRedirect) {\n ev.preventDefault();\n }\n ev.stopPropagation();\n\n this.el.dispatchEvent(new CustomEvent('side-bar-item-active', {\n detail: { id: this.internalId },\n bubbles: true,\n composed: true\n }));\n\n // BUG: when changing this to object it the item loses active state for some reason when click elsewhere.\n return this.sideBarItemClick.emit(this.href);\n }\n\n getExpansionIcon(): string {\n return this.expanded ? 'keyboard-arrow-up-rounded' : 'keyboard-arrow-down-rounded';\n }\n\n render() {\n return (\n <Host data-side-bar-item-id={'side-bar-item-' + this.internalId}>\n <li>\n {this.variant === SideBarItemVariant.Primary &&\n <a id={\"side-bar-item-anchor-\" + this.internalId}\n class=\"primary-link\"\n href={this.href}\n onMouseDown={() => this.handleMouseDown(\"side-bar-item-anchor-\" + this.internalId)}\n onClick={ev => this.handleClick(ev)}>\n <div class=\"icon\">\n <admiralty-icon name={this.icon}></admiralty-icon>\n </div>\n {this.itemText}\n </a>\n }\n\n {this.variant === SideBarItemVariant.Secondary &&\n <div class=\"secondary-item\">\n <button id={\"side-bar-item-button-\" + this.internalId}\n class={{ 'secondary-item-button': true, 'active': this.active }}\n onClick={() => this.onToggle()}>\n {this.itemText}\n <div class=\"icon\">\n <admiralty-icon size=\"30\" name={this.getExpansionIcon()}></admiralty-icon>\n </div>\n </button>\n <div class=\"slot\" hidden={!this.expanded}>\n <slot></slot>\n </div>\n </div>\n }\n\n {this.variant === SideBarItemVariant.Tertiary &&\n <a id={\"side-bar-item-anchor-\" + this.internalId}\n class={{ \"tertiary-link\": true, 'active': this.active }}\n href={this.href}\n onMouseDown={() => this.handleMouseDown(\"side-bar-item-anchor-\" + this.internalId)}\n onClick={ev => this.handleClick(ev)}>\n {this.itemText}\n </a>\n }\n </li>\n </Host>\n );\n }\n}\nlet nextId = 0;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as t,H as l}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-table-cell:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-table-cell{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table-cell{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table-cell{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table-cell{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table-cell{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table-cell{display:none}}.sc-admiralty-table-cell-h{display:table-cell;box-sizing:border-box;color:var(--admiralty-colour-primary);font-size:var(--admiralty-table-cell-font-size, var(--admiralty-font-size-0));line-height:30px;padding:var(--admiralty-table-cell-padding, 6px var(--admiralty-spacing-5));border-right:1px solid var(--admiralty-colour-light);border-bottom:1px solid var(--admiralty-colour-light);font-weight:var(--admiralty-table-cell-font-weight, var(--admiralty-font-weight-normal))}";const e=i;const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as t,H as l}from"./p-71979ff5.js";const i=".visually-hidden.sc-admiralty-table-cell:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-table-cell{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table-cell{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table-cell{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table-cell{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table-cell{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table-cell{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table-cell{display:none}}.sc-admiralty-table-cell-h{display:table-cell;box-sizing:border-box;color:var(--admiralty-colour-primary);font-size:var(--admiralty-table-cell-font-size, var(--admiralty-font-size-0));line-height:30px;padding:var(--admiralty-table-cell-padding, 6px var(--admiralty-spacing-5));border-right:1px solid var(--admiralty-colour-light);border-bottom:1px solid var(--admiralty-colour-light);font-weight:var(--admiralty-table-cell-font-weight, var(--admiralty-font-weight-normal))}";const e=i;const d=class{constructor(t){a(this,t)}render(){return t(l,{key:"b3f80c6705c1f0da20053286d5307c9399ad942d",role:"cell"},t("slot",{key:"dad0654af35fe8546343a1375e0d38a6a80c1466"}))}};d.style=e;export{d as admiralty_table_cell};
|
|
2
|
+
//# sourceMappingURL=p-8434338a.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as a,h as i,H as e,g as r}from"./p-71979ff5.js";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as a,h as i,H as e,g as r}from"./p-71979ff5.js";const s=".visually-hidden.sc-admiralty-textarea:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-textarea{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-textarea{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-textarea{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-textarea{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-textarea{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-textarea{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-textarea{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-textarea{display:none}}.text-area-container.sc-admiralty-textarea textarea.sc-admiralty-textarea{display:block;position:relative;width:100%;min-height:170px;border:2px solid var(--admiralty-text-colour);color:var(--admiralty-text-colour);padding:var(--admiralty-text-area-padding, var(--admiralty-spacing-3) 18px);outline:none;resize:vertical;overflow:auto;box-sizing:border-box;vertical-align:top;font-weight:var(--admiralty-text-area-font-weight, var(--admiralty-font-weight-normal));line-height:var(--admiralty-line-height);background-color:var(--admiralty-background-colour)}.text-area-container.sc-admiralty-textarea textarea.sc-admiralty-textarea:focus-visible{outline:3px solid var(--admiralty-focus-colour);box-shadow:var(--admiralty-text-colour) inset 0 0 0 2px}.text-area-container.sc-admiralty-textarea textarea.invalid.sc-admiralty-textarea{border-color:var(--admiralty-colour-danger)}.text-area-container.sc-admiralty-textarea textarea.invalid.sc-admiralty-textarea:focus-visible{border-color:unset;outline:3px solid var(--admiralty-focus-colour)}.text-area-container.sc-admiralty-textarea textarea.disabled.sc-admiralty-textarea{color:var(--admiralty-disabled-colour);border-color:var(--admiralty-disabled-colour)}";const d=s;const l=class{constructor(i){t(this,i);this.textareaBlur=a(this,"textareaBlur",7);this.admiraltyInput=a(this,"admiraltyInput",7);this.internalId=++n;this.onBlur=()=>{this.textareaBlur.emit()};this.onInput=t=>{const a=t.target;if(a){this.value=a.value||""}};this.label="";this.hint=undefined;this.width=undefined;this.disabled=false;this.invalid=false;this.invalidMessage=undefined;this.value=""}valueChanged(){const t=this.nativeTextArea;const a=this.getValue();if(t&&t.value!==a){t.value=a}this.admiraltyInput.emit({value:this.value==null?this.getValue():this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}render(){const t=this.getValue();const a=this.el.id!=""?this.el.id:`admiralty-textarea-${this.internalId}`;const r=`${a}-input`;const s=`${a}-hint`;const d=`${a}-error`;return i(e,{key:"d5e913a24ccbbf5de3223481907dcfbeaa45990f"},i("div",{key:"d64e88ea49990bfeebe164f0f9ba7acae6b26d96",class:"text-area-container"},this.label?i("admiralty-label",{for:r,disabled:this.disabled},this.label):null,this.hint?i("admiralty-hint",{id:s,disabled:this.disabled},this.hint):null,i("textarea",{key:"e360a42c6e6987acca14723bf7351033c70c36ae",ref:t=>this.nativeTextArea=t,class:{disabled:this.disabled,invalid:this.invalid},style:this.width?{maxWidth:`${this.width}px`}:{},id:r,disabled:this.disabled,value:t,onInput:this.onInput,onBlur:this.onBlur,"aria-invalid":this.invalid?"true":"false","aria-describedby":(this.hint?s:"")+" "+(this.invalid?d:"")}),i("admiralty-input-invalid",{key:"3d77903cac37187d821c929f3639d8e7317060df",id:d,style:Object.assign({},!(this.invalid&&this.invalidMessage)?{display:"none"}:{})},this.invalidMessage)))}get el(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};let n=0;l.style=d;export{l as admiralty_textarea};
|
|
2
|
+
//# sourceMappingURL=p-a4a80b03.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as t,f as i,h as r,H as o,g as e}from"./p-71979ff5.js";var s;(function(a){a["UP_ARROW"]="ArrowUp";a["DOWN_ARROW"]="ArrowDown";a["LEFT_ARROW"]="ArrowLeft";a["RIGHT_ARROW"]="ArrowRight";a["ENTER"]="Enter";a["TAB"]="Tab";a["HOME"]="Home";a["END"]="End";a["SPACE"]=" "})(s||(s={}));const d=".visually-hidden.sc-admiralty-tab-group:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-tab-group{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-tab-group{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-tab-group{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-tab-group{display:none}}.tab-group-headers.sc-admiralty-tab-group{width:100%}hr.sc-admiralty-tab-group{width:100%;height:2px;margin:var(--admiralty-tab-group-horizontal-rule-margin, 6px var(--admiralty-spacing-0));background-color:var(--admiralty-colour-light)}.headers.sc-admiralty-tab-group{overflow-x:auto;white-space:nowrap;display:flex;flex-wrap:wrap}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group{cursor:pointer;padding:var(--admiralty-tab-group-heading-padding, 10px);height:42px;max-width:fit-content;box-sizing:border-box;user-select:none;text-align:center;text-decoration:none;color:var(--admiralty-colour-primary);background-color:unset;font-weight:var(--admiralty-tab-group-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-tab-group-font-size, var(--admiralty-font-size-0));margin-left:var(--admiralty-tab-group-heading-margin-left, var(--admiralty-spacing-1))}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:first-child{margin-left:var(--admiralty-tab-group-heading-first-child-margin-left, var(--admiralty-spacing-0))}@media (max-width: 1023px){.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group{font-size:var(--admiralty-tab-group-not-desktop-font-size, var(--admiralty-font-size--1));line-height:18px;padding:var(--admiralty-tab-group-heading-not-desktop-padding, var(--admiralty-spacing-2));height:unset;width:unset}}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:focus-visible{box-shadow:var(--admiralty-focus-colour) inset 0 0 0 2px}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:focus,.headers.sc-admiralty-tab-group .heading.active.sc-admiralty-tab-group:focus{outline:3px solid transparent;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);text-decoration:none;box-shadow:0px -4px var(--admiralty-text-colour) inset}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:hover{background-color:var(--admiralty-hover-background-colour);color:var(--admiralty-colour-primary);box-shadow:unset}.headers.sc-admiralty-tab-group .heading.active.sc-admiralty-tab-group{background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}";const n=d;let l=0;const h=class{constructor(i){a(this,i);this.admiraltyTabSelected=t(this,"admiraltyTabSelected",7);this._groupId=l++;this._tabs=[];this._tabHeaders=[];this.selectedIndex=0}handleSelectedTab(a){const t=this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);t.classList.remove("active");t.setAttribute("tabindex",this.getTabIndex(a).toString());this.selectedIndex=a;this.setSelectedTabContent();this.admiraltyTabSelected.emit(a)}setSelectedTabContent(){const a=this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);a.classList.add("active");a.setAttribute("tabindex",this.getTabIndex(this.selectedIndex).toString())}getTabIndex(a){return this.selectedIndex===a?0:-1}getTabContentId(a){return`tab-panel-${this._groupId}-${a}`}getTabLabelId(a){return`tab-label-${this._groupId}-${a}`}handleKeyDown(a){const t=a.target;let i=false;switch(a.key){case s.LEFT_ARROW:this.moveFocusToPreviousTab(t);i=true;break;case s.RIGHT_ARROW:this.moveFocusToNextTab(t);i=true;break;case s.HOME:this.moveFocusToTabHeader(this._tabHeaders[0]);i=true;break;case s.END:this.moveFocusToTabHeader(this._tabHeaders[this._tabHeaders.length-1]);i=true;break}if(i){a.stopPropagation();a.preventDefault()}}moveFocusToTabHeader(a){a.focus()}moveFocusToPreviousTab(a){const t=this._tabHeaders[0];const i=this._tabHeaders[this._tabHeaders.length-1];if(a===t){this.moveFocusToTabHeader(i)}else{const t=this._tabHeaders.indexOf(a);this.moveFocusToTabHeader(this._tabHeaders[t-1])}}moveFocusToNextTab(a){const t=this._tabHeaders[0];const i=this._tabHeaders[this._tabHeaders.length-1];if(a===i){this.moveFocusToTabHeader(t)}else{const t=this._tabHeaders.indexOf(a);this.moveFocusToTabHeader(this._tabHeaders[t+1])}}componentWillLoad(){const a=this.el.querySelectorAll("admiralty-tab");this._tabs=[];if(a.length>0){let t=0;a.forEach((a=>{a.tabLabelId=this.getTabLabelId(t);a.tabContentId=this.getTabContentId(t);this._tabs.push({label:a.label,index:t});++t}));this.selectedIndex=Math.max(0,Math.min(this.selectedIndex,a.length-1))}}componentDidLoad(){this._tabHeaders=Array.from(this.el.querySelectorAll('[role="tab"]'));const a=this.el.querySelectorAll("admiralty-tab .tab-content");if(a.length>0){const t=this.el.querySelector("hr");t.after(...Array.from(a));this.setSelectedTabContent();i(this)}}render(){const a=()=>Array.from(this._tabs).map((a=>r("button",{class:{heading:true,active:a.index===this.selectedIndex},id:this.getTabLabelId(a.index),role:"tab",tabIndex:this.getTabIndex(a.index),"aria-setsize":this._tabs.length,"aria-selected":`${a.index===this.selectedIndex}`,"aria-controls":this.getTabContentId(a.index),onClick:t=>this.handleSelectedTab(a.index),onKeyDown:a=>this.handleKeyDown(a)},a.label)));return r(o,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as t,f as i,h as r,H as o,g as e}from"./p-71979ff5.js";var s;(function(a){a["UP_ARROW"]="ArrowUp";a["DOWN_ARROW"]="ArrowDown";a["LEFT_ARROW"]="ArrowLeft";a["RIGHT_ARROW"]="ArrowRight";a["ENTER"]="Enter";a["TAB"]="Tab";a["HOME"]="Home";a["END"]="End";a["SPACE"]=" "})(s||(s={}));const d=".visually-hidden.sc-admiralty-tab-group:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-tab-group{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-tab-group{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-tab-group{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-tab-group{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-tab-group{display:none}}.tab-group-headers.sc-admiralty-tab-group{width:100%}hr.sc-admiralty-tab-group{width:100%;height:2px;margin:var(--admiralty-tab-group-horizontal-rule-margin, 6px var(--admiralty-spacing-0));background-color:var(--admiralty-colour-light)}.headers.sc-admiralty-tab-group{overflow-x:auto;white-space:nowrap;display:flex;flex-wrap:wrap}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group{cursor:pointer;padding:var(--admiralty-tab-group-heading-padding, 10px);height:42px;max-width:fit-content;box-sizing:border-box;user-select:none;text-align:center;text-decoration:none;color:var(--admiralty-colour-primary);background-color:unset;font-weight:var(--admiralty-tab-group-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-tab-group-font-size, var(--admiralty-font-size-0));margin-left:var(--admiralty-tab-group-heading-margin-left, var(--admiralty-spacing-1))}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:first-child{margin-left:var(--admiralty-tab-group-heading-first-child-margin-left, var(--admiralty-spacing-0))}@media (max-width: 1023px){.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group{font-size:var(--admiralty-tab-group-not-desktop-font-size, var(--admiralty-font-size--1));line-height:18px;padding:var(--admiralty-tab-group-heading-not-desktop-padding, var(--admiralty-spacing-2));height:unset;width:unset}}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:focus-visible{box-shadow:var(--admiralty-focus-colour) inset 0 0 0 2px}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:focus,.headers.sc-admiralty-tab-group .heading.active.sc-admiralty-tab-group:focus{outline:3px solid transparent;color:var(--admiralty-text-colour);background-color:var(--admiralty-focus-colour);box-shadow:0 -2px var(--admiralty-focus-colour), 0 4px var(--admiralty-text-colour);text-decoration:none;box-shadow:0px -4px var(--admiralty-text-colour) inset}.headers.sc-admiralty-tab-group .heading.sc-admiralty-tab-group:hover{background-color:var(--admiralty-hover-background-colour);color:var(--admiralty-colour-primary);box-shadow:unset}.headers.sc-admiralty-tab-group .heading.active.sc-admiralty-tab-group{background-color:var(--admiralty-colour-primary);color:var(--admiralty-colour-primary-contrast)}";const n=d;let l=0;const h=class{constructor(i){a(this,i);this.admiraltyTabSelected=t(this,"admiraltyTabSelected",7);this._groupId=l++;this._tabs=[];this._tabHeaders=[];this.selectedIndex=0}handleSelectedTab(a){const t=this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);t.classList.remove("active");t.setAttribute("tabindex",this.getTabIndex(a).toString());this.selectedIndex=a;this.setSelectedTabContent();this.admiraltyTabSelected.emit(a)}setSelectedTabContent(){const a=this.el.querySelector(`.tab-content#${this.getTabContentId(this.selectedIndex)}`);a.classList.add("active");a.setAttribute("tabindex",this.getTabIndex(this.selectedIndex).toString())}getTabIndex(a){return this.selectedIndex===a?0:-1}getTabContentId(a){return`tab-panel-${this._groupId}-${a}`}getTabLabelId(a){return`tab-label-${this._groupId}-${a}`}handleKeyDown(a){const t=a.target;let i=false;switch(a.key){case s.LEFT_ARROW:this.moveFocusToPreviousTab(t);i=true;break;case s.RIGHT_ARROW:this.moveFocusToNextTab(t);i=true;break;case s.HOME:this.moveFocusToTabHeader(this._tabHeaders[0]);i=true;break;case s.END:this.moveFocusToTabHeader(this._tabHeaders[this._tabHeaders.length-1]);i=true;break}if(i){a.stopPropagation();a.preventDefault()}}moveFocusToTabHeader(a){a.focus()}moveFocusToPreviousTab(a){const t=this._tabHeaders[0];const i=this._tabHeaders[this._tabHeaders.length-1];if(a===t){this.moveFocusToTabHeader(i)}else{const t=this._tabHeaders.indexOf(a);this.moveFocusToTabHeader(this._tabHeaders[t-1])}}moveFocusToNextTab(a){const t=this._tabHeaders[0];const i=this._tabHeaders[this._tabHeaders.length-1];if(a===i){this.moveFocusToTabHeader(t)}else{const t=this._tabHeaders.indexOf(a);this.moveFocusToTabHeader(this._tabHeaders[t+1])}}componentWillLoad(){const a=this.el.querySelectorAll("admiralty-tab");this._tabs=[];if(a.length>0){let t=0;a.forEach((a=>{a.tabLabelId=this.getTabLabelId(t);a.tabContentId=this.getTabContentId(t);this._tabs.push({label:a.label,index:t});++t}));this.selectedIndex=Math.max(0,Math.min(this.selectedIndex,a.length-1))}}componentDidLoad(){this._tabHeaders=Array.from(this.el.querySelectorAll('[role="tab"]'));const a=this.el.querySelectorAll("admiralty-tab .tab-content");if(a.length>0){const t=this.el.querySelector("hr");t.after(...Array.from(a));this.setSelectedTabContent();i(this)}}render(){const a=()=>Array.from(this._tabs).map((a=>r("button",{class:{heading:true,active:a.index===this.selectedIndex},id:this.getTabLabelId(a.index),role:"tab",tabIndex:this.getTabIndex(a.index),"aria-setsize":this._tabs.length,"aria-selected":`${a.index===this.selectedIndex}`,"aria-controls":this.getTabContentId(a.index),onClick:t=>this.handleSelectedTab(a.index),onKeyDown:a=>this.handleKeyDown(a)},a.label)));return r(o,{key:"3baed00922400d8f97991c028253e9305cd89324"},r("div",{key:"ef64a6c238ee36f6cd70a67980196dd5eb80c63b",class:"tab-group-headers",role:"tablist"},r("div",{key:"11a83c40f26b5ca7a8309ffc691df6cd9f3fb394",class:"headers"},a())),r("hr",{key:"861ecea3b03cd8be984d6c2f44b8a8cc3351d0b2"}),r("slot",{key:"a192d89a9833a1ef1e37d6e9c9c2329ffe6f6434"}))}get el(){return e(this)}};h.style=n;export{h as admiralty_tab_group};
|
|
2
|
+
//# sourceMappingURL=p-a64e8abb.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as t,H as i}from"./p-71979ff5.js";const e=".visually-hidden.sc-admiralty-table:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-table{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table{display:none}}.sc-admiralty-table-h{display:table}caption.sc-admiralty-table{font-size:var(--admiralty-table-heading-font-size, var(--admiralty-font-size-3));font-weight:var(--admiralty-table-heading-font-weight, var(--admiralty-font-weight-medium));color:var(--admiralty-colour-primary);margin-bottom:var(--admiralty-table-caption-margin-bottom, 30px);text-align:left}";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as t,H as i}from"./p-71979ff5.js";const e=".visually-hidden.sc-admiralty-table:not(:focus):not(:active){position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;border:0 !important;white-space:nowrap !important}@media (max-width: 1023px){.desktop-only.sc-admiralty-table{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-table{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-table{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-table{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-table{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-table{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-table{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-table{display:none}}.sc-admiralty-table-h{display:table}caption.sc-admiralty-table{font-size:var(--admiralty-table-heading-font-size, var(--admiralty-font-size-3));font-weight:var(--admiralty-table-heading-font-weight, var(--admiralty-font-weight-medium));color:var(--admiralty-colour-primary);margin-bottom:var(--admiralty-table-caption-margin-bottom, 30px);text-align:left}";const n=e;const o=class{constructor(t){a(this,t);this.caption=undefined}render(){return t(i,{key:"62352104f165320c7af022fdfcc831a37e6db25f",role:"table"},this.caption&&t("caption",{key:"8fa2b4a637076a33648ffeb0bfc8b95a22f328d8"},this.caption),t("slot",{key:"2486f8139926576bbbb55e7014ec5761c94591b4"}))}};o.style=n;export{o as admiralty_table};
|
|
2
|
+
//# sourceMappingURL=p-b31616f2.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as r,H as t,g as a}from"./p-71979ff5.js";const s=class{constructor(r){e(this,r)}onSideBarItemSelected(e){const r=e.detail;const t=this.el.querySelector("admiralty-side-bar");const a=t.querySelectorAll("admiralty-side-bar-item");a.forEach((e=>{e.active=e.href===r}))}render(){return r(t,{key:"b69164316b44cf411c8848ee671e20c5291575ba"},r("slot",{key:"66200935d6f8a3cd3c8fe9d06018d6ed25ff6a76"}))}get el(){return a(this)}};export{s as admiralty_side_bar_wrapper};
|
|
2
|
+
//# sourceMappingURL=p-f070a5f4.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,h as e,H as r}from"./p-71979ff5.js";const t=".sc-admiralty-table-header-h{display:table-header-group}";const s=t;const d=class{constructor(e){a(this,e)}render(){return e(r,{key:"6ad9b376a61b33aaa92d83cfe1fd185b56649bb5",role:"rowgroup"},e("slot",{key:"b2c5768616cce42aa284d2275e3a47eded039b1e"}))}};d.style=s;export{d as admiralty_table_header};
|
|
2
|
+
//# sourceMappingURL=p-fe24ab0a.entry.js.map
|