@f1falcha/stimulus 1.0.0

package/menu/menu-config.scss

@@ -0,0 +1,33 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-menu-top: 75px,
+        scl-menu-link-padding: 0.5rem 1rem,
+        scl-menu-link-border-radius: 0.375rem,
+
+        scl-menu-link-color: color-basic-600,
+        scl-menu-link-active-background-color: color-primary-50,
+        scl-menu-link-hover-background-color: color-basic-200,
+        scl-menu-link-focus-border-color: color-primary-200,
+        scl-menu-link-hover-color: color-basic-700,
+        scl-menu-link-active-color: color-primary-600,
+        scl-menu-link-focus-color: color-basic-600,
+        scl-menu-link-focus-outline-width: 0.25rem,
+
+        scl-menu-content-gap: 0.5rem,
+
+        scl-menu-icon-margin: 0 0.5rem 0 0,
+
+        scl-menu-child-menu-transition-time: 0.5s,
+        scl-menu-child-link-margin: 0.25rem 0.719rem,
+
+        scl-menu-open-border-width: 0.063rem,
+        scl-menu-open-border-color: color-basic-300,
+        scl-menu-open-margin: 0.25rem 0 0.25rem 1.625rem,
+
+        scl-menu-group-padding: 1.25rem 1rem 0.25rem,
+    ),
+    default,
+    default
+);

package/menu/menu-icon.d.ts

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

package/menu/menu.component.d.ts

@@ -0,0 +1,47 @@
+import { ActivatedRoute, Router } from '@angular/router';
+import { NbIconLibraries, NbSidebarService } from '@nebular/theme';
+import * as i0 from "@angular/core";
+export interface Icon {
+    icon: string;
+    pack: string;
+}
+export interface SclMenu {
+    title: string;
+    icon?: Icon;
+    link?: string;
+    children?: SclMenu[];
+    replaceUrl?: boolean;
+    selected?: boolean;
+    fragment?: string;
+    isActive?: boolean;
+    isExpand?: boolean;
+    group?: boolean;
+    hidden?: boolean;
+    skipLocationChange?: boolean;
+}
+export declare class SclMenuComponent {
+    private router;
+    private activateRoute;
+    private nbIconLibraries;
+    private sidebarService;
+    route: ActivatedRoute;
+    menus: SclMenu[];
+    activeFragment: string;
+    private subscriptions;
+    set items(menus: SclMenu[]);
+    get items(): SclMenu[];
+    get currentRoute(): string;
+    constructor(router: Router, activateRoute: ActivatedRoute, nbIconLibraries: NbIconLibraries, sidebarService: NbSidebarService, route: ActivatedRoute);
+    initializeMenu(): void;
+    private fragmentMenuActive;
+    private fragmentScroll;
+    toggleMenu(menu: SclMenu): void;
+    private collapseOtherMenus;
+    private toggleCurrentMenu;
+    private activateFirstChild;
+    private deactivateOtherChildMenus;
+    private handleSidebarState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclMenuComponent, "scl-menu", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=menu.component.d.ts.map

package/menu/menu.component.scss

@@ -0,0 +1,80 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-menu {
+    display: block;
+    padding: 4px;
+
+    &__list {
+        padding: 0;
+        margin: 0;
+    }
+
+    &__item {
+        list-style: none;
+    }
+
+    &__link {
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        color: nb-theme(scl-menu-link-color);
+        padding: nb-theme(scl-menu-link-padding);
+        border-radius: nb-theme(scl-menu-link-border-radius);
+        cursor: pointer;
+
+        &:hover {
+            background-color: nb-theme(scl-menu-link-hover-background-color);
+            color: nb-theme(scl-menu-link-hover-color);
+        }
+
+        &:focus {
+            outline: nb-theme(scl-menu-link-focus-border-color) solid nb-theme(scl-menu-link-focus-outline-width);
+        }
+
+        &.active {
+            background-color: nb-theme(scl-menu-link-active-background-color);
+            color: nb-theme(scl-menu-link-active-color);
+
+            &:hover {
+                background-color: nb-theme(scl-menu-link-active-background-color);
+                color: nb-theme(scl-menu-link-active-color);
+            }
+        }
+    }
+
+    &__icon {
+        margin: nb-theme(scl-menu-icon-margin);
+    }
+
+    &__title {
+        flex: 1 1 auto;
+        pointer-events: none;
+    }
+
+    &__child-menu {
+        display: grid;
+        grid-template-rows: 0fr;
+        transition: all nb-theme(scl-menu-child-menu-transition-time) ease;
+
+        &.open {
+            grid-template-rows: 1fr;
+            border-left: nb-theme(scl-menu-open-border-width) solid nb-theme(scl-menu-open-border-color);
+            margin: nb-theme(scl-menu-open-margin);
+        }
+    }
+
+    &__child-item {
+        overflow: hidden;
+    }
+
+    &__child-link {
+        margin: nb-theme(scl-menu-child-link-margin);
+    }
+
+    &__group {
+        text-transform: uppercase;
+        padding: nb-theme(scl-menu-group-padding);
+        cursor: none;
+        pointer-events: none;
+    }
+}

package/nebular-icon.d.ts

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

package/otp-input/otp-input-config.scss

@@ -0,0 +1,22 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-otp-input-width: 3rem,
+        scl-otp-input-height: 3rem,
+        scl-otp-input-padding: 0.5rem,
+        scl-otp-input-border-radius: 0.375rem,
+        scl-otp-input-border: 0.063rem solid nb-theme(color-basic-300),
+        scl-otp-input-box-shadow: 0 0.063rem 0.125rem 0 rgba(17, 24, 39, 0.06),
+        scl-otp-input-font-size: 2.188rem,
+        scl-otp-input-border-focus: 0.063rem solid nb-theme(color-primary-100),
+        //button along side otp input styles
+        scl-otp-button-border: 0.063rem solid transparent,
+        scl-otp-button-padding: 0.875rem,
+        scl-otp-button-margin-left: 0.25rem,
+        scl-otp-button-border-radius: 0.5rem,
+        scl-otp-button-right: -3.375rem,
+    ),
+    default,
+    default
+);

