cats-ui-lib 2.0.5 → 2.0.6

package/index.d.ts

@@ -1062,7 +1062,6 @@ interface TabItem {
     leadingIcon?: string;
     tralingIocn?: string;
     count?: number | string;
-    closable?: boolean;
     isDisable?: boolean;
     isHome?: boolean;
 }
@@ -1118,6 +1117,8 @@ declare class TimestampFilterComponent {
     activePicker: TimeFilterOption | null;
     lastValue: number;
     lastUnit: 'Hours' | 'Days';
+    get normalOptions(): TimeFilterOption[];
+    get customOptions(): TimeFilterOption[];
     ngOnInit(): void;
     getPickerConfig(option: TimeFilterOption): DatePickerConfig;
     selectOption(option: TimeFilterOption): void;
@@ -1135,5 +1136,57 @@ declare class TimestampFilterComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<TimestampFilterComponent, "cats-ui-timestamp-filter", never, { "config": { "alias": "config"; "required": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
-export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, DateTimePickerComponent, InputComponent, InputConfig, MULTI_SELECT_CONTROL_VALUE_ACCESSOR, MULTI_SELECT_CONTROL_VALUE_VALIDATOR, MultiSelectComponent, MultiSelectConfig, OutsideClickDirective, RadioButtonComponent, SINGLE_SELECT_CONTROL_VALUE_ACCESSOR, SINGLE_SELECT_CONTROL_VALUE_VALIDATOR, SearchBoxComponent, SearchConfig, SingleSelectComponent, SingleSelectConfig, TabComponent, TabContentComponent, TabContentDirective, TabHeadingDirective, TabItemComponent, TabsetComponent, TimestampFilterComponent, ToggleConfig, ToogleButtonComponent };
+declare class WizardService {
+    private wizards;
+    activeStep: i0.WritableSignal<any>;
+    stepConfig: i0.WritableSignal<any>;
+    open(wizardId: string, config: any): void;
+    close(wizardId: string): void;
+    nextStep(wizardId: string): void;
+    previousStep(wizardId: string): void;
+    gotoStep(step: number, wizardId: string): void;
+    isOpen(wizardId: string): i0.Signal<any>;
+    getConfig(wizardId: string): i0.Signal<any>;
+    getCurrentStepIndex(wizardId: string): i0.Signal<any>;
+    getCurrentStep(wizardId: string): i0.Signal<any>;
+    getProgress(wizardId: string): i0.Signal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<WizardService>;
+}
+
+declare class WizardStepDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardStepDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WizardStepDirective, "[wizardStep]", never, {}, {}, never, never, true, never>;
+}
+
+declare class WizardComponent {
+    private commonService;
+    wizardId: string;
+    title: string;
+    closed: EventEmitter<void>;
+    stepTemplates: QueryList<WizardStepDirective>;
+    showProgressBar: boolean;
+    showStepBadge: boolean;
+    expandable: boolean;
+    isExpanded: boolean;
+    toggleExpand(): void;
+    steps: any;
+    activeStep: any;
+    templates: WizardStepDirective[];
+    constructor(commonService: WizardService);
+    ngAfterContentInit(): void;
+    get currentStepIndex(): number;
+    get wizardSteps(): any[];
+    get currentTemplate(): i0.TemplateRef<any>;
+    get currentStepLabel(): string;
+    get currentStepNumber(): number;
+    goToStep(step: number): void;
+    closeModal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardComponent, "cats-ui-wizard", never, { "wizardId": { "alias": "wizardId"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showProgressBar": { "alias": "showProgressBar"; "required": false; }; "showStepBadge": { "alias": "showStepBadge"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; }, { "closed": "closed"; }, ["stepTemplates"], never, true, never>;
+}
+
+export { AccordionComponent, AccordionItemComponent, AutoCompleteMultiSelectComponent, AutoCompleteMultiSelectConfig, AutoCompleteSingleSelectComponent, AutoCompleteSingleSelectConfig, CatsUiService, CatsUiTooltipDirective, CheckBoxConfig, CheckBoxSubtask, CheckboxButtonComponent, CustomDatePickerComponent, DROPDOWN_CONTROL_VALUE_ACCESSOR, DROPDOWN_CONTROL_VALUE_VALIDATOR, DateTimePickerComponent, InputComponent, InputConfig, MULTI_SELECT_CONTROL_VALUE_ACCESSOR, MULTI_SELECT_CONTROL_VALUE_VALIDATOR, MultiSelectComponent, MultiSelectConfig, OutsideClickDirective, RadioButtonComponent, SINGLE_SELECT_CONTROL_VALUE_ACCESSOR, SINGLE_SELECT_CONTROL_VALUE_VALIDATOR, SearchBoxComponent, SearchConfig, SingleSelectComponent, SingleSelectConfig, TabComponent, TabContentComponent, TabContentDirective, TabHeadingDirective, TabItemComponent, TabsetComponent, TimestampFilterComponent, ToggleConfig, ToogleButtonComponent, WizardComponent, WizardService, WizardStepDirective };
 export type { CalenderView, DateConfig, DatePickerConfig, DatePickerMode, DateRange, DateTimeResult, FilterType, RadioButtonConfig, TabConfig, TabItem, TimeFilterConfig, TimeFilterOption, TimeFilterOutput };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cats-ui-lib",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "peerDependencies": {
     "@angular/core": ">=18 <22",
     "@angular/common": ">=18 <22"

package/styles/_utilities.scss

@@ -17,7 +17,7 @@
 }
 
 // ------------------Button Styles--------------------
-button {
+button.button {
   border: rem(1px) solid transparent;
   padding: 0 rem(28px);
   height: rem(56px);
@@ -230,7 +230,6 @@ button {
   font-weight: 600;
 }
 
-
 /* Padding Classes (sp prefix) */
 .sp-0 {
   padding: rem(0px);
@@ -801,6 +800,79 @@ button {
   border-radius: rem(36px);
 }
 
-.br-200{
+.br-200 {
   border-radius: rem(200px);
-}
+}
+
+// ------------------Checkbox Styles--------------------
+.checkbox-container {
+  @include flex(flex-start, center, rem(8px));
+  @include fontStyle(var(--fs-16), rem(20px), 400);
+  margin-bottom: rem(8px);
+  color: var(--text-heading-primary);
+
+  input[type="checkbox"] {
+    appearance: none;
+    -webkit-appearance: none;
+    @include box(rem(16px), rem(16px));
+    min-width: rem(16px);
+    @include border();
+    cursor: pointer;
+    background-color: var(--surface-background-canvas);
+    position: relative;
+    transition: all 0.2s ease;
+
+    // --- Default (unchecked) ---
+    &::after {
+      content: "";
+      display: none;
+      position: absolute;
+      @include position(rem(-1px), rem(-1px));
+      @include box(rem(16px), rem(16px));
+      background-size: auto;
+      background-repeat: no-repeat;
+      background-position: center;
+    }
+    // --- Checked State ---
+    &:checked {
+      border-color: var(--border-interaction-focus);
+      background-color: var(--surface-action-default);
+      &::after {
+        display: block;
+        background-image: url("/images/check-white.svg");
+        background-size: rem(8px) rem(6px);
+      }
+    }
+    // --- Indeterminate (minus) state ---
+    &:indeterminate {
+      border-color: var(--border-interaction-focus);
+      background-color: var(--surface-background-canvas);
+      &::after {
+        display: block;
+        top: 0;
+        background-image: url("/images/minus-blue.svg");
+        background-size: rem(7px) rem(1px);
+      }
+    }
+    // Disabled (unchecked)
+    &:disabled {
+      cursor: default;
+      background-color: var(--surface-background-default);
+      border-color: var(--border-core-muted);
+      & + span {
+        color: var(--text-body-muted);
+      }
+    }
+
+    //  Disabled + Checked (IMPORTANT)
+    &:checked:disabled {
+      background-color: var(--surface-background-default);
+      border-color: var(--border-core-muted);
+
+      &::after {
+        display: block;
+        background-image: url("/images/check-disabled.svg");
+      }
+    }
+  }
+}