@spicainternational/ngx-sds-components 5.25.4 → 5.26.0

package/README.md

@@ -4,6 +4,7 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
 
 ## Code scaffolding
 
+Create new module `ng generate module module-name --project ngx-sds-components`. Add components/pipes/services to it.
 Run `ng generate component component-name --project ngx-sds-components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-sds-components`.
 > Note: Don't forget to add `--project ngx-sds-components` or else it will be added to the default project in your `angular.json` file. 
 

package/esm2020/public-api.mjs

@@ -19,6 +19,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';
@@ -28,4 +29,4 @@ export * from '@spicainternational/ngx-sds-components/src/lib/static-value';
 export * from '@spicainternational/ngx-sds-components/src/lib/timer';
 export * from '@spicainternational/ngx-sds-components/src/lib/tooltip';
 export * from '@spicainternational/ngx-sds-components/src/lib/table-actions';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsOERBQThELENBQUM7QUFDN0UsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxxREFBcUQsQ0FBQztBQUNwRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLDZEQUE2RCxDQUFDO0FBQzVFLGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLDhEQUE4RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1zZHMtY29tcG9uZW50c1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXBwLXN3aXRjaGVyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9hdmF0YXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2JhZGdlJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9jYWxsb3V0JztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9jb2xvci1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2VsbGlwc2lzJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbnNpb24tcGFuZWwnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2RhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRlLXBpcGVzJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9kdXJhdGlvbi1waXBlJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9kdXJhdGlvbi1ib3gnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2hpZ2hsaWdodC10ZXh0JztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9pbnRlcnNlY3Rpb24nO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2tleWJvYXJkLXNob3J0Y3V0JztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL21lc3NhZ2UnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL21vZGFsJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9uYXZpZ2F0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9wYWdlLWhlYWRlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcGFuZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvcXVpY2staW5mbyc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2VnbWVudGVkLWNvbnRyb2wnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3NpZGUtYmFyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9zdGF0aWMtdmFsdWUnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3RpbWVyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90b29sdGlwJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90YWJsZS1hY3Rpb25zJztcclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsOERBQThELENBQUM7QUFDN0UsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMsOERBQThELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LXNkcy1jb21wb25lbnRzXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9hcHAtc3dpdGNoZXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYmFkZ2UnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NhbGxvdXQnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2NvbG9yLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZWxsaXBzaXMnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2V4cGFuc2lvbi1wYW5lbCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZGF0ZS1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2RhdGUtcGlwZXMnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2R1cmF0aW9uLXBpcGUnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2R1cmF0aW9uLWJveCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvaGlnaGxpZ2h0LXRleHQnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2ludGVyc2VjdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIva2V5Ym9hcmQtc2hvcnRjdXQnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2xheW91dCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbWVzc2FnZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbW9kYWwnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24nO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL251bWJlci1ib3gnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3BhZ2UtaGVhZGVyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9wYW5lJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9xdWljay1pbmZvJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9zZWdtZW50ZWQtY29udHJvbCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3N0YXRpYy12YWx1ZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvdGltZXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3Rvb2x0aXAnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3RhYmxlLWFjdGlvbnMnO1xyXG4iXX0=

package/esm2020/src/lib/number-box/number-box.component.mjs