package/otp-input/otp-input.component.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormBuilder, FormGroup, ValidationErrors } from '@angular/forms';
+import { NbIconLibraries } from '@nebular/theme';
+import * as i0 from "@angular/core";
+export interface Config {
+    length: number;
+    isPasswordInput?: boolean;
+    allowNumbersOnly?: boolean;
+    disableAutoFocus?: boolean;
+    showToggle?: boolean;
+}
+export declare class SclOtpInputComponent implements ControlValueAccessor {
+    private formBuilder;
+    private iconLibraries;
+    otpForm: FormGroup;
+    isOtpLengthValid: boolean;
+    defaultConfig: Config;
+    set config(value: Config);
+    onOtpInput: EventEmitter<string>;
+    get config(): Config;
+    onChange: (val: string) => void;
+    onTouch: () => void;
+    constructor(formBuilder: FormBuilder, iconLibraries: NbIconLibraries);
+    otpChange(event: string): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    validate(control: AbstractControl<any, any>): ValidationErrors | null;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclOtpInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclOtpInputComponent, "scl-otp-input", never, { "config": { "alias": "config"; "required": false; }; }, { "onOtpInput": "onOtpInput"; }, never, never, true, never>;
+}
+//# sourceMappingURL=otp-input.component.d.ts.map

package/otp-input/otp-input.component.scss

@@ -0,0 +1,52 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-otp-input {
+    &__wrapper {
+        position: relative;
+        display: flex;
+        justify-content: center;
+    }
+
+    &__form {
+        display: flex;
+        position: relative;
+    }
+
+    ng-otp-input {
+        .otp-input {
+            width: nb-theme(scl-otp-input-width);
+            height: nb-theme(scl-otp-input-height);
+            padding: nb-theme(scl-otp-input-padding);
+            border-radius: nb-theme(scl-otp-input-padding);
+            box-shadow: nb-theme(scl-otp-input-box-shadow);
+            border: nb-theme(scl-otp-input-border);
+            font-size: nb-theme(scl-otp-input-font-size);
+
+            &:focus {
+                outline: none;
+                border: nb-theme(scl-otp-input-border-focus);
+            }
+        }
+    }
+
+    &__button {
+        border: nb-theme(scl-otp-button-border);
+        background-color: transparent;
+        box-shadow: none;
+        padding: nb-theme(scl-otp-button-padding);
+        margin-left: nb-theme(scl-otp-button-margin-left);
+        border-radius: nb-theme(scl-otp-button-border-radius);
+        position: absolute;
+        right: nb-theme(scl-otp-button-right);
+
+        &:focus {
+            outline: nb-theme(scl-otp-input-border-focus);
+            border: nb-theme(scl-otp-input-border-focus);
+            box-shadow: none;
+        }
+    }
+
+    &__button-hide {
+        visibility: hidden;
+    }
+}

