suis 0.10.0 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/esm2022/lib/components/index.mjs +4 -1
- package/esm2022/lib/components/suis-alert/suis-alert.component.mjs +1 -1
- package/esm2022/lib/components/suis-button/suis-button.component.mjs +2 -2
- package/esm2022/lib/components/suis-chip/suis-chip.component.mjs +2 -2
- package/esm2022/lib/components/suis-icon/suis-icon-type.pipe.mjs +5 -1
- package/esm2022/lib/components/suis-icon/suis-icon.component.mjs +10 -4
- package/esm2022/lib/components/suis-icon/suis-icon.enums.mjs +3 -1
- package/esm2022/lib/components/suis-input-chips/suis-input-chips.component.mjs +2 -2
- package/esm2022/lib/components/suis-input-number/index.mjs +2 -0
- package/esm2022/lib/components/suis-input-number/suis-input-number.component.mjs +51 -0
- package/esm2022/lib/components/suis-input-text/suis-input-text.component.mjs +4 -4
- package/esm2022/lib/components/suis-select/index.mjs +2 -0
- package/esm2022/lib/components/suis-select/suis-select-is-selected.pipe.mjs +18 -0
- package/esm2022/lib/components/suis-select/suis-select-label.pipe.mjs +23 -0
- package/esm2022/lib/components/suis-select/suis-select.component.mjs +69 -0
- package/esm2022/lib/components/suis-select-option/index.mjs +4 -0
- package/esm2022/lib/components/suis-select-option/suis-select-option.component.mjs +46 -0
- package/esm2022/lib/components/suis-select-option/suis-select-option.directive.mjs +21 -0
- package/esm2022/lib/components/suis-select-option/suis-select-option.interfaces.mjs +2 -0
- package/esm2022/lib/shared/classes/index.mjs +4 -0
- package/esm2022/lib/shared/classes/suis-button.base.mjs +35 -0
- package/esm2022/lib/shared/classes/suis-input.base.mjs +60 -0
- package/esm2022/lib/shared/classes/suis-select.base.mjs +80 -0
- package/esm2022/lib/shared/pipes/suis-select-filter-options.pipe.mjs +20 -0
- package/esm2022/lib/shared/pipes/suis-select-sort-options.pipe.mjs +18 -0
- package/fesm2022/suis.mjs +323 -10
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/components/index.d.ts +3 -0
- package/lib/components/suis-button/suis-button.component.d.ts +1 -1
- package/lib/components/suis-icon/suis-icon.component.d.ts +6 -2
- package/lib/components/suis-icon/suis-icon.enums.d.ts +3 -1
- package/lib/components/suis-input-chips/suis-input-chips.component.d.ts +1 -1
- package/lib/components/suis-input-number/index.d.ts +1 -0
- package/lib/components/suis-input-number/suis-input-number.component.d.ts +14 -0
- package/lib/components/suis-input-text/suis-input-text.component.d.ts +1 -1
- package/lib/components/suis-select/index.d.ts +1 -0
- package/lib/components/suis-select/suis-select-is-selected.pipe.d.ts +7 -0
- package/lib/components/suis-select/suis-select-label.pipe.d.ts +8 -0
- package/lib/components/suis-select/suis-select.component.d.ts +12 -0
- package/lib/components/suis-select-option/index.d.ts +3 -0
- package/lib/components/suis-select-option/suis-select-option.component.d.ts +34 -0
- package/lib/components/suis-select-option/suis-select-option.directive.d.ts +10 -0
- package/lib/components/suis-select-option/suis-select-option.interfaces.d.ts +4 -0
- package/lib/{classes → shared/classes}/index.d.ts +1 -0
- package/lib/{classes → shared/classes}/suis-button.base.d.ts +1 -1
- package/lib/{classes → shared/classes}/suis-input.base.d.ts +3 -1
- package/lib/shared/classes/suis-select.base.d.ts +46 -0
- package/lib/shared/pipes/suis-select-filter-options.pipe.d.ts +8 -0
- package/lib/shared/pipes/suis-select-sort-options.pipe.d.ts +8 -0
- package/package.json +1 -1
- package/esm2022/lib/classes/index.mjs +0 -3
- package/esm2022/lib/classes/suis-button.base.mjs +0 -35
- package/esm2022/lib/classes/suis-input.base.mjs +0 -58
| @@ -1,35 +0,0 @@ | |
| 1 | 
            -
            import { Directive, ElementRef, Input, Renderer2, inject } from '@angular/core';
         | 
| 2 | 
            -
            import * as i0 from "@angular/core";
         | 
