@f1falcha/stimulus 1.0.0

package/color/emerald.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        color-primary-25: #f0faf5,
+        color-primary-50: #e6f6ee,
+        color-primary-100: #c2ead5,
+        color-primary-200: #91d9b4,
+        color-primary-300: #5ec791,
+        color-primary-400: #2eb670,
+        color-primary-500: #00a650,
+        color-primary-600: #008d44,
+        color-primary-700: #007639,
+        color-primary-800: #005f2e,
+        color-primary-900: #004b24,
+    ),
+    default,
+    default
+);

package/color/goblin.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        color-primary-25: #f3fcf0,
+        color-primary-50: #ebfae6,
+        color-primary-100: #cff4c2,
+        color-primary-200: #aaeb92,
+        color-primary-300: #82e25f,
+        color-primary-400: #5dd92f,
+        color-primary-500: #39d101,
+        color-primary-600: #30b201,
+        color-primary-700: #289401,
+        color-primary-800: #207701,
+        color-primary-900: #1a5e00,
+    ),
+    default,
+    default
+);

package/color/jacaranda.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        color-primary-25: #fafaff,
+        color-primary-50: #f4f3ff,
+        color-primary-100: #ebe9fe,
+        color-primary-200: #d9d6fe,
+        color-primary-300: #bdb4fe,
+        color-primary-400: #9b8afb,
+        color-primary-500: #7a5af8,
+        color-primary-600: #6938ef,
+        color-primary-700: #5925dc,
+        color-primary-800: #4a1fb8,
+        color-primary-900: #3e1c96,
+    ),
+    default,
+    default
+);

package/color/mars.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        color-primary-25: #f6eaea,
+        color-primary-50: #eed5d6,
+        color-primary-100: #e5bfc1,
+        color-primary-200: #d49598,
+        color-primary-300: #cb8083,
+        color-primary-400: #b9555a,
+        color-primary-500: #a82b31,
+        color-primary-600: #862227,
+        color-primary-700: #651a1d,
+        color-primary-800: #541619,
+        color-primary-900: #320d0f,
+    ),
+    default,
+    default
+);

package/color/orchid.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        color-primary-25: #fff5fa,
+        color-primary-50: #fae6fc,
+        color-primary-100: #f3c2f7,
+        color-primary-200: #ea92f0,
+        color-primary-300: #e05fea,
+        color-primary-400: #d62fe3,
+        color-primary-500: #cd01dd,
+        color-primary-600: #ae01bc,
+        color-primary-700: #92019d,
+        color-primary-800: #9e165f,
+        color-primary-900: #5c0063,
+    ),
+    default,
+    default
+);

package/color/spaceship.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        color-primary-25: #f5f6f6,
+        color-primary-50: #eff0f0,
+        color-primary-100: #d8dbdc,
+        color-primary-200: #b8bec0,
+        color-primary-300: #989fa3,
+        color-primary-400: #798287,
+        color-primary-500: #5b676d,
+        color-primary-600: #4d585d,
+        color-primary-700: #41494d,
+        color-primary-800: #343b3e,
+        color-primary-900: #292e31,
+    ),
+    default,
+    default
+);

package/color/summer.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        color-primary-25: #fffbf0,
+        color-primary-50: #fff9e6,
+        color-primary-100: #fef0c2,
+        color-primary-200: #fee391,
+        color-primary-300: #fdd75e,
+        color-primary-400: #fdcb2e,
+        color-primary-500: #fcbf00,
+        color-primary-600: #d6a200,
+        color-primary-700: #b38800,
+        color-primary-800: #906d00,
+        color-primary-900: #715600,
+    ),
+    default,
+    default
+);

package/color/tiger-lily.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        color-primary-25: #fefaf5,
+        color-primary-50: #fef3e9,
+        color-primary-100: #fde1c9,
+        color-primary-200: #fbc99f,
+        color-primary-300: #f9b073,
+        color-primary-400: #f79948,
+        color-primary-500: #f58220,
+        color-primary-600: #d06f1b,
+        color-primary-700: #ae5c17,
+        color-primary-800: #8c4a12,
+        color-primary-900: #6e3a0e,
+    ),
+    default,
+    default
+);

