cps-ui-kit 0.54.0 → 0.56.0

package/lib/components/cps-autocomplete/cps-autocomplete.component.d.ts

@@ -6,6 +6,7 @@ import { VirtualScroller } from 'primeng/virtualscroller';
 import { TooltipPosition } from '../../directives/cps-tooltip.directive';
 import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
 import * as i0 from "@angular/core";
+export type CpsAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderless';
 export declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     private _control;
     private _labelByValue;
@@ -37,6 +38,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     infoTooltipMaxWidth: number | string;
     infoTooltipPersistent: boolean;
     infoTooltipPosition: TooltipPosition;
+    appearance: CpsAutocompleteAppearanceType;
     _value: any;
     get value(): any;
     set value(value: any);
@@ -97,5 +99,5 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     private _confirmInput;
     private _removeLastValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "emptyMessage": "emptyMessage"; "virtualScroll": "virtualScroll"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "emptyMessage": "emptyMessage"; "virtualScroll": "virtualScroll"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "appearance": "appearance"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

package/lib/components/cps-datepicker/cps-datepicker.component.d.ts

@@ -4,6 +4,7 @@ import { CpsInputComponent } from '../cps-input/cps-input.component';
 import { TooltipPosition } from '../../directives/cps-tooltip.directive';
 import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
 import * as i0 from "@angular/core";
