@f1falcha/stimulus 1.0.0

package/tabset/tab-directive/tabset-config.scss

@@ -0,0 +1,49 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        tabset-tab-text-transform: capitalize,
+        tabset-divider-color: transparent,
+        tabset-tab-padding: 0.375rem 0.75rem,
+        tabset-tab-text-font-size: 0.875rem,
+        tabset-tab-text-color: color-basic-600,
+        tabset-padding: 0.25rem,
+        tabset-border-radius: 0.5rem,
+
+        tabset-tab-hover-background-color: color-basic-200,
+        tabset-tab-hover-underline-color: transparent,
+        tabset-tab-hover-text-color: route-tabset-tab-text-color,
+
+        tabset-tab-focus-text-color: route-tabset-tab-text-color,
+        tabset-tab-focus-border-color: color-primary-100,
+        tabset-tab-focus-outline-color: color-primary-100,
+        tabset-tab-focus-border-width: 4px,
+        tabset-tab-focus-underline-color: transparent,
+        tabset-tab-focus-background-color: color-control-default,
+
+        tabset-content-padding: 1rem 0 0 0,
+
+        tabset-min-width: 60px,
+
+        tabset-tab-active-background-color: color-base-white,
+        tabset-tab-active-text-color: color-primary-600,
+        tabset-tab-active-underline-color: transparent,
+        tabset-tab-active-border-radius: 0.375rem,
+        tabset-tab-active-font-weight: scl-text-semi-bold-font-weight,
+
+        scl-tabset-padding: 0.25rem,
+        scl-tabset-background-color: color-basic-100,
+        scl-tab-margin: 0 0.25rem 0 0,
+
+        scl-tabset-tab-padding: 0 0.75rem,
+        scl-tabset-tab-link-padding: 0.375rem 0,
+        scl-tabset-tab-gap: 0.625rem,
+
+        scl-tab-badge-active-background-color: color-primary-50,
+        scl-tab-badge-padding: 0.25rem 0.5rem,
+        scl-tab-badge-border-radius: 50%,
+        scl-tabset-margin: 0 4px 0 0,
+    ),
+    default,
+    default
+);

