@brickclay-org/ui 0.0.54 → 0.0.56

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, Renderer2 } from '@angular/core';
+import { OnInit, OnDestroy, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, QueryList, ElementRef, ComponentRef, Type, InjectionToken, Renderer2, ApplicationRef, EnvironmentInjector } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import * as i1 from '@angular/common';
@@ -1749,8 +1749,15 @@ interface ToastMessage extends ToastConfig {
     leaving: boolean;
 }
 declare class BkToastrService {
+    private readonly appRef;
+    private readonly injector;
     private readonly _toasts;
     readonly toasts: i0.Signal<ToastMessage[]>;
+    private readonly _position;
+    readonly position: i0.Signal<ToastPosition>;
+    private componentRef;
+    constructor(appRef: ApplicationRef, injector: EnvironmentInjector);
+    private initializeContainer;
     /** Show a toast with full config */
     show(config: ToastConfig): string;
     /** Convenience – info toast */
@@ -1772,19 +1779,21 @@ declare class BkToastrService {
     close(id: string): void;
     /** Clear every toast */
     clear(): void;
+    /** Set the position for toast notifications */
+    setPosition(position: ToastPosition): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BkToastrService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BkToastrService>;
 }
 
 declare class BkToastr {
-    position: ToastPosition;
     private readonly svc;
     /** Convert signal → Observable so AsyncPipe triggers change detection reliably */
     readonly toasts$: rxjs.Observable<ToastMessage[]>;
+    readonly position$: rxjs.Observable<ToastPosition>;
     onClose(event: Event, id: string): void;
     onAction(event: Event, t: ToastMessage): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BkToastr, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BkToastr, "bk-toastr", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkToastr, "bk-toastr", never, {}, {}, never, never, true, never>;
 }
 
 export { AvatarProfile, BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BkBadge, BkButton, BkButtonGroup, BkCheckbox, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkValidator, BrickclayIcons, BrickclayLib, CalendarManagerService, CalendarModule, getDialogBackdropAnimation, getDialogPanelAnimation };

package/package.json

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

package/src/lib/select/select.css

@@ -1,87 +1,87 @@
 /* Container */
-.ng-select-container {
+.bk-select-container {
   @apply relative w-full box-border flex flex-col gap-1.5;;
 }
 
 /* Control */
-.ng-select-control {
+.bk-select-control {
   @apply flex items-center justify-between gap-2 w-full bg-white border border-[#E3E3E7] rounded transition-all duration-200 px-3 py-2.5 cursor-pointer;
 
-  &.focused { @apply border-[#6B7080] shadow-none z-10; }
-  &.disabled { @apply bg-[#F4F4F6] cursor-not-allowed opacity-60; }
+  &.bk-focused { @apply border-[#6B7080] shadow-none z-10; }
+  &.bk-disabled { @apply bg-[#F4F4F6] cursor-not-allowed opacity-60; }
 }
 
-.ng-select-control.has-error {
+.bk-select-control.bk-has-error {
   @apply border-[#d11e14];
 }
 
 
 /* Value Container */
-.ng-value-container {
+.bk-value-container {
   @apply flex flex-1 items-center flex-wrap gap-1 relative overflow-hidden h-full;
 }
 
-.ng-placeholder {
+.bk-placeholder {
   @apply text-[#6B7080] font-normal text-sm truncate w-full pointer-events-none;
 }
 
 
 /* --- NEW: Single Value --- */
-.ng-value-label-single {
+.bk-value-label-single {
   @apply font-normal text-sm leading-[18px] text-[#141414] truncate w-full;
 }
 /* --- NEW: Multi Select Chips --- */
 
 /* Badge Item */
-.multi-badge-item {
+.bk-multi-badge-item {
   @apply inline-flex items-center gap-1.5 px-1.5 py-0.5 bg-white border border-[#E3E3E7] rounded-[4px];
 }
 
-.multi-badge-item-text {
+.bk-multi-badge-item-text {
   @apply text-[10px] leading-[14px] font-normal text-[#6B7080];
 }
 
 /* Badge Close Button */
-.multi-badge-close {
+.bk-multi-badge-close {
   @apply  cursor-pointer outline-none w-3 h-3;
 }
 
 /* Actions */
-.ng-actions {
+.bk-actions {
   @apply flex items-center gap-0.5 flex-shrink-0;
 }
-.ng-clear-wrapper { @apply text-gray-400 hover:text-red-500 cursor-pointer; }
-.ng-arrow-wrapper { @apply text-gray-400 transition-transform duration-200; &.open { @apply rotate-180; }}
+.bk-clear-wrapper { @apply text-gray-400 hover:text-red-500 cursor-pointer; }
+.bk-arrow-wrapper { @apply text-gray-400 transition-transform duration-200; &.bk-open { @apply rotate-180; }}
 
 /* Dropdown */
-.custom-ng-dropdown-panel {
+.bk-dropdown-panel {
   @apply absolute left-0 w-full bg-white border border-[#E3E3E7] rounded-xl shadow-lg z-[99] overflow-hidden cursor-default p-2.5;
 }
 
-.ng-dropdown-search { @apply px-2 pt-2;}
-.ng-search-wrapper { @apply flex items-center border border-[#E3E3E7] rounded-md px-3 py-[7px] bg-white transition-colors focus-within:border-[#E3E3E7]; }
-.ng-search-input { @apply w-full outline-none font-normal text-sm text-[#141414] placeholder-[#A1A3AE] bg-transparent;}
+.bk-dropdown-search { @apply px-2 pt-2;}
+.bk-search-wrapper { @apply flex items-center border border-[#E3E3E7] rounded-md px-3 py-[7px] bg-white transition-colors focus-within:border-[#E3E3E7]; }
+.bk-search-input { @apply w-full outline-none font-normal text-sm text-[#141414] placeholder-[#A1A3AE] bg-transparent;}
 
-.ng-options-list { @apply max-h-60 overflow-auto relative flex flex-col gap-0.5;  }
+.bk-options-list { @apply max-h-60 overflow-auto relative flex flex-col gap-0.5;  }
 
 /* Options */
-.ng-option {
+.bk-option {
   @apply flex items-center p-2.5 cursor-pointer transition-colors font-normal text-sm text-[#141414];
-  &:hover, &.marked { @apply bg-[#F8F8F8] rounded-md;}
-  &.selected { @apply bg-[#F8F8F8] rounded-md; }
+  &:hover, &.bk-marked { @apply bg-[#F8F8F8] rounded-md;}
+  &.bk-selected { @apply bg-[#F8F8F8] rounded-md; }
 }
-.grouped .ng-option {
+.bk-grouped .bk-option {
   @apply ps-5;
 }
 
-.ng-option-disabled { @apply px-3 py-2 text-gray-400 cursor-default; }
+.bk-option-disabled { @apply px-3 py-2 text-gray-400 cursor-default; }
 
 
 
 /* ... Previous styles ... */
 
 /* Select All Row (Sticky Top) */
-.select-all-option {
+.bk-select-all-option {
   @apply sticky top-0 z-20 flex items-center px-3 py-2 cursor-pointer border-b border-[#E3E6EE] bg-gray-50 text-[#15191E];
 
   &:hover {
@@ -89,34 +89,34 @@
   }
 }
 
-.custom-ng-dropdown-panel[data-position="top"] {
+.bk-dropdown-panel[data-position="top"] {
   margin-top: 0;
   margin-bottom: 4px;
 }
 
-.select-label {
+.bk-select-label {
   @apply text-sm font-medium text-[#141414] tracking-[-0.28px] inline-block;
 }
 
-.select-label-required {
+.bk-select-label-required {
   @apply text-[#E7000B];
 }
 
 
 /* width */
-.ng-options-list ::-webkit-scrollbar {
+.bk-options-list ::-webkit-scrollbar {
   width: 10px;
 }
 
 /* Track */
-.ng-options-list ::-webkit-scrollbar-track {
+.bk-options-list ::-webkit-scrollbar-track {
   background: transparent;
   border-radius: 8px;
   width: 8px;
 }
 
 /* Handle */
-.ng-options-list ::-webkit-scrollbar-thumb {
+.bk-options-list ::-webkit-scrollbar-thumb {
   background: #D6D7DC;
   border-radius: 8px;
   transition: 0.3s ease-in-out;
@@ -124,30 +124,25 @@
 }
 
 /* Handle on hover */
-.ng-options-list ::-webkit-scrollbar-thumb:hover {
+.bk-options-list ::-webkit-scrollbar-thumb:hover {
   background: #909090;
 }
 
 
-.ng-option-group {
+.bk-option-group {
   @apply px-2.5 py-1 font-bold text-[13px] leading-5 text-[#141414];
 }
 
-.ng-option-group:not(:first-child) {
+.bk-option-group:not(:first-child) {
   @apply mt-4;
 }
 
 /* Error message */
-.select-error {
+.bk-select-error {
   @apply text-xs text-[#E7000B] font-normal;
 }
 
 /* Hint text */
-.select-hint {
+.bk-select-hint {
   @apply text-xs text-[#868997] font-normal;
 }
-
-/* Error message */
-.select-error {
-  @apply text-xs text-[#E7000B] font-normal;
-}