@brickclay-org/ui 0.1.84 → 0.1.85

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { EventEmitter, OnInit, OnDestroy, OnChanges, ElementRef, Renderer2, SimpleChanges, AfterViewInit, QueryList, ComponentRef, Type, InjectionToken, ApplicationRef, EnvironmentInjector, ChangeDetectorRef, TemplateRef, WritableSignal } from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy, OnChanges, ElementRef, Renderer2, SimpleChanges, AfterViewInit, QueryList, ComponentRef, Type, InjectionToken, NgZone, ApplicationRef, EnvironmentInjector, ChangeDetectorRef, TemplateRef, WritableSignal } from '@angular/core';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, NgControl, NgModel } from '@angular/forms';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
@@ -1060,7 +1060,7 @@ declare class BkSelect implements ControlValueAccessor, AfterViewInit, OnDestroy
     dropdownView: _angular_core.InputSignal<"list" | "grid">;
     gridColumns: _angular_core.InputSignal<BkSelectGridColumn[]>;
     /** Grid density. `inherit` follows the trigger's existing `variation`. */
-    gridVariation: _angular_core.InputSignal<"default" | "sm" | "inherit">;
+    gridVariation: _angular_core.InputSignal<"sm" | "default" | "inherit">;
     /** Stage multi-grid changes until Apply is clicked. */
     gridSelectionActions: _angular_core.InputSignal<boolean>;
     gridMinWidth: _angular_core.InputSignal<string>;
@@ -2156,9 +2156,45 @@ declare function getDialogBackdropAnimation(enterDuration: number, leaveDuration
     leave: BkAnimationKeyframes;
 };
 
-declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy {
+/** A tooltip that reacts to interaction/viewport changes while it is on screen. */
+interface BkTooltipDismissible {
+    hideOnGlobalInteraction(): void;
+    repositionOnViewportChange(): void;
+}
+/**
+ * Shared document/window listeners for `bkTooltip`.
+ *
+ * Every directive instance used to declare its own `document:mousedown`,
+ * `window:scroll` and `window:resize` host listeners. On dense screens (the ticket
+ * documents page renders several hundred tooltip hosts) a single click therefore ran
+ * several hundred handlers and — because host listeners mark their view dirty —
+ * forced a full application change-detection pass, which is what made rapid clicking
+ * lock up the page.
+ *
+ * Only a tooltip that is currently visible has anything to do, so tooltips subscribe
+ * while shown and unsubscribe when hidden. The listeners are attached outside the
+ * Angular zone: they only mutate tooltip styles through `Renderer2`, so no change
+ * detection is required.
+ */
+declare class BkTooltipInteractionService {
+    private readonly zone;
+    private readonly visibleTooltips;
+    private listenersAttached;
+    constructor(zone: NgZone);
+    /** Called when a tooltip becomes visible. */
+    register(tooltip: BkTooltipDismissible): void;
+    /** Called when a tooltip is hidden or destroyed. */
+    unregister(tooltip: BkTooltipDismissible): void;
+    private attachListeners;
+    private forEachVisible;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkTooltipInteractionService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BkTooltipInteractionService>;
+}
+
+declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy, BkTooltipDismissible {
     private el;
     private renderer;
+    private tooltipInteraction;
     tooltipContent: string | string[];
     tooltipPosition: 'left' | 'right' | 'top' | 'bottom';
     scrollable: boolean;
@@ -2170,7 +2206,8 @@ declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy {
     private isHoveringTooltip;
     private hideTimeout;
     private tooltipListeners;
-    constructor(el: ElementRef, renderer: Renderer2);
+    private isRegisteredWithInteractionService;
+    constructor(el: ElementRef, renderer: Renderer2, tooltipInteraction: BkTooltipInteractionService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -2178,8 +2215,12 @@ declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy {
     appendContent(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
-    onInteract(): void;
-    onWindowChange(): void;
+    /** @see BkTooltipInteractionService — shared document/window listeners */
+    hideOnGlobalInteraction(): void;
+    /** @see BkTooltipInteractionService — shared document/window listeners */
+    repositionOnViewportChange(): void;
+    private registerWithInteractionService;
+    private unregisterFromInteractionService;
     private isTooltipContentEmpty;
     /** Snap-hide with no fade: used when something else (a dropdown panel, another
      *  tooltip) is opening right now, so the two never visibly overlap mid-fade. */
@@ -4217,5 +4258,5 @@ declare class BkTreeDrag<T = any> extends BkTableDrag implements OnDestroy {
 
 declare const BK_TABLE: readonly [typeof BkTable, typeof BkTableTitle, typeof BkTableFooter, typeof BkVirtualScroll, typeof BkTh, typeof BkTd, typeof BkTrExpand, typeof BkTableSummary, typeof BkTableDrag, typeof BkDragHandle, typeof BkTreeDrag];
 
-export { BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BK_TABLE, BkAvatar, BkAvatarGroup, BkAvatarUploader, BkBadge, BkBreadcrumb, BkButton, BkButtonGroup, BkCalendarManagerService, BkCheckbox, BkColumnFilterService, BkColumnSelect, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkDragHandle, BkDropdown, BkFileCard, BkFilePicker, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkLoader, BkMenu, BkPagination, BkPill, BkPopover, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTable, BkTableDrag, BkTableFooter, BkTableSummary, BkTableTitle, BkTabs, BkTd, BkTextarea, BkTh, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkTrExpand, BkTreeDrag, BkValidator, BkVirtualScroll, BrickclayIcons, BrickclayLib, CalendarModule, CalendarSelection, ColumnFilterOption, NEUTRAL_APPEARANCE, POPOVER_PLACEMENTS, computePopoverPosition, containsBkTreeNode, deriveAppearance, flattenBkTreeData, getDialogBackdropAnimation, getDialogPanelAnimation, joinPlacement, moveBkTreeNode, normalizeBkTableSize, parseColor, splitPlacement };
-export type { AvatarFallback, AvatarGroupItem, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkCellAlign, BkColumnRef, BkColumnSelectPosition, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkFilterFn, BkFilterOption, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputSize, BkInputType, BkLoaderVariant, BkPageSize, BkPageSizeVisibility, BkSelectGridColumn, BkSortDirection, BkSortFn, BkSortOrder, BkTableNoResult, BkTableQueryParams, BkTableScroll, BkTableSelection, BkTableSize, BkTableSizeToken, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, BkTreeDragScope, BkTreeDropEvent, BkTreeDropPosition, BkTreeRow, BreadcrumbItem, ButtonSize, ButtonVariant, CalendarRange, ColorAppearance, ColorFill, CountryOption, CustomRangesConfig, DotPosition, DotStatus, DropdownItem, DropdownPlacement, DropdownSize, DropdownTrigger, DropdownVariant, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, MenuItem, MenuOrientation, MenuPopupSide, MenuSize, MenuSubmenuMode, MenuTrigger, PillColor, PillSize, PillVariant, PopoverAlign, PopoverPlacement, PopoverPosition, PopoverPositionOptions, PopoverSide, Rect, ScheduledDateSelection, Size, SortDirection, SpinnerSize, TabIconDirection, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TableRows, TabsColors, TabsOrientation, TabsVariant, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };
+export { BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BK_TABLE, BkAvatar, BkAvatarGroup, BkAvatarUploader, BkBadge, BkBreadcrumb, BkButton, BkButtonGroup, BkCalendarManagerService, BkCheckbox, BkColumnFilterService, BkColumnSelect, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkDragHandle, BkDropdown, BkFileCard, BkFilePicker, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkLoader, BkMenu, BkPagination, BkPill, BkPopover, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTable, BkTableDrag, BkTableFooter, BkTableSummary, BkTableTitle, BkTabs, BkTd, BkTextarea, BkTh, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkTooltipInteractionService, BkTrExpand, BkTreeDrag, BkValidator, BkVirtualScroll, BrickclayIcons, BrickclayLib, CalendarModule, CalendarSelection, ColumnFilterOption, NEUTRAL_APPEARANCE, POPOVER_PLACEMENTS, computePopoverPosition, containsBkTreeNode, deriveAppearance, flattenBkTreeData, getDialogBackdropAnimation, getDialogPanelAnimation, joinPlacement, moveBkTreeNode, normalizeBkTableSize, parseColor, splitPlacement };
+export type { AvatarFallback, AvatarGroupItem, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkCellAlign, BkColumnRef, BkColumnSelectPosition, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkFilterFn, BkFilterOption, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputSize, BkInputType, BkLoaderVariant, BkPageSize, BkPageSizeVisibility, BkSelectGridColumn, BkSortDirection, BkSortFn, BkSortOrder, BkTableNoResult, BkTableQueryParams, BkTableScroll, BkTableSelection, BkTableSize, BkTableSizeToken, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, BkTooltipDismissible, BkTreeDragScope, BkTreeDropEvent, BkTreeDropPosition, BkTreeRow, BreadcrumbItem, ButtonSize, ButtonVariant, CalendarRange, ColorAppearance, ColorFill, CountryOption, CustomRangesConfig, DotPosition, DotStatus, DropdownItem, DropdownPlacement, DropdownSize, DropdownTrigger, DropdownVariant, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, MenuItem, MenuOrientation, MenuPopupSide, MenuSize, MenuSubmenuMode, MenuTrigger, PillColor, PillSize, PillVariant, PopoverAlign, PopoverPlacement, PopoverPosition, PopoverPositionOptions, PopoverSide, Rect, ScheduledDateSelection, Size, SortDirection, SpinnerSize, TabIconDirection, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TableRows, TabsColors, TabsOrientation, TabsVariant, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickclay-org/ui",
-  "version": "0.1.84",
+  "version": "0.1.85",
   "schematics": "./schematics/collection.json",
   "ng-add": {
     "save": "dependencies"

package/src/assets/icons/dollar-icon-script.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.3231 9.64369V12.858C10.4542 12.7564 10.9302 12.1229 10.9302 11.2862C10.9302 10.4804 10.56 10.0037 9.3231 9.64369ZM8.35882 8.03655V5.14369C7.30678 5.27709 6.75167 5.89262 6.75167 6.56762C6.75167 7.24262 7.1901 7.73987 8.35882 8.03655ZM9.27167 8.27344L9.61625 8.36248C11.5037 8.81537 12.5374 9.61702 12.5374 11.1981C12.5374 13.0168 11.1019 14.0486 9.27167 14.1823V15.4294H8.46071V14.1823C6.63757 14.0412 5.195 12.9798 5.14453 11.1981H6.63017C6.75939 12.0666 7.30517 12.705 8.46071 12.831V9.59516L8.16628 9.52091C6.34314 9.0828 5.35989 8.23648 5.35989 6.72962C5.35989 5.06687 6.65203 3.96823 8.46071 3.82712V2.57227H9.27167V3.8268C11.0659 3.9753 12.3651 5.08873 12.4226 6.77398H10.9296C10.8364 5.83862 10.1903 5.29669 9.27167 5.17777V8.27344Z" fill="#6D7793"/>
+</svg>

package/src/assets/icons/dollar-icon-thin.svg

@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.61453 15.375V13.8495C7.97103 13.7665 7.41828 13.5438 6.95628 13.1813C6.49428 12.8188 6.15078 12.3173 5.92578 11.6768L6.62103 11.3737C6.83753 11.9352 7.13503 12.3678 7.51353 12.6713C7.89203 12.9748 8.40503 13.126 9.05253 13.125C9.62253 13.125 10.1435 12.983 10.6155 12.699C11.0875 12.415 11.3233 11.957 11.3228 11.325C11.3228 10.7915 11.1493 10.363 10.8023 10.0395C10.4548 9.716 9.80528 9.40125 8.85378 9.09525C7.88428 8.78675 7.20203 8.43425 6.80703 8.03775C6.41203 7.64075 6.21453 7.124 6.21453 6.4875C6.21453 5.7905 6.48178 5.23375 7.01628 4.81725C7.55078 4.40125 8.08328 4.17625 8.61378 4.14225V2.625H9.36378V4.14225C9.88328 4.19425 10.3293 4.33825 10.7018 4.57425C11.0743 4.81025 11.3833 5.146 11.6288 5.5815L10.962 5.922C10.7835 5.599 10.5375 5.3375 10.224 5.1375C9.91053 4.9375 9.51153 4.8375 9.02703 4.8375C8.44803 4.8375 7.95953 4.99075 7.56153 5.29725C7.16353 5.60325 6.96453 6 6.96453 6.4875C6.96453 6.948 7.12778 7.321 7.45428 7.6065C7.78128 7.8925 8.43628 8.19075 9.41928 8.50125C10.3293 8.78925 10.9993 9.1595 11.4293 9.612C11.8583 10.0645 12.0728 10.6325 12.0728 11.316C12.0728 12.069 11.8078 12.6673 11.2778 13.1108C10.7478 13.5543 10.1098 13.8032 9.36378 13.8577V15.375H8.61453Z" fill="#6D7793"/>
+</svg>

package/src/assets/icons/dollar-icon.svg

@@ -1,5 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 1.66666C5.39763 1.66666 1.66667 5.39762 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39762 14.6024 1.66666 10 1.66666Z" stroke="#A1A3AE" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10 5.83334V14.1667" stroke="#A1A3AE" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.5 7.91666C12.5 6.85609 11.3807 5.99999 10 5.99999C8.61931 5.99999 7.5 6.85609 7.5 7.91666C7.5 8.97723 8.61931 9.83332 10 9.83332C11.3807 9.83332 12.5 10.6894 12.5 11.75C12.5 12.8106 11.3807 13.6667 10 13.6667C8.61931 13.6667 7.5 12.8106 7.5 11.75" stroke="#A1A3AE" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.01795 15.75C8.80545 15.75 8.62745 15.678 8.48395 15.534C8.34045 15.39 8.26845 15.212 8.26795 15V14.1375C7.70545 14.0125 7.2117 13.7938 6.7867 13.4813C6.3617 13.1688 6.01795 12.7313 5.75545 12.1688C5.66795 11.9938 5.66495 11.8095 5.74645 11.616C5.82795 11.4225 5.9747 11.2818 6.1867 11.1938C6.3617 11.1188 6.54296 11.122 6.73046 11.2035C6.91796 11.285 7.0617 11.4193 7.1617 11.6063C7.3742 11.9813 7.64295 12.2658 7.96795 12.4598C8.29295 12.6538 8.69296 12.7505 9.16796 12.75C9.68046 12.75 10.1147 12.6345 10.4707 12.4035C10.8267 12.1725 11.005 11.813 11.0055 11.325C11.0055 10.8875 10.868 10.5408 10.593 10.2848C10.318 10.0288 9.68045 9.738 8.68045 9.4125C7.60545 9.075 6.86795 8.672 6.46795 8.2035C6.06795 7.735 5.86795 7.163 5.86795 6.4875C5.86795 5.675 6.13045 5.04375 6.65545 4.59375C7.18045 4.14375 7.71795 3.8875 8.26795 3.825V3C8.26795 2.7875 8.33995 2.60925 8.48395 2.46525C8.62795 2.32125 8.80595 2.2495 9.01795 2.25C9.22995 2.2505 9.4082 2.3225 9.5527 2.466C9.6972 2.6095 9.76895 2.7875 9.76795 3V3.825C10.243 3.9 10.6555 4.05325 11.0055 4.28475C11.3555 4.51625 11.643 4.8005 11.868 5.1375C11.9805 5.3 12.0025 5.48125 11.934 5.68125C11.8655 5.88125 11.7247 6.025 11.5117 6.1125C11.3367 6.1875 11.1555 6.19075 10.968 6.12225C10.7805 6.05375 10.6055 5.93175 10.443 5.75625C10.2805 5.58075 10.0897 5.4465 9.8707 5.3535C9.6517 5.2605 9.37995 5.2135 9.05545 5.2125C8.50545 5.2125 8.0867 5.3345 7.7992 5.5785C7.5117 5.8225 7.36795 6.1255 7.36795 6.4875C7.36795 6.9 7.55545 7.225 7.93045 7.4625C8.30545 7.7 8.95546 7.95 9.88046 8.2125C10.743 8.4625 11.3962 8.8595 11.8402 9.4035C12.2842 9.9475 12.506 10.5755 12.5055 11.2875C12.5055 12.175 12.243 12.85 11.718 13.3125C11.193 13.775 10.543 14.0625 9.76795 14.175V15C9.76795 15.2125 9.69596 15.3908 9.55196 15.5348C9.40796 15.6788 9.22995 15.7505 9.01795 15.75Z" fill="#A1A3AE"/>
 </svg>