package/tabset/tab-directive/tabset.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class SclTabsetDirective {
+    hasSclTabsetClass: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclTabsetDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclTabsetDirective, "[sclTabset]", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=tabset.directive.d.ts.map

package/tabset/tab-directive/tabset.scss

@@ -0,0 +1,154 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.nb-theme-default {
+    nb-tabset {
+        nb-tab {
+            overflow: visible;
+        }
+    }
+}
+
+nb-tabset {
+    border-radius: nb-theme(route-tabset-border-radius);
+
+    .tabset {
+        background-color: nb-theme(scl-tabset-background-color);
+        border-radius: nb-theme(route-tabset-border-radius);
+        display: inline-flex;
+        align-self: flex-start;
+    }
+
+    .tab {
+        display: grid;
+        grid-template-columns: 1fr auto;
+        border-radius: nb-theme(route-tabset-border-radius);
+        background-color: nb-theme(scl-tabset-background-color);
+        padding: nb-theme(scl-tabset-tab-padding);
+
+        min-width: nb-theme(route-tabset-min-width);
+        align-items: center;
+        gap: nb-theme(scl-tabset-tab-gap);
+
+        &:not(:has(nb-badge)) {
+            gap: 0;
+        }
+
+        &:not(:last-child) {
+            margin: nb-theme(scl-tabset-margin);
+        }
+
+        .tab-link {
+            grid-column-start: 1;
+            grid-column-end: 2;
+            padding: nb-theme(scl-tabset-tab-link-padding);
+
+            &::before {
+                display: none;
+            }
+        }
+
+        &.active {
+            background-color: nb-theme(tabset-tab-active-background-color);
+
+            .tab-link {
+                background-color: nb-theme(tabset-tab-active-background-color);
+
+                .tab-text {
+                    font-weight: nb-theme(tabset-tab-active-font-weight);
+                }
+            }
+
+            nb-badge {
+                background-color: nb-theme(scl-tab-badge-active-background-color);
+            }
+        }
+
+        nb-badge {
+            color: nb-theme(tabset-tab-text-color);
+            position: static;
+            grid-column-start: 2;
+            grid-column-end: 3;
+            display: flex;
+            align-items: center;
+            background-color: nb-theme(tabset-tab-active-background-color);
+            height: fit-content;
+            padding: nb-theme(scl-tab-badge-padding);
+            border-radius: nb-theme(scl-tab-badge-border-radius);
+        }
+
+        &:hover {
+            background-color: nb-theme(tabset-tab-hover-background-color);
+
+            &:active {
+                .tab-link {
+                    background-color: nb-theme(route-tabset-tab-active-background-color);
+                }
+            }
+
+            &:focus {
+                .tab-link {
+                    background-color: nb-theme(tabset-tab-focus-background-color);
+                }
+            }
+            .tab-link {
+                background-color: nb-theme(tabset-tab-background-color);
+            }
+        }
+
+        &:focus {
+            background-color: nb-theme(tabset-tab-focus-background-color);
+            outline: nb-theme(route-tabset-tab-focus-border-width) solid nb-theme(route-tabset-tab-focus-outline-color);
+
+            &:active {
+                .tab-link {
+                    background-color: nb-theme(route-tabset-tab-focus-background-color);
+                }
+            }
+
+            .tab-link {
+                &::before {
+                    background-color: nb-theme(tabset-tab-active-background-color);
+                }
+            }
+        }
+
+        &:active {
+            background-color: nb-theme(route-tabset-tab-active-background-color);
+            &.active {
+                .tab-link {
+                    background-color: nb-theme(route-tabset-tab-active-background-color);
+                }
+            }
+        }
+    }
+}
+
+.nb-theme-default {
+    .layout,
+    .cdk-overlay-container {
+        nb-tabset {
+            .tabset {
+                display: inline-flex;
+                padding: nb-theme(scl-tabset-padding);
+            }
+        }
+    }
+}
+
+.scl-tabset {
+    background-color: transparent;
+    display: block;
+
+    ul.route-tabset {
+        padding: 0.25rem 0;
+        background-color: nb-theme(scl-tabset-background-color);
+        display: inline-flex;
+    }
+
+    .tab {
+        gap: 0;
+    }
+    .content-active {
+        padding: 0;
+    }
+}

package/tabset/tabset.component.d.ts

@@ -0,0 +1,14 @@
+import { AfterContentInit, EventEmitter, QueryList } from '@angular/core';
+import { SclTabComponent } from './tab/tab.component';
+import * as i0 from "@angular/core";
+export declare class SclTabsetComponent implements AfterContentInit {
+    tabs: QueryList<SclTabComponent>;
+    defaultTabIndex: number;
+    tabChanged: EventEmitter<SclTabComponent>;
+    activeTab: SclTabComponent | null;
+    ngAfterContentInit(): void;
+    setActiveTab(tab: SclTabComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclTabsetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclTabsetComponent, "scl-tabset", never, { "defaultTabIndex": { "alias": "defaultTabIndex"; "required": false; }; }, { "tabChanged": "tabChanged"; }, ["tabs"], never, true, never>;
+}
+//# sourceMappingURL=tabset.component.d.ts.map

package/tabset/tabset.component.scss

@@ -0,0 +1,79 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.tabs-menu {
+    display: flex;
+    width: 100%;
+
+    &__sidebar {
+        min-width: 12.5rem;
+        border-right: 1px solid nb-theme(color-basic-200);
+        padding: 4px 8px 4px 4px;
+        overflow-y: auto;
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        margin: 0;
+        height: calc(100vh - 100px);
+    }
+
+    &__item {
+        list-style: none;
+    }
+
+    &__button {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        text-decoration: none;
+        color: nb-theme(color-basic-600);
+        padding: 0.5rem 1rem;
+        border-radius: 0.375rem;
+        cursor: pointer;
+        width: 100%;
+        border: none;
+        background-color: unset;
+
+        &:hover {
+            background-color: nb-theme(color-basic-200);
+            color: nb-theme(color-basic-700);
+        }
+
+        &:focus {
+            outline: nb-theme(color-primary-200) solid 0.25rem;
+        }
+
+        &--active {
+            background-color: nb-theme(color-primary-50);
+            color: nb-theme(color-primary-600);
+
+            &:hover {
+                background-color: nb-theme(color-primary-50);
+                color: nb-theme(color-primary-600);
+            }
+        }
+    }
+
+    &__content {
+        flex: 1;
+        padding: 0 20px;
+        display: flex;
+        flex-direction: column;
+        height: calc(100vh - 100px);
+        overflow: auto;
+        border: none;
+    }
+
+    &__body {
+        // flex: 1;
+        // display: flex;
+    }
+
+    &__empty {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        color: nb-theme(color-basic-200);
+        font-style: italic;
+    }
+}

package/taglist/tag/tag-config.scss

@@ -0,0 +1,30 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        tag-list-input-min-height: 7.5rem,
+        tag-border-radius: 0.25rem,
+
+        // Primary
+        tag-filled-primary-background-color: color-primary-50,
+        tag-filled-primary-border-color: color-primary-50,
+        tag-filled-primary-text-color: color-primary-600,
+
+        // Hover
+        tag-filled-primary-hover-background-color: color-primary-100,
+        tag-filled-primary-hover-border-color: color-primary-100,
+
+        // Active
+        tag-filled-primary-active-background-color: color-primary-200,
+        tag-filled-primary-active-border-color: color-primary-200,
+
+        scl-tag-list-border-radius: 0.375rem,
+        scl-tag-list-border-color: color-basic-300,
+        scl-tag-list-border-width: 0.063rem,
+        scl-tag-list-padding: 0 0.75rem,
+        scl-tag-margin: 0.25rem,
+        scl-tag-input-min-height: 3.25rem,
+    ),
+    default,
+    default
+);