| 3 | 
            -
            class SuisButtonBase {
         | 
| 4 | 
            -
                constructor() {
         | 
| 5 | 
            -
                    /** @internal */
         | 
| 6 | 
            -
                    this.elementRef = inject(ElementRef);
         | 
| 7 | 
            -
                    /** @internal */
         | 
| 8 | 
            -
                    this.renderer2 = inject(Renderer2);
         | 
| 9 | 
            -
                    /**
         | 
| 10 | 
            -
                     * Sets button's color theme. Type of SuisPalleteColor | SuisInfoColor. By default set to 'primary'.
         | 
| 11 | 
            -
                     */
         | 
| 12 | 
            -
                    this.color = 'primary';
         | 
| 13 | 
            -
                    /**
         | 
| 14 | 
            -
                     * Sets button's disabled attribute. By default set to false.
         | 
| 15 | 
            -
                     */
         | 
| 16 | 
            -
                    this.disabled = false;
         | 
| 17 | 
            -
                    /**
         | 
| 18 | 
            -
                     * Shows loading spinner instead of content projection. By default set to false.
         | 
| 19 | 
            -
                     */
         | 
| 20 | 
            -
                    this.loading = false;
         | 
| 21 | 
            -
                }
         | 
| 22 | 
            -
                static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisButtonBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
         | 
| 23 | 
            -
                static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: SuisButtonBase, inputs: { color: "color", disabled: "disabled", loading: "loading" }, ngImport: i0 }); }
         | 
| 24 | 
            -
            }
         | 
| 25 | 
            -
            export { SuisButtonBase };
         | 
| 26 | 
            -
            i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisButtonBase, decorators: [{
         | 
| 27 | 
            -
                        type: Directive
         | 
| 28 | 
            -
                    }], propDecorators: { color: [{
         | 
| 29 | 
            -
                            type: Input
         | 
| 30 | 
            -
                        }], disabled: [{
         | 
| 31 | 
            -
                            type: Input
         | 
| 32 | 
            -
                        }], loading: [{
         | 
| 33 | 
            -
                            type: Input
         | 
| 34 | 
            -
                        }] } });
         | 
| 35 | 
            -
            //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24uYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NsYXNzZXMvc3Vpcy1idXR0b24uYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFHaEYsTUFDc0IsY0FBYztJQURwQztRQUVFLGdCQUFnQjtRQUNHLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFbkQsZ0JBQWdCO1FBQ0csY0FBUyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUVqRDs7V0FFRztRQUNNLFVBQUssR0FBcUMsU0FBUyxDQUFDO1FBRTdEOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLFlBQU8sR0FBWSxLQUFLLENBQUM7S0FDbkM7OEdBckJxQixjQUFjO2tHQUFkLGNBQWM7O1NBQWQsY0FBYzsyRkFBZCxjQUFjO2tCQURuQyxTQUFTOzhCQVdDLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSW5wdXQsIFJlbmRlcmVyMiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzSW5mb0NvbG9yLCBTdWlzUGFsbGV0ZUNvbG9yIH0gZnJvbSAnLi4vdHlwZXMvc3Vpcy1jb2xvci50eXBlJztcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgU3Vpc0J1dHRvbkJhc2Uge1xuICAvKiogQGludGVybmFsICovXG4gIHByb3RlY3RlZCByZWFkb25seSBlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHJlbmRlcmVyMiA9IGluamVjdChSZW5kZXJlcjIpO1xuXG4gIC8qKlxuICAgKiBTZXRzIGJ1dHRvbidzIGNvbG9yIHRoZW1lLiBUeXBlIG9mIFN1aXNQYWxsZXRlQ29sb3IgfCBTdWlzSW5mb0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAncHJpbWFyeScuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogU3Vpc1BhbGxldGVDb2xvciB8IFN1aXNJbmZvQ29sb3IgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIFNldHMgYnV0dG9uJ3MgZGlzYWJsZWQgYXR0cmlidXRlLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNob3dzIGxvYWRpbmcgc3Bpbm5lciBpbnN0ZWFkIG9mIGNvbnRlbnQgcHJvamVjdGlvbi4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG59XG4iXX0=
         | 
| @@ -1,58 +0,0 @@ | |
| 1 | 
            -
            import { ChangeDetectorRef, Directive, EventEmitter, Input, Output, inject, } from '@angular/core';
         | 
| 2 | 
            -
            import * as i0 from "@angular/core";
         | 
