@ukho/admiralty-core 5.6.0-next.0 → 5.6.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-4b7de380.entry.js +1 -0
- package/dist/cjs/admiralty-tooltip.cjs.entry.js +235 -0
- package/dist/cjs/admiralty.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/tooltip/tooltip.css +109 -0
- package/dist/collection/components/tooltip/tooltip.js +311 -0
- package/dist/components/admiralty-tooltip.d.ts +11 -0
- package/dist/components/admiralty-tooltip.js +1 -0
- package/dist/esm/admiralty-tooltip.entry.js +233 -0
- package/dist/esm/admiralty.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/tooltip/tooltip.d.ts +34 -0
- package/dist/types/components.d.ts +36 -0
- package/docs/docs.json +135 -1
- package/package.json +2 -2
- package/themes/default.css +1 -1
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"],"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-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);
|
|
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 };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
type Placement = 'top' | 'bottom' | 'left' | 'right';
|
|
2
|
+
type Alignment = 'start' | 'centre' | 'end';
|
|
3
|
+
export declare class TooltipComponent {
|
|
4
|
+
host: HTMLElement;
|
|
5
|
+
for: string;
|
|
6
|
+
placement?: Placement;
|
|
7
|
+
alignment?: Alignment;
|
|
8
|
+
private target?;
|
|
9
|
+
private tooltipEl?;
|
|
10
|
+
private tooltipId?;
|
|
11
|
+
private hideTimeout?;
|
|
12
|
+
private map?;
|
|
13
|
+
private positionTooltip;
|
|
14
|
+
private addPositionListeners;
|
|
15
|
+
private removePositionListeners;
|
|
16
|
+
private show;
|
|
17
|
+
private hide;
|
|
18
|
+
private addTargetDescribedBy;
|
|
19
|
+
private removeTargetDescribedBy;
|
|
20
|
+
private setTooltipA11yState;
|
|
21
|
+
private scheduleHide;
|
|
22
|
+
componentDidLoad(): void;
|
|
23
|
+
disconnectedCallback(): void;
|
|
24
|
+
checkElementOffScreen(el: HTMLElement): {
|
|
25
|
+
topOff: boolean;
|
|
26
|
+
bottomOff: boolean;
|
|
27
|
+
leftOff: boolean;
|
|
28
|
+
rightOff: boolean;
|
|
29
|
+
};
|
|
30
|
+
updateTooltipPosition(): void;
|
|
31
|
+
handleOffScreen(tooltip: HTMLElement, gap: number): void;
|
|
32
|
+
render(): void;
|
|
33
|
+
}
|
|
34
|
+
export {};
|
|
@@ -1075,6 +1075,17 @@ export namespace Components {
|
|
|
1075
1075
|
*/
|
|
1076
1076
|
"theme": ThemePreference;
|
|
1077
1077
|
}
|
|
1078
|
+
interface AdmiraltyTooltip {
|
|
1079
|
+
/**
|
|
1080
|
+
* @default 'centre'
|
|
1081
|
+
*/
|
|
1082
|
+
"alignment"?: Alignment;
|
|
1083
|
+
"for": string;
|
|
1084
|
+
/**
|
|
1085
|
+
* @default 'top'
|
|
1086
|
+
*/
|
|
1087
|
+
"placement"?: Placement;
|
|
1088
|
+
}
|
|
1078
1089
|
}
|
|
1079
1090
|
export interface AdmiraltyAutocompleteCustomEvent<T> extends CustomEvent<T> {
|
|
1080
1091
|
detail: T;
|
|
@@ -1837,6 +1848,12 @@ declare global {
|
|
|
1837
1848
|
prototype: HTMLAdmiraltyThemeToggleElement;
|
|
1838
1849
|
new (): HTMLAdmiraltyThemeToggleElement;
|
|
1839
1850
|
};
|
|
1851
|
+
interface HTMLAdmiraltyTooltipElement extends Components.AdmiraltyTooltip, HTMLStencilElement {
|
|
1852
|
+
}
|
|
1853
|
+
var HTMLAdmiraltyTooltipElement: {
|
|
1854
|
+
prototype: HTMLAdmiraltyTooltipElement;
|
|
1855
|
+
new (): HTMLAdmiraltyTooltipElement;
|
|
1856
|
+
};
|
|
1840
1857
|
interface HTMLElementTagNameMap {
|
|
1841
1858
|
"admiralty-autocomplete": HTMLAdmiraltyAutocompleteElement;
|
|
1842
1859
|
"admiralty-autocomplete-option": HTMLAdmiraltyAutocompleteOptionElement;
|
|
@@ -1898,6 +1915,7 @@ declare global {
|
|
|
1898
1915
|
"admiralty-text-side-bar-wrapper": HTMLAdmiraltyTextSideBarWrapperElement;
|
|
1899
1916
|
"admiralty-textarea": HTMLAdmiraltyTextareaElement;
|
|
1900
1917
|
"admiralty-theme-toggle": HTMLAdmiraltyThemeToggleElement;
|
|
1918
|
+
"admiralty-tooltip": HTMLAdmiraltyTooltipElement;
|
|
1901
1919
|
}
|
|
1902
1920
|
}
|
|
1903
1921
|
declare namespace LocalJSX {
|
|
@@ -3093,6 +3111,17 @@ declare namespace LocalJSX {
|
|
|
3093
3111
|
*/
|
|
3094
3112
|
"theme"?: ThemePreference;
|
|
3095
3113
|
}
|
|
3114
|
+
interface AdmiraltyTooltip {
|
|
3115
|
+
/**
|
|
3116
|
+
* @default 'centre'
|
|
3117
|
+
*/
|
|
3118
|
+
"alignment"?: Alignment;
|
|
3119
|
+
"for": string;
|
|
3120
|
+
/**
|
|
3121
|
+
* @default 'top'
|
|
3122
|
+
*/
|
|
3123
|
+
"placement"?: Placement;
|
|
3124
|
+
}
|
|
3096
3125
|
|
|
3097
3126
|
interface AdmiraltyAutocompleteAttributes {
|
|
3098
3127
|
"autoselect": boolean;
|
|
@@ -3383,6 +3412,11 @@ declare namespace LocalJSX {
|
|
|
3383
3412
|
"disabled": boolean;
|
|
3384
3413
|
"ariaLabel": string;
|
|
3385
3414
|
}
|
|
3415
|
+
interface AdmiraltyTooltipAttributes {
|
|
3416
|
+
"for": string;
|
|
3417
|
+
"placement": Placement;
|
|
3418
|
+
"alignment": Alignment;
|
|
3419
|
+
}
|
|
3386
3420
|
|
|
3387
3421
|
interface IntrinsicElements {
|
|
3388
3422
|
"admiralty-autocomplete": Omit<AdmiraltyAutocomplete, keyof AdmiraltyAutocompleteAttributes> & { [K in keyof AdmiraltyAutocomplete & keyof AdmiraltyAutocompleteAttributes]?: AdmiraltyAutocomplete[K] } & { [K in keyof AdmiraltyAutocomplete & keyof AdmiraltyAutocompleteAttributes as `attr:${K}`]?: AdmiraltyAutocompleteAttributes[K] } & { [K in keyof AdmiraltyAutocomplete & keyof AdmiraltyAutocompleteAttributes as `prop:${K}`]?: AdmiraltyAutocomplete[K] };
|
|
@@ -3445,6 +3479,7 @@ declare namespace LocalJSX {
|
|
|
3445
3479
|
"admiralty-text-side-bar-wrapper": AdmiraltyTextSideBarWrapper;
|
|
3446
3480
|
"admiralty-textarea": Omit<AdmiraltyTextarea, keyof AdmiraltyTextareaAttributes> & { [K in keyof AdmiraltyTextarea & keyof AdmiraltyTextareaAttributes]?: AdmiraltyTextarea[K] } & { [K in keyof AdmiraltyTextarea & keyof AdmiraltyTextareaAttributes as `attr:${K}`]?: AdmiraltyTextareaAttributes[K] } & { [K in keyof AdmiraltyTextarea & keyof AdmiraltyTextareaAttributes as `prop:${K}`]?: AdmiraltyTextarea[K] };
|
|
3447
3481
|
"admiralty-theme-toggle": Omit<AdmiraltyThemeToggle, keyof AdmiraltyThemeToggleAttributes> & { [K in keyof AdmiraltyThemeToggle & keyof AdmiraltyThemeToggleAttributes]?: AdmiraltyThemeToggle[K] } & { [K in keyof AdmiraltyThemeToggle & keyof AdmiraltyThemeToggleAttributes as `attr:${K}`]?: AdmiraltyThemeToggleAttributes[K] } & { [K in keyof AdmiraltyThemeToggle & keyof AdmiraltyThemeToggleAttributes as `prop:${K}`]?: AdmiraltyThemeToggle[K] };
|
|
3482
|
+
"admiralty-tooltip": Omit<AdmiraltyTooltip, keyof AdmiraltyTooltipAttributes> & { [K in keyof AdmiraltyTooltip & keyof AdmiraltyTooltipAttributes]?: AdmiraltyTooltip[K] } & { [K in keyof AdmiraltyTooltip & keyof AdmiraltyTooltipAttributes as `attr:${K}`]?: AdmiraltyTooltipAttributes[K] } & { [K in keyof AdmiraltyTooltip & keyof AdmiraltyTooltipAttributes as `prop:${K}`]?: AdmiraltyTooltip[K] } & OneOf<"for", AdmiraltyTooltip["for"], AdmiraltyTooltipAttributes["for"]>;
|
|
3448
3483
|
}
|
|
3449
3484
|
}
|
|
3450
3485
|
export { LocalJSX as JSX };
|
|
@@ -3538,6 +3573,7 @@ declare module "@stencil/core" {
|
|
|
3538
3573
|
"admiralty-text-side-bar-wrapper": LocalJSX.IntrinsicElements["admiralty-text-side-bar-wrapper"] & JSXBase.HTMLAttributes<HTMLAdmiraltyTextSideBarWrapperElement>;
|
|
3539
3574
|
"admiralty-textarea": LocalJSX.IntrinsicElements["admiralty-textarea"] & JSXBase.HTMLAttributes<HTMLAdmiraltyTextareaElement>;
|
|
3540
3575
|
"admiralty-theme-toggle": LocalJSX.IntrinsicElements["admiralty-theme-toggle"] & JSXBase.HTMLAttributes<HTMLAdmiraltyThemeToggleElement>;
|
|
3576
|
+
"admiralty-tooltip": LocalJSX.IntrinsicElements["admiralty-tooltip"] & JSXBase.HTMLAttributes<HTMLAdmiraltyTooltipElement>;
|
|
3541
3577
|
}
|
|
3542
3578
|
}
|
|
3543
3579
|
}
|
package/docs/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-04-
|
|
2
|
+
"timestamp": "2026-04-17T09:06:19",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.43.3",
|
|
@@ -9319,6 +9319,140 @@
|
|
|
9319
9319
|
"admiralty-icon"
|
|
9320
9320
|
]
|
|
9321
9321
|
}
|
|
9322
|
+
},
|
|
9323
|
+
{
|
|
9324
|
+
"filePath": "src/components/tooltip/tooltip.tsx",
|
|
9325
|
+
"encapsulation": "scoped",
|
|
9326
|
+
"tag": "admiralty-tooltip",
|
|
9327
|
+
"readme": "# admiralty-tooltip\n",
|
|
9328
|
+
"docs": "",
|
|
9329
|
+
"docsTags": [],
|
|
9330
|
+
"usage": {},
|
|
9331
|
+
"props": [
|
|
9332
|
+
{
|
|
9333
|
+
"name": "alignment",
|
|
9334
|
+
"type": "\"centre\" | \"end\" | \"start\"",
|
|
9335
|
+
"complexType": {
|
|
9336
|
+
"original": "Alignment",
|
|
9337
|
+
"resolved": "\"centre\" | \"end\" | \"start\"",
|
|
9338
|
+
"references": {
|
|
9339
|
+
"Alignment": {
|
|
9340
|
+
"location": "global",
|
|
9341
|
+
"id": "global::Alignment"
|
|
9342
|
+
}
|
|
9343
|
+
}
|
|
9344
|
+
},
|
|
9345
|
+
"mutable": false,
|
|
9346
|
+
"attr": "alignment",
|
|
9347
|
+
"reflectToAttr": true,
|
|
9348
|
+
"docs": "",
|
|
9349
|
+
"docsTags": [
|
|
9350
|
+
{
|
|
9351
|
+
"name": "default",
|
|
9352
|
+
"text": "'centre'"
|
|
9353
|
+
}
|
|
9354
|
+
],
|
|
9355
|
+
"default": "'centre'",
|
|
9356
|
+
"values": [
|
|
9357
|
+
{
|
|
9358
|
+
"value": "centre",
|
|
9359
|
+
"type": "string"
|
|
9360
|
+
},
|
|
9361
|
+
{
|
|
9362
|
+
"value": "end",
|
|
9363
|
+
"type": "string"
|
|
9364
|
+
},
|
|
9365
|
+
{
|
|
9366
|
+
"value": "start",
|
|
9367
|
+
"type": "string"
|
|
9368
|
+
}
|
|
9369
|
+
],
|
|
9370
|
+
"optional": true,
|
|
9371
|
+
"required": false,
|
|
9372
|
+
"getter": false,
|
|
9373
|
+
"setter": false
|
|
9374
|
+
},
|
|
9375
|
+
{
|
|
9376
|
+
"name": "for",
|
|
9377
|
+
"type": "string",
|
|
9378
|
+
"complexType": {
|
|
9379
|
+
"original": "string",
|
|
9380
|
+
"resolved": "string",
|
|
9381
|
+
"references": {}
|
|
9382
|
+
},
|
|
9383
|
+
"mutable": false,
|
|
9384
|
+
"attr": "for",
|
|
9385
|
+
"reflectToAttr": false,
|
|
9386
|
+
"docs": "",
|
|
9387
|
+
"docsTags": [],
|
|
9388
|
+
"values": [
|
|
9389
|
+
{
|
|
9390
|
+
"type": "string"
|
|
9391
|
+
}
|
|
9392
|
+
],
|
|
9393
|
+
"optional": false,
|
|
9394
|
+
"required": true,
|
|
9395
|
+
"getter": false,
|
|
9396
|
+
"setter": false
|
|
9397
|
+
},
|
|
9398
|
+
{
|
|
9399
|
+
"name": "placement",
|
|
9400
|
+
"type": "\"bottom\" | \"left\" | \"right\" | \"top\"",
|
|
9401
|
+
"complexType": {
|
|
9402
|
+
"original": "Placement",
|
|
9403
|
+
"resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
|
|
9404
|
+
"references": {
|
|
9405
|
+
"Placement": {
|
|
9406
|
+
"location": "global",
|
|
9407
|
+
"id": "global::Placement"
|
|
9408
|
+
}
|
|
9409
|
+
}
|
|
9410
|
+
},
|
|
9411
|
+
"mutable": false,
|
|
9412
|
+
"attr": "placement",
|
|
9413
|
+
"reflectToAttr": true,
|
|
9414
|
+
"docs": "",
|
|
9415
|
+
"docsTags": [
|
|
9416
|
+
{
|
|
9417
|
+
"name": "default",
|
|
9418
|
+
"text": "'top'"
|
|
9419
|
+
}
|
|
9420
|
+
],
|
|
9421
|
+
"default": "'top'",
|
|
9422
|
+
"values": [
|
|
9423
|
+
{
|
|
9424
|
+
"value": "bottom",
|
|
9425
|
+
"type": "string"
|
|
9426
|
+
},
|
|
9427
|
+
{
|
|
9428
|
+
"value": "left",
|
|
9429
|
+
"type": "string"
|
|
9430
|
+
},
|
|
9431
|
+
{
|
|
9432
|
+
"value": "right",
|
|
9433
|
+
"type": "string"
|
|
9434
|
+
},
|
|
9435
|
+
{
|
|
9436
|
+
"value": "top",
|
|
9437
|
+
"type": "string"
|
|
9438
|
+
}
|
|
9439
|
+
],
|
|
9440
|
+
"optional": true,
|
|
9441
|
+
"required": false,
|
|
9442
|
+
"getter": false,
|
|
9443
|
+
"setter": false
|
|
9444
|
+
}
|
|
9445
|
+
],
|
|
9446
|
+
"methods": [],
|
|
9447
|
+
"events": [],
|
|
9448
|
+
"listeners": [],
|
|
9449
|
+
"styles": [],
|
|
9450
|
+
"slots": [],
|
|
9451
|
+
"parts": [],
|
|
9452
|
+
"states": [],
|
|
9453
|
+
"dependents": [],
|
|
9454
|
+
"dependencies": [],
|
|
9455
|
+
"dependencyGraph": {}
|
|
9322
9456
|
}
|
|
9323
9457
|
],
|
|
9324
9458
|
"typeLibrary": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ukho/admiralty-core",
|
|
3
|
-
"version": "5.6.0
|
|
3
|
+
"version": "5.6.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": "2583f3cdde29bd5ec9cc55ed7b11ff15a55100ed"
|
|
74
74
|
}
|
package/themes/default.css
CHANGED
|
@@ -429,7 +429,7 @@ body.admiralty-dark-mode {
|
|
|
429
429
|
|
|
430
430
|
/** Theme Toggle: Prevent double dark mode application when theme toggle is in use **/
|
|
431
431
|
@media (prefers-color-scheme: dark) {
|
|
432
|
-
:
|
|
432
|
+
body:not(.admiralty-light-mode):not(.admiralty-dark-mode) {
|
|
433
433
|
/** primary **/
|
|
434
434
|
--admiralty-colour-primary: #ffffff;
|
|
435
435
|
--admiralty-colour-primary-contrast: #333333;
|