+export type CpsDatepickerAppearanceType = 'outlined' | 'underlined' | 'borderless';
 export declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, OnDestroy {
     private _control;
     label: string;
@@ -21,6 +22,7 @@ export declare class CpsDatepickerComponent implements ControlValueAccessor, OnI
     infoTooltipMaxWidth: number | string;
     infoTooltipPersistent: boolean;
     infoTooltipPosition: TooltipPosition;
+    appearance: CpsDatepickerAppearanceType;
     minDate: Date;
     maxDate: Date;
     set value(value: Date | null);
@@ -61,5 +63,5 @@ export declare class CpsDatepickerComponent implements ControlValueAccessor, OnI
     focusInput(): void;
     toggleCalendar(show?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsDatepickerComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsDatepickerComponent, "cps-datepicker", never, { "label": "label"; "disabled": "disabled"; "width": "width"; "placeholder": "placeholder"; "hint": "hint"; "clearable": "clearable"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "showTodayButton": "showTodayButton"; "openOnInputFocus": "openOnInputFocus"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "minDate": "minDate"; "maxDate": "maxDate"; "value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsDatepickerComponent, "cps-datepicker", never, { "label": "label"; "disabled": "disabled"; "width": "width"; "placeholder": "placeholder"; "hint": "hint"; "clearable": "clearable"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "showTodayButton": "showTodayButton"; "openOnInputFocus": "openOnInputFocus"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "appearance": "appearance"; "minDate": "minDate"; "maxDate": "maxDate"; "value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

package/lib/components/cps-input/cps-input.component.d.ts

@@ -3,6 +3,7 @@ import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { IconType, iconSizeType } from '../cps-icon/cps-icon.component';
 import { TooltipPosition } from '../../directives/cps-tooltip.directive';
 import * as i0 from "@angular/core";
+export type CpsInputAppearanceType = 'outlined' | 'underlined' | 'borderless';
 export declare class CpsInputComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     private _control;
     elementRef: ElementRef<HTMLElement>;
@@ -27,6 +28,7 @@ export declare class CpsInputComponent implements ControlValueAccessor, OnInit,
     infoTooltipMaxWidth: number | string;
     infoTooltipPersistent: boolean;
     infoTooltipPosition: TooltipPosition;
+    appearance: CpsInputAppearanceType;
     set value(value: string);
     get value(): string;
     valueChanged: EventEmitter<string>;
@@ -63,5 +65,5 @@ export declare class CpsInputComponent implements ControlValueAccessor, OnInit,
     onFocus(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsInputComponent, [{ optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsInputComponent, "cps-input", never, { "label": "label"; "hint": "hint"; "placeholder": "placeholder"; "disabled": "disabled"; "width": "width"; "type": "type"; "loading": "loading"; "clearable": "clearable"; "prefixIcon": "prefixIcon"; "prefixIconClickable": "prefixIconClickable"; "prefixIconSize": "prefixIconSize"; "prefixText": "prefixText"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "error": "error"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "value": "value"; }, { "valueChanged": "valueChanged"; "focused": "focused"; "prefixIconClicked": "prefixIconClicked"; "blurred": "blurred"; "cleared": "cleared"; "enterClicked": "enterClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsInputComponent, "cps-input", never, { "label": "label"; "hint": "hint"; "placeholder": "placeholder"; "disabled": "disabled"; "width": "width"; "type": "type"; "loading": "loading"; "clearable": "clearable"; "prefixIcon": "prefixIcon"; "prefixIconClickable": "prefixIconClickable"; "prefixIconSize": "prefixIconSize"; "prefixText": "prefixText"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "error": "error"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "appearance": "appearance"; "value": "value"; }, { "valueChanged": "valueChanged"; "focused": "focused"; "prefixIconClicked": "prefixIconClicked"; "blurred": "blurred"; "cleared": "cleared"; "enterClicked": "enterClicked"; }, never, never, true, never>;
 }

package/lib/components/cps-menu/cps-menu.component.d.ts

@@ -11,8 +11,11 @@ export type CpsMenuItem = {
     action?: (event?: any) => void;
     icon?: string;
     desc?: string;
+    url?: string;
+    target?: string;
     disabled?: boolean;
 };
+export type CpsMenuAttachPosition = 'tr' | 'br' | 'tl' | 'bl' | 'default';
 export declare class CpsMenuComponent implements AfterViewInit, OnDestroy {
     private document;
     private platformId;
@@ -45,6 +48,7 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy {
     selfClick: boolean;
     target: any;
     scrollHandler: Nullable<ConnectedOverlayScrollHandler>;
+    position: CpsMenuAttachPosition;
     documentResizeListener: VoidListener | null;
     overlayEventListener: Nullable<(event?: any) => void>;
     documentClickListener: VoidListener | null;
@@ -54,8 +58,8 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy {
     targetResizeObserver: ResizeObserver;
     constructor(document: Document, platformId: any, el: ElementRef, renderer: Renderer2, cd: ChangeDetectorRef, zone: NgZone, config: PrimeNGConfig, overlayService: OverlayService);
     ngAfterViewInit(): void;
-    toggle(event?: any, target?: any): void;
-    show(event?: any, target?: any): void;
+    toggle(event?: any, target?: any, pos?: CpsMenuAttachPosition): void;
+    show(event?: any, target?: any, pos?: CpsMenuAttachPosition): void;
     hide(): void;
     isVisible(): boolean;
     onItemClick(event: any, item: CpsMenuItem): void;
@@ -68,6 +72,7 @@ export declare class CpsMenuComponent implements AfterViewInit, OnDestroy {
     hasTargetChanged(event?: any, target?: any): any;
     appendContainer(): void;
     restoreAppend(): void;
+    private _setPosition;
     align(): void;
     onAnimationStart(event: AnimationEvent): void;
     onAnimationEnd(event: AnimationEvent): void;

package/lib/components/cps-select/cps-select.component.d.ts

@@ -5,6 +5,7 @@ import { VirtualScroller } from 'primeng/virtualscroller';
 import { TooltipPosition } from '../../directives/cps-tooltip.directive';
 import { CpsMenuComponent } from '../cps-menu/cps-menu.component';
 import * as i0 from "@angular/core";
+export type CpsSelectAppearanceType = 'outlined' | 'underlined' | 'borderless';
 export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     private _control;
     label: string;
@@ -35,6 +36,7 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     infoTooltipPersistent: boolean;
     infoTooltipPosition: TooltipPosition;
     optionsClass: string;
+    appearance: CpsSelectAppearanceType;
     _value: any;
     set value(value: any);
     get value(): any;
@@ -82,5 +84,5 @@ export declare class CpsSelectComponent implements ControlValueAccessor, OnInit,
     onBlur(): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsSelectComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSelectComponent, "cps-select", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "virtualScroll": "virtualScroll"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "optionsClass": "optionsClass"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSelectComponent, "cps-select", never, { "label": "label"; "placeholder": "placeholder"; "hint": "hint"; "returnObject": "returnObject"; "multiple": "multiple"; "disabled": "disabled"; "width": "width"; "selectAll": "selectAll"; "chips": "chips"; "closableChips": "closableChips"; "clearable": "clearable"; "openOnClear": "openOnClear"; "options": "options"; "optionLabel": "optionLabel"; "optionValue": "optionValue"; "optionInfo": "optionInfo"; "hideDetails": "hideDetails"; "persistentClear": "persistentClear"; "prefixIcon": "prefixIcon"; "prefixIconSize": "prefixIconSize"; "loading": "loading"; "virtualScroll": "virtualScroll"; "infoTooltip": "infoTooltip"; "infoTooltipClass": "infoTooltipClass"; "infoTooltipMaxWidth": "infoTooltipMaxWidth"; "infoTooltipPersistent": "infoTooltipPersistent"; "infoTooltipPosition": "infoTooltipPosition"; "optionsClass": "optionsClass"; "appearance": "appearance"; "_value": "value"; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

package/lib/components/cps-sidebar-menu/cps-sidebar-menu.component.d.ts

@@ -0,0 +1,27 @@
+import { OnInit, QueryList } from '@angular/core';
+import { Router } from '@angular/router';
+import { CpsMenuComponent, CpsMenuItem } from '../cps-menu/cps-menu.component';
+import * as i0 from "@angular/core";
+export type CpsSidebarMenuItem = {
+    title: string;
+    icon: string;
+    url?: string;
+    target?: string;
+    disabled?: boolean;
+    items?: CpsMenuItem[];
+};
+export declare class CpsSidebarMenuComponent implements OnInit {
+    private _router;
+    items: CpsSidebarMenuItem[];
+    expanded: boolean;
+    height: string;
+    allMenus?: QueryList<CpsMenuComponent>;
+    showLabel: boolean;
+    constructor(_router: Router);
+    ngOnInit(): void;
+    toggleMenu(event: any, menu: CpsMenuComponent): void;
+    isActive(item: CpsSidebarMenuItem): boolean;
+    toggleSidebar(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsSidebarMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSidebarMenuComponent, "cps-sidebar-menu", never, { "items": "items"; "expanded": "expanded"; "height": "height"; }, {}, never, never, true, never>;
+}

package/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.d.ts

@@ -3,10 +3,12 @@ import { NgControl } from '@angular/forms';
 import { TreeNode } from 'primeng/api';
 import { CpsTreeDropdownBaseComponent } from '../../base_components/cps-tree-dropdown-base.component';
 import * as i0 from "@angular/core";
+export type CpsTreeAutocompleteAppearanceType = 'outlined' | 'underlined' | 'borderless';
 export declare class CpsTreeAutocompleteComponent extends CpsTreeDropdownBaseComponent implements OnInit, AfterViewInit, OnDestroy {
     control: NgControl;
     cdRef: ChangeDetectorRef;
     emptyMessage: string;
+    appearance: CpsTreeAutocompleteAppearanceType;
     inputText: string;
     backspaceClickedOnce: boolean;
     activeSingle: boolean;
@@ -33,5 +35,5 @@ export declare class CpsTreeAutocompleteComponent extends CpsTreeDropdownBaseCom
     private _confirmInput;
     private _removeLastValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeAutocompleteComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeAutocompleteComponent, "cps-tree-autocomplete", never, { "emptyMessage": "emptyMessage"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeAutocompleteComponent, "cps-tree-autocomplete", never, { "emptyMessage": "emptyMessage"; "appearance": "appearance"; }, {}, never, never, true, never>;
 }

package/lib/components/cps-tree-select/cps-tree-select.component.d.ts

@@ -2,9 +2,11 @@ import { AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit } from '@angular/co
 import { NgControl } from '@angular/forms';
 import { CpsTreeDropdownBaseComponent } from '../../base_components/cps-tree-dropdown-base.component';
 import * as i0 from "@angular/core";
+export type CpsTreeSelectAppearanceType = 'outlined' | 'underlined' | 'borderless';
 export declare class CpsTreeSelectComponent extends CpsTreeDropdownBaseComponent implements OnInit, AfterViewInit, OnDestroy {
     control: NgControl;
     cdRef: ChangeDetectorRef;
+    appearance: CpsTreeSelectAppearanceType;
     constructor(control: NgControl, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -13,5 +15,5 @@ export declare class CpsTreeSelectComponent extends CpsTreeDropdownBaseComponent
     onBoxClick(): void;
     onKeyDown(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeSelectComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeSelectComponent, "cps-tree-select", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeSelectComponent, "cps-tree-select", never, { "appearance": "appearance"; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "0.54.0",
+  "version": "0.56.0",
   "peerDependencies": {
     "@angular/common": "15 - 16",
     "@angular/core": "15 - 16",

package/public-api.d.ts

@@ -21,6 +21,7 @@ export * from './lib/components/cps-expansion-panel/cps-expansion-panel.componen
 export * from './lib/components/cps-progress-circular/cps-progress-circular.component';
 export * from './lib/components/cps-progress-linear/cps-progress-linear.component';
 export * from './lib/components/cps-datepicker/cps-datepicker.component';
+export * from './lib/components/cps-sidebar-menu/cps-sidebar-menu.component';
 export * from './lib/components/cps-textarea/cps-textarea.component';
 export * from './lib/components/cps-button-toggle/cps-button-toggle.component';
 export * from './lib/components/cps-tab-group/cps-tab-group.component';

package/styles/fonts.scss

@@ -0,0 +1,4 @@
+@font-face {
+  font-family: 'Source Sans Pro';
+  src: url(../assets/fonts/SourceSansPro-Regular.ttf) format('truetype');
+}

package/styles/styles.scss

@@ -1,3 +1,4 @@
 @import 'bootstrap-grid';
 @import 'variables.scss';
+@import 'fonts.scss';
 @import 'cps-tooltip-style.scss';

package/styles/variables.scss

@@ -1 +1 @@
-@import '_colors.scss';
+@import 'colors.scss';