@ukic/web-components 3.22.0 → 3.23.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/cjs/ic-button_3.cjs.entry.js +4 -2
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +21 -2
- package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.stories.js +32 -0
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-bar.js.map +1 -1
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tooltip2.js +5 -3
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/p-1b81ec88.entry.js.map +1 -1
- package/dist/core/{p-0b728f50.entry.js → p-a2953aad.entry.js} +2 -2
- package/dist/core/p-a2953aad.entry.js.map +1 -0
- package/dist/esm/ic-button_3.entry.js +4 -2
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +5 -0
- package/dist/types/components.d.ts +19 -0
- package/hydrate/index.js +4 -2
- package/hydrate/index.mjs +4 -2
- package/package.json +2 -2
- package/dist/core/p-0b728f50.entry.js.map +0 -1
|
@@ -666,6 +666,7 @@ const IcTooltipStyle0 = icTooltipCss;
|
|
|
666
666
|
const Tooltip = class {
|
|
667
667
|
constructor(hostRef) {
|
|
668
668
|
index.registerInstance(this, hostRef);
|
|
669
|
+
this.icTooltipShow = index.createEvent(this, "icTooltipShow", 7);
|
|
669
670
|
this.delayedHideEvents = ["mouseleave"];
|
|
670
671
|
this.instantHideEvents = ["focusout"];
|
|
671
672
|
this.mouseOverTool = false;
|
|
@@ -741,6 +742,7 @@ const Tooltip = class {
|
|
|
741
742
|
]
|
|
742
743
|
: []),
|
|
743
744
|
] }, this.popperProps));
|
|
745
|
+
this.icTooltipShow.emit();
|
|
744
746
|
}
|
|
745
747
|
else {
|
|
746
748
|
console.warn(`Tooltip can't display without prop 'label' set`);
|
|
@@ -877,10 +879,10 @@ const Tooltip = class {
|
|
|
877
879
|
}
|
|
878
880
|
render() {
|
|
879
881
|
const { label, maxLines, silent, theme } = this;
|
|
880
|
-
return (index.h(index.Host, { key: '
|
|
882
|
+
return (index.h(index.Host, { key: '61c01b4710b1fb71a42044c7e4b7675497952575', class: {
|
|
881
883
|
"ic-tooltip": true,
|
|
882
884
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
|
883
|
-
}, "aria-label": helpers.isSafari && label }, index.h("div", { key: '
|
|
885
|
+
}, "aria-label": helpers.isSafari && label }, index.h("div", { key: '5b7e00e8164b7a95ca17523d11b4bd02bc4eefbb', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, index.h("ic-typography", { key: 'a118c99c30c776f39ed25c630a4231cb637fdcd2', maxLines: maxLines, variant: "caption" }, label), index.h("div", { key: '2ee6065bc691893170591e43aba77973e6387141', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), index.h("slot", { key: 'd76275c08c93ee6d4b39b0ab6be9093a8d5e6de1' })));
|
|
884
886
|
}
|
|
885
887
|
get el() { return index.getElement(this); }
|
|
886
888
|
static get watchers() { return {
|