suis 3.0.2 → 4.0.1
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 +715 -919
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/components/suis-accordion/suis-accordion.component.d.ts +5 -4
- package/lib/components/suis-alert/suis-alert.component.d.ts +6 -5
- package/lib/components/suis-box/suis-box.component.d.ts +3 -3
- package/lib/components/suis-breadcrumbs/suis-breadcrumbs.component.d.ts +2 -2
- package/lib/components/suis-chart/suis-chart.component.d.ts +8 -8
- package/lib/components/suis-chip/suis-chip.component.d.ts +5 -6
- package/lib/components/suis-container/suis-container.component.d.ts +2 -2
- package/lib/components/suis-dialog/suis-dialog.component.d.ts +6 -7
- package/lib/components/suis-divider/suis-divider.component.d.ts +2 -2
- package/lib/components/suis-form-field/suis-form-field.component.d.ts +2 -2
- package/lib/components/suis-icon/suis-icon.component.d.ts +8 -8
- package/lib/components/suis-input/suis-input.component.d.ts +4 -5
- package/lib/components/suis-input-chips/suis-input-chips.component.d.ts +5 -5
- package/lib/components/suis-input-image/suis-input-image.component.d.ts +3 -3
- package/lib/components/suis-input-number/suis-input-number.component.d.ts +2 -2
- package/lib/components/suis-input-radio/suis-input-radio.component.d.ts +6 -6
- package/lib/components/suis-item/suis-item.component.d.ts +4 -4
- package/lib/components/suis-label/suis-label.component.d.ts +5 -5
- package/lib/components/suis-notification/suis-notification.component.d.ts +3 -4
- package/lib/components/suis-pagination/suis-pagination.component.d.ts +15 -13
- package/lib/components/suis-progress-bar/suis-progress-bar.component.d.ts +6 -6
- package/lib/components/suis-spinner/suis-spinner.component.d.ts +3 -3
- package/lib/components/suis-spinner-container/suis-spinner-container.component.d.ts +5 -5
- package/lib/components/suis-table/suis-table-column.directive.d.ts +1 -1
- package/lib/components/suis-table/suis-table.component.d.ts +12 -10
- package/lib/components/suis-tabs/suis-tab-actions.pipe.d.ts +2 -2
- package/lib/components/suis-tabs/suis-tab-template.pipe.d.ts +2 -2
- package/lib/components/suis-tabs/suis-tab.directive.d.ts +2 -2
- package/lib/components/suis-tabs/suis-tabs.component.d.ts +6 -5
- package/lib/components/suis-text-area/suis-text-area.component.d.ts +2 -2
- package/lib/components/suis-title/suis-title.component.d.ts +2 -2
- package/lib/components/suis-toolbar/suis-toolbar.component.d.ts +2 -2
- package/lib/modules/suis-button/components/suis-button-link/suis-button-link.component.d.ts +6 -6
- package/lib/modules/suis-navigation/components/suis-navigation/suis-navigation.component.d.ts +11 -9
- package/lib/modules/suis-navigation/components/suis-navigation-group/suis-navigation-group.component.d.ts +10 -7
- package/lib/modules/suis-navigation/components/suis-navigation-group-item/suis-navigation-group-item.component.d.ts +11 -9
- package/lib/modules/suis-navigation/components/suis-navigation-item/suis-navigation-item.component.d.ts +5 -5
- package/lib/modules/suis-select/classes/suis-select-button.base.d.ts +7 -8
- package/lib/modules/suis-select/classes/suis-select-multi.base.d.ts +4 -4
- package/lib/modules/suis-select/classes/suis-select-single.base.d.ts +2 -2
- package/lib/modules/suis-select/classes/suis-select.base.d.ts +12 -12
- package/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.d.ts +3 -3
- package/lib/modules/suis-select/components/suis-select-group-option/suis-select-group-option.component.d.ts +4 -4
- package/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.d.ts +3 -3
- package/lib/modules/suis-select/components/suis-select-option/suis-select-option.component.d.ts +10 -10
- package/lib/shared/classes/suis-button.base.d.ts +7 -8
- package/lib/shared/classes/suis-checkbox.base.d.ts +2 -2
- package/lib/shared/classes/suis-input.base.d.ts +8 -8
- 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,23 +0,0 @@
|
|
1
|
-
import { Pipe } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class SuisTabTemplatePipe {
|
4
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
5
|
-
transform(tabs, currentTab) {
|
6
|
-
if (!tabs)
|
7
|
-
return null;
|
8
|
-
const tab = tabs.toArray().find((tab) => tab.name === currentTab);
|
9
|
-
if (!tab)
|
10
|
-
return null;
|
11
|
-
return tab.templateRef;
|
12
|
-
}
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTabTemplatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
14
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SuisTabTemplatePipe, isStandalone: true, name: "suisTabTemplate" }); }
|
15
|
-
}
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTabTemplatePipe, decorators: [{
|
17
|
-
type: Pipe,
|
18
|
-
args: [{
|
19
|
-
standalone: true,
|
20
|
-
name: 'suisTabTemplate',
|
21
|
-
}]
|
22
|
-
}] });
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10YWItdGVtcGxhdGUucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy10YWJzL3N1aXMtdGFiLXRlbXBsYXRlLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBeUMsTUFBTSxlQUFlLENBQUM7O0FBTzVFLE1BQU0sT0FBTyxtQkFBbUI7SUFDOUIsOERBQThEO0lBQzlELFNBQVMsQ0FDUCxJQUE2QyxFQUM3QyxVQUFrQjtRQUVsQixJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU8sSUFBSSxDQUFDO1FBRXZCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEtBQUssVUFBVSxDQUFDLENBQUM7UUFDbEUsSUFBSSxDQUFDLEdBQUc7WUFBRSxPQUFPLElBQUksQ0FBQztRQUV0QixPQUFPLEdBQUcsQ0FBQyxXQUFXLENBQUM7SUFDekIsQ0FBQzsrR0FaVSxtQkFBbUI7NkdBQW5CLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFKL0IsSUFBSTttQkFBQztvQkFDSixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFLGlCQUFpQjtpQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtLCBRdWVyeUxpc3QsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzVGFiRGlyZWN0aXZlIH0gZnJvbSAnLi9zdWlzLXRhYi5kaXJlY3RpdmUnO1xuXG5AUGlwZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIG5hbWU6ICdzdWlzVGFiVGVtcGxhdGUnLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzVGFiVGVtcGxhdGVQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIHRyYW5zZm9ybShcbiAgICB0YWJzOiBRdWVyeUxpc3Q8U3Vpc1RhYkRpcmVjdGl2ZT4gfCB1bmRlZmluZWQsXG4gICAgY3VycmVudFRhYjogc3RyaW5nXG4gICk6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsIHtcbiAgICBpZiAoIXRhYnMpIHJldHVybiBudWxsO1xuXG4gICAgY29uc3QgdGFiID0gdGFicy50b0FycmF5KCkuZmluZCgodGFiKSA9PiB0YWIubmFtZSA9PT0gY3VycmVudFRhYik7XG4gICAgaWYgKCF0YWIpIHJldHVybiBudWxsO1xuXG4gICAgcmV0dXJuIHRhYi50ZW1wbGF0ZVJlZjtcbiAgfVxufVxuIl19
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { Directive, Input, TemplateRef, inject } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class SuisTabDirective {
|
4
|
-
constructor() {
|
5
|
-
/**
|
6
|
-
* Template of the tab.
|
7
|
-
*/
|
8
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
9
|
-
this.templateRef = inject((TemplateRef));
|
10
|
-
this.name = '';
|
11
|
-
}
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTabDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
13
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SuisTabDirective, isStandalone: true, selector: "[suisTab]", inputs: { name: ["suisTab", "name"] }, ngImport: i0 }); }
|
14
|
-
}
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTabDirective, decorators: [{
|
16
|
-
type: Directive,
|
17
|
-
args: [{
|
18
|
-
selector: '[suisTab]',
|
19
|
-
standalone: true,
|
20
|
-
}]
|
21
|
-
}], propDecorators: { name: [{
|
22
|
-
type: Input,
|
23
|
-
args: [{ required: true, alias: 'suisTab' }]
|
24
|
-
}] } });
|
25
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10YWIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXRhYnMvc3Vpcy10YWIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTXRFLE1BQU0sT0FBTyxnQkFBZ0I7SUFKN0I7UUFLRTs7V0FFRztRQUNILDhEQUE4RDtRQUM5QyxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxDQUFBLFdBQWdCLENBQUEsQ0FBQyxDQUFDO1FBRVYsU0FBSSxHQUFXLEVBQUUsQ0FBQztLQUNoRTsrR0FSWSxnQkFBZ0I7bUdBQWhCLGdCQUFnQjs7NEZBQWhCLGdCQUFnQjtrQkFKNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztvQkFDckIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQVE4QyxJQUFJO3NCQUFoRCxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCwgVGVtcGxhdGVSZWYsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3Vpc1RhYl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzVGFiRGlyZWN0aXZlIHtcbiAgLyoqXG4gICAqIFRlbXBsYXRlIG9mIHRoZSB0YWIuXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBwdWJsaWMgcmVhZG9ubHkgdGVtcGxhdGVSZWYgPSBpbmplY3QoVGVtcGxhdGVSZWY8YW55Pik7XG5cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUsIGFsaWFzOiAnc3Vpc1RhYicgfSkgbmFtZTogc3RyaW5nID0gJyc7XG59XG4iXX0=
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, QueryList, } from '@angular/core';
|
2
|
-
import { NgTemplateOutlet } from '@angular/common';
|
3
|
-
import { SuisTabDirective } from './suis-tab.directive';
|
4
|
-
import { SuisTabActionsPipe } from './suis-tab-actions.pipe';
|
5
|
-
import { SuisTabTemplatePipe } from './suis-tab-template.pipe';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export class SuisTabsComponent {
|
8
|
-
constructor() {
|
9
|
-
/**
|
10
|
-
* Name of the current displayed tab. Must correspond with the name passed into suisTab directive. By default set to empty string.
|
11
|
-
*/
|
12
|
-
this.currentTab = '';
|
13
|
-
/**
|
14
|
-
* Emits name of the clicked tab.
|
15
|
-
*/
|
16
|
-
this.tabClicked = new EventEmitter();
|
17
|
-
}
|
18
|
-
onTabActionClick(name) {
|
19
|
-
this.currentTab = name;
|
20
|
-
this.tabClicked.emit(name);
|
21
|
-
}
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisTabsComponent, isStandalone: true, selector: "suis-tabs", inputs: { currentTab: "currentTab" }, outputs: { tabClicked: "tabClicked" }, queries: [{ propertyName: "tabs", predicate: SuisTabDirective }], ngImport: i0, template: "<div class=\"suis-tabs\">\n <div class=\"suis-tabs__actions\">\n @for (name of tabs | suisTabActions; track name) {\n <button\n [class.active]=\"name === currentTab\"\n (click)=\"onTabActionClick(name)\"\n >\n {{ name }}\n </button>\n }\n </div>\n <div class=\"suis-tabs__content\">\n <ng-container\n *ngTemplateOutlet=\"tabs | suisTabTemplate : currentTab\"\n ></ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-tabs__actions{width:100%;display:flex}.suis-tabs__actions button{flex:1;border:0;background-color:#fff;border-bottom:.1875rem solid #f5f6fa;margin:0 .5rem;padding:1rem;transition:.5s border-bottom-color ease-in-out}.suis-tabs__actions button:first-child{margin-left:0}.suis-tabs__actions button:last-child{margin-right:0}.suis-tabs__actions button.active{font-weight:500;color:#192a56;border-bottom-color:#192a56}.suis-tabs__actions button:hover{border-bottom-color:#273c75;cursor:pointer}.suis-tabs__content{margin-top:1rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SuisTabActionsPipe, name: "suisTabActions" }, { kind: "pipe", type: SuisTabTemplatePipe, name: "suisTabTemplate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
24
|
-
}
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTabsComponent, decorators: [{
|
26
|
-
type: Component,
|
27
|
-
args: [{ selector: 'suis-tabs', standalone: true, imports: [NgTemplateOutlet, SuisTabActionsPipe, SuisTabTemplatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-tabs\">\n <div class=\"suis-tabs__actions\">\n @for (name of tabs | suisTabActions; track name) {\n <button\n [class.active]=\"name === currentTab\"\n (click)=\"onTabActionClick(name)\"\n >\n {{ name }}\n </button>\n }\n </div>\n <div class=\"suis-tabs__content\">\n <ng-container\n *ngTemplateOutlet=\"tabs | suisTabTemplate : currentTab\"\n ></ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-tabs__actions{width:100%;display:flex}.suis-tabs__actions button{flex:1;border:0;background-color:#fff;border-bottom:.1875rem solid #f5f6fa;margin:0 .5rem;padding:1rem;transition:.5s border-bottom-color ease-in-out}.suis-tabs__actions button:first-child{margin-left:0}.suis-tabs__actions button:last-child{margin-right:0}.suis-tabs__actions button.active{font-weight:500;color:#192a56;border-bottom-color:#192a56}.suis-tabs__actions button:hover{border-bottom-color:#273c75;cursor:pointer}.suis-tabs__content{margin-top:1rem}\n"] }]
|
28
|
-
}], propDecorators: { tabs: [{
|
29
|
-
type: ContentChildren,
|
30
|
-
args: [SuisTabDirective]
|
31
|
-
}], currentTab: [{
|
32
|
-
type: Input
|
33
|
-
}], tabClicked: [{
|
34
|
-
type: Output
|
35
|
-
}] } });
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy10YWJzL3N1aXMtdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdGFicy9zdWlzLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsZUFBZSxFQUNmLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFVL0QsTUFBTSxPQUFPLGlCQUFpQjtJQVI5QjtRQWFFOztXQUVHO1FBQ00sZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUVqQzs7V0FFRztRQUNPLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBTW5EO0lBSkMsZ0JBQWdCLENBQUMsSUFBWTtRQUMzQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDOytHQWxCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQix1S0FFWCxnQkFBZ0IsNkJDeEJuQywyYkFpQkEsa3RCREFZLGdCQUFnQiwrSUFBRSxrQkFBa0Isa0RBQUUsbUJBQW1COzs0RkFLeEQsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxtQkFBbUIsQ0FBQyxtQkFHbkQsdUJBQXVCLENBQUMsTUFBTTs4QkFLL0MsSUFBSTtzQkFESCxlQUFlO3VCQUFDLGdCQUFnQjtnQkFNeEIsVUFBVTtzQkFBbEIsS0FBSztnQkFLSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNUYWJEaXJlY3RpdmUgfSBmcm9tICcuL3N1aXMtdGFiLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTdWlzVGFiQWN0aW9uc1BpcGUgfSBmcm9tICcuL3N1aXMtdGFiLWFjdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzVGFiVGVtcGxhdGVQaXBlIH0gZnJvbSAnLi9zdWlzLXRhYi10ZW1wbGF0ZS5waXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy10YWJzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXQsIFN1aXNUYWJBY3Rpb25zUGlwZSwgU3Vpc1RhYlRlbXBsYXRlUGlwZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNUYWJzQ29tcG9uZW50IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAQ29udGVudENoaWxkcmVuKFN1aXNUYWJEaXJlY3RpdmUpXG4gIHRhYnM/OiBRdWVyeUxpc3Q8U3Vpc1RhYkRpcmVjdGl2ZT47XG5cbiAgLyoqXG4gICAqIE5hbWUgb2YgdGhlIGN1cnJlbnQgZGlzcGxheWVkIHRhYi4gTXVzdCBjb3JyZXNwb25kIHdpdGggdGhlIG5hbWUgcGFzc2VkIGludG8gc3Vpc1RhYiBkaXJlY3RpdmUuIEJ5IGRlZmF1bHQgc2V0IHRvIGVtcHR5IHN0cmluZy5cbiAgICovXG4gIEBJbnB1dCgpIGN1cnJlbnRUYWI6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBuYW1lIG9mIHRoZSBjbGlja2VkIHRhYi5cbiAgICovXG4gIEBPdXRwdXQoKSB0YWJDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgb25UYWJBY3Rpb25DbGljayhuYW1lOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmN1cnJlbnRUYWIgPSBuYW1lO1xuICAgIHRoaXMudGFiQ2xpY2tlZC5lbWl0KG5hbWUpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy10YWJzXCI+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLXRhYnNfX2FjdGlvbnNcIj5cbiAgICBAZm9yIChuYW1lIG9mIHRhYnMgfCBzdWlzVGFiQWN0aW9uczsgdHJhY2sgbmFtZSkge1xuICAgIDxidXR0b25cbiAgICAgIFtjbGFzcy5hY3RpdmVdPVwibmFtZSA9PT0gY3VycmVudFRhYlwiXG4gICAgICAoY2xpY2spPVwib25UYWJBY3Rpb25DbGljayhuYW1lKVwiXG4gICAgPlxuICAgICAge3sgbmFtZSB9fVxuICAgIDwvYnV0dG9uPlxuICAgIH1cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLXRhYnNfX2NvbnRlbnRcIj5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInRhYnMgfCBzdWlzVGFiVGVtcGxhdGUgOiBjdXJyZW50VGFiXCJcbiAgICA+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import { NgModule } from '@angular/core';
|
2
|
-
import { SuisTabsComponent } from './suis-tabs.component';
|
3
|
-
import { SuisTabDirective } from './suis-tab.directive';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class SuisTabsModule {
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SuisTabsModule, imports: [SuisTabsComponent, SuisTabDirective], exports: [SuisTabsComponent, SuisTabDirective] }); }
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTabsModule }); }
|
9
|
-
}
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTabsModule, decorators: [{
|
11
|
-
type: NgModule,
|
12
|
-
args: [{
|
13
|
-
imports: [SuisTabsComponent, SuisTabDirective],
|
14
|
-
exports: [SuisTabsComponent, SuisTabDirective],
|
15
|
-
}]
|
16
|
-
}] });
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10YWJzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy10YWJzL3N1aXMtdGFicy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFNeEQsTUFBTSxPQUFPLGNBQWM7K0dBQWQsY0FBYztnSEFBZCxjQUFjLFlBSGYsaUJBQWlCLEVBQUUsZ0JBQWdCLGFBQ25DLGlCQUFpQixFQUFFLGdCQUFnQjtnSEFFbEMsY0FBYzs7NEZBQWQsY0FBYztrQkFKMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDOUMsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsZ0JBQWdCLENBQUM7aUJBQy9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNUYWJzQ29tcG9uZW50IH0gZnJvbSAnLi9zdWlzLXRhYnMuY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNUYWJEaXJlY3RpdmUgfSBmcm9tICcuL3N1aXMtdGFiLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtTdWlzVGFic0NvbXBvbmVudCwgU3Vpc1RhYkRpcmVjdGl2ZV0sXG4gIGV4cG9ydHM6IFtTdWlzVGFic0NvbXBvbmVudCwgU3Vpc1RhYkRpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNUYWJzTW9kdWxlIHt9XG4iXX0=
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-text-area.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdGV4dC1hcmVhL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtdGV4dC1hcmVhLmNvbXBvbmVudCc7XG4iXX0=
|
@@ -1,49 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, forwardRef, } from '@angular/core';
|
2
|
-
import { SuisInputBase } from '../../shared/classes/suis-input.base';
|
3
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class SuisTextAreaComponent extends SuisInputBase {
|
6
|
-
constructor() {
|
7
|
-
super(...arguments);
|
8
|
-
/**
|
9
|
-
* Placeholder text displayed in input. By default set to empty string.
|
10
|
-
*/
|
11
|
-
this.placeholder = '';
|
12
|
-
/** @internal */
|
13
|
-
this.value = '';
|
14
|
-
}
|
15
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
16
|
-
writeValue(obj) {
|
17
|
-
this.value = obj;
|
18
|
-
this._onChange(this.value);
|
19
|
-
this.cdRef.markForCheck();
|
20
|
-
}
|
21
|
-
onChange(event) {
|
22
|
-
const target = event.target;
|
23
|
-
this.value = target.value;
|
24
|
-
this._onChange(this.value);
|
25
|
-
this.changed.emit(this.value);
|
26
|
-
this.cdRef.markForCheck();
|
27
|
-
}
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisTextAreaComponent, isStandalone: true, selector: "suis-text-area", inputs: { placeholder: "placeholder" }, providers: [
|
30
|
-
{
|
31
|
-
provide: NG_VALUE_ACCESSOR,
|
32
|
-
multi: true,
|
33
|
-
useExisting: forwardRef(() => SuisTextAreaComponent),
|
34
|
-
},
|
35
|
-
], usesInheritance: true, ngImport: i0, template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [class.suis-text-area--readonly]=\"readonly\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-height:6.25rem}.suis-text-area:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{border:.0625rem solid #ff4757}.suis-text-area--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-text-area--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-text-area--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
36
|
-
}
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTextAreaComponent, decorators: [{
|
38
|
-
type: Component,
|
39
|
-
args: [{ selector: 'suis-text-area', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
40
|
-
{
|
41
|
-
provide: NG_VALUE_ACCESSOR,
|
42
|
-
multi: true,
|
43
|
-
useExisting: forwardRef(() => SuisTextAreaComponent),
|
44
|
-
},
|
45
|
-
], template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [class.suis-text-area--readonly]=\"readonly\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-height:6.25rem}.suis-text-area:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{border:.0625rem solid #ff4757}.suis-text-area--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-text-area--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-text-area--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}\n"] }]
|
46
|
-
}], propDecorators: { placeholder: [{
|
47
|
-
type: Input
|
48
|
-
}] } });
|
49
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10ZXh0LWFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXRleHQtYXJlYS9zdWlzLXRleHQtYXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdGV4dC1hcmVhL3N1aXMtdGV4dC1hcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQWlCbkQsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGFBQWE7SUFmeEQ7O1FBZ0JFOztXQUVHO1FBQ00sZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFbEMsZ0JBQWdCO1FBQ2hCLFVBQUssR0FBVyxFQUFFLENBQUM7S0FnQnBCO0lBZEMsOERBQThEO0lBQ3JELFVBQVUsQ0FBQyxHQUFXO1FBQzdCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFZO1FBQ25CLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUE2QixDQUFDO1FBQ25ELElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQXRCVSxxQkFBcUI7bUdBQXJCLHFCQUFxQixxR0FSckI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixDQUFDO2FBQ3JEO1NBQ0YsaURDdEJILDZVQVlBOzs0RkRZYSxxQkFBcUI7a0JBZmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQLEVBQUUsbUJBR00sdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxzQkFBc0IsQ0FBQzt5QkFDckQ7cUJBQ0Y7OEJBTVEsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWlucHV0LmJhc2UnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtdGV4dC1hcmVhJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXRleHQtYXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtdGV4dC1hcmVhLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1RleHRBcmVhQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzVGV4dEFyZWFDb21wb25lbnQgZXh0ZW5kcyBTdWlzSW5wdXRCYXNlIHtcbiAgLyoqXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZGlzcGxheWVkIGluIGlucHV0LiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBzdHJpbmcuXG4gICAqL1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICB2YWx1ZTogc3RyaW5nID0gJyc7XG5cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSBvYmo7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MVGV4dEFyZWFFbGVtZW50O1xuICAgIHRoaXMudmFsdWUgPSB0YXJnZXQudmFsdWU7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPHRleHRhcmVhXG4gIGNsYXNzPVwic3Vpcy10ZXh0LWFyZWFcIlxuICBbY2xhc3Muc3Vpcy10ZXh0LWFyZWEtLWludmFsaWRdPVwiaW52YWxpZFwiXG4gIFtjbGFzcy5zdWlzLXRleHQtYXJlYS0tcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICBbYXR0ci5pZF09XCJpZFwiXG4gIFthdHRyLm5hbWVdPVwibmFtZVwiXG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFtkaXNhYmxlZF09XCJyZWFkb25seVwiXG4gIChpbnB1dCk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcbiAgKGZvY3VzKT1cIm9uVG91Y2goKVwiXG4+PC90ZXh0YXJlYT5cbiJdfQ==
|
@@ -1,3 +0,0 @@
|
|
1
|
-
export * from './suis-title.component';
|
2
|
-
export * from './suis-title.enum';
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdGl0bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRpdGxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtdGl0bGUuZW51bSc7XG4iXX0=
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
-
import { SuisTitle } from './suis-title.enum';
|
3
|
-
import { NgTemplateOutlet } from '@angular/common';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class SuisTitleComponent {
|
6
|
-
constructor() {
|
7
|
-
/** @internal */
|
8
|
-
this.SuisTitle = SuisTitle;
|
9
|
-
/**
|
10
|
-
* Sets level of the header tag. Type of SuisTitle. By default set to H1.
|
11
|
-
*/
|
12
|
-
this.level = SuisTitle.H1;
|
13
|
-
}
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisTitleComponent, isStandalone: true, selector: "suis-title", inputs: { level: "level" }, ngImport: i0, template: "@switch (level) { @case (SuisTitle.H1) {\n<h1 class=\"suis-title--h1\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</h1>\n} @case (SuisTitle.H2) {\n<h2 class=\"suis-title--h2\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</h2>\n} @case (SuisTitle.H3) {\n<h3 class=\"suis-title--h3\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</h3>\n} }\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-title--h1{color:#192a56;font-weight:600;font-size:1.25rem}.suis-title--h2{color:#273c75;font-weight:500;font-size:1.125rem}.suis-title--h3{color:#bcbcbc;font-weight:400;font-size:1rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
16
|
-
}
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisTitleComponent, decorators: [{
|
18
|
-
type: Component,
|
19
|
-
args: [{ selector: 'suis-title', standalone: true, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (level) { @case (SuisTitle.H1) {\n<h1 class=\"suis-title--h1\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</h1>\n} @case (SuisTitle.H2) {\n<h2 class=\"suis-title--h2\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</h2>\n} @case (SuisTitle.H3) {\n<h3 class=\"suis-title--h3\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</h3>\n} }\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-title--h1{color:#192a56;font-weight:600;font-size:1.25rem}.suis-title--h2{color:#273c75;font-weight:500;font-size:1.125rem}.suis-title--h3{color:#bcbcbc;font-weight:400;font-size:1rem}\n"] }]
|
20
|
-
}], propDecorators: { level: [{
|
21
|
-
type: Input
|
22
|
-
}] } });
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdGl0bGUvc3Vpcy10aXRsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdGl0bGUvc3Vpcy10aXRsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDOUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBVW5ELE1BQU0sT0FBTyxrQkFBa0I7SUFSL0I7UUFTRSxnQkFBZ0I7UUFDUCxjQUFTLEdBQUcsU0FBUyxDQUFDO1FBRS9COztXQUVHO1FBQ00sVUFBSyxHQUFjLFNBQVMsQ0FBQyxFQUFFLENBQUM7S0FDMUM7K0dBUlksa0JBQWtCO21HQUFsQixrQkFBa0Isa0dDWi9CLDJkQWlCQSw2WERWWSxnQkFBZ0I7OzRGQUtmLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLENBQUMsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFTdEMsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNUaXRsZSB9IGZyb20gJy4vc3Vpcy10aXRsZS5lbnVtJztcbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXRpdGxlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy10aXRsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtdGl0bGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNUaXRsZUNvbXBvbmVudCB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgcmVhZG9ubHkgU3Vpc1RpdGxlID0gU3Vpc1RpdGxlO1xuXG4gIC8qKlxuICAgKiBTZXRzIGxldmVsIG9mIHRoZSBoZWFkZXIgdGFnLiBUeXBlIG9mIFN1aXNUaXRsZS4gQnkgZGVmYXVsdCBzZXQgdG8gSDEuXG4gICAqL1xuICBASW5wdXQoKSBsZXZlbDogU3Vpc1RpdGxlID0gU3Vpc1RpdGxlLkgxO1xufVxuIiwiQHN3aXRjaCAobGV2ZWwpIHsgQGNhc2UgKFN1aXNUaXRsZS5IMSkge1xuPGgxIGNsYXNzPVwic3Vpcy10aXRsZS0taDFcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvaDE+XG59IEBjYXNlIChTdWlzVGl0bGUuSDIpIHtcbjxoMiBjbGFzcz1cInN1aXMtdGl0bGUtLWgyXCI+XG4gIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG48L2gyPlxufSBAY2FzZSAoU3Vpc1RpdGxlLkgzKSB7XG48aDMgY2xhc3M9XCJzdWlzLXRpdGxlLS1oM1wiPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuPC9oMz5cbn0gfVxuXG48bmctdGVtcGxhdGUgI2NvbnRlbnQ+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
@@ -1,7 +0,0 @@
|
|
1
|
-
export var SuisTitle;
|
2
|
-
(function (SuisTitle) {
|
3
|
-
SuisTitle[SuisTitle["H1"] = 1] = "H1";
|
4
|
-
SuisTitle[SuisTitle["H2"] = 2] = "H2";
|
5
|
-
SuisTitle[SuisTitle["H3"] = 3] = "H3";
|
6
|
-
})(SuisTitle || (SuisTitle = {}));
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10aXRsZS5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXRpdGxlL3N1aXMtdGl0bGUuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxTQUlYO0FBSkQsV0FBWSxTQUFTO0lBQ25CLHFDQUFNLENBQUE7SUFDTixxQ0FBTSxDQUFBO0lBQ04scUNBQU0sQ0FBQTtBQUNSLENBQUMsRUFKVyxTQUFTLEtBQVQsU0FBUyxRQUlwQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFN1aXNUaXRsZSB7XG4gIEgxID0gMSxcbiAgSDIgPSAyLFxuICBIMyA9IDMsXG59XG4iXX0=
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-toggle.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdG9nZ2xlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtdG9nZ2xlLmNvbXBvbmVudCc7XG4iXX0=
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
|
2
|
-
import { SuisCheckboxBase } from '../../shared/classes/suis-checkbox.base';
|
3
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
4
|
-
import { SuisLabelComponent } from '../suis-label';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
export class SuisToggleComponent extends SuisCheckboxBase {
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisToggleComponent, isStandalone: true, selector: "suis-toggle", providers: [
|
9
|
-
{
|
10
|
-
provide: NG_VALUE_ACCESSOR,
|
11
|
-
multi: true,
|
12
|
-
useExisting: forwardRef(() => SuisToggleComponent),
|
13
|
-
},
|
14
|
-
], usesInheritance: true, ngImport: i0, template: "<input\n type=\"checkbox\"\n class=\"suis-toggle\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n/>\n\n<suis-label\n class=\"suis-toggle__label\"\n [class.suis-toggle__label--invalid]=\"invalid\"\n [class.suis-toggle__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-toggle__container\"\n [class.suis-toggle__container--invalid]=\"invalid\"\n [class.suis-toggle__container--readonly]=\"readonly\"\n >\n <div\n class=\"suis-toggle__container__thumb\"\n [class.suis-toggle__container__thumb--active]=\"value\"\n [class.suis-toggle__container__thumb--invalid]=\"invalid\"\n [class.suis-toggle__container__thumb--readonly]=\"readonly\"\n ></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-toggle{display:none}.suis-toggle:checked~suis-label ::ng-deep .suis-toggle__container{border:.0625rem solid #192a56}.suis-toggle__label--invalid{color:#ff4757}.suis-toggle__label--readonly{cursor:not-allowed}.suis-toggle__container{width:2.25rem;height:1.25rem;border:.0625rem solid #dcdde1;border-radius:1rem;display:flex;align-items:center;margin-right:.5rem;background-color:#fff}.suis-toggle__container:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-toggle__container--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-toggle__container--readonly:focus{box-shadow:none}.suis-toggle__container--invalid{border:.0625rem solid #ff4757}.suis-toggle__container--invalid:focus{box-shadow:0 2px 5px #ff4757bf}.suis-toggle__container__thumb{border-radius:100%;height:.75rem;width:.75rem;background-color:#dcdde1;transform:translate(.25rem);transition:.25s ease-in-out}.suis-toggle__container__thumb--invalid{background-color:#ff4757d9}.suis-toggle__container__thumb--active{background-color:#192a56;transform:translate(1.125rem)}.suis-toggle__container__thumb--readonly{background-color:#dcdde1}\n"], dependencies: [{ kind: "component", type: SuisLabelComponent, selector: "suis-label", inputs: ["for", "required", "pointer", "readonly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
15
|
-
}
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisToggleComponent, decorators: [{
|
17
|
-
type: Component,
|
18
|
-
args: [{ selector: 'suis-toggle', standalone: true, imports: [SuisLabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
19
|
-
{
|
20
|
-
provide: NG_VALUE_ACCESSOR,
|
21
|
-
multi: true,
|
22
|
-
useExisting: forwardRef(() => SuisToggleComponent),
|
23
|
-
},
|
24
|
-
], template: "<input\n type=\"checkbox\"\n class=\"suis-toggle\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n/>\n\n<suis-label\n class=\"suis-toggle__label\"\n [class.suis-toggle__label--invalid]=\"invalid\"\n [class.suis-toggle__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-toggle__container\"\n [class.suis-toggle__container--invalid]=\"invalid\"\n [class.suis-toggle__container--readonly]=\"readonly\"\n >\n <div\n class=\"suis-toggle__container__thumb\"\n [class.suis-toggle__container__thumb--active]=\"value\"\n [class.suis-toggle__container__thumb--invalid]=\"invalid\"\n [class.suis-toggle__container__thumb--readonly]=\"readonly\"\n ></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-toggle{display:none}.suis-toggle:checked~suis-label ::ng-deep .suis-toggle__container{border:.0625rem solid #192a56}.suis-toggle__label--invalid{color:#ff4757}.suis-toggle__label--readonly{cursor:not-allowed}.suis-toggle__container{width:2.25rem;height:1.25rem;border:.0625rem solid #dcdde1;border-radius:1rem;display:flex;align-items:center;margin-right:.5rem;background-color:#fff}.suis-toggle__container:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-toggle__container--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-toggle__container--readonly:focus{box-shadow:none}.suis-toggle__container--invalid{border:.0625rem solid #ff4757}.suis-toggle__container--invalid:focus{box-shadow:0 2px 5px #ff4757bf}.suis-toggle__container__thumb{border-radius:100%;height:.75rem;width:.75rem;background-color:#dcdde1;transform:translate(.25rem);transition:.25s ease-in-out}.suis-toggle__container__thumb--invalid{background-color:#ff4757d9}.suis-toggle__container__thumb--active{background-color:#192a56;transform:translate(1.125rem)}.suis-toggle__container__thumb--readonly{background-color:#dcdde1}\n"] }]
|
25
|
-
}] });
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXRvZ2dsZS9zdWlzLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdG9nZ2xlL3N1aXMtdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFpQm5ELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxnQkFBZ0I7K0dBQTVDLG1CQUFtQjttR0FBbkIsbUJBQW1CLDBEQVJuQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDbkQ7U0FDRixpRENsQkgsNDdCQWtDQSw4eENEMUJZLGtCQUFrQjs7NEZBWWpCLG1CQUFtQjtrQkFmL0IsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQLENBQUMsa0JBQWtCLENBQUMsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzt5QkFDbkQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzQ2hlY2tib3hCYXNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1jaGVja2JveC5iYXNlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc0xhYmVsQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1sYWJlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtdG9nZ2xlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1N1aXNMYWJlbENvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtdG9nZ2xlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1RvZ2dsZUNvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1RvZ2dsZUNvbXBvbmVudCBleHRlbmRzIFN1aXNDaGVja2JveEJhc2Uge31cbiIsIjxpbnB1dFxuICB0eXBlPVwiY2hlY2tib3hcIlxuICBjbGFzcz1cInN1aXMtdG9nZ2xlXCJcbiAgW2F0dHIuaWRdPVwiaWRcIlxuICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICBbdmFsdWVdPVwidmFsdWVcIlxuICBbZGlzYWJsZWRdPVwicmVhZG9ubHlcIlxuLz5cblxuPHN1aXMtbGFiZWxcbiAgY2xhc3M9XCJzdWlzLXRvZ2dsZV9fbGFiZWxcIlxuICBbY2xhc3Muc3Vpcy10b2dnbGVfX2xhYmVsLS1pbnZhbGlkXT1cImludmFsaWRcIlxuICBbY2xhc3Muc3Vpcy10b2dnbGVfX2xhYmVsLS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gIFtmb3JdPVwiaWRcIlxuICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICBbcG9pbnRlcl09XCJ0cnVlXCJcbiAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgKGNsaWNrKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuPlxuICA8ZGl2XG4gICAgW3RhYmluZGV4XT1cInJlYWRvbmx5ID8gLTEgOiAwXCJcbiAgICBjbGFzcz1cInN1aXMtdG9nZ2xlX19jb250YWluZXJcIlxuICAgIFtjbGFzcy5zdWlzLXRvZ2dsZV9fY29udGFpbmVyLS1pbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtjbGFzcy5zdWlzLXRvZ2dsZV9fY29udGFpbmVyLS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gID5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInN1aXMtdG9nZ2xlX19jb250YWluZXJfX3RodW1iXCJcbiAgICAgIFtjbGFzcy5zdWlzLXRvZ2dsZV9fY29udGFpbmVyX190aHVtYi0tYWN0aXZlXT1cInZhbHVlXCJcbiAgICAgIFtjbGFzcy5zdWlzLXRvZ2dsZV9fY29udGFpbmVyX190aHVtYi0taW52YWxpZF09XCJpbnZhbGlkXCJcbiAgICAgIFtjbGFzcy5zdWlzLXRvZ2dsZV9fY29udGFpbmVyX190aHVtYi0tcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgID48L2Rpdj5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Vpcy1sYWJlbD5cbiJdfQ==
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-toolbar.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdG9vbGJhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLXRvb2xiYXIuY29tcG9uZW50JztcbiJdfQ==
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class SuisToolbarComponent {
|
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: SuisToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SuisToolbarComponent, isStandalone: true, selector: "suis-toolbar", inputs: { spacing: "spacing" }, ngImport: i0, template: "<div class=\"suis-toolbar\" [class.suis-toolbar--spacing]=\"spacing\">\n <div>\n <ng-content select=\"[suisToolbarLeft]\"></ng-content>\n </div>\n <div>\n <ng-content select=\"[suisToolbarCenter]\"></ng-content>\n </div>\n <div>\n <ng-content select=\"[suisToolbarRight]\"></ng-content>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:.0625rem solid #dcdde1}.suis-toolbar--spacing{padding:.75rem 1rem}@media (min-width: 768px){.suis-toolbar--spacing{padding:1rem 1.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
12
|
-
}
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisToolbarComponent, decorators: [{
|
14
|
-
type: Component,
|
15
|
-
args: [{ selector: 'suis-toolbar', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-toolbar\" [class.suis-toolbar--spacing]=\"spacing\">\n <div>\n <ng-content select=\"[suisToolbarLeft]\"></ng-content>\n </div>\n <div>\n <ng-content select=\"[suisToolbarCenter]\"></ng-content>\n </div>\n <div>\n <ng-content select=\"[suisToolbarRight]\"></ng-content>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:.0625rem solid #dcdde1}.suis-toolbar--spacing{padding:.75rem 1rem}@media (min-width: 768px){.suis-toolbar--spacing{padding:1rem 1.25rem}}\n"] }]
|
16
|
-
}], propDecorators: { spacing: [{
|
17
|
-
type: Input
|
18
|
-
}] } });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10b29sYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy10b29sYmFyL3N1aXMtdG9vbGJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdG9vbGJhci9zdWlzLXRvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVTFFLE1BQU0sT0FBTyxvQkFBb0I7SUFSakM7UUFTRTs7V0FFRztRQUNNLFlBQU8sR0FBWSxLQUFLLENBQUM7S0FDbkM7K0dBTFksb0JBQW9CO21HQUFwQixvQkFBb0Isd0dDVmpDLGtVQVdBOzs0RkREYSxvQkFBb0I7a0JBUmhDLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxFQUFFLG1CQUdNLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtdG9vbGJhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy10b29sYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy10b29sYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzVG9vbGJhckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBBZGRzIGEgcGFkZGluZyBhcm91bmQgdGhlIGNvbnRlbnQuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxuICAgKi9cbiAgQElucHV0KCkgc3BhY2luZzogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtdG9vbGJhclwiIFtjbGFzcy5zdWlzLXRvb2xiYXItLXNwYWNpbmddPVwic3BhY2luZ1wiPlxuICA8ZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzdWlzVG9vbGJhckxlZnRdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3Vpc1Rvb2xiYXJDZW50ZXJdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3Vpc1Rvb2xiYXJSaWdodF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -1,4 +0,0 @@
|
|
1
|
-
export * from './suis-button';
|
2
|
-
export * from './suis-navigation';
|
3
|
-
export * from './suis-select';
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zZWxlY3QnO1xuIl19
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-button.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtYnV0dG9uL2NvbXBvbmVudHMvc3Vpcy1idXR0b24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1idXR0b24uY29tcG9uZW50JztcbiJdfQ==
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
2
|
-
import { NgClass } from '@angular/common';
|
3
|
-
import { SuisNgClassPipe } from '../../../../pipes';
|
4
|
-
import { SuisSpinnerComponent } from '../../../../components/suis-spinner';
|
5
|
-
import { SuisButtonBase } from '../../../../shared/classes/suis-button.base';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export class SuisButtonComponent extends SuisButtonBase {
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisButtonComponent, isStandalone: true, selector: "suis-button", usesInheritance: true, ngImport: i0, template: "<button\n class=\"suis-button\"\n [class.suis-button--full-width]=\"fullWidth\"\n [ngClass]=\"'suis-button' | suisNgClass : color\"\n [attr.disabled]=\"disabled || loading ? true : undefined\"\n [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n [attr.type]=\"type\"\n (click)=\"onClick()\"\n>\n <span\n class=\"suis-button__content\"\n [class.suis-button__content--loading]=\"loading\"\n >\n <ng-content></ng-content>\n </span>\n @if (loading) {\n <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n }\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button{width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button--full-width{width:100%}.suis-button--disabled{opacity:.5}.suis-button__content{display:flex;align-items:center;justify-content:center}.suis-button__content--loading{visibility:hidden}.suis-button suis-spinner{position:absolute}.suis-button:disabled{opacity:.5}.suis-button:hover:not(:disabled){cursor:pointer}.suis-button:hover:disabled{cursor:not-allowed}.suis-button:focus,.suis-button:focus-within{outline:none}.suis-button--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
10
|
-
}
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonComponent, decorators: [{
|
12
|
-
type: Component,
|
13
|
-
args: [{ selector: 'suis-button', standalone: true, imports: [NgClass, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"suis-button\"\n [class.suis-button--full-width]=\"fullWidth\"\n [ngClass]=\"'suis-button' | suisNgClass : color\"\n [attr.disabled]=\"disabled || loading ? true : undefined\"\n [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n [attr.type]=\"type\"\n (click)=\"onClick()\"\n>\n <span\n class=\"suis-button__content\"\n [class.suis-button__content--loading]=\"loading\"\n >\n <ng-content></ng-content>\n </span>\n @if (loading) {\n <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n }\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button{width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button--full-width{width:100%}.suis-button--disabled{opacity:.5}.suis-button__content{display:flex;align-items:center;justify-content:center}.suis-button__content--loading{visibility:hidden}.suis-button suis-spinner{position:absolute}.suis-button:disabled{opacity:.5}.suis-button:hover:not(:disabled){cursor:pointer}.suis-button:hover:disabled{cursor:not-allowed}.suis-button:focus,.suis-button:focus-within{outline:none}.suis-button--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
14
|
-
}] });
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLWJ1dHRvbi9jb21wb25lbnRzL3N1aXMtYnV0dG9uL3N1aXMtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1idXR0b24vY29tcG9uZW50cy9zdWlzLWJ1dHRvbi9zdWlzLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDcEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQVU3RSxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsY0FBYzsrR0FBMUMsbUJBQW1CO21HQUFuQixtQkFBbUIsOEZDZGhDLG1pQkFtQkEsKzZFRFZZLE9BQU8sK0VBQUUsZUFBZSxvREFBRSxvQkFBb0I7OzRGQUs3QyxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsb0JBQW9CLENBQUMsbUJBR3hDLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOZ0NsYXNzUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzJztcbmltcG9ydCB7IFN1aXNTcGlubmVyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdWlzLXNwaW5uZXInO1xuaW1wb3J0IHsgU3Vpc0J1dHRvbkJhc2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zaGFyZWQvY2xhc3Nlcy9zdWlzLWJ1dHRvbi5iYXNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdDbGFzcywgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzU3Bpbm5lckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgU3Vpc0J1dHRvbkJhc2Uge31cbiIsIjxidXR0b25cbiAgY2xhc3M9XCJzdWlzLWJ1dHRvblwiXG4gIFtjbGFzcy5zdWlzLWJ1dHRvbi0tZnVsbC13aWR0aF09XCJmdWxsV2lkdGhcIlxuICBbbmdDbGFzc109XCInc3Vpcy1idXR0b24nIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiXG4gIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGVkIHx8IGxvYWRpbmcgPyB0cnVlIDogdW5kZWZpbmVkXCJcbiAgW2F0dHIudGFiaW5kZXhdPVwiZGlzYWJsZWQgfHwgbG9hZGluZyA/IC0xIDogMFwiXG4gIFthdHRyLnR5cGVdPVwidHlwZVwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuPlxuICA8c3BhblxuICAgIGNsYXNzPVwic3Vpcy1idXR0b25fX2NvbnRlbnRcIlxuICAgIFtjbGFzcy5zdWlzLWJ1dHRvbl9fY29udGVudC0tbG9hZGluZ109XCJsb2FkaW5nXCJcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9zcGFuPlxuICBAaWYgKGxvYWRpbmcpIHtcbiAgPHN1aXMtc3Bpbm5lciBzaXplPVwieHNcIiBjb2xvcj1cIndoaXRlXCI+PC9zdWlzLXNwaW5uZXI+XG4gIH1cbjwvYnV0dG9uPlxuIl19
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-button-link.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtYnV0dG9uL2NvbXBvbmVudHMvc3Vpcy1idXR0b24tbGluay9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJ1dHRvbi1saW5rLmNvbXBvbmVudCc7XG4iXX0=
|
package/esm2022/lib/modules/suis-button/components/suis-button-link/suis-button-link.component.mjs
DELETED
@@ -1,37 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
-
import { NgClass } from '@angular/common';
|
3
|
-
import { SuisButtonBase } from '../../../../shared/classes/suis-button.base';
|
4
|
-
import { SuisNgClassPipe } from '../../../../pipes/suis-ng-class.pipe';
|
5
|
-
import { SuisSpinnerComponent } from '../../../../components/suis-spinner/suis-spinner.component';
|
6
|
-
import { ActivatedRoute, RouterModule, } from '@angular/router';
|
7
|
-
import * as i0 from "@angular/core";
|
8
|
-
import * as i1 from "@angular/router";
|
9
|
-
export class SuisButtonLinkComponent extends SuisButtonBase {
|
10
|
-
onClick(event) {
|
11
|
-
if (this.disabled) {
|
12
|
-
event.preventDefault();
|
13
|
-
event.stopImmediatePropagation();
|
14
|
-
}
|
15
|
-
else {
|
16
|
-
this.clicked.emit();
|
17
|
-
}
|
18
|
-
}
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonLinkComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisButtonLinkComponent, isStandalone: true, selector: "suis-button-link", inputs: { routerLink: "routerLink", target: "target", queryParams: "queryParams", queryParamsHandling: "queryParamsHandling", relativeTo: "relativeTo" }, usesInheritance: true, ngImport: i0, template: "<a\n class=\"suis-button-link\"\n [class.suis-button-link--full-width]=\"fullWidth\"\n [class.suis-button-link--disabled]=\"disabled || loading ? true : undefined\"\n [routerLink]=\"routerLink\"\n [target]=\"target\"\n [queryParams]=\"queryParams\"\n [queryParamsHandling]=\"queryParamsHandling\"\n [relativeTo]=\"relativeTo\"\n [ngClass]=\"'suis-button-link' | suisNgClass : color\"\n [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n (click)=\"onClick($event)\"\n>\n <span\n class=\"suis-button-link__content\"\n [class.suis-button-link__content--loading]=\"loading\"\n >\n <ng-content></ng-content>\n </span>\n @if (loading) {\n <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n }\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-link{width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button-link--full-width{width:100%}.suis-button-link--disabled{opacity:.5}.suis-button-link__content{display:flex;align-items:center;justify-content:center}.suis-button-link__content--loading{visibility:hidden}.suis-button-link suis-spinner{position:absolute}.suis-button-link:disabled{opacity:.5}.suis-button-link:hover:not(:disabled){cursor:pointer}.suis-button-link:hover:disabled{cursor:not-allowed}.suis-button-link:focus,.suis-button-link:focus-within{outline:none}.suis-button-link--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button-link--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button-link--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-link--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button-link--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button-link--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-link--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button-link--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button-link--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-link--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button-link--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button-link--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-link--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button-link--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button-link--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-link--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button-link--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button-link--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-link--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button-link--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button-link--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
21
|
-
}
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonLinkComponent, decorators: [{
|
23
|
-
type: Component,
|
24
|
-
args: [{ selector: 'suis-button-link', standalone: true, imports: [NgClass, RouterModule, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n class=\"suis-button-link\"\n [class.suis-button-link--full-width]=\"fullWidth\"\n [class.suis-button-link--disabled]=\"disabled || loading ? true : undefined\"\n [routerLink]=\"routerLink\"\n [target]=\"target\"\n [queryParams]=\"queryParams\"\n [queryParamsHandling]=\"queryParamsHandling\"\n [relativeTo]=\"relativeTo\"\n [ngClass]=\"'suis-button-link' | suisNgClass : color\"\n [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n (click)=\"onClick($event)\"\n>\n <span\n class=\"suis-button-link__content\"\n [class.suis-button-link__content--loading]=\"loading\"\n >\n <ng-content></ng-content>\n </span>\n @if (loading) {\n <suis-spinner size=\"xs\" color=\"white\"></suis-spinner>\n }\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-link{width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;border-width:.125rem;border-style:solid;font-size:.875rem}.suis-button-link--full-width{width:100%}.suis-button-link--disabled{opacity:.5}.suis-button-link__content{display:flex;align-items:center;justify-content:center}.suis-button-link__content--loading{visibility:hidden}.suis-button-link suis-spinner{position:absolute}.suis-button-link:disabled{opacity:.5}.suis-button-link:hover:not(:disabled){cursor:pointer}.suis-button-link:hover:disabled{cursor:not-allowed}.suis-button-link:focus,.suis-button-link:focus-within{outline:none}.suis-button-link--primary{background-color:#192a56;border-color:#192a56;color:#fff}.suis-button-link--primary:hover:not(:disabled){background-color:#192a56d9}.suis-button-link--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-link--secondary{background-color:#273c75;border-color:#273c75;color:#fff}.suis-button-link--secondary:hover:not(:disabled){background-color:#273c75d9}.suis-button-link--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-link--tertiary{background-color:#dcdde1;border-color:#dcdde1;color:#2f3640}.suis-button-link--tertiary:hover:not(:disabled){background-color:#dcdde1d9}.suis-button-link--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-link--complementary{background-color:#f5f6fa;border-color:#f5f6fa;color:#2f3640}.suis-button-link--complementary:hover:not(:disabled){background-color:#f5f6fad9}.suis-button-link--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-link--success{background-color:#2ed573;border-color:#2ed573;color:#fff}.suis-button-link--success:hover:not(:disabled){background-color:#2ed573d9}.suis-button-link--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-link--warning{background-color:#ffa502;border-color:#ffa502;color:#fff}.suis-button-link--warning:hover:not(:disabled){background-color:#ffa502d9}.suis-button-link--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-link--danger{background-color:#ff4757;border-color:#ff4757;color:#fff}.suis-button-link--danger:hover:not(:disabled){background-color:#ff4757d9}.suis-button-link--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
25
|
-
}], propDecorators: { routerLink: [{
|
26
|
-
type: Input,
|
27
|
-
args: [{ required: true }]
|
28
|
-
}], target: [{
|
29
|
-
type: Input
|
30
|
-
}], queryParams: [{
|
31
|
-
type: Input
|
32
|
-
}], queryParamsHandling: [{
|
33
|
-
type: Input
|
34
|
-
}], relativeTo: [{
|
35
|
-
type: Input
|
36
|
-
}] } });
|
37
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24tbGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtYnV0dG9uL2NvbXBvbmVudHMvc3Vpcy1idXR0b24tbGluay9zdWlzLWJ1dHRvbi1saW5rLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1idXR0b24vY29tcG9uZW50cy9zdWlzLWJ1dHRvbi1saW5rL3N1aXMtYnV0dG9uLWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDbEcsT0FBTyxFQUNMLGNBQWMsRUFHZCxZQUFZLEdBQ2IsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVXpCLE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxjQUFjO0lBMkJoRCxPQUFPLENBQUMsS0FBWTtRQUMzQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDdkIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDbkMsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDOytHQWxDVSx1QkFBdUI7bUdBQXZCLHVCQUF1Qiw2UENwQnBDLDB0QkF1QkEsK2tGRFJZLE9BQU8sbUZBQUUsWUFBWSwyUUFBRSxlQUFlLG9EQUFFLG9CQUFvQjs7NEZBSzNELHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsb0JBQW9CLENBQUMsbUJBR3RELHVCQUF1QixDQUFDLE1BQU07OEJBT3BCLFVBQVU7c0JBQXBDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUtoQixNQUFNO3NCQUFkLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNCdXR0b25CYXNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1idXR0b24uYmFzZSc7XG5pbXBvcnQgeyBTdWlzTmdDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9zdWlzLW5nLWNsYXNzLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N1aXMtc3Bpbm5lci9zdWlzLXNwaW5uZXIuY29tcG9uZW50JztcbmltcG9ydCB7XG4gIEFjdGl2YXRlZFJvdXRlLFxuICBQYXJhbXMsXG4gIFF1ZXJ5UGFyYW1zSGFuZGxpbmcsXG4gIFJvdXRlck1vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1idXR0b24tbGluaycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBSb3V0ZXJNb2R1bGUsIFN1aXNOZ0NsYXNzUGlwZSwgU3Vpc1NwaW5uZXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1idXR0b24tbGluay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtYnV0dG9uLWxpbmsuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNCdXR0b25MaW5rQ29tcG9uZW50IGV4dGVuZHMgU3Vpc0J1dHRvbkJhc2Uge1xuICAvKipcbiAgICogU2V0cyByb3V0ZXJMaW5rIG9mIHRoZSBhbmNob3IgdGFnLiBObyBkZWZhdWx0IHZhbHVlLlxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgcm91dGVyTGluaz86IHN0cmluZyB8IGFueVtdO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRhcmdldCBvZiB0aGUgYW5jaG9yIHRhZy4gTm8gZGVmYXVsdCB2YWx1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHRhcmdldD86IHN0cmluZztcblxuICAvKipcbiAgICogU2V0cyBxdWVyeVBhcmFtcyBvZiB0aGUgYW5jaG9yIHRhZy4gTm8gZGVmYXVsdCB2YWx1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zPzogUGFyYW1zO1xuXG4gIC8qKlxuICAgKiBTZXRzIHF1ZXJ5UGFyYW1zSGFuZGxpbmcgb2YgdGhlIGFuY2hvciB0YWcuIE5vIGRlZmF1bHQgdmFsdWUuXG4gICAqL1xuICBASW5wdXQoKSBxdWVyeVBhcmFtc0hhbmRsaW5nPzogUXVlcnlQYXJhbXNIYW5kbGluZztcblxuICAvKipcbiAgICogU2V0cyByZWxhdGl2ZVRvIG9mIHRoZSBhbmNob3IgdGFnLiBObyBkZWZhdWx0IHZhbHVlLlxuICAgKi9cbiAgQElucHV0KCkgcmVsYXRpdmVUbz86IEFjdGl2YXRlZFJvdXRlO1xuXG4gIG92ZXJyaWRlIG9uQ2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbGlja2VkLmVtaXQoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxhXG4gIGNsYXNzPVwic3Vpcy1idXR0b24tbGlua1wiXG4gIFtjbGFzcy5zdWlzLWJ1dHRvbi1saW5rLS1mdWxsLXdpZHRoXT1cImZ1bGxXaWR0aFwiXG4gIFtjbGFzcy5zdWlzLWJ1dHRvbi1saW5rLS1kaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBsb2FkaW5nID8gdHJ1ZSA6IHVuZGVmaW5lZFwiXG4gIFtyb3V0ZXJMaW5rXT1cInJvdXRlckxpbmtcIlxuICBbdGFyZ2V0XT1cInRhcmdldFwiXG4gIFtxdWVyeVBhcmFtc109XCJxdWVyeVBhcmFtc1wiXG4gIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cInF1ZXJ5UGFyYW1zSGFuZGxpbmdcIlxuICBbcmVsYXRpdmVUb109XCJyZWxhdGl2ZVRvXCJcbiAgW25nQ2xhc3NdPVwiJ3N1aXMtYnV0dG9uLWxpbmsnIHwgc3Vpc05nQ2xhc3MgOiBjb2xvclwiXG4gIFthdHRyLnRhYmluZGV4XT1cImRpc2FibGVkIHx8IGxvYWRpbmcgPyAtMSA6IDBcIlxuICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbj5cbiAgPHNwYW5cbiAgICBjbGFzcz1cInN1aXMtYnV0dG9uLWxpbmtfX2NvbnRlbnRcIlxuICAgIFtjbGFzcy5zdWlzLWJ1dHRvbi1saW5rX19jb250ZW50LS1sb2FkaW5nXT1cImxvYWRpbmdcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG4gIEBpZiAobG9hZGluZykge1xuICA8c3Vpcy1zcGlubmVyIHNpemU9XCJ4c1wiIGNvbG9yPVwid2hpdGVcIj48L3N1aXMtc3Bpbm5lcj5cbiAgfVxuPC9hPlxuIl19
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-button-outlined.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtYnV0dG9uL2NvbXBvbmVudHMvc3Vpcy1idXR0b24tb3V0bGluZWQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQ0FBa0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3Vpcy1idXR0b24tb3V0bGluZWQuY29tcG9uZW50JztcbiJdfQ==
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
2
|
-
import { NgClass } from '@angular/common';
|
3
|
-
import { SuisButtonBase } from '../../../../shared/classes/suis-button.base';
|
4
|
-
import { SuisNgClassPipe } from '../../../../pipes/suis-ng-class.pipe';
|
5
|
-
import { SuisSpinnerComponent } from '../../../../components/suis-spinner/suis-spinner.component';
|
6
|
-
import * as i0 from "@angular/core";
|
7
|
-
export class SuisButtonOutlinedComponent extends SuisButtonBase {
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonOutlinedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisButtonOutlinedComponent, isStandalone: true, selector: "suis-button-outlined", usesInheritance: true, ngImport: i0, template: "<button\n class=\"suis-button-outlined\"\n [class.suis-button-outlined--full-width]=\"fullWidth\"\n [ngClass]=\"'suis-button-outlined' | suisNgClass : color\"\n [attr.disabled]=\"disabled || loading ? true : undefined\"\n [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n [attr.type]=\"type\"\n (click)=\"onClick()\"\n>\n <span\n class=\"suis-button-outlined__content\"\n [class.suis-button-outlined__content--loading]=\"loading\"\n >\n <ng-content></ng-content>\n </span>\n @if (loading) {\n <suis-spinner size=\"xs\" [color]=\"color\"></suis-spinner>\n }\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-outlined{width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;font-size:.875rem;border-width:.125rem;border-style:solid;background-color:transparent}.suis-button-outlined--full-width{width:100%}.suis-button-outlined--disabled{opacity:.5}.suis-button-outlined__content{display:flex;align-items:center;justify-content:center}.suis-button-outlined__content--loading{visibility:hidden}.suis-button-outlined suis-spinner{position:absolute}.suis-button-outlined:disabled{opacity:.5}.suis-button-outlined:hover:not(:disabled){cursor:pointer}.suis-button-outlined:hover:disabled{cursor:not-allowed}.suis-button-outlined:focus,.suis-button-outlined:focus-within{outline:none}.suis-button-outlined--primary{border-color:#192a56;color:#192a56}.suis-button-outlined--primary:hover:not(:disabled){background-color:#192a56;color:#fff}.suis-button-outlined--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-outlined--secondary{border-color:#273c75;color:#273c75}.suis-button-outlined--secondary:hover:not(:disabled){background-color:#273c75;color:#fff}.suis-button-outlined--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-outlined--tertiary{border-color:#dcdde1;color:#dcdde1}.suis-button-outlined--tertiary:hover:not(:disabled){background-color:#dcdde1;color:#2f3640}.suis-button-outlined--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-outlined--complementary{border-color:#f5f6fa;color:#f5f6fa}.suis-button-outlined--complementary:hover:not(:disabled){background-color:#f5f6fa;color:#2f3640}.suis-button-outlined--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-outlined--success{border-color:#2ed573;color:#2ed573}.suis-button-outlined--success:hover:not(:disabled){background-color:#2ed573;color:#fff}.suis-button-outlined--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-outlined--warning{border-color:#ffa502;color:#ffa502}.suis-button-outlined--warning:hover:not(:disabled){background-color:#ffa502;color:#fff}.suis-button-outlined--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-outlined--danger{border-color:#ff4757;color:#ff4757}.suis-button-outlined--danger:hover:not(:disabled){background-color:#ff4757;color:#fff}.suis-button-outlined--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
10
|
-
}
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonOutlinedComponent, decorators: [{
|
12
|
-
type: Component,
|
13
|
-
args: [{ selector: 'suis-button-outlined', standalone: true, imports: [NgClass, SuisNgClassPipe, SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"suis-button-outlined\"\n [class.suis-button-outlined--full-width]=\"fullWidth\"\n [ngClass]=\"'suis-button-outlined' | suisNgClass : color\"\n [attr.disabled]=\"disabled || loading ? true : undefined\"\n [attr.tabindex]=\"disabled || loading ? -1 : 0\"\n [attr.type]=\"type\"\n (click)=\"onClick()\"\n>\n <span\n class=\"suis-button-outlined__content\"\n [class.suis-button-outlined__content--loading]=\"loading\"\n >\n <ng-content></ng-content>\n </span>\n @if (loading) {\n <suis-spinner size=\"xs\" [color]=\"color\"></suis-spinner>\n }\n</button>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-button-outlined{width:fit-content;display:flex;align-items:center;justify-content:center;padding:.375rem 1rem;border-radius:.25rem;text-align:center;text-decoration:none;transition:background-color .25s ease-in-out;font-size:.875rem;border-width:.125rem;border-style:solid;background-color:transparent}.suis-button-outlined--full-width{width:100%}.suis-button-outlined--disabled{opacity:.5}.suis-button-outlined__content{display:flex;align-items:center;justify-content:center}.suis-button-outlined__content--loading{visibility:hidden}.suis-button-outlined suis-spinner{position:absolute}.suis-button-outlined:disabled{opacity:.5}.suis-button-outlined:hover:not(:disabled){cursor:pointer}.suis-button-outlined:hover:disabled{cursor:not-allowed}.suis-button-outlined:focus,.suis-button-outlined:focus-within{outline:none}.suis-button-outlined--primary{border-color:#192a56;color:#192a56}.suis-button-outlined--primary:hover:not(:disabled){background-color:#192a56;color:#fff}.suis-button-outlined--primary:focus:not(:disabled){box-shadow:0 2px 5px #192a56bf}.suis-button-outlined--secondary{border-color:#273c75;color:#273c75}.suis-button-outlined--secondary:hover:not(:disabled){background-color:#273c75;color:#fff}.suis-button-outlined--secondary:focus:not(:disabled){box-shadow:0 2px 5px #273c75bf}.suis-button-outlined--tertiary{border-color:#dcdde1;color:#dcdde1}.suis-button-outlined--tertiary:hover:not(:disabled){background-color:#dcdde1;color:#2f3640}.suis-button-outlined--tertiary:focus:not(:disabled){box-shadow:0 2px 5px #dcdde1bf}.suis-button-outlined--complementary{border-color:#f5f6fa;color:#f5f6fa}.suis-button-outlined--complementary:hover:not(:disabled){background-color:#f5f6fa;color:#2f3640}.suis-button-outlined--complementary:focus:not(:disabled){box-shadow:0 2px 5px #f5f6fabf}.suis-button-outlined--success{border-color:#2ed573;color:#2ed573}.suis-button-outlined--success:hover:not(:disabled){background-color:#2ed573;color:#fff}.suis-button-outlined--success:focus:not(:disabled){box-shadow:0 2px 5px #2ed573bf}.suis-button-outlined--warning{border-color:#ffa502;color:#ffa502}.suis-button-outlined--warning:hover:not(:disabled){background-color:#ffa502;color:#fff}.suis-button-outlined--warning:focus:not(:disabled){box-shadow:0 2px 5px #ffa502bf}.suis-button-outlined--danger{border-color:#ff4757;color:#ff4757}.suis-button-outlined--danger:hover:not(:disabled){background-color:#ff4757;color:#fff}.suis-button-outlined--danger:focus:not(:disabled){box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
14
|
-
}] });
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24tb3V0bGluZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLWJ1dHRvbi9jb21wb25lbnRzL3N1aXMtYnV0dG9uLW91dGxpbmVkL3N1aXMtYnV0dG9uLW91dGxpbmVkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1idXR0b24vY29tcG9uZW50cy9zdWlzLWJ1dHRvbi1vdXRsaW5lZC9zdWlzLWJ1dHRvbi1vdXRsaW5lZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDREQUE0RCxDQUFDOztBQVVsRyxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsY0FBYzsrR0FBbEQsMkJBQTJCO21HQUEzQiwyQkFBMkIsdUdDZHhDLGtsQkFtQkEsaXBGRFZZLE9BQU8sK0VBQUUsZUFBZSxvREFBRSxvQkFBb0I7OzRGQUs3QywyQkFBMkI7a0JBUnZDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsb0JBQW9CLENBQUMsbUJBR3hDLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNCdXR0b25CYXNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1idXR0b24uYmFzZSc7XG5pbXBvcnQgeyBTdWlzTmdDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9zdWlzLW5nLWNsYXNzLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N1aXMtc3Bpbm5lci9zdWlzLXNwaW5uZXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1idXR0b24tb3V0bGluZWQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdDbGFzcywgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzU3Bpbm5lckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLWJ1dHRvbi1vdXRsaW5lZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtYnV0dG9uLW91dGxpbmVkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzQnV0dG9uT3V0bGluZWRDb21wb25lbnQgZXh0ZW5kcyBTdWlzQnV0dG9uQmFzZSB7fVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cInN1aXMtYnV0dG9uLW91dGxpbmVkXCJcbiAgW2NsYXNzLnN1aXMtYnV0dG9uLW91dGxpbmVkLS1mdWxsLXdpZHRoXT1cImZ1bGxXaWR0aFwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLWJ1dHRvbi1vdXRsaW5lZCcgfCBzdWlzTmdDbGFzcyA6IGNvbG9yXCJcbiAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgbG9hZGluZyA/IHRydWUgOiB1bmRlZmluZWRcIlxuICBbYXR0ci50YWJpbmRleF09XCJkaXNhYmxlZCB8fCBsb2FkaW5nID8gLTEgOiAwXCJcbiAgW2F0dHIudHlwZV09XCJ0eXBlXCJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4+XG4gIDxzcGFuXG4gICAgY2xhc3M9XCJzdWlzLWJ1dHRvbi1vdXRsaW5lZF9fY29udGVudFwiXG4gICAgW2NsYXNzLnN1aXMtYnV0dG9uLW91dGxpbmVkX19jb250ZW50LS1sb2FkaW5nXT1cImxvYWRpbmdcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG4gIEBpZiAobG9hZGluZykge1xuICA8c3Vpcy1zcGlubmVyIHNpemU9XCJ4c1wiIFtjb2xvcl09XCJjb2xvclwiPjwvc3Vpcy1zcGlubmVyPlxuICB9XG48L2J1dHRvbj5cbiJdfQ==
|
@@ -1,5 +0,0 @@
|
|
1
|
-
export * from './suis-button.module';
|
2
|
-
export * from './components/suis-button';
|
3
|
-
export * from './components/suis-button-link';
|
4
|
-
export * from './components/suis-button-outlined';
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUM7QUFFckMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtYnV0dG9uLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9zdWlzLWJ1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvc3Vpcy1idXR0b24tbGluayc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvc3Vpcy1idXR0b24tb3V0bGluZWQnO1xuIl19
|
@@ -1,30 +0,0 @@
|
|
1
|
-
import { NgModule } from '@angular/core';
|
2
|
-
import { SuisButtonComponent } from './components/suis-button';
|
3
|
-
import { SuisButtonLinkComponent } from './components/suis-button-link';
|
4
|
-
import { SuisButtonOutlinedComponent } from './components/suis-button-outlined';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
export class SuisButtonModule {
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonModule, imports: [SuisButtonComponent,
|
9
|
-
SuisButtonLinkComponent,
|
10
|
-
SuisButtonOutlinedComponent], exports: [SuisButtonComponent,
|
11
|
-
SuisButtonLinkComponent,
|
12
|
-
SuisButtonOutlinedComponent] }); }
|
13
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonModule, imports: [SuisButtonLinkComponent] }); }
|
14
|
-
}
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisButtonModule, decorators: [{
|
16
|
-
type: NgModule,
|
17
|
-
args: [{
|
18
|
-
imports: [
|
19
|
-
SuisButtonComponent,
|
20
|
-
SuisButtonLinkComponent,
|
21
|
-
SuisButtonOutlinedComponent,
|
22
|
-
],
|
23
|
-
exports: [
|
24
|
-
SuisButtonComponent,
|
25
|
-
SuisButtonLinkComponent,
|
26
|
-
SuisButtonOutlinedComponent,
|
27
|
-
],
|
28
|
-
}]
|
29
|
-
}] });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1idXR0b24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLWJ1dHRvbi9zdWlzLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFjaEYsTUFBTSxPQUFPLGdCQUFnQjsrR0FBaEIsZ0JBQWdCO2dIQUFoQixnQkFBZ0IsWUFWekIsbUJBQW1CO1lBQ25CLHVCQUF1QjtZQUN2QiwyQkFBMkIsYUFHM0IsbUJBQW1CO1lBQ25CLHVCQUF1QjtZQUN2QiwyQkFBMkI7Z0hBR2xCLGdCQUFnQixZQVR6Qix1QkFBdUI7OzRGQVNkLGdCQUFnQjtrQkFaNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsbUJBQW1CO3dCQUNuQix1QkFBdUI7d0JBQ3ZCLDJCQUEyQjtxQkFDNUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsdUJBQXVCO3dCQUN2QiwyQkFBMkI7cUJBQzVCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc3Vpcy1idXR0b24nO1xuaW1wb3J0IHsgU3Vpc0J1dHRvbkxpbmtDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc3Vpcy1idXR0b24tbGluayc7XG5pbXBvcnQgeyBTdWlzQnV0dG9uT3V0bGluZWRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc3Vpcy1idXR0b24tb3V0bGluZWQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgU3Vpc0J1dHRvbkNvbXBvbmVudCxcbiAgICBTdWlzQnV0dG9uTGlua0NvbXBvbmVudCxcbiAgICBTdWlzQnV0dG9uT3V0bGluZWRDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTdWlzQnV0dG9uQ29tcG9uZW50LFxuICAgIFN1aXNCdXR0b25MaW5rQ29tcG9uZW50LFxuICAgIFN1aXNCdXR0b25PdXRsaW5lZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc0J1dHRvbk1vZHVsZSB7fVxuIl19
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export * from './suis-navigation.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9tb2R1bGVzL3N1aXMtbmF2aWdhdGlvbi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5hdmlnYXRpb24uY29tcG9uZW50JztcbiJdfQ==
|