spiderly 19.3.1 → 19.4.0-preview.1

package/lib/services/{config-base.service.d.ts → config.service.base.d.ts}

@@ -1,13 +1,12 @@
 import { HttpHeaders, HttpParams } from "@angular/common/http";
 import * as i0 from "@angular/core";
-export declare class ConfigBaseService {
+export declare class ConfigServiceBase {
     production: boolean;
     apiUrl: string;
     frontendUrl: string;
     GoogleClientId: string;
     companyName: string;
     primaryColor: string;
-    googleAuth: boolean;
     loginSlug: string;
     accessTokenKey: string;
     refreshTokenKey: string;
@@ -19,6 +18,6 @@ export declare class ConfigBaseService {
     };
     logoPath: string;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigBaseService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ConfigBaseService>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigServiceBase, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ConfigServiceBase>;
 }

package/lib/services/spiderly-transloco-loader.d.ts

@@ -1,11 +1,11 @@
-import { ConfigBaseService } from './config-base.service';
+import { ConfigServiceBase } from './config.service.base';
 import { TranslocoLoader } from '@jsverse/transloco';
 import { HttpClient } from '@angular/common/http';
 import * as i0 from "@angular/core";
 export declare class SpiderlyTranslocoLoader implements TranslocoLoader {
     private http;
     private config;
-    constructor(http: HttpClient, config: ConfigBaseService);
+    constructor(http: HttpClient, config: ConfigServiceBase);
     getTranslation(lang: string): import("rxjs").Observable<Object>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyTranslocoLoader, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SpiderlyTranslocoLoader>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spiderly",
-  "version": "19.3.1",
+  "version": "19.4.0-preview.1",
   "author": "Filip Trivan",
   "license": "MIT",
   "description": "Spiderly Angular Library to use in combination with Spiderly.",

package/public-api.d.ts

@@ -15,7 +15,6 @@ export * from './lib/controls/base-control';
 export * from './lib/controls/base-autocomplete-control';
 export * from './lib/controls/base-dropdown-control';
 export * from './lib/controls/spiderly-controls.module';
-export * from './lib/components/base-details/role-base-details.component';
 export * from './lib/components/base-form/base-form copy';
 export * from './lib/components/card-skeleton/card-skeleton.component';
 export * from './lib/components/auth/partials/login-verification.component';
@@ -78,13 +77,13 @@ export * from './lib/interceptors/jwt.interceptor';
 export * from './lib/interceptors/unauthorized.interceptor';
 export * from './lib/services/api.service.security';
 export * from './lib/services/app-initializer';
-export * from './lib/services/auth-base.service';
+export * from './lib/services/auth.service.base';
 export * from './lib/services/base-form.service';
-export * from './lib/services/config-base.service';
+export * from './lib/services/config.service.base';
 export * from './lib/services/helper-functions';
 export * from './lib/services/spiderly-message.service';
 export * from './lib/services/spiderly-transloco-loader';
 export * from './lib/services/translate-labels-abstract.service';
 export * from './lib/services/validator-abstract.service';
-export * from './lib/services/app-layout-base.service';
+export * from './lib/services/app-layout.service.base';
 export * from './lib/directives/template-type.directive';

package/styles/components/info-card/info-card.component.scss

@@ -1,61 +1,61 @@
-.info-card {
-  background-color: var(--p-primary-100);
-  position: relative;
-  overflow: hidden;
-
-  &__content {
-    display: flex;
-    align-items: center;
-    gap: 21px;
-    position: relative;
-    z-index: 2;
-  }
-
-  &__icon {
-    font-size: 21px;
-    color: var(--p-primary-color);
-  }
-
-  &__header {
-    display: flex;
-    gap: 8px;
-    color: var(--p-primary-color);
-    font-weight: 600;
-    text-align: left;
-    font-size: 17.5px;
-  }
-
-  &__body {
-    text-align: left;
-    margin-top: 8px;
-  }
-
-  &__background-icon {
-    text-align: center;
-    transform: rotate(30deg);
-    color: var(--p-primary-400);
-    opacity: 0.2;
-    position: absolute; 
-    overflow: hidden; 
-    right: -30px; 
-    top: -25px; 
-    z-index: 1;
-    
-    i {
-      font-size: 270px;
-    }
-  }
-}
-
-::ng-deep{
-  html.dark .info-card {
-    background-color: var(--p-primary-950);
-
-    &__header {
-      color: var(--p-primary-400);
-    }
-    &__icon {
-      color: var(--p-primary-400);
-    }
-  }
+.info-card {
+  background-color: var(--p-primary-100);
+  position: relative;
+  overflow: hidden;
+
+  &__content {
+    display: flex;
+    align-items: center;
+    gap: 21px;
+    position: relative;
+    z-index: 2;
+  }
+
+  &__icon {
+    font-size: 21px;
+    color: var(--p-primary-color);
+  }
+
+  &__header {
+    display: flex;
+    gap: 8px;
+    color: var(--p-primary-color);
+    font-weight: 600;
+    text-align: left;
+    font-size: 17.5px;
+  }
+
+  &__body {
+    text-align: left;
+    margin-top: 8px;
+  }
+
+  &__background-icon {
+    text-align: center;
+    transform: rotate(30deg);
+    color: var(--p-primary-400);
+    opacity: 0.2;
+    position: absolute; 
+    overflow: hidden; 
+    right: -30px; 
+    top: -25px; 
+    z-index: 1;
+    
+    i {
+      font-size: 270px;
+    }
+  }
+}
+
+::ng-deep{
+  html.dark .info-card {
+    background-color: var(--p-primary-950);
+
+    &__header {
+      color: var(--p-primary-400);
+    }
+    &__icon {
+      color: var(--p-primary-400);
+    }
+  }
 }

package/styles/components/layout/profile-avatar/profile-avatar.component.scss

@@ -1,9 +1,9 @@
-.side-menu-profile-dialog {
-    right: 26px;
-    top: 60px;
-}
-
-.top-menu-profile-dialog {
-    right: 0px;
-    top: 40px;
+.side-menu-profile-dialog {
+    right: 26px;
+    top: 60px;
+}
+
+.top-menu-profile-dialog {
+    right: 0px;
+    top: 40px;
 }

package/styles/components/layout/topbar/topbar.component.scss

@@ -1,39 +1,39 @@
-.topbar-wrapper {
-  background-color: var(--p-content-background); 
-  width: 100%; 
-  border-bottom: 1px solid var(--p-content-border-color); 
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  position: sticky; 
-  top: 0; 
-  left: 0; 
-  z-index: 1000;
-}
-
-.topbar {
-  max-width: 1100px;
-  margin: auto;
-}
-
-::ng-deep{
-  .show-hover-bg-on-root-items {
-    .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {
-      background-color: transparent !important;
-    }
-  }
-  .p-menubar-item-link {
-    background-color: transparent !important;
-    padding: 10px !important;
-    font-size: 15px !important;
-    .pi {
-      font-size: 15px;
-    }
-  }
-  .p-menubar-button {
-    width: 35px !important;
-    height: 35px !important;
-    .p-icon {
-      width: 16px;
-      height: 16px;
-    }
-  }
+.topbar-wrapper {
+  background-color: var(--p-content-background); 
+  width: 100%; 
+  border-bottom: 1px solid var(--p-content-border-color); 
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  position: sticky; 
+  top: 0; 
+  left: 0; 
+  z-index: 1000;
+}
+
+.topbar {
+  max-width: 1100px;
+  margin: auto;
+}
+
+::ng-deep{
+  .show-hover-bg-on-root-items {
+    .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {
+      background-color: transparent !important;
+    }
+  }
+  .p-menubar-item-link {
+    background-color: transparent !important;
+    padding: 10px !important;
+    font-size: 15px !important;
+    .pi {
+      font-size: 15px;
+    }
+  }
+  .p-menubar-button {
+    width: 35px !important;
+    height: 35px !important;
+    .p-icon {
+      width: 16px;
+      height: 16px;
+    }
+  }
 }

package/styles/components/spiderly-data-table/spiderly-data-table.component.scss

@@ -1,49 +1,49 @@
-.table-header {
-	display: flex;
-	justify-content: space-between; 
-	align-items: center;
-}
-
-@media (max-width: 640px) {
-	.table-header {
-		display: flex;
-		flex-direction: column;
-		align-items: start;
-		gap: 14px;
-	}
-}
-
-.spiderly-table {
-	.p-paginator {
-		padding: 1rem;
-	}
-	.p-paginator-left-content {
-		@media (min-width: 1400px) {			
-			position: absolute;
-			padding: 14px;
-			left: 0;
-		}
-	}
-	.p-paginator-right-content {
-		@media (min-width: 1400px) {			
-			position: absolute;
-			padding: 14px;
-			right: 0;
-		}
-	}
-}
-
-:host {
-	::ng-deep {
-		.p-datatable-thead{
-			position: unset !important;
-		}
-		.p-datatable-header{
-			border-radius: 6px 6px 0 0;
-		}
-		.p-datatable {
-			border-radius: var(--p-content-border-radius);
-			border: 1px solid var(--p-datatable-border-color);
-		}
-	}
+.table-header {
+	display: flex;
+	justify-content: space-between; 
+	align-items: center;
+}
+
+@media (max-width: 640px) {
+	.table-header {
+		display: flex;
+		flex-direction: column;
+		align-items: start;
+		gap: 14px;
+	}
+}
+
+.spiderly-table {
+	.p-paginator {
+		padding: 1rem;
+	}
+	.p-paginator-left-content {
+		@media (min-width: 1400px) {			
+			position: absolute;
+			padding: 14px;
+			left: 0;
+		}
+	}
+	.p-paginator-right-content {
+		@media (min-width: 1400px) {			
+			position: absolute;
+			padding: 14px;
+			right: 0;
+		}
+	}
+}
+
+:host {
+	::ng-deep {
+		.p-datatable-thead{
+			position: unset !important;
+		}
+		.p-datatable-header{
+			border-radius: 6px 6px 0 0;
+		}
+		.p-datatable {
+			border-radius: var(--p-content-border-radius);
+			border: 1px solid var(--p-datatable-border-color);
+		}
+	}
 }

package/styles/components/spiderly-data-view/spiderly-data-view.component.scss

@@ -1,56 +1,56 @@
-
-::ng-deep{
-	.p-datatable-tbody {
-		display: flex;
-		flex-direction: column;
-		gap: 18px;
-	}
-
-	.p-datatable-header {
-		margin-bottom: 36px;
-		border: 0 !important;
-		padding: 0 !important;
-		background-color: transparent !important;
-	}
-
-	.p-paginator {
-		padding: 18px 9px 0px 9px !important;
-	}
-
-	.p-fluid {
-		width: 100% !important;
-	}
-
-	.p-inputtext {
-		width: 100% !important;
-	}
-
-	.p-inputnumber {
-		width: 100% !important;
-	}
-
-	.p-datepicker {
-		width: 100% !important;
-	}
-}
-
-
-.data-view-grid {
-    display: grid;
-    gap: 18px;
-    grid-template-columns: 1fr 1fr 1fr;
-	margin-bottom: 18px;
-}
-
-@media (max-width: 1080px) {
-    .data-view-grid {
-        gap: 12px;
-        grid-template-columns: 1fr 1fr;
-    }
-}
-
-@media (max-width: 500px) {
-    .data-view-grid {
-        grid-template-columns: 1fr;
-    }
+
+::ng-deep{
+	.p-datatable-tbody {
+		display: flex;
+		flex-direction: column;
+		gap: 18px;
+	}
+
+	.p-datatable-header {
+		margin-bottom: 36px;
+		border: 0 !important;
+		padding: 0 !important;
+		background-color: transparent !important;
+	}
+
+	.p-paginator {
+		padding: 18px 9px 0px 9px !important;
+	}
+
+	.p-fluid {
+		width: 100% !important;
+	}
+
+	.p-inputtext {
+		width: 100% !important;
+	}
+
+	.p-inputnumber {
+		width: 100% !important;
+	}
+
+	.p-datepicker {
+		width: 100% !important;
+	}
+}
+
+
+.data-view-grid {
+    display: grid;
+    gap: 18px;
+    grid-template-columns: 1fr 1fr 1fr;
+	margin-bottom: 18px;
+}
+
+@media (max-width: 1080px) {
+    .data-view-grid {
+        gap: 12px;
+        grid-template-columns: 1fr 1fr;
+    }
+}
+
+@media (max-width: 500px) {
+    .data-view-grid {
+        grid-template-columns: 1fr;
+    }
 }

package/styles/components/spiderly-panels/panel-body/panel-body.component.scss

@@ -1,9 +1,9 @@
-.non-grid-panel-bottom-padding{
-	padding-bottom: 14px;
-}
-
-@media (max-width: 600px) {
-	.non-grid-panel-bottom-padding{
-		padding-bottom: 0px;
-	}
+.non-grid-panel-bottom-padding{
+	padding-bottom: 14px;
+}
+
+@media (max-width: 600px) {
+	.non-grid-panel-bottom-padding{
+		padding-bottom: 0px;
+	}
 }

package/styles/components/spiderly-panels/panel-footer/panel-footer.component.scss

@@ -1,17 +1,17 @@
-.spiderly-panel-footer{
-    display: flex; 
-    align-items: center; 
-    justify-content: space-between; 
-    gap: 10px; 
-    border-top: 1px solid var(--p-content-border-color);
-    border-bottom-right-radius: var(--p-content-border-radius);
-    border-bottom-left-radius: var(--p-content-border-radius);
-    padding: 18px;
-}
-
-.buttons-wrapper{
-    gap: 0.5rem;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
+.spiderly-panel-footer{
+    display: flex; 
+    align-items: center; 
+    justify-content: space-between; 
+    gap: 10px; 
+    border-top: 1px solid var(--p-content-border-color);
+    border-bottom-right-radius: var(--p-content-border-radius);
+    border-bottom-left-radius: var(--p-content-border-radius);
+    padding: 18px;
+}
+
+.buttons-wrapper{
+    gap: 0.5rem;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
 }