@@ -0,0 +1,140 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import { faChevronLeft, faChevronRight, faMinus, faPlus } from '@fortawesome/pro-regular-svg-icons';
+import { Subject, debounceTime, interval, takeUntil } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+import * as i2 from "@angular/common";
+export 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 \n    class=\"input-group\"\n    [style.width]=\"width\"\n>\n\n    <button \n        class=\"btn btn-secondary btn-sm border\" \n        type=\"button\"\n        (mousedown)=\"startDecrement()\" \n        (mouseup)=\"stopDecrement()\"\n        [disabled]=\"disabled\"\n    > \n        <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_MINUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\n        <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_LEFT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\n    </button>\n    \n    <input \n        disabled\n        type=\"text\" \n        class=\"form-control text-center bg-white text-monospace\" \n        [class.text-muted]=\"disabled\"\n        [style.padding-top.rem]=\"0.31\"\n        [style.padding-bottom.rem]=\"0.31\"\n        placeholder=\"\"\n        [value]=\"value\">\n    \n    <button \n        #incrementButton\n        class=\"btn btn-secondary btn-sm border\" \n        type=\"button\"\n        (mousedown)=\"startIncrement()\" \n        (mouseup)=\"stopIncrement()\"\n        [disabled]=\"disabled\"\n    >\n    <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_PLUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\n    <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_RIGHT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\n    </button>\n\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 \n    class=\"input-group\"\n    [style.width]=\"width\"\n>\n\n    <button \n        class=\"btn btn-secondary btn-sm border\" \n        type=\"button\"\n        (mousedown)=\"startDecrement()\" \n        (mouseup)=\"stopDecrement()\"\n        [disabled]=\"disabled\"\n    > \n        <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_MINUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\n        <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_LEFT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\n    </button>\n    \n    <input \n        disabled\n        type=\"text\" \n        class=\"form-control text-center bg-white text-monospace\" \n        [class.text-muted]=\"disabled\"\n        [style.padding-top.rem]=\"0.31\"\n        [style.padding-bottom.rem]=\"0.31\"\n        placeholder=\"\"\n        [value]=\"value\">\n    \n    <button \n        #incrementButton\n        class=\"btn btn-secondary btn-sm border\" \n        type=\"button\"\n        (mousedown)=\"startIncrement()\" \n        (mouseup)=\"stopIncrement()\"\n        [disabled]=\"disabled\"\n    >\n    <fa-icon *ngIf=\"iconSet === 'plus-minus'\" [icon]=\"ICON_PLUS\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\n    <fa-icon *ngIf=\"iconSet === 'left-right'\" [icon]=\"ICON_RIGHT\" [fixedWidth]=\"true\" [size]=\"'sm'\"></fa-icon>\n    </button>\n\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
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9udW1iZXItYm94L251bWJlci1ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbnVtYmVyLWJveC9udW1iZXItYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEdBRVQsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFhLFFBQVEsRUFBTyxTQUFTLEVBQWdCLE1BQU0sTUFBTSxDQUFDOzs7O0FBT2hHLE1BQU0sT0FBTyxxQkFBcUI7SUFnRjlCO1FBL0VTLFVBQUssR0FBVyxDQUFDLENBQUM7UUFDakIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRW5EOzs7OztXQUtHO1FBQ00sVUFBSyxHQUFXLE1BQU0sQ0FBQztRQUVoQzs7Ozs7V0FLRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFrQm5DOzs7OztXQUtHO1FBQ00sU0FBSSxHQUFXLENBQUMsQ0FBQztRQUUxQjs7Ozs7Ozs7V0FRRztRQUNNLFlBQU8sR0FBZ0MsWUFBWSxDQUFDO1FBRTdEOzs7OztXQUtHO1FBQ00sa0JBQWEsR0FBVyxHQUFHLENBQUM7UUFFckM7Ozs7OztXQU1HO1FBQ00saUJBQVksR0FBVyxHQUFHLENBQUM7UUFFN0IsZUFBVSxHQUFHLE9BQU8sQ0FBQztRQUNyQixjQUFTLEdBQUcsTUFBTSxDQUFDO1FBQ25CLGNB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QVFHLEdBQUc7c0JBQVgsS0FBSztnQkFRRyxJQUFJO3NCQUFaLEtBQUs7Z0JBV0csT0FBTztzQkFBZixLQUFLO2dCQVFHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBU0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBPbkluaXQsXG4gICAgT3V0cHV0LFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBmYUNoZXZyb25MZWZ0LCBmYUNoZXZyb25SaWdodCwgZmFNaW51cywgZmFQbHVzIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1yZWd1bGFyLXN2Zy1pY29ucyc7XG5pbXBvcnQgeyBTdWJqZWN0LCBkZWJvdW5jZVRpbWUsIGZyb21FdmVudCwgaW50ZXJ2YWwsIG1hcCwgdGFrZVVudGlsLCB0aHJvdHRsZVRpbWUgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzZHMtbnVtYmVyLWJveCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL251bWJlci1ib3guY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL251bWJlci1ib3guY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2RzTnVtYmVyQm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIEBJbnB1dCgpIHZhbHVlOiBudW1iZXIgPSAwO1xuICAgIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gICAgLyoqXG4gICAgICogV2lkdGggb2YgY29tcG9uZW50LiBCeSBkZWZhdWx0IDhyZW0uXG4gICAgICpcbiAgICAgKiBAdHlwZSB7c3RyaW5nfVxuICAgICAqIEBtZW1iZXJvZiBTZHNEdXJhdGlvbkJveENvbXBvbmVudFxuICAgICAqL1xuICAgIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnOHJlbSc7XG5cbiAgICAvKipcbiAgICAgKiBTcGVjaWZpZXMgd2hldGhlciB0aGUgVUkgY29tcG9uZW50IHJlc3BvbmRzIHRvIHVzZXIgaW50ZXJhY3Rpb24uXG4gICAgICpcbiAgICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICAgKiBAbWVtYmVyb2YgU2RzRHVyYXRpb25Cb3hDb21wb25lbnRcbiAgICAgKi9cbiAgICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogVGhlIG1heGltdW0gdmFsdWUgYWNjZXB0ZWQgYnkgdGhlIGR1cmF0aW9uIGJveC5cbiAgICAgKlxuICAgICAqIEB0eXBlIHtudW1iZXJ9XG4gICAgICogQG1lbWJlcm9mIFNkc0R1cmF0aW9uQm94Q29tcG9uZW50XG4gICAgICovXG4gICAgQElucHV0KCkgbWF4PzogbnVtYmVyO1xuXG4gICAgLyoqXG4gICAgICogVGhlIG1pbmltdW0gdmFsdWUgYWNjZXB0ZWQgYnkgdGhlIGR1cmF0aW9uIGJveC5cbiAgICAgKlxuICAgICAqIEB0eXBlIHtudW1iZXJ9XG4gICAgICogQG1lbWJlcm9mIFNkc0R1cmF0aW9uQm94Q29tcG9uZW50XG4gICAgICovXG4gICAgQElucHV0KCkgbWluPzogbnVtYmVyO1xuXG4gICAgLyoqXG4gICAgICogVGhlIGluY3JlbWVudCBieSB3aGljaCB0aGUgdmFsdWUgaXMgaW5jcmVhc2VkIG9yIGRlY3JlYXNlZC5cbiAgICAgKlxuICAgICAqIEB0eXBlIHtudW1iZXJ9XG4gICAgICogQG1lbWJlcm9mIFNkc0R1cmF0aW9uQm94Q29tcG9uZW50XG4gICAgICovXG4gICAgQElucHV0KCkgc3RlcDogbnVtYmVyID0gMTtcblxuICAgIC8qKlxuICAgICAqIFRoZSBpY29uIHNldCB0byB1c2UgZm9yIHRoZSBpbmNyZW1lbnQgYW5kIGRlY3JlbWVudCBidXR0b25zLlxuICAgICAqIEljb25zIHVzZWQgYXJlIGZyb20gdGhlIEZyb250QXdlc29tZSBsaWJyYXJ5LCBzbyB5b3UgbXVzdCBpbmNsdWRlIHRoZW0gaW4gdGhlIHByb2plY3QgdG8gdXNlIHRoZW0uIFxuICAgICAqIFlvdSBjYW4gYWRkIHRoZW0gdG8gRkEgbGlicmFyeSBvbiB0aGUgbW9kdWxlL2NvbXBvbmVudCBsZXZlbC5cbiAgICAgKiBJY29uczogcmVndWxhciwgbWludXMvcGx1cywgY2hldnJvbi1sZWZ0L3JpZ2h0XG4gICAgICpcbiAgICAgKiBAdHlwZSB7KCdwbHVzLW1pbnVzJyB8ICdsZWZ0LXJpZ2h0Jyl9XG4gICAgICogQG1lbWJlcm9mIFNkc051bWJlckJveENvbXBvbmVudFxuICAgICAqL1xuICAgIEBJbnB1dCgpIGljb25TZXQ6ICdwbHVzLW1pbnVzJyB8ICdsZWZ0LXJpZ2h0JyA9ICdwbHVzLW1pbnVzJztcblxuICAgIC8qKlxuICAgICAqIEludGVydmFsIGJldHdlZW4gdmFsdWUgY2hhbmdlcyB3aGVuIHRoZSBpbmNyZW1lbnQgb3IgZGVjcmVtZW50IGJ1dHRvbiBpcyBoZWxkIGRvd24uXG4gICAgICpcbiAgICAgKiBAdHlwZSB7bnVtYmVyfVxuICAgICAqIEBtZW1iZXJvZiBTZHNOdW1iZXJCb3hDb21wb25lbnRcbiAgICAgKi9cbiAgICBASW5wdXQoKSBidXJzdEludGVydmFsOiBudW1iZXIgPSAxMjA7XG5cbiAgICAvKipcbiAgICAgKiBJbnRlcnZhbCBpbiB3aGljaCBuZXcgdmFsdWUgaXMgZW1pdHRlZCB0byB0aGUgcGFyZW50IGNvbXBvbmVudC5cbiAgICAgKiBJdCBzaG91bGQgYmUgaGlnaGVyIHRoYW4gYnVyc3RJbnRlcnZhbCB0byBwcmV2ZW50IG11bHRpcGxlIHZhbHVlIGNoYW5nZXMgaW4gYnVyc3QgbW9kZS5cbiAgICAgKiBcbiAgICAgKiBAdHlwZSB7bnVtYmVyfVxuICAgICAqIEBtZW1iZXJvZiBTZHNOdW1iZXJCb3hDb21wb25lbnRcbiAgICAgKi9cbiAgICBASW5wdXQoKSBkZWJvdW5jZVRpbWU6IG51bWJlciA9IDE1MDtcblxuICAgIHB1YmxpYyBJQ09OX01JTlVTID0gZmFNaW51cztcbiAgICBwdWJsaWMgSUNPTl9QTFVTID0gZmFQbHVzO1xuICAgIHB1YmxpYyBJQ09OX0xFRlQgPSBmYUNoZXZyb25MZWZ0O1xuICAgIHB1YmxpYyBJQ09OX1JJR0hUID0gZmFDaGV2cm9uUmlnaHQ7XG5cbiAgICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgICBwcml2YXRlIG5ld1ZhbHVlJDogU3ViamVjdDxudW1iZXI+ID0gbmV3IFN1YmplY3Q8bnVtYmVyPigpO1xuXG4gICAgY29uc3RydWN0b3IoKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMubmV3VmFsdWUkLnBpcGUoXG4gICAgICAgICAgICBkZWJvdW5jZVRpbWUodGhpcy5kZWJvdW5jZVRpbWUpXG4gICAgICAgICkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHVibGljIGluY3JlbWVudCgpIHtcbiAgICAgICAgY29uc3QgbmV3VmFsdWUgPSB0aGlzLnZhbHVlICsgdGhpcy5zdGVwO1xuICAgICAgICBpZiAodHlwZW9mIHRoaXMubWF4ICE9PSAndW5kZWZpbmVkJyAmJiBuZXdWYWx1ZSA+IHRoaXMubWF4KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy52YWx1ZSA9IG5ld1ZhbHVlO1xuICAgICAgICB0aGlzLm5ld1ZhbHVlJC5uZXh0KHRoaXMudmFsdWUpO1xuICAgIH1cblxuICAgIHB1YmxpYyBkZWNyZW1lbnQoKSB7XG4gICAgICAgIGNvbnN0IG5ld1ZhbHVlID0gdGhpcy52YWx1ZSAtIHRoaXMuc3RlcDtcbiAgICAgICAgaWYgKHR5cGVvZiB0aGlzLm1pbiAhPT0gJ3VuZGVmaW5lZCcgJiYgbmV3VmFsdWUgPCB0aGlzLm1pbikge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMudmFsdWUgPSBuZXdWYWx1ZTtcbiAgICAgICAgdGhpcy5uZXdWYWx1ZSQubmV4dCh0aGlzLnZhbHVlKTtcbiAgICB9XG5cbiAgICBzdGFydEluY3JlbWVudCgpIHtcbiAgICAgICAgdGhpcy5pbmNyZW1lbnQoKTtcbiAgICAgICAgY29uc29sZS5sb2coJ3N0YXJ0SW5jcmVtZW50Jyk7XG4gICAgICAgIGludGVydmFsKHRoaXMuYnVyc3RJbnRlcnZhbClcbiAgICAgICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuaW5jcmVtZW50KCk7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBzdG9wSW5jcmVtZW50KCkge1xuICAgICAgICBjb25zb2xlLmxvZygnc3RvcEluY3JlbWVudCcpO1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICB9XG5cbiAgICBzdGFydERlY3JlbWVudCgpIHtcbiAgICAgICAgdGhpcy5kZWNyZW1lbnQoKTtcbiAgICAgICAgaW50ZXJ2YWwodGhpcy5idXJzdEludGVydmFsKVxuICAgICAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5kZWNyZW1lbnQoKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cblxuICAgIHN0b3BEZWNyZW1lbnQoKSB7XG4gICAgICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gICAgICAgIHRoaXMubmV3VmFsdWUkLmNvbXBsZXRlKCk7XG4gICAgfVxufVxuIiwiPGRpdiBcbiAgICBjbGFzcz1cImlucHV0LWdyb3VwXCJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxuPlxuXG4gICAgPGJ1dHRvbiBcbiAgICAgICAgY2xhc3M9XCJidG4gYnRuLXNlY29uZGFyeSBidG4tc20gYm9yZGVyXCIgXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAobW91c2Vkb3duKT1cInN0YXJ0RGVjcmVtZW50KClcIiBcbiAgICAgICAgKG1vdXNldXApPVwic3RvcERlY3JlbWVudCgpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICA+IFxuICAgICAgICA8ZmEtaWNvbiAqbmdJZj1cImljb25TZXQgPT09ICdwbHVzLW1pbnVzJ1wiIFtpY29uXT1cIklDT05fTUlOVVNcIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCIgW3NpemVdPVwiJ3NtJ1wiPjwvZmEtaWNvbj5cbiAgICAgICAgPGZhLWljb24gKm5nSWY9XCJpY29uU2V0ID09PSAnbGVmdC1yaWdodCdcIiBbaWNvbl09XCJJQ09OX0xFRlRcIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCIgW3NpemVdPVwiJ3NtJ1wiPjwvZmEtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICBcbiAgICA8aW5wdXQgXG4gICAgICAgIGRpc2FibGVkXG4gICAgICAgIHR5cGU9XCJ0ZXh0XCIgXG4gICAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sIHRleHQtY2VudGVyIGJnLXdoaXRlIHRleHQtbW9ub3NwYWNlXCIgXG4gICAgICAgIFtjbGFzcy50ZXh0LW11dGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgW3N0eWxlLnBhZGRpbmctdG9wLnJlbV09XCIwLjMxXCJcbiAgICAgICAgW3N0eWxlLnBhZGRpbmctYm90dG9tLnJlbV09XCIwLjMxXCJcbiAgICAgICAgcGxhY2Vob2xkZXI9XCJcIlxuICAgICAgICBbdmFsdWVdPVwidmFsdWVcIj5cbiAgICBcbiAgICA8YnV0dG9uIFxuICAgICAgICAjaW5jcmVtZW50QnV0dG9uXG4gICAgICAgIGNsYXNzPVwiYnRuIGJ0bi1zZWNvbmRhcnkgYnRuLXNtIGJvcmRlclwiIFxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKG1vdXNlZG93bik9XCJzdGFydEluY3JlbWVudCgpXCIgXG4gICAgICAgIChtb3VzZXVwKT1cInN0b3BJbmNyZW1lbnQoKVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgPlxuICAgIDxmYS1pY29uICpuZ0lmPVwiaWNvblNldCA9PT0gJ3BsdXMtbWludXMnXCIgW2ljb25dPVwiSUNPTl9QTFVTXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiIFtzaXplXT1cIidzbSdcIj48L2ZhLWljb24+XG4gICAgPGZhLWljb24gKm5nSWY9XCJpY29uU2V0ID09PSAnbGVmdC1yaWdodCdcIiBbaWNvbl09XCJJQ09OX1JJR0hUXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiIFtzaXplXT1cIidzbSdcIj48L2ZhLWljb24+XG4gICAgPC9idXR0b24+XG5cbjwvZGl2PiJdfQ==