| 3 | 
            -
            class SuisInputBase {
         | 
| 4 | 
            -
                constructor() {
         | 
| 5 | 
            -
                    /** @internal */
         | 
| 6 | 
            -
                    this.cdRef = inject(ChangeDetectorRef);
         | 
| 7 | 
            -
                    /**
         | 
| 8 | 
            -
                     * Sets input disabled state. By default set to false.
         | 
| 9 | 
            -
                     */
         | 
| 10 | 
            -
                    this.readonly = false;
         | 
| 11 | 
            -
                    /**
         | 
| 12 | 
            -
                     * Adds invalid styling to the input. By default set to false.
         | 
| 13 | 
            -
                     */
         | 
| 14 | 
            -
                    this.invalid = false;
         | 
| 15 | 
            -
                    /**
         | 
| 16 | 
            -
                     * Emits on value changed.
         | 
| 17 | 
            -
                     */
         | 
| 18 | 
            -
                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
         | 
| 19 | 
            -
                    this.changed = new EventEmitter();
         | 
| 20 | 
            -
                    /**
         | 
| 21 | 
            -
                     * Emits on input touched.
         | 
| 22 | 
            -
                     */
         | 
| 23 | 
            -
                    this.touched = new EventEmitter();
         | 
| 24 | 
            -
                    // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
         | 
| 25 | 
            -
                    this._onChange = (value) => { };
         | 
| 26 | 
            -
                    // eslint-disable-next-line @typescript-eslint/no-empty-function
         | 
| 27 | 
            -
                    this._onTouched = () => { };
         | 
| 28 | 
            -
                }
         | 
| 29 | 
            -
                // eslint-disable-next-line @typescript-eslint/no-explicit-any
         | 
| 30 | 
            -
                registerOnChange(fn) {
         | 
| 31 | 
            -
                    this._onChange = fn;
         | 
| 32 | 
            -
                }
         | 
| 33 | 
            -
                // eslint-disable-next-line @typescript-eslint/no-explicit-any
         | 
| 34 | 
            -
                registerOnTouched(fn) {
         | 
| 35 | 
            -
                    this._onTouched = fn;
         | 
| 36 | 
            -
                }
         | 
| 37 | 
            -
                /** @internal */
         | 
| 38 | 
            -
                onTouch() {
         | 
| 39 | 
            -
                    this._onTouched();
         | 
| 40 | 
            -
                    this.touched.emit();
         | 
| 41 | 
            -
                    this.cdRef.markForCheck();
         | 
| 42 | 
            -
                }
         | 
| 43 | 
            -
                static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
         | 
| 44 | 
            -
                static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: SuisInputBase, inputs: { readonly: "readonly", invalid: "invalid" }, outputs: { changed: "changed", touched: "touched" }, ngImport: i0 }); }
         | 
| 45 | 
            -
            }
         | 
| 46 | 
            -
            export { SuisInputBase };
         | 
| 47 | 
            -
            i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputBase, decorators: [{
         | 
| 48 | 
            -
                        type: Directive
         | 
| 49 | 
            -
                    }], propDecorators: { readonly: [{
         | 
| 50 | 
            -
                            type: Input
         | 
| 51 | 
            -
                        }], invalid: [{
         | 
| 52 | 
            -
                            type: Input
         | 
| 53 | 
            -
                        }], changed: [{
         | 
| 54 | 
            -
                            type: Output
         | 
| 55 | 
            -
                        }], touched: [{
         | 
| 56 | 
            -
                            type: Output
         | 
| 57 | 
            -
                        }] } });
         | 
| 58 | 
            -
            //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC5iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY2xhc3Nlcy9zdWlzLWlucHV0LmJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDOztBQUd2QixNQUNzQixhQUFhO0lBRG5DO1FBRUUsZ0JBQWdCO1FBQ0csVUFBSyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRXJEOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFFbEM7O1dBRUc7UUFDSCw4REFBOEQ7UUFDcEQsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFNUM7O1dBRUc7UUFDTyxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUU3Qyx1SUFBdUk7UUFDdkksY0FBUyxHQUFHLENBQUMsS0FBVSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFL0IsZ0VBQWdFO1FBQ2hFLGVBQVUsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7S0FxQnZCO0lBbkJDLDhEQUE4RDtJQUM5RCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCw4REFBOEQ7SUFDOUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBS0QsZ0JBQWdCO0lBQ2hCLE9BQU87UUFDTCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7OEdBakRtQixhQUFhO2tHQUFiLGFBQWE7O1NBQWIsYUFBYTsyRkFBYixhQUFhO2tCQURsQyxTQUFTOzhCQVFDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csT0FBTztzQkFBZixLQUFLO2dCQU1JLE9BQU87c0JBQWhCLE1BQU07Z0JBS0csT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBEaXJlY3RpdmUsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBTdWlzSW5wdXRCYXNlIGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAvKiogQGludGVybmFsICovXG4gIHByb3RlY3RlZCByZWFkb25seSBjZFJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cbiAgLyoqXG4gICAqIFNldHMgaW5wdXQgZGlzYWJsZWQgc3RhdGUuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgcmVhZG9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogQWRkcyBpbnZhbGlkIHN0eWxpbmcgdG8gdGhlIGlucHV0LiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGludmFsaWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRW1pdHMgb24gdmFsdWUgY2hhbmdlZC5cbiAgICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIEBPdXRwdXQoKSBjaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIG9uIGlucHV0IHRvdWNoZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgdG91Y2hlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uLCBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnMsIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgX29uQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHt9O1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZW1wdHktZnVuY3Rpb25cbiAgX29uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMuX29uQ2hhbmdlID0gZm47XG4gIH1cblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5fb25Ub3VjaGVkID0gZm47XG4gIH1cblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBhYnN0cmFjdCB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZDtcblxuICAvKiogQGludGVybmFsICovXG4gIG9uVG91Y2goKTogdm9pZCB7XG4gICAgdGhpcy5fb25Ub3VjaGVkKCk7XG4gICAgdGhpcy50b3VjaGVkLmVtaXQoKTtcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG59XG4iXX0=
         |