@shival99/z-ui 2.1.33 → 2.2.1

package/fesm2022/shival99-z-ui-components-z-tooltip.mjs

@@ -119,15 +119,24 @@ const zTooltipExitVariants = cva('z-animate-out z-fade-out', {
 });
 
 class ZTooltipContentComponent {
-    content = signal('', ...(ngDevMode ? [{ debugName: "content" }] : []));
-    position = signal('top', ...(ngDevMode ? [{ debugName: "position" }] : []));
-    tooltipType = signal('default', ...(ngDevMode ? [{ debugName: "tooltipType" }] : []));
-    tooltipSize = signal('default', ...(ngDevMode ? [{ debugName: "tooltipSize" }] : []));
-    tooltipClass = signal('', ...(ngDevMode ? [{ debugName: "tooltipClass" }] : []));
-    showArrow = signal(true, ...(ngDevMode ? [{ debugName: "showArrow" }] : []));
-    maxWidth = signal('250px', ...(ngDevMode ? [{ debugName: "maxWidth" }] : []));
-    state = signal('open', ...(ngDevMode ? [{ debugName: "state" }] : []));
-    arrowOffset = signal(0, ...(ngDevMode ? [{ debugName: "arrowOffset" }] : []));
+    content = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    position = signal('top', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    tooltipType = signal('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipType" }] : /* istanbul ignore next */ []));
+    tooltipSize = signal('default', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipSize" }] : /* istanbul ignore next */ []));
+    tooltipClass = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipClass" }] : /* istanbul ignore next */ []));
+    showArrow = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showArrow" }] : /* istanbul ignore next */ []));
+    maxWidth = signal('250px', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+    state = signal('open', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    arrowOffset = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "arrowOffset" }] : /* istanbul ignore next */ []));
     classes = computed(() => {
         const baseClasses = zTooltipVariants({
             zType: this.tooltipType(),
@@ -136,15 +145,18 @@ class ZTooltipContentComponent {
         });
         const exitClasses = this.state() === 'closed' ? this._getExitAnimationClasses() : '';
         return zMergeClasses(baseClasses, exitClasses, this.tooltipClass());
-    }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     _getExitAnimationClasses() {
         return zTooltipExitVariants({ zPosition: this.position() });
     }
-    contentClasses = computed(() => zMergeClasses(zTooltipContentVariants({ zType: this.tooltipType() })), ...(ngDevMode ? [{ debugName: "contentClasses" }] : []));
+    contentClasses = computed(() => zMergeClasses(zTooltipContentVariants({ zType: this.tooltipType() })), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentClasses" }] : /* istanbul ignore next */ []));
     arrowClasses = computed(() => zMergeClasses(zTooltipArrowVariants({
         position: this.position(),
         zType: this.tooltipType(),
-    })), ...(ngDevMode ? [{ debugName: "arrowClasses" }] : []));
+    })), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "arrowClasses" }] : /* istanbul ignore next */ []));
     arrowStyle = computed(() => {
         const pos = this.position();
         const offset = this.arrowOffset();
@@ -166,22 +178,26 @@ class ZTooltipContentComponent {
             };
         }
         return {};
-    }, ...(ngDevMode ? [{ debugName: "arrowStyle" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "arrowStyle" }] : /* istanbul ignore next */ []));
     isTemplateContent = computed(() => {
         const c = this.content();
         return c && typeof c !== 'string';
-    }, ...(ngDevMode ? [{ debugName: "isTemplateContent" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isTemplateContent" }] : /* istanbul ignore next */ []));
     isHtmlContent = computed(() => {
         const c = this.content();
         return typeof c === 'string' && c.includes('<');
-    }, ...(ngDevMode ? [{ debugName: "isHtmlContent" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isHtmlContent" }] : /* istanbul ignore next */ []));
     textOnlyContent = computed(() => {
         const c = this.content();
         if (typeof c === 'string' && c.includes('<')) {
             return this._stripHtmlTags(c);
         }
         return c;
-    }, ...(ngDevMode ? [{ debugName: "textOnlyContent" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "textOnlyContent" }] : /* istanbul ignore next */ []));
     _stripHtmlTags(html) {
         const tempDiv = document.createElement('div');
         tempDiv.innerHTML = html;
@@ -206,8 +222,8 @@ class ZTooltipContentComponent {
             this.maxWidth.set(config.maxWidth);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZTooltipContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: ZTooltipContentComponent, isStandalone: true, selector: "z-tooltip-content", host: { attributes: { "role": "tooltip" }, properties: { "class": "classes()", "style.maxWidth": "maxWidth()", "attr.data-state": "state()", "attr.data-position": "position()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZTooltipContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ZTooltipContentComponent, isStandalone: true, selector: "z-tooltip-content", host: { attributes: { "role": "tooltip" }, properties: { "class": "classes()", "style.maxWidth": "maxWidth()", "attr.data-state": "state()", "attr.data-position": "position()" } }, ngImport: i0, template: `
     <!-- Arrow layer - rotated square, partial border -->
     @if (showArrow()) {
       <div [class]="arrowClasses()" [style]="arrowStyle()"></div>
@@ -225,7 +241,7 @@ class ZTooltipContentComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZTooltipContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZTooltipContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'z-tooltip-content',
@@ -366,11 +382,46 @@ function getTooltipFallbackPositions(position, offset) {
     const orderedPositions = fallbackOrder[position] ?? [position];
     return orderedPositions.map(pos => createTooltipPosition(pos, offset));
 }
+function getTooltipPreferredSidePositions(position, offset) {
+    const preferredOrder = {
+        top: ['top', 'top-left', 'top-right'],
+        'top-left': ['top-left', 'top', 'top-right'],
+        'top-right': ['top-right', 'top', 'top-left'],
+        bottom: ['bottom', 'bottom-left', 'bottom-right'],
+        'bottom-left': ['bottom-left', 'bottom', 'bottom-right'],
+        'bottom-right': ['bottom-right', 'bottom', 'bottom-left'],
+        left: ['left', 'left-top', 'left-bottom'],
+        'left-top': ['left-top', 'left', 'left-bottom'],
+        'left-bottom': ['left-bottom', 'left', 'left-top'],
+        right: ['right', 'right-top', 'right-bottom'],
+        'right-top': ['right-top', 'right', 'right-bottom'],
+        'right-bottom': ['right-bottom', 'right', 'right-top'],
+    };
+    return preferredOrder[position].map(pos => createTooltipPosition(pos, offset));
+}
+function getTooltipStrategyPositions(origin, position, offset) {
+    const originElement = 'nativeElement' in origin ? origin.nativeElement : origin;
+    const rect = originElement.getBoundingClientRect();
+    const viewportWidth = globalThis.visualViewport?.width ?? globalThis.innerWidth;
+    const viewportHeight = globalThis.visualViewport?.height ?? globalThis.innerHeight;
+    const availableSpace = {
+        top: rect.top,
+        bottom: viewportHeight - rect.bottom,
+        left: rect.left,
+        right: viewportWidth - rect.right,
+    };
+    const side = position.split('-')[0];
+    const minimumSideSpace = Math.max(40, offset + 32);
+    if (availableSpace[side] >= minimumSideSpace) {
+        return getTooltipPreferredSidePositions(position, offset);
+    }
+    return getTooltipFallbackPositions(position, offset);
+}
 function createTooltipPositionStrategy(overlayPositionBuilder, origin, position, offset) {
     return overlayPositionBuilder
         .flexibleConnectedTo(origin)
-        .withPositions(getTooltipFallbackPositions(position, offset))
-        .withFlexibleDimensions(false)
+        .withPositions(getTooltipStrategyPositions(origin, position, offset))
+        .withFlexibleDimensions(true)
         .withPush(true)
         .withViewportMargin(8);
 }
@@ -418,37 +469,62 @@ function getActualPosition(change) {
 const Z_TOOLTIP_ANIMATION_DURATION = 150;
 
 class ZTooltipDirective {
-    zContent = input('', ...(ngDevMode ? [{ debugName: "zContent" }] : []));
-    zPosition = input('top', ...(ngDevMode ? [{ debugName: "zPosition" }] : []));
-    zTooltipPosition = input(...(ngDevMode ? [undefined, { debugName: "zTooltipPosition" }] : []));
-    zTrigger = input('hover', ...(ngDevMode ? [{ debugName: "zTrigger" }] : []));
-    zTooltipTrigger = input(...(ngDevMode ? [undefined, { debugName: "zTooltipTrigger" }] : []));
-    zType = input('default', { ...(ngDevMode ? { debugName: "zType" } : {}), alias: 'zTooltipType' });
-    zSize = input('default', { ...(ngDevMode ? { debugName: "zSize" } : {}), alias: 'zTooltipSize' });
-    zClass = input('', ...(ngDevMode ? [{ debugName: "zClass" }] : []));
-    zTooltipClass = input(...(ngDevMode ? [undefined, { debugName: "zTooltipClass" }] : []));
-    zShowDelay = input(100, ...(ngDevMode ? [{ debugName: "zShowDelay" }] : []));
-    zTooltipShowDelay = input(...(ngDevMode ? [undefined, { debugName: "zTooltipShowDelay" }] : []));
-    zHideDelay = input(0, ...(ngDevMode ? [{ debugName: "zHideDelay" }] : []));
-    zTooltipHideDelay = input(...(ngDevMode ? [undefined, { debugName: "zTooltipHideDelay" }] : []));
-    zArrow = input(true, { ...(ngDevMode ? { debugName: "zArrow" } : {}), transform: zTransform });
-    zTooltipArrow = input(undefined, ...(ngDevMode ? [{ debugName: "zTooltipArrow" }] : []));
-    zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : {}), transform: zTransform });
-    zTooltipDisabled = input(undefined, ...(ngDevMode ? [{ debugName: "zTooltipDisabled" }] : []));
-    zOffset = input(8, ...(ngDevMode ? [{ debugName: "zOffset" }] : []));
-    zTooltipOffset = input(...(ngDevMode ? [undefined, { debugName: "zTooltipOffset" }] : []));
-    zAutoDetect = input(true, { ...(ngDevMode ? { debugName: "zAutoDetect" } : {}), transform: zTransform });
-    zTriggerElement = input(null, ...(ngDevMode ? [{ debugName: "zTriggerElement" }] : []));
-    zAlwaysShow = input(false, { ...(ngDevMode ? { debugName: "zAlwaysShow" } : {}), transform: zTransform });
-    zMaxWidth = input('250px', ...(ngDevMode ? [{ debugName: "zMaxWidth" }] : []));
-    _position = computed(() => this.zTooltipPosition() ?? this.zPosition(), ...(ngDevMode ? [{ debugName: "_position" }] : []));
-    _trigger = computed(() => this.zTooltipTrigger() ?? this.zTrigger(), ...(ngDevMode ? [{ debugName: "_trigger" }] : []));
-    _class = computed(() => this.zTooltipClass() ?? this.zClass(), ...(ngDevMode ? [{ debugName: "_class" }] : []));
-    _showDelay = computed(() => this.zTooltipShowDelay() ?? this.zShowDelay(), ...(ngDevMode ? [{ debugName: "_showDelay" }] : []));
-    _hideDelay = computed(() => this.zTooltipHideDelay() ?? this.zHideDelay(), ...(ngDevMode ? [{ debugName: "_hideDelay" }] : []));
-    _arrow = computed(() => this.zTooltipArrow() ?? this.zArrow(), ...(ngDevMode ? [{ debugName: "_arrow" }] : []));
-    _disabled = computed(() => this.zTooltipDisabled() ?? this.zDisabled(), ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
-    _offset = computed(() => this.zTooltipOffset() ?? this.zOffset(), ...(ngDevMode ? [{ debugName: "_offset" }] : []));
+    zContent = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zContent" }] : /* istanbul ignore next */ []));
+    zPosition = input('top', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zPosition" }] : /* istanbul ignore next */ []));
+    zTooltipPosition = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "zTooltipPosition" }] : /* istanbul ignore next */ []));
+    zTrigger = input('hover', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zTrigger" }] : /* istanbul ignore next */ []));
+    zTooltipTrigger = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "zTooltipTrigger" }] : /* istanbul ignore next */ []));
+    zType = input('default', { ...(ngDevMode ? { debugName: "zType" } : /* istanbul ignore next */ {}), alias: 'zTooltipType' });
+    zSize = input('default', { ...(ngDevMode ? { debugName: "zSize" } : /* istanbul ignore next */ {}), alias: 'zTooltipSize' });
+    zClass = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zClass" }] : /* istanbul ignore next */ []));
+    zTooltipClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "zTooltipClass" }] : /* istanbul ignore next */ []));
+    zShowDelay = input(100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zShowDelay" }] : /* istanbul ignore next */ []));
+    zTooltipShowDelay = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "zTooltipShowDelay" }] : /* istanbul ignore next */ []));
+    zHideDelay = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zHideDelay" }] : /* istanbul ignore next */ []));
+    zTooltipHideDelay = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "zTooltipHideDelay" }] : /* istanbul ignore next */ []));
+    zArrow = input(true, { ...(ngDevMode ? { debugName: "zArrow" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zTooltipArrow = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zTooltipArrow" }] : /* istanbul ignore next */ []));
+    zDisabled = input(false, { ...(ngDevMode ? { debugName: "zDisabled" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zTooltipDisabled = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zTooltipDisabled" }] : /* istanbul ignore next */ []));
+    zOffset = input(8, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zOffset" }] : /* istanbul ignore next */ []));
+    zTooltipOffset = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "zTooltipOffset" }] : /* istanbul ignore next */ []));
+    zAutoDetect = input(true, { ...(ngDevMode ? { debugName: "zAutoDetect" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zTriggerElement = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zTriggerElement" }] : /* istanbul ignore next */ []));
+    zAlwaysShow = input(false, { ...(ngDevMode ? { debugName: "zAlwaysShow" } : /* istanbul ignore next */ {}), transform: zTransform });
+    zMaxWidth = input('250px', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zMaxWidth" }] : /* istanbul ignore next */ []));
+    _position = computed(() => this.zTooltipPosition() ?? this.zPosition(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_position" }] : /* istanbul ignore next */ []));
+    _trigger = computed(() => this.zTooltipTrigger() ?? this.zTrigger(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_trigger" }] : /* istanbul ignore next */ []));
+    _class = computed(() => this.zTooltipClass() ?? this.zClass(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_class" }] : /* istanbul ignore next */ []));
+    _showDelay = computed(() => this.zTooltipShowDelay() ?? this.zShowDelay(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_showDelay" }] : /* istanbul ignore next */ []));
+    _hideDelay = computed(() => this.zTooltipHideDelay() ?? this.zHideDelay(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hideDelay" }] : /* istanbul ignore next */ []));
+    _arrow = computed(() => this.zTooltipArrow() ?? this.zArrow(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_arrow" }] : /* istanbul ignore next */ []));
+    _disabled = computed(() => this.zTooltipDisabled() ?? this.zDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
+    _offset = computed(() => this.zTooltipOffset() ?? this.zOffset(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_offset" }] : /* istanbul ignore next */ []));
     zShow = output();
     zHide = output();
     _overlay = inject(Overlay);
@@ -464,7 +540,8 @@ class ZTooltipDirective {
     _listenerCleanups = [];
     _positionSubscription = null;
     _hideTimeout = null;
-    _isVisible = signal(false, ...(ngDevMode ? [{ debugName: "_isVisible" }] : []));
+    _isVisible = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isVisible" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             if (this._disabled() || !this.zContent()) {
@@ -760,10 +837,10 @@ class ZTooltipDirective {
         }
         this._componentRef.instance.arrowOffset.set(0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: ZTooltipDirective, isStandalone: true, selector: "[z-tooltip], [zTooltip]", inputs: { zContent: { classPropertyName: "zContent", publicName: "zContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTooltipPosition: { classPropertyName: "zTooltipPosition", publicName: "zTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zTooltipTrigger: { classPropertyName: "zTooltipTrigger", publicName: "zTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null }, zType: { classPropertyName: "zType", publicName: "zTooltipType", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zTooltipSize", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zTooltipClass: { classPropertyName: "zTooltipClass", publicName: "zTooltipClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zTooltipShowDelay: { classPropertyName: "zTooltipShowDelay", publicName: "zTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zTooltipHideDelay: { classPropertyName: "zTooltipHideDelay", publicName: "zTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zArrow: { classPropertyName: "zArrow", publicName: "zArrow", isSignal: true, isRequired: false, transformFunction: null }, zTooltipArrow: { classPropertyName: "zTooltipArrow", publicName: "zTooltipArrow", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zTooltipDisabled: { classPropertyName: "zTooltipDisabled", publicName: "zTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zTooltipOffset: { classPropertyName: "zTooltipOffset", publicName: "zTooltipOffset", isSignal: true, isRequired: false, transformFunction: null }, zAutoDetect: { classPropertyName: "zAutoDetect", publicName: "zAutoDetect", isSignal: true, isRequired: false, transformFunction: null }, zTriggerElement: { classPropertyName: "zTriggerElement", publicName: "zTriggerElement", isSignal: true, isRequired: false, transformFunction: null }, zAlwaysShow: { classPropertyName: "zAlwaysShow", publicName: "zAlwaysShow", isSignal: true, isRequired: false, transformFunction: null }, zMaxWidth: { classPropertyName: "zMaxWidth", publicName: "zMaxWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide" }, exportAs: ["zTooltip"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: ZTooltipDirective, isStandalone: true, selector: "[z-tooltip], [zTooltip]", inputs: { zContent: { classPropertyName: "zContent", publicName: "zContent", isSignal: true, isRequired: false, transformFunction: null }, zPosition: { classPropertyName: "zPosition", publicName: "zPosition", isSignal: true, isRequired: false, transformFunction: null }, zTooltipPosition: { classPropertyName: "zTooltipPosition", publicName: "zTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, zTrigger: { classPropertyName: "zTrigger", publicName: "zTrigger", isSignal: true, isRequired: false, transformFunction: null }, zTooltipTrigger: { classPropertyName: "zTooltipTrigger", publicName: "zTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null }, zType: { classPropertyName: "zType", publicName: "zTooltipType", isSignal: true, isRequired: false, transformFunction: null }, zSize: { classPropertyName: "zSize", publicName: "zTooltipSize", isSignal: true, isRequired: false, transformFunction: null }, zClass: { classPropertyName: "zClass", publicName: "zClass", isSignal: true, isRequired: false, transformFunction: null }, zTooltipClass: { classPropertyName: "zTooltipClass", publicName: "zTooltipClass", isSignal: true, isRequired: false, transformFunction: null }, zShowDelay: { classPropertyName: "zShowDelay", publicName: "zShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zTooltipShowDelay: { classPropertyName: "zTooltipShowDelay", publicName: "zTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, zHideDelay: { classPropertyName: "zHideDelay", publicName: "zHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zTooltipHideDelay: { classPropertyName: "zTooltipHideDelay", publicName: "zTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, zArrow: { classPropertyName: "zArrow", publicName: "zArrow", isSignal: true, isRequired: false, transformFunction: null }, zTooltipArrow: { classPropertyName: "zTooltipArrow", publicName: "zTooltipArrow", isSignal: true, isRequired: false, transformFunction: null }, zDisabled: { classPropertyName: "zDisabled", publicName: "zDisabled", isSignal: true, isRequired: false, transformFunction: null }, zTooltipDisabled: { classPropertyName: "zTooltipDisabled", publicName: "zTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, zOffset: { classPropertyName: "zOffset", publicName: "zOffset", isSignal: true, isRequired: false, transformFunction: null }, zTooltipOffset: { classPropertyName: "zTooltipOffset", publicName: "zTooltipOffset", isSignal: true, isRequired: false, transformFunction: null }, zAutoDetect: { classPropertyName: "zAutoDetect", publicName: "zAutoDetect", isSignal: true, isRequired: false, transformFunction: null }, zTriggerElement: { classPropertyName: "zTriggerElement", publicName: "zTriggerElement", isSignal: true, isRequired: false, transformFunction: null }, zAlwaysShow: { classPropertyName: "zAlwaysShow", publicName: "zAlwaysShow", isSignal: true, isRequired: false, transformFunction: null }, zMaxWidth: { classPropertyName: "zMaxWidth", publicName: "zMaxWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zShow: "zShow", zHide: "zHide" }, exportAs: ["zTooltip"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[z-tooltip], [zTooltip]',