@ukho/admiralty-core 5.7.0 → 5.7.1--canary.9727084.0
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/p-33531fc7.entry.js +1 -0
- package/dist/admiralty/{p-3d31f5fa.entry.js → p-a2145393.entry.js} +1 -1
- package/dist/cjs/admiralty-colour-block.cjs.entry.js +9 -82
- package/dist/cjs/admiralty-input.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/colour-block/colour-block.css +0 -29
- package/dist/collection/components/colour-block/colour-block.js +9 -102
- package/dist/collection/components/input/input.css +25 -0
- package/dist/components/admiralty-colour-block.js +1 -1
- package/dist/components/admiralty-input.js +1 -1
- package/dist/esm/admiralty-colour-block.entry.js +9 -82
- package/dist/esm/admiralty-input.entry.js +1 -1
- package/dist/esm/admiralty.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/colour-block/colour-block.d.ts +3 -17
- package/dist/types/components.d.ts +2 -13
- package/docs/docs.json +8 -32
- package/package.json +2 -2
- package/themes/default.css +13 -3
- package/dist/admiralty/p-192995ac.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-uO9JpdnI.js";export{s as setNonce}from"./p-uO9JpdnI.js";import{g as i}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await i(),a([["p-c55f0b84",[[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"],iconName:[1,"icon-name"],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:0}],focused:[{onFocusedChange:0}]}]]],["p-
|
|
1
|
+
import{p as e,b as a}from"./p-uO9JpdnI.js";export{s as setNonce}from"./p-uO9JpdnI.js";import{g as i}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await i(),a([["p-c55f0b84",[[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"],iconName:[1,"icon-name"],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:0}],focused:[{onFocusedChange:0}]}]]],["p-a2145393",[[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:0}]}]]],["p-482b572b",[[262,"admiralty-select",{disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],hint:[1],label:[1],width:[2],value:[1032]},null,{value:[{valueChanged:0}]}]]],["p-c4bd7f40",[[2,"admiralty-textarea",{label:[1],hint:[1],width:[2],disabled:[4],invalid:[4],invalidMessage:[1,"invalid-message"],value:[1032]},null,{value:[{valueChanged:0}]}]]],["p-7ddb717d",[[262,"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:0}],invalid:[{invalidChanged:0}]}]]],["p-33531fc7",[[262,"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-20b2151f",[[262,"admiralty-error-summary",{heading:[1]}]]],["p-a39054a1",[[2,"admiralty-file-input",{label:[1],multiple:[4],invalid:[4],invalidMessage:[1,"invalid-message"],files:[32]}]]],["p-ec54cb7a",[[262,"admiralty-filter",{filterTitle:[1,"filter-title"]}]]],["p-04ba8a2d",[[262,"admiralty-filter-group",{groupTitle:[1,"group-title"]}]]],["p-0f9c7b77",[[2,"admiralty-paginator",{pages:[2],currentPage:[2,"current-page"],label:[1]}]]],["p-c52cb40d",[[262,"admiralty-breadcrumb",{active:[4],first:[4],href:[1]}]]],["p-2062b7be",[[262,"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-58bca1c3",[[2,"admiralty-icon-side-bar-item",{expanded:[1540],icon:[1],href:[1],itemText:[1,"item-text"],suppressRedirect:[4,"suppress-redirect"],active:[1540]},null,{active:[{handleActiveChange:0}]}]]],["p-db616d14",[[2,"admiralty-pill",{text:[1],number:[1],label:[1],colour:[1],selected:[4]}]]],["p-d5010bfb",[[2,"admiralty-progress-bar",{label:[1],progression:[2],error:[4],progressionValue:[32]},null,{progression:[{progressionChanged:0}]}]]],["p-93a26092",[[262,"admiralty-progress-tracker",{allowBackNavigation:[4,"allow-back-navigation"],allowForwardNavigation:[4,"allow-forward-navigation"],focusedStepIndex:[32],currentSteps:[32]}]]],["p-4e2170cb",[[262,"admiralty-read-more",{heading:[1],expanded:[32]}]]],["p-db29c807",[[262,"admiralty-text-side-bar-item",{variant:[1],expanded:[1540],icon:[1],href:[1],itemText:[1,"item-text"],suppressRedirect:[4,"suppress-redirect"],active:[1540]},null,{active:[{handleActiveChange:0}]}]]],["p-3e5e29cc",[[2,"admiralty-theme-toggle",{theme:[1537],disabled:[516],ariaLabel:[1,"aria-label"]},null,{theme:[{themeChanged:0}]}]]],["p-d6e3e5c5",[[2,"admiralty-autocomplete-option",{value:[8]}]]],["p-d00f1751",[[262,"admiralty-breadcrumbs"]]],["p-90430106",[[262,"admiralty-card",{heading:[1]}]]],["p-a2937f36",[[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:0}]}]]],["p-89f763b3",[[262,"admiralty-footer",{variant:[1],imageLink:[1,"image-link"],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],text:[1],hasSlotContent:[32]},[[2,"slotchange","handleSlotChange"]]]]],["p-87c27c26",[[262,"admiralty-header-menu-item",{menuTitle:[1,"menu-title"],active:[4]}]]],["p-532749db",[[262,"admiralty-header-menu-link",{menuTitle:[1,"menu-title"],active:[4],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-686e38b1",[[2,"admiralty-header-profile",{isSignedIn:[4,"is-signed-in"],signedInText:[1,"signed-in-text"],signInOnly:[4,"sign-in-only"]}]]],["p-3658cd6a",[[262,"admiralty-header-sub-menu-item",{menuTitle:[1,"menu-title"],href:[1],suppressRedirect:[4,"suppress-redirect"]}]]],["p-f5a798eb",[[2,"admiralty-hr"]]],["p-c8616e41",[[262,"admiralty-icon-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],iconSideBarWidth:[1,"icon-side-bar-width"]}]]],["p-b48b53dc",[[260,"admiralty-icon-side-bar-wrapper",null,[[0,"iconSideBarItemClick","onIconSideBarItemSelected"]]]]],["p-250bab5c",[[262,"admiralty-link",{href:[1],newTab:[4,"new-tab"]}]]],["p-a9145bb7",[[262,"admiralty-modal-dialog",{heading:[1],label:[1],description:[1],show:[4]}]]],["p-18ab59bf",[[260,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["p-1eb11a17",[[2,"admiralty-phase-banner",{phase:[1],link:[1]}]]],["p-1119a9fb",[[262,"admiralty-progress-tracker-step",{stepId:[1,"step-id"],stepTitle:[1,"step-title"],status:[1],summary:[1]}]]],["p-f9250d7c",[[262,"admiralty-radio",{name:[1],value:[1025],disabled:[4],checked:[1028],invalid:[4],buttonTabindex:[32],setButtonTabindex:[64]},null,{value:[{valueChanged:0}]}]]],["p-102034c5",[[262,"admiralty-side-nav",{label:[1]}]]],["p-2be7a680",[[2,"admiralty-side-nav-item",{sideNavItemId:[1,"side-nav-item-id"],headingTitle:[1,"heading-title"],navActive:[4,"nav-active"]}]]],["p-19608026",[[260,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["p-3a04a729",[[2,"admiralty-skeleton",{height:[1],width:[1],radius:[1],noAnimation:[1540,"no-animation"]}]]],["p-2f210e36",[[2,"admiralty-skip-link",{href:[1]}]]],["p-d5f03bc3",[[262,"admiralty-tab",{label:[1],tabLabelId:[1,"tab-label-id"],tabContentId:[1,"tab-content-id"]}]]],["p-a3337198",[[262,"admiralty-tab-group",{selectedIndex:[1026,"selected-index"]}]]],["p-58202d6a",[[262,"admiralty-table",{caption:[1]}]]],["p-0f31fa76",[[262,"admiralty-table-body"]]],["p-2e0dbbb1",[[262,"admiralty-table-cell"]]],["p-cb1a4f5a",[[262,"admiralty-table-header"]]],["p-7f5b8da9",[[262,"admiralty-table-header-cell"]]],["p-644ca5b1",[[262,"admiralty-table-row"]]],["p-8d2f5af2",[[262,"admiralty-text-side-bar",{label:[1],showLogo:[4,"show-logo"],logoImgUrl:[1,"logo-img-url"],textSideBarWidth:[1,"text-side-bar-width"]}]]],["p-bf8ff732",[[260,"admiralty-text-side-bar-wrapper",null,[[0,"textSideBarItemClick","ontextSideBarItemSelected"]]]]],["p-4b7de380",[[262,"admiralty-tooltip",{for:[1],placement:[513],alignment:[513]}]]],["p-7840dfc9",[[1,"admiralty-icon",{name:[1],size:[8]}]]],["p-8b915148",[[262,"admiralty-dialogue",{type:[1],heading:[1],sectionRole:[1,"section-role"]}]]],["p-851bc34c",[[262,"admiralty-expansion",{heading:[1],expanded:[1540],alignHeadingRight:[4,"align-heading-right"],hideBorder:[4,"hide-border"]}]]],["p-ba081c09",[[262,"admiralty-button",{variant:[1],icon:[1],disabled:[516],borderless:[4],type:[1],form:[1],name:[1],value:[1]}]]],["p-2129bcf8",[[262,"admiralty-hint",{disabled:[4]}],[262,"admiralty-label",{disabled:[4],for:[1]}],[262,"admiralty-input-invalid"]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as l,h as c}from"./p-uO9JpdnI.js";const t=class{constructor(c){o(this,c),this.colourBlockLinkClicked=l(this,"colourBlockLinkClicked"),this.colour="admiralty-blue",this.suppressRedirect=!1,this.enableCardEvent=!1}handleClickAction(o){this.suppressRedirect&&o.preventDefault(),o.stopPropagation(),this.colourBlockLinkClicked.emit()}render(){return c("div",{key:"857dcc424426284c99c9d6155a283afae38dcee1",class:{colourBlock:!0,[this.colour]:!0},style:Object.assign({height:this.height?`${this.height}px`:null,width:this.width?`${this.width}px`:null},this.enableCardEvent&&{cursor:"pointer"}),onClick:o=>this.enableCardEvent?this.handleClickAction(o):null},c("h2",{key:"0b807457d07d0b3e786264a5bd0e19e626619374"},this.heading),c("div",{key:"195c0e707ad9e25535f42c97799c30686eb7f182",class:{content:!0,"white-text":"admiralty-blue"===this.colour||"teal"===this.colour}},c("slot",{key:"9eda66d196515d3eab3a8f0c9241ed277870fd4d"})),this.actionText?c("admiralty-button",{variant:"text",class:"clickAction",onClick:o=>this.handleClickAction(o)},c("span",null,this.actionText)):null,this.linkText&&this.href?c("a",{class:"clickAction",href:this.href,onClick:o=>this.handleClickAction(o)},c("span",null,this.linkText)):null)}};t.style=".visually-hidden.sc-admiralty-colour-block: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-colour-block{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-colour-block{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-colour-block{display:none}}.colourBlock.sc-admiralty-colour-block{height:100%;width:100%;max-width:100%;padding:var(--admiralty-colour-block-padding, 30px 18px);display:flex;flex-direction:column;box-sizing:border-box}.colourBlock.sc-admiralty-colour-block .content.sc-admiralty-colour-block{flex-grow:1}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block{align-self:flex-end;cursor:pointer}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block:focus *.sc-admiralty-colour-block{color:var(--admiralty-focus-contrast) !important}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-weight:var(--admiralty-colour-block-action-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-colour-block-action-font-size, var(--admiralty-font-size-1));line-height:30px}@media (max-width: 1023px){.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-size:var(--admiralty-colour-block-action-not-desktop-font-size, var(--admiralty-font-size-0));line-height:30px}}.colourBlock.admiralty-blue.sc-admiralty-colour-block{background-color:var(--colour-block-blue-background-colour)}.colourBlock.admiralty-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-blue-text-colour)}.colourBlock.teal.sc-admiralty-colour-block{background-color:var(--admiralty-colour-secondary)}.colourBlock.teal.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-secondary-contrast)}.colourBlock.bright-blue.sc-admiralty-colour-block{background-color:var(--admiralty-colour-tertiary)}.colourBlock.bright-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}";export{t as admiralty_colour_block}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as a,g as n}from"./p-uO9JpdnI.js";const r=class{constructor(a){t(this,a),this.admiraltyInput=i(this,"admiraltyInput"),this.admiraltyFocus=i(this,"admiraltyFocus"),this.admiraltyBlur=i(this,"admiraltyBlur"),this.internalId=++
|
|
1
|
+
import{r as t,c as i,h as a,g as n}from"./p-uO9JpdnI.js";const r=class{constructor(a){t(this,a),this.admiraltyInput=i(this,"admiraltyInput"),this.admiraltyFocus=i(this,"admiraltyFocus"),this.admiraltyBlur=i(this,"admiraltyBlur"),this.internalId=++e,this.disabled=!1,this.type="text",this.required=!1,this.invalid=!1,this.autocomplete="off",this.value="",this.onInput=t=>{const i=t.target;i&&(this.value=i.value||"")},this.onBlur=t=>{this.admiraltyBlur.emit(t)},this.onFocus=t=>{this.admiraltyFocus.emit(t)}}valueChanged(){const t=this.nativeInput,i=this.getValue();t&&t.value!==i&&(t.value=i),this.admiraltyInput.emit({value:null==this.value?this.getValue():this.value.toString()})}getValue(){return"number"==typeof this.value?this.value.toString():(this.value||"").toString()}render(){const t=this.getValue(),i=""!=this.el.id?this.el.id:`admiralty-input-${this.internalId}`,n=`${i}-input`,r=`${i}-hint`,e=`${i}-error`;return a("div",{key:"91135c3eff6c04be294f1e46c418abe059a35b50",class:"text-input-container"},this.label?a("admiralty-label",{disabled:this.disabled,for:n},this.label):null,this.hint?a("admiralty-hint",{id:r,disabled:this.disabled},this.hint):null,a("input",Object.assign({key:"e792278ee37785e228fa6ed32c0c9bec12473b72",ref:t=>this.nativeInput=t,class:{disabled:this.disabled,invalid:this.invalid},disabled:this.disabled,id:n,name:this.name,type:this.type,value:t,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur,placeholder:this.placeholder,autoComplete:this.autocomplete,required:this.required,style:{maxWidth:this.width?`${this.width}px`:null},"aria-invalid":this.invalid?"true":"false"},this.hint?{"aria-describedby":r+(this.invalid?" "+e:"")}:this.invalid?{"aria-describedby":e}:null)),a("admiralty-input-invalid",{key:"612dd61f0248fa5c5268ff72ff9618066e019fa3",id:e,style:Object.assign({},this.invalid&&this.invalidMessage?{}:{display:"none"})},this.invalidMessage))}get el(){return n(this)}static get watchers(){return{value:[{valueChanged:0}]}}};let e=0;r.style=".visually-hidden.sc-admiralty-input: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-input{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-input{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-input{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-input{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-input{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-input{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-input{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-input{display:none}}.text-input-container.sc-admiralty-input{display:flex;flex-direction:column}.text-input-container.sc-admiralty-input input.sc-admiralty-input{background-color:var(--admiralty-background-colour);border-color:var(--admiralty-text-colour);border-width:2px;border-style:solid;color:var(--admiralty-text-colour);font-size:var(--admiralty-input-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-input-font-weight, var(--admiralty-font-weight-normal));padding:var(--admiralty-input-padding, var(--admiralty-spacing-3))}.text-input-container.sc-admiralty-input input.sc-admiralty-input:focus{outline-offset:unset;outline:3px solid var(--admiralty-focus-colour);box-shadow:var(--admiralty-text-colour) inset 0 0 0 2px}.text-input-container.sc-admiralty-input input.invalid.sc-admiralty-input{border-color:var(--admiralty-colour-danger)}.text-input-container.sc-admiralty-input input.invalid.sc-admiralty-input:focus-visible{border-color:unset;outline:3px solid var(--admiralty-focus-colour)}.text-input-container.sc-admiralty-input input.disabled.sc-admiralty-input{color:var(--admiralty-disabled-colour);border-color:var(--admiralty-disabled-colour);background:var(--admiralty-background-colour)}.text-input-container.sc-admiralty-input input[type=date].sc-admiralty-input::-webkit-calendar-picker-indicator,.text-input-container.sc-admiralty-input input[type=time].sc-admiralty-input::-webkit-calendar-picker-indicator,.text-input-container.sc-admiralty-input input[type=time].sc-admiralty-input::-webkit-clear-button,.text-input-container.sc-admiralty-input input[type=time].sc-admiralty-input::-webkit-inner-spin-button,.text-input-container.sc-admiralty-input input[type=number].sc-admiralty-input::-webkit-inner-spin-button,.text-input-container.sc-admiralty-input input[type=number].sc-admiralty-input::-webkit-outer-spin-button{filter:var(--admiralty-input-native-icon-filter, none)}.text-input-container body.admiralty-dark-mode.sc-admiralty-input-h input[type=number].sc-admiralty-input,body.admiralty-dark-mode .sc-admiralty-input-h input[type=number].sc-admiralty-input{color-scheme:dark}.text-input-container body.admiralty-light-mode.sc-admiralty-input-h input[type=number].sc-admiralty-input,body.admiralty-light-mode .sc-admiralty-input-h input[type=number].sc-admiralty-input{color-scheme:light}@media (prefers-color-scheme: dark){.text-input-container body.sc-admiralty-input-h:not(.admiralty-light-mode):not(.admiralty-dark-mode) input[type=number].sc-admiralty-input,body:not(.admiralty-light-mode):not(.admiralty-dark-mode) .sc-admiralty-input-h input[type=number].sc-admiralty-input{color-scheme:dark}}.text-input-container.sc-admiralty-input admiralty-input-invalid.sc-admiralty-input{margin-top:var(--admiralty-input-invalid-margin-top, 6px)}";export{r as admiralty_input}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B8thWtVm.js');
|
|
4
4
|
|
|
5
|
-
const colourBlockCss = () => `.visually-hidden.sc-admiralty-colour-block: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-colour-block{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-colour-block{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-colour-block{display:none}}.colourBlock.sc-admiralty-colour-block{height:100%;width:100%;max-width:100%;padding:var(--admiralty-colour-block-padding, 30px 18px);display:flex;flex-direction:column;box-sizing:border-box}.colourBlock.
|
|
5
|
+
const colourBlockCss = () => `.visually-hidden.sc-admiralty-colour-block: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-colour-block{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-colour-block{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-colour-block{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-colour-block{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-colour-block{display:none}}.colourBlock.sc-admiralty-colour-block{height:100%;width:100%;max-width:100%;padding:var(--admiralty-colour-block-padding, 30px 18px);display:flex;flex-direction:column;box-sizing:border-box}.colourBlock.sc-admiralty-colour-block .content.sc-admiralty-colour-block{flex-grow:1}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block{align-self:flex-end;cursor:pointer}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block:focus *.sc-admiralty-colour-block{color:var(--admiralty-focus-contrast) !important}.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-weight:var(--admiralty-colour-block-action-font-weight, var(--admiralty-font-weight-medium));font-size:var(--admiralty-colour-block-action-font-size, var(--admiralty-font-size-1));line-height:30px}@media (max-width: 1023px){.colourBlock.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block span.sc-admiralty-colour-block{font-size:var(--admiralty-colour-block-action-not-desktop-font-size, var(--admiralty-font-size-0));line-height:30px}}.colourBlock.admiralty-blue.sc-admiralty-colour-block{background-color:var(--colour-block-blue-background-colour)}.colourBlock.admiralty-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-blue-text-colour)}.colourBlock.teal.sc-admiralty-colour-block{background-color:var(--admiralty-colour-secondary)}.colourBlock.teal.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--admiralty-colour-secondary-contrast)}.colourBlock.bright-blue.sc-admiralty-colour-block{background-color:var(--admiralty-colour-tertiary)}.colourBlock.bright-blue.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}.colourBlock.bright-blue.sc-admiralty-colour-block .clickAction.sc-admiralty-colour-block *.sc-admiralty-colour-block{color:var(--colour-block-bright-blue-text-colour)}`;
|
|
6
6
|
|
|
7
7
|
const ColourBlockComponent = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -12,10 +12,6 @@ const ColourBlockComponent = class {
|
|
|
12
12
|
* The background colour of the component.
|
|
13
13
|
*/
|
|
14
14
|
this.colour = 'admiralty-blue';
|
|
15
|
-
/**
|
|
16
|
-
* Explicit accessible name for the interactive block.
|
|
17
|
-
*/
|
|
18
|
-
this.accessibleLabel = '';
|
|
19
15
|
/**
|
|
20
16
|
* Causes the default browser redirect to be suppressed. Can be used in conjunction with the
|
|
21
17
|
* `colourBlockLinkClicked` event to use a navigation router and prevent a full page reload
|
|
@@ -23,77 +19,11 @@ const ColourBlockComponent = class {
|
|
|
23
19
|
*/
|
|
24
20
|
this.suppressRedirect = false;
|
|
25
21
|
/**
|
|
26
|
-
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event.
|
|
27
|
-
*
|
|
28
|
-
* When `href` and `linkText` are provided, the card behaves as a link (`role="link"`).
|
|
29
|
-
* When they are not provided, the card behaves as a button (`role="button"`).
|
|
22
|
+
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event. A value for `href`
|
|
23
|
+
* should also be provided to ensure the component conforms to accessibility standards.
|
|
30
24
|
*/
|
|
31
25
|
this.enableCardEvent = false;
|
|
32
26
|
}
|
|
33
|
-
hasLink() {
|
|
34
|
-
return Boolean(this.linkText && this.href);
|
|
35
|
-
}
|
|
36
|
-
shouldEnableBlockInteraction() {
|
|
37
|
-
return this.enableCardEvent || this.hasLink();
|
|
38
|
-
}
|
|
39
|
-
getInteractiveAriaLabel() {
|
|
40
|
-
var _a;
|
|
41
|
-
const ariaLabelCandidates = [this.accessibleLabel, this.linkText, this.heading, this.actionText].map(value => value === null || value === void 0 ? void 0 : value.trim()).filter((value) => Boolean(value));
|
|
42
|
-
return (_a = ariaLabelCandidates[0]) !== null && _a !== void 0 ? _a : 'Interactive colour block';
|
|
43
|
-
}
|
|
44
|
-
isInteractiveTarget(ev) {
|
|
45
|
-
const interactiveSelector = 'a, button, input, select, textarea, [role="button"], [role="link"]';
|
|
46
|
-
const currentTarget = ev.currentTarget instanceof HTMLElement ? ev.currentTarget : null;
|
|
47
|
-
return ev.composedPath().some(target => {
|
|
48
|
-
if (!(target instanceof HTMLElement)) {
|
|
49
|
-
return false;
|
|
50
|
-
}
|
|
51
|
-
const interactiveElement = target.closest(interactiveSelector);
|
|
52
|
-
return interactiveElement !== null && interactiveElement !== currentTarget;
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
triggerLinkAction() {
|
|
56
|
-
if (!this.linkElement) {
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
this.linkElement.focus({ preventScroll: true });
|
|
60
|
-
this.linkElement.click();
|
|
61
|
-
}
|
|
62
|
-
onBlockClick(ev) {
|
|
63
|
-
if (!this.shouldEnableBlockInteraction()) {
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
if (this.hasLink() && !this.isInteractiveTarget(ev)) {
|
|
67
|
-
this.triggerLinkAction();
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
if (this.enableCardEvent && !this.hasLink()) {
|
|
71
|
-
this.handleClickAction(ev);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
onBlockKeyDown(ev) {
|
|
75
|
-
if (!this.shouldEnableBlockInteraction()) {
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
if (this.isInteractiveTarget(ev)) {
|
|
79
|
-
return;
|
|
80
|
-
}
|
|
81
|
-
if (this.hasLink()) {
|
|
82
|
-
if (ev.key !== 'Enter') {
|
|
83
|
-
return;
|
|
84
|
-
}
|
|
85
|
-
ev.preventDefault();
|
|
86
|
-
this.triggerLinkAction();
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
if (ev.key !== 'Enter' && ev.key !== ' ') {
|
|
90
|
-
return;
|
|
91
|
-
}
|
|
92
|
-
ev.preventDefault();
|
|
93
|
-
if (this.enableCardEvent) {
|
|
94
|
-
this.handleClickAction(ev);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
27
|
handleClickAction(ev) {
|
|
98
28
|
if (this.suppressRedirect) {
|
|
99
29
|
ev.preventDefault();
|
|
@@ -102,16 +32,13 @@ const ColourBlockComponent = class {
|
|
|
102
32
|
this.colourBlockLinkClicked.emit();
|
|
103
33
|
}
|
|
104
34
|
render() {
|
|
105
|
-
return (index.h("div", { key: '
|
|
106
|
-
|
|
35
|
+
return (index.h("div", { key: '857dcc424426284c99c9d6155a283afae38dcee1', class: {
|
|
36
|
+
colourBlock: true,
|
|
107
37
|
[this.colour]: true,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
}, role: this.shouldEnableBlockInteraction() ? (this.hasLink() ? 'link' : 'button') : undefined, tabIndex: this.shouldEnableBlockInteraction() ? 0 : undefined, "aria-label": this.shouldEnableBlockInteraction() ? this.getInteractiveAriaLabel() : undefined, onClick: ev => this.onBlockClick(ev), onKeyDown: ev => this.onBlockKeyDown(ev) }, index.h("h2", { key: 'e39a855fc9d6262b4b8ae468d6a70d11b9840dba' }, this.heading), index.h("div", { key: 'b2d9433db9491d6e6118bd2e32f7acbb09965c9f', class: {
|
|
113
|
-
content: true,
|
|
114
|
-
} }, index.h("slot", { key: '42249a6efa66ba69965cb4729bf9dfae9e468b75' })), this.actionText ? (index.h("admiralty-button", { variant: "text", class: "clickAction", onClick: ev => this.handleClickAction(ev) }, index.h("span", null, this.actionText))) : null, this.linkText && this.href ? (index.h("a", { class: "clickAction", href: this.href, onClick: ev => this.handleClickAction(ev), ref: el => (this.linkElement = el) }, index.h("span", null, this.linkText))) : null));
|
|
38
|
+
}, style: Object.assign({ height: this.height ? `${this.height}px` : null, width: this.width ? `${this.width}px` : null }, (this.enableCardEvent && { cursor: 'pointer' })), onClick: ev => (this.enableCardEvent ? this.handleClickAction(ev) : null) }, index.h("h2", { key: '0b807457d07d0b3e786264a5bd0e19e626619374' }, this.heading), index.h("div", { key: '195c0e707ad9e25535f42c97799c30686eb7f182', class: {
|
|
39
|
+
'content': true,
|
|
40
|
+
'white-text': this.colour === 'admiralty-blue' || this.colour === 'teal',
|
|
41
|
+
} }, index.h("slot", { key: '9eda66d196515d3eab3a8f0c9241ed277870fd4d' })), this.actionText ? (index.h("admiralty-button", { variant: "text", class: "clickAction", onClick: ev => this.handleClickAction(ev) }, index.h("span", null, this.actionText))) : null, this.linkText && this.href ? (index.h("a", { class: "clickAction", href: this.href, onClick: ev => this.handleClickAction(ev) }, index.h("span", null, this.linkText))) : null));
|
|
115
42
|
}
|
|
116
43
|
};
|
|
117
44
|
ColourBlockComponent.style = colourBlockCss();
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-B8thWtVm.js');
|
|
4
4
|
|
|
5
|
-
const inputCss = () => `.visually-hidden.sc-admiralty-input: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-input{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-input{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-input{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-input{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-input{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-input{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-input{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-input{display:none}}.text-input-container.sc-admiralty-input{display:flex;flex-direction:column}.text-input-container.sc-admiralty-input input.sc-admiralty-input{background-color:var(--admiralty-background-colour);border-color:var(--admiralty-text-colour);border-width:2px;border-style:solid;color:var(--admiralty-text-colour);font-size:var(--admiralty-input-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-input-font-weight, var(--admiralty-font-weight-normal));padding:var(--admiralty-input-padding, var(--admiralty-spacing-3))}.text-input-container.sc-admiralty-input input.sc-admiralty-input:focus{outline-offset:unset;outline:3px solid var(--admiralty-focus-colour);box-shadow:var(--admiralty-text-colour) inset 0 0 0 2px}.text-input-container.sc-admiralty-input input.invalid.sc-admiralty-input{border-color:var(--admiralty-colour-danger)}.text-input-container.sc-admiralty-input input.invalid.sc-admiralty-input:focus-visible{border-color:unset;outline:3px solid var(--admiralty-focus-colour)}.text-input-container.sc-admiralty-input input.disabled.sc-admiralty-input{color:var(--admiralty-disabled-colour);border-color:var(--admiralty-disabled-colour);background:var(--admiralty-background-colour)}.text-input-container.sc-admiralty-input admiralty-input-invalid.sc-admiralty-input{margin-top:var(--admiralty-input-invalid-margin-top, 6px)}`;
|
|
5
|
+
const inputCss = () => `.visually-hidden.sc-admiralty-input: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-input{display:none}}@media (min-width: 1024px){.not-desktop.sc-admiralty-input{display:none}}@media (min-width: 1024px){.tablet-only.sc-admiralty-input{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-only.sc-admiralty-input{display:none}}@media (max-width: 479px) and (min-width: 0px){.tablet-or-desktop.sc-admiralty-input{display:none}}@media (min-width: 1024px){.phone-or-tablet.sc-admiralty-input{display:none}}@media (min-width: 1024px){.phone-only.sc-admiralty-input{display:none}}@media (max-width: 1023px) and (min-width: 480px){.phone-only.sc-admiralty-input{display:none}}.text-input-container.sc-admiralty-input{display:flex;flex-direction:column}.text-input-container.sc-admiralty-input input.sc-admiralty-input{background-color:var(--admiralty-background-colour);border-color:var(--admiralty-text-colour);border-width:2px;border-style:solid;color:var(--admiralty-text-colour);font-size:var(--admiralty-input-font-size, var(--admiralty-font-size-0));line-height:24px;font-weight:var(--admiralty-input-font-weight, var(--admiralty-font-weight-normal));padding:var(--admiralty-input-padding, var(--admiralty-spacing-3))}.text-input-container.sc-admiralty-input input.sc-admiralty-input:focus{outline-offset:unset;outline:3px solid var(--admiralty-focus-colour);box-shadow:var(--admiralty-text-colour) inset 0 0 0 2px}.text-input-container.sc-admiralty-input input.invalid.sc-admiralty-input{border-color:var(--admiralty-colour-danger)}.text-input-container.sc-admiralty-input input.invalid.sc-admiralty-input:focus-visible{border-color:unset;outline:3px solid var(--admiralty-focus-colour)}.text-input-container.sc-admiralty-input input.disabled.sc-admiralty-input{color:var(--admiralty-disabled-colour);border-color:var(--admiralty-disabled-colour);background:var(--admiralty-background-colour)}.text-input-container.sc-admiralty-input input[type=date].sc-admiralty-input::-webkit-calendar-picker-indicator,.text-input-container.sc-admiralty-input input[type=time].sc-admiralty-input::-webkit-calendar-picker-indicator,.text-input-container.sc-admiralty-input input[type=time].sc-admiralty-input::-webkit-clear-button,.text-input-container.sc-admiralty-input input[type=time].sc-admiralty-input::-webkit-inner-spin-button,.text-input-container.sc-admiralty-input input[type=number].sc-admiralty-input::-webkit-inner-spin-button,.text-input-container.sc-admiralty-input input[type=number].sc-admiralty-input::-webkit-outer-spin-button{filter:var(--admiralty-input-native-icon-filter, none)}.text-input-container body.admiralty-dark-mode.sc-admiralty-input-h input[type=number].sc-admiralty-input,body.admiralty-dark-mode .sc-admiralty-input-h input[type=number].sc-admiralty-input{color-scheme:dark}.text-input-container body.admiralty-light-mode.sc-admiralty-input-h input[type=number].sc-admiralty-input,body.admiralty-light-mode .sc-admiralty-input-h input[type=number].sc-admiralty-input{color-scheme:light}@media (prefers-color-scheme: dark){.text-input-container body.sc-admiralty-input-h:not(.admiralty-light-mode):not(.admiralty-dark-mode) input[type=number].sc-admiralty-input,body:not(.admiralty-light-mode):not(.admiralty-dark-mode) .sc-admiralty-input-h input[type=number].sc-admiralty-input{color-scheme:dark}}.text-input-container.sc-admiralty-input admiralty-input-invalid.sc-admiralty-input{margin-top:var(--admiralty-input-invalid-margin-top, 6px)}`;
|
|
6
6
|
|
|
7
7
|
const InputComponent = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["admiralty-autocomplete.cjs",[[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"],"iconName":[1,"icon-name"],"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":0}],"focused":[{"onFocusedChange":0}]}]]],["admiralty-input.cjs",[[2,"admiralty-input",{"name":[1],"label":[1],"hint":[1],"disabled":[4],"type":[1],"placeholder":[1],"width":[2],"required":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"autocomplete":[1],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-select.cjs",[[262,"admiralty-select",{"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"hint":[1],"label":[1],"width":[2],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-textarea.cjs",[[2,"admiralty-textarea",{"label":[1],"hint":[1],"width":[2],"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-radio-group.cjs",[[262,"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":0}],"invalid":[{"invalidChanged":0}]}]]],["admiralty-colour-block.cjs",[[262,"admiralty-colour-block",{"width":[2],"height":[2],"heading":[1],"colour":[1],"href":[1],"linkText":[1,"link-text"],"
|
|
22
|
+
return index.bootstrapLazy([["admiralty-autocomplete.cjs",[[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"],"iconName":[1,"icon-name"],"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":0}],"focused":[{"onFocusedChange":0}]}]]],["admiralty-input.cjs",[[2,"admiralty-input",{"name":[1],"label":[1],"hint":[1],"disabled":[4],"type":[1],"placeholder":[1],"width":[2],"required":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"autocomplete":[1],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-select.cjs",[[262,"admiralty-select",{"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"hint":[1],"label":[1],"width":[2],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-textarea.cjs",[[2,"admiralty-textarea",{"label":[1],"hint":[1],"width":[2],"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-radio-group.cjs",[[262,"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":0}],"invalid":[{"invalidChanged":0}]}]]],["admiralty-colour-block.cjs",[[262,"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"]}]]],["admiralty-error-summary.cjs",[[262,"admiralty-error-summary",{"heading":[1]}]]],["admiralty-file-input.cjs",[[2,"admiralty-file-input",{"label":[1],"multiple":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"files":[32]}]]],["admiralty-filter.cjs",[[262,"admiralty-filter",{"filterTitle":[1,"filter-title"]}]]],["admiralty-filter-group.cjs",[[262,"admiralty-filter-group",{"groupTitle":[1,"group-title"]}]]],["admiralty-paginator.cjs",[[2,"admiralty-paginator",{"pages":[2],"currentPage":[2,"current-page"],"label":[1]}]]],["admiralty-breadcrumb.cjs",[[262,"admiralty-breadcrumb",{"active":[4],"first":[4],"href":[1]}]]],["admiralty-header.cjs",[[262,"admiralty-header",{"headerTitle":[1,"header-title"],"headerTitleUrl":[1,"header-title-url"],"logoLinkUrl":[1,"logo-link-url"],"logoImgUrl":[1,"logo-img-url"],"logoAltText":[1,"logo-alt-text"],"mobileMenuOpen":[32],"displayHamburger":[32]}]]],["admiralty-icon-side-bar-item.cjs",[[2,"admiralty-icon-side-bar-item",{"expanded":[1540],"icon":[1],"href":[1],"itemText":[1,"item-text"],"suppressRedirect":[4,"suppress-redirect"],"active":[1540]},null,{"active":[{"handleActiveChange":0}]}]]],["admiralty-pill.cjs",[[2,"admiralty-pill",{"text":[1],"number":[1],"label":[1],"colour":[1],"selected":[4]}]]],["admiralty-progress-bar.cjs",[[2,"admiralty-progress-bar",{"label":[1],"progression":[2],"error":[4],"progressionValue":[32]},null,{"progression":[{"progressionChanged":0}]}]]],["admiralty-progress-tracker.cjs",[[262,"admiralty-progress-tracker",{"allowBackNavigation":[4,"allow-back-navigation"],"allowForwardNavigation":[4,"allow-forward-navigation"],"focusedStepIndex":[32],"currentSteps":[32]}]]],["admiralty-read-more.cjs",[[262,"admiralty-read-more",{"heading":[1],"expanded":[32]}]]],["admiralty-text-side-bar-item.cjs",[[262,"admiralty-text-side-bar-item",{"variant":[1],"expanded":[1540],"icon":[1],"href":[1],"itemText":[1,"item-text"],"suppressRedirect":[4,"suppress-redirect"],"active":[1540]},null,{"active":[{"handleActiveChange":0}]}]]],["admiralty-theme-toggle.cjs",[[2,"admiralty-theme-toggle",{"theme":[1537],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"theme":[{"themeChanged":0}]}]]],["admiralty-autocomplete-option.cjs",[[2,"admiralty-autocomplete-option",{"value":[8]}]]],["admiralty-breadcrumbs.cjs",[[262,"admiralty-breadcrumbs"]]],["admiralty-card.cjs",[[262,"admiralty-card",{"heading":[1]}]]],["admiralty-checkbox.cjs",[[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":0}]}]]],["admiralty-footer.cjs",[[262,"admiralty-footer",{"variant":[1],"imageLink":[1,"image-link"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"text":[1],"hasSlotContent":[32]},[[2,"slotchange","handleSlotChange"]]]]],["admiralty-header-menu-item.cjs",[[262,"admiralty-header-menu-item",{"menuTitle":[1,"menu-title"],"active":[4]}]]],["admiralty-header-menu-link.cjs",[[262,"admiralty-header-menu-link",{"menuTitle":[1,"menu-title"],"active":[4],"href":[1],"suppressRedirect":[4,"suppress-redirect"]}]]],["admiralty-header-profile.cjs",[[2,"admiralty-header-profile",{"isSignedIn":[4,"is-signed-in"],"signedInText":[1,"signed-in-text"],"signInOnly":[4,"sign-in-only"]}]]],["admiralty-header-sub-menu-item.cjs",[[262,"admiralty-header-sub-menu-item",{"menuTitle":[1,"menu-title"],"href":[1],"suppressRedirect":[4,"suppress-redirect"]}]]],["admiralty-hr.cjs",[[2,"admiralty-hr"]]],["admiralty-icon-side-bar.cjs",[[262,"admiralty-icon-side-bar",{"label":[1],"showLogo":[4,"show-logo"],"logoImgUrl":[1,"logo-img-url"],"iconSideBarWidth":[1,"icon-side-bar-width"]}]]],["admiralty-icon-side-bar-wrapper.cjs",[[260,"admiralty-icon-side-bar-wrapper",null,[[0,"iconSideBarItemClick","onIconSideBarItemSelected"]]]]],["admiralty-link.cjs",[[262,"admiralty-link",{"href":[1],"newTab":[4,"new-tab"]}]]],["admiralty-modal-dialog.cjs",[[262,"admiralty-modal-dialog",{"heading":[1],"label":[1],"description":[1],"show":[4]}]]],["admiralty-paginator-wrapper.cjs",[[260,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["admiralty-phase-banner.cjs",[[2,"admiralty-phase-banner",{"phase":[1],"link":[1]}]]],["admiralty-progress-tracker-step.cjs",[[262,"admiralty-progress-tracker-step",{"stepId":[1,"step-id"],"stepTitle":[1,"step-title"],"status":[1],"summary":[1]}]]],["admiralty-radio.cjs",[[262,"admiralty-radio",{"name":[1],"value":[1025],"disabled":[4],"checked":[1028],"invalid":[4],"buttonTabindex":[32],"setButtonTabindex":[64]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-side-nav.cjs",[[262,"admiralty-side-nav",{"label":[1]}]]],["admiralty-side-nav-item.cjs",[[2,"admiralty-side-nav-item",{"sideNavItemId":[1,"side-nav-item-id"],"headingTitle":[1,"heading-title"],"navActive":[4,"nav-active"]}]]],["admiralty-side-nav-wrapper.cjs",[[260,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["admiralty-skeleton.cjs",[[2,"admiralty-skeleton",{"height":[1],"width":[1],"radius":[1],"noAnimation":[1540,"no-animation"]}]]],["admiralty-skip-link.cjs",[[2,"admiralty-skip-link",{"href":[1]}]]],["admiralty-tab.cjs",[[262,"admiralty-tab",{"label":[1],"tabLabelId":[1,"tab-label-id"],"tabContentId":[1,"tab-content-id"]}]]],["admiralty-tab-group.cjs",[[262,"admiralty-tab-group",{"selectedIndex":[1026,"selected-index"]}]]],["admiralty-table.cjs",[[262,"admiralty-table",{"caption":[1]}]]],["admiralty-table-body.cjs",[[262,"admiralty-table-body"]]],["admiralty-table-cell.cjs",[[262,"admiralty-table-cell"]]],["admiralty-table-header.cjs",[[262,"admiralty-table-header"]]],["admiralty-table-header-cell.cjs",[[262,"admiralty-table-header-cell"]]],["admiralty-table-row.cjs",[[262,"admiralty-table-row"]]],["admiralty-text-side-bar.cjs",[[262,"admiralty-text-side-bar",{"label":[1],"showLogo":[4,"show-logo"],"logoImgUrl":[1,"logo-img-url"],"textSideBarWidth":[1,"text-side-bar-width"]}]]],["admiralty-text-side-bar-wrapper.cjs",[[260,"admiralty-text-side-bar-wrapper",null,[[0,"textSideBarItemClick","ontextSideBarItemSelected"]]]]],["admiralty-tooltip.cjs",[[262,"admiralty-tooltip",{"for":[1],"placement":[513],"alignment":[513]}]]],["admiralty-icon.cjs",[[1,"admiralty-icon",{"name":[1],"size":[8]}]]],["admiralty-dialogue.cjs",[[262,"admiralty-dialogue",{"type":[1],"heading":[1],"sectionRole":[1,"section-role"]}]]],["admiralty-expansion.cjs",[[262,"admiralty-expansion",{"heading":[1],"expanded":[1540],"alignHeadingRight":[4,"align-heading-right"],"hideBorder":[4,"hide-border"]}]]],["admiralty-button.cjs",[[262,"admiralty-button",{"variant":[1],"icon":[1],"disabled":[516],"borderless":[4],"type":[1],"form":[1],"name":[1],"value":[1]}]]],["admiralty-hint_3.cjs",[[262,"admiralty-hint",{"disabled":[4]}],[262,"admiralty-label",{"disabled":[4],"for":[1]}],[262,"admiralty-input-invalid"]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
|
6
6
|
const defineCustomElements = async (win, options) => {
|
|
7
7
|
if (typeof window === 'undefined') return undefined;
|
|
8
8
|
await appGlobals.globalScripts();
|
|
9
|
-
return index.bootstrapLazy([["admiralty-autocomplete.cjs",[[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"],"iconName":[1,"icon-name"],"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":0}],"focused":[{"onFocusedChange":0}]}]]],["admiralty-input.cjs",[[2,"admiralty-input",{"name":[1],"label":[1],"hint":[1],"disabled":[4],"type":[1],"placeholder":[1],"width":[2],"required":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"autocomplete":[1],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-select.cjs",[[262,"admiralty-select",{"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"hint":[1],"label":[1],"width":[2],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-textarea.cjs",[[2,"admiralty-textarea",{"label":[1],"hint":[1],"width":[2],"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-radio-group.cjs",[[262,"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":0}],"invalid":[{"invalidChanged":0}]}]]],["admiralty-colour-block.cjs",[[262,"admiralty-colour-block",{"width":[2],"height":[2],"heading":[1],"colour":[1],"href":[1],"linkText":[1,"link-text"],"
|
|
9
|
+
return index.bootstrapLazy([["admiralty-autocomplete.cjs",[[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"],"iconName":[1,"icon-name"],"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":0}],"focused":[{"onFocusedChange":0}]}]]],["admiralty-input.cjs",[[2,"admiralty-input",{"name":[1],"label":[1],"hint":[1],"disabled":[4],"type":[1],"placeholder":[1],"width":[2],"required":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"autocomplete":[1],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-select.cjs",[[262,"admiralty-select",{"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"hint":[1],"label":[1],"width":[2],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-textarea.cjs",[[2,"admiralty-textarea",{"label":[1],"hint":[1],"width":[2],"disabled":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"value":[1032]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-radio-group.cjs",[[262,"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":0}],"invalid":[{"invalidChanged":0}]}]]],["admiralty-colour-block.cjs",[[262,"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"]}]]],["admiralty-error-summary.cjs",[[262,"admiralty-error-summary",{"heading":[1]}]]],["admiralty-file-input.cjs",[[2,"admiralty-file-input",{"label":[1],"multiple":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"files":[32]}]]],["admiralty-filter.cjs",[[262,"admiralty-filter",{"filterTitle":[1,"filter-title"]}]]],["admiralty-filter-group.cjs",[[262,"admiralty-filter-group",{"groupTitle":[1,"group-title"]}]]],["admiralty-paginator.cjs",[[2,"admiralty-paginator",{"pages":[2],"currentPage":[2,"current-page"],"label":[1]}]]],["admiralty-breadcrumb.cjs",[[262,"admiralty-breadcrumb",{"active":[4],"first":[4],"href":[1]}]]],["admiralty-header.cjs",[[262,"admiralty-header",{"headerTitle":[1,"header-title"],"headerTitleUrl":[1,"header-title-url"],"logoLinkUrl":[1,"logo-link-url"],"logoImgUrl":[1,"logo-img-url"],"logoAltText":[1,"logo-alt-text"],"mobileMenuOpen":[32],"displayHamburger":[32]}]]],["admiralty-icon-side-bar-item.cjs",[[2,"admiralty-icon-side-bar-item",{"expanded":[1540],"icon":[1],"href":[1],"itemText":[1,"item-text"],"suppressRedirect":[4,"suppress-redirect"],"active":[1540]},null,{"active":[{"handleActiveChange":0}]}]]],["admiralty-pill.cjs",[[2,"admiralty-pill",{"text":[1],"number":[1],"label":[1],"colour":[1],"selected":[4]}]]],["admiralty-progress-bar.cjs",[[2,"admiralty-progress-bar",{"label":[1],"progression":[2],"error":[4],"progressionValue":[32]},null,{"progression":[{"progressionChanged":0}]}]]],["admiralty-progress-tracker.cjs",[[262,"admiralty-progress-tracker",{"allowBackNavigation":[4,"allow-back-navigation"],"allowForwardNavigation":[4,"allow-forward-navigation"],"focusedStepIndex":[32],"currentSteps":[32]}]]],["admiralty-read-more.cjs",[[262,"admiralty-read-more",{"heading":[1],"expanded":[32]}]]],["admiralty-text-side-bar-item.cjs",[[262,"admiralty-text-side-bar-item",{"variant":[1],"expanded":[1540],"icon":[1],"href":[1],"itemText":[1,"item-text"],"suppressRedirect":[4,"suppress-redirect"],"active":[1540]},null,{"active":[{"handleActiveChange":0}]}]]],["admiralty-theme-toggle.cjs",[[2,"admiralty-theme-toggle",{"theme":[1537],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"theme":[{"themeChanged":0}]}]]],["admiralty-autocomplete-option.cjs",[[2,"admiralty-autocomplete-option",{"value":[8]}]]],["admiralty-breadcrumbs.cjs",[[262,"admiralty-breadcrumbs"]]],["admiralty-card.cjs",[[262,"admiralty-card",{"heading":[1]}]]],["admiralty-checkbox.cjs",[[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":0}]}]]],["admiralty-footer.cjs",[[262,"admiralty-footer",{"variant":[1],"imageLink":[1,"image-link"],"imageSrc":[1,"image-src"],"imageAlt":[1,"image-alt"],"text":[1],"hasSlotContent":[32]},[[2,"slotchange","handleSlotChange"]]]]],["admiralty-header-menu-item.cjs",[[262,"admiralty-header-menu-item",{"menuTitle":[1,"menu-title"],"active":[4]}]]],["admiralty-header-menu-link.cjs",[[262,"admiralty-header-menu-link",{"menuTitle":[1,"menu-title"],"active":[4],"href":[1],"suppressRedirect":[4,"suppress-redirect"]}]]],["admiralty-header-profile.cjs",[[2,"admiralty-header-profile",{"isSignedIn":[4,"is-signed-in"],"signedInText":[1,"signed-in-text"],"signInOnly":[4,"sign-in-only"]}]]],["admiralty-header-sub-menu-item.cjs",[[262,"admiralty-header-sub-menu-item",{"menuTitle":[1,"menu-title"],"href":[1],"suppressRedirect":[4,"suppress-redirect"]}]]],["admiralty-hr.cjs",[[2,"admiralty-hr"]]],["admiralty-icon-side-bar.cjs",[[262,"admiralty-icon-side-bar",{"label":[1],"showLogo":[4,"show-logo"],"logoImgUrl":[1,"logo-img-url"],"iconSideBarWidth":[1,"icon-side-bar-width"]}]]],["admiralty-icon-side-bar-wrapper.cjs",[[260,"admiralty-icon-side-bar-wrapper",null,[[0,"iconSideBarItemClick","onIconSideBarItemSelected"]]]]],["admiralty-link.cjs",[[262,"admiralty-link",{"href":[1],"newTab":[4,"new-tab"]}]]],["admiralty-modal-dialog.cjs",[[262,"admiralty-modal-dialog",{"heading":[1],"label":[1],"description":[1],"show":[4]}]]],["admiralty-paginator-wrapper.cjs",[[260,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["admiralty-phase-banner.cjs",[[2,"admiralty-phase-banner",{"phase":[1],"link":[1]}]]],["admiralty-progress-tracker-step.cjs",[[262,"admiralty-progress-tracker-step",{"stepId":[1,"step-id"],"stepTitle":[1,"step-title"],"status":[1],"summary":[1]}]]],["admiralty-radio.cjs",[[262,"admiralty-radio",{"name":[1],"value":[1025],"disabled":[4],"checked":[1028],"invalid":[4],"buttonTabindex":[32],"setButtonTabindex":[64]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-side-nav.cjs",[[262,"admiralty-side-nav",{"label":[1]}]]],["admiralty-side-nav-item.cjs",[[2,"admiralty-side-nav-item",{"sideNavItemId":[1,"side-nav-item-id"],"headingTitle":[1,"heading-title"],"navActive":[4,"nav-active"]}]]],["admiralty-side-nav-wrapper.cjs",[[260,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["admiralty-skeleton.cjs",[[2,"admiralty-skeleton",{"height":[1],"width":[1],"radius":[1],"noAnimation":[1540,"no-animation"]}]]],["admiralty-skip-link.cjs",[[2,"admiralty-skip-link",{"href":[1]}]]],["admiralty-tab.cjs",[[262,"admiralty-tab",{"label":[1],"tabLabelId":[1,"tab-label-id"],"tabContentId":[1,"tab-content-id"]}]]],["admiralty-tab-group.cjs",[[262,"admiralty-tab-group",{"selectedIndex":[1026,"selected-index"]}]]],["admiralty-table.cjs",[[262,"admiralty-table",{"caption":[1]}]]],["admiralty-table-body.cjs",[[262,"admiralty-table-body"]]],["admiralty-table-cell.cjs",[[262,"admiralty-table-cell"]]],["admiralty-table-header.cjs",[[262,"admiralty-table-header"]]],["admiralty-table-header-cell.cjs",[[262,"admiralty-table-header-cell"]]],["admiralty-table-row.cjs",[[262,"admiralty-table-row"]]],["admiralty-text-side-bar.cjs",[[262,"admiralty-text-side-bar",{"label":[1],"showLogo":[4,"show-logo"],"logoImgUrl":[1,"logo-img-url"],"textSideBarWidth":[1,"text-side-bar-width"]}]]],["admiralty-text-side-bar-wrapper.cjs",[[260,"admiralty-text-side-bar-wrapper",null,[[0,"textSideBarItemClick","ontextSideBarItemSelected"]]]]],["admiralty-tooltip.cjs",[[262,"admiralty-tooltip",{"for":[1],"placement":[513],"alignment":[513]}]]],["admiralty-icon.cjs",[[1,"admiralty-icon",{"name":[1],"size":[8]}]]],["admiralty-dialogue.cjs",[[262,"admiralty-dialogue",{"type":[1],"heading":[1],"sectionRole":[1,"section-role"]}]]],["admiralty-expansion.cjs",[[262,"admiralty-expansion",{"heading":[1],"expanded":[1540],"alignHeadingRight":[4,"align-heading-right"],"hideBorder":[4,"hide-border"]}]]],["admiralty-button.cjs",[[262,"admiralty-button",{"variant":[1],"icon":[1],"disabled":[516],"borderless":[4],"type":[1],"form":[1],"name":[1],"value":[1]}]]],["admiralty-hint_3.cjs",[[262,"admiralty-hint",{"disabled":[4]}],[262,"admiralty-label",{"disabled":[4],"for":[1]}],[262,"admiralty-input-invalid"]]]], options);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
exports.setNonce = index.setNonce;
|
|
@@ -75,19 +75,6 @@
|
|
|
75
75
|
flex-direction: column;
|
|
76
76
|
box-sizing: border-box;
|
|
77
77
|
}
|
|
78
|
-
.colourBlock.is-interactive {
|
|
79
|
-
cursor: pointer;
|
|
80
|
-
}
|
|
81
|
-
.colourBlock.is-interactive:hover {
|
|
82
|
-
filter: brightness(0.95);
|
|
83
|
-
}
|
|
84
|
-
.colourBlock.is-interactive:active {
|
|
85
|
-
filter: brightness(0.9);
|
|
86
|
-
}
|
|
87
|
-
.colourBlock.is-interactive:focus-visible {
|
|
88
|
-
outline: 3px solid var(--admiralty-focus-colour);
|
|
89
|
-
outline-offset: 2px;
|
|
90
|
-
}
|
|
91
78
|
.colourBlock .content {
|
|
92
79
|
flex-grow: 1;
|
|
93
80
|
}
|
|
@@ -111,38 +98,22 @@
|
|
|
111
98
|
}
|
|
112
99
|
.colourBlock.admiralty-blue {
|
|
113
100
|
background-color: var(--colour-block-blue-background-colour);
|
|
114
|
-
--admiralty-colour-primary: var(--colour-block-blue-text-colour);
|
|
115
|
-
--colour-block-text-colour: var(--colour-block-blue-text-colour);
|
|
116
101
|
}
|
|
117
102
|
.colourBlock.admiralty-blue * {
|
|
118
103
|
color: var(--colour-block-blue-text-colour);
|
|
119
104
|
}
|
|
120
105
|
.colourBlock.teal {
|
|
121
106
|
background-color: var(--admiralty-colour-secondary);
|
|
122
|
-
--admiralty-colour-primary: var(--admiralty-colour-secondary-contrast);
|
|
123
|
-
--colour-block-text-colour: var(--admiralty-colour-secondary-contrast);
|
|
124
107
|
}
|
|
125
108
|
.colourBlock.teal * {
|
|
126
109
|
color: var(--admiralty-colour-secondary-contrast);
|
|
127
110
|
}
|
|
128
111
|
.colourBlock.bright-blue {
|
|
129
112
|
background-color: var(--admiralty-colour-tertiary);
|
|
130
|
-
--admiralty-colour-primary: var(--colour-block-bright-blue-text-colour);
|
|
131
|
-
--colour-block-text-colour: var(--colour-block-bright-blue-text-colour);
|
|
132
113
|
}
|
|
133
114
|
.colourBlock.bright-blue * {
|
|
134
115
|
color: var(--colour-block-bright-blue-text-colour);
|
|
135
116
|
}
|
|
136
117
|
.colourBlock.bright-blue .clickAction * {
|
|
137
118
|
color: var(--colour-block-bright-blue-text-colour);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
admiralty-colour-block a,
|
|
141
|
-
admiralty-colour-block h1,
|
|
142
|
-
admiralty-colour-block h2,
|
|
143
|
-
admiralty-colour-block h3,
|
|
144
|
-
admiralty-colour-block h4,
|
|
145
|
-
admiralty-colour-block h5,
|
|
146
|
-
admiralty-colour-block h6 {
|
|
147
|
-
color: var(--colour-block-text-colour, var(--admiralty-colour-primary));
|
|
148
119
|
}
|
|
@@ -5,10 +5,6 @@ export class ColourBlockComponent {
|
|
|
5
5
|
* The background colour of the component.
|
|
6
6
|
*/
|
|
7
7
|
this.colour = 'admiralty-blue';
|
|
8
|
-
/**
|
|
9
|
-
* Explicit accessible name for the interactive block.
|
|
10
|
-
*/
|
|
11
|
-
this.accessibleLabel = '';
|
|
12
8
|
/**
|
|
13
9
|
* Causes the default browser redirect to be suppressed. Can be used in conjunction with the
|
|
14
10
|
* `colourBlockLinkClicked` event to use a navigation router and prevent a full page reload
|
|
@@ -16,77 +12,11 @@ export class ColourBlockComponent {
|
|
|
16
12
|
*/
|
|
17
13
|
this.suppressRedirect = false;
|
|
18
14
|
/**
|
|
19
|
-
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event.
|
|
20
|
-
*
|
|
21
|
-
* When `href` and `linkText` are provided, the card behaves as a link (`role="link"`).
|
|
22
|
-
* When they are not provided, the card behaves as a button (`role="button"`).
|
|
15
|
+
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event. A value for `href`
|
|
16
|
+
* should also be provided to ensure the component conforms to accessibility standards.
|
|
23
17
|
*/
|
|
24
18
|
this.enableCardEvent = false;
|
|
25
19
|
}
|
|
26
|
-
hasLink() {
|
|
27
|
-
return Boolean(this.linkText && this.href);
|
|
28
|
-
}
|
|
29
|
-
shouldEnableBlockInteraction() {
|
|
30
|
-
return this.enableCardEvent || this.hasLink();
|
|
31
|
-
}
|
|
32
|
-
getInteractiveAriaLabel() {
|
|
33
|
-
var _a;
|
|
34
|
-
const ariaLabelCandidates = [this.accessibleLabel, this.linkText, this.heading, this.actionText].map(value => value === null || value === void 0 ? void 0 : value.trim()).filter((value) => Boolean(value));
|
|
35
|
-
return (_a = ariaLabelCandidates[0]) !== null && _a !== void 0 ? _a : 'Interactive colour block';
|
|
36
|
-
}
|
|
37
|
-
isInteractiveTarget(ev) {
|
|
38
|
-
const interactiveSelector = 'a, button, input, select, textarea, [role="button"], [role="link"]';
|
|
39
|
-
const currentTarget = ev.currentTarget instanceof HTMLElement ? ev.currentTarget : null;
|
|
40
|
-
return ev.composedPath().some(target => {
|
|
41
|
-
if (!(target instanceof HTMLElement)) {
|
|
42
|
-
return false;
|
|
43
|
-
}
|
|
44
|
-
const interactiveElement = target.closest(interactiveSelector);
|
|
45
|
-
return interactiveElement !== null && interactiveElement !== currentTarget;
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
triggerLinkAction() {
|
|
49
|
-
if (!this.linkElement) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
this.linkElement.focus({ preventScroll: true });
|
|
53
|
-
this.linkElement.click();
|
|
54
|
-
}
|
|
55
|
-
onBlockClick(ev) {
|
|
56
|
-
if (!this.shouldEnableBlockInteraction()) {
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
if (this.hasLink() && !this.isInteractiveTarget(ev)) {
|
|
60
|
-
this.triggerLinkAction();
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
if (this.enableCardEvent && !this.hasLink()) {
|
|
64
|
-
this.handleClickAction(ev);
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
onBlockKeyDown(ev) {
|
|
68
|
-
if (!this.shouldEnableBlockInteraction()) {
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
if (this.isInteractiveTarget(ev)) {
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
if (this.hasLink()) {
|
|
75
|
-
if (ev.key !== 'Enter') {
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
ev.preventDefault();
|
|
79
|
-
this.triggerLinkAction();
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
if (ev.key !== 'Enter' && ev.key !== ' ') {
|
|
83
|
-
return;
|
|
84
|
-
}
|
|
85
|
-
ev.preventDefault();
|
|
86
|
-
if (this.enableCardEvent) {
|
|
87
|
-
this.handleClickAction(ev);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
20
|
handleClickAction(ev) {
|
|
91
21
|
if (this.suppressRedirect) {
|
|
92
22
|
ev.preventDefault();
|
|
@@ -95,16 +25,13 @@ export class ColourBlockComponent {
|
|
|
95
25
|
this.colourBlockLinkClicked.emit();
|
|
96
26
|
}
|
|
97
27
|
render() {
|
|
98
|
-
return (h("div", { key: '
|
|
99
|
-
|
|
28
|
+
return (h("div", { key: '857dcc424426284c99c9d6155a283afae38dcee1', class: {
|
|
29
|
+
colourBlock: true,
|
|
100
30
|
[this.colour]: true,
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}, role: this.shouldEnableBlockInteraction() ? (this.hasLink() ? 'link' : 'button') : undefined, tabIndex: this.shouldEnableBlockInteraction() ? 0 : undefined, "aria-label": this.shouldEnableBlockInteraction() ? this.getInteractiveAriaLabel() : undefined, onClick: ev => this.onBlockClick(ev), onKeyDown: ev => this.onBlockKeyDown(ev) }, h("h2", { key: 'e39a855fc9d6262b4b8ae468d6a70d11b9840dba' }, this.heading), h("div", { key: 'b2d9433db9491d6e6118bd2e32f7acbb09965c9f', class: {
|
|
106
|
-
content: true,
|
|
107
|
-
} }, h("slot", { key: '42249a6efa66ba69965cb4729bf9dfae9e468b75' })), this.actionText ? (h("admiralty-button", { variant: "text", class: "clickAction", onClick: ev => this.handleClickAction(ev) }, h("span", null, this.actionText))) : null, this.linkText && this.href ? (h("a", { class: "clickAction", href: this.href, onClick: ev => this.handleClickAction(ev), ref: el => (this.linkElement = el) }, h("span", null, this.linkText))) : null));
|
|
31
|
+
}, style: Object.assign({ height: this.height ? `${this.height}px` : null, width: this.width ? `${this.width}px` : null }, (this.enableCardEvent && { cursor: 'pointer' })), onClick: ev => (this.enableCardEvent ? this.handleClickAction(ev) : null) }, h("h2", { key: '0b807457d07d0b3e786264a5bd0e19e626619374' }, this.heading), h("div", { key: '195c0e707ad9e25535f42c97799c30686eb7f182', class: {
|
|
32
|
+
'content': true,
|
|
33
|
+
'white-text': this.colour === 'admiralty-blue' || this.colour === 'teal',
|
|
34
|
+
} }, h("slot", { key: '9eda66d196515d3eab3a8f0c9241ed277870fd4d' })), this.actionText ? (h("admiralty-button", { variant: "text", class: "clickAction", onClick: ev => this.handleClickAction(ev) }, h("span", null, this.actionText))) : null, this.linkText && this.href ? (h("a", { class: "clickAction", href: this.href, onClick: ev => this.handleClickAction(ev) }, h("span", null, this.linkText))) : null));
|
|
108
35
|
}
|
|
109
36
|
static get is() { return "admiralty-colour-block"; }
|
|
110
37
|
static get encapsulation() { return "scoped"; }
|
|
@@ -235,26 +162,6 @@ export class ColourBlockComponent {
|
|
|
235
162
|
"reflect": false,
|
|
236
163
|
"attribute": "link-text"
|
|
237
164
|
},
|
|
238
|
-
"accessibleLabel": {
|
|
239
|
-
"type": "string",
|
|
240
|
-
"mutable": false,
|
|
241
|
-
"complexType": {
|
|
242
|
-
"original": "string",
|
|
243
|
-
"resolved": "string",
|
|
244
|
-
"references": {}
|
|
245
|
-
},
|
|
246
|
-
"required": false,
|
|
247
|
-
"optional": false,
|
|
248
|
-
"docs": {
|
|
249
|
-
"tags": [],
|
|
250
|
-
"text": "Explicit accessible name for the interactive block."
|
|
251
|
-
},
|
|
252
|
-
"getter": false,
|
|
253
|
-
"setter": false,
|
|
254
|
-
"reflect": false,
|
|
255
|
-
"attribute": "aria-label",
|
|
256
|
-
"defaultValue": "''"
|
|
257
|
-
},
|
|
258
165
|
"suppressRedirect": {
|
|
259
166
|
"type": "boolean",
|
|
260
167
|
"mutable": false,
|
|
@@ -287,7 +194,7 @@ export class ColourBlockComponent {
|
|
|
287
194
|
"optional": false,
|
|
288
195
|
"docs": {
|
|
289
196
|
"tags": [],
|
|
290
|
-
"text": "Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event
|
|
197
|
+
"text": "Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event. A value for `href`\nshould also be provided to ensure the component conforms to accessibility standards."
|
|
291
198
|
},
|
|
292
199
|
"getter": false,
|
|
293
200
|
"setter": false,
|