@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
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
|
|
66
66
|
* @prop --admiralty-input-padding: Padding for the input.
|
|
67
67
|
* @prop --admiralty-input-invalid-margin-top: Margin top for invalid input.
|
|
68
|
+
* @prop --admiralty-input-native-icon-filter: Filter applied to native date/time/number input icons.
|
|
68
69
|
**/
|
|
69
70
|
.text-input-container {
|
|
70
71
|
display: flex;
|
|
@@ -98,6 +99,30 @@
|
|
|
98
99
|
border-color: var(--admiralty-disabled-colour);
|
|
99
100
|
background: var(--admiralty-background-colour);
|
|
100
101
|
}
|
|
102
|
+
.text-input-container input[type=date]::-webkit-calendar-picker-indicator, .text-input-container input[type=time]::-webkit-calendar-picker-indicator, .text-input-container input[type=time]::-webkit-clear-button, .text-input-container input[type=time]::-webkit-inner-spin-button, .text-input-container input[type=number]::-webkit-inner-spin-button, .text-input-container input[type=number]::-webkit-outer-spin-button {
|
|
103
|
+
filter: var(--admiralty-input-native-icon-filter, none);
|
|
104
|
+
}
|
|
105
|
+
.text-input-container {
|
|
106
|
+
/* Number spinner arrows use color-scheme (filter has no effect on OS-native spin buttons) */
|
|
107
|
+
/* Manual dark mode */
|
|
108
|
+
}
|
|
109
|
+
.text-input-container :host-context(body.admiralty-dark-mode) input[type=number] {
|
|
110
|
+
color-scheme: dark;
|
|
111
|
+
}
|
|
112
|
+
.text-input-container {
|
|
113
|
+
/* Manual light mode */
|
|
114
|
+
}
|
|
115
|
+
.text-input-container :host-context(body.admiralty-light-mode) input[type=number] {
|
|
116
|
+
color-scheme: light;
|
|
117
|
+
}
|
|
118
|
+
.text-input-container {
|
|
119
|
+
/* System dark mode, only when no manual override is set */
|
|
120
|
+
}
|
|
121
|
+
@media (prefers-color-scheme: dark) {
|
|
122
|
+
.text-input-container :host-context(body:not(.admiralty-light-mode):not(.admiralty-dark-mode)) input[type=number] {
|
|
123
|
+
color-scheme: dark;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
101
126
|
.text-input-container admiralty-input-invalid {
|
|
102
127
|
margin-top: var(--admiralty-input-invalid-margin-top, 6px);
|
|
103
128
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as o,H as l,c,h as t,t as
|
|
1
|
+
import{p as o,H as l,c,h as t,t as a}from"./index.js";import{d as i}from"./p-Dj5MPG39.js";import{d as r}from"./p-Dqovb5mf.js";const e=o(class extends l{constructor(o){super(),!1!==o&&this.__registerHost(),this.colourBlockLinkClicked=c(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 t("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},t("h2",{key:"0b807457d07d0b3e786264a5bd0e19e626619374"},this.heading),t("div",{key:"195c0e707ad9e25535f42c97799c30686eb7f182",class:{content:!0,"white-text":"admiralty-blue"===this.colour||"teal"===this.colour}},t("slot",{key:"9eda66d196515d3eab3a8f0c9241ed277870fd4d"})),this.actionText?t("admiralty-button",{variant:"text",class:"clickAction",onClick:o=>this.handleClickAction(o)},t("span",null,this.actionText)):null,this.linkText&&this.href?t("a",{class:"clickAction",href:this.href,onClick:o=>this.handleClickAction(o)},t("span",null,this.linkText)):null)}static get style(){return".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)}"}},[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"]}]),d=e,n=function(){"undefined"!=typeof customElements&&["admiralty-colour-block","admiralty-button","admiralty-icon"].forEach((o=>{switch(o){case"admiralty-colour-block":customElements.get(a(o))||customElements.define(a(o),e);break;case"admiralty-button":customElements.get(a(o))||i();break;case"admiralty-icon":customElements.get(a(o))||r()}}))};export{d as AdmiraltyColourBlock,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as i,c as a,h as n,t as e}from"./index.js";import{d as r}from"./p-Dklk_2EG.js";import{d
|
|
1
|
+
import{p as t,H as i,c as a,h as n,t as e}from"./index.js";import{d as r}from"./p-Dklk_2EG.js";import{d}from"./p-Dqovb5mf.js";import{d as l}from"./p-CYMsBgha.js";import{d as s}from"./p-DpKvOrAy.js";const o=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.admiraltyInput=a(this,"admiraltyInput"),this.admiraltyFocus=a(this,"admiraltyFocus"),this.admiraltyBlur=a(this,"admiraltyBlur"),this.internalId=++p,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})}getValue(){return"number"==typeof this.value?""+this.value:""+(this.value||"")}render(){const t=this.getValue(),i=""!=this.el.id?this.el.id:"admiralty-input-"+this.internalId,a=i+"-input",e=i+"-hint",r=i+"-error";return n("div",{key:"91135c3eff6c04be294f1e46c418abe059a35b50",class:"text-input-container"},this.label?n("admiralty-label",{disabled:this.disabled,for:a},this.label):null,this.hint?n("admiralty-hint",{id:e,disabled:this.disabled},this.hint):null,n("input",Object.assign({key:"e792278ee37785e228fa6ed32c0c9bec12473b72",ref:t=>this.nativeInput=t,class:{disabled:this.disabled,invalid:this.invalid},disabled:this.disabled,id:a,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":e+(this.invalid?" "+r:"")}:this.invalid?{"aria-describedby":r}:null)),n("admiralty-input-invalid",{key:"612dd61f0248fa5c5268ff72ff9618066e019fa3",id:r,style:Object.assign({},this.invalid&&this.invalidMessage?{}:{display:"none"})},this.invalidMessage))}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return".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)}"}},[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]},void 0,{value:[{valueChanged:0}]}]);let p=0;const m=o,u=function(){"undefined"!=typeof customElements&&["admiralty-input","admiralty-hint","admiralty-icon","admiralty-input-invalid","admiralty-label"].forEach((t=>{switch(t){case"admiralty-input":customElements.get(e(t))||customElements.define(e(t),o);break;case"admiralty-hint":customElements.get(e(t))||r();break;case"admiralty-icon":customElements.get(e(t))||d();break;case"admiralty-input-invalid":customElements.get(e(t))||l();break;case"admiralty-label":customElements.get(e(t))||s()}}))};export{m as AdmiraltyInput,u as defineCustomElement}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-uO9JpdnI.js';
|
|
2
2
|
|
|
3
|
-
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.
|
|
3
|
+
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)}`;
|
|
4
4
|
|
|
5
5
|
const ColourBlockComponent = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -10,10 +10,6 @@ const ColourBlockComponent = class {
|
|
|
10
10
|
* The background colour of the component.
|
|
11
11
|
*/
|
|
12
12
|
this.colour = 'admiralty-blue';
|
|
13
|
-
/**
|
|
14
|
-
* Explicit accessible name for the interactive block.
|
|
15
|
-
*/
|
|
16
|
-
this.accessibleLabel = '';
|
|
17
13
|
/**
|
|
18
14
|
* Causes the default browser redirect to be suppressed. Can be used in conjunction with the
|
|
19
15
|
* `colourBlockLinkClicked` event to use a navigation router and prevent a full page reload
|
|
@@ -21,77 +17,11 @@ const ColourBlockComponent = class {
|
|
|
21
17
|
*/
|
|
22
18
|
this.suppressRedirect = false;
|
|
23
19
|
/**
|
|
24
|
-
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event.
|
|
25
|
-
*
|
|
26
|
-
* When `href` and `linkText` are provided, the card behaves as a link (`role="link"`).
|
|
27
|
-
* When they are not provided, the card behaves as a button (`role="button"`).
|
|
20
|
+
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event. A value for `href`
|
|
21
|
+
* should also be provided to ensure the component conforms to accessibility standards.
|
|
28
22
|
*/
|
|
29
23
|
this.enableCardEvent = false;
|
|
30
24
|
}
|
|
31
|
-
hasLink() {
|
|
32
|
-
return Boolean(this.linkText && this.href);
|
|
33
|
-
}
|
|
34
|
-
shouldEnableBlockInteraction() {
|
|
35
|
-
return this.enableCardEvent || this.hasLink();
|
|
36
|
-
}
|
|
37
|
-
getInteractiveAriaLabel() {
|
|
38
|
-
var _a;
|
|
39
|
-
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));
|
|
40
|
-
return (_a = ariaLabelCandidates[0]) !== null && _a !== void 0 ? _a : 'Interactive colour block';
|
|
41
|
-
}
|
|
42
|
-
isInteractiveTarget(ev) {
|
|
43
|
-
const interactiveSelector = 'a, button, input, select, textarea, [role="button"], [role="link"]';
|
|
44
|
-
const currentTarget = ev.currentTarget instanceof HTMLElement ? ev.currentTarget : null;
|
|
45
|
-
return ev.composedPath().some(target => {
|
|
46
|
-
if (!(target instanceof HTMLElement)) {
|
|
47
|
-
return false;
|
|
48
|
-
}
|
|
49
|
-
const interactiveElement = target.closest(interactiveSelector);
|
|
50
|
-
return interactiveElement !== null && interactiveElement !== currentTarget;
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
triggerLinkAction() {
|
|
54
|
-
if (!this.linkElement) {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
this.linkElement.focus({ preventScroll: true });
|
|
58
|
-
this.linkElement.click();
|
|
59
|
-
}
|
|
60
|
-
onBlockClick(ev) {
|
|
61
|
-
if (!this.shouldEnableBlockInteraction()) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
if (this.hasLink() && !this.isInteractiveTarget(ev)) {
|
|
65
|
-
this.triggerLinkAction();
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
if (this.enableCardEvent && !this.hasLink()) {
|
|
69
|
-
this.handleClickAction(ev);
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
onBlockKeyDown(ev) {
|
|
73
|
-
if (!this.shouldEnableBlockInteraction()) {
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
if (this.isInteractiveTarget(ev)) {
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
if (this.hasLink()) {
|
|
80
|
-
if (ev.key !== 'Enter') {
|
|
81
|
-
return;
|
|
82
|
-
}
|
|
83
|
-
ev.preventDefault();
|
|
84
|
-
this.triggerLinkAction();
|
|
85
|
-
return;
|
|
86
|
-
}
|
|
87
|
-
if (ev.key !== 'Enter' && ev.key !== ' ') {
|
|
88
|
-
return;
|
|
89
|
-
}
|
|
90
|
-
ev.preventDefault();
|
|
91
|
-
if (this.enableCardEvent) {
|
|
92
|
-
this.handleClickAction(ev);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
25
|
handleClickAction(ev) {
|
|
96
26
|
if (this.suppressRedirect) {
|
|
97
27
|
ev.preventDefault();
|
|
@@ -100,16 +30,13 @@ const ColourBlockComponent = class {
|
|
|
100
30
|
this.colourBlockLinkClicked.emit();
|
|
101
31
|
}
|
|
102
32
|
render() {
|
|
103
|
-
return (h("div", { key: '
|
|
104
|
-
|
|
33
|
+
return (h("div", { key: '857dcc424426284c99c9d6155a283afae38dcee1', class: {
|
|
34
|
+
colourBlock: true,
|
|
105
35
|
[this.colour]: true,
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
}, 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: {
|
|
111
|
-
content: true,
|
|
112
|
-
} }, 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));
|
|
36
|
+
}, 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: {
|
|
37
|
+
'content': true,
|
|
38
|
+
'white-text': this.colour === 'admiralty-blue' || this.colour === 'teal',
|
|
39
|
+
} }, 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));
|
|
113
40
|
}
|
|
114
41
|
};
|
|
115
42
|
ColourBlockComponent.style = colourBlockCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-uO9JpdnI.js';
|
|
2
2
|
|
|
3
|
-
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)}`;
|
|
3
|
+
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)}`;
|
|
4
4
|
|
|
5
5
|
const InputComponent = class {
|
|
6
6
|
constructor(hostRef) {
|
package/dist/esm/admiralty.js
CHANGED
|
@@ -17,5 +17,5 @@ var patchBrowser = () => {
|
|
|
17
17
|
|
|
18
18
|
patchBrowser().then(async (options) => {
|
|
19
19
|
await globalScripts();
|
|
20
|
-
return bootstrapLazy([["admiralty-autocomplete",[[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",[[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",[[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",[[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",[[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",[[262,"admiralty-colour-block",{"width":[2],"height":[2],"heading":[1],"colour":[1],"href":[1],"linkText":[1,"link-text"],"
|
|
20
|
+
return bootstrapLazy([["admiralty-autocomplete",[[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",[[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",[[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",[[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",[[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",[[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",[[262,"admiralty-error-summary",{"heading":[1]}]]],["admiralty-file-input",[[2,"admiralty-file-input",{"label":[1],"multiple":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"files":[32]}]]],["admiralty-filter",[[262,"admiralty-filter",{"filterTitle":[1,"filter-title"]}]]],["admiralty-filter-group",[[262,"admiralty-filter-group",{"groupTitle":[1,"group-title"]}]]],["admiralty-paginator",[[2,"admiralty-paginator",{"pages":[2],"currentPage":[2,"current-page"],"label":[1]}]]],["admiralty-breadcrumb",[[262,"admiralty-breadcrumb",{"active":[4],"first":[4],"href":[1]}]]],["admiralty-header",[[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",[[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",[[2,"admiralty-pill",{"text":[1],"number":[1],"label":[1],"colour":[1],"selected":[4]}]]],["admiralty-progress-bar",[[2,"admiralty-progress-bar",{"label":[1],"progression":[2],"error":[4],"progressionValue":[32]},null,{"progression":[{"progressionChanged":0}]}]]],["admiralty-progress-tracker",[[262,"admiralty-progress-tracker",{"allowBackNavigation":[4,"allow-back-navigation"],"allowForwardNavigation":[4,"allow-forward-navigation"],"focusedStepIndex":[32],"currentSteps":[32]}]]],["admiralty-read-more",[[262,"admiralty-read-more",{"heading":[1],"expanded":[32]}]]],["admiralty-text-side-bar-item",[[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",[[2,"admiralty-theme-toggle",{"theme":[1537],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"theme":[{"themeChanged":0}]}]]],["admiralty-autocomplete-option",[[2,"admiralty-autocomplete-option",{"value":[8]}]]],["admiralty-breadcrumbs",[[262,"admiralty-breadcrumbs"]]],["admiralty-card",[[262,"admiralty-card",{"heading":[1]}]]],["admiralty-checkbox",[[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",[[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",[[262,"admiralty-header-menu-item",{"menuTitle":[1,"menu-title"],"active":[4]}]]],["admiralty-header-menu-link",[[262,"admiralty-header-menu-link",{"menuTitle":[1,"menu-title"],"active":[4],"href":[1],"suppressRedirect":[4,"suppress-redirect"]}]]],["admiralty-header-profile",[[2,"admiralty-header-profile",{"isSignedIn":[4,"is-signed-in"],"signedInText":[1,"signed-in-text"],"signInOnly":[4,"sign-in-only"]}]]],["admiralty-header-sub-menu-item",[[262,"admiralty-header-sub-menu-item",{"menuTitle":[1,"menu-title"],"href":[1],"suppressRedirect":[4,"suppress-redirect"]}]]],["admiralty-hr",[[2,"admiralty-hr"]]],["admiralty-icon-side-bar",[[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",[[260,"admiralty-icon-side-bar-wrapper",null,[[0,"iconSideBarItemClick","onIconSideBarItemSelected"]]]]],["admiralty-link",[[262,"admiralty-link",{"href":[1],"newTab":[4,"new-tab"]}]]],["admiralty-modal-dialog",[[262,"admiralty-modal-dialog",{"heading":[1],"label":[1],"description":[1],"show":[4]}]]],["admiralty-paginator-wrapper",[[260,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["admiralty-phase-banner",[[2,"admiralty-phase-banner",{"phase":[1],"link":[1]}]]],["admiralty-progress-tracker-step",[[262,"admiralty-progress-tracker-step",{"stepId":[1,"step-id"],"stepTitle":[1,"step-title"],"status":[1],"summary":[1]}]]],["admiralty-radio",[[262,"admiralty-radio",{"name":[1],"value":[1025],"disabled":[4],"checked":[1028],"invalid":[4],"buttonTabindex":[32],"setButtonTabindex":[64]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-side-nav",[[262,"admiralty-side-nav",{"label":[1]}]]],["admiralty-side-nav-item",[[2,"admiralty-side-nav-item",{"sideNavItemId":[1,"side-nav-item-id"],"headingTitle":[1,"heading-title"],"navActive":[4,"nav-active"]}]]],["admiralty-side-nav-wrapper",[[260,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["admiralty-skeleton",[[2,"admiralty-skeleton",{"height":[1],"width":[1],"radius":[1],"noAnimation":[1540,"no-animation"]}]]],["admiralty-skip-link",[[2,"admiralty-skip-link",{"href":[1]}]]],["admiralty-tab",[[262,"admiralty-tab",{"label":[1],"tabLabelId":[1,"tab-label-id"],"tabContentId":[1,"tab-content-id"]}]]],["admiralty-tab-group",[[262,"admiralty-tab-group",{"selectedIndex":[1026,"selected-index"]}]]],["admiralty-table",[[262,"admiralty-table",{"caption":[1]}]]],["admiralty-table-body",[[262,"admiralty-table-body"]]],["admiralty-table-cell",[[262,"admiralty-table-cell"]]],["admiralty-table-header",[[262,"admiralty-table-header"]]],["admiralty-table-header-cell",[[262,"admiralty-table-header-cell"]]],["admiralty-table-row",[[262,"admiralty-table-row"]]],["admiralty-text-side-bar",[[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",[[260,"admiralty-text-side-bar-wrapper",null,[[0,"textSideBarItemClick","ontextSideBarItemSelected"]]]]],["admiralty-tooltip",[[262,"admiralty-tooltip",{"for":[1],"placement":[513],"alignment":[513]}]]],["admiralty-icon",[[1,"admiralty-icon",{"name":[1],"size":[8]}]]],["admiralty-dialogue",[[262,"admiralty-dialogue",{"type":[1],"heading":[1],"sectionRole":[1,"section-role"]}]]],["admiralty-expansion",[[262,"admiralty-expansion",{"heading":[1],"expanded":[1540],"alignHeadingRight":[4,"align-heading-right"],"hideBorder":[4,"hide-border"]}]]],["admiralty-button",[[262,"admiralty-button",{"variant":[1],"icon":[1],"disabled":[516],"borderless":[4],"type":[1],"form":[1],"name":[1],"value":[1]}]]],["admiralty-hint_3",[[262,"admiralty-hint",{"disabled":[4]}],[262,"admiralty-label",{"disabled":[4],"for":[1]}],[262,"admiralty-input-invalid"]]]], options);
|
|
21
21
|
});
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["admiralty-autocomplete",[[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",[[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",[[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",[[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",[[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",[[262,"admiralty-colour-block",{"width":[2],"height":[2],"heading":[1],"colour":[1],"href":[1],"linkText":[1,"link-text"],"
|
|
8
|
+
return bootstrapLazy([["admiralty-autocomplete",[[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",[[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",[[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",[[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",[[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",[[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",[[262,"admiralty-error-summary",{"heading":[1]}]]],["admiralty-file-input",[[2,"admiralty-file-input",{"label":[1],"multiple":[4],"invalid":[4],"invalidMessage":[1,"invalid-message"],"files":[32]}]]],["admiralty-filter",[[262,"admiralty-filter",{"filterTitle":[1,"filter-title"]}]]],["admiralty-filter-group",[[262,"admiralty-filter-group",{"groupTitle":[1,"group-title"]}]]],["admiralty-paginator",[[2,"admiralty-paginator",{"pages":[2],"currentPage":[2,"current-page"],"label":[1]}]]],["admiralty-breadcrumb",[[262,"admiralty-breadcrumb",{"active":[4],"first":[4],"href":[1]}]]],["admiralty-header",[[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",[[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",[[2,"admiralty-pill",{"text":[1],"number":[1],"label":[1],"colour":[1],"selected":[4]}]]],["admiralty-progress-bar",[[2,"admiralty-progress-bar",{"label":[1],"progression":[2],"error":[4],"progressionValue":[32]},null,{"progression":[{"progressionChanged":0}]}]]],["admiralty-progress-tracker",[[262,"admiralty-progress-tracker",{"allowBackNavigation":[4,"allow-back-navigation"],"allowForwardNavigation":[4,"allow-forward-navigation"],"focusedStepIndex":[32],"currentSteps":[32]}]]],["admiralty-read-more",[[262,"admiralty-read-more",{"heading":[1],"expanded":[32]}]]],["admiralty-text-side-bar-item",[[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",[[2,"admiralty-theme-toggle",{"theme":[1537],"disabled":[516],"ariaLabel":[1,"aria-label"]},null,{"theme":[{"themeChanged":0}]}]]],["admiralty-autocomplete-option",[[2,"admiralty-autocomplete-option",{"value":[8]}]]],["admiralty-breadcrumbs",[[262,"admiralty-breadcrumbs"]]],["admiralty-card",[[262,"admiralty-card",{"heading":[1]}]]],["admiralty-checkbox",[[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",[[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",[[262,"admiralty-header-menu-item",{"menuTitle":[1,"menu-title"],"active":[4]}]]],["admiralty-header-menu-link",[[262,"admiralty-header-menu-link",{"menuTitle":[1,"menu-title"],"active":[4],"href":[1],"suppressRedirect":[4,"suppress-redirect"]}]]],["admiralty-header-profile",[[2,"admiralty-header-profile",{"isSignedIn":[4,"is-signed-in"],"signedInText":[1,"signed-in-text"],"signInOnly":[4,"sign-in-only"]}]]],["admiralty-header-sub-menu-item",[[262,"admiralty-header-sub-menu-item",{"menuTitle":[1,"menu-title"],"href":[1],"suppressRedirect":[4,"suppress-redirect"]}]]],["admiralty-hr",[[2,"admiralty-hr"]]],["admiralty-icon-side-bar",[[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",[[260,"admiralty-icon-side-bar-wrapper",null,[[0,"iconSideBarItemClick","onIconSideBarItemSelected"]]]]],["admiralty-link",[[262,"admiralty-link",{"href":[1],"newTab":[4,"new-tab"]}]]],["admiralty-modal-dialog",[[262,"admiralty-modal-dialog",{"heading":[1],"label":[1],"description":[1],"show":[4]}]]],["admiralty-paginator-wrapper",[[260,"admiralty-paginator-wrapper",null,[[0,"pageChange","pageChangedHandler"]]]]],["admiralty-phase-banner",[[2,"admiralty-phase-banner",{"phase":[1],"link":[1]}]]],["admiralty-progress-tracker-step",[[262,"admiralty-progress-tracker-step",{"stepId":[1,"step-id"],"stepTitle":[1,"step-title"],"status":[1],"summary":[1]}]]],["admiralty-radio",[[262,"admiralty-radio",{"name":[1],"value":[1025],"disabled":[4],"checked":[1028],"invalid":[4],"buttonTabindex":[32],"setButtonTabindex":[64]},null,{"value":[{"valueChanged":0}]}]]],["admiralty-side-nav",[[262,"admiralty-side-nav",{"label":[1]}]]],["admiralty-side-nav-item",[[2,"admiralty-side-nav-item",{"sideNavItemId":[1,"side-nav-item-id"],"headingTitle":[1,"heading-title"],"navActive":[4,"nav-active"]}]]],["admiralty-side-nav-wrapper",[[260,"admiralty-side-nav-wrapper",null,[[0,"sideNavItemSelected","onSideNavItemSelected"]]]]],["admiralty-skeleton",[[2,"admiralty-skeleton",{"height":[1],"width":[1],"radius":[1],"noAnimation":[1540,"no-animation"]}]]],["admiralty-skip-link",[[2,"admiralty-skip-link",{"href":[1]}]]],["admiralty-tab",[[262,"admiralty-tab",{"label":[1],"tabLabelId":[1,"tab-label-id"],"tabContentId":[1,"tab-content-id"]}]]],["admiralty-tab-group",[[262,"admiralty-tab-group",{"selectedIndex":[1026,"selected-index"]}]]],["admiralty-table",[[262,"admiralty-table",{"caption":[1]}]]],["admiralty-table-body",[[262,"admiralty-table-body"]]],["admiralty-table-cell",[[262,"admiralty-table-cell"]]],["admiralty-table-header",[[262,"admiralty-table-header"]]],["admiralty-table-header-cell",[[262,"admiralty-table-header-cell"]]],["admiralty-table-row",[[262,"admiralty-table-row"]]],["admiralty-text-side-bar",[[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",[[260,"admiralty-text-side-bar-wrapper",null,[[0,"textSideBarItemClick","ontextSideBarItemSelected"]]]]],["admiralty-tooltip",[[262,"admiralty-tooltip",{"for":[1],"placement":[513],"alignment":[513]}]]],["admiralty-icon",[[1,"admiralty-icon",{"name":[1],"size":[8]}]]],["admiralty-dialogue",[[262,"admiralty-dialogue",{"type":[1],"heading":[1],"sectionRole":[1,"section-role"]}]]],["admiralty-expansion",[[262,"admiralty-expansion",{"heading":[1],"expanded":[1540],"alignHeadingRight":[4,"align-heading-right"],"hideBorder":[4,"hide-border"]}]]],["admiralty-button",[[262,"admiralty-button",{"variant":[1],"icon":[1],"disabled":[516],"borderless":[4],"type":[1],"form":[1],"name":[1],"value":[1]}]]],["admiralty-hint_3",[[262,"admiralty-hint",{"disabled":[4]}],[262,"admiralty-label",{"disabled":[4],"for":[1]}],[262,"admiralty-input-invalid"]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
export declare class ColourBlockComponent {
|
|
3
|
-
private linkElement?;
|
|
4
3
|
/**
|
|
5
4
|
* The width in pixels of the component.
|
|
6
5
|
*/
|
|
@@ -25,10 +24,6 @@ export declare class ColourBlockComponent {
|
|
|
25
24
|
* The link text.
|
|
26
25
|
*/
|
|
27
26
|
linkText: string;
|
|
28
|
-
/**
|
|
29
|
-
* Explicit accessible name for the interactive block.
|
|
30
|
-
*/
|
|
31
|
-
accessibleLabel: string;
|
|
32
27
|
/**
|
|
33
28
|
* Causes the default browser redirect to be suppressed. Can be used in conjunction with the
|
|
34
29
|
* `colourBlockLinkClicked` event to use a navigation router and prevent a full page reload
|
|
@@ -36,24 +31,15 @@ export declare class ColourBlockComponent {
|
|
|
36
31
|
*/
|
|
37
32
|
suppressRedirect: boolean;
|
|
38
33
|
/**
|
|
39
|
-
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event.
|
|
40
|
-
*
|
|
41
|
-
* When `href` and `linkText` are provided, the card behaves as a link (`role="link"`).
|
|
42
|
-
* When they are not provided, the card behaves as a button (`role="button"`).
|
|
34
|
+
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event. A value for `href`
|
|
35
|
+
* should also be provided to ensure the component conforms to accessibility standards.
|
|
43
36
|
*/
|
|
44
37
|
enableCardEvent: boolean;
|
|
45
38
|
/**
|
|
46
39
|
* An event emitted when this Colour Block link is clicked
|
|
47
40
|
*/
|
|
48
41
|
colourBlockLinkClicked: EventEmitter<string>;
|
|
49
|
-
|
|
50
|
-
private shouldEnableBlockInteraction;
|
|
51
|
-
private getInteractiveAriaLabel;
|
|
52
|
-
private isInteractiveTarget;
|
|
53
|
-
private triggerLinkAction;
|
|
54
|
-
private onBlockClick;
|
|
55
|
-
private onBlockKeyDown;
|
|
56
|
-
handleClickAction(ev: MouseEvent | KeyboardEvent): void;
|
|
42
|
+
handleClickAction(ev: MouseEvent): void;
|
|
57
43
|
/**
|
|
58
44
|
* The text to display on the action button
|
|
59
45
|
* @deprecated in favour of `href` and `linkText`
|
|
@@ -241,11 +241,6 @@ export namespace Components {
|
|
|
241
241
|
"value": any | null;
|
|
242
242
|
}
|
|
243
243
|
interface AdmiraltyColourBlock {
|
|
244
|
-
/**
|
|
245
|
-
* Explicit accessible name for the interactive block.
|
|
246
|
-
* @default ''
|
|
247
|
-
*/
|
|
248
|
-
"accessibleLabel": string;
|
|
249
244
|
/**
|
|
250
245
|
* The text to display on the action button
|
|
251
246
|
* @deprecated in favour of `href` and `linkText`
|
|
@@ -257,7 +252,7 @@ export namespace Components {
|
|
|
257
252
|
*/
|
|
258
253
|
"colour": 'admiralty-blue' | 'teal' | 'bright-blue';
|
|
259
254
|
/**
|
|
260
|
-
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event.
|
|
255
|
+
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event. A value for `href` should also be provided to ensure the component conforms to accessibility standards.
|
|
261
256
|
* @default false
|
|
262
257
|
*/
|
|
263
258
|
"enableCardEvent": boolean;
|
|
@@ -2151,11 +2146,6 @@ declare namespace LocalJSX {
|
|
|
2151
2146
|
"value"?: any | null;
|
|
2152
2147
|
}
|
|
2153
2148
|
interface AdmiraltyColourBlock {
|
|
2154
|
-
/**
|
|
2155
|
-
* Explicit accessible name for the interactive block.
|
|
2156
|
-
* @default ''
|
|
2157
|
-
*/
|
|
2158
|
-
"accessibleLabel"?: string;
|
|
2159
2149
|
/**
|
|
2160
2150
|
* The text to display on the action button
|
|
2161
2151
|
* @deprecated in favour of `href` and `linkText`
|
|
@@ -2167,7 +2157,7 @@ declare namespace LocalJSX {
|
|
|
2167
2157
|
*/
|
|
2168
2158
|
"colour"?: 'admiralty-blue' | 'teal' | 'bright-blue';
|
|
2169
2159
|
/**
|
|
2170
|
-
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event.
|
|
2160
|
+
* Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event. A value for `href` should also be provided to ensure the component conforms to accessibility standards.
|
|
2171
2161
|
* @default false
|
|
2172
2162
|
*/
|
|
2173
2163
|
"enableCardEvent"?: boolean;
|
|
@@ -3192,7 +3182,6 @@ declare namespace LocalJSX {
|
|
|
3192
3182
|
"colour": 'admiralty-blue' | 'teal' | 'bright-blue';
|
|
3193
3183
|
"href": string;
|
|
3194
3184
|
"linkText": string;
|
|
3195
|
-
"accessibleLabel": string;
|
|
3196
3185
|
"suppressRedirect": boolean;
|
|
3197
3186
|
"enableCardEvent": boolean;
|
|
3198
3187
|
"actionText": string;
|
package/docs/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-06-
|
|
2
|
+
"timestamp": "2026-06-24T16:52:42",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.43.3",
|
|
@@ -1737,40 +1737,11 @@
|
|
|
1737
1737
|
"filePath": "src/components/colour-block/colour-block.tsx",
|
|
1738
1738
|
"encapsulation": "scoped",
|
|
1739
1739
|
"tag": "admiralty-colour-block",
|
|
1740
|
-
"readme": "# admiralty-colour-block\n",
|
|
1740
|
+
"readme": "# admiralty-colour-block\n\n\n",
|
|
1741
1741
|
"docs": "",
|
|
1742
1742
|
"docsTags": [],
|
|
1743
1743
|
"usage": {},
|
|
1744
1744
|
"props": [
|
|
1745
|
-
{
|
|
1746
|
-
"name": "accessibleLabel",
|
|
1747
|
-
"type": "string",
|
|
1748
|
-
"complexType": {
|
|
1749
|
-
"original": "string",
|
|
1750
|
-
"resolved": "string",
|
|
1751
|
-
"references": {}
|
|
1752
|
-
},
|
|
1753
|
-
"mutable": false,
|
|
1754
|
-
"attr": "aria-label",
|
|
1755
|
-
"reflectToAttr": false,
|
|
1756
|
-
"docs": "Explicit accessible name for the interactive block.",
|
|
1757
|
-
"docsTags": [
|
|
1758
|
-
{
|
|
1759
|
-
"name": "default",
|
|
1760
|
-
"text": "''"
|
|
1761
|
-
}
|
|
1762
|
-
],
|
|
1763
|
-
"default": "''",
|
|
1764
|
-
"values": [
|
|
1765
|
-
{
|
|
1766
|
-
"type": "string"
|
|
1767
|
-
}
|
|
1768
|
-
],
|
|
1769
|
-
"optional": false,
|
|
1770
|
-
"required": false,
|
|
1771
|
-
"getter": false,
|
|
1772
|
-
"setter": false
|
|
1773
|
-
},
|
|
1774
1745
|
{
|
|
1775
1746
|
"name": "actionText",
|
|
1776
1747
|
"type": "string",
|
|
@@ -1849,7 +1820,7 @@
|
|
|
1849
1820
|
"mutable": false,
|
|
1850
1821
|
"attr": "enable-card-event",
|
|
1851
1822
|
"reflectToAttr": false,
|
|
1852
|
-
"docs": "Allow the card to be clicked. Will emit a `colourBlockLinkClicked` event
|
|
1823
|
+
"docs": "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.",
|
|
1853
1824
|
"docsTags": [
|
|
1854
1825
|
{
|
|
1855
1826
|
"name": "default",
|
|
@@ -5196,6 +5167,11 @@
|
|
|
5196
5167
|
"annotation": "prop",
|
|
5197
5168
|
"docs": "Margin top for invalid input."
|
|
5198
5169
|
},
|
|
5170
|
+
{
|
|
5171
|
+
"name": "--admiralty-input-native-icon-filter",
|
|
5172
|
+
"annotation": "prop",
|
|
5173
|
+
"docs": "Filter applied to native date/time/number input icons."
|
|
5174
|
+
},
|
|
5199
5175
|
{
|
|
5200
5176
|
"name": "--admiralty-input-padding",
|
|
5201
5177
|
"annotation": "prop",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ukho/admiralty-core",
|
|
3
|
-
"version": "5.7.0",
|
|
3
|
+
"version": "5.7.1--canary.9727084.0",
|
|
4
4
|
"description": "Stencil Component Starter",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"license": "MIT",
|
|
71
71
|
"url": "https://github.com/UKHO/admiralty-design-system",
|
|
72
72
|
"repository": "git://github.com/UKHO/admiralty-design-system.git",
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "9727084c2b638bb71386cc8b9b4878fbdd9fc864"
|
|
74
74
|
}
|