package/otp-input/otp-input.icon.d.ts

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

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@f1falcha/stimulus",
+  "version": "1.0.0",
+  "description": "F1Soft Design System - Stimulus UI Component Library for Angular 16+",
+  "author": "F1Soft International Pvt. Ltd.",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^16.0.0",
+    "@angular/core": "^16.0.0",
+    "@angular/forms": "^16.0.0",
+    "@angular/material": "^16.0.0",
+    "@angular/cdk": "^16.0.1",
+    "@angular/animations": "^16.0.1",
+    "@nebular/theme": "^11.0.0",
+    "@ng-select/ng-select": "^11.0.0",
+    "@types/quill": "^1.3.10",
+    "chart.js": "^4.4.3",
+    "country-flag-emoji-polyfill": "^0.1.4",
+    "moment": "^2.29.4",
+    "ng-otp-input": "^1.9.3",
+    "ngx-file-drop": "^16.0.0",
+    "ngx-quill": "^22.0.0",
+    "quill": "^1.3.7",
+    "rxjs": "~7.8.0",
+    "swiper": "^11.1.3",
+    "zone.js": "~0.13.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "keywords": [
+    "angular",
+    "design-system",
+    "ui-components",
+    "f1soft",
+    "stimulus",
+    "nebular"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab-01.f1soft.com/web-workspace/falcha.git"
+  },
+  "module": "fesm2022/f1softinternational-stimulus.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/f1softinternational-stimulus.mjs",
+      "esm": "./esm2022/f1softinternational-stimulus.mjs",
+      "default": "./fesm2022/f1softinternational-stimulus.mjs"
+    }
+  }
+}

package/page-container/page-container-config.scss

@@ -0,0 +1,9 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-page-container-min-width: 44rem,
+    ),
+    default,
+    default
+);

package/page-container/page-container-info/page-container-info-config.scss

@@ -0,0 +1,9 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-page-container-content-height: 100%,
+    ),
+    default,
+    default
+);

package/page-container/page-container-info/page-container-info.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export type ImageType = 'success' | 'error' | 'warning';
+export declare class SclPageContainerInfo {
+    title: string;
+    type: ImageType;
+    showMessage: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclPageContainerInfo, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclPageContainerInfo, "scl-page-container-info", never, { "title": { "alias": "heading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "showMessage": { "alias": "showMessage"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=page-container-info.component.d.ts.map

package/page-container/page-container-info/page-container-info.scss

@@ -0,0 +1,6 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-page-container-info {
+    min-height: nb-theme(scl-page-container-content-height);
+    display: grid;
+}

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

@@ -0,0 +1,14 @@
+import { QueryList } from '@angular/core';
+import { SclPageContainerInfo } from './page-container-info/page-container-info.component';
+import * as i0 from "@angular/core";
+export declare class SclPageContainer {
+    containerInfo: QueryList<SclPageContainerInfo>;
+    showDefaultContent: boolean;
+    private contentType;
+    set show(value: string);
+    get show(): string;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclPageContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclPageContainer, "scl-page-container", never, { "show": { "alias": "contentType"; "required": false; }; }, {}, ["containerInfo"], ["*", "scl-page-container-info"], true, never>;
+}
+//# sourceMappingURL=page-container.component.d.ts.map

package/page-container/page-container.component.scss

@@ -0,0 +1,11 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-page-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+
+    @media screen and (max-width: 767px) {
+        min-width: nb-theme(scl-page-container-min-width);
+    }
+}

package/page-header/page-header-config.scss

@@ -0,0 +1,28 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        // Page header before config
+        scl-page-header-before-content-height: 1.25rem,
+        scl-page-header-before-content-width: 100%,
+        scl-page-header-background-color: color-base-white,
+
+        // Page header title config
+        scl-page-header-title-color: color-basic-900,
+        scl-page-header-title-font-size: scl-text-title-medium-font-size,
+        scl-page-header-title-font-weight: scl-text-semi-bold-font-weight,
+        scl-page-header-title-line-height: scl-text-title-medium-line-height,
+        scl-page-header-title-letter-spacing: scl-text-title-medium-letter-spacing,
+        scl-page-header-title-margin: 0,
+
+        // Page header config
+        scl-page-header-min-height: 4.188rem,
+        scl-page-header-border-color: color-basic-300,
+        scl-page-header-border-width: 1px,
+        scl-page-header-margin: 0 0 1.25rem,
+        scl-page-header-padding: 0.75rem 0,
+        scl-page-header-gap: 0.5rem
+    ),
+    default,
+    default
+);

