@brickclay-org/ui 0.0.44 → 0.0.46

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, QueryList, ElementRef, ComponentRef, Type, InjectionToken } from '@angular/core';
+import { OnInit, OnDestroy, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, QueryList, ElementRef, ComponentRef, Type, InjectionToken, Renderer2 } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import * as i1 from '@angular/common';
@@ -646,7 +646,7 @@ declare class BkSelect implements ControlValueAccessor {
     disabled: i0.ModelSignal<boolean>;
     loading: i0.InputSignal<boolean>;
     closeOnSelect: i0.InputSignal<boolean>;
-    dropdownPosition: i0.InputSignal<"bottom" | "top">;
+    dropdownPosition: i0.InputSignal<"top" | "bottom">;
     hasError: boolean;
     errorMessage: string;
     appendToBody: i0.InputSignal<boolean>;
@@ -1517,5 +1517,30 @@ declare function getDialogBackdropAnimation(enterDuration: number, leaveDuration
     leave: AnimationKeyframes;
 };
 
-export { BkBadge, BkButton, BkButtonGroup, BkCheckbox, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogTitle, BkGrid, BkIconButton, BkInput, BkInputChips, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToggle, BrickclayIcons, BrickclayLib, CalendarManagerService, CalendarModule, DEFAULT_DIALOG_CONFIG, DIALOG_DATA, DIALOG_GLOBAL_CONFIG, DialogRef, DialogService, getDialogBackdropAnimation, getDialogPanelAnimation };
+declare class BKTooltipDirective implements OnInit, OnChanges, OnDestroy {
+    private el;
+    private renderer;
+    tooltipContent: string | string[];
+    tooltipPosition: 'left' | 'right' | 'top' | 'bottom';
+    private tooltipElement;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    updateTooltipContent(): void;
+    appendContent(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onWindowChange(): void;
+    private isTooltipContentEmpty;
+    private createTooltip;
+    private setTooltipPosition;
+    private setTriangleStyles;
+    private removeTooltip;
+    private setStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BKTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BKTooltipDirective, "[bkTooltip]", never, { "tooltipContent": { "alias": "bkTooltip"; "required": false; }; "tooltipPosition": { "alias": "bkTooltipPosition"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { BKTooltipDirective, BkBadge, BkButton, BkButtonGroup, BkCheckbox, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogTitle, BkGrid, BkIconButton, BkInput, BkInputChips, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToggle, BrickclayIcons, BrickclayLib, CalendarManagerService, CalendarModule, DEFAULT_DIALOG_CONFIG, DIALOG_DATA, DIALOG_GLOBAL_CONFIG, DialogRef, DialogService, getDialogBackdropAnimation, getDialogPanelAnimation };
 export type { AnimationKeyframes, BadgeColor, BadgeSize, BadgeVariant, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputType, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, ButtonSize, ButtonVariant, CalendarRange, CalendarSelection, CountryOption, DialogAnimation, DialogConfig, DialogPosition, GroupItem, GroupMode, IconButtonSize, IconButtonVariant, IconOrientation, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TabItem, TableAction, TableColumn, TimeConfiguration };

package/package.json

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

package/src/lib/tooltip/tooltip-directive.css

@@ -0,0 +1,35 @@
+/* Tooltip Directive */
+.bk-tooltip-content {
+  background-color: #000;
+  color: #fff;
+  padding: 8px 12px;
+  border-radius: 8px;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 18px;
+  position: absolute;
+  font-family: 'Inter', sans-serif !important;
+  max-width: 300px;
+}
+.bk-tooltip-content .text {
+  margin-bottom: 0;
+  word-break: break-all;
+}
+.bk-tooltip-content .text:last-child{
+  margin-bottom: 0;
+}
+.bk-divider {
+  display: block;
+  height: 1px;
+  margin: 8px 0;
+  background-color: #FFFFFF1A;
+}
+
+.bk-tooltip-triangle {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 8px;
+  pointer-events: none;
+}

package/src/styles.css

@@ -15,3 +15,4 @@
 @import './lib/input-chips/input-chips.css';
 @import './lib/tabs/tabs.css';
 @import './lib/dialog/dialog-container.css';
+@import './lib/tooltip/tooltip-directive.css';