package/esm2020/src/lib/number-box/number-box.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SdsNumberBoxComponent } from './number-box.component';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i0 from "@angular/core";
+export 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
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9udW1iZXItYm94L251bWJlci1ib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOztBQWdCckUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjtnSEFBbEIsa0JBQWtCLGlCQVYzQixxQkFBcUIsYUFHckIsWUFBWTtRQUNaLGlCQUFpQixhQUdqQixxQkFBcUI7Z0hBR1osa0JBQWtCLFlBUnBCO1lBQ1AsWUFBWTtZQUNaLGlCQUFpQjtTQUNsQjsyRkFLVSxrQkFBa0I7a0JBWjlCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AscUJBQXFCO3FCQUN0QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU2RzTnVtYmVyQm94Q29tcG9uZW50IH0gZnJvbSAnLi9udW1iZXItYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNkc051bWJlckJveENvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTZHNOdW1iZXJCb3hDb21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTZHNOdW1iZXJCb3hNb2R1bGUgeyB9XG4iXX0=

package/esm2020/src/lib/number-box/public-api.mjs

@@ -0,0 +1,3 @@
+export * from './number-box.module';
+export * from './number-box.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL251bWJlci1ib3gvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL251bWJlci1ib3gubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9udW1iZXItYm94LmNvbXBvbmVudCc7Il19

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLW51bWJlci1ib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9udW1iZXItYm94L3NwaWNhaW50ZXJuYXRpb25hbC1uZ3gtc2RzLWNvbXBvbmVudHMtc3JjLWxpYi1udW1iZXItYm94LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2020/src/lib/table-actions/table-actions.component.mjs