package/taglist/tag/tag.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import { NbComponentOrCustomStatus, NbComponentSize, NbTagAppearance } from '@nebular/theme';
+import * as i0 from "@angular/core";
+export declare class SclTagComponent {
+    text: string;
+    status: NbComponentOrCustomStatus;
+    size: NbComponentSize;
+    appearance: NbTagAppearance;
+    private isRemovable;
+    set removable(value: string | boolean);
+    get removable(): boolean;
+    remove: EventEmitter<string>;
+    onRemove(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclTagComponent, "scl-tag", never, { "text": { "alias": "text"; "required": false; }; "status": { "alias": "status"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; }, { "remove": "remove"; }, never, never, true, never>;
+}
+//# sourceMappingURL=tag.component.d.ts.map

package/taglist/tag/tag.directive.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, EventEmitter, NgZone, Renderer2 } from '@angular/core';
+import { NbFocusMonitor, NbStatusService, NbTagInputDirective } from '@nebular/theme';
+import * as i0 from "@angular/core";
+export interface SclTagInputAddEvent {
+    input: ElementRef<HTMLInputElement>;
+    value: string;
+}
+export declare class SclTagInput extends NbTagInputDirective {
+    separatorKeys: number[];
+    tagAdd: EventEmitter<SclTagInputAddEvent>;
+    constructor(hostElement: ElementRef<HTMLInputElement>, focusMonitor: NbFocusMonitor, renderer: Renderer2, zone: NgZone, statusService: NbStatusService);
+    private setAttribute;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclTagInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclTagInput, "input[sclTagInput]", never, { "separatorKeys": { "alias": "separatorKeys"; "required": false; }; }, { "tagAdd": "tagAdd"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=tag.directive.d.ts.map

package/taglist/tag/tag.scss

@@ -0,0 +1,43 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.nb-tag-list-tags-wrapper {
+    align-self: flex-start;
+
+    nb-tag {
+        text-transform: none;
+    }
+
+    &:has(nb-tag) {
+        .nb-tag-input {
+            min-height: auto;
+        }
+
+        input.nb-tag-input::placeholder {
+            visibility: hidden;
+        }
+    }
+
+    input::placeholder {
+        white-space: normal;
+    }
+
+    .nb-tag-input {
+        min-height: nb-theme(scl-tag-input-min-height);
+    }
+}
+
+.nb-tag-list-with-input {
+    min-height: nb-theme(tag-list-input-min-height);
+}
+
+.scl-tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    border: nb-theme(scl-tag-list-border-width) solid nb-theme(scl-tag-list-border-color);
+    border-radius: nb-theme(scl-tag-list-border-radius);
+    padding: nb-theme(scl-tag-list-padding);
+
+    .scl-tag {
+        margin: nb-theme(scl-tag-margin);
+    }
+}

package/taglist/taglist.component.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter, QueryList } from '@angular/core';
+import { SclTagComponent } from './tag/tag.component';
+import * as i0 from "@angular/core";
+export declare class SclTagListComponent {
+    tags: QueryList<SclTagComponent>;
+    tagRemove: EventEmitter<SclTagComponent>;
+    ngAfterContentInit(): void;
+    handleTagRemove(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclTagListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclTagListComponent, "scl-tag-list", never, {}, { "tagRemove": "tagRemove"; }, ["tags"], ["*"], true, never>;
+}
+//# sourceMappingURL=taglist.component.d.ts.map

package/text-decoration/text-decoration.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export type TextDecoration = 'none';
+export declare class SclTextDecoration {
+    type?: TextDecoration;
+    get none(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclTextDecoration, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SclTextDecoration, "[sclTextDecoration]", never, { "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=text-decoration.component.d.ts.map

package/text-decoration/text-decoration.scss

@@ -0,0 +1,7 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-text-decoration {
+    &--none {
+        text-decoration: none;
+    }
+}

package/text-editor/text-editor.config.scss

@@ -0,0 +1,23 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-text-editor-border-width: 0.0625rem,
+        scl-text-editor-border-style: solid,
+        scl-text-editor-border-color: color-basic-300,
+        scl-text-editor-border-radius: 0.375rem,
+
+        scl-text-editor-tab-padding: 0.62rem 0.875rem,
+
+        scl-text-editor-disabled-border-color: color-basic-300,
+        scl-text-editor-disabled-background-color: color-basic-100,
+        scl-text-editor-disabled-text-color: color-basic-400,
+
+        scl-text-editor-placeholder-font-family: 'Inter',
+        scl-text-editor-placeholder-font-size: 0.875rem,
+        scl-text-editor-placeholder-line-height: 1.25,
+        scl-text-editor-placeholder-color: color-basic-500,
+    ),
+    default,
+    default
+);

package/text-editor/text-editor.d.ts

@@ -0,0 +1,60 @@
+import { QuillEditorComponent } from 'ngx-quill';
+import Quill from 'quill';
+import * as i0 from "@angular/core";
+export declare class SclTextEditor {
+    tabLess?: boolean;
+    placeholder?: string;
+    editor: QuillEditorComponent;
+    showImgConfig: boolean;
+    set hasImageUpload(value: any);
+    get hasImageUpload(): boolean;
+    isTabChanged: boolean;
+    quill: Quill;
+    imagePath: string;
+    content: string;
+    quillFile: any;
+    meQuillRef: any;
+    contentType: string;
+    htmlContent: string;
+    id: string;
+    create: boolean;
+    saveAndPublishLoader: boolean;
+    saveLoader: boolean;
+    saveMode: string;
+    isVisualMode: boolean;
+    textEditorDisabled: boolean;
+    private _toolbarOptions;
+    set toolbarOptions(options: any[]);
+    get toolbarOptions(): any[];
+    private onChange;
+    htmlText: string;
+    hasFocus: boolean;
+    format: any;
+    private onTouched;
+    get quillConfig(): {
+        toolbar: {
+            container: any[];
+            handlers: {
+                indent: (value: string) => void;
+            };
+        };
+        clipboard: {
+            matchVisual: boolean;
+        };
+    };
+    constructor();
+    onEditorCreated(editorInstance: Quill): void;
+    private addToolbarTooltips;
+    private getTooltipForButton;
+    private handleIndent;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(value: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    tabChanged(event: any): void;
+    onSelectionChanged(event: any): void;
+    onContentChanged(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclTextEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclTextEditor, "scl-text-editor", never, { "tabLess": { "alias": "tabLess"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hasImageUpload": { "alias": "hasImageUpload"; "required": false; }; "toolbarOptions": { "alias": "toolbarOptions"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=text-editor.d.ts.map

package/text-editor/text-editor.scss

@@ -0,0 +1,74 @@
+@use '@nebular/theme/styles/theming' as *;
+@import 'quill/dist/quill.core.css';
+@import 'quill/dist/quill.bubble.css';
+@import 'quill/dist/quill.snow.css';
+
+.scl-text-editor {
+    border-width: nb-theme(scl-text-editor-border-width);
+    border-color: nb-theme(scl-text-editor-border-color);
+    border-style: nb-theme(scl-text-editor-border-style);
+    border-radius: nb-theme(scl-text-editor-border-radius);
+
+    .ql-container {
+        border-width: 0rem;
+        border-color: nb-theme(scl-text-editor-border-color);
+        border-style: nb-theme(scl-text-editor-border-style);
+        border-bottom-width: nb-theme(scl-text-editor-border-width);
+        height: 250px;
+    }
+    .ql-toolbar {
+        border-width: 0rem;
+        border-color: nb-theme(scl-text-editor-border-color);
+        border-style: nb-theme(scl-text-editor-border-style);
+        border-bottom-width: nb-theme(scl-text-editor-border-width);
+    }
+
+    &__tab {
+        padding: nb-theme(scl-text-editor-tab-padding);
+
+        nb-tabset {
+            nb-tab.content-active {
+                display: none;
+            }
+        }
+    }
+
+    quill-editor {
+        &.scl-text-editor__quill {
+            display: block;
+        }
+    }
+
+    &--disabled {
+        pointer-events: none;
+        border-color: nb-theme(scl-text-editor-disabled-border-color);
+        background-color: nb-theme(scl-text-editor-disabled-background-color);
+
+        .ql-picker {
+            color: nb-theme(scl-text-editor-disabled-text-color);
+        }
+
+        .ql-fill {
+            fill: nb-theme(scl-text-editor-disabled-text-color);
+        }
+        .ql-stroke {
+            stroke: nb-theme(scl-text-editor-disabled-text-color);
+        }
+
+        nb-tabset .tab.disabled .tab-link {
+            color: nb-theme(scl-text-editor-disabled-text-color);
+        }
+    }
+
+    .ql-editor {
+        &.ql-blank {
+            &::before {
+                font-family: nb-theme(scl-text-editor-placeholder-font-family);
+                font-style: normal;
+                font-size: nb-theme(scl-text-editor-placeholder-font-size);
+                line-height: nb-theme(scl-text-editor-placeholder-line-height);
+                color: nb-theme(scl-text-editor-placeholder-color);
+            }
+        }
+    }
+}

package/theme.provider.d.ts

@@ -0,0 +1,2 @@
+export declare function themeProvider(themeName?: string): ((import("@angular/core").Provider | import("@angular/core").EnvironmentProviders)[] | undefined)[];
+//# sourceMappingURL=theme.provider.d.ts.map

package/timeline/timeline-config.scss

@@ -0,0 +1,49 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-timeline-card-max-height: 7rem,
+        scl-timeline-card-gap: 1rem,
+        scl-timeline-wrapper-padding: 0 1rem 0 0,
+
+        scl-timeline-aside-max-width: 17.625rem,
+        scl-timeline-aside-border-right-width: 0.063rem,
+        scl-timeline-aside-border-right-color: nb-theme(color-basic-200),
+        scl-timeline-aside-margin: 0 1rem 0 0,
+
+        scl-timeline-title-margin: 0 0 0.125rem 0,
+        scl-timeline-title-font-size: 0.875rem,
+        scl-timeline-title-line-height: 1.25rem,
+        scl-timeline-title-font-weight: 600,
+
+        scl-timeline-item-margin: 0.375rem 0,
+        scl-timeline-item-bullet-border-color: nb-theme(color-base-white),
+        scl-timeline-item-bullet-border-width: 0.25rem,
+        scl-timeline-item-bullet-width: 1rem,
+        scl-timeline-item-bullet-margin: 0.625rem 0.5rem 0.125rem 0,
+        scl-timeline-item-bullet-background-color: nb-theme(color-basic-600),
+        scl-timeline-item-bullet-active-background-color: nb-theme(color-primary-600),
+        scl-timeline-item-bullet-active-border-color: nb-theme(color-primary-100),
+        scl-timeline-item-line-width: 0.125rem,
+        scl-timeline-item-line-margin: 0 0 -0.75rem 0.438rem,
+        scl-timeline-item-line-background-color: nb-theme(color-basic-300),
+        scl-timeline-item-card-max-width: 15rem,
+        scl-timeline-item-card-padding: 0.5rem 0.75rem,
+        scl-timeline-item-card-border-radius: 0.375rem,
+        scl-timeline-item-card-gap: 0.375rem,
+        scl-timeline-item-card-active-background-color: nb-theme(color-primary-50),
+        scl-timeline-item-card-active-color: nb-theme(color-primary-600),
+        scl-timeline-item-label-font-size: 0.875rem,
+        scl-timeline-item-label-line-height: 1.25rem,
+        scl-timeline-item-label-font-weight: 500,
+        scl-timeline-item-label-max-width: 7rem,
+        scl-timeline-item-label-color: nb-theme(color-basic-700),
+        scl-timeline-item-info-font-size: 0.75rem,
+        scl-timeline-item-info-line-height: 1rem,
+        scl-timeline-item-info-color: nb-theme(color-basic-600),
+        scl-timeline-aside-height-top: 5.5rem,
+        scl-timeline-aside-height: 6.5rem,
+    ),
+    default,
+    default
+);