@sarasanalytics-com/design-system 0.0.163 → 0.0.165

package/interfaces/menu.interface.d.ts

@@ -19,6 +19,8 @@ export interface IMenu {
     itemGroups?: IMenuGroup[];
     customClass?: string;
     className?: string;
+    loading?: boolean;
+    itemGroupsSkeletonConfig?: any;
     overlayConfig?: {
         offsetX?: number;
         offsetY?: number;

package/lib/icon/icon.component.d.ts

@@ -8,6 +8,8 @@ export declare class IconComponent {
     iconService: IconService;
     sanitizer: DomSanitizer;
     img: string;
+    imgWidth: string;
+    imgHeight: string;
     icon?: IconName;
     size: string;
     color: string;
@@ -26,5 +28,5 @@ export declare class IconComponent {
     ngOnChanges(changes: SimpleChanges): void;
     iconClicked(evt: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sa-icon", never, { "img": { "alias": "img"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "href": { "alias": "href"; "required": false; }; "hrefTarget": { "alias": "hrefTarget"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, { "onClickEvent": "onClickEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sa-icon", never, { "img": { "alias": "img"; "required": false; }; "imgWidth": { "alias": "imgWidth"; "required": false; }; "imgHeight": { "alias": "imgHeight"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "iconPath": { "alias": "iconPath"; "required": false; }; "iconUrl": { "alias": "iconUrl"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "href": { "alias": "href"; "required": false; }; "hrefTarget": { "alias": "hrefTarget"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, { "onClickEvent": "onClickEvent"; }, never, never, true, never>;
 }

package/lib/skeleton/skeleton-base.component.d.ts

@@ -2,8 +2,10 @@ import * as i0 from "@angular/core";
 export declare class SkeletonBaseComponent {
     width: string;
     height: string;
+    darkMode: boolean;
+    get isDark(): boolean;
     get getWidth(): string;
     get getHeight(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonBaseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonBaseComponent, "sa-skeleton-base", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonBaseComponent, "sa-skeleton-base", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "darkMode": { "alias": "darkMode"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/skeleton/skeleton-container.component.d.ts

@@ -6,7 +6,7 @@ export declare class SkeletonContainerComponent {
     get containerStyles(): {
         gap: string;
         padding: string;
-        flexDirection: "column" | "row";
+        flexDirection: "row" | "column";
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonContainerComponent, "sa-skeleton-container", never, { "gap": { "alias": "gap"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], true, never>;

package/lib/skeleton/skeleton-loader.component.d.ts

@@ -4,9 +4,10 @@ import * as i0 from "@angular/core";
 export declare class SkeletonLoaderComponent implements OnChanges {
     preset?: keyof typeof SKELETON_PRESETS;
     config?: SkeletonPreset;
+    darkMode?: boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private updateConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "sa-skeleton-loader", never, { "preset": { "alias": "preset"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonLoaderComponent, "sa-skeleton-loader", never, { "preset": { "alias": "preset"; "required": false; }; "config": { "alias": "config"; "required": false; }; "darkMode": { "alias": "darkMode"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/skeleton/skeleton-presets.d.ts

@@ -6,6 +6,7 @@ export interface SkeletonConfig {
     direction?: 'row' | 'column';
     gap?: string;
     items?: SkeletonConfig[];
+    darkMode?: boolean;
 }
 export interface SkeletonPreset {
     items: readonly SkeletonConfig[];
@@ -14,6 +15,7 @@ export interface SkeletonPreset {
         padding?: string;
         direction?: 'row' | 'column';
     };
+    darkMode?: boolean;
 }
 export declare const SKELETON_PRESETS: {
     readonly card: {

package/lib/skeleton/skeleton-shapes.component.d.ts

@@ -2,23 +2,27 @@ import * as i0 from "@angular/core";
 export declare class SkeletonTextComponent {
     width: string;
     height: string;
+    darkMode?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonTextComponent, "sa-skeleton-text", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonTextComponent, "sa-skeleton-text", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "darkMode": { "alias": "darkMode"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class SkeletonCircleComponent {
     size: string;
+    darkMode?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonCircleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonCircleComponent, "sa-skeleton-circle", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonCircleComponent, "sa-skeleton-circle", never, { "size": { "alias": "size"; "required": false; }; "darkMode": { "alias": "darkMode"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class SkeletonRectangleComponent {
     width: string;
     height: string;
+    darkMode?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonRectangleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonRectangleComponent, "sa-skeleton-rectangle", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonRectangleComponent, "sa-skeleton-rectangle", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "darkMode": { "alias": "darkMode"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class SkeletonEllipticalComponent {
     width: string;
     height: string;
+    darkMode?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonEllipticalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonEllipticalComponent, "sa-skeleton-elliptical", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonEllipticalComponent, "sa-skeleton-elliptical", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "darkMode": { "alias": "darkMode"; "required": false; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarasanalytics-com/design-system",
-  "version": "0.0.163",
+  "version": "0.0.165",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"