@f1falcha/stimulus 1.0.0

package/file-uploader/file-upload-config.scss

@@ -0,0 +1,48 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-file-uploader-drop-zone-height: 100%,
+        scl-file-uploader-drop-zone-border-color: color-basic-400,
+        scl-file-uploader-drop-zone-border-width: 0.063rem,
+        scl-file-uploader-drop-zone-border-radius: 0.375rem,
+        scl-file-uploader-drop-zone-padding: 1rem,
+
+        scl-file-uploader-file-drop-content-height: 100%,
+
+        scl-file-uploader-image-wrapper-width: 6.25rem,
+        scl-file-uploader-image-wrapper-height: 6.25rem,
+
+        scl-file-uploader-svg-width: 100%,
+        scl-file-uploader-svg-height: 100%,
+
+        scl-file-uploader-row-gap: 1rem,
+
+        scl-file-uploader-heading-color: color-basic-600,
+        scl-file-uploader-heading-margin: 0 0 0.25rem 0,
+
+        scl-file-uploader-title-color: color-basic-900,
+        scl-file-uploader-title-margin: 0 0 0.25rem 0,
+
+        scl-file-uploader-description-color: color-basic-500,
+        scl-file-uploader-description-margin: 0 0 0.75rem 0,
+
+        scl-file-uploader-preview-margin: 1rem 0 0 0,
+
+        scl-file-uploader-preview-list-padding: 0.75rem,
+        scl-file-uploader-preview-list-border-width: 0.063rem,
+        scl-file-uploader-preview-list-border-color: color-basic-200,
+        scl-file-uploader-preview-list-border-radius: 1rem,
+        scl-file-uploader-preview-list-gap: 0.75rem,
+
+        // List
+        scl-file-uploader-list-group-color: color-basic-500,
+
+        scl-file-uploader-list-margin-top: 0,
+        scl-file-uploader-list-padding-left: 1.563rem,
+
+        scl-file-uploader-list-item-color: color-basic-500,
+    ),
+    default,
+    default
+);

package/file-uploader/file-upload.scss

@@ -0,0 +1,77 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-file-uploader {
+    ngx-file-drop {
+        .ngx-file-drop__drop-zone {
+            border: nb-theme(scl-file-uploader-drop-zone-border-width) dashed nb-theme(scl-file-uploader-drop-zone-border-color);
+            height: nb-theme(scl-file-uploader-drop-zone-height);
+            padding: nb-theme(scl-file-uploader-drop-zone-padding);
+            border-radius: nb-theme(scl-file-uploader-drop-zone-border-radius);
+        }
+
+        .ngx-file-drop__content {
+            height: nb-theme(scl-file-uploader-file-drop-content-height);
+            justify-content: flex-start;
+        }
+    }
+
+    &__image-wrapper {
+        width: nb-theme(scl-file-uploader-image-wrapper-width);
+        height: nb-theme(scl-file-uploader-image-wrapper-height);
+
+        svg {
+            width: nb-theme(scl-file-uploader-svg-width);
+            height: nb-theme(scl-file-uploader-svg-height);
+        }
+    }
+
+    &__row {
+        display: grid;
+        grid-template-columns: 1fr auto;
+        gap: nb-theme(scl-file-uploader-row-gap);
+    }
+
+    &__heading {
+        color: nb-theme(scl-file-uploader-heading-color);
+        margin: nb-theme(scl-file-uploader-heading-margin);
+        display: flex;
+        justify-content: space-between;
+    }
+
+    &__title {
+        display: block;
+        color: nb-theme(scl-file-uploader-title-color);
+        margin: nb-theme(scl-file-uploader-title-margin);
+    }
+
+    &__description {
+        color: nb-theme(scl-file-uploader-description-color);
+        margin: nb-theme(scl-file-uploader-description-margin);
+    }
+
+    &__preview {
+        margin: nb-theme(scl-file-uploader-preview-margin);
+    }
+
+    &__preview-list {
+        list-style: none;
+        display: grid;
+        margin: 0;
+        padding: nb-theme(scl-file-uploader-preview-list-padding);
+        gap: nb-theme(scl-file-uploader-preview-list-gap);
+        border: nb-theme(scl-file-uploader-preview-list-border-width) solid nb-theme(scl-file-uploader-preview-list-border-color);
+        border-radius: nb-theme(scl-file-uploader-preview-list-border-radius);
+    }
+
+    &__list-group {
+        color: nb-theme(scl-file-uploader-list-group-color);
+    }
+    &__list {
+        margin-top: nb-theme(scl-file-uploader-list-margin-top);
+        padding-left: nb-theme(scl-file-uploader-list-padding-left);
+    }
+
+    &__list-item {
+        color: nb-theme(scl-file-uploader-list-item-color);
+    }
+}

