suis 0.28.0 → 0.30.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +4 -0
- package/esm2022/lib/components/index.mjs +5 -1
- package/esm2022/lib/components/suis-accordion/index.mjs +2 -0
- package/esm2022/lib/components/suis-accordion/suis-accordion.component.mjs +35 -0
- package/esm2022/lib/components/suis-box/suis-box.component.mjs +2 -2
- package/esm2022/lib/components/suis-input/suis-input.component.mjs +3 -3
- package/esm2022/lib/components/suis-input-checkbox/suis-input-checkbox.component.mjs +3 -3
- 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-input-number/suis-input-number.component.mjs +3 -3
- package/esm2022/lib/components/suis-input-radio/suis-input-radio.component.mjs +3 -3
- package/esm2022/lib/components/suis-item/index.mjs +2 -0
- package/esm2022/lib/components/suis-item/suis-item.component.mjs +33 -0
- package/esm2022/lib/components/suis-navigation/suis-navigation.component.mjs +29 -4
- package/esm2022/lib/components/suis-navigation-group-item/suis-navigation-group-item.component.mjs +3 -3
- package/esm2022/lib/components/suis-navigation-item/suis-navigation-item.component.mjs +3 -3
- package/esm2022/lib/components/suis-select/suis-select.component.mjs +3 -3
- package/esm2022/lib/components/suis-select-multi/suis-select-multi.component.mjs +3 -3
- package/esm2022/lib/components/suis-table/suis-table.component.mjs +3 -3
- package/esm2022/lib/components/suis-tabs/suis-tabs.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/esm2022/lib/components/suis-toggle/suis-toggle.component.mjs +3 -3
- package/esm2022/lib/components/suis-toolbar/suis-toolbar.component.mjs +3 -3
- package/fesm2022/suis.mjs +225 -46
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/components/index.d.ts +4 -0
- package/lib/components/suis-accordion/index.d.ts +1 -0
- package/lib/components/suis-accordion/suis-accordion.component.d.ts +18 -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-item/index.d.ts +1 -0
- package/lib/components/suis-item/suis-item.component.d.ts +17 -0
- package/lib/components/suis-navigation/suis-navigation.component.d.ts +18 -1
- 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,10 @@ 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 |
|
51
|
+
| Item | SuisItem | suis-item | 0.30.0 |
|
52
|
+
| Accordion | SuisAccordion | suis-accordion | 0.30.0 |
|
49
53
|
|
50
54
|
## Pipes
|
51
55
|
|
@@ -1,3 +1,4 @@
|
|
1
|
+
export * from './suis-accordion';
|
1
2
|
export * from './suis-alert';
|
2
3
|
export * from './suis-box';
|
3
4
|
export * from './suis-breadcrumbs';
|
@@ -11,8 +12,10 @@ export * from './suis-icon';
|
|
11
12
|
export * from './suis-input';
|
12
13
|
export * from './suis-input-checkbox';
|
13
14
|
export * from './suis-input-chips';
|
15
|
+
export * from './suis-input-image';
|
14
16
|
export * from './suis-input-number';
|
15
17
|
export * from './suis-input-radio';
|
18
|
+
export * from './suis-item';
|
16
19
|
export * from './suis-label';
|
17
20
|
export * from './suis-navigation';
|
18
21
|
export * from './suis-navigation-group';
|
@@ -29,7 +32,8 @@ export * from './suis-spinner';
|
|
29
32
|
export * from './suis-spinner-container';
|
30
33
|
export * from './suis-table';
|
31
34
|
export * from './suis-tabs';
|
35
|
+
export * from './suis-text-area';
|
32
36
|
export * from './suis-title';
|
33
37
|
export * from './suis-toggle';
|
34
38
|
export * from './suis-toolbar';
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtYWNjb3JkaW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1hbGVydCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYm94JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1icmVhZGNydW1icyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1idXR0b24tbGluayc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uLW91dGxpbmVkJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1jaGlwJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1jb250YWluZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWZvcm0tZmllbGQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWljb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGVja2JveCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtY2hpcHMnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LWltYWdlJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1udW1iZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LXJhZGlvJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pdGVtJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1sYWJlbCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1ncm91cCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5vdGlmaWNhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtcGFnaW5hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtcHJvZ3Jlc3MtYmFyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNlbGVjdC1vcHRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNlbGVjdC1tdWx0aSc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc3Bpbm5lcic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc3Bpbm5lci1jb250YWluZXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10YWJzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10ZXh0LWFyZWEnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRpdGxlJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10b2dnbGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRvb2xiYXInO1xuIl19
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-accordion.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWNjb3JkaW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtYWNjb3JkaW9uLmNvbXBvbmVudCc7XG4iXX0=
|
@@ -0,0 +1,35 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { SuisIconComponent, SuisIconType } from '../suis-icon';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
import * as i1 from "@angular/common";
|
6
|
+
class SuisAccordionComponent {
|
7
|
+
constructor() {
|
8
|
+
/** @internal */
|
9
|
+
this.SuisIconType = SuisIconType;
|
10
|
+
/**
|
11
|
+
* Controlls styling of the accordion based on expanded state of group. By default set to false.
|
12
|
+
*/
|
13
|
+
this.expanded = false;
|
14
|
+
/**
|
15
|
+
* Emits when expanded value of the accordion has been changed.
|
16
|
+
*/
|
17
|
+
this.expandedChange = new EventEmitter();
|
18
|
+
}
|
19
|
+
onToggle() {
|
20
|
+
this.expanded = !this.expanded;
|
21
|
+
this.expandedChange.emit(this.expanded);
|
22
|
+
}
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisAccordionComponent, isStandalone: true, selector: "suis-accordion", inputs: { expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<div class=\"suis-accordion\">\n <button (click)=\"onToggle()\" class=\"suis-accordion__header\">\n <ng-content select=\"[suisAccordionHeader]\"></ng-content>\n <suis-icon\n [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </button>\n <div class=\"suis-accordion__content\" *ngIf=\"expanded\">\n <ng-content select=\"[suisAccordionContent]\"></ng-content>\n </div>\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-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem;font-size:1rem;font-weight:500;color:#192a56}.suis-accordion__header:hover{cursor:pointer}.suis-accordion__content{padding:.75rem 1rem;border:.0625rem solid #dcdde1;border-top:0;font-size:.875rem}\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 }); }
|
25
|
+
}
|
26
|
+
export { SuisAccordionComponent };
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisAccordionComponent, decorators: [{
|
28
|
+
type: Component,
|
29
|
+
args: [{ selector: 'suis-accordion', standalone: true, imports: [CommonModule, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-accordion\">\n <button (click)=\"onToggle()\" class=\"suis-accordion__header\">\n <ng-content select=\"[suisAccordionHeader]\"></ng-content>\n <suis-icon\n [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </button>\n <div class=\"suis-accordion__content\" *ngIf=\"expanded\">\n <ng-content select=\"[suisAccordionContent]\"></ng-content>\n </div>\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-accordion__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem;font-size:1rem;font-weight:500;color:#192a56}.suis-accordion__header:hover{cursor:pointer}.suis-accordion__content{padding:.75rem 1rem;border:.0625rem solid #dcdde1;border-top:0;font-size:.875rem}\n"] }]
|
30
|
+
}], propDecorators: { expanded: [{
|
31
|
+
type: Input
|
32
|
+
}], expandedChange: [{
|
33
|
+
type: Output
|
34
|
+
}] } });
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1hY2NvcmRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWFjY29yZGlvbi9zdWlzLWFjY29yZGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWNjb3JkaW9uL3N1aXMtYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7QUFFL0QsTUFRYSxzQkFBc0I7SUFSbkM7UUFTRSxnQkFBZ0I7UUFDUCxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUVyQzs7V0FFRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFbkM7O1dBRUc7UUFDTyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FNeEQ7SUFKQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7OEdBakJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDJKQ2xCbkMsb2VBYUEsZ2tCREFZLFlBQVksbUlBQUUsaUJBQWlCOztTQUs5QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLENBQUMsbUJBR3pCLHVCQUF1QixDQUFDLE1BQU07OEJBU3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0ksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQsIFN1aXNJY29uVHlwZSB9IGZyb20gJy4uL3N1aXMtaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtYWNjb3JkaW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWFjY29yZGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0FjY29yZGlvbkNvbXBvbmVudCB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcmVhZG9ubHkgU3Vpc0ljb25UeXBlID0gU3Vpc0ljb25UeXBlO1xuXG4gIC8qKlxuICAgKiBDb250cm9sbHMgc3R5bGluZyBvZiB0aGUgYWNjb3JkaW9uIGJhc2VkIG9uIGV4cGFuZGVkIHN0YXRlIG9mIGdyb3VwLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gZXhwYW5kZWQgdmFsdWUgb2YgdGhlIGFjY29yZGlvbiBoYXMgYmVlbiBjaGFuZ2VkLlxuICAgKi9cbiAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIG9uVG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZDtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQodGhpcy5leHBhbmRlZCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLWFjY29yZGlvblwiPlxuICA8YnV0dG9uIChjbGljayk9XCJvblRvZ2dsZSgpXCIgY2xhc3M9XCJzdWlzLWFjY29yZGlvbl9faGVhZGVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N1aXNBY2NvcmRpb25IZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDxzdWlzLWljb25cbiAgICAgIFt0eXBlXT1cImV4cGFuZGVkID8gU3Vpc0ljb25UeXBlLkNIRVZST05fVVAgOiBTdWlzSWNvblR5cGUuQ0hFVlJPTl9ET1dOXCJcbiAgICAgIHNpemU9XCJsZ1wiXG4gICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgPC9idXR0b24+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLWFjY29yZGlvbl9fY29udGVudFwiICpuZ0lmPVwiZXhwYW5kZWRcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3Vpc0FjY29yZGlvbkNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
@@ -8,12 +8,12 @@ class SuisBoxComponent {
|
|
8
8
|
this.spacing = false;
|
9
9
|
}
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisBoxComponent, isStandalone: true, selector: "suis-box", inputs: { spacing: "spacing" }, ngImport: i0, template: "<div class=\"suis-box\" [class.suis-box--spacing]=\"spacing\">\n <ng-content></ng-content>\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-box{background-color:#fff;
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisBoxComponent, isStandalone: true, selector: "suis-box", inputs: { spacing: "spacing" }, ngImport: i0, template: "<div class=\"suis-box\" [class.suis-box--spacing]=\"spacing\">\n <ng-content></ng-content>\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-box{background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem}.suis-box--spacing{padding:1rem}@media (min-width: 768px){.suis-box--spacing{padding:1.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
12
12
|
}
|
13
13
|
export { SuisBoxComponent };
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisBoxComponent, decorators: [{
|
15
15
|
type: Component,
|
16
|
-
args: [{ selector: 'suis-box', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-box\" [class.suis-box--spacing]=\"spacing\">\n <ng-content></ng-content>\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-box{background-color:#fff;
|
16
|
+
args: [{ selector: 'suis-box', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-box\" [class.suis-box--spacing]=\"spacing\">\n <ng-content></ng-content>\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-box{background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem}.suis-box--spacing{padding:1rem}@media (min-width: 768px){.suis-box--spacing{padding:1.25rem}}\n"] }]
|
17
17
|
}], propDecorators: { spacing: [{
|
18
18
|
type: Input
|
19
19
|
}] } });
|
@@ -44,7 +44,7 @@ class SuisInputComponent extends SuisInputBase {
|
|
44
44
|
multi: true,
|
45
45
|
useExisting: forwardRef(() => SuisInputComponent),
|
46
46
|
},
|
47
|
-
], usesInheritance: true, ngImport: i0, template: "<input\n class=\"suis-input\"\n [class.suis-input--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [type]=\"type\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n (keydown.enter)=\"onEnter()\"\n/>\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{width:100%;background-color:#fff;
|
47
|
+
], usesInheritance: true, ngImport: i0, template: "<input\n class=\"suis-input\"\n [class.suis-input--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [type]=\"type\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n (keydown.enter)=\"onEnter()\"\n/>\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{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.25rem}.suis-input:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input--invalid{border:.0625rem solid #ff4757}.suis-input--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
48
48
|
}
|
49
49
|
export { SuisInputComponent };
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputComponent, decorators: [{
|
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
55
55
|
multi: true,
|
56
56
|
useExisting: forwardRef(() => SuisInputComponent),
|
57
57
|
},
|
58
|
-
], template: "<input\n class=\"suis-input\"\n [class.suis-input--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [type]=\"type\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n (keydown.enter)=\"onEnter()\"\n/>\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{width:100%;background-color:#fff;
|
58
|
+
], template: "<input\n class=\"suis-input\"\n [class.suis-input--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [type]=\"type\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n (keydown.enter)=\"onEnter()\"\n/>\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{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.25rem}.suis-input:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input--invalid{border:.0625rem solid #ff4757}.suis-input--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
59
59
|
}], propDecorators: { type: [{
|
60
60
|
type: Input
|
61
61
|
}], placeholder: [{
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
63
63
|
}], enterPressed: [{
|
64
64
|
type: Output
|
65
65
|
}] } });
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQvc3Vpcy1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQvc3Vpcy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFFckUsTUFlYSxrQkFBbUIsU0FBUSxhQUFhO0lBZnJEOztRQWdCRTs7V0FFRztRQUNNLFNBQUksR0FBa0IsTUFBTSxDQUFDO1FBRXRDOztXQUVHO1FBQ00sZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFbEM7O1dBRUc7UUFDTyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFbEQsZ0JBQWdCO1FBQ2hCLFVBQUssR0FBVyxFQUFFLENBQUM7S0FvQnBCO0lBbEJDLDhEQUE4RDtJQUNyRCxVQUFVLENBQUMsR0FBVztRQUM3QixJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztRQUNqQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNuQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUNoRCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7OEdBcENVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDBKQVJsQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUM7YUFDbEQ7U0FDRixpREMxQkgsMlRBYUEsMmlCREdZLFlBQVk7O1NBWVgsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBZjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG1CQUFtQixDQUFDO3lCQUNsRDtxQkFDRjs4QkFNUSxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNJbnB1dFR5cGUgfSBmcm9tICcuL3N1aXMtaW5wdXQudHlwZXMnO1xuaW1wb3J0IHsgU3Vpc0lucHV0QmFzZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtaW5wdXQuYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtaW5wdXQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc0lucHV0Q29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBTdWlzSW5wdXRCYXNlIHtcbiAgLyoqXG4gICAqIFNldHMgaW5wdXQncyB0eXBlIHRvIG9uZSBvZiB0aGUgYWNjZXB0ZWQgdmFsdWVzIC0gdHlwZSBvZiBTdWlzSW5wdXRUeXBlLiBCeSBkZWZhdWx0IHNldCB0byAndGV4dCcuXG4gICAqL1xuICBASW5wdXQoKSB0eXBlOiBTdWlzSW5wdXRUeXBlID0gJ3RleHQnO1xuXG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB0ZXh0IGRpc3BsYXllZCBpbiBpbnB1dC4gQnkgZGVmYXVsdCBzZXQgdG8gZW1wdHkgc3RyaW5nLlxuICAgKi9cbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBrZXlkb3duIGVudGVyIGlucHV0IGV2ZW50LlxuICAgKi9cbiAgQE91dHB1dCgpIGVudGVyUHJlc3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKiogQGludGVybmFsICovXG4gIHZhbHVlOiBzdHJpbmcgPSAnJztcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBvdmVycmlkZSB3cml0ZVZhbHVlKG9iajogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IG9iajtcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25DaGFuZ2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZSA9IHRhcmdldC52YWx1ZTtcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZWQuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25FbnRlcigpOiB2b2lkIHtcbiAgICB0aGlzLmVudGVyUHJlc3NlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxpbnB1dFxuICBjbGFzcz1cInN1aXMtaW5wdXRcIlxuICBbY2xhc3Muc3Vpcy1pbnB1dC0taW52YWxpZF09XCJpbnZhbGlkXCJcbiAgW2F0dHIuaWRdPVwiaWRcIlxuICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICBbdHlwZV09XCJ0eXBlXCJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbiAgKGlucHV0KT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAoZm9jdXMpPVwib25Ub3VjaCgpXCJcbiAgKGtleWRvd24uZW50ZXIpPVwib25FbnRlcigpXCJcbi8+XG4iXX0=
|
@@ -19,7 +19,7 @@ class SuisInputCheckboxComponent extends SuisCheckboxBase {
|
|
19
19
|
multi: true,
|
20
20
|
useExisting: forwardRef(() => SuisInputCheckboxComponent),
|
21
21
|
},
|
22
|
-
], usesInheritance: true, ngImport: i0, template: "<input\n #input\n type=\"checkbox\"\n class=\"suis-input-checkbox\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n/>\n\n<suis-label\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n>\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-input-checkbox__check\"\n [class.suis-input-checkbox__check--invalid]=\"invalid\"\n [class.suis-input-checkbox__check--readonly]=\"readonly\"\n >\n <suis-icon\n *ngIf=\"value\"\n [type]=\"SuisIconType.CHECK\"\n [color]=\"readonly ? 'tertiary' : 'primary'\"\n ></suis-icon>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #
|
22
|
+
], usesInheritance: true, ngImport: i0, template: "<input\n #input\n type=\"checkbox\"\n class=\"suis-input-checkbox\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n/>\n\n<suis-label\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n>\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-input-checkbox__check\"\n [class.suis-input-checkbox__check--invalid]=\"invalid\"\n [class.suis-input-checkbox__check--readonly]=\"readonly\"\n >\n <suis-icon\n *ngIf=\"value\"\n [type]=\"SuisIconType.CHECK\"\n [color]=\"readonly ? 'tertiary' : 'primary'\"\n ></suis-icon>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox:checked~suis-label ::ng-deep .suis-input-checkbox__check{border:.0625rem solid #192a56}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisLabelComponent, selector: "suis-label", inputs: ["for", "required", "pointer", "readonly"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
23
23
|
}
|
24
24
|
export { SuisInputCheckboxComponent };
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputCheckboxComponent, decorators: [{
|
@@ -30,6 +30,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
30
30
|
multi: true,
|
31
31
|
useExisting: forwardRef(() => SuisInputCheckboxComponent),
|
32
32
|
},
|
33
|
-
], template: "<input\n #input\n type=\"checkbox\"\n class=\"suis-input-checkbox\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n/>\n\n<suis-label\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n>\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-input-checkbox__check\"\n [class.suis-input-checkbox__check--invalid]=\"invalid\"\n [class.suis-input-checkbox__check--readonly]=\"readonly\"\n >\n <suis-icon\n *ngIf=\"value\"\n [type]=\"SuisIconType.CHECK\"\n [color]=\"readonly ? 'tertiary' : 'primary'\"\n ></suis-icon>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #
|
33
|
+
], template: "<input\n #input\n type=\"checkbox\"\n class=\"suis-input-checkbox\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n/>\n\n<suis-label\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n>\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-input-checkbox__check\"\n [class.suis-input-checkbox__check--invalid]=\"invalid\"\n [class.suis-input-checkbox__check--readonly]=\"readonly\"\n >\n <suis-icon\n *ngIf=\"value\"\n [type]=\"SuisIconType.CHECK\"\n [color]=\"readonly ? 'tertiary' : 'primary'\"\n ></suis-icon>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-checkbox{display:none}.suis-input-checkbox:checked~suis-label ::ng-deep .suis-input-checkbox__check{border:.0625rem solid #192a56}.suis-input-checkbox__check{width:1.25rem;height:1.25rem;border:.0625rem solid #dcdde1;display:flex;justify-content:center;align-items:center;margin-right:.5rem;background-color:#fff;border-radius:.25rem}.suis-input-checkbox__check:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-checkbox__check--readonly{border:.0625rem solid #dcdde1}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
34
34
|
}] });
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7O0FBRTNFLE1BZWEsMEJBQTJCLFNBQVEsZ0JBQWdCO0lBZmhFOztRQWdCRSxnQkFBZ0I7UUFDUCxpQkFBWSxHQUFHLFlBQVksQ0FBQztLQUN0Qzs4R0FIWSwwQkFBMEI7a0dBQTFCLDBCQUEwQixrRUFSMUI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDBCQUEwQixDQUFDO2FBQzFEO1NBQ0YsaURDcEJILG92QkFnQ0EsazNCRHRCWSxZQUFZLG1JQUFFLGtCQUFrQiwyR0FBRSxpQkFBaUI7O1NBWWxELDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQWZ0QyxTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsa0JBQWtCLEVBQUUsaUJBQWlCLENBQUMsbUJBRzdDLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMkJBQTJCLENBQUM7eUJBQzFEO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNMYWJlbENvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCwgU3Vpc0ljb25UeXBlIH0gZnJvbSAnLi4vc3Vpcy1pY29uJztcbmltcG9ydCB7IFN1aXNDaGVja2JveEJhc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWNoZWNrYm94LmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWlucHV0LWNoZWNrYm94JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc0xhYmVsQ29tcG9uZW50LCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWlucHV0LWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNJbnB1dENoZWNrYm94Q29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzSW5wdXRDaGVja2JveENvbXBvbmVudCBleHRlbmRzIFN1aXNDaGVja2JveEJhc2Uge1xuICAvKiogQGludGVybmFsICovXG4gIHJlYWRvbmx5IFN1aXNJY29uVHlwZSA9IFN1aXNJY29uVHlwZTtcbn1cbiIsIjxpbnB1dFxuICAjaW5wdXRcbiAgdHlwZT1cImNoZWNrYm94XCJcbiAgY2xhc3M9XCJzdWlzLWlucHV0LWNoZWNrYm94XCJcbiAgW2F0dHIuaWRdPVwiaWRcIlxuICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICBbdmFsdWVdPVwidmFsdWVcIlxuICBbZGlzYWJsZWRdPVwicmVhZG9ubHlcIlxuICAoaW5wdXQpPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gIChmb2N1cyk9XCJvblRvdWNoKClcIlxuLz5cblxuPHN1aXMtbGFiZWxcbiAgW2Zvcl09XCJpZFwiXG4gIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gIFtwb2ludGVyXT1cInRydWVcIlxuICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuPlxuICA8ZGl2XG4gICAgW3RhYmluZGV4XT1cInJlYWRvbmx5ID8gLTEgOiAwXCJcbiAgICBjbGFzcz1cInN1aXMtaW5wdXQtY2hlY2tib3hfX2NoZWNrXCJcbiAgICBbY2xhc3Muc3Vpcy1pbnB1dC1jaGVja2JveF9fY2hlY2stLWludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW2NsYXNzLnN1aXMtaW5wdXQtY2hlY2tib3hfX2NoZWNrLS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gID5cbiAgICA8c3Vpcy1pY29uXG4gICAgICAqbmdJZj1cInZhbHVlXCJcbiAgICAgIFt0eXBlXT1cIlN1aXNJY29uVHlwZS5DSEVDS1wiXG4gICAgICBbY29sb3JdPVwicmVhZG9ubHkgPyAndGVydGlhcnknIDogJ3ByaW1hcnknXCJcbiAgICA+PC9zdWlzLWljb24+XG4gIDwvZGl2PlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3N1aXMtbGFiZWw+XG4iXX0=
|
@@ -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\" [class.suis-input-image--invalid]=\"invalid\">\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 [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;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.25rem;display:flex;align-items:center}.suis-input-image:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-image--invalid{border:.0625rem solid #ff4757}.suis-input-image--invalid:focus{border:.0625rem solid #ff4757;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\" [class.suis-input-image--invalid]=\"invalid\">\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 [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;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.25rem;display:flex;align-items:center}.suis-input-image:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-image--invalid{border:.0625rem solid #ff4757}.suis-input-image--invalid:focus{border:.0625rem solid #ff4757;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtaW1hZ2Uvc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtaW1hZ2Uvc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsU0FBUyxFQUNULFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBRXJFLE1BZWEsdUJBQXdCLFNBQVEsYUFBYTtJQWYxRDs7UUFtQkUsZ0JBQWdCO1FBQ1AsaUJBQVksR0FBRyxZQUFZLENBQUM7UUFFckMsZ0JBQWdCO1FBQ2hCLFVBQUssR0FBb0IsSUFBSSxDQUFDO1FBRTlCLGdCQUFnQjtRQUNoQixhQUFRLEdBQWtCLElBQUksQ0FBQztLQXNCaEM7SUFwQlUsVUFBVSxDQUFDLEdBQXNCO1FBQ3hDLElBQUksT0FBTyxHQUFHLEtBQUssUUFBUTtZQUFFLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO0lBQ25ELENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNuQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUNoRCxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsYUFBa0MsQ0FBQSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDL0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQzs4R0FoQ1UsdUJBQXVCO2tHQUF2Qix1QkFBdUIsK0RBUnZCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQzthQUN2RDtTQUNGLHFKQzFCSCw2cEJBdUJBLHF3Q0RQWSxZQUFZLG1JQUFFLGlCQUFpQjs7U0FZOUIsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBZm5DLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxpQkFBaUIsQ0FBQyxtQkFHekIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx3QkFBd0IsQ0FBQzt5QkFDdkQ7cUJBQ0Y7OEJBSW1CLFNBQVM7c0JBQTVCLFNBQVM7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIFZpZXdDaGlsZCxcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0lucHV0QmFzZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtaW5wdXQuYmFzZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNJY29uVHlwZSB9IGZyb20gJy4uL3N1aXMtaWNvbi9zdWlzLWljb24uZW51bXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtaW5wdXQtaW1hZ2UnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWlucHV0LWltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNJbnB1dEltYWdlQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzSW5wdXRJbWFnZUNvbXBvbmVudCBleHRlbmRzIFN1aXNJbnB1dEJhc2Uge1xuICAvKiogQGludGVybmFsICovXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JykgZmlsZUlucHV0PzogRWxlbWVudFJlZjtcblxuICAvKiogQGludGVybmFsICovXG4gIHJlYWRvbmx5IFN1aXNJY29uVHlwZSA9IFN1aXNJY29uVHlwZTtcblxuICAvKiogQGludGVybmFsICovXG4gIHZhbHVlOiBGaWxlTGlzdCB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgaW1hZ2VVcmw6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUob2JqOiBGb3JtRGF0YSB8IHN0cmluZyk6IHZvaWQge1xuICAgIGlmICh0eXBlb2Ygb2JqID09PSAnc3RyaW5nJykgdGhpcy5pbWFnZVVybCA9IG9iajtcbiAgfVxuXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRoaXMudmFsdWUgPSB0YXJnZXQuZmlsZXM7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG9uUmVtb3ZlKCk6IHZvaWQge1xuICAgIHRoaXMuaW1hZ2VVcmwgPSBudWxsO1xuICAgIHRoaXMudmFsdWUgPSBudWxsO1xuICAgICh0aGlzLmZpbGVJbnB1dD8ubmF0aXZlRWxlbWVudCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSA9ICcnO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLWlucHV0LWltYWdlXCIgW2NsYXNzLnN1aXMtaW5wdXQtaW1hZ2UtLWludmFsaWRdPVwiaW52YWxpZFwiPlxuICA8ZmlndXJlICpuZ0lmPVwiaW1hZ2VVcmxcIiBjbGFzcz1cInN1aXMtaW5wdXQtaW1hZ2VfX3ByZXZpZXdcIj5cbiAgICA8aW1nIFtzcmNdPVwiaW1hZ2VVcmxcIiBhbHQ9XCJVcGxvYWRlZCBpbWFnZVwiIC8+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uUmVtb3ZlKClcIj5cbiAgICAgIDxzdWlzLWljb25cbiAgICAgICAgW3R5cGVdPVwiU3Vpc0ljb25UeXBlLkNST1NTXCJcbiAgICAgICAgY29sb3I9XCJkYW5nZXJcIlxuICAgICAgICBzaXplPVwibWRcIlxuICAgICAgICBbZmlsbGVkXT1cInRydWVcIlxuICAgICAgPjwvc3Vpcy1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2ZpZ3VyZT5cbiAgPGlucHV0XG4gICAgI2lucHV0XG4gICAgdHlwZT1cImZpbGVcIlxuICAgIGNsYXNzPVwic3Vpcy1pbnB1dC1pbWFnZV9faW5wdXRcIlxuICAgIFthdHRyLmlkXT1cImlkXCJcbiAgICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICAgIFtkaXNhYmxlZF09XCJyZWFkb25seVwiXG4gICAgKGlucHV0KT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgIChmb2N1cyk9XCJvblRvdWNoKClcIlxuICAvPlxuPC9kaXY+XG4iXX0=
|
@@ -33,7 +33,7 @@ class SuisInputNumberComponent extends SuisInputBase {
|
|
33
33
|
multi: true,
|
34
34
|
useExisting: forwardRef(() => SuisInputNumberComponent),
|
35
35
|
},
|
36
|
-
], usesInheritance: true, ngImport: i0, template: "<input\n type=\"number\"\n class=\"suis-input-number\"\n [class.suis-input-number--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/>\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-number{width:100%;background-color:#fff;
|
36
|
+
], usesInheritance: true, ngImport: i0, template: "<input\n type=\"number\"\n class=\"suis-input-number\"\n [class.suis-input-number--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/>\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-number{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.25rem;-moz-appearance:textfield}.suis-input-number:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-number--invalid{border:.0625rem solid #ff4757}.suis-input-number--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-input-number::-webkit-outer-spin-button,.suis-input-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
37
37
|
}
|
38
38
|
export { SuisInputNumberComponent };
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputNumberComponent, decorators: [{
|
@@ -44,8 +44,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
44
44
|
multi: true,
|
45
45
|
useExisting: forwardRef(() => SuisInputNumberComponent),
|
46
46
|
},
|
47
|
-
], template: "<input\n type=\"number\"\n class=\"suis-input-number\"\n [class.suis-input-number--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/>\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-number{width:100%;background-color:#fff;
|
47
|
+
], template: "<input\n type=\"number\"\n class=\"suis-input-number\"\n [class.suis-input-number--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/>\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-number{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.25rem;-moz-appearance:textfield}.suis-input-number:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-number--invalid{border:.0625rem solid #ff4757}.suis-input-number--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-input-number::-webkit-outer-spin-button,.suis-input-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
48
48
|
}], propDecorators: { placeholder: [{
|
49
49
|
type: Input
|
50
50
|
}] } });
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1udW1iZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWlucHV0LW51bWJlci9zdWlzLWlucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtbnVtYmVyL3N1aXMtaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFbkQsTUFlYSx3QkFBeUIsU0FBUSxhQUFhO0lBZjNEOztRQWdCRTs7V0FFRztRQUNNLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRWxDLGdCQUFnQjtRQUNoQixVQUFLLEdBQWtCLElBQUksQ0FBQztLQWdCN0I7SUFkQyw4REFBOEQ7SUFDckQsVUFBVSxDQUFDLEdBQWtCO1FBQ3BDLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFZO1FBQ25CLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQ2hELElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3hELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7OEdBdEJVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHdHQVJ4QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7YUFDeEQ7U0FDRixpREN2Qkgsd1NBWUEsOHRCRENZLFlBQVk7O1NBWVgsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBZnBDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHlCQUF5QixDQUFDO3lCQUN4RDtxQkFDRjs4QkFNUSxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvY2xhc3Nlcyc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1pbnB1dC1udW1iZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1pbnB1dC1udW1iZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzSW5wdXROdW1iZXJDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNJbnB1dE51bWJlckNvbXBvbmVudCBleHRlbmRzIFN1aXNJbnB1dEJhc2Uge1xuICAvKipcbiAgICogUGxhY2Vob2xkZXIgdGV4dCBkaXNwbGF5ZWQgaW4gaW5wdXQuIEJ5IGRlZmF1bHQgc2V0IHRvIGVtcHR5IHN0cmluZy5cbiAgICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcblxuICAvKiogQGludGVybmFsICovXG4gIHZhbHVlOiBudW1iZXIgfCBudWxsID0gbnVsbDtcblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBvdmVycmlkZSB3cml0ZVZhbHVlKG9iajogbnVtYmVyIHwgbnVsbCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSBvYmo7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRoaXMudmFsdWUgPSB0YXJnZXQudmFsdWUgPyBOdW1iZXIodGFyZ2V0LnZhbHVlKSA6IG51bGw7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGlucHV0XG4gIHR5cGU9XCJudW1iZXJcIlxuICBjbGFzcz1cInN1aXMtaW5wdXQtbnVtYmVyXCJcbiAgW2NsYXNzLnN1aXMtaW5wdXQtbnVtYmVyLS1pbnZhbGlkXT1cImludmFsaWRcIlxuICBbYXR0ci5pZF09XCJpZFwiXG4gIFthdHRyLm5hbWVdPVwibmFtZVwiXG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFtkaXNhYmxlZF09XCJyZWFkb25seVwiXG4gIChpbnB1dCk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcbiAgKGZvY3VzKT1cIm9uVG91Y2goKVwiXG4vPlxuIl19
|
@@ -30,7 +30,7 @@ class SuisInputRadioComponent extends RadioControlValueAccessor {
|
|
30
30
|
multi: true,
|
31
31
|
useExisting: forwardRef(() => SuisInputRadioComponent),
|
32
32
|
},
|
33
|
-
], viewQueries: [{ propertyName: "radioInput", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\n #input\n type=\"radio\"\n class=\"suis-input-radio\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n/>\n\n<suis-label [for]=\"id\" [pointer]=\"true\" [readonly]=\"readonly\">\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-input-radio__circle\"\n [class.suis-input-radio__circle--invalid]=\"invalid\"\n [class.suis-input-radio__circle--readonly]=\"readonly\"\n >\n <div class=\"suis-input-radio__circle__fill\"></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-radio{display:none}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle__fill{border-radius:100%;height:.75rem;width:.75rem;background-color:#273c75}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle--readonly .suis-input-radio__circle__fill{background-color:#dcdde1}.suis-input-radio__circle{margin-right:.5rem;border:.0625rem solid #
|
33
|
+
], viewQueries: [{ propertyName: "radioInput", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<input\n #input\n type=\"radio\"\n class=\"suis-input-radio\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n/>\n\n<suis-label [for]=\"id\" [pointer]=\"true\" [readonly]=\"readonly\">\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-input-radio__circle\"\n [class.suis-input-radio__circle--invalid]=\"invalid\"\n [class.suis-input-radio__circle--readonly]=\"readonly\"\n >\n <div class=\"suis-input-radio__circle__fill\"></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-radio{display:none}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle{border:.0625rem solid #192a56}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle__fill{border-radius:100%;height:.75rem;width:.75rem;background-color:#273c75}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle--readonly .suis-input-radio__circle__fill{background-color:#dcdde1}.suis-input-radio__circle{margin-right:.5rem;border:.0625rem solid #dcdde1;border-radius:100%;height:1.25rem;width:1.25rem;display:flex;justify-content:center;align-items:center}.suis-input-radio__circle:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-radio__circle--readonly{border:.0625rem solid #dcdde1}.suis-input-radio__circle--readonly:focus{box-shadow:none}.suis-input-radio__circle--invalid{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SuisLabelComponent, selector: "suis-label", inputs: ["for", "required", "pointer", "readonly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
34
34
|
}
|
35
35
|
export { SuisInputRadioComponent };
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputRadioComponent, decorators: [{
|
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
41
41
|
multi: true,
|
42
42
|
useExisting: forwardRef(() => SuisInputRadioComponent),
|
43
43
|
},
|
44
|
-
], template: "<input\n #input\n type=\"radio\"\n class=\"suis-input-radio\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n/>\n\n<suis-label [for]=\"id\" [pointer]=\"true\" [readonly]=\"readonly\">\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-input-radio__circle\"\n [class.suis-input-radio__circle--invalid]=\"invalid\"\n [class.suis-input-radio__circle--readonly]=\"readonly\"\n >\n <div class=\"suis-input-radio__circle__fill\"></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-radio{display:none}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle__fill{border-radius:100%;height:.75rem;width:.75rem;background-color:#273c75}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle--readonly .suis-input-radio__circle__fill{background-color:#dcdde1}.suis-input-radio__circle{margin-right:.5rem;border:.0625rem solid #
|
44
|
+
], template: "<input\n #input\n type=\"radio\"\n class=\"suis-input-radio\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n/>\n\n<suis-label [for]=\"id\" [pointer]=\"true\" [readonly]=\"readonly\">\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-input-radio__circle\"\n [class.suis-input-radio__circle--invalid]=\"invalid\"\n [class.suis-input-radio__circle--readonly]=\"readonly\"\n >\n <div class=\"suis-input-radio__circle__fill\"></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-input-radio{display:none}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle{border:.0625rem solid #192a56}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle__fill{border-radius:100%;height:.75rem;width:.75rem;background-color:#273c75}.suis-input-radio:checked~suis-label ::ng-deep .suis-input-radio__circle--readonly .suis-input-radio__circle__fill{background-color:#dcdde1}.suis-input-radio__circle{margin-right:.5rem;border:.0625rem solid #dcdde1;border-radius:100%;height:1.25rem;width:1.25rem;display:flex;justify-content:center;align-items:center}.suis-input-radio__circle:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-input-radio__circle--readonly{border:.0625rem solid #dcdde1}.suis-input-radio__circle--readonly:focus{box-shadow:none}.suis-input-radio__circle--invalid{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
45
45
|
}], propDecorators: { radioInput: [{
|
46
46
|
type: ViewChild,
|
47
47
|
args: ['input']
|
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
55
55
|
}], default: [{
|
56
56
|
type: Input
|
57
57
|
}] } });
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1yYWRpby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtcmFkaW8vc3Vpcy1pbnB1dC1yYWRpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtcmFkaW8vc3Vpcy1pbnB1dC1yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsRUFDVCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUU5RSxNQWVhLHVCQUNYLFNBQVEseUJBQXlCO0lBaEJuQzs7UUEyQkU7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ00sWUFBTyxHQUFZLEtBQUssQ0FBQztRQUVsQzs7V0FFRztRQUNNLFlBQU8sR0FBWSxLQUFLLENBQUM7S0FNbkM7SUFKQyxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsT0FBTztZQUNkLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFrQyxDQUFBLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztJQUN4RSxDQUFDOzhHQTlCVSx1QkFBdUI7a0dBQXZCLHVCQUF1QixtSkFSdkI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixDQUFDO2FBQ3ZEO1NBQ0Ysc0pDMUJILCtpQkFxQkEsK2pDRExZLFlBQVksK0JBQUUsa0JBQWtCOztTQVkvQix1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFmbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGtCQUFrQixDQUFDLG1CQUcxQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHdCQUF3QixDQUFDO3lCQUN2RDtxQkFDRjs4QkFPbUIsVUFBVTtzQkFBN0IsU0FBUzt1QkFBQyxPQUFPO2dCQUtTLEVBQUU7c0JBQTVCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUtoQixRQUFRO3NCQUFoQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBJbnB1dCxcbiAgVmlld0NoaWxkLFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzTGFiZWxDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWxhYmVsL3N1aXMtbGFiZWwuY29tcG9uZW50JztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SLCBSYWRpb0NvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWlucHV0LXJhZGlvJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc0xhYmVsQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtaW5wdXQtcmFkaW8uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWlucHV0LXJhZGlvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc0lucHV0UmFkaW9Db21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNJbnB1dFJhZGlvQ29tcG9uZW50XG4gIGV4dGVuZHMgUmFkaW9Db250cm9sVmFsdWVBY2Nlc3NvclxuICBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXRcbntcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAVmlld0NoaWxkKCdpbnB1dCcpIHJhZGlvSW5wdXQ/OiBFbGVtZW50UmVmO1xuXG4gIC8qKlxuICAgKiBTZXRzIEhUTUwgaWQgYXR0cmlidXRlIG9mIHRoZSBpbnB1dC4gQnkgZGVmYXVsdCBpcyB1bmRlZmluZWQuXG4gICAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBpZD86IHN0cmluZztcblxuICAvKipcbiAgICogU2V0cyBpbnB1dCBkaXNhYmxlZCBzdGF0ZS4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBZGRzIGludmFsaWQgc3R5bGluZyB0byB0aGUgaW5wdXQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgaW52YWxpZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTZXRzIGlucHV0IGNoZWNrZWQgc3RhdGUgdG8gdHJ1ZS4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBkZWZhdWx0OiBib29sZWFuID0gZmFsc2U7XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRlZmF1bHQpXG4gICAgICAodGhpcy5yYWRpb0lucHV0Py5uYXRpdmVFbGVtZW50IGFzIEhUTUxJbnB1dEVsZW1lbnQpLmNoZWNrZWQgPSB0cnVlO1xuICB9XG59XG4iLCI8aW5wdXRcbiAgI2lucHV0XG4gIHR5cGU9XCJyYWRpb1wiXG4gIGNsYXNzPVwic3Vpcy1pbnB1dC1yYWRpb1wiXG4gIFthdHRyLmlkXT1cImlkXCJcbiAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbi8+XG5cbjxzdWlzLWxhYmVsIFtmb3JdPVwiaWRcIiBbcG9pbnRlcl09XCJ0cnVlXCIgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCI+XG4gIDxkaXZcbiAgICBbdGFiaW5kZXhdPVwicmVhZG9ubHkgPyAtMSA6IDBcIlxuICAgIGNsYXNzPVwic3Vpcy1pbnB1dC1yYWRpb19fY2lyY2xlXCJcbiAgICBbY2xhc3Muc3Vpcy1pbnB1dC1yYWRpb19fY2lyY2xlLS1pbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtjbGFzcy5zdWlzLWlucHV0LXJhZGlvX19jaXJjbGUtLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJzdWlzLWlucHV0LXJhZGlvX19jaXJjbGVfX2ZpbGxcIj48L2Rpdj5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Vpcy1sYWJlbD5cbiJdfQ==
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './suis-item.component';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWl0ZW0uY29tcG9uZW50JztcbiJdfQ==
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
class SuisItemComponent {
|
5
|
+
constructor() {
|
6
|
+
/**
|
7
|
+
* Adds a padding around the content. By default set to true.
|
8
|
+
*/
|
9
|
+
this.spacing = true;
|
10
|
+
/**
|
11
|
+
* Styles item as a header. By default set to false.
|
12
|
+
*/
|
13
|
+
this.header = false;
|
14
|
+
/**
|
15
|
+
* Displays border bottom below the item. Does not effect header item. By default set to true.
|
16
|
+
*/
|
17
|
+
this.divider = true;
|
18
|
+
}
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisItemComponent, isStandalone: true, selector: "suis-item", inputs: { spacing: "spacing", header: "header", divider: "divider" }, ngImport: i0, template: "<div\n class=\"suis-item\"\n [class.suis-item--spacing]=\"spacing\"\n [class.suis-item--header]=\"header\"\n [class.suis-item--divider]=\"divider && !header\"\n>\n <ng-content></ng-content>\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-item{background-color:#fff;border:0}.suis-item--spacing{padding:1rem}.suis-item--divider{border-bottom:.0625rem solid #dcdde1}.suis-item--header{font-weight:500;display:flex;color:#192a56;justify-content:center;align-items:center;border-bottom:.1875rem solid #192a56}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
21
|
+
}
|
22
|
+
export { SuisItemComponent };
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisItemComponent, decorators: [{
|
24
|
+
type: Component,
|
25
|
+
args: [{ selector: 'suis-item', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-item\"\n [class.suis-item--spacing]=\"spacing\"\n [class.suis-item--header]=\"header\"\n [class.suis-item--divider]=\"divider && !header\"\n>\n <ng-content></ng-content>\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-item{background-color:#fff;border:0}.suis-item--spacing{padding:1rem}.suis-item--divider{border-bottom:.0625rem solid #dcdde1}.suis-item--header{font-weight:500;display:flex;color:#192a56;justify-content:center;align-items:center;border-bottom:.1875rem solid #192a56}\n"] }]
|
26
|
+
}], propDecorators: { spacing: [{
|
27
|
+
type: Input
|
28
|
+
}], header: [{
|
29
|
+
type: Input
|
30
|
+
}], divider: [{
|
31
|
+
type: Input
|
32
|
+
}] } });
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1pdGVtL3N1aXMtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaXRlbS9zdWlzLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQUUvQyxNQVFhLGlCQUFpQjtJQVI5QjtRQVNFOztXQUVHO1FBQ00sWUFBTyxHQUFZLElBQUksQ0FBQztRQUVqQzs7V0FFRztRQUNNLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFakM7O1dBRUc7UUFDTSxZQUFPLEdBQVksSUFBSSxDQUFDO0tBQ2xDOzhHQWZZLGlCQUFpQjtrR0FBakIsaUJBQWlCLDJJQ1g5Qiw4TUFRQSwrY0RGWSxZQUFZOztTQUtYLGlCQUFpQjsyRkFBakIsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsbUJBR04sdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsT0FBTztzQkFBZixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1pdGVtJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNJdGVtQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFkZHMgYSBwYWRkaW5nIGFyb3VuZCB0aGUgY29udGVudC4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHNwYWNpbmc6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBTdHlsZXMgaXRlbSBhcyBhIGhlYWRlci4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBoZWFkZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGlzcGxheXMgYm9yZGVyIGJvdHRvbSBiZWxvdyB0aGUgaXRlbS4gRG9lcyBub3QgZWZmZWN0IGhlYWRlciBpdGVtLiBCeSBkZWZhdWx0IHNldCB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KCkgZGl2aWRlcjogYm9vbGVhbiA9IHRydWU7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic3Vpcy1pdGVtXCJcbiAgW2NsYXNzLnN1aXMtaXRlbS0tc3BhY2luZ109XCJzcGFjaW5nXCJcbiAgW2NsYXNzLnN1aXMtaXRlbS0taGVhZGVyXT1cImhlYWRlclwiXG4gIFtjbGFzcy5zdWlzLWl0ZW0tLWRpdmlkZXJdPVwiZGl2aWRlciAmJiAhaGVhZGVyXCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
@@ -1,11 +1,14 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChild, Input, } from '@angular/core';
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, Input, } from '@angular/core';
|
2
2
|
import { CommonModule } from '@angular/common';
|
3
3
|
import { SuisNavigationItemDirective } from '../suis-navigation-item';
|
4
4
|
import { SuisNavigationGroupComponent } from '../suis-navigation-group';
|
5
|
+
import { SuisIconComponent, SuisIconType } from '../suis-icon';
|
5
6
|
import * as i0 from "@angular/core";
|
6
7
|
import * as i1 from "@angular/common";
|
7
8
|
class SuisNavigationComponent {
|
8
9
|
constructor() {
|
10
|
+
/** @internal */
|
11
|
+
this.SuisIconType = SuisIconType;
|
9
12
|
/**
|
10
13
|
* List of navigation items. Type of SuisNavigationGroupItem[]. By default set to empty array.
|
11
14
|
*/
|
@@ -18,18 +21,34 @@ class SuisNavigationComponent {
|
|
18
21
|
* Adds expand / collapse logic to group header items. By default set to false.
|
19
22
|
*/
|
20
23
|
this.expandable = false;
|
24
|
+
/**
|
25
|
+
* Adds collapse / epxand logic to navigiaton. By default set to false.
|
26
|
+
*/
|
27
|
+
this.collapsable = false;
|
28
|
+
/**
|
29
|
+
* Collapses the navigiation. By default set to false.
|
30
|
+
*/
|
31
|
+
this.collapsed = false;
|
32
|
+
/**
|
33
|
+
* Emits on collapsed value changed.
|
34
|
+
*/
|
35
|
+
this.collaspedChange = new EventEmitter();
|
36
|
+
}
|
37
|
+
onToggle() {
|
38
|
+
this.collapsed = !this.collapsed;
|
39
|
+
this.collaspedChange.emit(this.collapsed);
|
21
40
|
}
|
22
41
|
/** @internal */
|
23
42
|
groupItemTrackBy(index, groupItem) {
|
24
43
|
return `${groupItem.label}-${index}`;
|
25
44
|
}
|
26
45
|
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
|
46
|
+
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", collapsable: "collapsable", collapsed: "collapsed", collaspedChange: "collaspedChange" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\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 </ng-container>\n </div>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? SuisIconType.ARROW_RIGHT : SuisIconType.ARROW_LEFT\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\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:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end}.suis-navigation__actions button{background-color:transparent;border:0}.suis-navigation__actions button:hover{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SuisNavigationGroupComponent, selector: "suis-navigation-group", inputs: ["item", "templateRef", "expanded", "expandable"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
28
47
|
}
|
29
48
|
export { SuisNavigationComponent };
|
30
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationComponent, decorators: [{
|
31
50
|
type: Component,
|
32
|
-
args: [{ selector: 'suis-navigation', standalone: true, imports: [CommonModule, SuisNavigationGroupComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div
|
51
|
+
args: [{ selector: 'suis-navigation', standalone: true, imports: [CommonModule, SuisNavigationGroupComponent, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\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 </ng-container>\n </div>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? SuisIconType.ARROW_RIGHT : SuisIconType.ARROW_LEFT\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\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:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end}.suis-navigation__actions button{background-color:transparent;border:0}.suis-navigation__actions button:hover{cursor:pointer}\n"] }]
|
33
52
|
}], propDecorators: { suisNavigationItem: [{
|
34
53
|
type: ContentChild,
|
35
54
|
args: [SuisNavigationItemDirective]
|
@@ -39,5 +58,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
39
58
|
type: Input
|
40
59
|
}], expandable: [{
|
41
60
|
type: Input
|
61
|
+
}], collapsable: [{
|
62
|
+
type: Input
|
63
|
+
}], collapsed: [{
|
64
|
+
type: Input
|
65
|
+
}], collaspedChange: [{
|
66
|
+
type: Input
|
42
67
|
}] } });
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1uYXZpZ2F0aW9uL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi9zdWlzLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQUUvRCxNQVFhLHVCQUF1QjtJQVJwQztRQVNFLGdCQUFnQjtRQUNQLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBTXJDOztXQUVHO1FBQ00sVUFBSyxHQUE4QixFQUFFLENBQUM7UUFFL0M7O1dBRUc7UUFDTSxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUV4Qzs7V0FFRztRQUNNLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFckM7O1dBRUc7UUFDTSxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUV0Qzs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FXeEQ7SUFUQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDakMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsZ0JBQWdCLENBQUMsS0FBYSxFQUFFLFNBQWtDO1FBQ2hFLE9BQU8sR0FBRyxTQUFTLENBQUMsS0FBSyxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ3ZDLENBQUM7OEdBOUNVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLDJTQUtwQiwyQkFBMkIsZ0RDMUIzQyx3MEJBeUJBLCtxQkRUWSxZQUFZLGdRQUFFLDRCQUE0Qiw2SEFBRSxpQkFBaUI7O1NBSzVELHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQVJuQyxTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSw0QkFBNEIsRUFBRSxpQkFBaUIsQ0FBQyxtQkFHdkQsdUJBQXVCLENBQUMsTUFBTTs4QkFRL0Msa0JBQWtCO3NCQURqQixZQUFZO3VCQUFDLDJCQUEyQjtnQkFNaEMsS0FBSztzQkFBYixLQUFLO2dCQUtHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0csZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW0gfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24taXRlbS9zdWlzLW5hdmlnYXRpb24taXRlbS5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uSXRlbURpcmVjdGl2ZSB9IGZyb20gJy4uL3N1aXMtbmF2aWdhdGlvbi1pdGVtJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQsIFN1aXNJY29uVHlwZSB9IGZyb20gJy4uL3N1aXMtaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbmF2aWdhdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFN1aXNOYXZpZ2F0aW9uR3JvdXBDb21wb25lbnQsIFN1aXNJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25Db21wb25lbnQge1xuICAvKiogQGludGVybmFsICovXG4gIHJlYWRvbmx5IFN1aXNJY29uVHlwZSA9IFN1aXNJY29uVHlwZTtcblxuICAvKiogQGludGVybmFsICovXG4gIEBDb250ZW50Q2hpbGQoU3Vpc05hdmlnYXRpb25JdGVtRGlyZWN0aXZlKVxuICBzdWlzTmF2aWdhdGlvbkl0ZW0/OiBTdWlzTmF2aWdhdGlvbkl0ZW1EaXJlY3RpdmU7XG5cbiAgLyoqXG4gICAqIExpc3Qgb2YgbmF2aWdhdGlvbiBpdGVtcy4gVHlwZSBvZiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbVtdLiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBhcnJheS5cbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIENvbmRpdGlvbiB0byBleHBhbmQgZ3JvdXBzIGF0IHZpZXcgaW5pdGlhbGl6YXRpb24uIEJ5IGRlZmF1bHQgc2V0IHRvIHRydWUuXG4gICAqL1xuICBASW5wdXQoKSBleHBhbmRlZEdyb3VwczogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEFkZHMgZXhwYW5kIC8gY29sbGFwc2UgbG9naWMgdG8gZ3JvdXAgaGVhZGVyIGl0ZW1zLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogQWRkcyBjb2xsYXBzZSAvIGVweGFuZCBsb2dpYyB0byBuYXZpZ2lhdG9uLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGNvbGxhcHNhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIENvbGxhcHNlcyB0aGUgbmF2aWdpYXRpb24uIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgY29sbGFwc2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEVtaXRzIG9uIGNvbGxhcHNlZCB2YWx1ZSBjaGFuZ2VkLlxuICAgKi9cbiAgQElucHV0KCkgY29sbGFzcGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIG9uVG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuY29sbGFwc2VkID0gIXRoaXMuY29sbGFwc2VkO1xuICAgIHRoaXMuY29sbGFzcGVkQ2hhbmdlLmVtaXQodGhpcy5jb2xsYXBzZWQpO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBncm91cEl0ZW1UcmFja0J5KGluZGV4OiBudW1iZXIsIGdyb3VwSXRlbTogU3Vpc05hdmlnYXRpb25Hcm91cEl0ZW0pOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHtncm91cEl0ZW0ubGFiZWx9LSR7aW5kZXh9YDtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInN1aXMtbmF2aWdhdGlvblwiXG4gIFtjbGFzcy5zdWlzLW5hdmlnYXRpb24tLWNvbGxhcHNlZF09XCJjb2xsYXBzYWJsZSAmJiBjb2xsYXBzZWRcIlxuPlxuICA8ZGl2IGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uX19ncm91cHNcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWNvbGxhcHNlZFwiPlxuICAgICAgPHN1aXMtbmF2aWdhdGlvbi1ncm91cFxuICAgICAgICAqbmdGb3I9XCJsZXQgZ3JvdXBJdGVtIG9mIGl0ZW1zOyB0cmFja0J5OiBncm91cEl0ZW1UcmFja0J5XCJcbiAgICAgICAgW2l0ZW1dPVwiZ3JvdXBJdGVtXCJcbiAgICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNOYXZpZ2F0aW9uSXRlbT8udGVtcGxhdGVSZWZcIlxuICAgICAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRHcm91cHNcIlxuICAgICAgICBbZXhwYW5kYWJsZV09XCJleHBhbmRhYmxlXCJcbiAgICAgID48L3N1aXMtbmF2aWdhdGlvbi1ncm91cD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLW5hdmlnYXRpb25fX2FjdGlvbnNcIj5cbiAgICA8YnV0dG9uICpuZ0lmPVwiY29sbGFwc2FibGVcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uVG9nZ2xlKClcIj5cbiAgICAgIDxzdWlzLWljb25cbiAgICAgICAgW3R5cGVdPVwiY29sbGFwc2VkID8gU3Vpc0ljb25UeXBlLkFSUk9XX1JJR0hUIDogU3Vpc0ljb25UeXBlLkFSUk9XX0xFRlRcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgc2l6ZT1cImxnXCJcbiAgICAgID48L3N1aXMtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|