yukit-web 0.6.1 → 0.6.2

package/fesm2022/yukit-web.mjs

@@ -12,7 +12,7 @@ import { HlmDropdownMenuTrigger, HlmDropdownMenuCheckboxIndicator, HlmDropdownMe
 import { cva } from 'class-variance-authority';
 import { NgTemplateOutlet, DOCUMENT } from '@angular/common';
 import * as i1 from '@spartan-ng/brain/tooltip';
-import { provideBrnTooltipDefaultOptions, BrnTooltip } from '@spartan-ng/brain/tooltip';
+import { BrnTooltip, provideBrnTooltipDefaultOptions } from '@spartan-ng/brain/tooltip';
 import { tooltipPositionVariants, DEFAULT_TOOLTIP_CONTENT_CLASSES, DEFAULT_TOOLTIP_SVG_CLASS } from 'yukit-web/helm/tooltip';
 import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucideX, lucideChevronRight, lucideChevronLeft, lucideUpload, lucideSearch, lucideEyeOff, lucideEye, lucideChevronsUpDown, lucideChevronUp, lucideChevronDown, lucidePencil, lucideCheck, lucideMinus, lucideCopy, lucideTrash2, lucideSave, lucideArrowLeft, lucideArchiveRestore, lucidePlus, lucideSettings2, lucideList, lucideLayoutGrid, lucideDownload, lucideEllipsis, lucideStar } from '@ng-icons/lucide';
@@ -748,6 +748,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
  *   Brain tooltip config default (`100`).
  * - `tooltipDisabled`: Disables the tooltip entirely.
  *
+ * Focus opens it only when it is keyboard focus (`:focus-visible`). Brain opens on any `focus`, so a
+ * dialog or sheet autofocusing its first tabbable element on open would pop the tooltip unasked.
+ * Brain has no public way to cancel a show, so a non-keyboard focus suppresses it through
+ * `mutableTooltipDisabled`, which Brain checks once the show delay elapses; blur and hover give the
+ * `tooltipDisabled` input back.
+ *
  * Usage:
  * ```html
  * <button yuwTooltip="Save changes" hlmBtn>Save</button>
@@ -755,8 +761,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
  * ```
  */
 class YuwTooltipDirective {
+    constructor() {
+        this.host = inject(ElementRef);
+        this.tooltip = inject(BrnTooltip);
+    }
+    restore() {
+        this.tooltip.mutableTooltipDisabled.set(this.tooltip.tooltipDisabled());
+    }
+    suppressUnlessKeyboardFocus() {
+        if (!this.host.nativeElement.matches(':focus-visible')) {
+            this.tooltip.mutableTooltipDisabled.set(true);
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: YuwTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: YuwTooltipDirective, isStandalone: true, selector: "[yuwTooltip]", providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: YuwTooltipDirective, isStandalone: true, selector: "[yuwTooltip]", host: { listeners: { "focus": "suppressUnlessKeyboardFocus()", "blur": "restore()", "pointerenter": "restore()" } }, providers: [
             provideBrnTooltipDefaultOptions({
                 svgClasses: DEFAULT_TOOLTIP_SVG_CLASS,
                 tooltipContentClasses: DEFAULT_TOOLTIP_CONTENT_CLASSES,
@@ -781,6 +799,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                             inputs: ['brnTooltip: yuwTooltip', 'position', 'hideDelay', 'showDelay', 'tooltipDisabled'],
                         },
                     ],
+                    host: {
+                        '(focus)': 'suppressUnlessKeyboardFocus()',
+                        '(blur)': 'restore()',
+                        '(pointerenter)': 'restore()',
+                    },
                 }]
         }] });
 
@@ -1461,8 +1484,10 @@ class YuwSheetOpenState {
  * using `@for`.
  *
  * Inputs:
- * - `collapseWithSheet`: Inside a `<yuw-sheet>` or `<yuws-form-sheet>`, collapses every item whenever the sheet opens
- *   or closes, so each opening starts folded. Ignored outside a sheet. Default is `false`.
+ * - `collapseWithSheet`: Inside a `<yuw-sheet>` or `<yuws-form-sheet>`, collapses every item whenever the sheet opens,
+ *   so each opening starts folded. Ignored outside a sheet. Default is `false`. It folds on opening and never on
+ *   closing: a height transition cut short by the sheet detaching leaves Chrome rendering the content 0 tall on every
+ *   later opening.
  *
  * Extends `HlmAccordion` (instead of re-applying `BrnAccordion` and copying the helm's classes
  * by hand) so the helm's `data-slot`, classes and its `BrnAccordion` host directive — including
@@ -1482,8 +1507,9 @@ class YuwAccordion extends HlmAccordion {
             if (!sheet || !this.collapseWithSheet()) {
                 return;
             }
-            sheet.open();
-            untracked(() => this._items().forEach((item) => item.close()));
+            if (sheet.open()) {
+                untracked(() => this._items().forEach((item) => item.close()));
+            }
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: YuwAccordion, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }