suis 0.28.0 → 0.29.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +2 -0
- package/esm2022/lib/components/index.mjs +3 -1
- package/esm2022/lib/components/suis-input-image/index.mjs +2 -0
- package/esm2022/lib/components/suis-input-image/suis-input-image.component.mjs +61 -0
- package/esm2022/lib/components/suis-navigation/suis-navigation.component.mjs +3 -3
- package/esm2022/lib/components/suis-text-area/index.mjs +2 -0
- package/esm2022/lib/components/suis-text-area/suis-text-area.component.mjs +51 -0
- package/fesm2022/suis.mjs +100 -3
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/components/index.d.ts +2 -0
- package/lib/components/suis-input-image/index.d.ts +1 -0
- package/lib/components/suis-input-image/suis-input-image.component.d.ts +19 -0
- package/lib/components/suis-text-area/index.d.ts +1 -0
- package/lib/components/suis-text-area/suis-text-area.component.d.ts +14 -0
- package/package.json +1 -1
package/README.md
CHANGED
@@ -46,6 +46,8 @@ Modern UI component library. Supports Angular in version 16 and uses its latest
|
|
46
46
|
| InputCheckbox | SuisInputCheckbox | suis-input-checkbox | 0.26.0 |
|
47
47
|
| InputRadio | SuisInputRadio | suis-input-radio | 0.27.0 |
|
48
48
|
| Toggle | SuisToggle | suis-toggle | 0.28.0 |
|
49
|
+
| TextArea | SuisTextArea | suis-text-area | 0.29.0 |
|
50
|
+
| InputImage | SuisInputImage | suis-input-image | 0.29.0 |
|
49
51
|
|
50
52
|
## Pipes
|
51
53
|
|
@@ -11,6 +11,7 @@ export * from './suis-icon';
|
|
11
11
|
export * from './suis-input';
|
12
12
|
export * from './suis-input-checkbox';
|
13
13
|
export * from './suis-input-chips';
|
14
|
+
export * from './suis-input-image';
|
14
15
|
export * from './suis-input-number';
|
15
16
|
export * from './suis-input-radio';
|
16
17
|
export * from './suis-label';
|
@@ -29,7 +30,8 @@ export * from './suis-spinner';
|
|
29
30
|
export * from './suis-spinner-container';
|
30
31
|
export * from './suis-table';
|
31
32
|
export * from './suis-tabs';
|
33
|
+
export * from './suis-text-area';
|
32
34
|
export * from './suis-title';
|
33
35
|
export * from './suis-toggle';
|
34
36
|
export * from './suis-toolbar';
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWFsZXJ0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJyZWFkY3J1bWJzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJ1dHRvbi1saW5rJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1idXR0b24tb3V0bGluZWQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWNoaXAnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWNvbnRhaW5lcic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtZm9ybS1maWVsZCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaWNvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LWNoZWNrYm94JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGlwcyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtaW1hZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LW51bWJlcic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtcmFkaW8nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWxhYmVsJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW0nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24taXRlbSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ub3RpZmljYXRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1wYWdpbmF0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1wcm9ncmVzcy1iYXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW9wdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW11bHRpJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyLWNvbnRhaW5lcic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRhYnMnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRleHQtYXJlYSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdGl0bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRvZ2dsZSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdG9vbGJhcic7XG4iXX0=
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-input-image.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtaW1hZ2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQnO1xuIl19
|
@@ -0,0 +1,61 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, forwardRef, } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { SuisInputBase } from '../../shared/classes/suis-input.base';
|
4
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
5
|
+
import { SuisIconType } from '../suis-icon/suis-icon.enums';
|
6
|
+
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
7
|
+
import * as i0 from "@angular/core";
|
8
|
+
import * as i1 from "@angular/common";
|
9
|
+
class SuisInputImageComponent extends SuisInputBase {
|
10
|
+
constructor() {
|
11
|
+
super(...arguments);
|
12
|
+
/** @internal */
|
13
|
+
this.SuisIconType = SuisIconType;
|
14
|
+
/** @internal */
|
15
|
+
this.value = null;
|
16
|
+
/** @internal */
|
17
|
+
this.imageUrl = null;
|
18
|
+
}
|
19
|
+
writeValue(obj) {
|
20
|
+
if (typeof obj === 'string')
|
21
|
+
this.imageUrl = obj;
|
22
|
+
}
|
23
|
+
onChange(event) {
|
24
|
+
const target = event.target;
|
25
|
+
this.value = target.files;
|
26
|
+
this._onChange(this.value);
|
27
|
+
this.changed.emit(this.value);
|
28
|
+
this.cdRef.markForCheck();
|
29
|
+
}
|
30
|
+
onRemove() {
|
31
|
+
this.imageUrl = null;
|
32
|
+
this.value = null;
|
33
|
+
(this.fileInput?.nativeElement).value = '';
|
34
|
+
this._onChange(this.value);
|
35
|
+
this.changed.emit(this.value);
|
36
|
+
this.cdRef.markForCheck();
|
37
|
+
}
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisInputImageComponent, isStandalone: true, selector: "suis-input-image", providers: [
|
40
|
+
{
|
41
|
+
provide: NG_VALUE_ACCESSOR,
|
42
|
+
multi: true,
|
43
|
+
useExisting: forwardRef(() => SuisInputImageComponent),
|
44
|
+
},
|
45
|
+
], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-input-image\">\n <figure *ngIf=\"imageUrl\" class=\"suis-input-image__preview\">\n <img [src]=\"imageUrl\" alt=\"Uploaded image\" />\n <button type=\"button\" (click)=\"onRemove()\">\n <suis-icon\n [type]=\"SuisIconType.CROSS\"\n color=\"danger\"\n size=\"md\"\n [filled]=\"true\"\n ></suis-icon>\n </button>\n </figure>\n <input\n #input\n type=\"file\"\n class=\"suis-input-image__input\"\n [class.suis-input-image--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n />\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-input-image{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000040;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;display:flex;align-items:center}.suis-input-image:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-image--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-input-image__preview{position:relative;margin-right:1rem}.suis-input-image__preview img{display:block;min-width:6.25rem;min-height:6.25rem;max-width:6.25rem;max-height:6.25rem;border-radius:.25rem;object-fit:contain;background-color:#dcdde1d9}.suis-input-image__preview button{position:absolute;top:.1875rem;right:.1875rem;border:0;background-color:transparent;cursor:pointer}.suis-input-image__input::file-selector-button{color:#fff;background-color:#273c75;border-radius:.25rem;transition:background-color .25s ease-in-out;padding:.25rem .75rem;border:0;font-size:.75rem}.suis-input-image__input::file-selector-button:hover{background-color:#273c75d9;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
46
|
+
}
|
47
|
+
export { SuisInputImageComponent };
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputImageComponent, decorators: [{
|
49
|
+
type: Component,
|
50
|
+
args: [{ selector: 'suis-input-image', standalone: true, imports: [CommonModule, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
51
|
+
{
|
52
|
+
provide: NG_VALUE_ACCESSOR,
|
53
|
+
multi: true,
|
54
|
+
useExisting: forwardRef(() => SuisInputImageComponent),
|
55
|
+
},
|
56
|
+
], template: "<div class=\"suis-input-image\">\n <figure *ngIf=\"imageUrl\" class=\"suis-input-image__preview\">\n <img [src]=\"imageUrl\" alt=\"Uploaded image\" />\n <button type=\"button\" (click)=\"onRemove()\">\n <suis-icon\n [type]=\"SuisIconType.CROSS\"\n color=\"danger\"\n size=\"md\"\n [filled]=\"true\"\n ></suis-icon>\n </button>\n </figure>\n <input\n #input\n type=\"file\"\n class=\"suis-input-image__input\"\n [class.suis-input-image--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n />\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-input-image{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000040;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;display:flex;align-items:center}.suis-input-image:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-image--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-input-image__preview{position:relative;margin-right:1rem}.suis-input-image__preview img{display:block;min-width:6.25rem;min-height:6.25rem;max-width:6.25rem;max-height:6.25rem;border-radius:.25rem;object-fit:contain;background-color:#dcdde1d9}.suis-input-image__preview button{position:absolute;top:.1875rem;right:.1875rem;border:0;background-color:transparent;cursor:pointer}.suis-input-image__input::file-selector-button{color:#fff;background-color:#273c75;border-radius:.25rem;transition:background-color .25s ease-in-out;padding:.25rem .75rem;border:0;font-size:.75rem}.suis-input-image__input::file-selector-button:hover{background-color:#273c75d9;cursor:pointer}\n"] }]
|
57
|
+
}], propDecorators: { fileInput: [{
|
58
|
+
type: ViewChild,
|
59
|
+
args: ['input']
|
60
|
+
}] } });
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtaW1hZ2Uvc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtaW1hZ2Uvc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsU0FBUyxFQUNULFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBRXJFLE1BZWEsdUJBQXdCLFNBQVEsYUFBYTtJQWYxRDs7UUFtQkUsZ0JBQWdCO1FBQ1AsaUJBQVksR0FBRyxZQUFZLENBQUM7UUFFckMsZ0JBQWdCO1FBQ2hCLFVBQUssR0FBb0IsSUFBSSxDQUFDO1FBRTlCLGdCQUFnQjtRQUNoQixhQUFRLEdBQWtCLElBQUksQ0FBQztLQXNCaEM7SUFwQlUsVUFBVSxDQUFDLEdBQXNCO1FBQ3hDLElBQUksT0FBTyxHQUFHLEtBQUssUUFBUTtZQUFFLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO0lBQ25ELENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNuQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUNoRCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsYUFBa0MsQ0FBQSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDL0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQzs4R0FoQ1UsdUJBQXVCO2tHQUF2Qix1QkFBdUIsK0RBUnZCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQzthQUN2RDtTQUNGLHFKQzFCSCxrcUJBd0JBLGlwQ0RSWSxZQUFZLG1JQUFFLGlCQUFpQjs7U0FZOUIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBZm5DLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxpQkFBaUIsQ0FBQyxtQkFHekIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx3QkFBd0IsQ0FBQzt5QkFDdkQ7cUJBQ0Y7OEJBSW1CLFNBQVM7c0JBQTVCLFNBQVM7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIFZpZXdDaGlsZCxcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0lucHV0QmFzZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtaW5wdXQuYmFzZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNJY29uVHlwZSB9IGZyb20gJy4uL3N1aXMtaWNvbi9zdWlzLWljb24uZW51bXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtaW5wdXQtaW1hZ2UnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWlucHV0LWltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNJbnB1dEltYWdlQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzSW5wdXRJbWFnZUNvbXBvbmVudCBleHRlbmRzIFN1aXNJbnB1dEJhc2Uge1xuICAvKiogQGludGVybmFsICovXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JykgZmlsZUlucHV0PzogRWxlbWVudFJlZjtcblxuICAvKiogQGludGVybmFsICovXG4gIHJlYWRvbmx5IFN1aXNJY29uVHlwZSA9IFN1aXNJY29uVHlwZTtcblxuICAvKiogQGludGVybmFsICovXG4gIHZhbHVlOiBGaWxlTGlzdCB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgaW1hZ2VVcmw6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUob2JqOiBGb3JtRGF0YSB8IHN0cmluZyk6IHZvaWQge1xuICAgIGlmICh0eXBlb2Ygb2JqID09PSAnc3RyaW5nJykgdGhpcy5pbWFnZVVybCA9IG9iajtcbiAgfVxuXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRoaXMudmFsdWUgPSB0YXJnZXQuZmlsZXM7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG9uUmVtb3ZlKCk6IHZvaWQge1xuICAgIHRoaXMuaW1hZ2VVcmwgPSBudWxsO1xuICAgIHRoaXMudmFsdWUgPSBudWxsO1xuICAgICh0aGlzLmZpbGVJbnB1dD8ubmF0aXZlRWxlbWVudCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSA9ICcnO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLWlucHV0LWltYWdlXCI+XG4gIDxmaWd1cmUgKm5nSWY9XCJpbWFnZVVybFwiIGNsYXNzPVwic3Vpcy1pbnB1dC1pbWFnZV9fcHJldmlld1wiPlxuICAgIDxpbWcgW3NyY109XCJpbWFnZVVybFwiIGFsdD1cIlVwbG9hZGVkIGltYWdlXCIgLz5cbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwib25SZW1vdmUoKVwiPlxuICAgICAgPHN1aXMtaWNvblxuICAgICAgICBbdHlwZV09XCJTdWlzSWNvblR5cGUuQ1JPU1NcIlxuICAgICAgICBjb2xvcj1cImRhbmdlclwiXG4gICAgICAgIHNpemU9XCJtZFwiXG4gICAgICAgIFtmaWxsZWRdPVwidHJ1ZVwiXG4gICAgICA+PC9zdWlzLWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvZmlndXJlPlxuICA8aW5wdXRcbiAgICAjaW5wdXRcbiAgICB0eXBlPVwiZmlsZVwiXG4gICAgY2xhc3M9XCJzdWlzLWlucHV0LWltYWdlX19pbnB1dFwiXG4gICAgW2NsYXNzLnN1aXMtaW5wdXQtaW1hZ2UtLWludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW2F0dHIuaWRdPVwiaWRcIlxuICAgIFthdHRyLm5hbWVdPVwibmFtZVwiXG4gICAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbiAgICAoaW5wdXQpPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgKGZvY3VzKT1cIm9uVG91Y2goKVwiXG4gIC8+XG48L2Rpdj5cbiJdfQ==
|
@@ -24,12 +24,12 @@ class SuisNavigationComponent {
|
|
24
24
|
return `${groupItem.label}-${index}`;
|
25
25
|
}
|
26
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div class=\"suis-navigation\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-navigation{width:100%;min-width:15rem;max-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNavigationGroupComponent, selector: "suis-navigation-group", inputs: ["item", "templateRef", "expanded", "expandable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div class=\"suis-navigation\">\r\n <suis-navigation-group\r\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\r\n [item]=\"groupItem\"\r\n [templateRef]=\"suisNavigationItem?.templateRef\"\r\n [expanded]=\"expandedGroups\"\r\n [expandable]=\"expandable\"\r\n ></suis-navigation-group>\r\n</div>\r\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-navigation{width:100%;min-width:15rem;max-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNavigationGroupComponent, selector: "suis-navigation-group", inputs: ["item", "templateRef", "expanded", "expandable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
28
28
|
}
|
29
29
|
export { SuisNavigationComponent };
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationComponent, decorators: [{
|
31
31
|
type: Component,
|
32
|
-
args: [{ selector: 'suis-navigation', standalone: true, imports: [CommonModule, SuisNavigationGroupComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-navigation\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-navigation{width:100%;min-width:15rem;max-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"] }]
|
32
|
+
args: [{ selector: 'suis-navigation', standalone: true, imports: [CommonModule, SuisNavigationGroupComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-navigation\">\r\n <suis-navigation-group\r\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\r\n [item]=\"groupItem\"\r\n [templateRef]=\"suisNavigationItem?.templateRef\"\r\n [expanded]=\"expandedGroups\"\r\n [expandable]=\"expandable\"\r\n ></suis-navigation-group>\r\n</div>\r\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-navigation{width:100%;min-width:15rem;max-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"] }]
|
33
33
|
}], propDecorators: { suisNavigationItem: [{
|
34
34
|
type: ContentChild,
|
35
35
|
args: [SuisNavigationItemDirective]
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
40
40
|
}], expandable: [{
|
41
41
|
type: Input
|
42
42
|
}] } });
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1uYXZpZ2F0aW9uL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi9zdWlzLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQUV4RSxNQVFhLHVCQUF1QjtJQVJwQztRQWFFOztXQUVHO1FBQ00sVUFBSyxHQUE4QixFQUFFLENBQUM7UUFFL0M7O1dBRUc7UUFDTSxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUV4Qzs7V0FFRztRQUNNLGVBQVUsR0FBWSxLQUFLLENBQUM7S0FNdEM7SUFKQyxnQkFBZ0I7SUFDaEIsZ0JBQWdCLENBQUMsS0FBYSxFQUFFLFNBQWtDO1FBQ2hFLE9BQU8sR0FBRyxTQUFTLENBQUMsS0FBSyxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ3ZDLENBQUM7OEdBdkJVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLG1OQUVwQiwyQkFBMkIsZ0RDckIzQywyVUFTQSw0VkRLWSxZQUFZLDRKQUFFLDRCQUE0Qjs7U0FLekMsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBUm5DLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLDRCQUE0QixDQUFDLG1CQUdwQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQUsvQyxrQkFBa0I7c0JBRGpCLFlBQVk7dUJBQUMsMkJBQTJCO2dCQU1oQyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIElucHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbSB9IGZyb20gJy4uL3N1aXMtbmF2aWdhdGlvbi1pdGVtL3N1aXMtbmF2aWdhdGlvbi1pdGVtLmludGVyZmFjZXMnO1xyXG5pbXBvcnQgeyBTdWlzTmF2aWdhdGlvbkl0ZW1EaXJlY3RpdmUgfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24taXRlbSc7XHJcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzdWlzLW5hdmlnYXRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc05hdmlnYXRpb25Hcm91cENvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWlzTmF2aWdhdGlvbkNvbXBvbmVudCB7XHJcbiAgLyoqIEBpbnRlcm5hbCAqL1xyXG4gIEBDb250ZW50Q2hpbGQoU3Vpc05hdmlnYXRpb25JdGVtRGlyZWN0aXZlKVxyXG4gIHN1aXNOYXZpZ2F0aW9uSXRlbT86IFN1aXNOYXZpZ2F0aW9uSXRlbURpcmVjdGl2ZTtcclxuXHJcbiAgLyoqXHJcbiAgICogTGlzdCBvZiBuYXZpZ2F0aW9uIGl0ZW1zLiBUeXBlIG9mIFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtW10uIEJ5IGRlZmF1bHQgc2V0IHRvIGVtcHR5IGFycmF5LlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbVtdID0gW107XHJcblxyXG4gIC8qKlxyXG4gICAqIENvbmRpdGlvbiB0byBleHBhbmQgZ3JvdXBzIGF0IHZpZXcgaW5pdGlhbGl6YXRpb24uIEJ5IGRlZmF1bHQgc2V0IHRvIHRydWUuXHJcbiAgICovXHJcbiAgQElucHV0KCkgZXhwYW5kZWRHcm91cHM6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAvKipcclxuICAgKiBBZGRzIGV4cGFuZCAvIGNvbGxhcHNlIGxvZ2ljIHRvIGdyb3VwIGhlYWRlciBpdGVtcy4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXHJcbiAgICovXHJcbiAgQElucHV0KCkgZXhwYW5kYWJsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKiogQGludGVybmFsICovXHJcbiAgZ3JvdXBJdGVtVHJhY2tCeShpbmRleDogbnVtYmVyLCBncm91cEl0ZW06IFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHtncm91cEl0ZW0ubGFiZWx9LSR7aW5kZXh9YDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInN1aXMtbmF2aWdhdGlvblwiPlxyXG4gIDxzdWlzLW5hdmlnYXRpb24tZ3JvdXBcclxuICAgICpuZ0Zvcj1cImxldCBncm91cEl0ZW0gb2YgaXRlbXM7IHRyYWNrQnk6IGdyb3VwSXRlbVRyYWNrQnlcIlxyXG4gICAgW2l0ZW1dPVwiZ3JvdXBJdGVtXCJcclxuICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzTmF2aWdhdGlvbkl0ZW0/LnRlbXBsYXRlUmVmXCJcclxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZEdyb3Vwc1wiXHJcbiAgICBbZXhwYW5kYWJsZV09XCJleHBhbmRhYmxlXCJcclxuICA+PC9zdWlzLW5hdmlnYXRpb24tZ3JvdXA+XHJcbjwvZGl2PlxyXG4iXX0=
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-text-area.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdGV4dC1hcmVhL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtdGV4dC1hcmVhLmNvbXBvbmVudCc7XG4iXX0=
|
@@ -0,0 +1,51 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, forwardRef, } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { SuisInputBase } from '../../shared/classes/suis-input.base';
|
4
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
5
|
+
import * as i0 from "@angular/core";
|
6
|
+
class SuisTextAreaComponent extends SuisInputBase {
|
7
|
+
constructor() {
|
8
|
+
super(...arguments);
|
9
|
+
/**
|
10
|
+
* Placeholder text displayed in input. By default set to empty string.
|
11
|
+
*/
|
12
|
+
this.placeholder = '';
|
13
|
+
/** @internal */
|
14
|
+
this.value = '';
|
15
|
+
}
|
16
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
17
|
+
writeValue(obj) {
|
18
|
+
this.value = obj;
|
19
|
+
this._onChange(this.value);
|
20
|
+
this.cdRef.markForCheck();
|
21
|
+
}
|
22
|
+
onChange(event) {
|
23
|
+
const target = event.target;
|
24
|
+
this.value = target.value;
|
25
|
+
this._onChange(this.value);
|
26
|
+
this.changed.emit(this.value);
|
27
|
+
this.cdRef.markForCheck();
|
28
|
+
}
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisTextAreaComponent, isStandalone: true, selector: "suis-text-area", inputs: { placeholder: "placeholder" }, providers: [
|
31
|
+
{
|
32
|
+
provide: NG_VALUE_ACCESSOR,
|
33
|
+
multi: true,
|
34
|
+
useExisting: forwardRef(() => SuisTextAreaComponent),
|
35
|
+
},
|
36
|
+
], usesInheritance: true, ngImport: i0, template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000040;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;min-height:6.25rem}.suis-text-area:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
37
|
+
}
|
38
|
+
export { SuisTextAreaComponent };
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisTextAreaComponent, decorators: [{
|
40
|
+
type: Component,
|
41
|
+
args: [{ selector: 'suis-text-area', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
42
|
+
{
|
43
|
+
provide: NG_VALUE_ACCESSOR,
|
44
|
+
multi: true,
|
45
|
+
useExisting: forwardRef(() => SuisTextAreaComponent),
|
46
|
+
},
|
47
|
+
], template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000040;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;min-height:6.25rem}.suis-text-area:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
48
|
+
}], propDecorators: { placeholder: [{
|
49
|
+
type: Input
|
50
|
+
}] } });
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10ZXh0LWFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXRleHQtYXJlYS9zdWlzLXRleHQtYXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdGV4dC1hcmVhL3N1aXMtdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFbkQsTUFlYSxxQkFBc0IsU0FBUSxhQUFhO0lBZnhEOztRQWdCRTs7V0FFRztRQUNNLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRWxDLGdCQUFnQjtRQUNoQixVQUFLLEdBQVcsRUFBRSxDQUFDO0tBZ0JwQjtJQWRDLDhEQUE4RDtJQUNyRCxVQUFVLENBQUMsR0FBVztRQUM3QixJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztRQUNqQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNuQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBNkIsQ0FBQztRQUNuRCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQzs4R0F0QlUscUJBQXFCO2tHQUFyQixxQkFBcUIscUdBUnJCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQzthQUNyRDtTQUNGLGlEQ3ZCSCw0UkFXQSw0ZERFWSxZQUFZOztTQVlYLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQWZqQyxTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHNCQUFzQixDQUFDO3lCQUNyRDtxQkFDRjs4QkFNUSxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWlucHV0LmJhc2UnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtdGV4dC1hcmVhJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXRleHQtYXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtdGV4dC1hcmVhLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1RleHRBcmVhQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzVGV4dEFyZWFDb21wb25lbnQgZXh0ZW5kcyBTdWlzSW5wdXRCYXNlIHtcbiAgLyoqXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZGlzcGxheWVkIGluIGlucHV0LiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBzdHJpbmcuXG4gICAqL1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICB2YWx1ZTogc3RyaW5nID0gJyc7XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSBvYmo7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MVGV4dEFyZWFFbGVtZW50O1xuICAgIHRoaXMudmFsdWUgPSB0YXJnZXQudmFsdWU7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPHRleHRhcmVhXG4gIGNsYXNzPVwic3Vpcy10ZXh0LWFyZWFcIlxuICBbY2xhc3Muc3Vpcy10ZXh0LWFyZWEtLWludmFsaWRdPVwiaW52YWxpZFwiXG4gIFthdHRyLmlkXT1cImlkXCJcbiAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbiAgKGlucHV0KT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAoZm9jdXMpPVwib25Ub3VjaCgpXCJcbj48L3RleHRhcmVhPlxuIl19
|
package/fesm2022/suis.mjs
CHANGED
@@ -700,6 +700,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
700
700
|
args: ['document:click', ['$event']]
|
701
701
|
}] } });
|
702
702
|
|
703
|
+
class SuisInputImageComponent extends SuisInputBase {
|
704
|
+
constructor() {
|
705
|
+
super(...arguments);
|
706
|
+
/** @internal */
|
707
|
+
this.SuisIconType = SuisIconType;
|
708
|
+
/** @internal */
|
709
|
+
this.value = null;
|
710
|
+
/** @internal */
|
711
|
+
this.imageUrl = null;
|
712
|
+
}
|
713
|
+
writeValue(obj) {
|
714
|
+
if (typeof obj === 'string')
|
715
|
+
this.imageUrl = obj;
|
716
|
+
}
|
717
|
+
onChange(event) {
|
718
|
+
const target = event.target;
|
719
|
+
this.value = target.files;
|
720
|
+
this._onChange(this.value);
|
721
|
+
this.changed.emit(this.value);
|
722
|
+
this.cdRef.markForCheck();
|
723
|
+
}
|
724
|
+
onRemove() {
|
725
|
+
this.imageUrl = null;
|
726
|
+
this.value = null;
|
727
|
+
(this.fileInput?.nativeElement).value = '';
|
728
|
+
this._onChange(this.value);
|
729
|
+
this.changed.emit(this.value);
|
730
|
+
this.cdRef.markForCheck();
|
731
|
+
}
|
732
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
733
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisInputImageComponent, isStandalone: true, selector: "suis-input-image", providers: [
|
734
|
+
{
|
735
|
+
provide: NG_VALUE_ACCESSOR,
|
736
|
+
multi: true,
|
737
|
+
useExisting: forwardRef(() => SuisInputImageComponent),
|
738
|
+
},
|
739
|
+
], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-input-image\">\n <figure *ngIf=\"imageUrl\" class=\"suis-input-image__preview\">\n <img [src]=\"imageUrl\" alt=\"Uploaded image\" />\n <button type=\"button\" (click)=\"onRemove()\">\n <suis-icon\n [type]=\"SuisIconType.CROSS\"\n color=\"danger\"\n size=\"md\"\n [filled]=\"true\"\n ></suis-icon>\n </button>\n </figure>\n <input\n #input\n type=\"file\"\n class=\"suis-input-image__input\"\n [class.suis-input-image--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n />\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-input-image{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000040;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;display:flex;align-items:center}.suis-input-image:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-image--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-input-image__preview{position:relative;margin-right:1rem}.suis-input-image__preview img{display:block;min-width:6.25rem;min-height:6.25rem;max-width:6.25rem;max-height:6.25rem;border-radius:.25rem;object-fit:contain;background-color:#dcdde1d9}.suis-input-image__preview button{position:absolute;top:.1875rem;right:.1875rem;border:0;background-color:transparent;cursor:pointer}.suis-input-image__input::file-selector-button{color:#fff;background-color:#273c75;border-radius:.25rem;transition:background-color .25s ease-in-out;padding:.25rem .75rem;border:0;font-size:.75rem}.suis-input-image__input::file-selector-button:hover{background-color:#273c75d9;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
740
|
+
}
|
741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputImageComponent, decorators: [{
|
742
|
+
type: Component,
|
743
|
+
args: [{ selector: 'suis-input-image', standalone: true, imports: [CommonModule, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
744
|
+
{
|
745
|
+
provide: NG_VALUE_ACCESSOR,
|
746
|
+
multi: true,
|
747
|
+
useExisting: forwardRef(() => SuisInputImageComponent),
|
748
|
+
},
|
749
|
+
], template: "<div class=\"suis-input-image\">\n <figure *ngIf=\"imageUrl\" class=\"suis-input-image__preview\">\n <img [src]=\"imageUrl\" alt=\"Uploaded image\" />\n <button type=\"button\" (click)=\"onRemove()\">\n <suis-icon\n [type]=\"SuisIconType.CROSS\"\n color=\"danger\"\n size=\"md\"\n [filled]=\"true\"\n ></suis-icon>\n </button>\n </figure>\n <input\n #input\n type=\"file\"\n class=\"suis-input-image__input\"\n [class.suis-input-image--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n />\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-input-image{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000040;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;display:flex;align-items:center}.suis-input-image:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-image--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-input-image__preview{position:relative;margin-right:1rem}.suis-input-image__preview img{display:block;min-width:6.25rem;min-height:6.25rem;max-width:6.25rem;max-height:6.25rem;border-radius:.25rem;object-fit:contain;background-color:#dcdde1d9}.suis-input-image__preview button{position:absolute;top:.1875rem;right:.1875rem;border:0;background-color:transparent;cursor:pointer}.suis-input-image__input::file-selector-button{color:#fff;background-color:#273c75;border-radius:.25rem;transition:background-color .25s ease-in-out;padding:.25rem .75rem;border:0;font-size:.75rem}.suis-input-image__input::file-selector-button:hover{background-color:#273c75d9;cursor:pointer}\n"] }]
|
750
|
+
}], propDecorators: { fileInput: [{
|
751
|
+
type: ViewChild,
|
752
|
+
args: ['input']
|
753
|
+
}] } });
|
754
|
+
|
703
755
|
class SuisSelectOptionDirective {
|
704
756
|
constructor() {
|
705
757
|
/**
|
@@ -1022,11 +1074,11 @@ class SuisNavigationComponent {
|
|
1022
1074
|
return `${groupItem.label}-${index}`;
|
1023
1075
|
}
|
1024
1076
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
1025
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div class=\"suis-navigation\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-navigation{width:100%;min-width:15rem;max-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNavigationGroupComponent, selector: "suis-navigation-group", inputs: ["item", "templateRef", "expanded", "expandable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
1077
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div class=\"suis-navigation\">\r\n <suis-navigation-group\r\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\r\n [item]=\"groupItem\"\r\n [templateRef]=\"suisNavigationItem?.templateRef\"\r\n [expanded]=\"expandedGroups\"\r\n [expandable]=\"expandable\"\r\n ></suis-navigation-group>\r\n</div>\r\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-navigation{width:100%;min-width:15rem;max-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNavigationGroupComponent, selector: "suis-navigation-group", inputs: ["item", "templateRef", "expanded", "expandable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
1026
1078
|
}
|
1027
1079
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationComponent, decorators: [{
|
1028
1080
|
type: Component,
|
1029
|
-
args: [{ selector: 'suis-navigation', standalone: true, imports: [CommonModule, SuisNavigationGroupComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-navigation\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-navigation{width:100%;min-width:15rem;max-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"] }]
|
1081
|
+
args: [{ selector: 'suis-navigation', standalone: true, imports: [CommonModule, SuisNavigationGroupComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-navigation\">\r\n <suis-navigation-group\r\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\r\n [item]=\"groupItem\"\r\n [templateRef]=\"suisNavigationItem?.templateRef\"\r\n [expanded]=\"expandedGroups\"\r\n [expandable]=\"expandable\"\r\n ></suis-navigation-group>\r\n</div>\r\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-navigation{width:100%;min-width:15rem;max-width:15rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;max-height:100vh;overflow-y:auto}\n"] }]
|
1030
1082
|
}], propDecorators: { suisNavigationItem: [{
|
1031
1083
|
type: ContentChild,
|
1032
1084
|
args: [SuisNavigationItemDirective]
|
@@ -1999,6 +2051,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
1999
2051
|
}]
|
2000
2052
|
}] });
|
2001
2053
|
|
2054
|
+
class SuisTextAreaComponent extends SuisInputBase {
|
2055
|
+
constructor() {
|
2056
|
+
super(...arguments);
|
2057
|
+
/**
|
2058
|
+
* Placeholder text displayed in input. By default set to empty string.
|
2059
|
+
*/
|
2060
|
+
this.placeholder = '';
|
2061
|
+
/** @internal */
|
2062
|
+
this.value = '';
|
2063
|
+
}
|
2064
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
2065
|
+
writeValue(obj) {
|
2066
|
+
this.value = obj;
|
2067
|
+
this._onChange(this.value);
|
2068
|
+
this.cdRef.markForCheck();
|
2069
|
+
}
|
2070
|
+
onChange(event) {
|
2071
|
+
const target = event.target;
|
2072
|
+
this.value = target.value;
|
2073
|
+
this._onChange(this.value);
|
2074
|
+
this.changed.emit(this.value);
|
2075
|
+
this.cdRef.markForCheck();
|
2076
|
+
}
|
2077
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
2078
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisTextAreaComponent, isStandalone: true, selector: "suis-text-area", inputs: { placeholder: "placeholder" }, providers: [
|
2079
|
+
{
|
2080
|
+
provide: NG_VALUE_ACCESSOR,
|
2081
|
+
multi: true,
|
2082
|
+
useExisting: forwardRef(() => SuisTextAreaComponent),
|
2083
|
+
},
|
2084
|
+
], usesInheritance: true, ngImport: i0, template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000040;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;min-height:6.25rem}.suis-text-area:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
2085
|
+
}
|
2086
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisTextAreaComponent, decorators: [{
|
2087
|
+
type: Component,
|
2088
|
+
args: [{ selector: 'suis-text-area', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
2089
|
+
{
|
2090
|
+
provide: NG_VALUE_ACCESSOR,
|
2091
|
+
multi: true,
|
2092
|
+
useExisting: forwardRef(() => SuisTextAreaComponent),
|
2093
|
+
},
|
2094
|
+
], template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000040;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;min-height:6.25rem}.suis-text-area:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
2095
|
+
}], propDecorators: { placeholder: [{
|
2096
|
+
type: Input
|
2097
|
+
}] } });
|
2098
|
+
|
2002
2099
|
class SuisTitleComponent {
|
2003
2100
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
2004
2101
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisTitleComponent, isStandalone: true, selector: "suis-title", ngImport: i0, template: "<h1 class=\"suis-title\">\n <ng-content></ng-content>\n</h1>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-title{color:#192a56;font-weight:600;font-size:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
@@ -2050,5 +2147,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
2050
2147
|
* Generated bundle index. Do not edit.
|
2051
2148
|
*/
|
2052
2149
|
|
2053
|
-
export { SuisAlertComponent, SuisBoxComponent, SuisBreadcrumbsComponent, SuisButtonComponent, SuisButtonLinkComponent, SuisButtonOutlinedComponent, SuisChipComponent, SuisContainerComponent, SuisFormFieldComponent, SuisIconComponent, SuisIconType, SuisInputCheckboxComponent, SuisInputChipsComponent, SuisInputComponent, SuisInputNumberComponent, SuisInputRadioComponent, SuisLabelComponent, SuisNavigationComponent, SuisNavigationGroupComponent, SuisNavigationGroupItemComponent, SuisNavigationItemComponent, SuisNavigationItemDirective, SuisNavigationModule, SuisNgClassPipe, SuisNotificationComponent, SuisNotificationService, SuisNotificationsComponent, SuisPaginationComponent, SuisProgressBarComponent, SuisSelectComponent, SuisSelectModule, SuisSelectMultiComponent, SuisSelectMultiModule, SuisSelectOptionComponent, SuisSelectOptionDirective, SuisSpinnerComponent, SuisSpinnerContainerComponent, SuisTabDirective, SuisTableCellDirective, SuisTableColumnDirective, SuisTableComponent, SuisTableModule, SuisTabsComponent, SuisTabsModule, SuisTitleComponent, SuisToggleComponent, SuisToolbarComponent };
|
2150
|
+
export { SuisAlertComponent, SuisBoxComponent, SuisBreadcrumbsComponent, SuisButtonComponent, SuisButtonLinkComponent, SuisButtonOutlinedComponent, SuisChipComponent, SuisContainerComponent, SuisFormFieldComponent, SuisIconComponent, SuisIconType, SuisInputCheckboxComponent, SuisInputChipsComponent, SuisInputComponent, SuisInputImageComponent, SuisInputNumberComponent, SuisInputRadioComponent, SuisLabelComponent, SuisNavigationComponent, SuisNavigationGroupComponent, SuisNavigationGroupItemComponent, SuisNavigationItemComponent, SuisNavigationItemDirective, SuisNavigationModule, SuisNgClassPipe, SuisNotificationComponent, SuisNotificationService, SuisNotificationsComponent, SuisPaginationComponent, SuisProgressBarComponent, SuisSelectComponent, SuisSelectModule, SuisSelectMultiComponent, SuisSelectMultiModule, SuisSelectOptionComponent, SuisSelectOptionDirective, SuisSpinnerComponent, SuisSpinnerContainerComponent, SuisTabDirective, SuisTableCellDirective, SuisTableColumnDirective, SuisTableComponent, SuisTableModule, SuisTabsComponent, SuisTabsModule, SuisTextAreaComponent, SuisTitleComponent, SuisToggleComponent, SuisToolbarComponent };
|
2054
2151
|
//# sourceMappingURL=suis.mjs.map
|