suis 0.30.0 → 0.30.1
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/components/index.mjs +1 -1
- package/esm2022/lib/components/suis-accordion/suis-accordion.component.mjs +4 -6
- package/esm2022/lib/components/suis-alert/suis-alert.component.mjs +4 -6
- package/esm2022/lib/components/suis-chip/suis-chip.component.mjs +4 -6
- package/esm2022/lib/components/suis-icon/index.mjs +2 -2
- package/esm2022/lib/components/suis-icon/suis-icon-type.pipe.mjs +15 -16
- package/esm2022/lib/components/suis-icon/suis-icon.component.mjs +5 -8
- package/esm2022/lib/components/suis-icon/suis-icon.types.mjs +2 -0
- package/esm2022/lib/components/suis-input-checkbox/suis-input-checkbox.component.mjs +4 -9
- package/esm2022/lib/components/suis-input-image/suis-input-image.component.mjs +3 -6
- package/esm2022/lib/components/suis-navigation/suis-navigation.component.mjs +4 -6
- package/esm2022/lib/components/suis-navigation-group-item/suis-navigation-group-item.component.mjs +3 -6
- package/esm2022/lib/components/suis-notification/suis-notification.component.mjs +4 -7
- package/esm2022/lib/components/suis-pagination/suis-pagination.component.mjs +4 -6
- 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-select-option/suis-select-option.component.mjs +4 -6
- package/esm2022/lib/components/suis-table/suis-table.component.mjs +4 -6
- package/esm2022/lib/shared/classes/suis-select.base.mjs +1 -4
- package/fesm2022/suis.mjs +45 -92
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/components/suis-accordion/suis-accordion.component.d.ts +0 -3
- package/lib/components/suis-alert/suis-alert.component.d.ts +0 -3
- package/lib/components/suis-chip/suis-chip.component.d.ts +0 -3
- package/lib/components/suis-icon/index.d.ts +1 -1
- package/lib/components/suis-icon/suis-icon-type.pipe.d.ts +1 -1
- package/lib/components/suis-icon/suis-icon.component.d.ts +2 -4
- package/lib/components/suis-icon/suis-icon.types.d.ts +1 -0
- package/lib/components/suis-input-checkbox/suis-input-checkbox.component.d.ts +0 -3
- package/lib/components/suis-input-image/suis-input-image.component.d.ts +0 -3
- package/lib/components/suis-navigation/suis-navigation.component.d.ts +0 -3
- package/lib/components/suis-navigation-group-item/suis-navigation-group-item.component.d.ts +0 -3
- package/lib/components/suis-notification/suis-notification.component.d.ts +0 -3
- package/lib/components/suis-pagination/suis-pagination.component.d.ts +0 -3
- package/lib/components/suis-select-option/suis-select-option.component.d.ts +0 -3
- package/lib/components/suis-table/suis-table.component.d.ts +0 -3
- package/lib/shared/classes/suis-select.base.d.ts +0 -3
- package/package.json +1 -1
- package/esm2022/lib/components/suis-icon/suis-icon.enums.mjs +0 -18
- package/lib/components/suis-icon/suis-icon.enums.d.ts +0 -16
|
@@ -36,4 +36,4 @@ export * from './suis-text-area';
|
|
|
36
36
|
export * from './suis-title';
|
|
37
37
|
export * from './suis-toggle';
|
|
38
38
|
export * from './suis-toolbar';
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtYWNjb3JkaW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWFsZXJ0JztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJveCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1icmVhZGNydW1icyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uLWxpbmsnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uLW91dGxpbmVkJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWNoaXAnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY29udGFpbmVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWZvcm0tZmllbGQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaWNvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGVja2JveCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGlwcyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1pbWFnZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1udW1iZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtcmFkaW8nO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1sYWJlbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24taXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ub3RpZmljYXRpb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9ucyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1wYWdpbmF0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXByb2dyZXNzLWJhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW9wdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QtbXVsdGknO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc3Bpbm5lcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyLWNvbnRhaW5lcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10YWJsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10YWJzJztcclxuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRleHQtYXJlYSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10aXRsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy10b2dnbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdG9vbGJhcic7XHJcbiJdfQ==
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { SuisIconComponent
|
|
3
|
+
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
class SuisAccordionComponent {
|
|
7
7
|
constructor() {
|
|
8
|
-
/** @internal */
|
|
9
|
-
this.SuisIconType = SuisIconType;
|
|
10
8
|
/**
|
|
11
9
|
* Controlls styling of the accordion based on expanded state of group. By default set to false.
|
|
12
10
|
*/
|
|
@@ -21,15 +19,15 @@ class SuisAccordionComponent {
|
|
|
21
19
|
this.expandedChange.emit(this.expanded);
|
|
22
20
|
}
|
|
23
21
|
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 ?
|
|
22
|
+
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 ? 'chevron-up' : '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
23
|
}
|
|
26
24
|
export { SuisAccordionComponent };
|
|
27
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisAccordionComponent, decorators: [{
|
|
28
26
|
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 ?
|
|
27
|
+
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 ? 'chevron-up' : '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
28
|
}], propDecorators: { expanded: [{
|
|
31
29
|
type: Input
|
|
32
30
|
}], expandedChange: [{
|
|
33
31
|
type: Output
|
|
34
32
|
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1hY2NvcmRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWFjY29yZGlvbi9zdWlzLWFjY29yZGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWNjb3JkaW9uL3N1aXMtYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBRXJFLE1BUWEsc0JBQXNCO0lBUm5DO1FBU0U7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ08sbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0tBTXhEO0lBSkMsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQy9CLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDOzhHQWRVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDJKQ2xCbkMsOGNBYUEsZ2tCREFZLFlBQVksbUlBQUUsaUJBQWlCOztTQUs5QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsaUJBQWlCLENBQUMsbUJBR3pCLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0ksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtYWNjb3JkaW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWFjY29yZGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0FjY29yZGlvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBDb250cm9sbHMgc3R5bGluZyBvZiB0aGUgYWNjb3JkaW9uIGJhc2VkIG9uIGV4cGFuZGVkIHN0YXRlIG9mIGdyb3VwLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gZXhwYW5kZWQgdmFsdWUgb2YgdGhlIGFjY29yZGlvbiBoYXMgYmVlbiBjaGFuZ2VkLlxuICAgKi9cbiAgQE91dHB1dCgpIGV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIG9uVG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZDtcbiAgICB0aGlzLmV4cGFuZGVkQ2hhbmdlLmVtaXQodGhpcy5leHBhbmRlZCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLWFjY29yZGlvblwiPlxuICA8YnV0dG9uIChjbGljayk9XCJvblRvZ2dsZSgpXCIgY2xhc3M9XCJzdWlzLWFjY29yZGlvbl9faGVhZGVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N1aXNBY2NvcmRpb25IZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDxzdWlzLWljb25cbiAgICAgIFt0eXBlXT1cImV4cGFuZGVkID8gJ2NoZXZyb24tdXAnIDogJ2NoZXZyb24tZG93bidcIlxuICAgICAgc2l6ZT1cImxnXCJcbiAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgPjwvc3Vpcy1pY29uPlxuICA8L2J1dHRvbj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtYWNjb3JkaW9uX19jb250ZW50XCIgKm5nSWY9XCJleHBhbmRlZFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzdWlzQWNjb3JkaW9uQ29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { SuisNgClassPipe } from '../../pipes';
|
|
4
|
-
import { SuisIconComponent
|
|
4
|
+
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/common";
|
|
7
7
|
class SuisAlertComponent {
|
|
8
8
|
constructor() {
|
|
9
|
-
/** @internal */
|
|
10
|
-
this.SuisIconType = SuisIconType;
|
|
11
9
|
/**
|
|
12
10
|
* Controls visibilty of the alert. By default set to false.
|
|
13
11
|
*/
|
|
@@ -26,12 +24,12 @@ class SuisAlertComponent {
|
|
|
26
24
|
this.hiddenChange.emit(true);
|
|
27
25
|
}
|
|
28
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisAlertComponent, isStandalone: true, selector: "suis-alert", inputs: { hidden: "hidden", color: "color" }, outputs: { hiddenChange: "hiddenChange" }, ngImport: i0, template: "<div\n *ngIf=\"!hidden\"\n class=\"suis-alert\"\n [ngClass]=\"'suis-alert' | suisNgClass : color\"\n>\n <ng-content></ng-content>\n <button class=\"suis-alert__cancel\" type=\"button\" (click)=\"onCancel()\">\n <suis-icon
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisAlertComponent, isStandalone: true, selector: "suis-alert", inputs: { hidden: "hidden", color: "color" }, outputs: { hiddenChange: "hiddenChange" }, ngImport: i0, template: "<div\n *ngIf=\"!hidden\"\n class=\"suis-alert\"\n [ngClass]=\"'suis-alert' | suisNgClass : color\"\n>\n <ng-content></ng-content>\n <button class=\"suis-alert__cancel\" type=\"button\" (click)=\"onCancel()\">\n <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n </button>\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-alert{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.25rem;border-radius:.25rem;color:#fff;font-weight:500}.suis-alert--success{background-color:#2ed573}.suis-alert--warning{background-color:#ffa502}.suis-alert--danger{background-color:#ff4757}.suis-alert__cancel{background-color:transparent;border:none;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
28
|
}
|
|
31
29
|
export { SuisAlertComponent };
|
|
32
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisAlertComponent, decorators: [{
|
|
33
31
|
type: Component,
|
|
34
|
-
args: [{ selector: 'suis-alert', standalone: true, imports: [CommonModule, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"!hidden\"\n class=\"suis-alert\"\n [ngClass]=\"'suis-alert' | suisNgClass : color\"\n>\n <ng-content></ng-content>\n <button class=\"suis-alert__cancel\" type=\"button\" (click)=\"onCancel()\">\n <suis-icon
|
|
32
|
+
args: [{ selector: 'suis-alert', standalone: true, imports: [CommonModule, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"!hidden\"\n class=\"suis-alert\"\n [ngClass]=\"'suis-alert' | suisNgClass : color\"\n>\n <ng-content></ng-content>\n <button class=\"suis-alert__cancel\" type=\"button\" (click)=\"onCancel()\">\n <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n </button>\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-alert{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.25rem;border-radius:.25rem;color:#fff;font-weight:500}.suis-alert--success{background-color:#2ed573}.suis-alert--warning{background-color:#ffa502}.suis-alert--danger{background-color:#ff4757}.suis-alert__cancel{background-color:transparent;border:none;cursor:pointer}\n"] }]
|
|
35
33
|
}], propDecorators: { hidden: [{
|
|
36
34
|
type: Input
|
|
37
35
|
}], hiddenChange: [{
|
|
@@ -39,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
39
37
|
}], color: [{
|
|
40
38
|
type: Input
|
|
41
39
|
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1hbGVydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWxlcnQvc3Vpcy1hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtYWxlcnQvc3Vpcy1hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBRXJFLE1BUWEsa0JBQWtCO0lBUi9CO1FBU0U7O1dBRUc7UUFDTSxXQUFNLEdBQVksS0FBSyxDQUFDO1FBRWpDOztXQUVHO1FBQ08saUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXJEOztXQUVHO1FBQ00sVUFBSyxHQUFrQixRQUFRLENBQUM7S0FNMUM7SUFKQyxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0FuQlUsa0JBQWtCO2tHQUFsQixrQkFBa0IsK0pDcEIvQiw4VEFVQSwraUJES1ksWUFBWSw0TkFBRSxlQUFlLG9EQUFFLGlCQUFpQjs7U0FLL0Msa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsaUJBQWlCLENBQUMsbUJBRzFDLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLE1BQU07c0JBQWQsS0FBSztnQkFLSSxZQUFZO3NCQUFyQixNQUFNO2dCQUtFLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0luZm9Db2xvciB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IFN1aXNOZ0NsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWFsZXJ0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWFsZXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1hbGVydC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0FsZXJ0Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIENvbnRyb2xzIHZpc2liaWx0eSBvZiB0aGUgYWxlcnQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgaGlkZGVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEVtaXRzIGNoYW5nZSBvZiBoaWRkZW4gc3RhdGUuXG4gICAqL1xuICBAT3V0cHV0KCkgaGlkZGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBwYWxsZXR0ZSBvZiB0aGUgYWxlcnQuIFR5cGUgb2YgU3Vpc0luZm9Db2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ2RhbmdlcicuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogU3Vpc0luZm9Db2xvciA9ICdkYW5nZXInO1xuXG4gIG9uQ2FuY2VsKCkge1xuICAgIHRoaXMuaGlkZGVuID0gdHJ1ZTtcbiAgICB0aGlzLmhpZGRlbkNoYW5nZS5lbWl0KHRydWUpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwiIWhpZGRlblwiXG4gIGNsYXNzPVwic3Vpcy1hbGVydFwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLWFsZXJ0JyB8IHN1aXNOZ0NsYXNzIDogY29sb3JcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxidXR0b24gY2xhc3M9XCJzdWlzLWFsZXJ0X19jYW5jZWxcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQ2FuY2VsKClcIj5cbiAgICA8c3Vpcy1pY29uIHR5cGU9XCJjcm9zc1wiIFtjb2xvcl09XCInd2hpdGUnXCIgW3NpemVdPVwiJ2xnJ1wiPjwvc3Vpcy1pY29uPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { SuisIconComponent
|
|
3
|
+
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
|
4
4
|
import { SuisNgClassPipe } from '../../pipes/suis-ng-class.pipe';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/common";
|
|
7
7
|
class SuisChipComponent {
|
|
8
8
|
constructor() {
|
|
9
|
-
/** @internal */
|
|
10
|
-
this.SuisIconType = SuisIconType;
|
|
11
9
|
/**
|
|
12
10
|
* Sets the color pallette of the chip. Type of SuisColor. By default set to 'primary'.
|
|
13
11
|
*/
|
|
@@ -30,12 +28,12 @@ class SuisChipComponent {
|
|
|
30
28
|
this.remove.emit();
|
|
31
29
|
}
|
|
32
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisChipComponent, isStandalone: true, selector: "suis-chip", inputs: { color: "color", iconColor: "iconColor", removable: "removable" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"suis-chip\" [ngClass]=\"'suis-chip' | suisNgClass : color\">\n <ng-content></ng-content>\n <button\n *ngIf=\"removable\"\n class=\"suis-chip__remove\"\n type=\"button\"\n (click)=\"onRemove()\"\n >\n <suis-icon\n
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisChipComponent, isStandalone: true, selector: "suis-chip", inputs: { color: "color", iconColor: "iconColor", removable: "removable" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"suis-chip\" [ngClass]=\"'suis-chip' | suisNgClass : color\">\n <ng-content></ng-content>\n <button\n *ngIf=\"removable\"\n class=\"suis-chip__remove\"\n type=\"button\"\n (click)=\"onRemove()\"\n >\n <suis-icon\n type=\"cross\"\n [color]=\"iconColor\"\n [pointer]=\"true\"\n [size]=\"'md'\"\n ></suis-icon>\n </button>\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-chip{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;border-radius:1rem;font-size:.875rem;padding:.25rem .5rem;color:#fff}.suis-chip--primary{background-color:#192a56}.suis-chip--secondary{background-color:#273c75}.suis-chip--tertiary{background-color:#dcdde1}.suis-chip--complementary{background-color:#f5f6fa}.suis-chip--success{background-color:#2ed573}.suis-chip--warning{background-color:#ffa502}.suis-chip--danger{background-color:#ff4757}.suis-chip--white{background-color:#fff}.suis-chip--gray{background-color:#bcbcbc}.suis-chip--dark{background-color:#000}.suis-chip__remove{border:none;background-color:transparent}.suis-chip--tertiary,.suis-chip--complementary,.suis-chip--white{color:#2f3640}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
32
|
}
|
|
35
33
|
export { SuisChipComponent };
|
|
36
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisChipComponent, decorators: [{
|
|
37
35
|
type: Component,
|
|
38
|
-
args: [{ selector: 'suis-chip', standalone: true, imports: [CommonModule, SuisIconComponent, SuisNgClassPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-chip\" [ngClass]=\"'suis-chip' | suisNgClass : color\">\n <ng-content></ng-content>\n <button\n *ngIf=\"removable\"\n class=\"suis-chip__remove\"\n type=\"button\"\n (click)=\"onRemove()\"\n >\n <suis-icon\n
|
|
36
|
+
args: [{ selector: 'suis-chip', standalone: true, imports: [CommonModule, SuisIconComponent, SuisNgClassPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-chip\" [ngClass]=\"'suis-chip' | suisNgClass : color\">\n <ng-content></ng-content>\n <button\n *ngIf=\"removable\"\n class=\"suis-chip__remove\"\n type=\"button\"\n (click)=\"onRemove()\"\n >\n <suis-icon\n type=\"cross\"\n [color]=\"iconColor\"\n [pointer]=\"true\"\n [size]=\"'md'\"\n ></suis-icon>\n </button>\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-chip{display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;border-radius:1rem;font-size:.875rem;padding:.25rem .5rem;color:#fff}.suis-chip--primary{background-color:#192a56}.suis-chip--secondary{background-color:#273c75}.suis-chip--tertiary{background-color:#dcdde1}.suis-chip--complementary{background-color:#f5f6fa}.suis-chip--success{background-color:#2ed573}.suis-chip--warning{background-color:#ffa502}.suis-chip--danger{background-color:#ff4757}.suis-chip--white{background-color:#fff}.suis-chip--gray{background-color:#bcbcbc}.suis-chip--dark{background-color:#000}.suis-chip__remove{border:none;background-color:transparent}.suis-chip--tertiary,.suis-chip--complementary,.suis-chip--white{color:#2f3640}\n"] }]
|
|
39
37
|
}], propDecorators: { color: [{
|
|
40
38
|
type: Input
|
|
41
39
|
}], iconColor: [{
|
|
@@ -45,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
45
43
|
}], remove: [{
|
|
46
44
|
type: Output
|
|
47
45
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jaGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1jaGlwL3N1aXMtY2hpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtY2hpcC9zdWlzLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBRWpFLE1BUWEsaUJBQWlCO0lBUjlCO1FBU0U7O1dBRUc7UUFDTSxVQUFLLEdBQWMsU0FBUyxDQUFDO1FBRXRDOztXQUVHO1FBQ00sY0FBUyxHQUFjLE9BQU8sQ0FBQztRQUV4Qzs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQU03QztJQUpDLGdCQUFnQjtJQUNoQixRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDOzhHQXhCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixnTENwQjlCLGlZQWdCQSxxN0JERFksWUFBWSxpT0FBRSxpQkFBaUIsNkhBQUUsZUFBZTs7U0FLL0MsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxlQUFlLENBQUMsbUJBRzFDLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtY29sb3IudHlwZSc7XG5pbXBvcnQgeyBTdWlzTmdDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLW5nLWNsYXNzLnBpcGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWNoaXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdWlzSWNvbkNvbXBvbmVudCwgU3Vpc05nQ2xhc3NQaXBlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtY2hpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtY2hpcC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0NoaXBDb21wb25lbnQge1xuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3IgcGFsbGV0dGUgb2YgdGhlIGNoaXAuIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAncHJpbWFyeScuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogU3Vpc0NvbG9yID0gJ3ByaW1hcnknO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBvZiB0aGUgY3Jvc3MgaWNvbi4gVmlzaWJsZSBvbmx5IGlmIHJlbW92YWJsZSBzZXQgdG8gdHJ1ZS4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICd3aGl0ZScuXG4gICAqL1xuICBASW5wdXQoKSBpY29uQ29sb3I6IFN1aXNDb2xvciA9ICd3aGl0ZSc7XG5cbiAgLyoqXG4gICAqIFNob3dzIGNyb3NzIGljb24gd2l0aCByZW1vdmUgYWN0aW9uLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIHJlbW92YWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBjcm9zcyBpY29uIGNsaWNrLlxuICAgKi9cbiAgQE91dHB1dCgpIHJlbW92ZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKiogQGludGVybmFsICovXG4gIG9uUmVtb3ZlKCk6IHZvaWQge1xuICAgIHRoaXMucmVtb3ZlLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtY2hpcFwiIFtuZ0NsYXNzXT1cIidzdWlzLWNoaXAnIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxidXR0b25cbiAgICAqbmdJZj1cInJlbW92YWJsZVwiXG4gICAgY2xhc3M9XCJzdWlzLWNoaXBfX3JlbW92ZVwiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgKGNsaWNrKT1cIm9uUmVtb3ZlKClcIlxuICA+XG4gICAgPHN1aXMtaWNvblxuICAgICAgdHlwZT1cImNyb3NzXCJcbiAgICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICAgICAgW3BvaW50ZXJdPVwidHJ1ZVwiXG4gICAgICBbc2l6ZV09XCInbWQnXCJcbiAgICA+PC9zdWlzLWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export * from './suis-icon.component';
|
|
2
|
-
export * from './suis-icon.
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
export * from './suis-icon.types';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaWNvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWljb24udHlwZXMnO1xuIl19
|
|
@@ -1,34 +1,33 @@
|
|
|
1
1
|
import { Pipe } from '@angular/core';
|
|
2
|
-
import { SuisIconType } from './suis-icon.enums';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
class SuisIconTypePipe {
|
|
5
4
|
transform(type) {
|
|
6
5
|
switch (type) {
|
|
7
|
-
case
|
|
6
|
+
case 'info':
|
|
8
7
|
return '?';
|
|
9
|
-
case
|
|
8
|
+
case 'warning':
|
|
10
9
|
return '!';
|
|
11
|
-
case
|
|
10
|
+
case 'check':
|
|
12
11
|
return '✓';
|
|
13
|
-
case
|
|
12
|
+
case 'cross':
|
|
14
13
|
return '×';
|
|
15
|
-
case
|
|
14
|
+
case 'plus':
|
|
16
15
|
return '+';
|
|
17
|
-
case
|
|
16
|
+
case 'minus':
|
|
18
17
|
return '−';
|
|
19
|
-
case
|
|
18
|
+
case 'arrow-left':
|
|
20
19
|
return '←';
|
|
21
|
-
case
|
|
20
|
+
case 'arrow-up':
|
|
22
21
|
return '↑';
|
|
23
|
-
case
|
|
22
|
+
case 'arrow-right':
|
|
24
23
|
return '→';
|
|
25
|
-
case
|
|
24
|
+
case 'arrow-down':
|
|
26
25
|
return '↓';
|
|
27
|
-
case
|
|
28
|
-
case
|
|
26
|
+
case 'chevron-up':
|
|
27
|
+
case 'chevron-left':
|
|
29
28
|
return '‹';
|
|
30
|
-
case
|
|
31
|
-
case
|
|
29
|
+
case 'chevron-down':
|
|
30
|
+
case 'chevron-right':
|
|
32
31
|
return '›';
|
|
33
32
|
}
|
|
34
33
|
}
|
|
@@ -43,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
43
42
|
name: 'suisIconType',
|
|
44
43
|
}]
|
|
45
44
|
}] });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pY29uLXR5cGUucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1pY29uL3N1aXMtaWNvbi10eXBlLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBR3BELE1BSWEsZ0JBQWdCO0lBQzNCLFNBQVMsQ0FBQyxJQUFrQjtRQUMxQixRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssTUFBTTtnQkFDVCxPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLFNBQVM7Z0JBQ1osT0FBTyxRQUFRLENBQUM7WUFDbEIsS0FBSyxPQUFPO2dCQUNWLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssT0FBTztnQkFDVixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLE1BQU07Z0JBQ1QsT0FBTyxRQUFRLENBQUM7WUFDbEIsS0FBSyxPQUFPO2dCQUNWLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssWUFBWTtnQkFDZixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLFVBQVU7Z0JBQ2IsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxhQUFhO2dCQUNoQixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLFlBQVk7Z0JBQ2YsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxZQUFZLENBQUM7WUFDbEIsS0FBSyxjQUFjO2dCQUNqQixPQUFPLFVBQVUsQ0FBQztZQUNwQixLQUFLLGNBQWMsQ0FBQztZQUNwQixLQUFLLGVBQWU7Z0JBQ2xCLE9BQU8sVUFBVSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzs4R0E5QlUsZ0JBQWdCOzRHQUFoQixnQkFBZ0I7O1NBQWhCLGdCQUFnQjsyRkFBaEIsZ0JBQWdCO2tCQUo1QixJQUFJO21CQUFDO29CQUNKLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUUsY0FBYztpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzSWNvblR5cGUgfSBmcm9tICcuL3N1aXMtaWNvbi50eXBlcyc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNJY29uVHlwZScsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNJY29uVHlwZVBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKHR5cGU6IFN1aXNJY29uVHlwZSk6IHN0cmluZyB7XG4gICAgc3dpdGNoICh0eXBlKSB7XG4gICAgICBjYXNlICdpbmZvJzpcbiAgICAgICAgcmV0dXJuICcmcXVlc3Q7JztcbiAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICByZXR1cm4gJyZleGNsOyc7XG4gICAgICBjYXNlICdjaGVjayc6XG4gICAgICAgIHJldHVybiAnJmNoZWNrOyc7XG4gICAgICBjYXNlICdjcm9zcyc6XG4gICAgICAgIHJldHVybiAnJnRpbWVzOyc7XG4gICAgICBjYXNlICdwbHVzJzpcbiAgICAgICAgcmV0dXJuICcmcGx1czsnO1xuICAgICAgY2FzZSAnbWludXMnOlxuICAgICAgICByZXR1cm4gJyZtaW51czsnO1xuICAgICAgY2FzZSAnYXJyb3ctbGVmdCc6XG4gICAgICAgIHJldHVybiAnJiM4NTkyOyc7XG4gICAgICBjYXNlICdhcnJvdy11cCc6XG4gICAgICAgIHJldHVybiAnJiM4NTkzOyc7XG4gICAgICBjYXNlICdhcnJvdy1yaWdodCc6XG4gICAgICAgIHJldHVybiAnJiM4NTk0Oyc7XG4gICAgICBjYXNlICdhcnJvdy1kb3duJzpcbiAgICAgICAgcmV0dXJuICcmIzg1OTU7JztcbiAgICAgIGNhc2UgJ2NoZXZyb24tdXAnOlxuICAgICAgY2FzZSAnY2hldnJvbi1sZWZ0JzpcbiAgICAgICAgcmV0dXJuICcmbHNhcXVvOyc7XG4gICAgICBjYXNlICdjaGV2cm9uLWRvd24nOlxuICAgICAgY2FzZSAnY2hldnJvbi1yaWdodCc6XG4gICAgICAgIHJldHVybiAnJnJzYXF1bzsnO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { SuisIconType } from './suis-icon.enums';
|
|
4
3
|
import { SuisIconTypePipe } from './suis-icon-type.pipe';
|
|
5
4
|
import { SuisNgClassPipe } from '../../pipes/suis-ng-class.pipe';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
import * as i1 from "@angular/common";
|
|
8
7
|
class SuisIconComponent {
|
|
9
8
|
constructor() {
|
|
10
|
-
/** @internal */
|
|
11
|
-
this.SuisIconType = SuisIconType;
|
|
12
9
|
/**
|
|
13
10
|
* Sets the font size of the HTML Entity itself. Type of SuisSize. By default set to 'md'.
|
|
14
11
|
*/
|
|
@@ -18,9 +15,9 @@ class SuisIconComponent {
|
|
|
18
15
|
*/
|
|
19
16
|
this.color = 'dark';
|
|
20
17
|
/**
|
|
21
|
-
* Sets the HTML Entity displayed in content. Type of SuisIconType. By default set to
|
|
18
|
+
* Sets the HTML Entity displayed in content. Type of SuisIconType. By default set to 'info'.
|
|
22
19
|
*/
|
|
23
|
-
this.type =
|
|
20
|
+
this.type = 'info';
|
|
24
21
|
/**
|
|
25
22
|
* Shows the circled border around the icon. By default set to false. Can not be combined with filled (will be overriden then).
|
|
26
23
|
*/
|
|
@@ -39,12 +36,12 @@ class SuisIconComponent {
|
|
|
39
36
|
this.bold = false;
|
|
40
37
|
}
|
|
41
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisIconComponent, isStandalone: true, selector: "suis-icon", inputs: { size: "size", color: "color", type: "type", outlined: "outlined", filled: "filled", pointer: "pointer", bold: "bold" }, ngImport: i0, template: "<div\n class=\"suis-icon\"\n [class.suis-icon--outlined]=\"outlined\"\n [class.suis-icon--filled]=\"filled\"\n [class.suis-icon--pointer]=\"pointer\"\n [class.suis-icon--bold]=\"bold\"\n [class.suis-icon--rotate]=\"
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisIconComponent, isStandalone: true, selector: "suis-icon", inputs: { size: "size", color: "color", type: "type", outlined: "outlined", filled: "filled", pointer: "pointer", bold: "bold" }, ngImport: i0, template: "<div\n class=\"suis-icon\"\n [class.suis-icon--outlined]=\"outlined\"\n [class.suis-icon--filled]=\"filled\"\n [class.suis-icon--pointer]=\"pointer\"\n [class.suis-icon--bold]=\"bold\"\n [class.suis-icon--rotate]=\"type === 'chevron-up' || type === 'chevron-down'\"\n [ngClass]=\"'suis-icon' | suisNgClass : color : size\"\n>\n <span [innerHTML]=\"type | suisIconType\"></span>\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-icon{display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;border-radius:100%;line-height:1rem;background-color:transparent;border:none}.suis-icon--rotate{transform:rotate(90deg)}.suis-icon--outlined{border-width:.0625rem;border-style:solid}.suis-icon--bold{font-weight:700}.suis-icon--pointer{cursor:pointer}.suis-icon--xs{font-size:.5rem}.suis-icon--sm{font-size:.75rem}.suis-icon--md{font-size:1rem}.suis-icon--lg{font-size:1.25rem;width:1.25rem;height:1.25rem}.suis-icon--xl{font-size:2rem;width:2rem;height:2rem}.suis-icon--primary{color:#192a56;border-color:#192a56}.suis-icon--secondary{color:#273c75;border-color:#273c75}.suis-icon--tertiary{color:#dcdde1;border-color:#dcdde1}.suis-icon--complementary{color:#f5f6fa;border-color:#f5f6fa}.suis-icon--success{color:#2ed573;border-color:#2ed573}.suis-icon--warning{color:#ffa502;border-color:#ffa502}.suis-icon--danger{color:#ff4757;border-color:#ff4757}.suis-icon--white{color:#fff;border-color:#fff}.suis-icon--gray{color:#bcbcbc;border-color:#bcbcbc}.suis-icon--dark{color:#000;border-color:#000}.suis-icon--filled{border:none;background-color:#000;color:#fff}.suis-icon--filled.suis-icon--primary{background-color:#192a56}.suis-icon--filled.suis-icon--secondary{background-color:#273c75}.suis-icon--filled.suis-icon--tertiary{background-color:#dcdde1;color:#2f3640}.suis-icon--filled.suis-icon--complementary{background-color:#f5f6fa;color:#2f3640}.suis-icon--filled.suis-icon--success{background-color:#2ed573}.suis-icon--filled.suis-icon--warning{background-color:#ffa502}.suis-icon--filled.suis-icon--danger{background-color:#ff4757}.suis-icon--filled.suis-icon--white{background-color:#fff;color:#2f3640}.suis-icon--filled.suis-icon--gray{background-color:#bcbcbc}.suis-icon--filled.suis-icon--dark{background-color:#000}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisIconTypePipe, name: "suisIconType" }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
43
40
|
}
|
|
44
41
|
export { SuisIconComponent };
|
|
45
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisIconComponent, decorators: [{
|
|
46
43
|
type: Component,
|
|
47
|
-
args: [{ selector: 'suis-icon', standalone: true, imports: [CommonModule, SuisIconTypePipe, SuisNgClassPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-icon\"\n [class.suis-icon--outlined]=\"outlined\"\n [class.suis-icon--filled]=\"filled\"\n [class.suis-icon--pointer]=\"pointer\"\n [class.suis-icon--bold]=\"bold\"\n [class.suis-icon--rotate]=\"
|
|
44
|
+
args: [{ selector: 'suis-icon', standalone: true, imports: [CommonModule, SuisIconTypePipe, SuisNgClassPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-icon\"\n [class.suis-icon--outlined]=\"outlined\"\n [class.suis-icon--filled]=\"filled\"\n [class.suis-icon--pointer]=\"pointer\"\n [class.suis-icon--bold]=\"bold\"\n [class.suis-icon--rotate]=\"type === 'chevron-up' || type === 'chevron-down'\"\n [ngClass]=\"'suis-icon' | suisNgClass : color : size\"\n>\n <span [innerHTML]=\"type | suisIconType\"></span>\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-icon{display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;border-radius:100%;line-height:1rem;background-color:transparent;border:none}.suis-icon--rotate{transform:rotate(90deg)}.suis-icon--outlined{border-width:.0625rem;border-style:solid}.suis-icon--bold{font-weight:700}.suis-icon--pointer{cursor:pointer}.suis-icon--xs{font-size:.5rem}.suis-icon--sm{font-size:.75rem}.suis-icon--md{font-size:1rem}.suis-icon--lg{font-size:1.25rem;width:1.25rem;height:1.25rem}.suis-icon--xl{font-size:2rem;width:2rem;height:2rem}.suis-icon--primary{color:#192a56;border-color:#192a56}.suis-icon--secondary{color:#273c75;border-color:#273c75}.suis-icon--tertiary{color:#dcdde1;border-color:#dcdde1}.suis-icon--complementary{color:#f5f6fa;border-color:#f5f6fa}.suis-icon--success{color:#2ed573;border-color:#2ed573}.suis-icon--warning{color:#ffa502;border-color:#ffa502}.suis-icon--danger{color:#ff4757;border-color:#ff4757}.suis-icon--white{color:#fff;border-color:#fff}.suis-icon--gray{color:#bcbcbc;border-color:#bcbcbc}.suis-icon--dark{color:#000;border-color:#000}.suis-icon--filled{border:none;background-color:#000;color:#fff}.suis-icon--filled.suis-icon--primary{background-color:#192a56}.suis-icon--filled.suis-icon--secondary{background-color:#273c75}.suis-icon--filled.suis-icon--tertiary{background-color:#dcdde1;color:#2f3640}.suis-icon--filled.suis-icon--complementary{background-color:#f5f6fa;color:#2f3640}.suis-icon--filled.suis-icon--success{background-color:#2ed573}.suis-icon--filled.suis-icon--warning{background-color:#ffa502}.suis-icon--filled.suis-icon--danger{background-color:#ff4757}.suis-icon--filled.suis-icon--white{background-color:#fff;color:#2f3640}.suis-icon--filled.suis-icon--gray{background-color:#bcbcbc}.suis-icon--filled.suis-icon--dark{background-color:#000}\n"] }]
|
|
48
45
|
}], propDecorators: { size: [{
|
|
49
46
|
type: Input
|
|
50
47
|
}], color: [{
|
|
@@ -60,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
60
57
|
}], bold: [{
|
|
61
58
|
type: Input
|
|
62
59
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBSWpFLE1BUWEsaUJBQWlCO0lBUjlCO1FBU0U7O1dBRUc7UUFDTSxTQUFJLEdBQWEsSUFBSSxDQUFDO1FBRS9COztXQUVHO1FBQ00sVUFBSyxHQUFjLE1BQU0sQ0FBQztRQUVuQzs7V0FFRztRQUNNLFNBQUksR0FBaUIsTUFBTSxDQUFDO1FBRXJDOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFakM7O1dBRUc7UUFDTSxZQUFPLEdBQVksS0FBSyxDQUFDO1FBRWxDOztXQUVHO1FBQ00sU0FBSSxHQUFZLEtBQUssQ0FBQztLQUNoQzs4R0FuQ1ksaUJBQWlCO2tHQUFqQixpQkFBaUIsdU1DaEI5Qiw2WUFXQSxxOUREQVksWUFBWSx3SEFBRSxnQkFBZ0IsZ0RBQUUsZUFBZTs7U0FLOUMsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsRUFBRSxlQUFlLENBQUMsbUJBR3pDLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNJY29uVHlwZSB9IGZyb20gJy4vc3Vpcy1pY29uLnR5cGVzJztcbmltcG9ydCB7IFN1aXNJY29uVHlwZVBpcGUgfSBmcm9tICcuL3N1aXMtaWNvbi10eXBlLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1uZy1jbGFzcy5waXBlJztcbmltcG9ydCB7IFN1aXNTaXplIH0gZnJvbSAnLi4vLi4vdHlwZXMvc3Vpcy1zaXplLnR5cGUnO1xuaW1wb3J0IHsgU3Vpc0NvbG9yIH0gZnJvbSAnLi4vLi4vdHlwZXMvc3Vpcy1jb2xvci50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1pY29uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc0ljb25UeXBlUGlwZSwgU3Vpc05nQ2xhc3NQaXBlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0ljb25Db21wb25lbnQge1xuICAvKipcbiAgICogU2V0cyB0aGUgZm9udCBzaXplIG9mIHRoZSBIVE1MIEVudGl0eSBpdHNlbGYuIFR5cGUgb2YgU3Vpc1NpemUuIEJ5IGRlZmF1bHQgc2V0IHRvICdtZCcuXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiBTdWlzU2l6ZSA9ICdtZCc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGNvbG9yIHBhbGxldHRlIG9mIHRoZSBpY29uIGFuZCBzdXJyb3VuZGluZ3MuIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAnZGFyaycuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogU3Vpc0NvbG9yID0gJ2RhcmsnO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBIVE1MIEVudGl0eSBkaXNwbGF5ZWQgaW4gY29udGVudC4gVHlwZSBvZiBTdWlzSWNvblR5cGUuIEJ5IGRlZmF1bHQgc2V0IHRvICdpbmZvJy5cbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IFN1aXNJY29uVHlwZSA9ICdpbmZvJztcblxuICAvKipcbiAgICogU2hvd3MgdGhlIGNpcmNsZWQgYm9yZGVyIGFyb3VuZCB0aGUgaWNvbi4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuIENhbiBub3QgYmUgY29tYmluZWQgd2l0aCBmaWxsZWQgKHdpbGwgYmUgb3ZlcnJpZGVuIHRoZW4pLlxuICAgKi9cbiAgQElucHV0KCkgb3V0bGluZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogU2hvd3MgdGhlIGNpcmNsZWQgYmFja2dyb3VuZCBiZWhpbmQgdGhlIGljb24uIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLiBPdmVycmlkZXMgb3V0bGluZWQgYmVoYXZpb3IgaWYgdXNlZCBhdCB0aGUgc2ltZSB0aW1lLlxuICAgKi9cbiAgQElucHV0KCkgZmlsbGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNob3dzIHRoZSBwb2ludGVyIGN1cnNvciB3aGVuIGhvdmVyZWQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgcG9pbnRlcjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTZXRzIEhUTUwgRW50aXR5IGZvbnQgd2VpZ2h0IHRvIGJvbGQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgYm9sZDogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInN1aXMtaWNvblwiXG4gIFtjbGFzcy5zdWlzLWljb24tLW91dGxpbmVkXT1cIm91dGxpbmVkXCJcbiAgW2NsYXNzLnN1aXMtaWNvbi0tZmlsbGVkXT1cImZpbGxlZFwiXG4gIFtjbGFzcy5zdWlzLWljb24tLXBvaW50ZXJdPVwicG9pbnRlclwiXG4gIFtjbGFzcy5zdWlzLWljb24tLWJvbGRdPVwiYm9sZFwiXG4gIFtjbGFzcy5zdWlzLWljb24tLXJvdGF0ZV09XCJ0eXBlID09PSAnY2hldnJvbi11cCcgfHwgdHlwZSA9PT0gJ2NoZXZyb24tZG93bidcIlxuICBbbmdDbGFzc109XCInc3Vpcy1pY29uJyB8IHN1aXNOZ0NsYXNzIDogY29sb3IgOiBzaXplXCJcbj5cbiAgPHNwYW4gW2lubmVySFRNTF09XCJ0eXBlIHwgc3Vpc0ljb25UeXBlXCI+PC9zcGFuPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pY29uLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWljb24vc3Vpcy1pY29uLnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBTdWlzSWNvblR5cGUgPVxuICB8ICdpbmZvJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdjaGVjaydcbiAgfCAnY3Jvc3MnXG4gIHwgJ3BsdXMnXG4gIHwgJ21pbnVzJ1xuICB8ICdhcnJvdy11cCdcbiAgfCAnYXJyb3ctZG93bidcbiAgfCAnYXJyb3ctbGVmdCdcbiAgfCAnYXJyb3ctcmlnaHQnXG4gIHwgJ2NoZXZyb24tdXAnXG4gIHwgJ2NoZXZyb24tZG93bidcbiAgfCAnY2hldnJvbi1sZWZ0J1xuICB8ICdjaGV2cm9uLXJpZ2h0JztcbiJdfQ==
|
|
@@ -2,16 +2,11 @@ import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { SuisLabelComponent } from '../suis-label/suis-label.component';
|
|
4
4
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
5
|
-
import { SuisIconComponent
|
|
5
|
+
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
|
6
6
|
import { SuisCheckboxBase } from '../../shared/classes/suis-checkbox.base';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "@angular/common";
|
|
9
9
|
class SuisInputCheckboxComponent extends SuisCheckboxBase {
|
|
10
|
-
constructor() {
|
|
11
|
-
super(...arguments);
|
|
12
|
-
/** @internal */
|
|
13
|
-
this.SuisIconType = SuisIconType;
|
|
14
|
-
}
|
|
15
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
11
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisInputCheckboxComponent, isStandalone: true, selector: "suis-input-checkbox", providers: [
|
|
17
12
|
{
|
|
@@ -19,7 +14,7 @@ class SuisInputCheckboxComponent extends SuisCheckboxBase {
|
|
|
19
14
|
multi: true,
|
|
20
15
|
useExisting: forwardRef(() => SuisInputCheckboxComponent),
|
|
21
16
|
},
|
|
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
|
|
17
|
+
], 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=\"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
18
|
}
|
|
24
19
|
export { SuisInputCheckboxComponent };
|
|
25
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputCheckboxComponent, decorators: [{
|
|
@@ -30,6 +25,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
30
25
|
multi: true,
|
|
31
26
|
useExisting: forwardRef(() => SuisInputCheckboxComponent),
|
|
32
27
|
},
|
|
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
|
|
28
|
+
], 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=\"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
29
|
}] });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUNBQXlDLENBQUM7OztBQUUzRSxNQWVhLDBCQUEyQixTQUFRLGdCQUFnQjs4R0FBbkQsMEJBQTBCO2tHQUExQiwwQkFBMEIsa0VBUjFCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQzthQUMxRDtTQUNGLGlEQ3BCSCxxdUJBZ0NBLGszQkR0QlksWUFBWSxtSUFBRSxrQkFBa0IsMkdBQUUsaUJBQWlCOztTQVlsRCwwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkFmdEMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDLG1CQUc3Qyx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDJCQUEyQixDQUFDO3lCQUMxRDtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzTGFiZWxDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWxhYmVsL3N1aXMtbGFiZWwuY29tcG9uZW50JztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzQ2hlY2tib3hCYXNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1jaGVja2JveC5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1pbnB1dC1jaGVja2JveCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFN1aXNMYWJlbENvbXBvbmVudCwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtaW5wdXQtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzSW5wdXRDaGVja2JveENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0lucHV0Q2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBTdWlzQ2hlY2tib3hCYXNlIHt9XG4iLCI8aW5wdXRcbiAgI2lucHV0XG4gIHR5cGU9XCJjaGVja2JveFwiXG4gIGNsYXNzPVwic3Vpcy1pbnB1dC1jaGVja2JveFwiXG4gIFthdHRyLmlkXT1cImlkXCJcbiAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbiAgKGlucHV0KT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAoZm9jdXMpPVwib25Ub3VjaCgpXCJcbi8+XG5cbjxzdWlzLWxhYmVsXG4gIFtmb3JdPVwiaWRcIlxuICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICBbcG9pbnRlcl09XCJ0cnVlXCJcbiAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbj5cbiAgPGRpdlxuICAgIFt0YWJpbmRleF09XCJyZWFkb25seSA/IC0xIDogMFwiXG4gICAgY2xhc3M9XCJzdWlzLWlucHV0LWNoZWNrYm94X19jaGVja1wiXG4gICAgW2NsYXNzLnN1aXMtaW5wdXQtY2hlY2tib3hfX2NoZWNrLS1pbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtjbGFzcy5zdWlzLWlucHV0LWNoZWNrYm94X19jaGVjay0tcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICA+XG4gICAgPHN1aXMtaWNvblxuICAgICAgKm5nSWY9XCJ2YWx1ZVwiXG4gICAgICB0eXBlPVwiY2hlY2tcIlxuICAgICAgW2NvbG9yXT1cInJlYWRvbmx5ID8gJ3RlcnRpYXJ5JyA6ICdwcmltYXJ5J1wiXG4gICAgPjwvc3Vpcy1pY29uPlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9zdWlzLWxhYmVsPlxuIl19
|
|
@@ -2,7 +2,6 @@ import { ChangeDetectionStrategy, Component, ElementRef, ViewChild, forwardRef,
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { SuisInputBase } from '../../shared/classes/suis-input.base';
|
|
4
4
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
5
|
-
import { SuisIconType } from '../suis-icon/suis-icon.enums';
|
|
6
5
|
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
7
|
import * as i1 from "@angular/common";
|
|
@@ -10,8 +9,6 @@ class SuisInputImageComponent extends SuisInputBase {
|
|
|
10
9
|
constructor() {
|
|
11
10
|
super(...arguments);
|
|
12
11
|
/** @internal */
|
|
13
|
-
this.SuisIconType = SuisIconType;
|
|
14
|
-
/** @internal */
|
|
15
12
|
this.value = null;
|
|
16
13
|
/** @internal */
|
|
17
14
|
this.imageUrl = null;
|
|
@@ -42,7 +39,7 @@ class SuisInputImageComponent extends SuisInputBase {
|
|
|
42
39
|
multi: true,
|
|
43
40
|
useExisting: forwardRef(() => SuisInputImageComponent),
|
|
44
41
|
},
|
|
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
|
|
42
|
+
], 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=\"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
43
|
}
|
|
47
44
|
export { SuisInputImageComponent };
|
|
48
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisInputImageComponent, decorators: [{
|
|
@@ -53,9 +50,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
53
50
|
multi: true,
|
|
54
51
|
useExisting: forwardRef(() => SuisInputImageComponent),
|
|
55
52
|
},
|
|
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
|
|
53
|
+
], 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=\"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
54
|
}], propDecorators: { fileInput: [{
|
|
58
55
|
type: ViewChild,
|
|
59
56
|
args: ['input']
|
|
60
57
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtaW1hZ2Uvc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtaW1hZ2Uvc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsU0FBUyxFQUNULFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFFckUsTUFlYSx1QkFBd0IsU0FBUSxhQUFhO0lBZjFEOztRQW1CRSxnQkFBZ0I7UUFDaEIsVUFBSyxHQUFvQixJQUFJLENBQUM7UUFFOUIsZ0JBQWdCO1FBQ2hCLGFBQVEsR0FBa0IsSUFBSSxDQUFDO0tBc0JoQztJQXBCVSxVQUFVLENBQUMsR0FBc0I7UUFDeEMsSUFBSSxPQUFPLEdBQUcsS0FBSyxRQUFRO1lBQUUsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUM7SUFDbkQsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFZO1FBQ25CLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQ2hELElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxhQUFrQyxDQUFBLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUMvRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDOzhHQTdCVSx1QkFBdUI7a0dBQXZCLHVCQUF1QiwrREFSdkI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixDQUFDO2FBQ3ZEO1NBQ0YscUpDekJILDhvQkF1QkEscXdDRFJZLFlBQVksbUlBQUUsaUJBQWlCOztTQVk5Qix1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFmbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixDQUFDLG1CQUd6Qix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHdCQUF3QixDQUFDO3lCQUN2RDtxQkFDRjs4QkFJbUIsU0FBUztzQkFBNUIsU0FBUzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgVmlld0NoaWxkLFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzSW5wdXRCYXNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1pbnB1dC5iYXNlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtaW5wdXQtaW1hZ2UnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWlucHV0LWltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1pbnB1dC1pbWFnZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNJbnB1dEltYWdlQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzSW5wdXRJbWFnZUNvbXBvbmVudCBleHRlbmRzIFN1aXNJbnB1dEJhc2Uge1xuICAvKiogQGludGVybmFsICovXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JykgZmlsZUlucHV0PzogRWxlbWVudFJlZjtcblxuICAvKiogQGludGVybmFsICovXG4gIHZhbHVlOiBGaWxlTGlzdCB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgaW1hZ2VVcmw6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUob2JqOiBGb3JtRGF0YSB8IHN0cmluZyk6IHZvaWQge1xuICAgIGlmICh0eXBlb2Ygb2JqID09PSAnc3RyaW5nJykgdGhpcy5pbWFnZVVybCA9IG9iajtcbiAgfVxuXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRoaXMudmFsdWUgPSB0YXJnZXQuZmlsZXM7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG9uUmVtb3ZlKCk6IHZvaWQge1xuICAgIHRoaXMuaW1hZ2VVcmwgPSBudWxsO1xuICAgIHRoaXMudmFsdWUgPSBudWxsO1xuICAgICh0aGlzLmZpbGVJbnB1dD8ubmF0aXZlRWxlbWVudCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZSA9ICcnO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLWlucHV0LWltYWdlXCIgW2NsYXNzLnN1aXMtaW5wdXQtaW1hZ2UtLWludmFsaWRdPVwiaW52YWxpZFwiPlxuICA8ZmlndXJlICpuZ0lmPVwiaW1hZ2VVcmxcIiBjbGFzcz1cInN1aXMtaW5wdXQtaW1hZ2VfX3ByZXZpZXdcIj5cbiAgICA8aW1nIFtzcmNdPVwiaW1hZ2VVcmxcIiBhbHQ9XCJVcGxvYWRlZCBpbWFnZVwiIC8+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uUmVtb3ZlKClcIj5cbiAgICAgIDxzdWlzLWljb25cbiAgICAgICAgdHlwZT1cImNyb3NzXCJcbiAgICAgICAgY29sb3I9XCJkYW5nZXJcIlxuICAgICAgICBzaXplPVwibWRcIlxuICAgICAgICBbZmlsbGVkXT1cInRydWVcIlxuICAgICAgPjwvc3Vpcy1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2ZpZ3VyZT5cbiAgPGlucHV0XG4gICAgI2lucHV0XG4gICAgdHlwZT1cImZpbGVcIlxuICAgIGNsYXNzPVwic3Vpcy1pbnB1dC1pbWFnZV9faW5wdXRcIlxuICAgIFthdHRyLmlkXT1cImlkXCJcbiAgICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICAgIFtkaXNhYmxlZF09XCJyZWFkb25seVwiXG4gICAgKGlucHV0KT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgIChmb2N1cyk9XCJvblRvdWNoKClcIlxuICAvPlxuPC9kaXY+XG4iXX0=
|