@public-ui/hydrate 2.2.20-9dde737129504c4d725797ad48651ab67781766c.0 → 2.2.20-rc.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/index.js +8 -5
- package/dist/index.mjs +8 -5
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -26400,7 +26400,9 @@ class KolTooltipWc {
|
|
|
26400
26400
|
this.tooltipElement.classList.remove('hide');
|
|
26401
26401
|
this.tooltipElement.classList.add('show');
|
|
26402
26402
|
this.tooltipElement.style.setProperty('display', 'block');
|
|
26403
|
-
getDocument().addEventListener('keyup', this.hideTooltipByEscape
|
|
26403
|
+
getDocument().addEventListener('keyup', this.hideTooltipByEscape, {
|
|
26404
|
+
once: true,
|
|
26405
|
+
});
|
|
26404
26406
|
const target = this.previousSibling;
|
|
26405
26407
|
const tooltipEl = this.tooltipElement;
|
|
26406
26408
|
this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {
|
|
@@ -26430,13 +26432,13 @@ class KolTooltipWc {
|
|
|
26430
26432
|
el.addEventListener('mouseenter', this.handleMouseEnter.bind(this));
|
|
26431
26433
|
el.addEventListener('mouseleave', this.handleMouseLeave.bind(this));
|
|
26432
26434
|
el.addEventListener('focusin', this.handleFocusIn.bind(this));
|
|
26433
|
-
el.addEventListener('focusout', this.
|
|
26435
|
+
el.addEventListener('focusout', this.handleFocusOut.bind(this));
|
|
26434
26436
|
};
|
|
26435
26437
|
this.removeListeners = (el) => {
|
|
26436
26438
|
el.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));
|
|
26437
26439
|
el.removeEventListener('mouseleave', this.handleMouseLeave.bind(this));
|
|
26438
26440
|
el.removeEventListener('focusin', this.handleFocusIn.bind(this));
|
|
26439
|
-
el.removeEventListener('focusout', this.
|
|
26441
|
+
el.removeEventListener('focusout', this.handleFocusOut.bind(this));
|
|
26440
26442
|
};
|
|
26441
26443
|
this.resyncListeners = (last, next, replacePreviousSibling = false) => {
|
|
26442
26444
|
if (last) {
|
|
@@ -26497,12 +26499,12 @@ class KolTooltipWc {
|
|
|
26497
26499
|
this.hasFocusIn = true;
|
|
26498
26500
|
this.showOrHideTooltip();
|
|
26499
26501
|
}
|
|
26500
|
-
|
|
26502
|
+
handleFocusOut() {
|
|
26501
26503
|
this.hasFocusIn = false;
|
|
26502
26504
|
this.showOrHideTooltip();
|
|
26503
26505
|
}
|
|
26504
26506
|
render() {
|
|
26505
|
-
return (hAsync(Host, { key: '
|
|
26507
|
+
return (hAsync(Host, { key: '2835bd993b3e9237c0552e69c688f782a3d38ad8', class: "kol-tooltip-wc" }, hAsync("div", { key: 'd155ebf8e5b057df516b3878fcbc7631d62ce0e4', class: "tooltip-floating", hidden: this.state._label.length === 0, ref: this.catchTooltipElement }, hAsync("div", { key: 'eadf9d9d29b5e0d6748b86db1d0019315d43bef6', class: "tooltip-area tooltip-arrow", ref: this.catchArrowElement }), hAsync(KolSpanWcTag, { key: 'd217f7c393c63b9f323cec887051001d322912ff', class: "tooltip-area tooltip-content", id: this.state._id, _badgeText: this._badgeText, _label: this.state._label }))));
|
|
26506
26508
|
}
|
|
26507
26509
|
validateBadgeText(value) {
|
|
26508
26510
|
validateBadgeText(this, value);
|
|
@@ -26527,6 +26529,7 @@ class KolTooltipWc {
|
|
|
26527
26529
|
handleEventListeners() {
|
|
26528
26530
|
var _a;
|
|
26529
26531
|
this.resyncListeners(this.previousSibling, (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling, true);
|
|
26532
|
+
this.resyncListeners(this.tooltipElement, this.tooltipElement);
|
|
26530
26533
|
}
|
|
26531
26534
|
connectedCallback() {
|
|
26532
26535
|
var _a;
|
package/dist/index.mjs
CHANGED
|
@@ -26396,7 +26396,9 @@ class KolTooltipWc {
|
|
|
26396
26396
|
this.tooltipElement.classList.remove('hide');
|
|
26397
26397
|
this.tooltipElement.classList.add('show');
|
|
26398
26398
|
this.tooltipElement.style.setProperty('display', 'block');
|
|
26399
|
-
getDocument().addEventListener('keyup', this.hideTooltipByEscape
|
|
26399
|
+
getDocument().addEventListener('keyup', this.hideTooltipByEscape, {
|
|
26400
|
+
once: true,
|
|
26401
|
+
});
|
|
26400
26402
|
const target = this.previousSibling;
|
|
26401
26403
|
const tooltipEl = this.tooltipElement;
|
|
26402
26404
|
this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {
|
|
@@ -26426,13 +26428,13 @@ class KolTooltipWc {
|
|
|
26426
26428
|
el.addEventListener('mouseenter', this.handleMouseEnter.bind(this));
|
|
26427
26429
|
el.addEventListener('mouseleave', this.handleMouseLeave.bind(this));
|
|
26428
26430
|
el.addEventListener('focusin', this.handleFocusIn.bind(this));
|
|
26429
|
-
el.addEventListener('focusout', this.
|
|
26431
|
+
el.addEventListener('focusout', this.handleFocusOut.bind(this));
|
|
26430
26432
|
};
|
|
26431
26433
|
this.removeListeners = (el) => {
|
|
26432
26434
|
el.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));
|
|
26433
26435
|
el.removeEventListener('mouseleave', this.handleMouseLeave.bind(this));
|
|
26434
26436
|
el.removeEventListener('focusin', this.handleFocusIn.bind(this));
|
|
26435
|
-
el.removeEventListener('focusout', this.
|
|
26437
|
+
el.removeEventListener('focusout', this.handleFocusOut.bind(this));
|
|
26436
26438
|
};
|
|
26437
26439
|
this.resyncListeners = (last, next, replacePreviousSibling = false) => {
|
|
26438
26440
|
if (last) {
|
|
@@ -26493,12 +26495,12 @@ class KolTooltipWc {
|
|
|
26493
26495
|
this.hasFocusIn = true;
|
|
26494
26496
|
this.showOrHideTooltip();
|
|
26495
26497
|
}
|
|
26496
|
-
|
|
26498
|
+
handleFocusOut() {
|
|
26497
26499
|
this.hasFocusIn = false;
|
|
26498
26500
|
this.showOrHideTooltip();
|
|
26499
26501
|
}
|
|
26500
26502
|
render() {
|
|
26501
|
-
return (hAsync(Host, { key: '
|
|
26503
|
+
return (hAsync(Host, { key: '2835bd993b3e9237c0552e69c688f782a3d38ad8', class: "kol-tooltip-wc" }, hAsync("div", { key: 'd155ebf8e5b057df516b3878fcbc7631d62ce0e4', class: "tooltip-floating", hidden: this.state._label.length === 0, ref: this.catchTooltipElement }, hAsync("div", { key: 'eadf9d9d29b5e0d6748b86db1d0019315d43bef6', class: "tooltip-area tooltip-arrow", ref: this.catchArrowElement }), hAsync(KolSpanWcTag, { key: 'd217f7c393c63b9f323cec887051001d322912ff', class: "tooltip-area tooltip-content", id: this.state._id, _badgeText: this._badgeText, _label: this.state._label }))));
|
|
26502
26504
|
}
|
|
26503
26505
|
validateBadgeText(value) {
|
|
26504
26506
|
validateBadgeText(this, value);
|
|
@@ -26523,6 +26525,7 @@ class KolTooltipWc {
|
|
|
26523
26525
|
handleEventListeners() {
|
|
26524
26526
|
var _a;
|
|
26525
26527
|
this.resyncListeners(this.previousSibling, (_a = this.host) === null || _a === void 0 ? void 0 : _a.previousElementSibling, true);
|
|
26528
|
+
this.resyncListeners(this.tooltipElement, this.tooltipElement);
|
|
26526
26529
|
}
|
|
26527
26530
|
connectedCallback() {
|
|
26528
26531
|
var _a;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/hydrate",
|
|
3
|
-
"version": "2.2.20-
|
|
3
|
+
"version": "2.2.20-rc.1",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": {
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
],
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"rimraf": "6.1.2",
|
|
49
|
-
"@public-ui/components": "2.2.20-
|
|
49
|
+
"@public-ui/components": "2.2.20-rc.1"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@public-ui/components": "2.2.20-
|
|
52
|
+
"@public-ui/components": "2.2.20-rc.1"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": false,
|
|
55
55
|
"type": "commonjs",
|