package/page-header/page-header.component.d.ts

@@ -0,0 +1,18 @@
+import { Location } from '@angular/common';
+import { NbIconLibraries } from '@nebular/theme';
+import { SclSideDrawerService } from '../side-drawer/side-drawer.service';
+import * as i0 from "@angular/core";
+export declare class SclPageHeaderComponent {
+    private iconLibraries;
+    private location;
+    private drawerService;
+    protected shouldShowBack: boolean;
+    set showBack(shouldShowBack: string | boolean);
+    get showBack(): string | boolean;
+    title: string;
+    constructor(iconLibraries: NbIconLibraries, location: Location, drawerService: SclSideDrawerService);
+    back(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclPageHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclPageHeaderComponent, "scl-page-header", never, { "showBack": { "alias": "showBack"; "required": false; }; "title": { "alias": "heading"; "required": false; }; }, {}, never, ["scl-page-sub-heading", "*"], true, never>;
+}
+//# sourceMappingURL=page-header.component.d.ts.map

package/page-header/page-header.component.scss

@@ -0,0 +1,37 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-page-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: nb-theme(scl-page-header-gap);
+    position: sticky;
+    top: 0;
+    background-color: nb-theme(scl-page-header-background-color);
+    min-height: nb-theme(scl-page-header-min-height);
+    padding: nb-theme(scl-page-header-padding);
+    margin: nb-theme(scl-page-header-margin);
+    border-bottom: nb-theme(scl-page-header-border-width) solid nb-theme(scl-page-header-border-color);
+    z-index: 3;
+
+    &__title {
+        font-size: nb-theme(scl-page-header-title-font-size);
+        font-weight: nb-theme(scl-page-header-title-font-weight);
+        line-height: nb-theme(scl-page-header-title-line-height);
+        letter-spacing: nb-theme(scl-page-header-title-letter-spacing);
+        color: nb-theme(scl-page-header-title-color);
+        margin: nb-theme(scl-page-header-title-margin);
+        flex-grow: 1;
+    }
+
+    &__content {
+        display: grid;
+        grid-template-columns: 1fr auto;
+    }
+
+    &__info {
+        display: flex;
+        gap: nb-theme(scl-page-header-gap);
+        align-items: center;
+    }
+}

package/page-header/page-header.icons.d.ts

@@ -0,0 +1,3 @@
+import { NbIcons } from '@nebular/theme';
+export declare const SclPageHeaderIcons: NbIcons;
+//# sourceMappingURL=page-header.icons.d.ts.map

package/page-header/page-sub-heading/page-sub-heading.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SclPageSubHeadingComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclPageSubHeadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclPageSubHeadingComponent, "scl-page-sub-heading", never, {}, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=page-sub-heading.component.d.ts.map

package/page-loader/page-loader-config.scss

@@ -0,0 +1,23 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        spinner-primary-background-color: transparent,
+        spinner-text-color: color-basic-500,
+        scl-page-loader-spinner-container-min-height: 7.75rem,
+
+        // Min-height
+        scl-page-loader-small-min-height: 6.25rem,
+        scl-page-loader-medium-min-height: 18.75rem,
+        scl-page-loader-large-min-height: 31.25rem,
+
+        scl-page-loader-spinner-gap: 0.5rem,
+
+        // Spin Circle
+        scl-page-loader-spin-cirle-border-width: 0.25rem,
+        scl-page-loader-spin-circle-border-color: color-primary-100,
+        scl-page-loader-spin-circle-border-right-color: color-primary-500,
+    ),
+    default,
+    default
+);

