@genesislcap/foundation-ui 15.9.0 → 15.9.1
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/custom-elements.json +377 -336
- package/dist/dts/icon/icon.d.ts +25 -0
- package/dist/dts/icon/icon.d.ts.map +1 -1
- package/dist/dts/icon/icon.styles.d.ts.map +1 -1
- package/dist/dts/icon/icon.template.d.ts.map +1 -1
- package/dist/dts/react.d.ts +8 -8
- package/dist/esm/icon/icon.js +64 -0
- package/dist/esm/icon/icon.styles.js +21 -2
- package/dist/esm/icon/icon.template.js +8 -1
- package/dist/foundation-ui.api.json +35 -0
- package/dist/foundation-ui.d.ts +25 -0
- package/dist/react.cjs +5 -5
- package/dist/react.mjs +4 -4
- package/package.json +19 -19
package/dist/dts/icon/icon.d.ts
CHANGED
|
@@ -21,6 +21,19 @@ export declare class Icon extends FoundationElement {
|
|
|
21
21
|
tooltipId: string;
|
|
22
22
|
tooltip: string;
|
|
23
23
|
isError: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* The `<%%prefix%%-tooltip>` bubble stays in this component's template and shadow root,
|
|
26
|
+
* but is promoted to the browser top layer via the Popover API when shown — the top layer
|
|
27
|
+
* escapes ancestor stacking contexts, transforms and overflow clipping, which is what
|
|
28
|
+
* lets virtualized grid rows (absolutely-positioned, later-DOM-order siblings) paint over
|
|
29
|
+
* an in-place bubble. Content rendering stays FASTTooltip's own anchor-hover logic
|
|
30
|
+
* (`delay="0"` so it is rendered by the time the popover opens and is measured); only
|
|
31
|
+
* host visibility and placement are managed here, because FASTTooltip's anchored-region
|
|
32
|
+
* placement does not resolve for the subclassed genesis components
|
|
33
|
+
* (`tagFor(AnchoredRegion)` misses — compose() without `baseClass`).
|
|
34
|
+
*/
|
|
35
|
+
tooltipElement: HTMLElement | undefined;
|
|
36
|
+
private tooltipShowTimer;
|
|
24
37
|
name: IconName;
|
|
25
38
|
nameChanged(oldValue: string, newValue: string): void;
|
|
26
39
|
size: FaSize;
|
|
@@ -29,6 +42,18 @@ export declare class Icon extends FoundationElement {
|
|
|
29
42
|
variantChanged(oldValue: string, newValue: string): void;
|
|
30
43
|
connectedCallback(): void;
|
|
31
44
|
disconnectedCallback(): void;
|
|
45
|
+
private showTooltip;
|
|
46
|
+
/**
|
|
47
|
+
* Places the bubble from the anchor's current viewport position (scrolled grid, resized
|
|
48
|
+
* layout) just before it is shown; top-layer coordinates are viewport-relative. Prefers
|
|
49
|
+
* the anchor's right edge, flips to its left when the right side would clip at the
|
|
50
|
+
* viewport, and clamps vertically so bottom rows keep the whole bubble on screen. The
|
|
51
|
+
* bubble's width is fixed in CSS, so measuring before final placement is safe; height
|
|
52
|
+
* comes from scroll size because FASTTooltip's host is a zero-height box whose part div
|
|
53
|
+
* overflows it.
|
|
54
|
+
*/
|
|
55
|
+
private positionTooltip;
|
|
56
|
+
private hideTooltip;
|
|
32
57
|
getDefaultTooltipConfig(): void;
|
|
33
58
|
loadIcon(): void;
|
|
34
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAG/B,eAAO,MAAM,2BAA2B,EAAE,cAGzC,CAAC;AAEF,eAAO,MAAM,iBAAiB,IAAK,CAAC;AAEpC,oBAAY,iBAAiB;IAC3B,KAAK,QAAQ;IACb,OAAO,QAAQ;IACf,KAAK,QAAQ;CACd;AAED,eAAO,MAAM,kBAAkB,EAAG,IAAa,CAAC;AAEhD,eAAO,MAAM,YAAY,sIAmBf,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAClG,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AAG/B,eAAO,MAAM,2BAA2B,EAAE,cAGzC,CAAC;AAEF,eAAO,MAAM,iBAAiB,IAAK,CAAC;AAEpC,oBAAY,iBAAiB;IAC3B,KAAK,QAAQ;IACb,OAAO,QAAQ;IACf,KAAK,QAAQ;CACd;AAED,eAAO,MAAM,kBAAkB,EAAG,IAAa,CAAC;AAEhD,eAAO,MAAM,YAAY,sIAmBf,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAKnD;;GAEG;AACH,qBAAa,IAAK,SAAQ,iBAAiB;IAC7B,QAAQ,EAAE,WAAW,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACkB,SAAS,EAAE,MAAM,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IACyB,OAAO,EAAE,OAAO,CAAS;IAExE;;;;;;;;;;OAUG;IACH,cAAc,EAAE,WAAW,GAAG,SAAS,CAAC;IAExC,OAAO,CAAC,gBAAgB,CAAuB;IAEzC,IAAI,EAAE,QAAQ,CAAC;IACrB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,IAAI,EAAE,MAAM,CAAQ;IAC1B,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIxC,OAAO,EAAE,SAAS,CAAW;IACnC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAIjD,iBAAiB;IAUjB,oBAAoB;IAUpB,OAAO,CAAC,WAAW,CAgBjB;IAEF;;;;;;;;OAQG;IACH,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,WAAW,CAQjB;IAEF,uBAAuB;IAQhB,QAAQ;CAwBhB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,oTAMzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,oBAAoB,GAC/B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aA8FF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.template.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,KAAG,
|
|
1
|
+
{"version":3,"file":"icon.template.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.template.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,KAAG,YA6BhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,yBAElC,CAAC"}
|
package/dist/dts/react.d.ts
CHANGED
|
@@ -133,23 +133,23 @@ interface HTMLWCProps extends React.AriaAttributes {
|
|
|
133
133
|
onInput?(e: Event): void;
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
export declare const
|
|
136
|
+
export declare const Accordion: React.ForwardRefExoticComponent<
|
|
137
137
|
React.PropsWithChildren<
|
|
138
|
-
Omit<PublicOf<
|
|
138
|
+
Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
|
|
139
139
|
HTMLWCProps & {
|
|
140
140
|
}
|
|
141
|
-
> & React.RefAttributes<
|
|
141
|
+
> & React.RefAttributes<AccordionWC>
|
|
142
142
|
>;
|
|
143
|
-
export type
|
|
143
|
+
export type AccordionRef = AccordionWC;
|
|
144
144
|
|
|
145
|
-
export declare const
|
|
145
|
+
export declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
146
146
|
React.PropsWithChildren<
|
|
147
|
-
Omit<PublicOf<
|
|
147
|
+
Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
|
|
148
148
|
HTMLWCProps & {
|
|
149
149
|
}
|
|
150
|
-
> & React.RefAttributes<
|
|
150
|
+
> & React.RefAttributes<AccordionItemWC>
|
|
151
151
|
>;
|
|
152
|
-
export type
|
|
152
|
+
export type AccordionItemRef = AccordionItemWC;
|
|
153
153
|
|
|
154
154
|
export declare const ActionsMenu: React.ForwardRefExoticComponent<
|
|
155
155
|
React.PropsWithChildren<
|
package/dist/esm/icon/icon.js
CHANGED
|
@@ -38,6 +38,8 @@ export const faSizeValues = [
|
|
|
38
38
|
'stack-1x',
|
|
39
39
|
'stack-2x',
|
|
40
40
|
];
|
|
41
|
+
/** Matches FASTTooltip's default show delay. */
|
|
42
|
+
const tooltipShowDelayMs = 300;
|
|
41
43
|
/**
|
|
42
44
|
* @tagname %%prefix%%-icon
|
|
43
45
|
*/
|
|
@@ -45,8 +47,36 @@ export class Icon extends FoundationElement {
|
|
|
45
47
|
constructor() {
|
|
46
48
|
super(...arguments);
|
|
47
49
|
this.isError = false;
|
|
50
|
+
this.tooltipShowTimer = null;
|
|
48
51
|
this.size = 'sm';
|
|
49
52
|
this.variant = 'solid';
|
|
53
|
+
this.showTooltip = () => {
|
|
54
|
+
const tooltip = this.tooltipElement;
|
|
55
|
+
if (!tooltip || this.tooltipShowTimer !== null || tooltip.matches(':popover-open')) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
this.tooltipShowTimer = window.setTimeout(() => {
|
|
59
|
+
this.tooltipShowTimer = null;
|
|
60
|
+
const delayedTooltip = this.tooltipElement;
|
|
61
|
+
if (!(delayedTooltip === null || delayedTooltip === void 0 ? void 0 : delayedTooltip.isConnected)) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
// Show first so the closed popover's display: none is lifted and the bubble has a
|
|
65
|
+
// layout box to measure; positioning happens in the same task, before any paint.
|
|
66
|
+
delayedTooltip.showPopover();
|
|
67
|
+
this.positionTooltip(delayedTooltip);
|
|
68
|
+
}, tooltipShowDelayMs);
|
|
69
|
+
};
|
|
70
|
+
this.hideTooltip = () => {
|
|
71
|
+
var _a;
|
|
72
|
+
if (this.tooltipShowTimer !== null) {
|
|
73
|
+
window.clearTimeout(this.tooltipShowTimer);
|
|
74
|
+
this.tooltipShowTimer = null;
|
|
75
|
+
}
|
|
76
|
+
if ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.matches(':popover-open')) {
|
|
77
|
+
this.tooltipElement.hidePopover();
|
|
78
|
+
}
|
|
79
|
+
};
|
|
50
80
|
}
|
|
51
81
|
nameChanged(oldValue, newValue) {
|
|
52
82
|
newValue ? this.loadIcon() : '';
|
|
@@ -58,12 +88,46 @@ export class Icon extends FoundationElement {
|
|
|
58
88
|
newValue ? this.loadIcon() : '';
|
|
59
89
|
}
|
|
60
90
|
connectedCallback() {
|
|
91
|
+
var _a, _b, _c, _d;
|
|
61
92
|
super.connectedCallback();
|
|
62
93
|
this.loadIcon();
|
|
94
|
+
(_a = this.iElement) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseover', this.showTooltip, { passive: true });
|
|
95
|
+
(_b = this.iElement) === null || _b === void 0 ? void 0 : _b.addEventListener('focusin', this.showTooltip, { passive: true });
|
|
96
|
+
(_c = this.iElement) === null || _c === void 0 ? void 0 : _c.addEventListener('mouseout', this.hideTooltip, { passive: true });
|
|
97
|
+
(_d = this.iElement) === null || _d === void 0 ? void 0 : _d.addEventListener('focusout', this.hideTooltip, { passive: true });
|
|
63
98
|
}
|
|
64
99
|
disconnectedCallback() {
|
|
65
100
|
super.disconnectedCallback();
|
|
66
101
|
this.iElement.replaceChildren();
|
|
102
|
+
this.iElement.removeEventListener('mouseover', this.showTooltip);
|
|
103
|
+
this.iElement.removeEventListener('focusin', this.showTooltip);
|
|
104
|
+
this.iElement.removeEventListener('mouseout', this.hideTooltip);
|
|
105
|
+
this.iElement.removeEventListener('focusout', this.hideTooltip);
|
|
106
|
+
this.hideTooltip();
|
|
107
|
+
}
|
|
108
|
+
/**
|
|
109
|
+
* Places the bubble from the anchor's current viewport position (scrolled grid, resized
|
|
110
|
+
* layout) just before it is shown; top-layer coordinates are viewport-relative. Prefers
|
|
111
|
+
* the anchor's right edge, flips to its left when the right side would clip at the
|
|
112
|
+
* viewport, and clamps vertically so bottom rows keep the whole bubble on screen. The
|
|
113
|
+
* bubble's width is fixed in CSS, so measuring before final placement is safe; height
|
|
114
|
+
* comes from scroll size because FASTTooltip's host is a zero-height box whose part div
|
|
115
|
+
* overflows it.
|
|
116
|
+
*/
|
|
117
|
+
positionTooltip(tooltip) {
|
|
118
|
+
const viewportMargin = 8;
|
|
119
|
+
const anchorRect = this.iElement.getBoundingClientRect();
|
|
120
|
+
const hostRect = tooltip.getBoundingClientRect();
|
|
121
|
+
const width = Math.max(hostRect.width, tooltip.scrollWidth);
|
|
122
|
+
const height = Math.max(hostRect.height, tooltip.scrollHeight);
|
|
123
|
+
let left = anchorRect.right;
|
|
124
|
+
if (left + width > window.innerWidth - viewportMargin) {
|
|
125
|
+
left = Math.max(viewportMargin, anchorRect.left - width);
|
|
126
|
+
}
|
|
127
|
+
const maxTop = Math.max(viewportMargin, window.innerHeight - height - viewportMargin);
|
|
128
|
+
const top = Math.min(Math.max(anchorRect.top, viewportMargin), maxTop);
|
|
129
|
+
tooltip.style.top = `${top}px`;
|
|
130
|
+
tooltip.style.left = `${left}px`;
|
|
67
131
|
}
|
|
68
132
|
getDefaultTooltipConfig() {
|
|
69
133
|
if (!this.name) {
|
|
@@ -20,10 +20,29 @@ export const foundationIconStyles = (context, definition) => css `
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.tooltip-element {
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
/* Shown as a top-layer popover (see Icon.showTooltip): the top layer escapes ancestor
|
|
24
|
+
stacking contexts, transforms and overflow clipping, so virtualized grid rows cannot
|
|
25
|
+
paint over the bubble and no z-index is needed. Placement is inline top/left from the
|
|
26
|
+
anchor rect, so the UA popover box (inset/margin/border/padding/background) is reset
|
|
27
|
+
to leave the visible box to ::part(tooltip). No display rule here: the UA sheet hides
|
|
28
|
+
the popover while closed (an author display rule would override that), and
|
|
29
|
+
position: fixed blockifies the host while open. */
|
|
30
|
+
position: fixed;
|
|
31
|
+
inset: unset;
|
|
32
|
+
margin: 0;
|
|
33
|
+
border: none;
|
|
34
|
+
padding: 0;
|
|
35
|
+
background: transparent;
|
|
36
|
+
color: inherit;
|
|
37
|
+
overflow: visible;
|
|
25
38
|
width: 300px;
|
|
26
39
|
contain: unset;
|
|
40
|
+
|
|
41
|
+
/* The top layer changes painting, not style inheritance: the bubble still inherits
|
|
42
|
+
text properties from its host context (e.g. AG Grid cells set white-space: nowrap),
|
|
43
|
+
so reset the ones that would break a multi-line bubble. */
|
|
44
|
+
white-space: normal;
|
|
45
|
+
text-overflow: clip;
|
|
27
46
|
}
|
|
28
47
|
|
|
29
48
|
.tooltip-element::part(tooltip) {
|
|
@@ -12,7 +12,14 @@ export const getPrefixedIcon = (prefix) => html `
|
|
|
12
12
|
<slot></slot>
|
|
13
13
|
</i>
|
|
14
14
|
${when((x) => x.tooltip, html `
|
|
15
|
-
<${prefix}-tooltip
|
|
15
|
+
<${prefix}-tooltip
|
|
16
|
+
${ref('tooltipElement')}
|
|
17
|
+
part="tooltip"
|
|
18
|
+
class="tooltip-element"
|
|
19
|
+
popover="manual"
|
|
20
|
+
delay="0"
|
|
21
|
+
anchor="${(x) => x.tooltipId}"
|
|
22
|
+
>
|
|
16
23
|
${(x) => html `
|
|
17
24
|
${x.tooltip}
|
|
18
25
|
`}
|
|
@@ -53600,6 +53600,41 @@
|
|
|
53600
53600
|
"isProtected": false,
|
|
53601
53601
|
"isAbstract": false
|
|
53602
53602
|
},
|
|
53603
|
+
{
|
|
53604
|
+
"kind": "Property",
|
|
53605
|
+
"canonicalReference": "@genesislcap/foundation-ui!Icon#tooltipElement:member",
|
|
53606
|
+
"docComment": "/**\n * The `<%%prefix%%-tooltip>` bubble stays in this component's template and shadow root, but is promoted to the browser top layer via the Popover API when shown — the top layer escapes ancestor stacking contexts, transforms and overflow clipping, which is what lets virtualized grid rows (absolutely-positioned, later-DOM-order siblings) paint over an in-place bubble. Content rendering stays FASTTooltip's own anchor-hover logic (`delay=\"0\"` so it is rendered by the time the popover opens and is measured); only host visibility and placement are managed here, because FASTTooltip's anchored-region placement does not resolve for the subclassed genesis components (`tagFor(AnchoredRegion)` misses — compose() without `baseClass`).\n */\n",
|
|
53607
|
+
"excerptTokens": [
|
|
53608
|
+
{
|
|
53609
|
+
"kind": "Content",
|
|
53610
|
+
"text": "tooltipElement: "
|
|
53611
|
+
},
|
|
53612
|
+
{
|
|
53613
|
+
"kind": "Reference",
|
|
53614
|
+
"text": "HTMLElement",
|
|
53615
|
+
"canonicalReference": "!HTMLElement:interface"
|
|
53616
|
+
},
|
|
53617
|
+
{
|
|
53618
|
+
"kind": "Content",
|
|
53619
|
+
"text": " | undefined"
|
|
53620
|
+
},
|
|
53621
|
+
{
|
|
53622
|
+
"kind": "Content",
|
|
53623
|
+
"text": ";"
|
|
53624
|
+
}
|
|
53625
|
+
],
|
|
53626
|
+
"isReadonly": false,
|
|
53627
|
+
"isOptional": false,
|
|
53628
|
+
"releaseTag": "Public",
|
|
53629
|
+
"name": "tooltipElement",
|
|
53630
|
+
"propertyTypeTokenRange": {
|
|
53631
|
+
"startIndex": 1,
|
|
53632
|
+
"endIndex": 3
|
|
53633
|
+
},
|
|
53634
|
+
"isStatic": false,
|
|
53635
|
+
"isProtected": false,
|
|
53636
|
+
"isAbstract": false
|
|
53637
|
+
},
|
|
53603
53638
|
{
|
|
53604
53639
|
"kind": "Property",
|
|
53605
53640
|
"canonicalReference": "@genesislcap/foundation-ui!Icon#tooltipId:member",
|
package/dist/foundation-ui.d.ts
CHANGED
|
@@ -5347,6 +5347,19 @@ export declare class Icon extends FoundationElement {
|
|
|
5347
5347
|
tooltipId: string;
|
|
5348
5348
|
tooltip: string;
|
|
5349
5349
|
isError: boolean;
|
|
5350
|
+
/**
|
|
5351
|
+
* The `<%%prefix%%-tooltip>` bubble stays in this component's template and shadow root,
|
|
5352
|
+
* but is promoted to the browser top layer via the Popover API when shown — the top layer
|
|
5353
|
+
* escapes ancestor stacking contexts, transforms and overflow clipping, which is what
|
|
5354
|
+
* lets virtualized grid rows (absolutely-positioned, later-DOM-order siblings) paint over
|
|
5355
|
+
* an in-place bubble. Content rendering stays FASTTooltip's own anchor-hover logic
|
|
5356
|
+
* (`delay="0"` so it is rendered by the time the popover opens and is measured); only
|
|
5357
|
+
* host visibility and placement are managed here, because FASTTooltip's anchored-region
|
|
5358
|
+
* placement does not resolve for the subclassed genesis components
|
|
5359
|
+
* (`tagFor(AnchoredRegion)` misses — compose() without `baseClass`).
|
|
5360
|
+
*/
|
|
5361
|
+
tooltipElement: HTMLElement | undefined;
|
|
5362
|
+
private tooltipShowTimer;
|
|
5350
5363
|
name: IconName;
|
|
5351
5364
|
nameChanged(oldValue: string, newValue: string): void;
|
|
5352
5365
|
size: FaSize;
|
|
@@ -5355,6 +5368,18 @@ export declare class Icon extends FoundationElement {
|
|
|
5355
5368
|
variantChanged(oldValue: string, newValue: string): void;
|
|
5356
5369
|
connectedCallback(): void;
|
|
5357
5370
|
disconnectedCallback(): void;
|
|
5371
|
+
private showTooltip;
|
|
5372
|
+
/**
|
|
5373
|
+
* Places the bubble from the anchor's current viewport position (scrolled grid, resized
|
|
5374
|
+
* layout) just before it is shown; top-layer coordinates are viewport-relative. Prefers
|
|
5375
|
+
* the anchor's right edge, flips to its left when the right side would clip at the
|
|
5376
|
+
* viewport, and clamps vertically so bottom rows keep the whole bubble on screen. The
|
|
5377
|
+
* bubble's width is fixed in CSS, so measuring before final placement is safe; height
|
|
5378
|
+
* comes from scroll size because FASTTooltip's host is a zero-height box whose part div
|
|
5379
|
+
* overflows it.
|
|
5380
|
+
*/
|
|
5381
|
+
private positionTooltip;
|
|
5382
|
+
private hideTooltip;
|
|
5358
5383
|
getDefaultTooltipConfig(): void;
|
|
5359
5384
|
loadIcon(): void;
|
|
5360
5385
|
}
|
package/dist/react.cjs
CHANGED
|
@@ -113,14 +113,14 @@ function _mergeRefs(...refs) {
|
|
|
113
113
|
};
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
-
const
|
|
116
|
+
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
117
117
|
const { children, ...rest } = props;
|
|
118
|
-
return React.createElement(customElements.getName(
|
|
118
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
119
119
|
});
|
|
120
120
|
|
|
121
|
-
const
|
|
121
|
+
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
122
122
|
const { children, ...rest } = props;
|
|
123
|
-
return React.createElement(customElements.getName(
|
|
123
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
124
124
|
});
|
|
125
125
|
|
|
126
126
|
const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
@@ -1143,8 +1143,8 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
|
|
|
1143
1143
|
});
|
|
1144
1144
|
|
|
1145
1145
|
module.exports = {
|
|
1146
|
-
AccordionItem,
|
|
1147
1146
|
Accordion,
|
|
1147
|
+
AccordionItem,
|
|
1148
1148
|
ActionsMenu,
|
|
1149
1149
|
AiCriteriaSearch,
|
|
1150
1150
|
AiIndicator,
|
package/dist/react.mjs
CHANGED
|
@@ -111,14 +111,14 @@ function _mergeRefs(...refs) {
|
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
export const
|
|
114
|
+
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
115
115
|
const { children, ...rest } = props;
|
|
116
|
-
return React.createElement(customElements.getName(
|
|
116
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
117
117
|
});
|
|
118
118
|
|
|
119
|
-
export const
|
|
119
|
+
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
120
120
|
const { children, ...rest } = props;
|
|
121
|
-
return React.createElement(customElements.getName(
|
|
121
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
122
122
|
});
|
|
123
123
|
|
|
124
124
|
export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "15.9.
|
|
4
|
+
"version": "15.9.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -85,13 +85,13 @@
|
|
|
85
85
|
}
|
|
86
86
|
},
|
|
87
87
|
"devDependencies": {
|
|
88
|
-
"@genesislcap/foundation-testing": "15.9.
|
|
89
|
-
"@genesislcap/genx": "15.9.
|
|
90
|
-
"@genesislcap/rollup-builder": "15.9.
|
|
91
|
-
"@genesislcap/ts-builder": "15.9.
|
|
92
|
-
"@genesislcap/uvu-playwright-builder": "15.9.
|
|
93
|
-
"@genesislcap/vite-builder": "15.9.
|
|
94
|
-
"@genesislcap/webpack-builder": "15.9.
|
|
88
|
+
"@genesislcap/foundation-testing": "15.9.1",
|
|
89
|
+
"@genesislcap/genx": "15.9.1",
|
|
90
|
+
"@genesislcap/rollup-builder": "15.9.1",
|
|
91
|
+
"@genesislcap/ts-builder": "15.9.1",
|
|
92
|
+
"@genesislcap/uvu-playwright-builder": "15.9.1",
|
|
93
|
+
"@genesislcap/vite-builder": "15.9.1",
|
|
94
|
+
"@genesislcap/webpack-builder": "15.9.1",
|
|
95
95
|
"copyfiles": "^2.4.1"
|
|
96
96
|
},
|
|
97
97
|
"dependencies": {
|
|
@@ -100,16 +100,16 @@
|
|
|
100
100
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
101
101
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
102
102
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
103
|
-
"@genesislcap/expression-builder": "15.9.
|
|
104
|
-
"@genesislcap/foundation-ai": "15.9.
|
|
105
|
-
"@genesislcap/foundation-comms": "15.9.
|
|
106
|
-
"@genesislcap/foundation-criteria": "15.9.
|
|
107
|
-
"@genesislcap/foundation-errors": "15.9.
|
|
108
|
-
"@genesislcap/foundation-events": "15.9.
|
|
109
|
-
"@genesislcap/foundation-logger": "15.9.
|
|
110
|
-
"@genesislcap/foundation-notifications": "15.9.
|
|
111
|
-
"@genesislcap/foundation-user": "15.9.
|
|
112
|
-
"@genesislcap/foundation-utils": "15.9.
|
|
103
|
+
"@genesislcap/expression-builder": "15.9.1",
|
|
104
|
+
"@genesislcap/foundation-ai": "15.9.1",
|
|
105
|
+
"@genesislcap/foundation-comms": "15.9.1",
|
|
106
|
+
"@genesislcap/foundation-criteria": "15.9.1",
|
|
107
|
+
"@genesislcap/foundation-errors": "15.9.1",
|
|
108
|
+
"@genesislcap/foundation-events": "15.9.1",
|
|
109
|
+
"@genesislcap/foundation-logger": "15.9.1",
|
|
110
|
+
"@genesislcap/foundation-notifications": "15.9.1",
|
|
111
|
+
"@genesislcap/foundation-user": "15.9.1",
|
|
112
|
+
"@genesislcap/foundation-utils": "15.9.1",
|
|
113
113
|
"@microsoft/fast-colors": "5.3.1",
|
|
114
114
|
"@microsoft/fast-components": "2.30.6",
|
|
115
115
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"require": "./dist/react.cjs"
|
|
143
143
|
}
|
|
144
144
|
},
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "ebb65f317242acb27f8df7bd88c709f9482e5fe3"
|
|
146
146
|
}
|