package/color-wrapper/color-wrapper-config.scss

@@ -0,0 +1,37 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-color-wrapper-padding: 0.125rem 0.5rem,
+        scl-color-wrapper-font-size: scl-text-label-medium-font-size,
+        scl-color-wrapper-line-height: scl-text-label-medium-line-height,
+        scl-color-wrapper-uppercase-tracking: scl-text-label-medium-uppercase-tracking,
+        scl-color-wrapper-font-weight: scl-text-bold-font-weight,
+        scl-color-wrapper-border-radius: 1rem,
+
+        scl-color-wrapper-primary-background-color: color-primary-100,
+        scl-color-wrapper-primary-text-color: color-primary-800,
+        scl-color-wrapper-info-background-color: color-info-100,
+        scl-color-wrapper-info-text-color: color-info-800,
+        scl-color-wrapper-success-background-color: color-success-100,
+        scl-color-wrapper-success-text-color: color-success-800,
+        scl-color-wrapper-warning-background-color: color-warning-100,
+        scl-color-wrapper-warning-text-color: color-warning-800,
+        scl-color-wrapper-danger-background-color: color-danger-100,
+        scl-color-wrapper-danger-text-color: color-danger-800,
+        scl-color-wrapper-basic-background-color: color-basic-100,
+        scl-color-wrapper-basic-text-color: color-basic-800,
+        scl-color-wrapper-control-background-color: color-control-100,
+        scl-color-wrapper-control-text-color: color-control-800,
+        scl-color-wrapper-light-green-background-color: color-supporting-light-green-100,
+        scl-color-wrapper-light-green-text-color: color-supporting-ight-green-800,
+        scl-color-wrapper-rose-background-color: color-supporting-rose-100,
+        scl-color-wrapper-rose-text-color: color-supporting-rose-800,
+        scl-color-wrapper-orange-background-color: color-supporting-orange-100,
+        scl-color-wrapper-orange-text-color: color-supporting-orange-800,
+
+        scl-color-wrapper-info-button-height: 1.5rem,
+    ),
+    default,
+    default
+);