package/page-loader/page-loader.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export type SpinnerSize = 'small' | 'medium' | 'large';
+export declare class SclPageLoaderComponent {
+    message: string;
+    size: SpinnerSize;
+    loading: boolean;
+    get small(): boolean;
+    get medium(): boolean;
+    get large(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclPageLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclPageLoaderComponent, "scl-page-loader", never, { "message": { "alias": "message"; "required": false; }; "size": { "alias": "size"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=page-loader.component.d.ts.map

package/page-loader/page-loader.component.scss

@@ -0,0 +1,44 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.nb-theme-default {
+    nb-tabset:has(.scl-page-loader) {
+        flex-grow: 1;
+        display: flex;
+        flex-direction: column;
+    }
+    nb-tab.content-active:has(.scl-page-loader) {
+        display: flex;
+        flex-direction: column;
+    }
+}
+
+.scl-page-loader {
+    flex-grow: 1;
+
+    &__container {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+
+        &.nb-spinner-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100%;
+
+            nb-spinner {
+                position: static;
+                display: flex;
+                flex-direction: column;
+                gap: nb-theme(scl-page-loader-spinner-gap);
+
+                .spin-circle {
+                    border-width: nb-theme(scl-page-loader-spin-cirle-border-width);
+                    border-color: nb-theme(scl-page-loader-spin-circle-border-color);
+                    border-right-color: nb-theme(scl-page-loader-spin-circle-border-right-color);
+                    animation: 1s spin linear infinite;
+                }
+            }
+        }
+    }
+}

package/pagination/pagination-config.scss

@@ -0,0 +1,24 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        // Pagination styles
+        scl-pagination-background-color: color-control-default,
+        scl-pagination-padding: 0.75rem 0 0.75rem 0,
+        scl-pagination-bottom: 0,
+        scl-pagination-item-gap: 0.5rem,
+
+        // Pagination typography
+        scl-pagination-font-size: 0.75rem,
+        scl-pagination-line-height: 1.33,
+        scl-pagination-font-weight: 500,
+        scl-pagination-font-color: color-basic-900,
+
+        // Pagination select
+        scl-pagination-select-padding: 0.375rem 0.875rem,
+        scl-pagination-select-margin: 0 1rem 0 0.5rem,
+        scl-pagination-select-text-color: color-basic-500
+    ),
+    default,
+    default
+);

package/pagination/pagination.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NbIconLibraries } from '@nebular/theme';
+import * as i0 from "@angular/core";
+export interface PageChangeEvent {
+    page: number;
+    pageSize: number;
+}
+export declare class SclPagination implements OnInit {
+    private iconLibraries;
+    totalData: number;
+    currentPageSize: number;
+    changePage: EventEmitter<PageChangeEvent>;
+    page: number;
+    maxPages: number;
+    pageSizeOptions: number[];
+    showRecords: boolean;
+    compact: string | boolean;
+    get compactPagination(): boolean;
+    pager: {
+        totalItems: number;
+        currentPage: number;
+        pageSize: number;
+        totalPages: number;
+        startPage: number;
+        endPage: number;
+        startIndex: number;
+        endIndex: number;
+        pages: number[];
+    };
+    get currentRecords(): {
+        from: number;
+        to: number;
+    };
+    constructor(iconLibraries: NbIconLibraries);
+    ngOnInit(): void;
+    set total(value: number);
+    get total(): number;
+    set pageSize(value: number);
+    get pageSize(): number;
+    setPage(page: number, emitEvent?: boolean): void;
+    itemChange(event: number): void;
+    pageChange(event: number): void;
+    private paginate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclPagination, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclPagination, "scl-pagination", never, { "page": { "alias": "page"; "required": false; }; "maxPages": { "alias": "maxPages"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "showRecords": { "alias": "showRecords"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "total": { "alias": "total"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "changePage": "changePage"; }, never, never, true, never>;
+}
+//# sourceMappingURL=pagination.d.ts.map