suis 3.0.2 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/fesm2022/suis.mjs +312 -312
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/modules/suis-select/classes/suis-select-button.base.d.ts +1 -1
- package/lib/modules/suis-select/classes/suis-select-multi.base.d.ts +1 -1
- package/lib/modules/suis-select/classes/suis-select-single.base.d.ts +1 -1
- package/lib/modules/suis-select/classes/suis-select.base.d.ts +1 -1
- package/lib/shared/classes/suis-button.base.d.ts +1 -1
- package/lib/shared/classes/suis-checkbox.base.d.ts +1 -1
- package/lib/shared/classes/suis-input.base.d.ts +1 -1
- package/package.json +5 -7
- package/esm2022/index.mjs +0 -6
- package/esm2022/lib/components/index.mjs +0 -33
- package/esm2022/lib/components/suis-accordion/index.mjs +0 -2
- package/esm2022/lib/components/suis-accordion/suis-accordion.component.mjs +0 -30
- package/esm2022/lib/components/suis-alert/index.mjs +0 -2
- package/esm2022/lib/components/suis-alert/suis-alert.component.mjs +0 -38
- package/esm2022/lib/components/suis-box/index.mjs +0 -2
- package/esm2022/lib/components/suis-box/suis-box.component.mjs +0 -25
- package/esm2022/lib/components/suis-breadcrumbs/index.mjs +0 -3
- package/esm2022/lib/components/suis-breadcrumbs/suis-breadcrumbs.component.mjs +0 -25
- package/esm2022/lib/components/suis-breadcrumbs/suis-breadcrumbs.interface.mjs +0 -2
- package/esm2022/lib/components/suis-chart/index.mjs +0 -3
- package/esm2022/lib/components/suis-chart/suis-chart-data.pipe.mjs +0 -35
- package/esm2022/lib/components/suis-chart/suis-chart-height.pipe.mjs +0 -19
- package/esm2022/lib/components/suis-chart/suis-chart.component.mjs +0 -75
- package/esm2022/lib/components/suis-chart/suis-chart.interfaces.mjs +0 -2
- package/esm2022/lib/components/suis-chip/index.mjs +0 -2
- package/esm2022/lib/components/suis-chip/suis-chip.component.mjs +0 -44
- package/esm2022/lib/components/suis-container/index.mjs +0 -2
- package/esm2022/lib/components/suis-container/suis-container.component.mjs +0 -19
- package/esm2022/lib/components/suis-dialog/index.mjs +0 -2
- package/esm2022/lib/components/suis-dialog/suis-dialog.component.mjs +0 -56
- package/esm2022/lib/components/suis-dialog-container/index.mjs +0 -3
- package/esm2022/lib/components/suis-dialog-container/suis-dialog-container.component.mjs +0 -17
- package/esm2022/lib/components/suis-dialog-container/suis-dialog-container.interfaces.mjs +0 -2
- package/esm2022/lib/components/suis-divider/index.mjs +0 -2
- package/esm2022/lib/components/suis-divider/suis-divider.component.mjs +0 -22
- package/esm2022/lib/components/suis-form-field/index.mjs +0 -2
- package/esm2022/lib/components/suis-form-field/suis-form-field.component.mjs +0 -14
- package/esm2022/lib/components/suis-icon/index.mjs +0 -3
- package/esm2022/lib/components/suis-icon/suis-icon-type.pipe.mjs +0 -44
- package/esm2022/lib/components/suis-icon/suis-icon.component.mjs +0 -58
- package/esm2022/lib/components/suis-icon/suis-icon.types.mjs +0 -2
- package/esm2022/lib/components/suis-input/index.mjs +0 -3
- package/esm2022/lib/components/suis-input/suis-input.component.mjs +0 -64
- package/esm2022/lib/components/suis-input/suis-input.types.mjs +0 -2
- package/esm2022/lib/components/suis-input-checkbox/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-checkbox/suis-input-checkbox.component.mjs +0 -27
- package/esm2022/lib/components/suis-input-chips/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-chips/suis-input-chips.component.mjs +0 -84
- package/esm2022/lib/components/suis-input-image/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-image/suis-input-image.component.mjs +0 -61
- package/esm2022/lib/components/suis-input-number/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-number/suis-input-number.component.mjs +0 -49
- package/esm2022/lib/components/suis-input-radio/index.mjs +0 -2
- package/esm2022/lib/components/suis-input-radio/suis-input-radio.component.mjs +0 -56
- package/esm2022/lib/components/suis-item/index.mjs +0 -2
- package/esm2022/lib/components/suis-item/suis-item.component.mjs +0 -31
- package/esm2022/lib/components/suis-label/index.mjs +0 -2
- package/esm2022/lib/components/suis-label/suis-label.component.mjs +0 -33
- package/esm2022/lib/components/suis-notification/index.mjs +0 -4
- package/esm2022/lib/components/suis-notification/suis-notification.component.mjs +0 -33
- package/esm2022/lib/components/suis-notification/suis-notification.interfaces.mjs +0 -2
- package/esm2022/lib/components/suis-notification/suis-notification.types.mjs +0 -2
- package/esm2022/lib/components/suis-notifications/index.mjs +0 -2
- package/esm2022/lib/components/suis-notifications/suis-notifications.component.mjs +0 -24
- package/esm2022/lib/components/suis-pagination/index.mjs +0 -2
- package/esm2022/lib/components/suis-pagination/suis-pagination-items.pipe.mjs +0 -21
- package/esm2022/lib/components/suis-pagination/suis-pagination-page.pipe.mjs +0 -20
- package/esm2022/lib/components/suis-pagination/suis-pagination-per-page-options.pipe.mjs +0 -19
- package/esm2022/lib/components/suis-pagination/suis-pagination.component.mjs +0 -120
- package/esm2022/lib/components/suis-progress-bar/index.mjs +0 -2
- package/esm2022/lib/components/suis-progress-bar/suis-progress-bar.component.mjs +0 -46
- package/esm2022/lib/components/suis-progress-bar/suis-progress-bar.pipe.mjs +0 -19
- package/esm2022/lib/components/suis-spinner/index.mjs +0 -2
- package/esm2022/lib/components/suis-spinner/suis-spinner.component.mjs +0 -27
- package/esm2022/lib/components/suis-spinner-container/index.mjs +0 -2
- package/esm2022/lib/components/suis-spinner-container/suis-spinner-container.component.mjs +0 -38
- package/esm2022/lib/components/suis-table/index.mjs +0 -6
- package/esm2022/lib/components/suis-table/suis-table-cell.directive.mjs +0 -21
- package/esm2022/lib/components/suis-table/suis-table-column.directive.mjs +0 -41
- package/esm2022/lib/components/suis-table/suis-table.component.mjs +0 -73
- package/esm2022/lib/components/suis-table/suis-table.interfaces.mjs +0 -2
- package/esm2022/lib/components/suis-table/suis-table.module.mjs +0 -30
- package/esm2022/lib/components/suis-tabs/index.mjs +0 -4
- package/esm2022/lib/components/suis-tabs/suis-tab-actions.pipe.mjs +0 -19
- package/esm2022/lib/components/suis-tabs/suis-tab-template.pipe.mjs +0 -23
- package/esm2022/lib/components/suis-tabs/suis-tab.directive.mjs +0 -25
- package/esm2022/lib/components/suis-tabs/suis-tabs.component.mjs +0 -36
- package/esm2022/lib/components/suis-tabs/suis-tabs.module.mjs +0 -17
- package/esm2022/lib/components/suis-text-area/index.mjs +0 -2
- package/esm2022/lib/components/suis-text-area/suis-text-area.component.mjs +0 -49
- package/esm2022/lib/components/suis-title/index.mjs +0 -3
- package/esm2022/lib/components/suis-title/suis-title.component.mjs +0 -23
- package/esm2022/lib/components/suis-title/suis-title.enum.mjs +0 -7
- package/esm2022/lib/components/suis-toggle/index.mjs +0 -2
- package/esm2022/lib/components/suis-toggle/suis-toggle.component.mjs +0 -26
- package/esm2022/lib/components/suis-toolbar/index.mjs +0 -2
- package/esm2022/lib/components/suis-toolbar/suis-toolbar.component.mjs +0 -19
- package/esm2022/lib/modules/index.mjs +0 -4
- package/esm2022/lib/modules/suis-button/components/suis-button/index.mjs +0 -2
- package/esm2022/lib/modules/suis-button/components/suis-button/suis-button.component.mjs +0 -15
- package/esm2022/lib/modules/suis-button/components/suis-button-link/index.mjs +0 -2
- package/esm2022/lib/modules/suis-button/components/suis-button-link/suis-button-link.component.mjs +0 -37
- package/esm2022/lib/modules/suis-button/components/suis-button-outlined/index.mjs +0 -2
- package/esm2022/lib/modules/suis-button/components/suis-button-outlined/suis-button-outlined.component.mjs +0 -15
- package/esm2022/lib/modules/suis-button/index.mjs +0 -5
- package/esm2022/lib/modules/suis-button/suis-button.module.mjs +0 -30
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation/index.mjs +0 -2
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation/suis-navigation.component.mjs +0 -69
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group/index.mjs +0 -2
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group/suis-navigation-group.component.mjs +0 -46
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group-item/suis-navigation-group-item.component.mjs +0 -51
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-item/index.mjs +0 -2
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-item/suis-navigation-item.component.mjs +0 -26
- package/esm2022/lib/modules/suis-navigation/directives/suis-navigation-item.directive.mjs +0 -20
- package/esm2022/lib/modules/suis-navigation/index.mjs +0 -5
- package/esm2022/lib/modules/suis-navigation/interfaces/suis-navigation-item.interfaces.mjs +0 -2
- package/esm2022/lib/modules/suis-navigation/suis-navigation.module.mjs +0 -17
- package/esm2022/lib/modules/suis-select/classes/suis-select-button.base.mjs +0 -56
- package/esm2022/lib/modules/suis-select/classes/suis-select-multi.base.mjs +0 -66
- package/esm2022/lib/modules/suis-select/classes/suis-select-single.base.mjs +0 -46
- package/esm2022/lib/modules/suis-select/classes/suis-select.base.mjs +0 -105
- package/esm2022/lib/modules/suis-select/components/suis-select/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select/suis-select.component.mjs +0 -40
- package/esm2022/lib/modules/suis-select/components/suis-select-button/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-button/suis-select-button.component.mjs +0 -13
- package/esm2022/lib/modules/suis-select/components/suis-select-button-multi/suis-select-button-multi.component.mjs +0 -13
- package/esm2022/lib/modules/suis-select/components/suis-select-group/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.mjs +0 -59
- package/esm2022/lib/modules/suis-select/components/suis-select-group-option/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-group-option/suis-select-group-option.component.mjs +0 -18
- package/esm2022/lib/modules/suis-select/components/suis-select-multi/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-multi/suis-select-multi.component.mjs +0 -42
- package/esm2022/lib/modules/suis-select/components/suis-select-multi-group/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.mjs +0 -61
- package/esm2022/lib/modules/suis-select/components/suis-select-option/index.mjs +0 -2
- package/esm2022/lib/modules/suis-select/components/suis-select-option/suis-select-option.component.mjs +0 -54
- package/esm2022/lib/modules/suis-select/directives/suis-select-group-option.directive.mjs +0 -20
- package/esm2022/lib/modules/suis-select/directives/suis-select-option.directive.mjs +0 -20
- package/esm2022/lib/modules/suis-select/index.mjs +0 -10
- package/esm2022/lib/modules/suis-select/interfaces/suis-select-group-option.interfaces.mjs +0 -2
- package/esm2022/lib/modules/suis-select/interfaces/suis-select-option.interfaces.mjs +0 -2
- package/esm2022/lib/modules/suis-select/pipes/suis-select-filter-group-options.pipe.mjs +0 -21
- package/esm2022/lib/modules/suis-select/pipes/suis-select-filter-options.pipe.mjs +0 -21
- package/esm2022/lib/modules/suis-select/pipes/suis-select-group-label.pipe.mjs +0 -25
- package/esm2022/lib/modules/suis-select/pipes/suis-select-is-selected.pipe.mjs +0 -17
- package/esm2022/lib/modules/suis-select/pipes/suis-select-label.pipe.mjs +0 -24
- package/esm2022/lib/modules/suis-select/pipes/suis-select-multi-chips.pipe.mjs +0 -24
- package/esm2022/lib/modules/suis-select/pipes/suis-select-multi-group-chips.pipe.mjs +0 -25
- package/esm2022/lib/modules/suis-select/pipes/suis-select-multi-is-selected.pipe.mjs +0 -17
- package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-group-options.pipe.mjs +0 -24
- package/esm2022/lib/modules/suis-select/pipes/suis-select-sort-options.pipe.mjs +0 -24
- package/esm2022/lib/modules/suis-select/suis-select.module.mjs +0 -48
- package/esm2022/lib/pipes/index.mjs +0 -2
- package/esm2022/lib/pipes/suis-ng-class.pipe.mjs +0 -19
- package/esm2022/lib/services/index.mjs +0 -3
- package/esm2022/lib/services/suis-dialog.service.mjs +0 -36
- package/esm2022/lib/services/suis-notification.service.mjs +0 -82
- package/esm2022/lib/shared/classes/index.mjs +0 -4
- package/esm2022/lib/shared/classes/suis-button.base.mjs +0 -52
- package/esm2022/lib/shared/classes/suis-checkbox.base.mjs +0 -34
- package/esm2022/lib/shared/classes/suis-input.base.mjs +0 -63
- package/esm2022/lib/types/index.mjs +0 -4
- package/esm2022/lib/types/suis-color.type.mjs +0 -2
- package/esm2022/lib/types/suis-size.type.mjs +0 -2
- package/esm2022/lib/types/suis-sort.type.mjs +0 -2
- package/esm2022/suis.mjs +0 -5
@@ -1,19 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class SuisContainerComponent {
|
4
|
-
constructor() {
|
5
|
-
/**
|
6
|
-
* Adds a padding around the content. By default set to false.
|
7
|
-
*/
|
8
|
-
this.spacing = false;
|
9
|
-
}
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisContainerComponent, isStandalone: true, selector: "suis-container", inputs: { spacing: "spacing" }, ngImport: i0, template: "<div class=\"suis-container\" [class.suis-container--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;width:100%}.suis-container{width:100%;max-width:1440px;margin:auto}.suis-container--spacing{padding:1rem}@media (min-width: 768px){.suis-container--spacing{padding:1.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
12
|
-
}
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisContainerComponent, decorators: [{
|
14
|
-
type: Component,
|
15
|
-
args: [{ selector: 'suis-container', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-container\" [class.suis-container--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;width:100%}.suis-container{width:100%;max-width:1440px;margin:auto}.suis-container--spacing{padding:1rem}@media (min-width: 768px){.suis-container--spacing{padding:1.25rem}}\n"] }]
|
16
|
-
}], propDecorators: { spacing: [{
|
17
|
-
type: Input
|
18
|
-
}] } });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWNvbnRhaW5lci9zdWlzLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtY29udGFpbmVyL3N1aXMtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVUxRSxNQUFNLE9BQU8sc0JBQXNCO0lBUm5DO1FBU0U7O1dBRUc7UUFDTSxZQUFPLEdBQVksS0FBSyxDQUFDO0tBQ25DOytHQUxZLHNCQUFzQjttR0FBdEIsc0JBQXNCLDBHQ1ZuQyxtSEFHQTs7NEZET2Esc0JBQXNCO2tCQVJsQyxTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxFQUFFLG1CQUdNLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtY29udGFpbmVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFkZHMgYSBwYWRkaW5nIGFyb3VuZCB0aGUgY29udGVudC4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBzcGFjaW5nOiBib29sZWFuID0gZmFsc2U7XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1jb250YWluZXJcIiBbY2xhc3Muc3Vpcy1jb250YWluZXItLXNwYWNpbmddPVwic3BhY2luZ1wiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-dialog.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZGlhbG9nL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtZGlhbG9nLmNvbXBvbmVudCc7XG4iXX0=
|
@@ -1,56 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, inject, } from '@angular/core';
|
2
|
-
import { NgClass } from '@angular/common';
|
3
|
-
import { SuisIconComponent } from '../suis-icon';
|
4
|
-
import { SuisButtonComponent } from '../../modules/suis-button/components/suis-button';
|
5
|
-
import { SuisDialogService } from '../../services/suis-dialog.service';
|
6
|
-
import { SuisNgClassPipe } from '../../pipes';
|
7
|
-
import * as i0 from "@angular/core";
|
8
|
-
export class SuisDialogComponent {
|
9
|
-
constructor() {
|
10
|
-
this.suisDialogService = inject(SuisDialogService);
|
11
|
-
/**
|
12
|
-
* Sets width size of the dialog. Type of SuisSize. By default set to 'md'.
|
13
|
-
*/
|
14
|
-
this.size = 'md';
|
15
|
-
/**
|
16
|
-
* Displays the cancel button in the actions footer of the dialog. By default set to true.
|
17
|
-
*/
|
18
|
-
this.cancelButton = true;
|
19
|
-
/**
|
20
|
-
* Displays the confirm button in the actions footer of the dialog. By default set to true.
|
21
|
-
*/
|
22
|
-
this.confirmButton = true;
|
23
|
-
/**
|
24
|
-
* Emits on confirm button clicked.
|
25
|
-
*/
|
26
|
-
this.confirmed = new EventEmitter();
|
27
|
-
/**
|
28
|
-
* Emits on cancel button or cross icon clicked.
|
29
|
-
*/
|
30
|
-
this.cancelled = new EventEmitter();
|
31
|
-
}
|
32
|
-
onConfirm() {
|
33
|
-
this.confirmed.emit();
|
34
|
-
}
|
35
|
-
onCancel() {
|
36
|
-
this.cancelled.emit();
|
37
|
-
this.suisDialogService.close();
|
38
|
-
}
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisDialogComponent, isStandalone: true, selector: "suis-dialog", inputs: { size: "size", cancelButton: "cancelButton", confirmButton: "confirmButton" }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, ngImport: i0, template: "<div class=\"suis-dialog\" [ngClass]=\"'suis-dialog' | suisNgClass : size\">\n <header class=\"suis-dialog__header\">\n <ng-content select=\"[suisDialogHeader]\"></ng-content>\n <button type=\"button\" (click)=\"onCancel()\">\n <suis-icon type=\"times\" color=\"dark\" size=\"lg\"></suis-icon>\n </button>\n </header>\n <section class=\"suis-dialog__content\">\n <ng-content select=\"[suisDialogContent]\"></ng-content>\n </section>\n <footer class=\"suis-dialog__actions\">\n @if (cancelButton) {\n <suis-button color=\"danger\" (click)=\"onCancel()\"> Cancel </suis-button>\n } @if (confirmButton) {\n <suis-button color=\"success\" (click)=\"onConfirm()\"> Confirm </suis-button>\n }\n </footer>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{z-index:30;position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f5f6fad9;-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem)}.suis-dialog{background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem;width:100%;margin:1rem}.suis-dialog__header{padding:1rem;border-bottom:.0625rem solid #dcdde1;display:flex;align-items:center;justify-content:space-between;font-weight:500}.suis-dialog__header button{background-color:transparent;border-radius:.25rem;border:0;margin-left:auto}.suis-dialog__header button:hover{cursor:pointer}.suis-dialog__header button:hover{background-color:#dcdde1}.suis-dialog__content{padding:1rem;border-bottom:.0625rem solid #dcdde1;max-height:calc(100vh - 12rem);overflow-y:auto}.suis-dialog__content::-webkit-scrollbar{width:.5rem}.suis-dialog__content::-webkit-scrollbar-track{background:#f5f6fa}.suis-dialog__content::-webkit-scrollbar-thumb{background:#dcdde1}.suis-dialog__content::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-dialog__actions{padding:1rem;display:flex;justify-content:space-between}.suis-dialog--xs{max-width:20rem}.suis-dialog--sm{max-width:25rem}.suis-dialog--md{max-width:30rem}.suis-dialog--lg{max-width:40rem}.suis-dialog--xl{max-width:50rem}@media (min-width: 992px){.suis-dialog--sm{max-width:30rem}.suis-dialog--md{max-width:40rem}.suis-dialog--lg{max-width:50rem}.suis-dialog--xl{max-width:60rem}}@media (min-width: 1200px){.suis-dialog--lg{max-width:60rem}.suis-dialog--xl{max-width:70rem}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "component", type: SuisButtonComponent, selector: "suis-button" }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
41
|
-
}
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisDialogComponent, decorators: [{
|
43
|
-
type: Component,
|
44
|
-
args: [{ selector: 'suis-dialog', standalone: true, imports: [NgClass, SuisIconComponent, SuisButtonComponent, SuisNgClassPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-dialog\" [ngClass]=\"'suis-dialog' | suisNgClass : size\">\n <header class=\"suis-dialog__header\">\n <ng-content select=\"[suisDialogHeader]\"></ng-content>\n <button type=\"button\" (click)=\"onCancel()\">\n <suis-icon type=\"times\" color=\"dark\" size=\"lg\"></suis-icon>\n </button>\n </header>\n <section class=\"suis-dialog__content\">\n <ng-content select=\"[suisDialogContent]\"></ng-content>\n </section>\n <footer class=\"suis-dialog__actions\">\n @if (cancelButton) {\n <suis-button color=\"danger\" (click)=\"onCancel()\"> Cancel </suis-button>\n } @if (confirmButton) {\n <suis-button color=\"success\" (click)=\"onConfirm()\"> Confirm </suis-button>\n }\n </footer>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{z-index:30;position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f5f6fad9;-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem)}.suis-dialog{background-color:#fff;border:.0625rem solid #dcdde1;border-radius:.25rem;width:100%;margin:1rem}.suis-dialog__header{padding:1rem;border-bottom:.0625rem solid #dcdde1;display:flex;align-items:center;justify-content:space-between;font-weight:500}.suis-dialog__header button{background-color:transparent;border-radius:.25rem;border:0;margin-left:auto}.suis-dialog__header button:hover{cursor:pointer}.suis-dialog__header button:hover{background-color:#dcdde1}.suis-dialog__content{padding:1rem;border-bottom:.0625rem solid #dcdde1;max-height:calc(100vh - 12rem);overflow-y:auto}.suis-dialog__content::-webkit-scrollbar{width:.5rem}.suis-dialog__content::-webkit-scrollbar-track{background:#f5f6fa}.suis-dialog__content::-webkit-scrollbar-thumb{background:#dcdde1}.suis-dialog__content::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-dialog__actions{padding:1rem;display:flex;justify-content:space-between}.suis-dialog--xs{max-width:20rem}.suis-dialog--sm{max-width:25rem}.suis-dialog--md{max-width:30rem}.suis-dialog--lg{max-width:40rem}.suis-dialog--xl{max-width:50rem}@media (min-width: 992px){.suis-dialog--sm{max-width:30rem}.suis-dialog--md{max-width:40rem}.suis-dialog--lg{max-width:50rem}.suis-dialog--xl{max-width:60rem}}@media (min-width: 1200px){.suis-dialog--lg{max-width:60rem}.suis-dialog--xl{max-width:70rem}}\n"] }]
|
45
|
-
}], propDecorators: { size: [{
|
46
|
-
type: Input
|
47
|
-
}], cancelButton: [{
|
48
|
-
type: Input
|
49
|
-
}], confirmButton: [{
|
50
|
-
type: Input
|
51
|
-
}], confirmed: [{
|
52
|
-
type: Output
|
53
|
-
}], cancelled: [{
|
54
|
-
type: Output
|
55
|
-
}] } });
|
56
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWRpYWxvZy9zdWlzLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZGlhbG9nL3N1aXMtZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBVzlDLE1BQU0sT0FBTyxtQkFBbUI7SUFSaEM7UUFTbUIsc0JBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFL0Q7O1dBRUc7UUFDTSxTQUFJLEdBQWEsSUFBSSxDQUFDO1FBRS9COztXQUVHO1FBQ00saUJBQVksR0FBWSxJQUFJLENBQUM7UUFFdEM7O1dBRUc7UUFDTSxrQkFBYSxHQUFZLElBQUksQ0FBQztRQUV2Qzs7V0FFRztRQUNPLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRS9DOztXQUVHO1FBQ08sY0FBUyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FVaEQ7SUFSQyxTQUFTO1FBQ1AsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pDLENBQUM7K0dBbkNVLG1CQUFtQjttR0FBbkIsbUJBQW1CLDROQ3ZCaEMsNHVCQWtCQSwwcUREQVksT0FBTyxvRkFBRSxpQkFBaUIsa0lBQUUsbUJBQW1CLG1EQUFFLGVBQWU7OzRGQUsvRCxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxlQUFlLENBQUMsbUJBRzFELHVCQUF1QixDQUFDLE1BQU07OEJBUXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQUtHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBS0ksU0FBUztzQkFBbEIsTUFBTTtnQkFLRyxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbic7XG5pbXBvcnQgeyBTdWlzQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vbW9kdWxlcy9zdWlzLWJ1dHRvbi9jb21wb25lbnRzL3N1aXMtYnV0dG9uJztcbmltcG9ydCB7IFN1aXNEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc3Vpcy1kaWFsb2cuc2VydmljZSc7XG5pbXBvcnQgeyBTdWlzTmdDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcyc7XG5pbXBvcnQgeyBTdWlzU2l6ZSB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtc2l6ZS50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1kaWFsb2cnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdDbGFzcywgU3Vpc0ljb25Db21wb25lbnQsIFN1aXNCdXR0b25Db21wb25lbnQsIFN1aXNOZ0NsYXNzUGlwZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzRGlhbG9nQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBzdWlzRGlhbG9nU2VydmljZSA9IGluamVjdChTdWlzRGlhbG9nU2VydmljZSk7XG5cbiAgLyoqXG4gICAqIFNldHMgd2lkdGggc2l6ZSBvZiB0aGUgZGlhbG9nLiBUeXBlIG9mIFN1aXNTaXplLiBCeSBkZWZhdWx0IHNldCB0byAnbWQnLlxuICAgKi9cbiAgQElucHV0KCkgc2l6ZTogU3Vpc1NpemUgPSAnbWQnO1xuXG4gIC8qKlxuICAgKiBEaXNwbGF5cyB0aGUgY2FuY2VsIGJ1dHRvbiBpbiB0aGUgYWN0aW9ucyBmb290ZXIgb2YgdGhlIGRpYWxvZy4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIGNhbmNlbEJ1dHRvbjogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIERpc3BsYXlzIHRoZSBjb25maXJtIGJ1dHRvbiBpbiB0aGUgYWN0aW9ucyBmb290ZXIgb2YgdGhlIGRpYWxvZy4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIGNvbmZpcm1CdXR0b246IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBjb25maXJtIGJ1dHRvbiBjbGlja2VkLlxuICAgKi9cbiAgQE91dHB1dCgpIGNvbmZpcm1lZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogRW1pdHMgb24gY2FuY2VsIGJ1dHRvbiBvciBjcm9zcyBpY29uIGNsaWNrZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgY2FuY2VsbGVkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIG9uQ29uZmlybSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbmZpcm1lZC5lbWl0KCk7XG4gIH1cblxuICBvbkNhbmNlbCgpOiB2b2lkIHtcbiAgICB0aGlzLmNhbmNlbGxlZC5lbWl0KCk7XG4gICAgdGhpcy5zdWlzRGlhbG9nU2VydmljZS5jbG9zZSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1kaWFsb2dcIiBbbmdDbGFzc109XCInc3Vpcy1kaWFsb2cnIHwgc3Vpc05nQ2xhc3MgOiBzaXplXCI+XG4gIDxoZWFkZXIgY2xhc3M9XCJzdWlzLWRpYWxvZ19faGVhZGVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3N1aXNEaWFsb2dIZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJvbkNhbmNlbCgpXCI+XG4gICAgICA8c3Vpcy1pY29uIHR5cGU9XCJ0aW1lc1wiIGNvbG9yPVwiZGFya1wiIHNpemU9XCJsZ1wiPjwvc3Vpcy1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2hlYWRlcj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJzdWlzLWRpYWxvZ19fY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzdWlzRGlhbG9nQ29udGVudF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvc2VjdGlvbj5cbiAgPGZvb3RlciBjbGFzcz1cInN1aXMtZGlhbG9nX19hY3Rpb25zXCI+XG4gICAgQGlmIChjYW5jZWxCdXR0b24pIHtcbiAgICA8c3Vpcy1idXR0b24gY29sb3I9XCJkYW5nZXJcIiAoY2xpY2spPVwib25DYW5jZWwoKVwiPiBDYW5jZWwgPC9zdWlzLWJ1dHRvbj5cbiAgICB9IEBpZiAoY29uZmlybUJ1dHRvbikge1xuICAgIDxzdWlzLWJ1dHRvbiBjb2xvcj1cInN1Y2Nlc3NcIiAoY2xpY2spPVwib25Db25maXJtKClcIj4gQ29uZmlybSA8L3N1aXMtYnV0dG9uPlxuICAgIH1cbiAgPC9mb290ZXI+XG48L2Rpdj5cbiJdfQ==
|
@@ -1,3 +0,0 @@
|
|
1
|
-
export * from './suis-dialog-container.component';
|
2
|
-
export * from './suis-dialog-container.interfaces';
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZGlhbG9nLWNvbnRhaW5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsb0NBQW9DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWRpYWxvZy1jb250YWluZXIuaW50ZXJmYWNlcyc7XG4iXX0=
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, inject, } from '@angular/core';
|
2
|
-
import { NgComponentOutlet } from '@angular/common';
|
3
|
-
import { SuisDialogService } from '../../services';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class SuisDialogContainerComponent {
|
6
|
-
constructor() {
|
7
|
-
this.suisDialogService = inject(SuisDialogService);
|
8
|
-
this.dialog = this.suisDialogService.getDialog();
|
9
|
-
}
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisDialogContainerComponent, isStandalone: true, selector: "suis-dialog-container", ngImport: i0, template: "@if (dialog()) {\n<div class=\"suis-dialog-container\">\n <ng-container\n *ngComponentOutlet=\"dialog()!.component; inputs: dialog()!.inputs\"\n ></ng-container>\n</div>\n}\n", styles: [".suis-dialog-container{position:absolute;inset:0;z-index:20}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
12
|
-
}
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisDialogContainerComponent, decorators: [{
|
14
|
-
type: Component,
|
15
|
-
args: [{ selector: 'suis-dialog-container', standalone: true, imports: [NgComponentOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (dialog()) {\n<div class=\"suis-dialog-container\">\n <ng-container\n *ngComponentOutlet=\"dialog()!.component; inputs: dialog()!.inputs\"\n ></ng-container>\n</div>\n}\n", styles: [".suis-dialog-container{position:absolute;inset:0;z-index:20}\n"] }]
|
16
|
-
}] });
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1kaWFsb2ctY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1kaWFsb2ctY29udGFpbmVyL3N1aXMtZGlhbG9nLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZGlhbG9nLWNvbnRhaW5lci9zdWlzLWRpYWxvZy1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQVduRCxNQUFNLE9BQU8sNEJBQTRCO0lBUnpDO1FBU21CLHNCQUFpQixHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRS9ELFdBQU0sR0FBOEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFNBQVMsRUFBRSxDQUFDO0tBQ3hFOytHQUpZLDRCQUE0QjttR0FBNUIsNEJBQTRCLGlGQ2xCekMscUxBT0Esd0hETVksaUJBQWlCOzs0RkFLaEIsNEJBQTRCO2tCQVJ4QyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsQ0FBQyxpQkFBaUIsQ0FBQyxtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgU2lnbmFsLFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDb21wb25lbnRPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc0RpYWxvZ1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBTdWlzRGlhbG9nIH0gZnJvbSAnLi9zdWlzLWRpYWxvZy1jb250YWluZXIuaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtZGlhbG9nLWNvbnRhaW5lcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NvbXBvbmVudE91dGxldF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWRpYWxvZy1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWRpYWxvZy1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNEaWFsb2dDb250YWluZXJDb21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IHN1aXNEaWFsb2dTZXJ2aWNlID0gaW5qZWN0KFN1aXNEaWFsb2dTZXJ2aWNlKTtcblxuICBkaWFsb2c6IFNpZ25hbDxTdWlzRGlhbG9nIHwgbnVsbD4gPSB0aGlzLnN1aXNEaWFsb2dTZXJ2aWNlLmdldERpYWxvZygpO1xufVxuIiwiQGlmIChkaWFsb2coKSkge1xuPGRpdiBjbGFzcz1cInN1aXMtZGlhbG9nLWNvbnRhaW5lclwiPlxuICA8bmctY29udGFpbmVyXG4gICAgKm5nQ29tcG9uZW50T3V0bGV0PVwiZGlhbG9nKCkhLmNvbXBvbmVudDsgaW5wdXRzOiBkaWFsb2coKSEuaW5wdXRzXCJcbiAgPjwvbmctY29udGFpbmVyPlxuPC9kaXY+XG59XG4iXX0=
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export {};
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1kaWFsb2ctY29udGFpbmVyLmludGVyZmFjZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZGlhbG9nLWNvbnRhaW5lci9zdWlzLWRpYWxvZy1jb250YWluZXIuaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuaW1wb3J0IHsgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFN1aXNEaWFsb2cge1xuICBjb21wb25lbnQ6IFR5cGU8YW55PjtcbiAgaW5wdXRzOiB7IFtrZXk6IHN0cmluZ106IGFueSB9O1xufVxuIl19
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-divider.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZGl2aWRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWRpdmlkZXIuY29tcG9uZW50JztcbiJdfQ==
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
-
import { CommonModule } from '@angular/common';
|
3
|
-
import { SuisNgClassPipe } from '../../pipes';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
import * as i1 from "@angular/common";
|
6
|
-
export class SuisDividerComponent {
|
7
|
-
constructor() {
|
8
|
-
/**
|
9
|
-
* Sets the color of the divider. Type of SuisColor. By default set to 'tertiary'.
|
10
|
-
*/
|
11
|
-
this.color = 'tertiary';
|
12
|
-
}
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisDividerComponent, isStandalone: true, selector: "suis-divider", inputs: { color: "color" }, ngImport: i0, template: "<div\n class=\"suis-divider\"\n [ngClass]=\"'suis-divider' | suisNgClass : color\"\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-divider{border:0;border-bottom-width:.0625rem;border-style:solid}.suis-divider--primary{border-color:#192a56}.suis-divider--secondary{border-color:#273c75}.suis-divider--tertiary{border-color:#dcdde1}.suis-divider--complementary{border-color:#f5f6fa}.suis-divider--success{border-color:#2ed573}.suis-divider--warning{border-color:#ffa502}.suis-divider--danger{border-color:#ff4757}.suis-divider--white{border-color:#fff}.suis-divider--gray{border-color:#bcbcbc}.suis-divider--dark{border-color:#000}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
15
|
-
}
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisDividerComponent, decorators: [{
|
17
|
-
type: Component,
|
18
|
-
args: [{ selector: 'suis-divider', standalone: true, imports: [CommonModule, SuisNgClassPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-divider\"\n [ngClass]=\"'suis-divider' | suisNgClass : color\"\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-divider{border:0;border-bottom-width:.0625rem;border-style:solid}.suis-divider--primary{border-color:#192a56}.suis-divider--secondary{border-color:#273c75}.suis-divider--tertiary{border-color:#dcdde1}.suis-divider--complementary{border-color:#f5f6fa}.suis-divider--success{border-color:#2ed573}.suis-divider--warning{border-color:#ffa502}.suis-divider--danger{border-color:#ff4757}.suis-divider--white{border-color:#fff}.suis-divider--gray{border-color:#bcbcbc}.suis-divider--dark{border-color:#000}\n"] }]
|
19
|
-
}], propDecorators: { color: [{
|
20
|
-
type: Input
|
21
|
-
}] } });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1kaXZpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1kaXZpZGVyL3N1aXMtZGl2aWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZGl2aWRlci9zdWlzLWRpdmlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7OztBQVc5QyxNQUFNLE9BQU8sb0JBQW9CO0lBUmpDO1FBU0U7O1dBRUc7UUFDTSxVQUFLLEdBQWMsVUFBVSxDQUFDO0tBQ3hDOytHQUxZLG9CQUFvQjttR0FBcEIsb0JBQW9CLG9HQ2JqQyxpR0FJQSx1ckJESVksWUFBWSx3SEFBRSxlQUFlOzs0RkFLNUIsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLG1CQUd2Qix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOZ0NsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzJztcbmltcG9ydCB7IFN1aXNDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtY29sb3IudHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtZGl2aWRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFN1aXNOZ0NsYXNzUGlwZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWRpdmlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWRpdmlkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNEaXZpZGVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNldHMgdGhlIGNvbG9yIG9mIHRoZSBkaXZpZGVyLiBUeXBlIG9mIFN1aXNDb2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ3RlcnRpYXJ5Jy5cbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiBTdWlzQ29sb3IgPSAndGVydGlhcnknO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInN1aXMtZGl2aWRlclwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLWRpdmlkZXInIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiXG4+PC9kaXY+XG4iXX0=
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-form-field.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZm9ybS1maWVsZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWZvcm0tZmllbGQuY29tcG9uZW50JztcbiJdfQ==
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
|
2
|
-
import { NgTemplateOutlet } from '@angular/common';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export class SuisFormFieldComponent {
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisFormFieldComponent, isStandalone: true, selector: "suis-form-field", inputs: { errorTemplate: "errorTemplate" }, ngImport: i0, template: "<div class=\"suis-form-field\">\n <ng-content></ng-content>\n @if (errorTemplate) {\n <div class=\"suis-form-field__error\">\n <ng-container [ngTemplateOutlet]=\"errorTemplate\"></ng-container>\n </div>\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-form-field{width:100%}.suis-form-field__error{color:#ff4757;margin-top:.125rem;font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
7
|
-
}
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisFormFieldComponent, decorators: [{
|
9
|
-
type: Component,
|
10
|
-
args: [{ selector: 'suis-form-field', standalone: true, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-form-field\">\n <ng-content></ng-content>\n @if (errorTemplate) {\n <div class=\"suis-form-field__error\">\n <ng-container [ngTemplateOutlet]=\"errorTemplate\"></ng-container>\n </div>\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-form-field{width:100%}.suis-form-field__error{color:#ff4757;margin-top:.125rem;font-size:.75rem}\n"] }]
|
11
|
-
}], propDecorators: { errorTemplate: [{
|
12
|
-
type: Input
|
13
|
-
}] } });
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1mb3JtLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1mb3JtLWZpZWxkL3N1aXMtZm9ybS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtZm9ybS1maWVsZC9zdWlzLWZvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFVbkQsTUFBTSxPQUFPLHNCQUFzQjsrR0FBdEIsc0JBQXNCO21HQUF0QixzQkFBc0IsdUhDaEJuQyxrT0FRQSxxU0RHWSxnQkFBZ0I7OzRGQUtmLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFHVix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWZvcm0tZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWZvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLWZvcm0tZmllbGQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNGb3JtRmllbGRDb21wb25lbnQge1xuICAvKipcbiAgICogVGVtcGxhdGUgdG8gYmUgYWRkZWQgYmVsb3cgdGhlIGZpZWxkIHdpdGggZXJyb3IgbWVzc2FnZS5cbiAgICovXG4gIEBJbnB1dCgpIGVycm9yVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxIVE1MRWxlbWVudD47XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1mb3JtLWZpZWxkXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgQGlmIChlcnJvclRlbXBsYXRlKSB7XG4gIDxkaXYgY2xhc3M9XCJzdWlzLWZvcm0tZmllbGRfX2Vycm9yXCI+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJlcnJvclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
|
@@ -1,3 +0,0 @@
|
|
1
|
-
export * from './suis-icon.component';
|
2
|
-
export * from './suis-icon.types';
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaWNvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWljb24udHlwZXMnO1xuIl19
|
@@ -1,44 +0,0 @@
|
|
1
|
-
import { Pipe } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class SuisIconTypePipe {
|
4
|
-
transform(type) {
|
5
|
-
switch (type) {
|
6
|
-
case 'question':
|
7
|
-
return '?';
|
8
|
-
case 'exclamation':
|
9
|
-
return '!';
|
10
|
-
case 'check':
|
11
|
-
return '✓';
|
12
|
-
case 'times':
|
13
|
-
return '×';
|
14
|
-
case 'plus':
|
15
|
-
return '+';
|
16
|
-
case 'minus':
|
17
|
-
return '−';
|
18
|
-
case 'arrow-left':
|
19
|
-
return '←';
|
20
|
-
case 'arrow-up':
|
21
|
-
return '↑';
|
22
|
-
case 'arrow-right':
|
23
|
-
return '→';
|
24
|
-
case 'arrow-down':
|
25
|
-
return '↓';
|
26
|
-
case 'chevron-up':
|
27
|
-
case 'chevron-left':
|
28
|
-
return '‹';
|
29
|
-
case 'chevron-down':
|
30
|
-
case 'chevron-right':
|
31
|
-
return '›';
|
32
|
-
}
|
33
|
-
}
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisIconTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
35
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SuisIconTypePipe, isStandalone: true, name: "suisIconType" }); }
|
36
|
-
}
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisIconTypePipe, decorators: [{
|
38
|
-
type: Pipe,
|
39
|
-
args: [{
|
40
|
-
standalone: true,
|
41
|
-
name: 'suisIconType',
|
42
|
-
}]
|
43
|
-
}] });
|
44
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pY29uLXR5cGUucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1pY29uL3N1aXMtaWNvbi10eXBlLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBT3BELE1BQU0sT0FBTyxnQkFBZ0I7SUFDM0IsU0FBUyxDQUFDLElBQWtCO1FBQzFCLFFBQVEsSUFBSSxFQUFFLENBQUM7WUFDYixLQUFLLFVBQVU7Z0JBQ2IsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxhQUFhO2dCQUNoQixPQUFPLFFBQVEsQ0FBQztZQUNsQixLQUFLLE9BQU87Z0JBQ1YsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxPQUFPO2dCQUNWLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssTUFBTTtnQkFDVCxPQUFPLFFBQVEsQ0FBQztZQUNsQixLQUFLLE9BQU87Z0JBQ1YsT0FBTyxTQUFTLENBQUM7WUFDbkIsS0FBSyxZQUFZO2dCQUNmLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssVUFBVTtnQkFDYixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLGFBQWE7Z0JBQ2hCLE9BQU8sU0FBUyxDQUFDO1lBQ25CLEtBQUssWUFBWTtnQkFDZixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLFlBQVksQ0FBQztZQUNsQixLQUFLLGNBQWM7Z0JBQ2pCLE9BQU8sVUFBVSxDQUFDO1lBQ3BCLEtBQUssY0FBYyxDQUFDO1lBQ3BCLEtBQUssZUFBZTtnQkFDbEIsT0FBTyxVQUFVLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7K0dBOUJVLGdCQUFnQjs2R0FBaEIsZ0JBQWdCOzs0RkFBaEIsZ0JBQWdCO2tCQUo1QixJQUFJO21CQUFDO29CQUNKLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUUsY0FBYztpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzSWNvblR5cGUgfSBmcm9tICcuL3N1aXMtaWNvbi50eXBlcyc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNJY29uVHlwZScsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNJY29uVHlwZVBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKHR5cGU6IFN1aXNJY29uVHlwZSk6IHN0cmluZyB7XG4gICAgc3dpdGNoICh0eXBlKSB7XG4gICAgICBjYXNlICdxdWVzdGlvbic6XG4gICAgICAgIHJldHVybiAnJnF1ZXN0Oyc7XG4gICAgICBjYXNlICdleGNsYW1hdGlvbic6XG4gICAgICAgIHJldHVybiAnJmV4Y2w7JztcbiAgICAgIGNhc2UgJ2NoZWNrJzpcbiAgICAgICAgcmV0dXJuICcmY2hlY2s7JztcbiAgICAgIGNhc2UgJ3RpbWVzJzpcbiAgICAgICAgcmV0dXJuICcmdGltZXM7JztcbiAgICAgIGNhc2UgJ3BsdXMnOlxuICAgICAgICByZXR1cm4gJyZwbHVzOyc7XG4gICAgICBjYXNlICdtaW51cyc6XG4gICAgICAgIHJldHVybiAnJm1pbnVzOyc7XG4gICAgICBjYXNlICdhcnJvdy1sZWZ0JzpcbiAgICAgICAgcmV0dXJuICcmIzg1OTI7JztcbiAgICAgIGNhc2UgJ2Fycm93LXVwJzpcbiAgICAgICAgcmV0dXJuICcmIzg1OTM7JztcbiAgICAgIGNhc2UgJ2Fycm93LXJpZ2h0JzpcbiAgICAgICAgcmV0dXJuICcmIzg1OTQ7JztcbiAgICAgIGNhc2UgJ2Fycm93LWRvd24nOlxuICAgICAgICByZXR1cm4gJyYjODU5NTsnO1xuICAgICAgY2FzZSAnY2hldnJvbi11cCc6XG4gICAgICBjYXNlICdjaGV2cm9uLWxlZnQnOlxuICAgICAgICByZXR1cm4gJyZsc2FxdW87JztcbiAgICAgIGNhc2UgJ2NoZXZyb24tZG93bic6XG4gICAgICBjYXNlICdjaGV2cm9uLXJpZ2h0JzpcbiAgICAgICAgcmV0dXJuICcmcnNhcXVvOyc7XG4gICAgfVxuICB9XG59XG4iXX0=
|
@@ -1,58 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
-
import { NgClass } from '@angular/common';
|
3
|
-
import { SuisIconTypePipe } from './suis-icon-type.pipe';
|
4
|
-
import { SuisNgClassPipe } from '../../pipes/suis-ng-class.pipe';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
export class SuisIconComponent {
|
7
|
-
constructor() {
|
8
|
-
/**
|
9
|
-
* Sets the font size of the HTML Entity itself. Type of SuisSize. By default set to 'md'.
|
10
|
-
*/
|
11
|
-
this.size = 'md';
|
12
|
-
/**
|
13
|
-
* Sets the color pallette of the icon and surroundings. Type of SuisColor. By default set to 'dark'.
|
14
|
-
*/
|
15
|
-
this.color = 'dark';
|
16
|
-
/**
|
17
|
-
* Sets the HTML Entity displayed in content. Type of SuisIconType. By default set to 'question'.
|
18
|
-
*/
|
19
|
-
this.type = 'question';
|
20
|
-
/**
|
21
|
-
* Shows the circled border around the icon. By default set to false. Can not be combined with filled (will be overriden then).
|
22
|
-
*/
|
23
|
-
this.outlined = false;
|
24
|
-
/**
|
25
|
-
* Shows the circled background behind the icon. By default set to false. Overrides outlined behavior if used at the sime time.
|
26
|
-
*/
|
27
|
-
this.filled = false;
|
28
|
-
/**
|
29
|
-
* Shows the pointer cursor when hovered. By default set to false.
|
30
|
-
*/
|
31
|
-
this.pointer = false;
|
32
|
-
/**
|
33
|
-
* Sets HTML Entity font weight to bold. By default set to false.
|
34
|
-
*/
|
35
|
-
this.bold = false;
|
36
|
-
}
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\n [innerHTML]=\"type | suisIconType\"\n [ngClass]=\"'suis-icon' | suisNgClass : type\"\n ></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:.75rem}.suis-icon--sm{font-size:.875rem}.suis-icon--md{font-size:1rem;width:1.125rem;height:1.125rem}.suis-icon--lg{font-size:1.25rem;width:1.5rem;height:1.5rem}.suis-icon--xl{font-size:1.5rem;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}.suis-icon span.suis-icon--arrow-down,.suis-icon span.suis-icon--arrow-up,.suis-icon span.suis-icon--arrow-left,.suis-icon span.suis-icon--arrow-right,.suis-icon span.suis-icon--check{font-size:.625em}.suis-icon span.suis-icon--question,.suis-icon span.suis-icon--exclamation{font-size:.875em}.suis-icon--xs span.suis-icon--arrow-down,.suis-icon--xs span.suis-icon--arrow-up,.suis-icon--sm span.suis-icon--arrow-down,.suis-icon--sm span.suis-icon--arrow-up,.suis-icon--md span.suis-icon--arrow-down,.suis-icon--md span.suis-icon--arrow-up,.suis-icon--xs span.suis-icon--chevron-up,.suis-icon--xs span.suis-icon--chevron-down,.suis-icon--xs span.suis-icon--chevron-left,.suis-icon--xs span.suis-icon--chevron-right,.suis-icon--sm span.suis-icon--chevron-up,.suis-icon--sm span.suis-icon--chevron-down,.suis-icon--sm span.suis-icon--chevron-left,.suis-icon--sm span.suis-icon--chevron-right,.suis-icon--md span.suis-icon--chevron-up,.suis-icon--md span.suis-icon--chevron-down,.suis-icon--md span.suis-icon--chevron-left,.suis-icon--md span.suis-icon--chevron-right{margin-bottom:.125rem}.suis-icon--lg span.suis-icon--arrow-down,.suis-icon--lg span.suis-icon--arrow-up,.suis-icon--xl span.suis-icon--arrow-down,.suis-icon--xl span.suis-icon--arrow-up{margin-bottom:.1875rem}.suis-icon--lg span.suis-icon--chevron-up,.suis-icon--lg span.suis-icon--chevron-down,.suis-icon--lg span.suis-icon--chevron-left,.suis-icon--lg span.suis-icon--chevron-right,.suis-icon--xl span.suis-icon--chevron-up,.suis-icon--xl span.suis-icon--chevron-down,.suis-icon--xl span.suis-icon--chevron-left,.suis-icon--xl span.suis-icon--chevron-right{margin-bottom:.25rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisIconTypePipe, name: "suisIconType" }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
39
|
-
}
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisIconComponent, decorators: [{
|
41
|
-
type: Component,
|
42
|
-
args: [{ selector: 'suis-icon', standalone: true, imports: [NgClass, 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\n [innerHTML]=\"type | suisIconType\"\n [ngClass]=\"'suis-icon' | suisNgClass : type\"\n ></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:.75rem}.suis-icon--sm{font-size:.875rem}.suis-icon--md{font-size:1rem;width:1.125rem;height:1.125rem}.suis-icon--lg{font-size:1.25rem;width:1.5rem;height:1.5rem}.suis-icon--xl{font-size:1.5rem;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}.suis-icon span.suis-icon--arrow-down,.suis-icon span.suis-icon--arrow-up,.suis-icon span.suis-icon--arrow-left,.suis-icon span.suis-icon--arrow-right,.suis-icon span.suis-icon--check{font-size:.625em}.suis-icon span.suis-icon--question,.suis-icon span.suis-icon--exclamation{font-size:.875em}.suis-icon--xs span.suis-icon--arrow-down,.suis-icon--xs span.suis-icon--arrow-up,.suis-icon--sm span.suis-icon--arrow-down,.suis-icon--sm span.suis-icon--arrow-up,.suis-icon--md span.suis-icon--arrow-down,.suis-icon--md span.suis-icon--arrow-up,.suis-icon--xs span.suis-icon--chevron-up,.suis-icon--xs span.suis-icon--chevron-down,.suis-icon--xs span.suis-icon--chevron-left,.suis-icon--xs span.suis-icon--chevron-right,.suis-icon--sm span.suis-icon--chevron-up,.suis-icon--sm span.suis-icon--chevron-down,.suis-icon--sm span.suis-icon--chevron-left,.suis-icon--sm span.suis-icon--chevron-right,.suis-icon--md span.suis-icon--chevron-up,.suis-icon--md span.suis-icon--chevron-down,.suis-icon--md span.suis-icon--chevron-left,.suis-icon--md span.suis-icon--chevron-right{margin-bottom:.125rem}.suis-icon--lg span.suis-icon--arrow-down,.suis-icon--lg span.suis-icon--arrow-up,.suis-icon--xl span.suis-icon--arrow-down,.suis-icon--xl span.suis-icon--arrow-up{margin-bottom:.1875rem}.suis-icon--lg span.suis-icon--chevron-up,.suis-icon--lg span.suis-icon--chevron-down,.suis-icon--lg span.suis-icon--chevron-left,.suis-icon--lg span.suis-icon--chevron-right,.suis-icon--xl span.suis-icon--chevron-up,.suis-icon--xl span.suis-icon--chevron-down,.suis-icon--xl span.suis-icon--chevron-left,.suis-icon--xl span.suis-icon--chevron-right{margin-bottom:.25rem}\n"] }]
|
43
|
-
}], propDecorators: { size: [{
|
44
|
-
type: Input
|
45
|
-
}], color: [{
|
46
|
-
type: Input
|
47
|
-
}], type: [{
|
48
|
-
type: Input
|
49
|
-
}], outlined: [{
|
50
|
-
type: Input
|
51
|
-
}], filled: [{
|
52
|
-
type: Input
|
53
|
-
}], pointer: [{
|
54
|
-
type: Input
|
55
|
-
}], bold: [{
|
56
|
-
type: Input
|
57
|
-
}] } });
|
58
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7QUFZakUsTUFBTSxPQUFPLGlCQUFpQjtJQVI5QjtRQVNFOztXQUVHO1FBQ00sU0FBSSxHQUFhLElBQUksQ0FBQztRQUUvQjs7V0FFRztRQUNNLFVBQUssR0FBYyxNQUFNLENBQUM7UUFFbkM7O1dBRUc7UUFDTSxTQUFJLEdBQWlCLFVBQVUsQ0FBQztRQUV6Qzs7V0FFRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFbkM7O1dBRUc7UUFDTSxXQUFNLEdBQVksS0FBSyxDQUFDO1FBRWpDOztXQUVHO1FBQ00sWUFBTyxHQUFZLEtBQUssQ0FBQztRQUVsQzs7V0FFRztRQUNNLFNBQUksR0FBWSxLQUFLLENBQUM7S0FDaEM7K0dBbkNZLGlCQUFpQjttR0FBakIsaUJBQWlCLHVNQ2hCOUIsMGNBY0EsbW1IREhZLE9BQU8sK0VBQUUsZ0JBQWdCLGdEQUFFLGVBQWU7OzRGQUt6QyxpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxlQUFlLENBQUMsbUJBR3BDLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzSWNvblR5cGUgfSBmcm9tICcuL3N1aXMtaWNvbi50eXBlcyc7XG5pbXBvcnQgeyBTdWlzSWNvblR5cGVQaXBlIH0gZnJvbSAnLi9zdWlzLWljb24tdHlwZS5waXBlJztcbmltcG9ydCB7IFN1aXNOZ0NsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtbmctY2xhc3MucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2l6ZSB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtc2l6ZS50eXBlJztcbmltcG9ydCB7IFN1aXNDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtY29sb3IudHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtaWNvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBTdWlzSWNvblR5cGVQaXBlLCBTdWlzTmdDbGFzc1BpcGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzSWNvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBTZXRzIHRoZSBmb250IHNpemUgb2YgdGhlIEhUTUwgRW50aXR5IGl0c2VsZi4gVHlwZSBvZiBTdWlzU2l6ZS4gQnkgZGVmYXVsdCBzZXQgdG8gJ21kJy5cbiAgICovXG4gIEBJbnB1dCgpIHNpemU6IFN1aXNTaXplID0gJ21kJztcblxuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3IgcGFsbGV0dGUgb2YgdGhlIGljb24gYW5kIHN1cnJvdW5kaW5ncy4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICdkYXJrJy5cbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiBTdWlzQ29sb3IgPSAnZGFyayc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIEhUTUwgRW50aXR5IGRpc3BsYXllZCBpbiBjb250ZW50LiBUeXBlIG9mIFN1aXNJY29uVHlwZS4gQnkgZGVmYXVsdCBzZXQgdG8gJ3F1ZXN0aW9uJy5cbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IFN1aXNJY29uVHlwZSA9ICdxdWVzdGlvbic7XG5cbiAgLyoqXG4gICAqIFNob3dzIHRoZSBjaXJjbGVkIGJvcmRlciBhcm91bmQgdGhlIGljb24uIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLiBDYW4gbm90IGJlIGNvbWJpbmVkIHdpdGggZmlsbGVkICh3aWxsIGJlIG92ZXJyaWRlbiB0aGVuKS5cbiAgICovXG4gIEBJbnB1dCgpIG91dGxpbmVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNob3dzIHRoZSBjaXJjbGVkIGJhY2tncm91bmQgYmVoaW5kIHRoZSBpY29uLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS4gT3ZlcnJpZGVzIG91dGxpbmVkIGJlaGF2aW9yIGlmIHVzZWQgYXQgdGhlIHNpbWUgdGltZS5cbiAgICovXG4gIEBJbnB1dCgpIGZpbGxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTaG93cyB0aGUgcG9pbnRlciBjdXJzb3Igd2hlbiBob3ZlcmVkLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIHBvaW50ZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogU2V0cyBIVE1MIEVudGl0eSBmb250IHdlaWdodCB0byBib2xkLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGJvbGQ6IGJvb2xlYW4gPSBmYWxzZTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzdWlzLWljb25cIlxuICBbY2xhc3Muc3Vpcy1pY29uLS1vdXRsaW5lZF09XCJvdXRsaW5lZFwiXG4gIFtjbGFzcy5zdWlzLWljb24tLWZpbGxlZF09XCJmaWxsZWRcIlxuICBbY2xhc3Muc3Vpcy1pY29uLS1wb2ludGVyXT1cInBvaW50ZXJcIlxuICBbY2xhc3Muc3Vpcy1pY29uLS1ib2xkXT1cImJvbGRcIlxuICBbY2xhc3Muc3Vpcy1pY29uLS1yb3RhdGVdPVwidHlwZSA9PT0gJ2NoZXZyb24tdXAnIHx8IHR5cGUgPT09ICdjaGV2cm9uLWRvd24nXCJcbiAgW25nQ2xhc3NdPVwiJ3N1aXMtaWNvbicgfCBzdWlzTmdDbGFzcyA6IGNvbG9yIDogc2l6ZVwiXG4+XG4gIDxzcGFuXG4gICAgW2lubmVySFRNTF09XCJ0eXBlIHwgc3Vpc0ljb25UeXBlXCJcbiAgICBbbmdDbGFzc109XCInc3Vpcy1pY29uJyB8IHN1aXNOZ0NsYXNzIDogdHlwZVwiXG4gID48L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export {};
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pY29uLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLWljb24vc3Vpcy1pY29uLnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBTdWlzSWNvblR5cGUgPVxuICB8ICdxdWVzdGlvbidcbiAgfCAnZXhjbGFtYXRpb24nXG4gIHwgJ2NoZWNrJ1xuICB8ICd0aW1lcydcbiAgfCAncGx1cydcbiAgfCAnbWludXMnXG4gIHwgJ2Fycm93LXVwJ1xuICB8ICdhcnJvdy1kb3duJ1xuICB8ICdhcnJvdy1sZWZ0J1xuICB8ICdhcnJvdy1yaWdodCdcbiAgfCAnY2hldnJvbi11cCdcbiAgfCAnY2hldnJvbi1kb3duJ1xuICB8ICdjaGV2cm9uLWxlZnQnXG4gIHwgJ2NoZXZyb24tcmlnaHQnO1xuIl19
|
@@ -1,3 +0,0 @@
|
|
1
|
-
export * from './suis-input.component';
|
2
|
-
export * from './suis-input.types';
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWlucHV0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQudHlwZXMnO1xuIl19
|
@@ -1,64 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, forwardRef, } from '@angular/core';
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
3
|
-
import { SuisInputBase } from '../../shared/classes/suis-input.base';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class SuisInputComponent extends SuisInputBase {
|
6
|
-
constructor() {
|
7
|
-
super(...arguments);
|
8
|
-
/**
|
9
|
-
* Sets input's type to one of the accepted values - type of SuisInputType. By default set to 'text'.
|
10
|
-
*/
|
11
|
-
this.type = 'text';
|
12
|
-
/**
|
13
|
-
* Placeholder text displayed in input. By default set to empty string.
|
14
|
-
*/
|
15
|
-
this.placeholder = '';
|
16
|
-
/**
|
17
|
-
* Emits on keydown enter input event.
|
18
|
-
*/
|
19
|
-
this.enterPressed = new EventEmitter();
|
20
|
-
/** @internal */
|
21
|
-
this.value = '';
|
22
|
-
}
|
23
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
24
|
-
writeValue(obj) {
|
25
|
-
this.value = obj;
|
26
|
-
this._onChange(this.value);
|
27
|
-
this.cdRef.markForCheck();
|
28
|
-
}
|
29
|
-
onChange(event) {
|
30
|
-
const target = event.target;
|
31
|
-
this.value = target.value;
|
32
|
-
this._onChange(this.value);
|
33
|
-
this.changed.emit(this.value);
|
34
|
-
this.cdRef.markForCheck();
|
35
|
-
}
|
36
|
-
onEnter() {
|
37
|
-
this.enterPressed.emit();
|
38
|
-
}
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisInputComponent, isStandalone: true, selector: "suis-input", inputs: { type: "type", placeholder: "placeholder" }, outputs: { enterPressed: "enterPressed" }, providers: [
|
41
|
-
{
|
42
|
-
provide: NG_VALUE_ACCESSOR,
|
43
|
-
multi: true,
|
44
|
-
useExisting: forwardRef(() => SuisInputComponent),
|
45
|
-
},
|
46
|
-
], usesInheritance: true, ngImport: i0, template: "<input\n class=\"suis-input\"\n [class.suis-input--invalid]=\"invalid\"\n [class.suis-input--readonly]=\"readonly\"\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.625rem}.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}.suis-input--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-input--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
47
|
-
}
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisInputComponent, decorators: [{
|
49
|
-
type: Component,
|
50
|
-
args: [{ selector: 'suis-input', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
51
|
-
{
|
52
|
-
provide: NG_VALUE_ACCESSOR,
|
53
|
-
multi: true,
|
54
|
-
useExisting: forwardRef(() => SuisInputComponent),
|
55
|
-
},
|
56
|
-
], template: "<input\n class=\"suis-input\"\n [class.suis-input--invalid]=\"invalid\"\n [class.suis-input--readonly]=\"readonly\"\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.625rem}.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}.suis-input--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-input--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}\n"] }]
|
57
|
-
}], propDecorators: { type: [{
|
58
|
-
type: Input
|
59
|
-
}], placeholder: [{
|
60
|
-
type: Input
|
61
|
-
}], enterPressed: [{
|
62
|
-
type: Output
|
63
|
-
}] } });
|
64
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQvc3Vpcy1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQvc3Vpcy1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOztBQWlCckUsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGFBQWE7SUFmckQ7O1FBZ0JFOztXQUVHO1FBQ00sU0FBSSxHQUFrQixNQUFNLENBQUM7UUFFdEM7O1dBRUc7UUFDTSxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUVsQzs7V0FFRztRQUNPLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVsRCxnQkFBZ0I7UUFDaEIsVUFBSyxHQUFXLEVBQUUsQ0FBQztLQW9CcEI7SUFsQkMsOERBQThEO0lBQ3JELFVBQVUsQ0FBQyxHQUFXO1FBQzdCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFZO1FBQ25CLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQ2hELElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDM0IsQ0FBQzsrR0FwQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IsMEpBUmxCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQzthQUNsRDtTQUNGLGlEQ3pCSCx3V0FjQTs7NEZEYWEsa0JBQWtCO2tCQWY5QixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBQ1AsRUFBRSxtQkFHTSx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG1CQUFtQixDQUFDO3lCQUNsRDtxQkFDRjs4QkFNUSxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc0lucHV0VHlwZSB9IGZyb20gJy4vc3Vpcy1pbnB1dC50eXBlcyc7XG5pbXBvcnQgeyBTdWlzSW5wdXRCYXNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1pbnB1dC5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1pbnB1dCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzSW5wdXRDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNJbnB1dENvbXBvbmVudCBleHRlbmRzIFN1aXNJbnB1dEJhc2Uge1xuICAvKipcbiAgICogU2V0cyBpbnB1dCdzIHR5cGUgdG8gb25lIG9mIHRoZSBhY2NlcHRlZCB2YWx1ZXMgLSB0eXBlIG9mIFN1aXNJbnB1dFR5cGUuIEJ5IGRlZmF1bHQgc2V0IHRvICd0ZXh0Jy5cbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IFN1aXNJbnB1dFR5cGUgPSAndGV4dCc7XG5cbiAgLyoqXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZGlzcGxheWVkIGluIGlucHV0LiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBzdHJpbmcuXG4gICAqL1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIEVtaXRzIG9uIGtleWRvd24gZW50ZXIgaW5wdXQgZXZlbnQuXG4gICAqL1xuICBAT3V0cHV0KCkgZW50ZXJQcmVzc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgdmFsdWU6IHN0cmluZyA9ICcnO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUob2JqOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBvbkNoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gdGFyZ2V0LnZhbHVlO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBvbkVudGVyKCk6IHZvaWQge1xuICAgIHRoaXMuZW50ZXJQcmVzc2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPGlucHV0XG4gIGNsYXNzPVwic3Vpcy1pbnB1dFwiXG4gIFtjbGFzcy5zdWlzLWlucHV0LS1pbnZhbGlkXT1cImludmFsaWRcIlxuICBbY2xhc3Muc3Vpcy1pbnB1dC0tcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICBbYXR0ci5pZF09XCJpZFwiXG4gIFthdHRyLm5hbWVdPVwibmFtZVwiXG4gIFt0eXBlXT1cInR5cGVcIlxuICBbdmFsdWVdPVwidmFsdWVcIlxuICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICBbZGlzYWJsZWRdPVwicmVhZG9ubHlcIlxuICAoaW5wdXQpPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gIChmb2N1cyk9XCJvblRvdWNoKClcIlxuICAoa2V5ZG93bi5lbnRlcik9XCJvbkVudGVyKClcIlxuLz5cbiJdfQ==
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export {};
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1pbnB1dC9zdWlzLWlucHV0LnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBTdWlzSW5wdXRUeXBlID1cbiAgfCAnZGF0ZSdcbiAgfCAnZGF0ZXRpbWUtbG9jYWwnXG4gIHwgJ2VtYWlsJ1xuICB8ICdtb250aCdcbiAgfCAncGFzc3dvcmQnXG4gIHwgJ3RlbCdcbiAgfCAndGV4dCdcbiAgfCAndGltZSdcbiAgfCAndXJsJ1xuICB8ICd3ZWVrJztcbiJdfQ==
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-input-checkbox.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQ0FBaUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQnO1xuIl19
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
|
2
|
-
import { SuisLabelComponent } from '../suis-label/suis-label.component';
|
3
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
4
|
-
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
5
|
-
import { SuisCheckboxBase } from '../../shared/classes/suis-checkbox.base';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export class SuisInputCheckboxComponent extends SuisCheckboxBase {
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisInputCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisInputCheckboxComponent, isStandalone: true, selector: "suis-input-checkbox", providers: [
|
10
|
-
{
|
11
|
-
provide: NG_VALUE_ACCESSOR,
|
12
|
-
multi: true,
|
13
|
-
useExisting: forwardRef(() => SuisInputCheckboxComponent),
|
14
|
-
},
|
15
|
-
], usesInheritance: true, ngImport: i0, template: "<input\n type=\"checkbox\"\n class=\"suis-input-checkbox\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n/>\n\n<suis-label\n class=\"suis-input-checkbox__label\"\n [class.suis-input-checkbox__label--invalid]=\"invalid\"\n [class.suis-input-checkbox__label--readonly]=\"readonly\"\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n (click)=\"onChange($event)\"\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 @if (value) {\n <suis-icon\n type=\"check\"\n size=\"lg\"\n [color]=\"readonly ? 'tertiary' : 'primary'\"\n ></suis-icon>\n }\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__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.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;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ 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 }); }
|
16
|
-
}
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisInputCheckboxComponent, decorators: [{
|
18
|
-
type: Component,
|
19
|
-
args: [{ selector: 'suis-input-checkbox', standalone: true, imports: [SuisLabelComponent, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
20
|
-
{
|
21
|
-
provide: NG_VALUE_ACCESSOR,
|
22
|
-
multi: true,
|
23
|
-
useExisting: forwardRef(() => SuisInputCheckboxComponent),
|
24
|
-
},
|
25
|
-
], template: "<input\n type=\"checkbox\"\n class=\"suis-input-checkbox\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n/>\n\n<suis-label\n class=\"suis-input-checkbox__label\"\n [class.suis-input-checkbox__label--invalid]=\"invalid\"\n [class.suis-input-checkbox__label--readonly]=\"readonly\"\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n (click)=\"onChange($event)\"\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 @if (value) {\n <suis-icon\n type=\"check\"\n size=\"lg\"\n [color]=\"readonly ? 'tertiary' : 'primary'\"\n ></suis-icon>\n }\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__label--invalid{color:#ff4757}.suis-input-checkbox__label--readonly{cursor:not-allowed}.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;cursor:not-allowed}.suis-input-checkbox__check--readonly:focus{box-shadow:none}.suis-input-checkbox__check--invalid{border:.0625rem solid #ff4757;color:#ff4757}.suis-input-checkbox__check--invalid:focus{box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
26
|
-
}] });
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hlY2tib3gvc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7QUFpQjNFLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxnQkFBZ0I7K0dBQW5ELDBCQUEwQjttR0FBMUIsMEJBQTBCLGtFQVIxQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMEJBQTBCLENBQUM7YUFDMUQ7U0FDRixpRENuQkgsdzNCQW1DQSxvNUJEMUJZLGtCQUFrQiwyR0FBRSxpQkFBaUI7OzRGQVlwQywwQkFBMEI7a0JBZnRDLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLGtCQUFrQixFQUFFLGlCQUFpQixDQUFDLG1CQUcvQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDJCQUEyQixDQUFDO3lCQUMxRDtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNMYWJlbENvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtbGFiZWwvc3Vpcy1sYWJlbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNDaGVja2JveEJhc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWNoZWNrYm94LmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLWlucHV0LWNoZWNrYm94JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1N1aXNMYWJlbENvbXBvbmVudCwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1pbnB1dC1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtaW5wdXQtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzSW5wdXRDaGVja2JveENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0lucHV0Q2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBTdWlzQ2hlY2tib3hCYXNlIHt9XG4iLCI8aW5wdXRcbiAgdHlwZT1cImNoZWNrYm94XCJcbiAgY2xhc3M9XCJzdWlzLWlucHV0LWNoZWNrYm94XCJcbiAgW2F0dHIuaWRdPVwiaWRcIlxuICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICBbdmFsdWVdPVwidmFsdWVcIlxuICBbZGlzYWJsZWRdPVwicmVhZG9ubHlcIlxuLz5cblxuPHN1aXMtbGFiZWxcbiAgY2xhc3M9XCJzdWlzLWlucHV0LWNoZWNrYm94X19sYWJlbFwiXG4gIFtjbGFzcy5zdWlzLWlucHV0LWNoZWNrYm94X19sYWJlbC0taW52YWxpZF09XCJpbnZhbGlkXCJcbiAgW2NsYXNzLnN1aXMtaW5wdXQtY2hlY2tib3hfX2xhYmVsLS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gIFtmb3JdPVwiaWRcIlxuICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICBbcG9pbnRlcl09XCJ0cnVlXCJcbiAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgKGNsaWNrKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuPlxuICA8ZGl2XG4gICAgW3RhYmluZGV4XT1cInJlYWRvbmx5ID8gLTEgOiAwXCJcbiAgICBjbGFzcz1cInN1aXMtaW5wdXQtY2hlY2tib3hfX2NoZWNrXCJcbiAgICBbY2xhc3Muc3Vpcy1pbnB1dC1jaGVja2JveF9fY2hlY2stLWludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW2NsYXNzLnN1aXMtaW5wdXQtY2hlY2tib3hfX2NoZWNrLS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gID5cbiAgICBAaWYgKHZhbHVlKSB7XG4gICAgPHN1aXMtaWNvblxuICAgICAgdHlwZT1cImNoZWNrXCJcbiAgICAgIHNpemU9XCJsZ1wiXG4gICAgICBbY29sb3JdPVwicmVhZG9ubHkgPyAndGVydGlhcnknIDogJ3ByaW1hcnknXCJcbiAgICA+PC9zdWlzLWljb24+XG4gICAgfVxuICA8L2Rpdj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9zdWlzLWxhYmVsPlxuIl19
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-input-chips.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hpcHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGlwcy5jb21wb25lbnQnO1xuIl19
|
@@ -1,84 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ElementRef, HostListener, Input, ViewChild, forwardRef, } from '@angular/core';
|
2
|
-
import { FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule, } from '@angular/forms';
|
3
|
-
import { SuisChipComponent } from '../suis-chip';
|
4
|
-
import { SuisInputComponent } from '../suis-input';
|
5
|
-
import { SuisInputBase } from '../../shared/classes/suis-input.base';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
import * as i1 from "@angular/forms";
|
8
|
-
export class SuisInputChipsComponent extends SuisInputBase {
|
9
|
-
constructor() {
|
10
|
-
super(...arguments);
|
11
|
-
/**
|
12
|
-
* Placeholder text displayed in input. By default set to empty string.
|
13
|
-
*/
|
14
|
-
this.placeholder = '';
|
15
|
-
/**
|
16
|
-
* Sets the color pallette of the chips. Type of SuisColor. By default set to 'primary'.
|
17
|
-
*/
|
18
|
-
this.chipColor = 'primary';
|
19
|
-
/**
|
20
|
-
* Sets the color of the chips' cross icon. Type of SuisColor. By default set to 'white'.
|
21
|
-
*/
|
22
|
-
this.chipIconColor = 'white';
|
23
|
-
/** @internal */
|
24
|
-
this.value = [];
|
25
|
-
/** @internal */
|
26
|
-
this.inputControl = new FormControl('', { nonNullable: true });
|
27
|
-
}
|
28
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
29
|
-
writeValue(obj) {
|
30
|
-
this.value = obj || [];
|
31
|
-
this._onChange(this.value);
|
32
|
-
this.cdRef.markForCheck();
|
33
|
-
}
|
34
|
-
addItem(value) {
|
35
|
-
const values = value.split(',').filter((v) => !!v);
|
36
|
-
this.value = this.value.concat(values);
|
37
|
-
this._onChange(this.value);
|
38
|
-
this.changed.emit(this.value);
|
39
|
-
this.cdRef.markForCheck();
|
40
|
-
}
|
41
|
-
removeItem(value) {
|
42
|
-
this.value = this.value.filter((v) => v !== value);
|
43
|
-
}
|
44
|
-
submitValue() {
|
45
|
-
const inputValue = this.inputControl.value;
|
46
|
-
this.inputControl.reset();
|
47
|
-
this.addItem(inputValue);
|
48
|
-
}
|
49
|
-
onDocumentClick(event) {
|
50
|
-
if (!this.inputEl?.nativeElement.contains(event.target))
|
51
|
-
this.submitValue();
|
52
|
-
}
|
53
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisInputChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
54
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisInputChipsComponent, isStandalone: true, selector: "suis-input-chips", inputs: { placeholder: "placeholder", chipColor: "chipColor", chipIconColor: "chipIconColor" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [
|
55
|
-
{
|
56
|
-
provide: NG_VALUE_ACCESSOR,
|
57
|
-
multi: true,
|
58
|
-
useExisting: forwardRef(() => SuisInputChipsComponent),
|
59
|
-
},
|
60
|
-
], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-input-chips\">\n @if (!readonly) {\n <div #input class=\"suis-input-chips__input\">\n <suis-input\n [id]=\"id\"\n [name]=\"name\"\n [formControl]=\"inputControl\"\n [readonly]=\"readonly\"\n [invalid]=\"invalid\"\n [placeholder]=\"placeholder\"\n (touched)=\"onTouch()\"\n (enterPressed)=\"submitValue()\"\n ></suis-input>\n </div>\n } @if (value.length) {\n <div class=\"suis-input-chips__chips\">\n @for (item of value; track item) {\n <suis-chip\n [removable]=\"readonly ? false : true\"\n [color]=\"chipColor\"\n [iconColor]=\"chipIconColor\"\n (remove)=\"removeItem(item)\"\n >\n {{ item }}\n </suis-chip>\n }\n </div>\n }\n</div>\n", styles: [":host{display:block}.suis-input-chips__chips{margin-top:.375rem;display:flex;flex-wrap:wrap}.suis-input-chips__chips suis-chip:not(:last-child){margin-right:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisInputComponent, selector: "suis-input", inputs: ["type", "placeholder"], outputs: ["enterPressed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
61
|
-
}
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisInputChipsComponent, decorators: [{
|
63
|
-
type: Component,
|
64
|
-
args: [{ selector: 'suis-input-chips', standalone: true, imports: [ReactiveFormsModule, SuisChipComponent, SuisInputComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
65
|
-
{
|
66
|
-
provide: NG_VALUE_ACCESSOR,
|
67
|
-
multi: true,
|
68
|
-
useExisting: forwardRef(() => SuisInputChipsComponent),
|
69
|
-
},
|
70
|
-
], template: "<div class=\"suis-input-chips\">\n @if (!readonly) {\n <div #input class=\"suis-input-chips__input\">\n <suis-input\n [id]=\"id\"\n [name]=\"name\"\n [formControl]=\"inputControl\"\n [readonly]=\"readonly\"\n [invalid]=\"invalid\"\n [placeholder]=\"placeholder\"\n (touched)=\"onTouch()\"\n (enterPressed)=\"submitValue()\"\n ></suis-input>\n </div>\n } @if (value.length) {\n <div class=\"suis-input-chips__chips\">\n @for (item of value; track item) {\n <suis-chip\n [removable]=\"readonly ? false : true\"\n [color]=\"chipColor\"\n [iconColor]=\"chipIconColor\"\n (remove)=\"removeItem(item)\"\n >\n {{ item }}\n </suis-chip>\n }\n </div>\n }\n</div>\n", styles: [":host{display:block}.suis-input-chips__chips{margin-top:.375rem;display:flex;flex-wrap:wrap}.suis-input-chips__chips suis-chip:not(:last-child){margin-right:.25rem}\n"] }]
|
71
|
-
}], propDecorators: { inputEl: [{
|
72
|
-
type: ViewChild,
|
73
|
-
args: ['input']
|
74
|
-
}], placeholder: [{
|
75
|
-
type: Input
|
76
|
-
}], chipColor: [{
|
77
|
-
type: Input
|
78
|
-
}], chipIconColor: [{
|
79
|
-
type: Input
|
80
|
-
}], onDocumentClick: [{
|
81
|
-
type: HostListener,
|
82
|
-
args: ['document:click', ['$event']]
|
83
|
-
}] } });
|
84
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1pbnB1dC1jaGlwcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hpcHMvc3Vpcy1pbnB1dC1jaGlwcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtaW5wdXQtY2hpcHMvc3Vpcy1pbnB1dC1jaGlwcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFDTCxTQUFTLEVBQ1QsVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxXQUFXLEVBQ1gsaUJBQWlCLEVBQ2pCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOzs7QUFrQnJFLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxhQUFhO0lBZjFEOztRQW1CRTs7V0FFRztRQUNNLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRWxDOztXQUVHO1FBQ00sY0FBUyxHQUFjLFNBQVMsQ0FBQztRQUUxQzs7V0FFRztRQUNNLGtCQUFhLEdBQWMsT0FBTyxDQUFDO1FBRTVDLGdCQUFnQjtRQUNoQixVQUFLLEdBQWEsRUFBRSxDQUFDO1FBRXJCLGdCQUFnQjtRQUNoQixpQkFBWSxHQUFHLElBQUksV0FBVyxDQUFTLEVBQUUsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0tBK0JuRTtJQTdCQyw4REFBOEQ7SUFDOUQsVUFBVSxDQUFDLEdBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLElBQUksRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFhO1FBQ25CLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbkQsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLEtBQUssQ0FBQyxDQUFDO0lBQ3JELENBQUM7SUFFRCxXQUFXO1FBQ1QsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFDM0MsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFHRCxlQUFlLENBQUMsS0FBWTtRQUMxQixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUM7WUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDOUUsQ0FBQzsrR0FyRFUsdUJBQXVCO21HQUF2Qix1QkFBdUIscU9BUnZCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQzthQUN2RDtTQUNGLG1KQ2hDSCw4dUJBNkJBLCtORFBZLG1CQUFtQiwwVEFBRSxpQkFBaUIsd0hBQUUsa0JBQWtCOzs0RkFZekQsdUJBQXVCO2tCQWZuQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxrQkFBa0IsQ0FBQyxtQkFHcEQsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx3QkFBd0IsQ0FBQzt5QkFDdkQ7cUJBQ0Y7OEJBSW1CLE9BQU87c0JBQTFCLFNBQVM7dUJBQUMsT0FBTztnQkFLVCxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0csYUFBYTtzQkFBckIsS0FBSztnQkFrQ04sZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgVmlld0NoaWxkLFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEZvcm1Db250cm9sLFxuICBOR19WQUxVRV9BQ0NFU1NPUixcbiAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc0NoaXBDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWNoaXAnO1xuaW1wb3J0IHsgU3Vpc0lucHV0Q29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pbnB1dCc7XG5pbXBvcnQgeyBTdWlzSW5wdXRCYXNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1pbnB1dC5iYXNlJztcbmltcG9ydCB7IFN1aXNDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtY29sb3IudHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtaW5wdXQtY2hpcHMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbUmVhY3RpdmVGb3Jtc01vZHVsZSwgU3Vpc0NoaXBDb21wb25lbnQsIFN1aXNJbnB1dENvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWlucHV0LWNoaXBzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1pbnB1dC1jaGlwcy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNJbnB1dENoaXBzQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzSW5wdXRDaGlwc0NvbXBvbmVudCBleHRlbmRzIFN1aXNJbnB1dEJhc2Uge1xuICAvKiogQGludGVybmFsICovXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JykgaW5wdXRFbD86IEVsZW1lbnRSZWY7XG5cbiAgLyoqXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZGlzcGxheWVkIGluIGlucHV0LiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBzdHJpbmcuXG4gICAqL1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGNvbG9yIHBhbGxldHRlIG9mIHRoZSBjaGlwcy4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICdwcmltYXJ5Jy5cbiAgICovXG4gIEBJbnB1dCgpIGNoaXBDb2xvcjogU3Vpc0NvbG9yID0gJ3ByaW1hcnknO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBvZiB0aGUgY2hpcHMnIGNyb3NzIGljb24uIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAnd2hpdGUnLlxuICAgKi9cbiAgQElucHV0KCkgY2hpcEljb25Db2xvcjogU3Vpc0NvbG9yID0gJ3doaXRlJztcblxuICAvKiogQGludGVybmFsICovXG4gIHZhbHVlOiBzdHJpbmdbXSA9IFtdO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgaW5wdXRDb250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycsIHsgbm9uTnVsbGFibGU6IHRydWUgfSk7XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgd3JpdGVWYWx1ZShvYmo6IHN0cmluZ1tdKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IG9iaiB8fCBbXTtcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgYWRkSXRlbSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgY29uc3QgdmFsdWVzID0gdmFsdWUuc3BsaXQoJywnKS5maWx0ZXIoKHYpID0+ICEhdik7XG4gICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsdWUuY29uY2F0KHZhbHVlcyk7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHJlbW92ZUl0ZW0odmFsdWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB0aGlzLnZhbHVlLmZpbHRlcigodikgPT4gdiAhPT0gdmFsdWUpO1xuICB9XG5cbiAgc3VibWl0VmFsdWUoKSB7XG4gICAgY29uc3QgaW5wdXRWYWx1ZSA9IHRoaXMuaW5wdXRDb250cm9sLnZhbHVlO1xuICAgIHRoaXMuaW5wdXRDb250cm9sLnJlc2V0KCk7XG4gICAgdGhpcy5hZGRJdGVtKGlucHV0VmFsdWUpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxuICBvbkRvY3VtZW50Q2xpY2soZXZlbnQ6IEV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLmlucHV0RWw/Lm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkgdGhpcy5zdWJtaXRWYWx1ZSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1pbnB1dC1jaGlwc1wiPlxuICBAaWYgKCFyZWFkb25seSkge1xuICA8ZGl2ICNpbnB1dCBjbGFzcz1cInN1aXMtaW5wdXQtY2hpcHNfX2lucHV0XCI+XG4gICAgPHN1aXMtaW5wdXRcbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBbbmFtZV09XCJuYW1lXCJcbiAgICAgIFtmb3JtQ29udHJvbF09XCJpbnB1dENvbnRyb2xcIlxuICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgICh0b3VjaGVkKT1cIm9uVG91Y2goKVwiXG4gICAgICAoZW50ZXJQcmVzc2VkKT1cInN1Ym1pdFZhbHVlKClcIlxuICAgID48L3N1aXMtaW5wdXQ+XG4gIDwvZGl2PlxuICB9IEBpZiAodmFsdWUubGVuZ3RoKSB7XG4gIDxkaXYgY2xhc3M9XCJzdWlzLWlucHV0LWNoaXBzX19jaGlwc1wiPlxuICAgIEBmb3IgKGl0ZW0gb2YgdmFsdWU7IHRyYWNrIGl0ZW0pIHtcbiAgICA8c3Vpcy1jaGlwXG4gICAgICBbcmVtb3ZhYmxlXT1cInJlYWRvbmx5ID8gZmFsc2UgOiB0cnVlXCJcbiAgICAgIFtjb2xvcl09XCJjaGlwQ29sb3JcIlxuICAgICAgW2ljb25Db2xvcl09XCJjaGlwSWNvbkNvbG9yXCJcbiAgICAgIChyZW1vdmUpPVwicmVtb3ZlSXRlbShpdGVtKVwiXG4gICAgPlxuICAgICAge3sgaXRlbSB9fVxuICAgIDwvc3Vpcy1jaGlwPlxuICAgIH1cbiAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19
|