package/file-uploader/file-uploader-icon.d.ts

@@ -0,0 +1,3 @@
+import { NbIcons } from '@nebular/theme';
+export declare const FILE_UPLOADER_ICON: NbIcons;
+//# sourceMappingURL=file-uploader-icon.d.ts.map

package/file-uploader/file-uploader.d.ts

@@ -0,0 +1,84 @@
+import { EventEmitter, NgZone, OnDestroy } from '@angular/core';
+import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+import { NbIconLibraries } from '@nebular/theme';
+import { NgxFileDropEntry } from 'ngx-file-drop';
+import { SclAlertService } from '../alert/alert.service';
+import { IconPreviewAction } from '../preview-box/preview-box.component';
+import { SclUploaderService } from './file-uploader.ref';
+import * as i0 from "@angular/core";
+export declare enum SclFileStatus {
+    PENDING = 0,
+    COMPLETED = 1,
+    FAILED = 2,
+    PROCESSED = 3
+}
+export interface SclFile<T = null> {
+    file: File;
+    name: string;
+    src?: SafeUrl;
+    id: string;
+    progress: number;
+    loadedFileSize?: string;
+    totalFileSize?: string;
+    status: SclFileStatus;
+    data: T | null;
+}
+export interface SclFileError {
+    name: string;
+    progress?: number;
+    loadedFileSize?: string;
+    totalFileSize?: string;
+    maxFileSize?: number;
+}
+export interface ErrorResponse {
+    success: boolean;
+    code: string;
+    message: string;
+}
+export type UploadType = 'image' | 'excel' | 'pdf' | 'icon';
+export declare class SclFileUploader implements OnDestroy {
+    private zone;
+    private domSanitizer;
+    private uploader;
+    private alertService;
+    private iconLibraries;
+    uploadHeading?: string;
+    completedUploadHeading?: string;
+    title: string;
+    accept: string[];
+    maxFileSize: number;
+    showList: string | boolean;
+    illustrationType?: string;
+    resolution: string;
+    isProcessed?: boolean;
+    description: string;
+    uploadType: string;
+    code: string;
+    set multiple(status: string | boolean);
+    get multiple(): string | boolean;
+    get maxFileSizeInMB(): number;
+    get fileTypeUppercase(): string;
+    get descriptionContent(): string;
+    get acceptedString(): string;
+    filesChanged: EventEmitter<SclFile<null>[]>;
+    error: EventEmitter<SclFileError>;
+    errroMessage: string;
+    isMultiple: boolean;
+    isFileSupported: boolean;
+    protected fileList: SclFile[];
+    private subscriptionMap;
+    constructor(zone: NgZone, domSanitizer: DomSanitizer, uploader: SclUploaderService, alertService: SclAlertService, iconLibraries: NbIconLibraries);
+    dropped(files: NgxFileDropEntry[]): void;
+    remove(index: number | string): void;
+    reupload(index: number): void;
+    private uploadFiles;
+    ngOnDestroy(): void;
+    private imageSrc;
+    private isFileUnsupported;
+    private generateUniqueId;
+    private formatFileSize;
+    iconAction(action: IconPreviewAction): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclFileUploader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclFileUploader, "scl-file-uploader", never, { "uploadHeading": { "alias": "uploadHeading"; "required": false; }; "completedUploadHeading": { "alias": "completedUploadHeading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "showList": { "alias": "showList"; "required": false; }; "illustrationType": { "alias": "illustrationType"; "required": false; }; "resolution": { "alias": "resolution"; "required": false; }; "isProcessed": { "alias": "isProcessed"; "required": false; }; "description": { "alias": "description"; "required": false; }; "uploadType": { "alias": "uploadType"; "required": false; }; "code": { "alias": "code"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; }, { "filesChanged": "filesChanged"; "error": "error"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=file-uploader.d.ts.map

package/file-uploader/file-uploader.ref.d.ts

@@ -0,0 +1,6 @@
+import { HttpEvent } from '@angular/common/http';
+import { Observable } from 'rxjs';
+export declare abstract class SclUploaderService {
+    abstract upload<T>(file: File, ...args: any[]): Observable<HttpEvent<T>>;
+}
+//# sourceMappingURL=file-uploader.ref.d.ts.map

package/file-uploader/file-uploader.service.d.ts

@@ -0,0 +1,11 @@
+import { HttpClient } from '@angular/common/http';
+import { SclUploaderService } from './file-uploader.ref';
+import * as i0 from "@angular/core";
+export declare class SclFileUploaderService implements SclUploaderService {
+    private http;
+    constructor(http: HttpClient);
+    upload(file: File): import("rxjs").Observable<import("@angular/common/http").HttpEvent<any>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclFileUploaderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SclFileUploaderService>;
+}
+//# sourceMappingURL=file-uploader.service.d.ts.map

package/filter/filter.d.ts

@@ -0,0 +1,48 @@
+import { EventEmitter, SimpleChanges } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { NbIconLibraries, NbIcons } from '@nebular/theme';
+import { SclAlertService } from '../alert/alert.service';
+import * as i0 from "@angular/core";
+export interface FilterFormGroup {
+    label: string;
+    placeholder: string;
+    formControlName: string;
+    type: string;
+    options?: any[];
+    dropdownFormControlName?: string;
+    value?: any;
+    dropdownFormControlValue?: any;
+    isRequired?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    onChange?: (value: any) => void;
+}
+export declare const SclIcons: NbIcons;
+export declare class SclFilter {
+    private formBuilder;
+    private alertService;
+    private iconLibraries;
+    private _formFields;
+    onFilter: EventEmitter<any>;
+    get formFields(): FilterFormGroup[];
+    set formFields(value: FilterFormGroup[]);
+    isLoading: boolean;
+    set emitFormDataOnReset(emitValue: boolean);
+    emitValue: boolean;
+    filterForm: FormGroup;
+    formControls: {
+        [key: string]: FormControl;
+    };
+    constructor(formBuilder: FormBuilder, alertService: SclAlertService, iconLibraries: NbIconLibraries);
+    private initializeFormControls;
+    transformValue(value: any): any;
+    search(isValid: any): void;
+    reset(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setFormFields(currentFormValue: FilterFormGroup[]): void;
+    private hasFormValues;
+    onSelect(field: FilterFormGroup, event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclFilter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclFilter, "scl-filter", never, { "formFields": { "alias": "formFields"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "emitFormDataOnReset": { "alias": "emitFormDataOnReset"; "required": false; }; }, { "onFilter": "onFilter"; }, never, never, true, never>;
+}
+//# sourceMappingURL=filter.d.ts.map

package/flag/_flags.scss

@@ -0,0 +1,9 @@
+// Emojis for flags is only available for macOS, Android and iOS
+// So, a `country-flag-emoji-polyfill` npm package has been installed
+// and it font has been added for it
+// 
+// @see https://www.npmjs.com/package/country-flag-emoji-polyfill
+
+.flags {
+    font-family: "Twemoji Country Flags", "Helvetica", "Comic Sans", serif;
+}

package/form/form-config.scss

@@ -0,0 +1,14 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        text-caption-padding-top: 0.125rem,
+        text-caption-padding-bottom: 0.125rem,
+        text-caption-font-size: scl-text-label-medium-font-size,
+        text-caption-line-height: scl-text-label-medium-line-height,
+
+        scl-form-field-padding: 1rem,
+    ),
+    default,
+    default
+);

package/form/form-control/form-control-action.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SclFormControlAction {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclFormControlAction, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclFormControlAction, "[formControlAction]", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=form-control-action.d.ts.map

package/form/form-control/form-control-config.scss

@@ -0,0 +1,9 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme((
+        scl-form-control-right-position: -0.75rem,
+        scl-form-control-top-position: 0,
+        scl-form-control-transformation: translateX(100%),
+      ),
+    default,
+    default);

package/form/form-control/form-control-icon.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SclFormControlIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclFormControlIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclFormControlIcon, "[formControlIcon]", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=form-control-icon.d.ts.map

package/form/form-control/form-control.scss

@@ -0,0 +1,17 @@
+@use '@nebular/theme/styles/theming' as *;
+
+ .scl-form-control-wrapper {
+    position: relative;
+ }
+
+ .scl-form-control-action {
+    position: absolute;
+    right: nb-theme(scl-form-control-right-position);
+    top: nb-theme(scl-form-control-top-position);
+    transform: nb-theme(scl-form-control-transformation);
+
+   // to override nebular position:relative
+   &[nbButton]:focus, &[nbButtonToggle]:focus {
+      position: absolute;
+   }
+}

package/form/form-control/form-field.d.ts

@@ -0,0 +1,26 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { AfterContentInit, ElementRef, QueryList } from '@angular/core';
+import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { SclFormErrorMessages } from '../form-error-messages';
+import { SclFormMessage } from '../form-message/form-message';
+import * as i0 from "@angular/core";
+export declare class SclFormField implements AfterContentInit {
+    private focusMonitor;
+    private parentFormGroup;
+    private parentForm;
+    private errorMessageMapper;
+    messageBuilder?: SclFormErrorMessages;
+    controls: QueryList<NgControl>;
+    controlEls: QueryList<ElementRef>;
+    formMessage?: SclFormMessage;
+    private formSubmitSubscription;
+    private focusMonitorSubscription;
+    constructor(focusMonitor: FocusMonitor, parentFormGroup: FormGroupDirective, parentForm: NgForm, errorMessageMapper: SclFormErrorMessages);
+    ngAfterContentInit(): void;
+    private setMessage;
+    private setControl;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclFormField, [null, { optional: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclFormField, "scl-form-field", never, { "messageBuilder": { "alias": "messageBuilder"; "required": false; }; }, {}, ["formMessage", "controls", "controlEls"], ["[sclLabel]", "[formControlName], [formControl], [ngModel]", "[formControlAction]", "[formControlIcon]", "*"], true, never>;
+}
+//# sourceMappingURL=form-field.d.ts.map

package/form/form-control-wrapper/form-control-wrapper-config.scss

@@ -0,0 +1,11 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-form-control-wrapper-input-padding: 2.625rem,
+        scl-form-control-wrapper-icon-left: 0.875rem,
+        scl-form-control-wrapper-icon-top: 0.625rem,
+    ),
+    default,
+    default
+);

package/form/form-control-wrapper/form-control-wrapper.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class SclFormControlWrapperComponent {
+    icon: string;
+    packName: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclFormControlWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclFormControlWrapperComponent, "scl-form-control-wrapper", never, { "icon": { "alias": "icon"; "required": false; }; "packName": { "alias": "packName"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=form-control-wrapper.component.d.ts.map

package/form/form-control-wrapper/form-control-wrapper.scss

@@ -0,0 +1,17 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-form-control {
+    &__wrapper {
+        position: relative;
+
+        input[nbInput] {
+            padding-left: nb-theme(scl-form-control-wrapper-input-padding);
+        }
+    }
+
+    &__icon {
+        position: absolute;
+        left: nb-theme(scl-form-control-wrapper-icon-left);
+        top: nb-theme(scl-form-control-wrapper-icon-top);
+    }
+}

package/form/form-error-messages.d.ts

@@ -0,0 +1,8 @@
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
+import { ValidationErrors } from '@angular/forms';
+export interface SclFormErrorMessages {
+    [key: string]: (name: string, errors: ValidationErrors) => string;
+}
+export declare const SCL_FORM_ERROR_MESSAGE: InjectionToken<SclFormErrorMessages>;
+export declare function provideFormErrorMessages(formErrorMessages?: SclFormErrorMessages): EnvironmentProviders;
+//# sourceMappingURL=form-error-messages.d.ts.map

package/form/form-message/form-message-config.scss

@@ -0,0 +1,7 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme((
+        scl-form-message-padding: 0.125rem 0 0.125rem 0,
+      ),
+    default,
+    default);

package/form/form-message/form-message.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { NbComponentStatus } from '@nebular/theme';
+import * as i0 from "@angular/core";
+export declare class SclFormMessage {
+    private renderer;
+    private elRef;
+    type: NbComponentStatus;
+    message?: string;
+    control?: AbstractControl | null;
+    constructor(renderer: Renderer2, elRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclFormMessage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclFormMessage, "scl-form-message", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=form-message.d.ts.map

package/form/form-message/form-message.scss

@@ -0,0 +1,6 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-caption{
+    display: block;
+    padding: nb-theme(scl-form-message-padding);
+}

package/form/form.scss

@@ -0,0 +1,22 @@
+@use "@nebular/theme/styles/theming" as *;
+.scl-form-field {
+    display: block;
+    margin-bottom: calc(
+        nb-theme(scl-form-field-padding) - nb-theme(text-caption-padding-top) -
+        nb-theme(text-caption-padding-bottom)
+    );
+}
+
+.scl-form-control-icon {
+    position: absolute;
+    top: 4px;
+    right: 5px;
+    pointer-events: none;
+
+    // to override nebular position:relative
+    &[nbButton]:focus,
+    &[nbButtonToggle]:focus {
+        position: absolute;
+        outline: none;
+    }
+}

package/form/select-input-field/select-input-field-config.scss

@@ -0,0 +1,13 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme((
+    scl-select-input-field-border-color : input-basic-border-color,
+    scl-select-input-field-border-width : 0.0625rem,
+    scl-select-input-field-border-radius : 0.375rem,
+    scl-select-input-field-border-transparent : transparent,
+    scl-select-input-field-select-width: 12.5rem,
+    scl-select-input-field-select-after-width: 0.0625rem,
+    scl-select-input-field-select-after-height: 1.25rem,
+      ),
+    default,
+    default);

package/form/select-input-field/select-input-field.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SclSelectInputField {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclSelectInputField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclSelectInputField, "scl-select-input-field", never, {}, {}, never, ["ng-select, scl-select-country", "input"], true, never>;
+}
+//# sourceMappingURL=select-input-field.d.ts.map

package/form/select-input-field/select-input-field.scss

@@ -0,0 +1,43 @@
+@use "@nebular/theme/styles/theming" as *;
+
+.scl-select-input-field {
+    display: flex;
+    border: nb-theme(scl-select-input-field-border-width) solid nb-theme(scl-select-input-field-border-color);
+    border-radius: nb-theme(scl-select-input-field-border-radius);
+
+    .ng-select{
+        border-color: nb-theme(scl-select-input-field-border-transparent);
+        width: nb-theme(scl-select-input-field-select-width);
+
+        &::after {
+            display: block;
+            content: "";
+            height: nb-theme(scl-select-input-field-select-after-height);
+            width: nb-theme(scl-select-input-field-select-after-width);
+            background-color: nb-theme(scl-select-input-field-border-color);
+            position: absolute;
+            right: -1px;
+        }
+
+        &.ng-select-focused {
+            &::after {
+                z-index: -1;
+            }
+        }
+    }
+
+    input[nbInput] {
+        border-color: nb-theme(scl-select-input-field-border-transparent);
+        &:focus{
+            z-index: 1;
+        }
+    }
+
+    &:hover{
+        ng-select.select {
+            &::after {
+                background-color: nb-theme(scl-select-input-field-border-transparent);
+            }
+        }
+    }
+}

package/form/validate-and-submit.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { FormGroupDirective, NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class SclValidateAndSubmit {
+    private formGroup;
+    controls: QueryList<NgControl>;
+    controlEls: QueryList<ElementRef>;
+    constructor(formGroup: FormGroupDirective);
+    validateAndSubmit: EventEmitter<boolean>;
+    onSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclValidateAndSubmit, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclValidateAndSubmit, "form[formGroup][validateAndSubmit]", never, {}, { "validateAndSubmit": "validateAndSubmit"; }, ["controls", "controlEls"], never, true, never>;
+}
+//# sourceMappingURL=validate-and-submit.d.ts.map

package/full-container/full-container-config.scss

@@ -0,0 +1,16 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-full-container-min-height: 100vh,
+        scl-full-container-content-min-width: 24.875rem,
+        scl-full-container-content-padding: 2rem 0,
+        scl-full-container-header-margin-bottom: 3rem,
+        scl-full-container-body-card-min-height: 25rem,
+        scl-full-container-body-card-border-radius: 0.75rem,
+        scl-full-container-body-card-padding: 1.5rem,
+        scl-full-container-footer-margin-top: 1rem,
+    ),
+    default,
+    default
+);

package/full-container/full-container.component.d.ts

@@ -0,0 +1,11 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const FULL_CONTAINER_LOGO: InjectionToken<string>;
+export declare class SclFullContainerComponent {
+    protected imgSrc: string;
+    footerImg: string;
+    constructor(imgSrc: string);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclFullContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclFullContainerComponent, "scl-full-container", never, { "footerImg": { "alias": "footerImg"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=full-container.component.d.ts.map

package/full-container/full-container.component.scss

@@ -0,0 +1,54 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-full-container {
+    nb-layout {
+        .scrollable-container {
+            .layout {
+                .layout-container {
+                    background-image: url('../assets/background.png');
+                    background-size: cover;
+                    background-position: bottom;
+                    .content {
+                        .columns {
+                            nb-layout-column {
+                                padding: 0;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    &__column {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    &__content {
+        width: 100%;
+        max-width: nb-theme(scl-full-container-content-min-width);
+        padding: nb-theme(scl-full-container-content-padding);
+    }
+
+    &__header {
+        text-align: center;
+        margin-bottom: nb-theme(scl-full-container-header-margin-bottom);
+    }
+
+    &__body {
+        width: 100%;
+        nb-card {
+            border-radius: nb-theme(scl-full-container-body-card-border-radius);
+        }
+        nb-card-body {
+            padding: nb-theme(scl-full-container-body-card-padding);
+        }
+    }
+
+    &__footer {
+        text-align: center;
+        margin-top: nb-theme(scl-full-container-footer-margin-top);
+    }
+}