package/color-wrapper/color-wrapper.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class SclColorWrapper {
+    status: string;
+    size: string;
+    get large(): boolean;
+    get primary(): boolean;
+    get info(): boolean;
+    get success(): boolean;
+    get warning(): boolean;
+    get danger(): boolean;
+    get basic(): boolean;
+    get control(): boolean;
+    get additionalClasses(): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclColorWrapper, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclColorWrapper, "[sclColorWrapper]", never, { "status": { "alias": "status"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=color-wrapper.d.ts.map

package/color-wrapper/color-wrapper.scss

@@ -0,0 +1,23 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-color-wrapper {
+    padding: 0.125rem 0.5rem;
+    border-radius: 4px;
+    $status: (primary, info, success, warning, danger, basic, control, light-green, rose, orange);
+    @each $key in $status {
+        &--#{$key} {
+            background-color: nb-theme(scl-badge-#{$key}-background-color);
+        }
+    }
+
+    &--large {
+        padding: 0.5rem 0.75rem;
+    }
+
+    white-space: normal;
+    overflow-wrap: anywhere;
+}
+
+.scl-color-wrapper ~ .scl-info-button {
+    height: nb-theme(scl-color-wrapper-info-button-height);
+}

package/column-seperator/column-separator-config.scss

@@ -0,0 +1,16 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        // Column separator styles
+        scl-column-separator-nano-margin: 0.125rem,
+        scl-column-separator-micro-margin: 0.25rem,
+        scl-column-separator-tiny-margin: 0.5rem,
+        scl-column-separator-small-margin: 0.75rem,
+        scl-column-separator-medium-margin: 1rem,
+        scl-column-separator-large-margin: 1.25rem,
+        scl-column-separator-giant-margin: 1.25rem
+    ),
+    default,
+    default
+);

package/column-seperator/column-separator.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class SclColumnSeparator {
+    gap: string;
+    get nano(): boolean;
+    get micro(): boolean;
+    get tiny(): boolean;
+    get small(): boolean;
+    get medium(): boolean;
+    get large(): boolean;
+    get giant(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclColumnSeparator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclColumnSeparator, "[columnSeparator]", never, { "gap": { "alias": "gap"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=column-separator.d.ts.map

package/column-seperator/column-separator.scss

@@ -0,0 +1,25 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-column-separator {
+    &--nano {
+        margin-right: nb-theme(scl-column-separator-nano-margin);
+    }
+    &--micro {
+        margin-right: nb-theme(scl-column-separator-micro-margin);
+    }
+    &--tiny {
+        margin-right: nb-theme(scl-column-separator-tiny-margin);
+    }
+    &--small {
+        margin-right: nb-theme(scl-column-separator-small-margin);
+    }
+    &--medium {
+        margin-right: nb-theme(scl-column-separator-medium-margin);
+    }
+    &--large {
+        margin-right: nb-theme(scl-column-separator-large-margin);
+    }
+    &--giant {
+        margin-right: nb-theme(scl-column-separator-giant-margin);
+    }
+}

package/column-text/column-text.config.scss

@@ -0,0 +1,12 @@
+@use "@nebular/theme/styles/theming" as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-column-text-heading-color: color-basic-600,
+        scl-column-text-heading-margin: 0 0 0.188rem 0,
+
+        scl-column-text-content-color: color-basic-600,
+    ),
+    default,
+    default
+);

package/column-text/column-text.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class SclColumnText {
+    heading: string;
+    textAlign?: string;
+    get textAlignRight(): boolean;
+    get textAlignLeft(): boolean;
+    get textAlignCenter(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclColumnText, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclColumnText, "scl-column-text", never, { "heading": { "alias": "heading"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=column-text.d.ts.map

package/column-text/column-text.scss

@@ -0,0 +1,22 @@
+@use "@nebular/theme/styles/theming" as *;
+
+.scl-column-text {
+    &__title {
+        color: nb-theme(scl-column-text-heading-color);
+        margin: nb-theme(scl-column-text-heading-margin);
+    }
+
+    &__content {
+        color: nb-theme(scl-column-text-content-color);
+    }
+
+    &--right {
+        text-align: right;
+    }
+    &--left {
+        text-align: left;
+    }
+    &--center {
+        text-align: center;
+    }
+}

package/container/container-config.scss

@@ -0,0 +1,12 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        // Content wrapper styles
+        scl-container-small-width: 26.25rem,
+        scl-container-medium-width: 40.25rem,
+        scl-container-large-width: 69.5rem
+    ),
+    default,
+    default
+);

package/container/container.component.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class SclContainer {
+    size?: string;
+    alignment?: string;
+    get small(): boolean;
+    get medium(): boolean;
+    get large(): boolean;
+    get left(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclContainer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclContainer, "scl-container", never, { "size": { "alias": "size"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=container.component.d.ts.map

package/container/container.scss

@@ -0,0 +1,19 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-container {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+
+    $containerType: (large, medium, small);
+    @each $key in $containerType {
+        &--#{$key} {
+            width: 100%;
+            max-width: nb-theme(scl-container-#{$key}-width);
+        }
+    }
+
+    &--left {
+        margin-left: 0;
+    }
+}

package/custom-datepicker/custom-datepicker-config.scss

@@ -0,0 +1,50 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-datepicker-popover-background-color: color-base-white,
+        scl-datepicker-popover-padding: 0.5rem,
+        scl-datepicker-popover-border-radius: 0.5rem,
+        scl-datepicker-popover-gap: 0.5rem,
+
+        scl-datepicker-input-readonly-background-color: color-basic-100,
+
+        // overriding nebular calendar configs
+        calendar-width: 19.25rem,
+        calendar-background-color: white,
+        calendar-border-width: 0,
+        calendar-weekday-divider-width: 0,
+
+        calendar-cell-selected-background-color: white,
+        calendar-cell-selected-text-color: color-primary-500,
+        calendar-cell-selected-hover-background-color: color-primary-50,
+        calendar-cell-selected-active-background-color: color-primary-50,
+        calendar-cell-active-background-color: color-primary-50,
+        calendar-cell-hover-background-color: color-primary-50,
+        calendar-cell-active-text-color: color-basic-900,
+
+        calendar-navigation-text-color: color-basic-900,
+        calendar-navigation-padding: 4px 0 0 4px,
+        calendar-navigation-title-text-font-size: 1rem,
+        calendar-navigation-title-text-font-weight: 500,
+
+        calendar-cell-today-selected-background-color: transparent,
+        calendar-cell-today-selected-text-color: color-basic-900,
+        calendar-cell-today-border-color: transparent,
+
+        calendar-cell-inactive-text-color: color-basic-500,
+
+        calendar-weekday-holiday-text-color: color-basic-500,
+        calendar-weekday-text-font-size: 1rem,
+        calendar-weekday-text-font-weight: 400,
+        calendar-weekday-text-color: color-basic-500,
+
+        calendar-text-font-size: 1rem,
+        calendar-text-font-weight: 400,
+
+        calendar-cell-selected-text-font-weight: 600,
+        calendar-cell-disabled-text-color: color-basic-500,
+    ),
+    default,
+    default
+);

package/custom-datepicker/custom-datepicker.component.d.ts

@@ -0,0 +1,80 @@
+import { InjectionToken, OnInit, TemplateRef, EventEmitter } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormBuilder, FormGroup, ValidationErrors } from '@angular/forms';
+import { NbIconLibraries, NbPopoverDirective } from '@nebular/theme';
+import { DATE_FORMAT } from './custom-datepicker.model';
+import { TimepickerComponent } from './timepicker/timepicker.component';
+import * as i0 from "@angular/core";
+export declare const DATE_TIME_PICKER: InjectionToken<unknown>;
+export declare class SclDateTimepickerComponent implements OnInit, ControlValueAccessor {
+    private readonly formBuilder;
+    private iconLibraries;
+    dateChange: EventEmitter<any>;
+    popover: NbPopoverDirective;
+    calendar: TemplateRef<any>;
+    timepicker: TimepickerComponent;
+    placeholder: string;
+    set format(value: string);
+    get format(): string;
+    set min(value: Date | null | undefined);
+    get min(): Date | null | undefined;
+    set max(value: Date | null | undefined);
+    get max(): Date | null | undefined;
+    set dateTimePicker(value: string | boolean);
+    get dateTimePicker(): string | boolean;
+    set showPresets(value: string | boolean);
+    get showPresets(): string | boolean;
+    set readonly(value: string | boolean);
+    DATE_FORMAT: typeof DATE_FORMAT;
+    datepickerForm: FormGroup;
+    dateFormat: string;
+    formValue: string;
+    visibleDate: Date;
+    maxDate: Date;
+    minDate: Date;
+    minDateTime: Date;
+    maxDateTime: Date;
+    date: Date;
+    selectedDate: string;
+    time: string;
+    disabled: boolean;
+    hasTimePicker: boolean;
+    hasFormat: boolean;
+    hasPresets: boolean;
+    isRequired: boolean;
+    showTwelveHrsFormat: boolean;
+    private touched;
+    isSelectingDate: boolean;
+    isReadonly: boolean;
+    get isFormValid(): boolean;
+    get timeFormat(): string;
+    constructor(formBuilder: FormBuilder, iconLibraries: NbIconLibraries);
+    ngOnInit(): void;
+    onChange: (val: string) => void;
+    onTouch: () => void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onBlur(): void;
+    handleKeyboardEvents(event: KeyboardEvent): void;
+    onDateSelect(event: any): void;
+    onTimeChange(event: string): void;
+    onConfirm(): void;
+    validate(control: AbstractControl<any, any>): ValidationErrors | null;
+    private getValidationErrors;
+    private isValidDateFormat;
+    private getRequiredError;
+    private getDateRangeErrors;
+    private updateFormValue;
+    private closePopover;
+    private reset;
+    private setCurrentDate;
+    private setMinDate;
+    private setMaxDate;
+    private formValueChange;
+    private handleEmptyDatepicker;
+    private setFormValue;
+    private onTimeSelect;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclDateTimepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclDateTimepickerComponent, "scl-datetime-picker", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "format": { "alias": "format"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "dateTimePicker": { "alias": "dateTimePicker"; "required": false; }; "showPresets": { "alias": "showPresets"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=custom-datepicker.component.d.ts.map

package/custom-datepicker/custom-datepicker.component.scss

@@ -0,0 +1,127 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-custom-datepicker {
+    position: relative;
+    display: block;
+
+    &__popover {
+        display: grid;
+        gap: nb-theme(scl-datepicker-popover-gap);
+        padding: nb-theme(scl-datepicker-popover-padding);
+        border-radius: nb-theme(scl-datepicker-popover-border-radius);
+        background-color: nb-theme(scl-datepicker-popover-background-color);
+
+        .calendar-navigation {
+            nb-calendar-view-mode,
+            nb-calendar-pageable-navigation {
+                [nbButton].appearance-ghost.status-basic {
+                    nb-icon {
+                        color: nb-theme(color-primary-500);
+                    }
+                }
+            }
+        }
+
+        nb-calendar-picker .year-cell:not(.disabled):not(.empty).today.selected .cell-content,
+        nb-calendar-picker .month-cell:not(.disabled):not(.empty).today.selected .cell-content,
+        nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected .cell-content {
+            color: #1e58ec;
+        }
+
+        nb-calendar-picker .day-cell:not(.disabled):not(.empty).today.selected {
+            background-color: nb-theme(color-primary-50);
+        }
+
+        .days-container {
+            nb-calendar-picker,
+            nb-calendar-days-names {
+                padding: 0;
+
+                .day-cell {
+                    .cell-content {
+                        &::after {
+                            content: '';
+                            position: absolute;
+                            width: 16px;
+                            height: 2px;
+                            background-color: transparent;
+                            bottom: 10px;
+                        }
+                    }
+
+                    &.selected {
+                        .cell-content {
+                            position: relative;
+
+                            &::after {
+                                background-color: nb-theme(color-primary-500);
+                            }
+                        }
+
+                        &.today {
+                            .cell-content {
+                                &::after {
+                                    background-color: nb-theme(color-primary-500);
+                                }
+                            }
+                        }
+                    }
+
+                    &.today {
+                        .cell-content {
+                            color: #1e58ec;
+
+                            &::after {
+                                background-color: transparent;
+                            }
+                        }
+                    }
+
+                    &.disabled {
+                        color: #6b7280;
+
+                        .cell-content {
+                            border: none;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    &__input[nbInput] {
+        &.size-medium:not(.input-full-width) {
+            width: 100%;
+            max-width: 100%;
+            position: relative;
+        }
+
+        &.status-basic:focus:read-only {
+            background-color: nb-theme(scl-datepicker-input-readonly-background-color);
+        }
+    }
+
+    &__icon {
+        position: absolute;
+        top: 10px;
+        right: 14px;
+        pointer-events: none;
+    }
+
+    &__content {
+        display: grid;
+        grid-template-columns: 19.75rem auto;
+        gap: 8px;
+    }
+
+    &__footer {
+        display: flex;
+        justify-content: end;
+        border-top: 1px solid #e5e7eb;
+        padding-top: 8px;
+    }
+
+    &__timepicker {
+        border-left: 1px solid #e5e7eb;
+    }
+}

package/custom-datepicker/custom-datepicker.model.d.ts

@@ -0,0 +1,18 @@
+export declare enum DATE_FORMAT {
+    DEFAULT_DATE = "YYYY-MM-DD",
+    DEFAULT_DATE_TIME = "YYYY-MM-DD HH:mm:ss",
+    TWELVE_HR_DATETIME = "YYYY-MM-DD hh:mm A"
+}
+export declare enum TIME_FORMAT {
+    DEFAULT_TIME = "HH:mm:ss",
+    TWELVE_HR = "hh:mm A"
+}
+export interface TimepickerOption {
+    unit: string;
+    data: TimepickerData[];
+}
+export interface TimepickerData {
+    label: string;
+    isSelected?: boolean;
+}
+//# sourceMappingURL=custom-datepicker.model.d.ts.map