spiderly 19.2.0 → 19.3.0-preview.0

package/styles/styles/shared.scss

@@ -1,108 +1,12 @@
 @use './layout/variables' as *;
 
-.spiderly-panel{
-	.p-panel-content{
-		padding: 0;
-	}
-}
-
-.buttons-wrapper{
-    gap: 0.5rem;
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-}
-
-.multiple-panel-first-without-header{
-	.p-panel {
-		border-bottom-left-radius: 0px;
-		border-bottom-right-radius: 0px;
-		border-top: 1px solid var(--surface-border);
-		border-top-left-radius: var(--p-content-border-radius);
-		border-top-right-radius: var(--p-content-border-radius);
-		border-bottom: none;
-	}
-}
-
-.multiple-panel-middle-without-header{
-	.p-panel {
-		border-bottom-left-radius: 0px;
-		border-bottom-right-radius: 0px;
-		border-top: 1px solid var(--surface-border);
-		border-top-left-radius: 0px;
-		border-top-right-radius: 0px;
-		border-bottom: none;
-	}
-}
-
-.multiple-panel-last-without-header{
-	.p-panel {
-		border-bottom-left-radius: var(--p-content-border-radius);
-		border-bottom-right-radius: var(--p-content-border-radius);
-		border-top: 1px solid var(--surface-border);
-		border-top-left-radius: 0px;
-		border-top-right-radius: 0px;
-	}
-}
-
-.multiple-panel-first{
-	.p-panel {
-		border-bottom-left-radius: 0px;
-		border-bottom-right-radius: 0px;
-		border-bottom: none;
-	}
-}
-
-.panel-border{
-	.p-panel {
-		border-bottom-left-radius: var(--p-content-border-radius);
-		border-bottom-right-radius: var(--p-content-border-radius);
-		border-bottom: 1px solid var(--surface-border);
-	}
-}
-
-.multiple-panel-middle {
-	.p-panel {
-		border-radius: 0px;
-		border-bottom: none;
-	}
-}
-
-.multiple-panel-last {
-	.p-panel {
-		border-top-left-radius: 0px;
-		border-top-right-radius: 0px;
-	}
-}
-
-.non-grid-panel-bottom-padding{
-	padding-bottom: 14px;
-}
-
-@media (max-width: 600px) {
-	.non-grid-panel-bottom-padding{
-		padding-bottom: 0px;
-	}
-}
-
-.panel-body-wrapper{
-	padding: 18px; 
-}
-
-@media (max-width: 600px) {
-	.panel-body-wrapper{
-		padding: 14px; 
-		padding-bottom: 0px;
-	}
-}
-
 @media (max-width: 600px) {
 	.panel-add-button{
 		margin-bottom: 14px;
 	}
 }
 
-.c-dashboard-item {
+.spiderly-dashboard-item {
 	position: relative;
 	display: flex;
 	flex-direction: column;
@@ -280,7 +184,7 @@
 	width: 100%;
 }
 
-// FT: You need to manually adjust the height
+// You need to manually adjust the height
 .vertical-gray-separator{
 	border-left: 1px solid var(--p-content-border-color);
 }
@@ -305,10 +209,6 @@
 	}
 }
 
-.header{
-	font-size: 17.5px;
-}
-
 .header-separator{
 	margin-top: 7px;
 	border-top: 3px solid var(--p-primary-color);
@@ -441,8 +341,8 @@
 	height: 30px;
 	padding: 5px;
 
-	background: var(--primary-dark-color);
-	border: 1px solid var(--primary-dark-color);
+	background: var(--p-primary-color);
+	border: 1px solid var(--p-primary-color);
 	color: white;
 	text-align: center;
 	margin-right: 16px;
@@ -524,7 +424,7 @@
 	inset-inline-end: -9px !important;
 }
 