@@ -1,29 +1,18 @@
-import { Component, Input, ViewChild } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@fortawesome/angular-fontawesome";
 export 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: "\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 class=\"dropdown-menu sds-table-dropdown-menu py-2\">\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"] }] });
 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: "\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 class=\"dropdown-menu sds-table-dropdown-menu py-2\">\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </div>\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dropdownIcon: [{
                 type: Input
-            }], _dropdownButton: [{
-                type: ViewChild,
-                args: ['dropdownButton', { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90YWJsZS1hY3Rpb25zL3RhYmxlLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvdGFibGUtYWN0aW9ucy90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUErQyxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFySCxNQUFNLE9BQU8sd0JBQXdCO0lBT2pDLFlBQ1ksU0FBb0I7UUFBcEIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQU52QixpQkFBWSxHQUFhLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBRy9DLHFCQUFnQixHQUFHLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUl0RSxDQUFDO0lBRUcsYUFBYTtRQUNoQixPQUFPLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDOUIsNkNBQTZDO1FBQzdDLDhFQUE4RTtRQUM5RSxJQUFJO0lBQ1IsQ0FBQztJQUVELFFBQVEsS0FBVSxDQUFDOztxSEFsQlYsd0JBQXdCO3lHQUF4Qix3QkFBd0Isb09DUnJDLGc5QkE4Qk07MkZEdEJPLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDSSxtQkFBbUI7Z0dBTXBCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ2lELGVBQWU7c0JBQXJFLFNBQVM7dUJBQUMsZ0JBQWdCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFJlbmRlcmVyMiwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mb250YXdlc29tZS1zdmctY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RzLXRhYmxlLWFjdGlvbnMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNkc1RhYmxlQWN0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSBkcm9wZG93bkljb246IEljb25Qcm9wID0gWydmYXInLCAnZWxsaXBzaXMnXTtcbiAgICBAVmlld0NoaWxkKCdkcm9wZG93bkJ1dHRvbicsIHsgc3RhdGljOiB0cnVlIH0pIHByaXZhdGUgX2Ryb3Bkb3duQnV0dG9uOiBFbGVtZW50UmVmIHwgdW5kZWZpbmVkO1xuXG4gICAgcHVibGljIGRyb3Bkb3duQnV0dG9uSWQgPSBgc2RzLXRhLSR7TWF0aC5jZWlsKE1hdGgucmFuZG9tKCkgKiAxMDAwMDAwKX1gO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgX3JlbmRlcmVyOiBSZW5kZXJlcjJcbiAgICApIHt9XG5cbiAgICBwdWJsaWMgY2xvc2VEcm9wZG93bigpOiB2b2lkIHtcbiAgICAgICAgY29uc29sZS5sb2coJ2Nsb3NlIGRyb3Bkb3duJyk7XG4gICAgICAgIC8vIGlmICh0aGlzLl9kcm9wZG93bkJ1dHRvbj8ubmF0aXZlRWxlbWVudCkge1xuICAgICAgICAvLyAgICAgdGhpcy5fcmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5fZHJvcGRvd25CdXR0b24ubmF0aXZlRWxlbWVudCwgJ3Nob3cnKTtcbiAgICAgICAgLy8gfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIlxuPGRpdiBjbGFzcz1cInNkcy1hY3Rpb25zLWNvbnRhaW5lciBtZS0yXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwiYnRuLWdyb3VwIHNkcy1hY3Rpb25zLXdyYXBwZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PSdxdWlja0FjdGlvbnMnPjwvbmctY29udGVudD5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnRuLWdyb3VwXCI+XG4gICAgICAgICAgICA8YnV0dG9uIFxuICAgICAgICAgICAgICAgICNkcm9wZG93bkJ1dHRvblxuICAgICAgICAgICAgICAgIGNsYXNzPVwic2RzLWFjdGlvbnMtZHJvcGRvd24tYnV0dG9uIGRyb3Bkb3duLXRvZ2dsZSBzZHMtYnRuLXRhYmxlXCJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCIgXG4gICAgICAgICAgICAgICAgZGF0YS1icy10b2dnbGU9XCJkcm9wZG93blwiIFxuICAgICAgICAgICAgICAgIGRhdGEtYnMtYXV0by1jbG9zZT1cInRydWVcIlxuICAgICAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxmYS1pY29uIFxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJkcm9wZG93bkljb25cIiBcbiAgICAgICAgICAgICAgICAgICAgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiIFxuICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInc20nXCI+XG4gICAgICAgICAgICAgICAgPC9mYS1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgICAgIDx1bCBcbiAgICAgICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLW1lbnUgc2RzLXRhYmxlLWRyb3Bkb3duLW1lbnUgcHktMlwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlRHJvcGRvd24oKVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90YWJsZS1hY3Rpb25zL3RhYmxlLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvdGFibGUtYWN0aW9ucy90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUEwRCxNQUFNLGVBQWUsQ0FBQzs7O0FBUXJILE1BQU0sT0FBTyx3QkFBd0I7SUFJakM7UUFGUyxpQkFBWSxHQUFhLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBSW5ELENBQUM7SUFFSixRQUFRLEtBQVUsQ0FBQzs7cUhBUlYsd0JBQXdCO3lHQUF4Qix3QkFBd0IsbUdDUnJDLCszQkEyQk07MkZEbkJPLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDSSxtQkFBbUI7MEVBTXBCLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgUmVuZGVyZXIyLCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Qcm9wIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZvbnRhd2Vzb21lLXN2Zy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzZHMtdGFibGUtYWN0aW9ucycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhYmxlLWFjdGlvbnMuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2RzVGFibGVBY3Rpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpIGRyb3Bkb3duSWNvbjogSWNvblByb3AgPSBbJ2ZhcicsICdlbGxpcHNpcyddO1xuXG4gICAgY29uc3RydWN0b3IoXG5cbiAgICApIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iLCJcbjxkaXYgY2xhc3M9XCJzZHMtYWN0aW9ucy1jb250YWluZXIgbWUtMlwiPlxuXG4gICAgPGRpdiBjbGFzcz1cImJ0bi1ncm91cCBzZHMtYWN0aW9ucy13cmFwcGVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD0ncXVpY2tBY3Rpb25zJz48L25nLWNvbnRlbnQ+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJ0bi1ncm91cFwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBcbiAgICAgICAgICAgICAgICAjZHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICBjbGFzcz1cInNkcy1hY3Rpb25zLWRyb3Bkb3duLWJ1dHRvbiBkcm9wZG93bi10b2dnbGUgc2RzLWJ0bi10YWJsZVwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiIFxuICAgICAgICAgICAgICAgIGRhdGEtYnMtdG9nZ2xlPVwiZHJvcGRvd25cIiBcbiAgICAgICAgICAgICAgICBkYXRhLWJzLWF1dG8tY2xvc2U9XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBcbiAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiZHJvcGRvd25JY29uXCIgXG4gICAgICAgICAgICAgICAgICAgIFtmaXhlZFdpZHRoXT1cInRydWVcIiBcbiAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwiJ3NtJ1wiPlxuICAgICAgICAgICAgICAgIDwvZmEtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgICAgICA8dWwgY2xhc3M9XCJkcm9wZG93bi1tZW51IHNkcy10YWJsZS1kcm9wZG93bi1tZW51IHB5LTJcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICA8L3VsPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==

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

package/fesm2015/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: "\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 class=\"dropdown-menu sds-table-dropdown-menu py-2\">\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"] }] });
 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: "\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 class=\"dropdown-menu sds-table-dropdown-menu py-2\">\n                <ng-content></ng-content>\n            </ul>\n        </div>\n    </div>\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dropdownIcon: [{
                 type: Input
-            }], _dropdownButton: [{
-                type: ViewChild,
-                args: ['dropdownButton', { static: true }]
             }] } });
 
 class SdsTableActionsModule {

package/fesm2015/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;AAApB,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;QANvB,IAAA,CAAA,YAAY,GAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AAG/C,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAU,OAAA,EAAA,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;gBAAC,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;QACjB,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;SAChB,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;iBACF,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';\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\n    constructor(\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 class=\"dropdown-menu sds-table-dropdown-menu py-2\">\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;AAIjC,IAAA,WAAA,GAAA;QAFS,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,+3BA2BM,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,+3BAAA,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;QACjB,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;SAChB,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;iBACF,CAAA;;;ACpBD;;AAEG;;;;"}

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