@ukho/admiralty-core 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,86 @@
+![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
+
+# Stencil Component Starter
+
+This is a starter project for building a standalone Web Component using Stencil.
+
+Stencil is also great for building entire apps. For that, use the [stencil-app-starter](https://github.com/ionic-team/stencil-app-starter) instead.
+
+# Stencil
+
+Stencil is a compiler for building fast web apps using Web Components.
+
+Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool.  Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.
+
+Stencil components are just Web Components, so they work in any major framework or with no framework at all.
+
+## Getting Started
+
+To start building a new web component using Stencil, clone this repo to a new directory:
+
+```bash
+git clone https://github.com/ionic-team/stencil-component-starter.git my-component
+cd my-component
+git remote rm origin
+```
+
+and run:
+
+```bash
+yarn install
+yarn start
+```
+
+To build the component for production, run:
+
+```bash
+yarn run build
+```
+
+To run the unit tests for the components, run:
+
+```bash
+yarn test:spec
+```
+To run the unit and e2e tests for the components, run:
+
+```bash
+yarn test
+```
+
+To update the [snapshots](https://jestjs.io/docs/snapshot-testing) in the unit tests, run:
+
+```bash
+yarn test:spec --updateSnapshots
+```
+
+Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).
+
+
+## Naming Components
+
+When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!
+
+Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Ionic generated web components use the prefix `ion`.
+
+
+## Using this component
+
+There are three strategies we recommend for using web components built with Stencil.
+
+The first step for all three of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-yarn-packages).
+
+### Script tag
+
+- Put a script tag similar to this `<script type='module' src='https://unpkg.com/my-component@0.0.1/dist/my-component.esm.js'></script>` in the head of your index.html
+- Then you can use the element anywhere in your template, JSX, html etc
+
+### Node Modules
+- Run `yarn install my-component --save`
+- Put a script tag similar to this `<script type='module' src='node_modules/my-component/dist/my-component.esm.js'></script>` in the head of your index.html
+- Then you can use the element anywhere in your template, JSX, html etc
+
+### In a stencil-starter app
+- Run `yarn install my-component --save`
+- Add an import to the yarn packages `import my-component;`
+- Then you can use the element anywhere in your template, JSX, html etc

package/dist/admiralty/admiralty.esm.js

@@ -0,0 +1,2 @@
+import{p as e,b as a}from"./p-e1680782.js";export{s as setNonce}from"./p-e1680782.js";const i=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};i().then((e=>a([["p-f9815502",[[1,"admiralty-type-ahead",{value:[1],label:[1],placeholder:[1],resultsOnInitFocus:[4,"results-on-init-focus"],filterResult:[32]}]]],["p-da4c6170",[[1,"admiralty-select",{disabled:[4],error:[4],errorHint:[1,"error-hint"],hint:[1],label:[1],width:[2]}]]],["p-f049a682",[[1,"admiralty-textarea",{label:[1],text:[1],hint:[1],width:[2],disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"]}]]],["p-1e0fcbb0",[[4,"admiralty-colour-block",{width:[2],height:[2],heading:[1],colour:[1],clickAction:[16],actionText:[1,"action-text"]}]]],["p-80c03397",[[6,"admiralty-filter",{filterTitle:[1,"filter-title"]}]]],["p-3dfc9fc0",[[6,"admiralty-filter-group",{groupTitle:[1,"group-title"]}]]],["p-33b7244b",[[0,"admiralty-paginator",{pages:[2],currentPage:[2,"current-page"],label:[1]}]]],["p-ffe3ca07",[[1,"admiralty-breadcrumb",{active:[4],first:[4],href:[1]}]]],["p-08baadfe",[[1,"admiralty-dialogue",{type:[1],heading:[1]}]]],["p-ffb0dae5",[[1,"admiralty-file-input",{label:[1],multiple:[4],files:[32]}]]],["p-bbe4dd68",[[2,"admiralty-progress-bar",{label:[1],progression:[2],error:[4],progressionValue:[32]}]]],["p-d5680d2f",[[1,"admiralty-breadcrumbs"]]],["p-e7bb0eca",[[4,"admiralty-card",{heading:[1]}]]],["p-6b102dd7",[[1,"admiralty-checkbox",{checkboxRight:[4,"checkbox-right"],disabled:[4],name:[1],checked:[1028],value:[8],labelText:[1,"label-text"]}]]],["p-c9625a50",[[4,"admiralty-footer",{imageLink:[1,"image-link"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],text:[1]}]]],["p-61a86783",[[4,"admiralty-header",{headerTitle:[1,"header-title"],headerTitleUrl:[1,"header-title-url"],logoLinkUrl:[1,"logo-link-url"],logoImgUrl:[1,"logo-img-url"],logoAltText:[1,"logo-alt-text"]}]]],["p-dae5bfda",[[1,"admiralty-header-menu-item",{menuTitle:[1,"menu-title"],active:[4]}]]],["p-c63b9703",[[1,"admiralty-header-profile",{isSignedIn:[4,"is-signed-in"],signedInText:[1,"signed-in-text"],displaySubmenu:[32]}]]],["p-eefe699d",[[1,"admiralty-header-sub-menu-item",{menuTitle:[1,"menu-title"]}]]],["p-573407ef",[[0,"admiralty-hr"]]],["p-de48be42",[[4,"admiralty-link",{href:[1],newTab:[4,"new-tab"]}]]],["p-96a33adb",[[4,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["p-05415353",[[0,"admiralty-phase-banner",{phase:[1],link:[1]}]]],["p-01cb7adb",[[6,"admiralty-radio",{name:[1],value:[1025],disabled:[4],checked:[1028],buttonTabindex:[32],setButtonTabindex:[64]}]]],["p-914567f9",[[6,"admiralty-radio-group",{name:[1],value:[1032],displayVertical:[4,"display-vertical"]}]]],["p-e5f9308a",[[6,"admiralty-side-nav",{label:[1]}]]],["p-6293fffb",[[2,"admiralty-side-nav-item",{sideNavItemId:[1,"side-nav-item-id"],headingTitle:[1,"heading-title"],navActive:[4,"nav-active"]}]]],["p-34cbc7a1",[[4,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["p-eba5b551",[[6,"admiralty-table",{caption:[1]}]]],["p-281fb779",[[6,"admiralty-table-body"]]],["p-d23537cc",[[6,"admiralty-table-cell"]]],["p-69e7a596",[[6,"admiralty-table-header"]]],["p-1156fb5a",[[6,"admiralty-table-header-cell"]]],["p-aa03be54",[[6,"admiralty-table-row"]]],["p-52cb5c3d",[[2,"admiralty-type-ahead-item",{value:[1]}]]],["p-31b52c40",[[1,"admiralty-icon",{iconName:[1,"icon-name"],iconPrefix:[1,"icon-prefix"]}]]],["p-1597c067",[[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]}]]],["p-e1457fd2",[[4,"admiralty-expansion",{heading:[1],expanded:[1540],alignHeadingRight:[4,"align-heading-right"],hideBorder:[4,"hide-border"]}]]],["p-3c9dee38",[[4,"admiralty-button",{variant:[1],icon:[1],disabled:[4],type:[1]}]]],["p-f268e1dd",[[1,"admiralty-input-error"],[1,"admiralty-hint",{disabled:[4]}],[1,"admiralty-label",{disabled:[4],for:[1]}]]]],e)));
+//# sourceMappingURL=admiralty.esm.js.map

package/dist/admiralty/admiralty.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","value","label","placeholder","resultsOnInitFocus","filterResult","disabled","error","errorHint","hint","width","text","invalid","invalidMessage","height","heading","colour","clickAction","actionText","filterTitle","groupTitle","pages","currentPage","active","first","type","multiple","files","progression","progressionValue","checkboxRight","name","checked","labelText","imageLink","imageSrc","imageAlt","headerTitle","headerTitleUrl","logoLinkUrl","logoImgUrl","logoAltText","menuTitle","isSignedIn","signedInText","displaySubmenu","newTab","phase","link","buttonTabindex","setButtonTabindex","displayVertical","sideNavItemId","headingTitle","navActive","caption","iconName","iconPrefix","required","autocomplete","expanded","alignHeadingRight","hideBorder","variant","icon","for"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BH,IAAeQ,MAAKC,GAEXC,EAAc,0CAAuC,CAAAC,MAAA,IAAAC,MAAA,IAAAC,YAAA,IAAAC,mBAAA,4BAAAC,aAAA,+CAAAC,SAAA,IAAAC,MAAA,IAAAC,UAAA,iBAAAC,KAAA,IAAAP,MAAA,IAAAQ,MAAA,gDAAAR,MAAA,IAAAS,KAAA,IAAAF,KAAA,IAAAC,MAAA,IAAAJ,SAAA,IAAAM,QAAA,IAAAC,eAAA,sEAAAH,MAAA,IAAAI,OAAA,IAAAC,QAAA,IAAAC,OAAA,IAAAC,YAAA,KAAAC,WAAA,4DAAAC,YAAA,mEAAAC,WAAA,+DAAAC,MAAA,IAAAC,YAAA,mBAAApB,MAAA,kDAAAqB,OAAA,IAAAC,MAAA,IAAA5B,KAAA,gDAAA6B,KAAA,IAAAV,QAAA,kDAAAb,MAAA,IAAAwB,SAAA,IAAAC,MAAA,qDAAAzB,MAAA,IAAA0B,YAAA,IAAArB,MAAA,IAAAsB,iBAAA,0FAAAd,QAAA,gDAAAe,cAAA,qBAAAxB,SAAA,IAAAyB,KAAA,IAAAC,QAAA,OAAA/B,MAAA,IAAAgC,UAAA,2DAAAC,UAAA,iBAAAC,SAAA,gBAAAC,SAAA,gBAAAzB,KAAA,8CAAA0B,YAAA,mBAAAC,eAAA,uBAAAC,YAAA,oBAAAC,WAAA,mBAAAC,YAAA,wEAAAC,UAAA,iBAAAnB,OAAA,sDAAAoB,WAAA,mBAAAC,aAAA,qBAAAC,eAAA,6DAAAH,UAAA,6FAAA9C,KAAA,IAAAkD,OAAA,8JAAAC,MAAA,IAAAC,KAAA,6CAAAjB,KAAA,IAAA9B,MAAA,OAAAK,SAAA,IAAA0B,QAAA,OAAAiB,eAAA,KAAAC,kBAAA,oDAAAnB,KAAA,IAAA9B,MAAA,OAAAkD,gBAAA,mEAAAjD,MAAA,qDAAAkD,cAAA,uBAAAC,aAAA,oBAAAC,UAAA,qKAAAC,QAAA,2RAAAtD,MAAA,4CAAAuD,SAAA,gBAAAC,WAAA,2DAAA1B,KAAA,IAAA7B,MAAA,IAAAO,KAAA,IAAAH,SAAA,IAAAmB,KAAA,IAAAtB,YAAA,IAAAO,MAAA,IAAAgD,SAAA,IAAA9C,QAAA,IAAAC,eAAA,sBAAA8C,aAAA,IAAA1D,MAAA,oDAAAc,QAAA,IAAA6C,SAAA,OAAAC,kBAAA,0BAAAC,WAAA,4DAAAC,QAAA,IAAAC,KAAA,IAAA1D,SAAA,IAAAmB,KAAA,wEAAAnB,SAAA,4BAAAA,SAAA,IAAA2D,IAAA,SAAAlE"}

package/dist/admiralty/index.esm.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.esm.js.map

package/dist/admiralty/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/admiralty/p-01cb7adb.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as a,H as r,g as d}from"./p-e1680782.js";const s='.admiralty-radio.sc-admiralty-radio input.sc-admiralty-radio{appearance:none;border:2px solid #09315b;border-radius:1rem;height:1.5rem;width:1.5rem;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:18px}.admiralty-radio.sc-admiralty-radio input.sc-admiralty-radio:checked:after{border-radius:100%;background-color:#09315b;width:0.8rem;height:0.8rem;content:" "}.admiralty-radio.sc-admiralty-radio input.sc-admiralty-radio:disabled{border:2px solid #adadad}.admiralty-radio.sc-admiralty-radio input.sc-admiralty-radio:focus{outline:3px solid #ffdd00;outline-offset:0}.admiralty-radio.sc-admiralty-radio label.sc-admiralty-radio{font-family:"JohnstonITC", Helvetica, sans-serif;font-weight:300;position:relative;top:2px}';const e=class{constructor(a){i(this,a);this.admiraltyFocus=t(this,"admiraltyFocus",7);this.admiraltyBlur=t(this,"admiraltyBlur",7);this.inputId=`admiralty-radio-${l++}`;this.radioGroup=null;this.updateState=()=>{if(this.radioGroup){this.checked=this.radioGroup.value===this.value}};this.onClick=()=>{this.checked=this.nativeInput.checked};this.onFocus=()=>{this.admiraltyFocus.emit()};this.onBlur=()=>{this.admiraltyBlur.emit()};this.buttonTabindex=-1;this.name=this.inputId;this.value=undefined;this.disabled=false;this.checked=false}connectedCallback(){if(this.value===undefined){this.value=this.inputId}const i=this.radioGroup=this.el.closest("admiralty-radio-group");if(i){this.updateState()}}async setButtonTabindex(i){this.buttonTabindex=i}render(){const{buttonTabindex:i,checked:t,disabled:d,inputId:s,name:e,value:l}=this;return a(r,null,a("div",{class:"admiralty-radio"},a("input",{"aria-checked":`${t}`,"aria-hidden":d?"true":null,"aria-labelledby":s,id:s,name:e,tabindex:i,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,class:"admiralty-radio",type:"radio",value:l,checked:t,disabled:d?true:null,ref:i=>this.nativeInput=i}),a("label",{htmlFor:s},a("slot",null))))}get el(){return d(this)}static get watchers(){return{checked:["render"],disabled:["render"]}}};let l=0;e.style=s;export{e as admiralty_radio};
+//# sourceMappingURL=p-01cb7adb.entry.js.map

package/dist/admiralty/p-01cb7adb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["radioCss","RadioComponent","this","inputId","radioButtonIds","radioGroup","updateState","checked","value","onClick","nativeInput","onFocus","admiraltyFocus","emit","onBlur","admiraltyBlur","connectedCallback","undefined","el","closest","async","buttonTabindex","render","disabled","name","h","Host","class","id","tabindex","type","ref","nativeEl","htmlFor"],"sources":["./src/components/radio/radio.scss?tag=admiralty-radio&encapsulation=scoped","./src/components/radio/radio.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\" as colours;\n@use \"../../scss/vars/typography\" as typography;\n\n.admiralty-radio {\n  input {\n    appearance: none;\n    border: 2px solid colours.$colour-admiralty-blue;\n    border-radius: 1rem;\n    height: 1.5rem;\n    width: 1.5rem;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    margin-right: 18px;\n\n    &:checked:after {\n        border-radius: 100%;\n        background-color: colours.$colour-admiralty-blue;\n        width: .8rem;\n        height: .8rem;\n        content: \" \";\n      }\n\n      &:disabled {\n        border: 2px solid colours.$colour-textinput-text-disabled;\n      }\n\n      &:focus {\n        outline: 3px solid colours.$colour-utility-focus;\n        outline-offset: 0;\n      }\n  }\n\n  label {\n    font-family: typography.$font-family;\n    font-weight: typography.$font-weight-light;\n    position: relative;\n    top: 2px;\n  }\n}\n","import { Element, Component, Event, h, Prop, Watch, Host, State, Method, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-radio',\n  styleUrl: 'radio.scss',\n  scoped: true,\n})\nexport class RadioComponent {\n  private inputId = `admiralty-radio-${radioButtonIds++}`;\n  private nativeInput!: HTMLInputElement;\n  private radioGroup: HTMLAdmiraltyRadioGroupElement | null = null;\n\n  @Element() el!: HTMLElement;\n\n  /**\n   * The tabindex of the radio button.\n   * @internal\n   */\n  @State() buttonTabindex = -1;\n\n  /**\n   * The name of the radio button for use on selection within a radio group\n   */\n  @Prop() name: string = this.inputId;\n  /**\n   * The value of the radio button for use on selection within a radio group\n   */\n  @Prop({ mutable: true }) value: string | null;\n  /**\n   * Determines whether the radio button is disabled. A button in disabled state will not fire click output events.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * Determines whether the radio button is selected (or checked)\n   */\n  @Prop({ mutable: true }) checked?: boolean = false;\n\n  /**\n   * Emitted when the radio button gains focus.\n   */\n  @Event() admiraltyFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the radio button loses focus.\n   */\n  @Event() admiraltyBlur!: EventEmitter<void>;\n\n  connectedCallback() {\n    if (this.value === undefined) {\n      this.value = this.inputId;\n    }\n    const radioGroup = (this.radioGroup = this.el.closest('admiralty-radio-group'));\n\n    if (radioGroup) {\n      this.updateState();\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async setButtonTabindex(value: number) {\n    this.buttonTabindex = value;\n  }\n\n  private updateState = () => {\n    if (this.radioGroup) {\n      this.checked = this.radioGroup.value === this.value;\n    }\n  };\n\n  private onClick = () => {\n    this.checked = this.nativeInput.checked;\n  };\n\n  private onFocus = () => {\n    this.admiraltyFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.admiraltyBlur.emit();\n  };\n\n  @Watch('checked')\n  @Watch('disabled')\n  render() {\n    const { buttonTabindex, checked, disabled, inputId, name, value } = this;\n\n    return (\n      <Host>\n        <div class=\"admiralty-radio\">\n          <input\n            aria-checked={`${checked}`}\n            aria-hidden={disabled ? 'true' : null}\n            aria-labelledby={inputId}\n            id={inputId}\n            name={name}\n            tabindex={buttonTabindex}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            onClick={this.onClick}\n            class=\"admiralty-radio\"\n            type=\"radio\"\n            value={value}\n            checked={checked}\n            disabled={disabled ? true : null}\n            ref={nativeEl => (this.nativeInput = nativeEl as HTMLInputElement)}\n          />\n          <label htmlFor={inputId}>\n            <slot />\n          </label>\n        </div>\n      </Host>\n    );\n  }\n}\n\nlet radioButtonIds = 0;\n"],"mappings":"gEAAA,MAAMA,EAAW,gwB,MCOJC,EAAc,M,qHACjBC,KAAAC,QAAU,mBAAmBC,MAE7BF,KAAAG,WAAoD,KAuDpDH,KAAAI,YAAc,KACpB,GAAIJ,KAAKG,WAAY,CACnBH,KAAKK,QAAUL,KAAKG,WAAWG,QAAUN,KAAKM,K,GAI1CN,KAAAO,QAAU,KAChBP,KAAKK,QAAUL,KAAKQ,YAAYH,OAAO,EAGjCL,KAAAS,QAAU,KAChBT,KAAKU,eAAeC,MAAM,EAGpBX,KAAAY,OAAS,KACfZ,KAAKa,cAAcF,MAAM,E,qBA9DA,E,UAKJX,KAAKC,Q,mCAQC,M,aAKgB,K,CAY7Ca,oBACE,GAAId,KAAKM,QAAUS,UAAW,CAC5Bf,KAAKM,MAAQN,KAAKC,O,CAEpB,MAAME,EAAcH,KAAKG,WAAaH,KAAKgB,GAAGC,QAAQ,yBAEtD,GAAId,EAAY,CACdH,KAAKI,a,EAMTc,wBAAwBZ,GACtBN,KAAKmB,eAAiBb,C,CAuBxBc,SACE,MAAMD,eAAEA,EAAcd,QAAEA,EAAOgB,SAAEA,EAAQpB,QAAEA,EAAOqB,KAAEA,EAAIhB,MAAEA,GAAUN,KAEpE,OACEuB,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAM,mBACTF,EAAA,wBACgB,GAAGlB,IAAS,cACbgB,EAAW,OAAS,KAAI,kBACpBpB,EACjByB,GAAIzB,EACJqB,KAAMA,EACNK,SAAUR,EACVV,QAAST,KAAKS,QACdG,OAAQZ,KAAKY,OACbL,QAASP,KAAKO,QACdkB,MAAM,kBACNG,KAAK,QACLtB,MAAOA,EACPD,QAASA,EACTgB,SAAUA,EAAW,KAAO,KAC5BQ,IAAKC,GAAa9B,KAAKQ,YAAcsB,IAEvCP,EAAA,SAAOQ,QAAS9B,GACdsB,EAAA,e,gGAQZ,IAAIrB,EAAiB,E"}

package/dist/admiralty/p-05415353.entry.js

@@ -0,0 +1,2 @@
+import{r as n,h as a}from"./p-e1680782.js";const e="@media (max-width: 1023px){.desktop-only{display:none}}@media (min-width: 1024px){.not-desktop{display:none}}@media (min-width: 1024px){.tablet-only{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop{display:none}}@media (min-width: 1024px){.phone-or-tablet{display:none}}@media (min-width: 1024px){.phone-only{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only{display:none}}admiralty-phase-banner .phase-banner{display:block;line-height:40px;width:100%;padding:0 18px}@media (min-width: 1024px){admiralty-phase-banner .phase-banner{padding:0 20px}}admiralty-phase-banner .phase-banner strong{border:2px solid;font-weight:bold;text-transform:uppercase;letter-spacing:1px;color:#09315b;padding:6px 8px 3px;margin-right:10px}";const i=class{constructor(a){n(this,a);this.phase="alpha";this.link=undefined}render(){return a("div",{class:"phase-banner"},a("strong",null,this.phase),a("span",null,"This service is in ",this.phase," phase - please provide"," ",a("a",{href:this.link,target:"_blank"},"feedback")," ","to help us improve it"))}};i.style=e;export{i as admiralty_phase_banner};
+//# sourceMappingURL=p-05415353.entry.js.map

package/dist/admiralty/p-05415353.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["phaseBannerCss","PhaseBannerComponent","render","h","class","this","phase","href","link","target"],"sources":["./src/components/phase-banner/phase-banner.scss?tag=admiralty-phase-banner","./src/components/phase-banner/phase-banner.tsx"],"sourcesContent":["@use \"../../scss/base/responsive\";\n@use \"../../scss/vars/colours\";\n\nadmiralty-phase-banner .phase-banner {\n  display: block;\n  line-height: 40px;\n  width: 100%;\n  padding: 0 18px;\n  @include responsive.desktop-only {\n    padding: 0 20px;\n  }\n\n  strong {\n    border: 2px solid;\n    font-weight: bold;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: colours.$colour-admiralty-blue;\n    padding: 6px 8px 3px;\n    margin-right: 10px;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'admiralty-phase-banner',\n  styleUrl: 'phase-banner.scss',\n  shadow: false,\n})\nexport class PhaseBannerComponent {\n  /**\n   * The phase for the phase banner\n   */\n  @Prop() phase: 'alpha' | 'beta' = 'alpha';\n\n  /**\n   * A link to where the end user can provide feedback\n   */\n  @Prop() link: string;\n\n  render() {\n    return (\n      <div class=\"phase-banner\">\n        <strong>{this.phase}</strong>\n        <span>\n          This service is in {this.phase} phase - please provide{' '}\n          <a href={this.link} target=\"_blank\">\n            feedback\n          </a>{' '}\n          to help us improve it\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAiB,u1B,MCOVC,EAAoB,M,oCAIG,Q,oBAOlCC,SACE,OACEC,EAAA,OAAKC,MAAM,gBACTD,EAAA,cAASE,KAAKC,OACdH,EAAA,kCACsBE,KAAKC,MAAK,0BAAyB,IACvDH,EAAA,KAAGI,KAAMF,KAAKG,KAAMC,OAAO,UAAQ,YAE9B,IAAG,yB"}

package/dist/admiralty/p-08baadfe.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as o}from"./p-e1680782.js";import{a as i,b as a,c as d,d as n}from"./p-18cff2de.js";const r="@media (max-width: 1023px){.desktop-only{display:none}}@media (min-width: 1024px){.not-desktop{display:none}}@media (min-width: 1024px){.tablet-only{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop{display:none}}@media (min-width: 1024px){.phone-or-tablet{display:none}}@media (min-width: 1024px){.phone-only{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only{display:none}}.dialogue{box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2);padding:30px 18px;overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 1023px){.dialogue{padding:24px 18px}}.dialogue .dialogue-title{color:#09315b;font-size:20px;font-weight:normal;line-height:30px;display:flex;align-items:center;overflow-wrap:break-word;word-wrap:break-word;margin-bottom:12px}.dialogue .dialogue-title .dialogue-title-icon{margin-right:12px}.dialogue.info{border-left:5px solid #0177c1;background-color:#e0ecf3}.dialogue.error{border-left:5px solid #e20d0d;background-color:#f7e1e1}.dialogue.success{border-left:5px solid #47a234;background-color:#e7f1e5}.dialogue.warning{border-left:5px solid #e3660e;background-color:#f8ede3}";const t=class{constructor(o){e(this,o);this.type="info";this.heading=undefined}getIconNameForType(){switch(this.type){case"info":return n;case"warning":return d;case"success":return a;case"error":return i}}render(){return o("section",{class:{dialogue:true,[this.type]:true}},o("div",{class:"dialogue-title"},o("admiralty-icon",{class:"dialogue-title-icon","icon-name":this.getIconNameForType().iconName}),this.heading),o("slot",null))}};t.style=r;export{t as admiralty_dialogue};
+//# sourceMappingURL=p-08baadfe.entry.js.map

package/dist/admiralty/p-08baadfe.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dialogueCss","DialogueComponent","getIconNameForType","this","type","faCircleInfo","faTriangleExclamation","faCheck","faExclamation","render","h","class","dialogue","iconName","heading"],"sources":["./src/components/dialogue/dialogue.scss?tag=admiralty-dialogue&encapsulation=shadow","./src/components/dialogue/dialogue.tsx"],"sourcesContent":["@use \"../../scss/base/responsive\";\r\n@use \"../../scss/vars/typography\";\r\n@use \"../../scss/vars/colours\";\r\n\r\n.dialogue {\r\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);\r\n  padding: 30px 18px;\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n\r\n  @include responsive.not-desktop {\r\n    padding: 24px 18px;\r\n  }\r\n\r\n  .dialogue-title {\r\n    color: colours.$colour-admiralty-blue;\r\n    font-size: 20px;\r\n    font-weight: typography.$font-weight-medium;\r\n    line-height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow-wrap: break-word;\r\n    word-wrap: break-word;\r\n    margin-bottom: 12px;\r\n\r\n    .dialogue-title-icon {\r\n      margin-right: 12px;\r\n    }\r\n  }\r\n\r\n  &.info {\r\n    border-left: 5px solid colours.$colour-utility-info;\r\n    background-color: colours.$colour-utility-info-bg;\r\n  }\r\n\r\n  &.error {\r\n    border-left: 5px solid colours.$colour-utility-error;\r\n    background-color: colours.$colour-utility-error-bg;\r\n  }\r\n  &.success {\r\n    border-left: 5px solid colours.$colour-utility-success;\r\n    background-color: colours.$colour-utility-success-bg;\r\n  }\r\n  &.warning {\r\n    border-left: 5px solid colours.$colour-utility-warning;\r\n    background-color: colours.$colour-utility-warning-bg;\r\n  }\r\n}\r\n","import { Component, Prop, h } from '@stencil/core';\nimport { faCheck, faCircleInfo, faExclamation, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n  tag: 'admiralty-dialogue',\n  styleUrl: 'dialogue.scss',\n  shadow: true,\n})\nexport class DialogueComponent {\n  /**\n   * The type of dialogue box to render.\n   */\n  @Prop() type: 'info' | 'warning' | 'success' | 'error' = 'info';\n\n  /**\n   * The heading to display.\n   */\n  @Prop() heading: string;\n\n  getIconNameForType(): IconDefinition {\n    switch (this.type) {\n      case 'info':\n        return faCircleInfo;\n      case 'warning':\n        return faTriangleExclamation;\n      case 'success':\n        return faCheck;\n      case 'error':\n        return faExclamation;\n    }\n  }\n\n  render() {\n    return (\n      <section\n        class={{\n          dialogue: true,\n          [this.type]: true,\n        }}\n      >\n        <div class=\"dialogue-title\">\n          <admiralty-icon class=\"dialogue-title-icon\" icon-name={this.getIconNameForType().iconName}></admiralty-icon>\n          {this.heading}\n        </div>\n        <slot></slot>\n      </section>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAc,msC,MCSPC,EAAiB,M,mCAI6B,O,uBAOzDC,qBACE,OAAQC,KAAKC,MACX,IAAK,OACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,QACH,OAAOC,E,CAIbC,SACE,OACEC,EAAA,WACEC,MAAO,CACLC,SAAU,KACV,CAACT,KAAKC,MAAO,OAGfM,EAAA,OAAKC,MAAM,kBACTD,EAAA,kBAAgBC,MAAM,sBAAqB,YAAYR,KAAKD,qBAAqBW,WAChFV,KAAKW,SAERJ,EAAA,a"}

package/dist/admiralty/p-1156fb5a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as l,H as t}from"./p-e1680782.js";const r=".sc-admiralty-table-header-cell-h{display:table-cell;color:#09315b;font-size:18px;line-height:30px;padding:6px 20px;text-align:left;font-weight:normal;border-bottom:5px solid #09315b}";const o=class{constructor(l){e(this,l)}render(){return l(t,{role:"columnheader"},l("slot",null))}};o.style=r;export{o as admiralty_table_header_cell};
+//# sourceMappingURL=p-1156fb5a.entry.js.map

package/dist/admiralty/p-1156fb5a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tableHeaderCellCss","TableHeaderCell","render","h","Host","role"],"sources":["./src/components/table-header-cell/table-header-cell.scss?tag=admiralty-table-header-cell&encapsulation=scoped","./src/components/table-header-cell/table-header-cell.tsx"],"sourcesContent":["@use '../../scss/vars/colours';\r\n@use '../../scss/vars/typography';\r\n\r\n:host {\r\n  display: table-cell;\r\n  color: colours.$colour-admiralty-blue;\r\n  font-size: 18px;\r\n  line-height: 30px;\r\n  padding: 6px 20px;\r\n  text-align: left;\r\n  font-weight: typography.$font-weight-medium;\r\n  border-bottom: 5px solid colours.$colour-admiralty-blue;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * The table header cell element is used for showing headings for the columns\n * @slot - The content you wish to show as part of the header\n */\n@Component({\n  tag: 'admiralty-table-header-cell',\n  styleUrl: 'table-header-cell.scss',\n  scoped: true,\n})\nexport class TableHeaderCell {\n  render() {\n    return (\n      <Host role=\"columnheader\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,0L,MCWdC,EAAe,M,yBAC1BC,SACE,OACEC,EAACC,EAAI,CAACC,KAAK,gBACTF,EAAA,a"}

package/dist/admiralty/p-1597c067.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s}from"./p-e1680782.js";const n=".text-input-container.sc-admiralty-input{display:flex;flex-direction:column}.text-input-container.sc-admiralty-input input.sc-admiralty-input{border-color:#333333;border-width:2px;border-style:solid;color:#333333;font-size:18px;line-height:24px;font-weight:300;padding:12px}.text-input-container.sc-admiralty-input input.sc-admiralty-input:focus{outline-offset:unset;outline:3px solid #ffdd00;box-shadow:#333333 inset 0 0 0 2px}.text-input-container.sc-admiralty-input .form-field.sc-admiralty-input{background-color:#ffffff}.text-input-container.sc-admiralty-input .form-field.sc-admiralty-input:focus-visible{outline:3px solid #ffdd00;box-shadow:#333333 inset 0 0 0 2px}.text-input-container.sc-admiralty-input .form-field.invalid.sc-admiralty-input{border-color:#e20d0d}.text-input-container.sc-admiralty-input .form-field.invalid.sc-admiralty-input:focus-visible{border-color:unset;outline:3px solid #ffdd00}.text-input-container.sc-admiralty-input .form-field.disabled.sc-admiralty-input{color:#adadad;border-color:#adadad;background:#ffffff}.text-input-container.sc-admiralty-input admiralty-input-error.sc-admiralty-input{margin-top:6px}";const e=class{constructor(s){t(this,s);this.admiraltyChange=i(this,"admiraltyChange",7);this.inputId=`admiralty-input-${++a}`;this.onInput=t=>{const i=t.target;if(i){this.value=i.value||""}};this.name=this.inputId;this.label=undefined;this.hint=undefined;this.disabled=false;this.type="text";this.placeholder=undefined;this.width=undefined;this.required=false;this.invalid=false;this.invalidMessage=undefined;this.autocomplete="off";this.value=""}valueChanged(){const t=this.nativeInput;const i=this.getValue();if(t&&t.value!==i){t.value=i}this.admiraltyChange.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();return s("div",{class:"text-input-container"},this.label?s("admiralty-label",{disabled:this.disabled,for:this.inputId},this.label):null,this.hint?s("admiralty-hint",{disabled:this.disabled},this.hint):null,s("input",{ref:t=>this.nativeInput=t,disabled:this.disabled,id:this.inputId,name:this.name,type:this.type,value:t,onInput:this.onInput,placeholder:this.placeholder,autoComplete:this.autocomplete,required:this.required,style:{maxWidth:this.width?`${this.width}px`:null}}),this.invalid?s("admiralty-input-error",null,this.invalidMessage):null)}static get watchers(){return{value:["valueChanged"]}}};let a=0;e.style=n;export{e as admiralty_input};
+//# sourceMappingURL=p-1597c067.entry.js.map

package/dist/admiralty/p-1597c067.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputCss","InputComponent","this","inputId","nextId","onInput","ev","input","target","value","valueChanged","nativeInput","getValue","admiraltyChange","emit","toString","render","h","class","label","disabled","for","hint","ref","id","name","type","placeholder","autoComplete","autocomplete","required","style","maxWidth","width","invalid","invalidMessage"],"sources":["./src/components/input/input.scss?tag=admiralty-input&encapsulation=scoped","./src/components/input/input.tsx"],"sourcesContent":["@use \"../../scss/vars/colours\";\n@use \"../../scss/vars/typography\";\n\n.text-input-container {\n  display: flex;\n  flex-direction: column;\n\n  input {\n    border-color: colours.$colour-text;\n    border-width: 2px;\n    border-style: solid;\n    color: colours.$colour-text;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: typography.$font-weight-light;\n\n    padding: 12px;\n\n    &:focus {\n      outline-offset: unset;\n      outline: 3px solid colours.$colour-utility-focus;\n      box-shadow: colours.$colour-text inset 0 0 0 2px;\n    }\n  }\n\n  .form-field {\n    background-color: colours.$colour-white;\n\n    &:focus-visible {\n      outline: 3px solid colours.$colour-utility-focus;\n      box-shadow: colours.$colour-text inset 0 0 0 2px;\n    }\n\n    &.invalid {\n      border-color: colours.$colour-utility-error;\n\n      &:focus-visible {\n        border-color: unset;\n        outline: 3px solid colours.$colour-utility-focus;\n      }\n    }\n\n    &.disabled {\n      color: colours.$colour-textinput-text-disabled;\n      border-color: colours.$colour-textinput-border-disabled;\n      background: colours.$colour-white;\n    }\n  }\n\n  admiralty-input-error {\n    margin-top: 6px;\n  }\n}\n","import { Component, ComponentInterface, Event, EventEmitter, h, Prop, Watch } from '@stencil/core';\nimport { InputChangeEventDetail } from './input.interface';\n\n/**\n * Once this component works, review whether a form field component should be created so\n * that shared properties such as `label`, `hint`, `disabled` etc. can be defined once.\n * Examples of similar components that can extend that base component are area, select\n * and checkbox.\n */\n\n@Component({\n  tag: 'admiralty-input',\n  styleUrl: 'input.scss',\n  scoped: true,\n})\nexport class InputComponent implements ComponentInterface {\n  inputId: string = `admiralty-input-${++nextId}`;\n\n  private nativeInput?: HTMLInputElement;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.inputId;\n\n  /**\n   * The label which will be used above the input to describe the input.\n   */\n  @Prop() label: string;\n\n  /**\n   * The hint which will be used under the label to describe the input.\n   */\n  @Prop() hint: string;\n\n  /**\n   * This dictates whether the form field is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The input type, options are: `text | date | time | email | password | tel | url`\n   */\n  @Prop() type: 'text' | 'date' | 'time' | 'email' | 'password' | 'tel' | 'url' = 'text';\n\n  /**\n   * The placeholder text to show in the input\n   */\n  @Prop() placeholder: string;\n\n  /**\n   * The maximum width for the input field.\n   */\n  @Prop() width: number;\n\n  /**\n   * This dictates whether the input is required or not\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether to show the input in an invalid state\n   */\n  @Prop() invalid: boolean = false;\n\n  /**\n   * The message to show when the input is invalid\n   */\n  @Prop() invalidMessage: string;\n\n  /**\n   * Indicates whether the value of the control can be automatically completed by the browser.\n   */\n  @Prop() autocomplete: string = 'off';\n\n  /**\n   * The value of the input.\n   */\n  @Prop({ mutable: true }) value?: string | number | null = '';\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() admiraltyChange: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    const nativeInput = this.nativeInput;\n    const value = this.getValue();\n    if (nativeInput && nativeInput.value !== value) {\n      nativeInput.value = value;\n    }\n    this.admiraltyChange.emit({ value: this.value == null ? this.getValue() : this.value.toString() });\n  }\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLInputElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n  };\n\n  private getValue(): string {\n    return typeof this.value === 'number' ? this.value.toString() : (this.value || '').toString();\n  }\n\n  render() {\n    const value = this.getValue();\n    return (\n      <div class=\"text-input-container\">\n        {this.label ? (\n          <admiralty-label disabled={this.disabled} for={this.inputId}>\n            {this.label}\n          </admiralty-label>\n        ) : null}\n        {this.hint ? <admiralty-hint disabled={this.disabled}>{this.hint}</admiralty-hint> : null}\n        <input\n          ref={input => (this.nativeInput = input)}\n          disabled={this.disabled}\n          id={this.inputId}\n          name={this.name}\n          type={this.type}\n          value={value}\n          onInput={this.onInput}\n          placeholder={this.placeholder}\n          autoComplete={this.autocomplete}\n          required={this.required}\n          style={{\n            maxWidth: this.width ? `${this.width}px` : null,\n          }}\n        />\n        {this.invalid ? <admiralty-input-error>{this.invalidMessage}</admiralty-input-error> : null}\n      </div>\n    );\n  }\n}\nlet nextId = 0;\n"],"mappings":"kDAAA,MAAMA,EAAW,2nC,MCeJC,EAAc,M,0EACzBC,KAAAC,QAAkB,qBAAqBC,IAkF/BF,KAAAG,QAAWC,IACjB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACTL,KAAKO,MAAQF,EAAME,OAAS,E,aA9ETP,KAAKC,Q,uDAeT,M,UAK6D,O,8DAepD,M,aAKD,M,gDAUI,M,WAK2B,E,CAWhDO,eACR,MAAMC,EAAcT,KAAKS,YACzB,MAAMF,EAAQP,KAAKU,WACnB,GAAID,GAAeA,EAAYF,QAAUA,EAAO,CAC9CE,EAAYF,MAAQA,C,CAEtBP,KAAKW,gBAAgBC,KAAK,CAAEL,MAAOP,KAAKO,OAAS,KAAOP,KAAKU,WAAaV,KAAKO,MAAMM,Y,CAU/EH,WACN,cAAcV,KAAKO,QAAU,SAAWP,KAAKO,MAAMM,YAAcb,KAAKO,OAAS,IAAIM,U,CAGrFC,SACE,MAAMP,EAAQP,KAAKU,WACnB,OACEK,EAAA,OAAKC,MAAM,wBACRhB,KAAKiB,MACJF,EAAA,mBAAiBG,SAAUlB,KAAKkB,SAAUC,IAAKnB,KAAKC,SACjDD,KAAKiB,OAEN,KACHjB,KAAKoB,KAAOL,EAAA,kBAAgBG,SAAUlB,KAAKkB,UAAWlB,KAAKoB,MAAyB,KACrFL,EAAA,SACEM,IAAKhB,GAAUL,KAAKS,YAAcJ,EAClCa,SAAUlB,KAAKkB,SACfI,GAAItB,KAAKC,QACTsB,KAAMvB,KAAKuB,KACXC,KAAMxB,KAAKwB,KACXjB,MAAOA,EACPJ,QAASH,KAAKG,QACdsB,YAAazB,KAAKyB,YAClBC,aAAc1B,KAAK2B,aACnBC,SAAU5B,KAAK4B,SACfC,MAAO,CACLC,SAAU9B,KAAK+B,MAAQ,GAAG/B,KAAK+B,UAAY,QAG9C/B,KAAKgC,QAAUjB,EAAA,6BAAwBf,KAAKiC,gBAA0C,K,wDAK/F,IAAI/B,EAAS,E"}