-.gradient-title {
+.spiderly-gradient-title {
   font-weight: bold;
   display: inline-block;
   white-space: normal;
@@ -547,4 +447,38 @@ ul, ol {
   padding-left: 25px;
   margin-top: 10px;
   margin-bottom: 10px;
+}
+
+$grid-columns: 8;
+$grid-gap: 2rem;
+$breakpoints: (
+  sm: 640px,
+  md: 768px,
+  lg: 1024px
+);
+
+.spiderly-grid {
+  display: grid;
+  grid-template-columns: repeat($grid-columns, 1fr);
+  gap: $grid-gap;
+  padding: 1rem 0;
+}
+
+@for $i from 1 through $grid-columns {
+  .col-#{$i} {
+    grid-column: span #{$i};
+	flex: unset;
+	padding: unset;
+	width: unset;
+  }
+}
+
+@each $breakpoint, $size in $breakpoints {
+  @media (min-width: #{$size}) {
+    @for $i from 1 through $grid-columns {
+      .#{$breakpoint}\:col-#{$i} {
+        grid-column: span #{$i};
+      }
+    }
+  }
 }

package/lib/components/auth/partials/registration-verification.component.d.ts

@@ -1,17 +0,0 @@
-import { OnInit } from '@angular/core';
-import { TranslocoService } from '@jsverse/transloco';
-import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
-import { AuthBaseService } from '../../../services/auth-base.service';
-import * as i0 from "@angular/core";
-export declare class RegistrationVerificationComponent implements OnInit {
-    private authService;
-    private messageService;
-    private translocoService;
-    email: string;
-    constructor(authService: AuthBaseService, messageService: SpiderlyMessageService, translocoService: TranslocoService);
-    ngOnInit(): void;
-    resendVerificationToken(): void;
-    onCodeSubmit(event: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RegistrationVerificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RegistrationVerificationComponent, "registration-verification", never, { "email": { "alias": "email"; "required": false; }; }, {}, never, never, true, never>;
-}

package/lib/components/auth/registration/registration.component.d.ts

@@ -1,34 +0,0 @@
-import { ActivatedRoute, Router } from '@angular/router';
-import { ChangeDetectorRef, KeyValueDiffers, OnInit } from '@angular/core';
-import { HttpClient } from '@angular/common/http';
-import { TranslocoService } from '@jsverse/transloco';
-import { LayoutBaseService } from '../../../services/app-layout-base.service';
-import { AuthBaseService } from '../../../services/auth-base.service';
-import { BaseFormCopy } from '../../base-form/base-form copy';
-import { SpiderlyFormGroup } from '../../spiderly-form-control/spiderly-form-control';
-import { Registration } from '../../../entities/security-entities';
-import { SpiderlyMessageService } from '../../../services/spiderly-message.service';
-import { BaseFormService } from '../../../services/base-form.service';
-import * as i0 from "@angular/core";
-export declare class RegistrationComponent extends BaseFormCopy implements OnInit {
-    protected differs: KeyValueDiffers;
-    protected http: HttpClient;
-    protected messageService: SpiderlyMessageService;
-    protected changeDetectorRef: ChangeDetectorRef;
-    protected router: Router;
-    protected route: ActivatedRoute;
-    protected translocoService: TranslocoService;
-    protected baseFormService: BaseFormService;
-    layoutService: LayoutBaseService;
-    private authService;
-    registrationFormGroup: SpiderlyFormGroup<Registration>;
-    companyName: string;
-    showEmailSentDialog: boolean;
-    constructor(differs: KeyValueDiffers, http: HttpClient, messageService: SpiderlyMessageService, changeDetectorRef: ChangeDetectorRef, router: Router, route: ActivatedRoute, translocoService: TranslocoService, baseFormService: BaseFormService, layoutService: LayoutBaseService, authService: AuthBaseService);
-    ngOnInit(): void;
-    initRegistrationFormGroup(model: Registration): void;
-    companyNameChange(companyName: string): void;
-    sendRegistrationVerificationEmail(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RegistrationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RegistrationComponent, "app-registration", never, {}, {}, never, never, true, never>;
-}

package/lib/handlers/spiderly-transloco-fallback-strategy.d.ts

@@ -1,13 +0,0 @@
-import { TranslocoFallbackStrategy, TranslocoService } from '@jsverse/transloco';
-import { HashMap, TranslocoMissingHandler, TranslocoMissingHandlerData } from "@jsverse/transloco";
-import * as i0 from "@angular/core";
-export declare class SpiderlyTranslocoFallbackStrategy implements TranslocoFallbackStrategy {
-    getNextLangs(failedLang: string): string[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyTranslocoFallbackStrategy, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SpiderlyTranslocoFallbackStrategy>;
-}
-export declare class SpiderlyTranslocoMissingHandler implements TranslocoMissingHandler {
-    private translocoService;
-    constructor(translocoService: TranslocoService);
-    handle(key: string, data: TranslocoMissingHandlerData, params?: HashMap): string;
-}

package/lib/modules/core.module.d.ts

@@ -1,21 +0,0 @@
-import { EnvironmentProviders } from "@angular/core";
-/**
- * Provides core services and configuration for the Spiderly library.
- *
- * @param spiderlyCoreConfig Optional configuration object for Spiderly core.
- * @returns EnvironmentProviders for Angular's dependency injection system.
- *
- * Usage:
- * Call this function in your application's providers to set up core services.
- */
-export declare function provideSpiderlyCore(spiderlyCoreConfig?: SpiderlyCoreConfig): EnvironmentProviders;
-/**
- * Configuration options for Spiderly core module.
- */
-export interface SpiderlyCoreConfig {
-    /**
-     * Whether to enable authentication features.
-     * Defaults to true. Set to false to disable authentication-related providers and initializers.
-     */
-    useAuth?: boolean;
-}

package/lib/modules/spiderly-transloco.module.d.ts

@@ -1,51 +0,0 @@
-import { EnvironmentProviders, ModuleWithProviders } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@jsverse/transloco";
-/**
- * Provides Transloco with Spiderly-specific configuration.
- * @param config Optional configuration for available, preload, default, and fallback languages.
- * @returns EnvironmentProviders for Angular DI.
- */
-export declare function provideSpiderlyTransloco(config?: SpiderlyTranslocoConfig): EnvironmentProviders;
-/**
- * Angular module for Spiderly Transloco integration.
- */
-export declare class SpiderlyTranslocoModule {
-    /**
-   * Configures the module with custom translation settings.
-   * @param config Optional SpiderlyTranslocoConfig object.
-   * @returns ModuleWithProviders for Angular module system.
-   */
-    static forRoot(config?: SpiderlyTranslocoConfig): ModuleWithProviders<SpiderlyTranslocoModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SpiderlyTranslocoModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SpiderlyTranslocoModule, never, [typeof i1.TranslocoModule], [typeof i1.TranslocoModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SpiderlyTranslocoModule>;
-}
-/**
- * Configuration interface for Spiderly Transloco.
- */
-export interface SpiderlyTranslocoConfig {
-    /**
-   * List of language codes that are available for translation in your app.
-   * Example: ['en', 'en.generated', 'sr-Latn-RS', 'sr-Latn-RS.generated']
-   * See the full list of language codes here:
-   * https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry
-   */
-    availableLangs: string[];
-    /**
-   * List of language codes to preload at app startup.
-   * Example: ['en', 'en.generated']
-   * Only these languages will be loaded immediately; others load on demand.
-   */
-    preloadLangs: string[];
-    /**
-   * The default language code to use if no language is set.
-   * Example: 'en'
-   */
-    defaultLang: string;
-    /**
-   * The fallback language code to use if a translation key is missing.
-   * Example: 'en.generated'
-   */
-    fallbackLang: string;
-}