@indigina/ui-kit 1.1.12 → 1.1.14

package/lib/components/kit-navigation-menu/kit-navigation-menu.component.d.ts

@@ -0,0 +1,24 @@
+import { KitNavigationMenuItem } from './kit-navigation-menu.model';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import { Router } from '@angular/router';
+import { PanelBarExpandMode } from '@progress/kendo-angular-layout';
+import * as i0 from "@angular/core";
+export declare class KitNavigationMenuComponent {
+    private router;
+    /**
+     * An items list which is going to be rendered as menu items
+     */
+    items: KitNavigationMenuItem[];
+    /**
+     * Defines whether the component will have an animation when collapsing/expanding the menu
+     */
+    animate: boolean;
+    readonly KitSvgIcon: typeof KitSvgIcon;
+    readonly PanelBarExpandMode: typeof PanelBarExpandMode;
+    constructor(router: Router);
+    ngOnInit(): void;
+    private setExpandedStateOnRouterChange;
+    private setExpandedState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitNavigationMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitNavigationMenuComponent, "kit-navigation-menu", never, { "items": { "alias": "items"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/kit-navigation-menu/kit-navigation-menu.model.d.ts

@@ -0,0 +1,9 @@
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+export interface KitNavigationMenuItem {
+    title: string;
+    link?: string;
+    cssClass?: string;
+    icon?: KitSvgIcon;
+    expanded?: boolean;
+    items?: KitNavigationMenuItem[];
+}

package/lib/components/kit-navigation-menu/kit-navigation-menu.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./kit-navigation-menu.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@progress/kendo-angular-layout";
+import * as i4 from "../kit-svg-icon/kit-svg-icon.module";
+import * as i5 from "@angular/router";
+export declare class KitNavigationMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitNavigationMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KitNavigationMenuModule, [typeof i1.KitNavigationMenuComponent], [typeof i2.CommonModule, typeof i3.PanelBarModule, typeof i4.KitSvgIconModule, typeof i5.RouterModule], [typeof i1.KitNavigationMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KitNavigationMenuModule>;
+}

package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts

@@ -67,5 +67,9 @@ export declare enum KitSvgIcon {
     SHIP = "ship",
     CLOCK = "clock",
     FACTORY = "factory",
-    COPY = "copy"
+    COPY = "copy",
+    GEAR_1 = "gear-1",
+    HOUSE = "house",
+    CHART = "chart",
+    CLIP = "clip"
 }

package/package.json

@@ -7,37 +7,37 @@
     "components",
     "shared"
   ],
-  "version": "1.1.12",
+  "version": "1.1.14",
   "peerDependencies": {
-    "@angular/common": "^16.2.8",
-    "@angular/core": "^16.2.8"
+    "@angular/common": "^17.0.7",
+    "@angular/core": "^17.0.7"
   },
   "dependencies": {
-    "@progress/kendo-angular-buttons": "13.5.0",
-    "@progress/kendo-angular-common": "13.5.0",
-    "@progress/kendo-angular-dateinputs": "13.5.0",
-    "@progress/kendo-angular-dropdowns": "13.5.0",
-    "@progress/kendo-angular-icons": "13.5.0",
-    "@progress/kendo-angular-indicators": "13.5.0",
-    "@progress/kendo-angular-inputs": "13.5.0",
-    "@progress/kendo-angular-intl": "13.5.0",
-    "@progress/kendo-angular-l10n": "13.5.0",
-    "@progress/kendo-angular-label": "13.5.0",
-    "@progress/kendo-angular-layout": "13.5.0",
-    "@progress/kendo-angular-menu": "13.5.0",
-    "@progress/kendo-angular-navigation": "13.5.0",
-    "@progress/kendo-angular-popup": "13.5.0",
-    "@progress/kendo-angular-progressbar": "13.5.0",
-    "@progress/kendo-angular-treeview": "13.5.0",
-    "@progress/kendo-angular-tooltip": "13.5.0",
-    "@progress/kendo-angular-dialog": "13.5.0",
-    "@progress/kendo-angular-upload": "13.5.0",
-    "@progress/kendo-drawing": "1.18.0",
-    "@progress/kendo-licensing": "1.3.2",
-    "@progress/kendo-svg-icons": "1.9.0",
+    "@progress/kendo-angular-buttons": "15.0.1",
+    "@progress/kendo-angular-common": "15.0.1",
+    "@progress/kendo-angular-dateinputs": "15.0.1",
+    "@progress/kendo-angular-dropdowns": "15.0.1",
+    "@progress/kendo-angular-icons": "15.0.1",
+    "@progress/kendo-angular-indicators": "15.0.1",
+    "@progress/kendo-angular-inputs": "15.0.1",
+    "@progress/kendo-angular-intl": "15.0.1",
+    "@progress/kendo-angular-l10n": "15.0.1",
+    "@progress/kendo-angular-label": "15.0.1",
+    "@progress/kendo-angular-layout": "15.0.1",
+    "@progress/kendo-angular-menu": "15.0.1",
+    "@progress/kendo-angular-navigation": "15.0.1",
+    "@progress/kendo-angular-popup": "15.0.1",
+    "@progress/kendo-angular-progressbar": "15.0.1",
+    "@progress/kendo-angular-treeview": "15.0.1",
+    "@progress/kendo-angular-tooltip": "15.0.1",
+    "@progress/kendo-angular-dialog": "15.0.1",
+    "@progress/kendo-angular-upload": "15.0.1",
+    "@progress/kendo-drawing": "1.19.0",
+    "@progress/kendo-licensing": "1.3.5",
+    "@progress/kendo-svg-icons": "2.1.0",
     "@progress/kendo-theme-default": "6.7.0",
     "tslib": "2.6.2",
-    "ngx-toastr": "17.0.2"
+    "ngx-toastr": "18.0.0"
   },
   "module": "fesm2022/indigina-ui-kit.mjs",
   "typings": "index.d.ts",

package/public-api.d.ts

@@ -83,3 +83,6 @@ export { KitPermissionModule } from './lib/directives/kit-permission/kit-permiss
 export { KitPermissionDirective } from './lib/directives/kit-permission/kit-permission.directive';
 export { KitCopyTextModule } from './lib/components/kit-copy-text/kit-copy-text.module';
 export { KitCopyTextComponent } from './lib/components/kit-copy-text/kit-copy-text.component';
+export { KitNavigationMenuModule } from './lib/components/kit-navigation-menu/kit-navigation-menu.module';
+export { KitNavigationMenuComponent } from './lib/components/kit-navigation-menu/kit-navigation-menu.component';
+export { KitNavigationMenuItem } from './lib/components/kit-navigation-menu/kit-navigation-menu.model';

package/styles/styles.scss

@@ -11,9 +11,11 @@
 @import "@progress/kendo-theme-default/scss/dialog";
 @import "@progress/kendo-theme-default/scss/skeleton";
 @import "@progress/kendo-theme-default/scss/upload";
+@import "@progress/kendo-theme-default/scss/panelbar";
 @import "ngx-toastr/toastr";
 
 /* styles which need to be included by default into app styles */
 @import "common";
+@import "theming";
 @import "components/tooltip";
 @import "components/toastr";

package/styles/theming.scss

@@ -1,58 +1,5 @@
 @import "colors";
 
-/* functions */
-@function get-css-variable($name, $default: "") {
-  @return var(--#{$name}, $default);
-}
-
-/* mixins */
-@mixin set-css-variable($name, $value) {
-  --#{$name}: #{$value};
-}
-
-@mixin ui-kit-theme($theme: $default-theme) {
-  $merged-theme: map-merge($default-theme, $theme);
-
-  $theme-color-1: map-get($merged-theme, theme-color-1);
-  $theme-color-2: map-get($merged-theme, theme-color-2);
-  $theme-color-3: map-get($merged-theme, theme-color-3);
-  $theme-color-4: map-get($merged-theme, theme-color-4);
-  $theme-color-5: map-get($merged-theme, theme-color-5);
-  $theme-color-6: map-get($merged-theme, theme-color-6);
-  $theme-color-7: map-get($merged-theme, theme-color-7);
-  $theme-color-8: map-get($merged-theme, theme-color-8);
-
-  @include set-css-variable(theme-color-1, $theme-color-1);
-  @include set-css-variable(theme-color-2, $theme-color-2);
-  @include set-css-variable(theme-color-3, $theme-color-3);
-  @include set-css-variable(theme-color-4, $theme-color-4);
-  @include set-css-variable(theme-color-5, $theme-color-5);
-  @include set-css-variable(theme-color-6, $theme-color-6);
-  @include set-css-variable(theme-color-7, $theme-color-7);
-  @include set-css-variable(theme-color-8, $theme-color-8);
-}
-
-/* common */
-$default-theme: (
-  theme-color-1: $color-primary-cobalt,
-  theme-color-2: $color-primary-blue-light,
-  theme-color-3: $color-primary-violet,
-  theme-color-4: $color-primary-cobalt-darker,
-  theme-color-5: $color-primary-cobalt-darkest,
-  theme-color-6: $color-primary-violet-darker,
-  theme-color-7: $color-primary-violet-darkest,
-  theme-color-8: $color-ghost
-);
-
-$theme-color-1: get-css-variable(theme-color-1, $color-primary-cobalt);
-$theme-color-2: get-css-variable(theme-color-2, $color-primary-blue-light);
-$theme-color-3: get-css-variable(theme-color-3, $color-primary-violet);
-$theme-color-4: get-css-variable(theme-color-4, $color-primary-cobalt-darker);
-$theme-color-5: get-css-variable(theme-color-5, $color-primary-cobalt-darkest);
-$theme-color-6: get-css-variable(theme-color-6, $color-primary-violet-darker);
-$theme-color-7: get-css-variable(theme-color-7, $color-primary-violet-darkest);
-$theme-color-8: get-css-variable(theme-color-8, $color-ghost);
-
 /* default theme values */
 :root {
   /* common colors */
@@ -71,11 +18,13 @@ $theme-color-8: get-css-variable(theme-color-8, $color-ghost);
   --ui-kit-color-grey-6: #ebebe4;
   --ui-kit-color-grey-7: #a9a8a8;
   --ui-kit-color-grey-8: #efefef;
+  --ui-kit-color-grey-9: #969696;
 
   --ui-kit-color-green: #00b0ad;
 
   --ui-kit-color-red: #ef3e42;
   --ui-kit-color-red-20: #f8e0e0;
 
-  --ui-kit-color-cobalt: #002a3a;
+  --ui-kit-color-cobalt: #006890;
+  --ui-kit-color-cobalt-darkest: #002a3a;
 }