@spicainternational/ngx-sds-components 5.25.4 → 5.26.1

package/fesm2020/spicainternational-ngx-sds-components-src-lib-number-box.mjs

@@ -0,0 +1,174 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { faMinus, faPlus, faChevronLeft, faChevronRight } from '@fortawesome/pro-regular-svg-icons';
+import { Subject, debounceTime, interval, takeUntil } from 'rxjs';
+import * as i1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+
+class SdsNumberBoxComponent {
+    constructor() {
+        this.value = 0;
+        this.valueChange = new EventEmitter();
+        /**
+         * Width of component. By default 8rem.
+         *
+         * @type {string}
+         * @memberof SdsDurationBoxComponent
+         */
+        this.width = '8rem';
+        /**
+         * Specifies whether the UI component responds to user interaction.
+         *
+         * @type {boolean}
+         * @memberof SdsDurationBoxComponent
+         */
+        this.disabled = false;
+        /**
+         * The increment by which the value is increased or decreased.
+         *
+         * @type {number}
+         * @memberof SdsDurationBoxComponent
+         */
+        this.step = 1;
+        /**
+         * The icon set to use for the increment and decrement buttons.
+         * Icons used are from the FrontAwesome library, so you must include them in the project to use them.
+         * You can add them to FA library on the module/component level.
+         * Icons: regular, minus/plus, chevron-left/right
+         *
+         * @type {('plus-minus' | 'left-right')}
+         * @memberof SdsNumberBoxComponent
+         */
+        this.iconSet = 'plus-minus';
+        /**
+         * Interval between value changes when the increment or decrement button is held down.
+         *
+         * @type {number}
+         * @memberof SdsNumberBoxComponent
+         */
+        this.burstInterval = 120;
+        /**
+         * Interval in which new value is emitted to the parent component.
+         * It should be higher than burstInterval to prevent multiple value changes in burst mode.
+         *
+         * @type {number}
+         * @memberof SdsNumberBoxComponent
+         */
+        this.debounceTime = 150;
+        this.ICON_MINUS = faMinus;
+        this.ICON_PLUS = faPlus;
+        this.ICON_LEFT = faChevronLeft;
+        this.ICON_RIGHT = faChevronRight;
+        this.destroy$ = new Subject();
+        this.newValue$ = new Subject();
+    }
+    ngOnInit() {
+        this.newValue$.pipe(debounceTime(this.debounceTime)).subscribe(() => {
+            this.valueChange.emit(this.value);
+        });
+    }
+    increment() {
+        const newValue = this.value + this.step;
+        if (typeof this.max !== 'undefined' && newValue > this.max) {
+            return;
+        }
+        this.value = newValue;
+        this.newValue$.next(this.value);
+    }
+    decrement() {
+        const newValue = this.value - this.step;
+        if (typeof this.min !== 'undefined' && newValue < this.min) {
+            return;
+        }
+        this.value = newValue;
+        this.newValue$.next(this.value);
+    }
+    startIncrement() {
+        this.increment();
+        console.log('startIncrement');
+        interval(this.burstInterval)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.increment();
+        });
+    }
+    stopIncrement() {
+        console.log('stopIncrement');
+        this.destroy$.next();
+    }
+    startDecrement() {
+        this.decrement();
+        interval(this.burstInterval)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.decrement();
+        });
+    }
+    stopDecrement() {
+        this.destroy$.next();
+    }
+    ngOnDestroy() {
+        this.destroy$.complete();
+        this.newValue$.complete();
+    }
+}
+SdsNumberBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsNumberBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsNumberBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsNumberBoxComponent, selector: "sds-number-box", inputs: { value: "value", width: "width", disabled: "disabled", max: "max", min: "min", step: "step", iconSet: "iconSet", burstInterval: "burstInterval", debounceTime: "debounceTime" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div \r\n    class=\"input-group\"\r\n    [style.width]=\"width\"\r\n>\r\n\r\n    <button \r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startDecrement()\" \r\n        (mouseup)=\"stopDecrement()\"\r\n        [disabled]=\"disabled\"\r\n    > \r\n        <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_MINUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n        <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_LEFT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n    \r\n    <input \r\n        disabled\r\n        type=\"text\" \r\n        class=\"form-control text-center bg-white text-monospace\" \r\n        [class.text-muted]=\"disabled\"\r\n        [style.padding-top.rem]=\"0.31\"\r\n        [style.padding-bottom.rem]=\"0.31\"\r\n        placeholder=\"\"\r\n        [value]=\"value\">\r\n    \r\n    <button \r\n        #incrementButton\r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startIncrement()\" \r\n        (mouseup)=\"stopIncrement()\"\r\n        [disabled]=\"disabled\"\r\n    >\r\n    <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_PLUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_RIGHT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n\r\n</div>", styles: [""], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsNumberBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sds-number-box', template: "<div \r\n    class=\"input-group\"\r\n    [style.width]=\"width\"\r\n>\r\n\r\n    <button \r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startDecrement()\" \r\n        (mouseup)=\"stopDecrement()\"\r\n        [disabled]=\"disabled\"\r\n    > \r\n        <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_MINUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n        <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_LEFT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n    \r\n    <input \r\n        disabled\r\n        type=\"text\" \r\n        class=\"form-control text-center bg-white text-monospace\" \r\n        [class.text-muted]=\"disabled\"\r\n        [style.padding-top.rem]=\"0.31\"\r\n        [style.padding-bottom.rem]=\"0.31\"\r\n        placeholder=\"\"\r\n        [value]=\"value\">\r\n    \r\n    <button \r\n        #incrementButton\r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startIncrement()\" \r\n        (mouseup)=\"stopIncrement()\"\r\n        [disabled]=\"disabled\"\r\n    >\r\n    <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_PLUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_RIGHT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n\r\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], width: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], iconSet: [{
+                type: Input
+            }], burstInterval: [{
+                type: Input
+            }], debounceTime: [{
+                type: Input
+            }] } });
+
+class SdsNumberBoxModule {
+}
+SdsNumberBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsNumberBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SdsNumberBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsNumberBoxModule, declarations: [SdsNumberBoxComponent], imports: [CommonModule,
+        FontAwesomeModule], exports: [SdsNumberBoxComponent] });
+SdsNumberBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsNumberBoxModule, imports: [[
+            CommonModule,
+            FontAwesomeModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsNumberBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SdsNumberBoxComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FontAwesomeModule
+                    ],
+                    exports: [
+                        SdsNumberBoxComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdsNumberBoxComponent, SdsNumberBoxModule };
+//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-number-box.mjs.map

package/fesm2020/spicainternational-ngx-sds-components-src-lib-number-box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-number-box.mjs","sources":["../../../projects/ngx-sds-components/src/lib/number-box/number-box.component.ts","../../../projects/ngx-sds-components/src/lib/number-box/number-box.component.html","../../../projects/ngx-sds-components/src/lib/number-box/number-box.module.ts","../../../projects/ngx-sds-components/src/lib/number-box/spicainternational-ngx-sds-components-src-lib-number-box.ts"],"sourcesContent":["import {\r\n    Component,\r\n    ElementRef,\r\n    EventEmitter,\r\n    Input,\r\n    OnDestroy,\r\n    OnInit,\r\n    Output,\r\n    ViewChild,\r\n} from '@angular/core';\r\nimport { faChevronLeft, faChevronRight, faMinus, faPlus } from '@fortawesome/pro-regular-svg-icons';\r\nimport { Subject, debounceTime, fromEvent, interval, map, takeUntil, throttleTime } from 'rxjs';\r\n\r\n@Component({\r\n    selector: 'sds-number-box',\r\n    templateUrl: './number-box.component.html',\r\n    styleUrls: ['./number-box.component.scss'],\r\n})\r\nexport class SdsNumberBoxComponent implements OnInit, OnDestroy {\r\n    @Input() value: number = 0;\r\n    @Output() valueChange = new EventEmitter<number>();\r\n\r\n    /**\r\n     * Width of component. By default 8rem.\r\n     *\r\n     * @type {string}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() width: string = '8rem';\r\n\r\n    /**\r\n     * Specifies whether the UI component responds to user interaction.\r\n     *\r\n     * @type {boolean}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() disabled: boolean = false;\r\n\r\n    /**\r\n     * The maximum value accepted by the duration box.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() max?: number;\r\n\r\n    /**\r\n     * The minimum value accepted by the duration box.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() min?: number;\r\n\r\n    /**\r\n     * The increment by which the value is increased or decreased.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsDurationBoxComponent\r\n     */\r\n    @Input() step: number = 1;\r\n\r\n    /**\r\n     * The icon set to use for the increment and decrement buttons.\r\n     * Icons used are from the FrontAwesome library, so you must include them in the project to use them. \r\n     * You can add them to FA library on the module/component level.\r\n     * Icons: regular, minus/plus, chevron-left/right\r\n     *\r\n     * @type {('plus-minus' | 'left-right')}\r\n     * @memberof SdsNumberBoxComponent\r\n     */\r\n    @Input() iconSet: 'plus-minus' | 'left-right' = 'plus-minus';\r\n\r\n    /**\r\n     * Interval between value changes when the increment or decrement button is held down.\r\n     *\r\n     * @type {number}\r\n     * @memberof SdsNumberBoxComponent\r\n     */\r\n    @Input() burstInterval: number = 120;\r\n\r\n    /**\r\n     * Interval in which new value is emitted to the parent component.\r\n     * It should be higher than burstInterval to prevent multiple value changes in burst mode.\r\n     * \r\n     * @type {number}\r\n     * @memberof SdsNumberBoxComponent\r\n     */\r\n    @Input() debounceTime: number = 150;\r\n\r\n    public ICON_MINUS = faMinus;\r\n    public ICON_PLUS = faPlus;\r\n    public ICON_LEFT = faChevronLeft;\r\n    public ICON_RIGHT = faChevronRight;\r\n\r\n    private destroy$: Subject<void> = new Subject<void>();\r\n    private newValue$: Subject<number> = new Subject<number>();\r\n\r\n    constructor() {}\r\n\r\n    ngOnInit(): void {\r\n        this.newValue$.pipe(\r\n            debounceTime(this.debounceTime)\r\n        ).subscribe(() => {\r\n            this.valueChange.emit(this.value);\r\n        });\r\n    }\r\n\r\n    public increment() {\r\n        const newValue = this.value + this.step;\r\n        if (typeof this.max !== 'undefined' && newValue > this.max) {\r\n            return;\r\n        }\r\n        this.value = newValue;\r\n        this.newValue$.next(this.value);\r\n    }\r\n\r\n    public decrement() {\r\n        const newValue = this.value - this.step;\r\n        if (typeof this.min !== 'undefined' && newValue < this.min) {\r\n            return;\r\n        }\r\n        this.value = newValue;\r\n        this.newValue$.next(this.value);\r\n    }\r\n\r\n    startIncrement() {\r\n        this.increment();\r\n        console.log('startIncrement');\r\n        interval(this.burstInterval)\r\n            .pipe(takeUntil(this.destroy$))\r\n            .subscribe(() => {\r\n                this.increment();\r\n            });\r\n    }\r\n\r\n    stopIncrement() {\r\n        console.log('stopIncrement');\r\n        this.destroy$.next();\r\n    }\r\n\r\n    startDecrement() {\r\n        this.decrement();\r\n        interval(this.burstInterval)\r\n            .pipe(takeUntil(this.destroy$))\r\n            .subscribe(() => {\r\n                this.decrement();\r\n            });\r\n    }\r\n\r\n    stopDecrement() {\r\n        this.destroy$.next();\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this.destroy$.complete();\r\n        this.newValue$.complete();\r\n    }\r\n}\r\n","<div \r\n    class=\"input-group\"\r\n    [style.width]=\"width\"\r\n>\r\n\r\n    <button \r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startDecrement()\" \r\n        (mouseup)=\"stopDecrement()\"\r\n        [disabled]=\"disabled\"\r\n    > \r\n        <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_MINUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n        <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_LEFT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n    \r\n    <input \r\n        disabled\r\n        type=\"text\" \r\n        class=\"form-control text-center bg-white text-monospace\" \r\n        [class.text-muted]=\"disabled\"\r\n        [style.padding-top.rem]=\"0.31\"\r\n        [style.padding-bottom.rem]=\"0.31\"\r\n        placeholder=\"\"\r\n        [value]=\"value\">\r\n    \r\n    <button \r\n        #incrementButton\r\n        class=\"btn btn-secondary btn-sm border\" \r\n        type=\"button\"\r\n        (mousedown)=\"startIncrement()\" \r\n        (mouseup)=\"stopIncrement()\"\r\n        [disabled]=\"disabled\"\r\n    >\r\n    <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_PLUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_RIGHT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\r\n    </button>\r\n\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsNumberBoxComponent } from './number-box.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdsNumberBoxComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FontAwesomeModule\r\n  ],\r\n  exports: [\r\n    SdsNumberBoxComponent\r\n  ]\r\n})\r\nexport class SdsNumberBoxModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/spicainternational-ngx-sds-components-src-lib-table-actions.mjs

@@ -1,34 +1,23 @@
 import * as i0 from '@angular/core';
-import { Component, Input, ViewChild, NgModule } from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { DxPopoverModule } from 'devextreme-angular';
 
 class SdsTableActionsComponent {
-    constructor(_renderer) {
-        this._renderer = _renderer;
+    constructor() {
         this.dropdownIcon = ['far', 'ellipsis'];
-        this.dropdownButtonId = `sds-ta-${Math.ceil(Math.random() * 1000000)}`;
-    }
-    closeDropdown() {
-        console.log('close dropdown');
-        // if (this._dropdownButton?.nativeElement) {
-        //     this._renderer.removeClass(this._dropdownButton.nativeElement, 'show');
-        // }
     }
     ngOnInit() { }
 }
-SdsTableActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon" }, viewQueries: [{ propertyName: "_dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, static: true }], ngImport: i0, template: "\n<div class=\"sds-actions-container me-2\">\n\n    <div class=\"btn-group sds-actions-wrapper\">\n        <ng-content select='quickActions'></ng-content>\n\n        <div class=\"btn-group\">\n            <button \n                #dropdownButton\n                class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n                type=\"button\" \n                data-bs-toggle=\"dropdown\" \n                data-bs-auto-close=\"true\"\n                aria-expanded=\"false\"\n                >\n                <fa-icon \n                    [icon]=\"dropdownIcon\" \n                    [fixedWidth]=\"true\" \n                    [size]=\"'sm'\">\n                </fa-icon>\n            </button>\n\n            <ul \n                class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n                (click)=\"closeDropdown()\"\n                >\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </div>\n</div>", styles: [""], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+SdsTableActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon" }, ngImport: i0, template: "\r\n<div class=\"sds-actions-container me-2\">\r\n\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select='quickActions'></ng-content>\r\n\r\n        <div class=\"btn-group\">\r\n            <button \r\n                #dropdownButton\r\n                class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\r\n                type=\"button\" \r\n                data-bs-toggle=\"dropdown\" \r\n                data-bs-auto-close=\"true\"\r\n                aria-expanded=\"false\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"dropdownIcon\" \r\n                    [fixedWidth]=\"true\" \r\n                    [size]=\"'sm'\">\r\n                </fa-icon>\r\n            </button>\r\n\r\n            <ul class=\"dropdown-menu sds-table-dropdown-menu py-2\">\r\n                <ng-content></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>", styles: [""], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-table-actions', template: "\n<div class=\"sds-actions-container me-2\">\n\n    <div class=\"btn-group sds-actions-wrapper\">\n        <ng-content select='quickActions'></ng-content>\n\n        <div class=\"btn-group\">\n            <button \n                #dropdownButton\n                class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n                type=\"button\" \n                data-bs-toggle=\"dropdown\" \n                data-bs-auto-close=\"true\"\n                aria-expanded=\"false\"\n                >\n                <fa-icon \n                    [icon]=\"dropdownIcon\" \n                    [fixedWidth]=\"true\" \n                    [size]=\"'sm'\">\n                </fa-icon>\n            </button>\n\n            <ul \n                class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n                (click)=\"closeDropdown()\"\n                >\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </div>\n</div>", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { dropdownIcon: [{
+            args: [{ selector: 'sds-table-actions', template: "\r\n<div class=\"sds-actions-container me-2\">\r\n\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select='quickActions'></ng-content>\r\n\r\n        <div class=\"btn-group\">\r\n            <button \r\n                #dropdownButton\r\n                class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\r\n                type=\"button\" \r\n                data-bs-toggle=\"dropdown\" \r\n                data-bs-auto-close=\"true\"\r\n                aria-expanded=\"false\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"dropdownIcon\" \r\n                    [fixedWidth]=\"true\" \r\n                    [size]=\"'sm'\">\r\n                </fa-icon>\r\n            </button>\r\n\r\n            <ul class=\"dropdown-menu sds-table-dropdown-menu py-2\">\r\n                <ng-content></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dropdownIcon: [{
                 type: Input
-            }], _dropdownButton: [{
-                type: ViewChild,
-                args: ['dropdownButton', { static: true }]
             }] } });
 
 class SdsTableActionsModule {

package/fesm2020/spicainternational-ngx-sds-components-src-lib-table-actions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-table-actions.mjs","sources":["../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.ts","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.html","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.module.ts","../../../projects/ngx-sds-components/src/lib/table-actions/spicainternational-ngx-sds-components-src-lib-table-actions.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnChanges, OnInit, Renderer2, SimpleChanges, ViewChild } from '@angular/core';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n    selector: 'sds-table-actions',\n    templateUrl: './table-actions.component.html',\n    styleUrls: ['./table-actions.component.scss'],\n})\nexport class SdsTableActionsComponent implements OnInit {\n\n    @Input() dropdownIcon: IconProp = ['far', 'ellipsis'];\n    @ViewChild('dropdownButton', { static: true }) private _dropdownButton: ElementRef | undefined;\n\n    public dropdownButtonId = `sds-ta-${Math.ceil(Math.random() * 1000000)}`;\n\n    constructor(\n        private _renderer: Renderer2\n    ) {}\n\n    public closeDropdown(): void {\n        console.log('close dropdown');\n        // if (this._dropdownButton?.nativeElement) {\n        //     this._renderer.removeClass(this._dropdownButton.nativeElement, 'show');\n        // }\n    }\n\n    ngOnInit(): void {}\n}\n","\n<div class=\"sds-actions-container me-2\">\n\n    <div class=\"btn-group sds-actions-wrapper\">\n        <ng-content select='quickActions'></ng-content>\n\n        <div class=\"btn-group\">\n            <button \n                #dropdownButton\n                class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n                type=\"button\" \n                data-bs-toggle=\"dropdown\" \n                data-bs-auto-close=\"true\"\n                aria-expanded=\"false\"\n                >\n                <fa-icon \n                    [icon]=\"dropdownIcon\" \n                    [fixedWidth]=\"true\" \n                    [size]=\"'sm'\">\n                </fa-icon>\n            </button>\n\n            <ul \n                class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n                (click)=\"closeDropdown()\"\n                >\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SdsTableActionsComponent } from './table-actions.component';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { DxPopoverModule } from 'devextreme-angular';\n\n\n\n@NgModule({\n  declarations: [\n    SdsTableActionsComponent\n  ],\n  imports: [\n    CommonModule,\n    FontAwesomeModule,\n    DxPopoverModule\n  ],\n  exports: [\n    SdsTableActionsComponent\n  ]\n})\nexport class SdsTableActionsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAQa,wBAAwB,CAAA;AAOjC,IAAA,WAAA,CACY,SAAoB,EAAA;QAApB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;AANvB,QAAA,IAAA,CAAA,YAAY,GAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AAG/C,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;KAIrE;IAEG,aAAa,GAAA;AAChB,QAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;;;;KAIjC;AAED,IAAA,QAAQ,MAAW;;qHAlBV,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,oOCRrC,g9BA8BM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDtBO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACI,mBAAmB,EAAA,QAAA,EAAA,g9BAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;gGAMpB,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACiD,eAAe,EAAA,CAAA;sBAArE,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;MEUpC,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CAX9B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;QACZ,iBAAiB;AACjB,QAAA,eAAe,aAGf,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EATvB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,iBAAiB;YACjB,eAAe;AAChB,SAAA,CAAA,EAAA,CAAA,CAAA;2FAKU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}
+{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-table-actions.mjs","sources":["../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.ts","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.html","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.module.ts","../../../projects/ngx-sds-components/src/lib/table-actions/spicainternational-ngx-sds-components-src-lib-table-actions.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnChanges, OnInit, Renderer2, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\r\n\r\n@Component({\r\n    selector: 'sds-table-actions',\r\n    templateUrl: './table-actions.component.html',\r\n    styleUrls: ['./table-actions.component.scss'],\r\n})\r\nexport class SdsTableActionsComponent implements OnInit {\r\n\r\n    @Input() dropdownIcon: IconProp = ['far', 'ellipsis'];\r\n\r\n    constructor(\r\n\r\n    ) {}\r\n\r\n    ngOnInit(): void {}\r\n}\r\n","\r\n<div class=\"sds-actions-container me-2\">\r\n\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select='quickActions'></ng-content>\r\n\r\n        <div class=\"btn-group\">\r\n            <button \r\n                #dropdownButton\r\n                class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\r\n                type=\"button\" \r\n                data-bs-toggle=\"dropdown\" \r\n                data-bs-auto-close=\"true\"\r\n                aria-expanded=\"false\"\r\n                >\r\n                <fa-icon \r\n                    [icon]=\"dropdownIcon\" \r\n                    [fixedWidth]=\"true\" \r\n                    [size]=\"'sm'\">\r\n                </fa-icon>\r\n            </button>\r\n\r\n            <ul class=\"dropdown-menu sds-table-dropdown-menu py-2\">\r\n                <ng-content></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SdsTableActionsComponent } from './table-actions.component';\r\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\r\nimport { DxPopoverModule } from 'devextreme-angular';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdsTableActionsComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FontAwesomeModule,\r\n    DxPopoverModule\r\n  ],\r\n  exports: [\r\n    SdsTableActionsComponent\r\n  ]\r\n})\r\nexport class SdsTableActionsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAQa,wBAAwB,CAAA;AAIjC,IAAA,WAAA,GAAA;AAFS,QAAA,IAAA,CAAA,YAAY,GAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;KAIlD;AAEJ,IAAA,QAAQ,MAAW;;qHARV,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,mGCRrC,q7BA2BM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDnBO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACI,mBAAmB,EAAA,QAAA,EAAA,q7BAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;0EAMpB,YAAY,EAAA,CAAA;sBAApB,KAAK;;;MEWG,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CAX9B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;QACZ,iBAAiB;AACjB,QAAA,eAAe,aAGf,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EATvB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,iBAAiB;YACjB,eAAe;AAChB,SAAA,CAAA,EAAA,CAAA,CAAA;2FAKU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}

package/fesm2020/spicainternational-ngx-sds-components.mjs

@@ -16,6 +16,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/layout';
 export * from '@spicainternational/ngx-sds-components/src/lib/message';
 export * from '@spicainternational/ngx-sds-components/src/lib/modal';
 export * from '@spicainternational/ngx-sds-components/src/lib/navigation';
+export * from '@spicainternational/ngx-sds-components/src/lib/number-box';
 export * from '@spicainternational/ngx-sds-components/src/lib/page-header';
 export * from '@spicainternational/ngx-sds-components/src/lib/pane';
 export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';

package/fesm2020/spicainternational-ngx-sds-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/intersection';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timer';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/table-actions';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
+{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/intersection';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/number-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timer';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/table-actions';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicainternational/ngx-sds-components",
-  "version": "5.25.4",
+  "version": "5.26.1",
   "license": "MIT",
   "description": "Spica design system angular components.",
   "peerDependencies": {
@@ -183,6 +183,14 @@
       "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-navigation.mjs",
       "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-navigation.mjs"
     },
+    "./src/lib/number-box": {
+      "types": "./src/lib/number-box/spicainternational-ngx-sds-components-src-lib-number-box.d.ts",
+      "esm2020": "./esm2020/src/lib/number-box/spicainternational-ngx-sds-components-src-lib-number-box.mjs",
+      "es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-number-box.mjs",
+      "es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-number-box.mjs",
+      "node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-number-box.mjs",
+      "default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-number-box.mjs"
+    },
     "./src/lib/page-header": {
       "types": "./src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.d.ts",
       "esm2020": "./esm2020/src/lib/page-header/spicainternational-ngx-sds-components-src-lib-page-header.mjs",

package/public-api.d.ts

@@ -16,6 +16,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/layout';
 export * from '@spicainternational/ngx-sds-components/src/lib/message';
 export * from '@spicainternational/ngx-sds-components/src/lib/modal';
 export * from '@spicainternational/ngx-sds-components/src/lib/navigation';
+export * from '@spicainternational/ngx-sds-components/src/lib/number-box';
 export * from '@spicainternational/ngx-sds-components/src/lib/page-header';
 export * from '@spicainternational/ngx-sds-components/src/lib/pane';
 export * from '@spicainternational/ngx-sds-components/src/lib/quick-info';

package/src/lib/number-box/number-box.component.d.ts

@@ -0,0 +1,83 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SdsNumberBoxComponent implements OnInit, OnDestroy {
+    value: number;
+    valueChange: EventEmitter<number>;
+    /**
+     * Width of component. By default 8rem.
+     *
+     * @type {string}
+     * @memberof SdsDurationBoxComponent
+     */
+    width: string;
+    /**
+     * Specifies whether the UI component responds to user interaction.
+     *
+     * @type {boolean}
+     * @memberof SdsDurationBoxComponent
+     */
+    disabled: boolean;
+    /**
+     * The maximum value accepted by the duration box.
+     *
+     * @type {number}
+     * @memberof SdsDurationBoxComponent
+     */
+    max?: number;
+    /**
+     * The minimum value accepted by the duration box.
+     *
+     * @type {number}
+     * @memberof SdsDurationBoxComponent
+     */
+    min?: number;
+    /**
+     * The increment by which the value is increased or decreased.
+     *
+     * @type {number}
+     * @memberof SdsDurationBoxComponent
+     */
+    step: number;
+    /**
+     * The icon set to use for the increment and decrement buttons.
+     * Icons used are from the FrontAwesome library, so you must include them in the project to use them.
+     * You can add them to FA library on the module/component level.
+     * Icons: regular, minus/plus, chevron-left/right
+     *
+     * @type {('plus-minus' | 'left-right')}
+     * @memberof SdsNumberBoxComponent
+     */
+    iconSet: 'plus-minus' | 'left-right';
+    /**
+     * Interval between value changes when the increment or decrement button is held down.
+     *
+     * @type {number}
+     * @memberof SdsNumberBoxComponent
+     */
+    burstInterval: number;
+    /**
+     * Interval in which new value is emitted to the parent component.
+     * It should be higher than burstInterval to prevent multiple value changes in burst mode.
+     *
+     * @type {number}
+     * @memberof SdsNumberBoxComponent
+     */
+    debounceTime: number;
+    ICON_MINUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ICON_PLUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ICON_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ICON_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    private destroy$;
+    private newValue$;
+    constructor();
+    ngOnInit(): void;
+    increment(): void;
+    decrement(): void;
+    startIncrement(): void;
+    stopIncrement(): void;
+    startDecrement(): void;
+    stopDecrement(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsNumberBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdsNumberBoxComponent, "sds-number-box", never, { "value": "value"; "width": "width"; "disabled": "disabled"; "max": "max"; "min": "min"; "step": "step"; "iconSet": "iconSet"; "burstInterval": "burstInterval"; "debounceTime": "debounceTime"; }, { "valueChange": "valueChange"; }, never, never>;
+}

package/src/lib/number-box/number-box.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./number-box.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@fortawesome/angular-fontawesome";
+export declare class SdsNumberBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdsNumberBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdsNumberBoxModule, [typeof i1.SdsNumberBoxComponent], [typeof i2.CommonModule, typeof i3.FontAwesomeModule], [typeof i1.SdsNumberBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SdsNumberBoxModule>;
+}

package/src/lib/number-box/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-number-box.mjs",
+  "es2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-number-box.mjs",
+  "esm2020": "../../../esm2020/src/lib/number-box/spicainternational-ngx-sds-components-src-lib-number-box.mjs",
+  "fesm2020": "../../../fesm2020/spicainternational-ngx-sds-components-src-lib-number-box.mjs",
+  "fesm2015": "../../../fesm2015/spicainternational-ngx-sds-components-src-lib-number-box.mjs",
+  "typings": "spicainternational-ngx-sds-components-src-lib-number-box.d.ts",
+  "sideEffects": false,
+  "name": "@spicainternational/ngx-sds-components/src/lib/number-box"
+}

package/src/lib/number-box/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './number-box.module';
+export * from './number-box.component';

package/src/lib/number-box/spicainternational-ngx-sds-components-src-lib-number-box.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@spicainternational/ngx-sds-components/src/lib/number-box" />
+export * from './public-api';

package/src/lib/table-actions/table-actions.component.d.ts

@@ -1,13 +1,9 @@
-import { OnInit, Renderer2 } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import * as i0 from "@angular/core";
 export declare class SdsTableActionsComponent implements OnInit {
-    private _renderer;
     dropdownIcon: IconProp;
-    private _dropdownButton;
-    dropdownButtonId: string;
-    constructor(_renderer: Renderer2);
-    closeDropdown(): void;
+    constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsTableActionsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsTableActionsComponent, "sds-table-actions", never, { "dropdownIcon": "dropdownIcon"; }, {}, never, ["quickActions", "*"]>;