sidesys-generic-ui 0.0.22 → 0.0.24
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/esm2022/lib/avatar/components/profile-group/s-profile-group.component.mjs +5 -20
- package/esm2022/lib/avatar/s-avatar.component.mjs +3 -3
- package/esm2022/lib/badge/s-badge.component.mjs +3 -3
- package/esm2022/lib/breadcrum/s-breadcrum.component.mjs +4 -4
- package/esm2022/lib/button/components/button/s-button.component.mjs +4 -16
- package/esm2022/lib/card/s-card.component.mjs +6 -3
- package/esm2022/lib/checkbox/s-checkbox.component.mjs +8 -7
- package/esm2022/lib/company-logo/s-company-logo.component.mjs +15 -16
- package/esm2022/lib/content/s-content.component.mjs +4 -4
- package/esm2022/lib/drop-down/s-drop-down.component.mjs +4 -12
- package/esm2022/lib/dynamic-form/config/environment.mjs +52 -0
- package/esm2022/lib/dynamic-form/index.mjs +3 -0
- package/esm2022/lib/dynamic-form/models/behavior/behavior-dto.mjs +20 -0
- package/esm2022/lib/dynamic-form/models/data-type/data-type-dto.mjs +22 -0
- package/esm2022/lib/dynamic-form/models/field/field-option-dto.mjs +24 -0
- package/esm2022/lib/dynamic-form/models/field/field-template-dto.mjs +48 -0
- package/esm2022/lib/dynamic-form/models/form/form-group-dto.mjs +21 -0
- package/esm2022/lib/dynamic-form/models/form/form-layout-dto.mjs +35 -0
- package/esm2022/lib/dynamic-form/models/form/form-type-dto.mjs +24 -0
- package/esm2022/lib/dynamic-form/models/group/group-field-dto.mjs +26 -0
- package/esm2022/lib/dynamic-form/models/group/group-templates-dto.mjs +36 -0
- package/esm2022/lib/dynamic-form/s-dynamic-form.component.mjs +193 -0
- package/esm2022/lib/dynamic-form/s-dynamic-form.module.mjs +63 -0
- package/esm2022/lib/dynamic-form/service/dynamic-form.service.mjs +52 -0
- package/esm2022/lib/footer/s-footer.component.mjs +4 -4
- package/esm2022/lib/form/s-form.component.mjs +1 -1
- package/esm2022/lib/icon-material/s-icon-material.component.mjs +19 -19
- package/esm2022/lib/input/components/input-text/s-input-text.component.mjs +16 -4
- package/esm2022/lib/input/components/input-textarea/s-input-textarea.component.mjs +16 -4
- package/esm2022/lib/link/s-link.component.mjs +4 -6
- package/esm2022/lib/list/s-list.component.mjs +4 -5
- package/esm2022/lib/list-simple/s-list-simple.component.mjs +4 -5
- package/esm2022/lib/login/s-login.component.mjs +13 -10
- package/esm2022/lib/navbar/components/icon-menu/components/s-notificaction.component.mjs +4 -6
- package/esm2022/lib/navbar/components/icon-menu/s-icon-menu.component.mjs +4 -6
- package/esm2022/lib/navbar/index.mjs +1 -3
- package/esm2022/lib/navbar/s-navbar.component.mjs +5 -6
- package/esm2022/lib/navbar/s-navbar.module.mjs +1 -9
- package/esm2022/lib/pagination/index.mjs +2 -3
- package/esm2022/lib/pagination/s-pagination-model.mjs +7 -0
- package/esm2022/lib/pagination/s-pagination.component.mjs +75 -62
- package/esm2022/lib/pagination/s-pagination.module.mjs +5 -10
- package/esm2022/lib/popup/s-popup.component.mjs +4 -6
- package/esm2022/lib/precode/s-precode.component.mjs +1 -1
- package/esm2022/lib/progressbar/s-progressbar.component.mjs +3 -3
- package/esm2022/lib/radio/s-radio.component.mjs +8 -7
- package/esm2022/lib/select/index.mjs +1 -2
- package/esm2022/lib/select/s-select.module.mjs +3 -8
- package/esm2022/lib/select/select-multiple/s-select-multiple.component.mjs +32 -25
- package/esm2022/lib/select/select-simple/s-select-simple.component.mjs +27 -20
- package/esm2022/lib/sidebar/s-sidebar.component.mjs +6 -4
- package/esm2022/lib/spinner/s-spinner.component.mjs +4 -3
- package/esm2022/lib/sub-menu/s-sub-menu.component.mjs +7 -16
- package/esm2022/lib/table-t/s-tablet.component.mjs +3 -3
- package/esm2022/lib/theme/s-theme.component.mjs +2 -2
- package/esm2022/lib/thumbnail/s-thumbnail.component.mjs +4 -6
- package/esm2022/lib/toast/s-toast.component.mjs +10 -20
- package/esm2022/lib/toggle-switch/s-toggle-switch.component.mjs +16 -11
- package/esm2022/lib/tooltip/s-tooltip.component.mjs +7 -8
- package/esm2022/lib/tree-list/s-tree-list.component.mjs +5 -32
- package/esm2022/public-api.mjs +2 -5
- package/fesm2022/sidesys-generic-ui.mjs +1255 -1413
- package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
- package/lib/avatar/components/profile-group/s-profile-group.component.d.ts +0 -1
- package/lib/breadcrum/s-breadcrum.component.d.ts +1 -1
- package/lib/button/components/button/s-button.component.d.ts +1 -6
- package/lib/card/s-card.component.d.ts +2 -1
- package/lib/checkbox/s-checkbox.component.d.ts +4 -5
- package/lib/company-logo/s-company-logo.component.d.ts +9 -4
- package/lib/content/s-content.component.d.ts +2 -1
- package/lib/drop-down/s-drop-down.component.d.ts +2 -10
- package/lib/dynamic-form/config/environment.d.ts +50 -0
- package/lib/dynamic-form/index.d.ts +2 -0
- package/lib/dynamic-form/models/behavior/behavior-dto.d.ts +7 -0
- package/lib/dynamic-form/models/data-type/data-type-dto.d.ts +8 -0
- package/lib/dynamic-form/models/field/field-option-dto.d.ts +9 -0
- package/lib/dynamic-form/models/field/field-template-dto.d.ts +23 -0
- package/lib/dynamic-form/models/form/form-group-dto.d.ts +8 -0
- package/lib/dynamic-form/models/form/form-layout-dto.d.ts +17 -0
- package/lib/dynamic-form/models/form/form-type-dto.d.ts +9 -0
- package/lib/dynamic-form/models/group/group-field-dto.d.ts +11 -0
- package/lib/dynamic-form/models/group/group-templates-dto.d.ts +16 -0
- package/lib/dynamic-form/s-dynamic-form.component.d.ts +37 -0
- package/lib/dynamic-form/s-dynamic-form.module.d.ts +17 -0
- package/lib/dynamic-form/service/dynamic-form.service.d.ts +15 -0
- package/lib/icon-material/s-icon-material.component.d.ts +3 -4
- package/lib/input/components/input-text/s-input-text.component.d.ts +5 -1
- package/lib/input/components/input-textarea/s-input-textarea.component.d.ts +5 -1
- package/lib/link/s-link.component.d.ts +1 -4
- package/lib/list/s-list.component.d.ts +1 -4
- package/lib/list-simple/s-list-simple.component.d.ts +1 -4
- package/lib/login/s-login.component.d.ts +1 -0
- package/lib/navbar/components/icon-menu/components/s-notificaction.component.d.ts +2 -4
- package/lib/navbar/components/icon-menu/s-icon-menu.component.d.ts +2 -4
- package/lib/navbar/index.d.ts +0 -2
- package/lib/navbar/s-navbar.component.d.ts +3 -5
- package/lib/navbar/s-navbar.module.d.ts +5 -7
- package/lib/pagination/index.d.ts +1 -2
- package/lib/pagination/s-pagination.component.d.ts +24 -21
- package/lib/pagination/s-pagination.module.d.ts +5 -6
- package/lib/popup/s-popup.component.d.ts +1 -3
- package/lib/radio/s-radio.component.d.ts +4 -5
- package/lib/select/index.d.ts +0 -1
- package/lib/select/s-select.module.d.ts +9 -10
- package/lib/select/select-multiple/s-select-multiple.component.d.ts +8 -7
- package/lib/select/select-simple/s-select-simple.component.d.ts +8 -8
- package/lib/spinner/s-spinner.component.d.ts +1 -1
- package/lib/sub-menu/s-sub-menu.component.d.ts +4 -6
- package/lib/thumbnail/s-thumbnail.component.d.ts +1 -4
- package/lib/toast/s-toast.component.d.ts +3 -8
- package/lib/toggle-switch/s-toggle-switch.component.d.ts +4 -3
- package/lib/tooltip/s-tooltip.component.d.ts +3 -5
- package/lib/tree-list/s-tree-list.component.d.ts +4 -6
- package/package.json +1 -1
- package/public-api.d.ts +1 -4
- package/esm2022/lib/alert/index.mjs +0 -3
- package/esm2022/lib/alert/s-alert.component.mjs +0 -15
- package/esm2022/lib/alert/s-alert.module.mjs +0 -22
- package/esm2022/lib/blockquote/index.mjs +0 -3
- package/esm2022/lib/blockquote/s-blockquote.component.mjs +0 -14
- package/esm2022/lib/blockquote/s-blockquote.module.mjs +0 -22
- package/esm2022/lib/navbar/components/menu-config/index.mjs +0 -4
- package/esm2022/lib/navbar/components/menu-config/s-menu-config-model.mjs +0 -8
- package/esm2022/lib/navbar/components/menu-config/s-menu-config.component.mjs +0 -39
- package/esm2022/lib/navbar/components/menu-config/s-menu-config.module.mjs +0 -35
- package/esm2022/lib/navbar/components/search-menu/index.mjs +0 -3
- package/esm2022/lib/navbar/components/search-menu/s-search-menu.component.mjs +0 -38
- package/esm2022/lib/navbar/components/search-menu/s-search-menu.module.mjs +0 -31
- package/esm2022/lib/pagination/new/s-pag-model.mjs +0 -7
- package/esm2022/lib/pagination/new/s-pag.component.mjs +0 -98
- package/esm2022/lib/select/select-normal/s-select.component.mjs +0 -28
- package/esm2022/lib/table/index.mjs +0 -4
- package/esm2022/lib/table/s-table-content.mjs +0 -37
- package/esm2022/lib/table/s-table.component.mjs +0 -96
- package/esm2022/lib/table/s-table.module.mjs +0 -20
- package/esm2022/lib/text-search/index.mjs +0 -3
- package/esm2022/lib/text-search/s-text-search.component.mjs +0 -29
- package/esm2022/lib/text-search/s-text-search.module.mjs +0 -26
- package/lib/alert/index.d.ts +0 -2
- package/lib/alert/s-alert.component.d.ts +0 -8
- package/lib/alert/s-alert.module.d.ts +0 -8
- package/lib/blockquote/index.d.ts +0 -2
- package/lib/blockquote/s-blockquote.component.d.ts +0 -8
- package/lib/blockquote/s-blockquote.module.d.ts +0 -8
- package/lib/navbar/components/menu-config/index.d.ts +0 -3
- package/lib/navbar/components/menu-config/s-menu-config-model.d.ts +0 -5
- package/lib/navbar/components/menu-config/s-menu-config.component.d.ts +0 -19
- package/lib/navbar/components/menu-config/s-menu-config.module.d.ts +0 -11
- package/lib/navbar/components/search-menu/index.d.ts +0 -2
- package/lib/navbar/components/search-menu/s-search-menu.component.d.ts +0 -17
- package/lib/navbar/components/search-menu/s-search-menu.module.d.ts +0 -10
- package/lib/pagination/new/s-pag.component.d.ts +0 -32
- package/lib/select/select-normal/s-select.component.d.ts +0 -12
- package/lib/table/index.d.ts +0 -3
- package/lib/table/s-table-content.d.ts +0 -26
- package/lib/table/s-table.component.d.ts +0 -28
- package/lib/table/s-table.module.d.ts +0 -10
- package/lib/text-search/index.d.ts +0 -2
- package/lib/text-search/s-text-search.component.d.ts +0 -13
- package/lib/text-search/s-text-search.module.d.ts +0 -9
- /package/lib/pagination/{new/s-pag-model.d.ts → s-pagination-model.d.ts} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../s-avatar.component";
|
|
4
4
|
export class SProfileGroupComponent {
|
|
@@ -11,45 +11,30 @@ export class SProfileGroupComponent {
|
|
|
11
11
|
switch (this.size) {
|
|
12
12
|
case "s":
|
|
13
13
|
this._size = "24";
|
|
14
|
-
document.documentElement.style.setProperty('--s-profile-size-title', `0.875rem`);
|
|
15
|
-
document.documentElement.style.setProperty('--s-profile-size-email', `0.75rem`);
|
|
16
|
-
document.documentElement.style.setProperty('--s-profile-size-line-height-title', `14px`);
|
|
17
14
|
break;
|
|
18
15
|
case "m":
|
|
19
16
|
this._size = "32";
|
|
20
|
-
document.documentElement.style.setProperty('--s-profile-size-title', `0.875rem`);
|
|
21
|
-
document.documentElement.style.setProperty('--s-profile-size-email', `0.875rem`);
|
|
22
|
-
document.documentElement.style.setProperty('--s-profile-size-line-height-title', `20px`);
|
|
23
17
|
break;
|
|
24
18
|
case "l":
|
|
25
19
|
this._size = "48";
|
|
26
|
-
document.documentElement.style.setProperty('--s-profile-size-title', `1rem`);
|
|
27
|
-
document.documentElement.style.setProperty('--s-profile-size-email', `1rem`);
|
|
28
|
-
document.documentElement.style.setProperty('--s-profile-size-line-height-title', `20px`);
|
|
29
20
|
break;
|
|
30
21
|
case "xl":
|
|
31
22
|
this._size = "96";
|
|
32
|
-
document.documentElement.style.setProperty('--s-profile-size-title', `1.125rem`);
|
|
33
|
-
document.documentElement.style.setProperty('--s-profile-size-email', `1rem`);
|
|
34
|
-
document.documentElement.style.setProperty('--s-profile-size-line-height-title', `24px`);
|
|
35
23
|
break;
|
|
36
24
|
default:
|
|
37
25
|
this._size = "32";
|
|
38
|
-
document.documentElement.style.setProperty('--s-profile-size-title', `0.875rem`);
|
|
39
|
-
document.documentElement.style.setProperty('--s-profile-size-email', `0.875rem`);
|
|
40
|
-
document.documentElement.style.setProperty('--s-profile-size-line-height-title', `20px`);
|
|
41
26
|
break;
|
|
42
27
|
}
|
|
43
28
|
}
|
|
44
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SProfileGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"s-profile-group\">\r\n <div class=\"s-profile-group__content-right\">\r\n <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\r\n </div>\r\n <div class=\"s-profile-group__content-left\">\r\n <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\r\n <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\r\n </div>\r\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height:14px}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:20px}.s-profile-group__content-left__name--l{font-size:1rem;line-height:20px}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:23px}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:16px;cursor:default}.s-profile-group__content-left__email--s{font-size:.75rem}.s-profile-group__content-left__email--m{font-size:.875rem}.s-profile-group__content-left__email--l,.s-profile-group__content-left__email--xl{font-size:1rem}.s-profile-group__content-left p{margin:0}.s-profile-group__content-right{margin-right:12px;display:flex;align-items:center;justify-content:space-evenly}[theme=dark] .s-profile-group__content-left__name,[theme=dark] .s-profile-group__content-left__email{color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "component", type: i1.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
46
31
|
}
|
|
47
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SProfileGroupComponent, decorators: [{
|
|
48
33
|
type: Component,
|
|
49
|
-
args: [{ selector: 's-profile-group', template: "<div class=\"
|
|
50
|
-
}],
|
|
34
|
+
args: [{ selector: 's-profile-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-profile-group\">\r\n <div class=\"s-profile-group__content-right\">\r\n <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\r\n </div>\r\n <div class=\"s-profile-group__content-left\">\r\n <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\r\n <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\r\n </div>\r\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height:14px}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:20px}.s-profile-group__content-left__name--l{font-size:1rem;line-height:20px}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:23px}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:16px;cursor:default}.s-profile-group__content-left__email--s{font-size:.75rem}.s-profile-group__content-left__email--m{font-size:.875rem}.s-profile-group__content-left__email--l,.s-profile-group__content-left__email--xl{font-size:1rem}.s-profile-group__content-left p{margin:0}.s-profile-group__content-right{margin-right:12px;display:flex;align-items:center;justify-content:space-evenly}[theme=dark] .s-profile-group__content-left__name,[theme=dark] .s-profile-group__content-left__email{color:var(--neutrals-1200)}\n"] }]
|
|
35
|
+
}], propDecorators: { size: [{
|
|
51
36
|
type: Input
|
|
52
37
|
}], user: [{
|
|
53
38
|
type: Input
|
|
54
39
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wcm9maWxlLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9jb21wb25lbnRzL3Byb2ZpbGUtZ3JvdXAvcy1wcm9maWxlLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9jb21wb25lbnRzL3Byb2ZpbGUtZ3JvdXAvcy1wcm9maWxlLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVNUUsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVNXLFNBQUksR0FBVyxHQUFHLENBQUMsQ0FBQyxnQkFBZ0I7UUFFN0MsVUFBSyxHQUFXLEdBQUcsQ0FBQTtLQXlCcEI7SUF2QkMsUUFBUTtRQUNOLDRFQUE0RTtRQUU1RSxRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxHQUFHO2dCQUNKLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFBO2dCQUNyQixNQUFNO1lBQ04sS0FBSyxHQUFHO2dCQUNKLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFBO2dCQUNyQixNQUFNO1lBQ04sS0FBSyxHQUFHO2dCQUNKLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFBO2dCQUNyQixNQUFNO1lBQ04sS0FBSyxJQUFJO2dCQUNQLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFBO2dCQUNuQixNQUFNO1lBQ047Z0JBQ0UsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUE7Z0JBQ25CLE1BQU07U0FDUDtJQUdILENBQUM7OEdBNUJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLCtGQ1ZuQyw2bEJBUU07OzJGREVPLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxpQkFBaUIsaUJBR1osaUJBQWlCLENBQUMsSUFBSTs4QkFLNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU1VzZXIgfSBmcm9tICcuLi8uLi8uLi9zdWItbWVudS9zLXN1Yi1tZW51LW1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1wcm9maWxlLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1wcm9maWxlLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLXByb2ZpbGUtZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFNQcm9maWxlR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBzaXplOiBzdHJpbmcgPSAnbSc7IC8vcyAsIG0gLCBsICwgeGxcclxuICBASW5wdXQoKSB1c2VyITogU1VzZXIgfCB1bmRlZmluZWRcclxuICBfc2l6ZTogc3RyaW5nID0gJ20nXHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgLy9UQU1BTk9TIERFIEFWQVRBUiBSRUZFUklETyBBTCBUQUxMRSAnMTI4JywgJzk2JywgJzQ4JyAsICczMicgLCAnMjQnICwgJzE2J1xyXG5cclxuICAgIHN3aXRjaCAodGhpcy5zaXplKSB7XHJcbiAgICAgIGNhc2UgXCJzXCI6XHJcbiAgICAgICAgICB0aGlzLl9zaXplID0gXCIyNFwiXHJcbiAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlIFwibVwiOlxyXG4gICAgICAgICAgdGhpcy5fc2l6ZSA9IFwiMzJcIlxyXG4gICAgICBicmVhaztcclxuICAgICAgY2FzZSBcImxcIjpcclxuICAgICAgICAgIHRoaXMuX3NpemUgPSBcIjQ4XCJcclxuICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgXCJ4bFwiOlxyXG4gICAgICAgIHRoaXMuX3NpemUgPSBcIjk2XCJcclxuICAgICAgYnJlYWs7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgdGhpcy5fc2l6ZSA9IFwiMzJcIlxyXG4gICAgICBicmVhaztcclxuICAgIH1cclxuICAgIFxyXG4gIFxyXG4gIH1cclxufSIsIjxkaXYgY2xhc3M9XCJzLXByb2ZpbGUtZ3JvdXBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzLXByb2ZpbGUtZ3JvdXBfX2NvbnRlbnQtcmlnaHRcIj5cclxuICAgICAgICA8cy1hdmF0YXIgbGV0dGVycz1cInt7dXNlcj8ubGV0dGVyc319XCIgZGlzcGxheT1cInt7dXNlcj8uZGlzcGxheX19XCIgW3NpemVdPVwiX3NpemVcIiBbdXJsUHJvZmlsZUltYWdlXT1cInVzZXI/LnVybFwiIFtzdGF0dXNdPVwidXNlcj8uc3RhdHVzXCI+PC9zLWF2YXRhcj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInMtcHJvZmlsZS1ncm91cF9fY29udGVudC1sZWZ0XCI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJzLXByb2ZpbGUtZ3JvdXBfX2NvbnRlbnQtbGVmdF9fbmFtZSBzLXByb2ZpbGUtZ3JvdXBfX2NvbnRlbnQtbGVmdF9fbmFtZS0te3tzaXplfX1cIj57e3VzZXI/Lm5hbWV9fTwvcD5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInMtcHJvZmlsZS1ncm91cF9fY29udGVudC1sZWZ0X19lbWFpbCBzLXByb2ZpbGUtZ3JvdXBfX2NvbnRlbnQtbGVmdF9fZW1haWwtLXt7c2l6ZX19XCI+e3t1c2VyPy5lbWFpbH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -30,11 +30,11 @@ export class SAvatarComponent {
|
|
|
30
30
|
this.letters = this.letters.substring(0, 2);
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SAvatarComponent, selector: "s-avatar", inputs: { urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"no-select content-avatar size-{{size}}\">\r\n <ng-container [ngSwitch]=\"status\">\r\n\r\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\r\n <ng-container *ngSwitchCase=\"'approved'\">\r\n <div class=\"dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'declined'\">\r\n <div class=\"dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'blocked'\">\r\n <div class=\"dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'online'\">\r\n <div class=\"dot-state state-{{status}}\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'offline'\">\r\n <div class=\"dot-state state-{{status}}\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'busy'\">\r\n <div class=\"dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n\r\n </ng-container>\r\n <ng-container [ngSwitch]=\"display\">\r\n <ng-container *ngSwitchCase=\"'icon'\">\r\n <div class=\"content-icon dot-content size-{{size}}\">\r\n <s-icon-mat>person</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'avatar'\">\r\n <ng-container *ngIf=\"urlProfileImage\">\r\n <img appImageLoader src=\"{{urlProfileImage}}\" alt=\"\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'letters'\">\r\n <div class=\"content-icon dot-content size-{{size}} content-letters\">\r\n <s-icon-mat>{{letters}}</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n</div>", styles: ["s-avatar{position:relative}.content-avatar{border-radius:100%}.content-avatar s-icon-mat{line-height:0}.content-avatar .dot-state{z-index:3;border-radius:100%;position:absolute;background:white;display:flex;justify-content:center}.content-avatar s-icon-mat.state-approved span{color:var(--green-600)}.content-avatar s-icon-mat.state-declined span{color:var(--red-600)}.content-avatar .dot-state:has(.state-blocked){background:var(--primary-600);align-items:center}.content-avatar .dot-state:has(.state-busy){background:var(--red-600);color:var(--neutrals-1100);border:2px solid var(--neutrals-1100)}.content-avatar .dot-state.state-online,.content-avatar .dot-state.state-offline{border:2px solid var(--neutrals-1100)}.content-avatar s-icon-mat.state-blocked span{color:var(--neutrals-1100)}.content-avatar .dot-state.state-online{background-color:var(--green-600)}.content-avatar .dot-state.state-offline{background-color:var(--neutrals-600)}.content-avatar.size-128,.dot-content.size-128{height:128px;width:128px}.content-avatar.size-128 .content-letters.content-icon s-icon-mat span,.dot-content.size-128 .content-letters.content-icon s-icon-mat span{font-size:4.1rem}.content-avatar.size-128 .content-icon s-icon-mat span,.dot-content.size-128 .content-icon s-icon-mat span{font-size:6.6rem}.content-avatar.size-128 .dot-state,.dot-content.size-128 .dot-state{width:26px;height:26px;left:85px}.content-avatar.size-128 s-icon-mat span,.dot-content.size-128 s-icon-mat span{font-size:1.66rem}.content-avatar.size-128 s-icon-mat.state-blocked span,.dot-content.size-128 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-128 .dot-state:has(.state-blocked),.dot-content.size-128 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-96,.dot-content.size-96{height:96px;width:96px}.content-avatar.size-96 .content-letters.content-icon s-icon-mat span,.dot-content.size-96 .content-letters.content-icon s-icon-mat span{font-size:3.1rem}.content-avatar.size-96 .content-icon s-icon-mat span,.dot-content.size-96 .content-icon s-icon-mat span{font-size:4.6rem}.content-avatar.size-96 .dot-state,.dot-content.size-96 .dot-state{width:24px;height:24px;left:65px}.content-avatar.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked),.dot-content.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked){font-size:1.3rem}.content-avatar.size-96 s-icon-mat.state-blocked span,.dot-content.size-96 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-96 .dot-state:has(.state-blocked),.dot-content.size-96 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-48,.dot-content.size-48{height:48px;width:48px}.content-avatar.size-48 .content-letters.content-icon s-icon-mat span,.dot-content.size-48 .content-letters.content-icon s-icon-mat span{font-size:1.5rem}.content-avatar.size-48 .content-icon s-icon-mat span,.dot-content.size-48 .content-icon s-icon-mat span{font-size:2rem}.content-avatar.size-48 .dot-state,.dot-content.size-48 .dot-state{width:10px;height:10px;left:33px}.content-avatar.size-48 s-icon-mat span,.dot-content.size-48 s-icon-mat span{font-size:.6rem}.content-avatar.size-48 s-icon-mat.state-busy span,.dot-content.size-48 s-icon-mat.state-busy span{font-size:.66rem}.content-avatar.size-48 .dot-state:has(.state-blocked),.dot-content.size-48 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-48 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-48 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.5rem}.content-avatar.size-48 .dot-state.state-online,.content-avatar.size-48 .dot-state.state-offline,.content-avatar.size-48 .dot-state:has(.state-busy),.dot-content.size-48 .dot-state.state-online,.dot-content.size-48 .dot-state.state-offline,.dot-content.size-48 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-32,.dot-content.size-32{height:32px;width:32px}.content-avatar.size-32 .content-letters.content-icon s-icon-mat span,.dot-content.size-32 .content-letters.content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-32 .content-icon s-icon-mat span,.dot-content.size-32 .content-icon s-icon-mat span{font-size:1.3rem}.content-avatar.size-32 .dot-state,.dot-content.size-32 .dot-state{width:8px;height:8px;left:23px}.content-avatar.size-32 s-icon-mat span,.dot-content.size-32 s-icon-mat span{font-size:.58rem}.content-avatar.size-32 .dot-state:has(.state-blocked),.dot-content.size-32 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-32 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-32 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.4rem}.content-avatar.size-32 .dot-state.state-online,.content-avatar.size-32 .dot-state.state-offline,.content-avatar.size-32 .dot-state:has(.state-busy),.dot-content.size-32 .dot-state.state-online,.dot-content.size-32 .dot-state.state-offline,.dot-content.size-32 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-24,.dot-content.size-24{height:24px;width:24px}.content-avatar.size-24 .content-letters.content-icon s-icon-mat span,.dot-content.size-24 .content-letters.content-icon s-icon-mat span{font-size:.7rem}.content-avatar.size-24 .content-icon s-icon-mat span,.dot-content.size-24 .content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-24 .dot-state,.dot-content.size-24 .dot-state{width:6px;height:6px;left:17px}.content-avatar.size-24 s-icon-mat span,.dot-content.size-24 s-icon-mat span{font-size:.5rem}.content-avatar.size-24 .dot-state:has(.state-blocked),.dot-content.size-24 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-24 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-24 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.3rem}.content-avatar.size-24 .dot-state.state-online,.content-avatar.size-24 .dot-state.state-offline,.content-avatar.size-24 .dot-state:has(.state-busy),.dot-content.size-24 .dot-state.state-online,.dot-content.size-24 .dot-state.state-offline,.dot-content.size-24 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-16,.dot-content.size-16{height:16px;width:16px}.content-avatar.size-16 .content-icon s-icon-mat span,.dot-content.size-16 .content-icon s-icon-mat span{font-size:.5rem}.content-avatar.size-16 .dot-state,.dot-content.size-16 .dot-state{width:5px;height:5px;left:10px}.content-avatar.size-16 s-icon-mat span,.dot-content.size-16 s-icon-mat span{font-size:.4rem}.content-avatar.size-16 .dot-state:has(.state-blocked),.dot-content.size-16 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-16 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-16 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.271rem}.content-avatar.size-16 .dot-state.state-online,.content-avatar.size-16 .dot-state.state-offline,.content-avatar.size-16 .dot-state:has(.state-busy),.dot-content.size-16 .dot-state.state-online,.dot-content.size-16 .dot-state.state-offline,.dot-content.size-16 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1100)}.content-avatar .content-icon{display:flex;align-items:center;justify-content:center}.content-avatar .content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.content-avatar img{width:100%;height:100%;border-radius:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.ImageLoaderDirective, selector: "img[appImageLoader]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SAvatarComponent, selector: "s-avatar", inputs: { urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\r\n <ng-container [ngSwitch]=\"status\">\r\n\r\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\r\n <ng-container *ngSwitchCase=\"'approved'\">\r\n <div class=\"s-avatar__dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'declined'\">\r\n <div class=\"s-avatar__dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'blocked'\">\r\n <div class=\"s-avatar__dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'online'\">\r\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'offline'\">\r\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'busy'\">\r\n <div class=\"s-avatar__dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n\r\n </ng-container>\r\n <ng-container [ngSwitch]=\"display\">\r\n <ng-container *ngSwitchCase=\"'icon'\">\r\n <div class=\"s-avatar__dot-content content-person\">\r\n <s-icon-mat>person</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'avatar'\">\r\n <ng-container *ngIf=\"urlProfileImage\">\r\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'letters'\">\r\n <div class=\"s-avatar__dot-content content-letters\">\r\n <s-icon-mat>{{letters}}</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n</div>", styles: ["s-avatar{position:relative}.s-avatar{border-radius:100%}.s-avatar__dot-state{z-index:1;border-radius:100%;position:absolute;background:var(--neutrals-1200);display:flex;justify-content:center}.s-avatar__dot-state.state-online,.s-avatar__dot-state.state-offline{padding:.6rem;border:2px solid var(--neutrals-1100)}.s-avatar__dot-state.state-online{background-color:var(--green-600)}.s-avatar__dot-state.state-offline{background-color:var(--neutrals-600)}.s-avatar__dot-state .state-approved span{color:var(--green-600)}.s-avatar__dot-state .state-declined span{color:var(--red-600)}.s-avatar__dot-state .state-busy{background:var(--red-600);color:var(--neutrals-1100);border:2px solid var(--neutrals-1100);border-radius:100%}.s-avatar__dot-state .state-blocked{background:var(--primary-600);align-items:center;border-radius:100%}.s-avatar__dot-state .state-blocked span{color:var(--neutrals-1100)}.s-avatar__dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1200);height:100%;display:flex;align-items:center;justify-content:center}.s-avatar__dot-content.content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.s-avatar__dot-content.urlProfile{width:100%;height:100%;border-radius:100%}.s-avatar--size-128{height:128px;width:128px}.s-avatar--size-128 .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-128 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-128 .s-avatar__dot-state{transform:scale(1.2);bottom:105px;left:93px}.s-avatar--size-128 .s-avatar__dot-state .state-blocked{border:2px solid var(--neutrals-1100)}.s-avatar--size-128 .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-96{height:96px;width:96px}.s-avatar--size-96 .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-96 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-96 .s-avatar__dot-state{transform:scale(1);bottom:75px;left:63px}.s-avatar--size-96 .s-avatar__dot-state .state-blocked{border:2px solid var(--neutrals-1100)}.s-avatar--size-96 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-48{height:48px;width:48px}.s-avatar--size-48 .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-48 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-48 .s-avatar__dot-state{transform:scale(.8);bottom:30px;left:29px}.s-avatar--size-48 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-48 .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-32{height:32px;width:32px}.s-avatar--size-32 .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-32 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-32 .s-avatar__dot-state{transform:scale(.6);bottom:14px;left:17px}.s-avatar--size-32 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-32 .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-24{height:24px;width:24px}.s-avatar--size-24 .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-24 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-24 .s-avatar__dot-state{transform:scale(.4);bottom:8px;left:9px}.s-avatar--size-24 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-24 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-16{height:16px;width:16px}.s-avatar--size-16 .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-16 .s-avatar__dot-state{transform:scale(.3);bottom:2px;left:2px}.s-avatar--size-16 .s-avatar__dot-state .state-busy{bottom:27px;left:27px;position:absolute}.s-avatar--size-16 .s-avatar__dot-state .state-blocked span{font-size:.8rem;padding:.3rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.ImageLoaderDirective, selector: "img[appImageLoader]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SAvatarComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"no-select
|
|
37
|
+
args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\r\n <ng-container [ngSwitch]=\"status\">\r\n\r\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\r\n <ng-container *ngSwitchCase=\"'approved'\">\r\n <div class=\"s-avatar__dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'declined'\">\r\n <div class=\"s-avatar__dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'blocked'\">\r\n <div class=\"s-avatar__dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'online'\">\r\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'offline'\">\r\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'busy'\">\r\n <div class=\"s-avatar__dot-state\">\r\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n\r\n </ng-container>\r\n <ng-container [ngSwitch]=\"display\">\r\n <ng-container *ngSwitchCase=\"'icon'\">\r\n <div class=\"s-avatar__dot-content content-person\">\r\n <s-icon-mat>person</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'avatar'\">\r\n <ng-container *ngIf=\"urlProfileImage\">\r\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\r\n </ng-container>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'letters'\">\r\n <div class=\"s-avatar__dot-content content-letters\">\r\n <s-icon-mat>{{letters}}</s-icon-mat>\r\n </div>\r\n </ng-container>\r\n </ng-container>\r\n</div>", styles: ["s-avatar{position:relative}.s-avatar{border-radius:100%}.s-avatar__dot-state{z-index:1;border-radius:100%;position:absolute;background:var(--neutrals-1200);display:flex;justify-content:center}.s-avatar__dot-state.state-online,.s-avatar__dot-state.state-offline{padding:.6rem;border:2px solid var(--neutrals-1100)}.s-avatar__dot-state.state-online{background-color:var(--green-600)}.s-avatar__dot-state.state-offline{background-color:var(--neutrals-600)}.s-avatar__dot-state .state-approved span{color:var(--green-600)}.s-avatar__dot-state .state-declined span{color:var(--red-600)}.s-avatar__dot-state .state-busy{background:var(--red-600);color:var(--neutrals-1100);border:2px solid var(--neutrals-1100);border-radius:100%}.s-avatar__dot-state .state-blocked{background:var(--primary-600);align-items:center;border-radius:100%}.s-avatar__dot-state .state-blocked span{color:var(--neutrals-1100)}.s-avatar__dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1200);height:100%;display:flex;align-items:center;justify-content:center}.s-avatar__dot-content.content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.s-avatar__dot-content.urlProfile{width:100%;height:100%;border-radius:100%}.s-avatar--size-128{height:128px;width:128px}.s-avatar--size-128 .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-128 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-128 .s-avatar__dot-state{transform:scale(1.2);bottom:105px;left:93px}.s-avatar--size-128 .s-avatar__dot-state .state-blocked{border:2px solid var(--neutrals-1100)}.s-avatar--size-128 .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-96{height:96px;width:96px}.s-avatar--size-96 .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-96 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-96 .s-avatar__dot-state{transform:scale(1);bottom:75px;left:63px}.s-avatar--size-96 .s-avatar__dot-state .state-blocked{border:2px solid var(--neutrals-1100)}.s-avatar--size-96 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-48{height:48px;width:48px}.s-avatar--size-48 .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-48 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-48 .s-avatar__dot-state{transform:scale(.8);bottom:30px;left:29px}.s-avatar--size-48 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-48 .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-32{height:32px;width:32px}.s-avatar--size-32 .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-32 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-32 .s-avatar__dot-state{transform:scale(.6);bottom:14px;left:17px}.s-avatar--size-32 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-32 .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-24{height:24px;width:24px}.s-avatar--size-24 .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-24 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-24 .s-avatar__dot-state{transform:scale(.4);bottom:8px;left:9px}.s-avatar--size-24 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-24 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-16{height:16px;width:16px}.s-avatar--size-16 .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-16 .s-avatar__dot-state{transform:scale(.3);bottom:2px;left:2px}.s-avatar--size-16 .s-avatar__dot-state .state-busy{bottom:27px;left:27px;position:absolute}.s-avatar--size-16 .s-avatar__dot-state .state-blocked span{font-size:.8rem;padding:.3rem}\n"] }]
|
|
38
38
|
}], ctorParameters: function () { return []; }, propDecorators: { urlProfileImage: [{
|
|
39
39
|
type: Input
|
|
40
40
|
}], letters: [{
|
|
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
46
46
|
}], size: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hdmF0YXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYXZhdGFyL3MtYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9zLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTNUUsTUFBTSxPQUFPLGdCQUFnQjtJQUszQixJQUNJLE1BQU0sS0FBYSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUEsQ0FBQSxDQUFDO0lBQzNDLElBQUksTUFBTSxDQUFDLEdBQW9CO1FBQzdCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxVQUFVLEVBQUcsVUFBVSxFQUFHLFNBQVMsRUFBRyxRQUFRLEVBQUcsU0FBUyxFQUFHLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDNUgsQ0FBQztJQUFBLENBQUM7SUFDRixJQUNJLE9BQU8sS0FBYSxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQy9DLElBQUksT0FBTyxDQUFDLEdBQXVCO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsU0FBUyxDQUFFLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ2xHLENBQUM7SUFBQSxDQUFDO0lBQ0YsSUFDSSxJQUFJLEtBQWEsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN6QyxJQUFJLElBQUksQ0FBQyxHQUFXO1FBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRyxJQUFJLEVBQUcsSUFBSSxFQUFHLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDekYsQ0FBQztJQUFBLENBQUM7SUFNRjtRQXJCUyxZQUFPLEdBQVksSUFBSSxDQUFDO1FBaUJqQyxhQUFRLEdBQVcsTUFBTSxDQUFDO1FBQzFCLFVBQUssR0FBVyxLQUFLLENBQUM7UUFDdEIsWUFBTyxHQUFRLFNBQVMsQ0FBQztJQUVYLENBQUM7SUFFZixRQUFRO1FBQ04sSUFBRyxJQUFJLENBQUMsT0FBTztZQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBRTlDLENBQUM7OEdBL0JVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHdLQ1Q3QixpbkVBaURNOzsyRkR4Q08sZ0JBQWdCO2tCQVA1QixTQUFTOytCQUNFLFVBQVUsaUJBR0wsaUJBQWlCLENBQUMsSUFBSTswRUFNNUIsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUYsTUFBTTtzQkFEVCxLQUFLO2dCQU1GLE9BQU87c0JBRFYsS0FBSztnQkFNRixJQUFJO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtYXZhdGFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3MtYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBTQXZhdGFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcblxyXG4gIEBJbnB1dCgpIHVybFByb2ZpbGVJbWFnZT86IHN0cmluZyA7XHJcbiAgQElucHV0KCkgbGV0dGVycz86IHN0cmluZyA9ICdOTic7XHJcbiAgQElucHV0KClcclxuICBnZXQgc3RhdHVzKCk6IHN0cmluZyB7IHJldHVybiB0aGlzLl9zdGF0dXN9XHJcbiAgc2V0IHN0YXR1cyh2YWw6IGFueSB8IHVuZGVmaW5lZCl7XHJcbiAgICB0aGlzLl9zdGF0dXMgPSBbJ2FwcHJvdmVkJyAsICdkZWNsaW5lZCcgLCAnYmxvY2tlZCcgLCAnb25saW5lJyAsICdvZmZsaW5lJyAsICdidXN5J10uaW5kZXhPZih2YWwpICE9IC0xID8gdmFsIDogdW5kZWZpbmVkO1xyXG4gIH07XHJcbiAgQElucHV0KClcclxuICBnZXQgZGlzcGxheSgpOiBzdHJpbmcgeyByZXR1cm4gdGhpcy5fZGlzcGxheTsgfVxyXG4gIHNldCBkaXNwbGF5KHZhbDogc3RyaW5nIHwgdW5kZWZpbmVkKXtcclxuICAgIHRoaXMuX2Rpc3BsYXkgPSB2YWwgPyBbJ2ljb24nLCAnYXZhdGFyJywgJ2xldHRlcnMnIF0uaW5kZXhPZih2YWwpICE9IC0xID8gdmFsIDogJ2ljb24nIDogJ2ljb24nO1xyXG4gIH07XHJcbiAgQElucHV0KCkgIFxyXG4gIGdldCBzaXplKCk6IHN0cmluZyB7IHJldHVybiB0aGlzLl9zaXplOyB9XHJcbiAgc2V0IHNpemUodmFsOiBzdHJpbmcpe1xyXG4gICAgdGhpcy5fc2l6ZSA9IFsnMTI4JywgJzk2JywgJzQ4JyAsICczMicgLCAnMjQnICwgJzE2J10uaW5kZXhPZih2YWwpICE9IC0xID8gdmFsIDogJzEyOCc7XHJcbiAgfTtcclxuIFxyXG4gIF9kaXNwbGF5OiBzdHJpbmcgPSAnaWNvbic7XHJcbiAgX3NpemU6IHN0cmluZyA9ICcxMjgnO1xyXG4gIF9zdGF0dXM6IGFueSA9IHVuZGVmaW5lZDtcclxuXHJcbiAgY29uc3RydWN0b3IoKXt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYodGhpcy5sZXR0ZXJzKVxyXG4gICAgdGhpcy5sZXR0ZXJzID0gdGhpcy5sZXR0ZXJzLnN1YnN0cmluZygwLCAyKTtcclxuICBcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwicy1hdmF0YXIgbm8tc2VsZWN0IHMtYXZhdGFyLS1zaXplLXt7c2l6ZX19XCI+XHJcbiAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInN0YXR1c1wiPlxyXG5cclxuICAgICAgPCEtLSAgVHlwZSBvZiBzdGF0dXMgYXBwcm92ZWQgLCBkZWNsaW5lZCAsIGJsb2NrZWQgLCBvbmxpbmUgLCBvZmZsaW5lICwgYnVzeSAtLT5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2FwcHJvdmVkJ1wiPlxyXG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxyXG4gICAgICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInN0YXRlLXt7c3RhdHVzfX1cIj5jaGVja19jaXJjbGU8L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2RlY2xpbmVkJ1wiPlxyXG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxyXG4gICAgICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInN0YXRlLXt7c3RhdHVzfX1cIj5jYW5jZWw8L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Jsb2NrZWQnXCI+XHJcbiAgICAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlXCI+XHJcbiAgICAgICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwic3RhdGUte3tzdGF0dXN9fVwiPmxvY2s8L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ29ubGluZSdcIj5cclxuICAgICAgICAgPGRpdiBjbGFzcz1cInMtYXZhdGFyX19kb3Qtc3RhdGUgc3RhdGUte3tzdGF0dXN9fVwiPjwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ29mZmxpbmUnXCI+XHJcbiAgICAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlIHN0YXRlLXt7c3RhdHVzfX1cIj48L2Rpdj5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIididXN5J1wiPlxyXG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxyXG4gICAgICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInN0YXRlLXt7c3RhdHVzfX1cIj5yZW1vdmU8L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgIDwvbmctY29udGFpbmVyPlxyXG4gICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJkaXNwbGF5XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidpY29uJ1wiPlxyXG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1jb250ZW50IGNvbnRlbnQtcGVyc29uXCI+XHJcbiAgICAgICAgICAgIDxzLWljb24tbWF0PnBlcnNvbjwvcy1pY29uLW1hdD5cclxuICAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXZhdGFyJ1wiPlxyXG4gICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidXJsUHJvZmlsZUltYWdlXCI+XHJcbiAgICAgICAgICAgIDxpbWcgYXBwSW1hZ2VMb2FkZXIgY2xhc3M9XCJzLWF2YXRhcl9fZG90LWNvbnRlbnQgdXJsUHJvZmlsZVwiIHNyYz1cInt7dXJsUHJvZmlsZUltYWdlfX1cIiBhbHQ9XCJcIj5cclxuICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbGV0dGVycydcIj5cclxuICAgICAgICAgPGRpdiBjbGFzcz1cInMtYXZhdGFyX19kb3QtY29udGVudCBjb250ZW50LWxldHRlcnNcIj5cclxuICAgICAgICAgICAgPHMtaWNvbi1tYXQ+e3tsZXR0ZXJzfX08L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgIDwvZGl2PlxyXG4gICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -11,11 +11,11 @@ export class SBadgeComponent {
|
|
|
11
11
|
ngOnInit() {
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SBadgeComponent, selector: "s-badge", inputs: { type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge {{type}} {{size ? 'size-'+size : ''}}\">\r\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\r\n <ng-content></ng-content>\r\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-1px;margin-right:4px}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:18px;width:max-content;display:inline-flex;align-items:center;margin:2px;font-size:.77rem;letter-spacing:.02rem;color:var(--neutrals-1200);background-color:var(--primary-600)}.s-badge
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SBadgeComponent, selector: "s-badge", inputs: { type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge s-badge--{{type}} {{size ? 's-badge--size-'+size : ''}}\">\r\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\r\n <ng-content></ng-content>\r\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-1px;margin-right:4px}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:18px;width:max-content;display:inline-flex;align-items:center;margin:2px;font-size:.77rem;letter-spacing:.02rem;color:var(--neutrals-1200);background-color:var(--primary-600)}.s-badge--secondary{background-color:var(--secondary-600)}.s-badge--green{background-color:var(--green-600)}.s-badge--red{background-color:var(--red-600)}.s-badge--yellow{background-color:var(--yellow-600)}.s-badge--size-xs{font-size:.53rem;padding:.09rem .26rem}.s-badge--size-xs s-icon-mat span{font-size:.4rem!important}.s-badge--size-sm s-icon-mat span{font-size:.5rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SBadgeComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 's-badge', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-badge {{type}} {{size ? 'size-'+size : ''}}\">\r\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\r\n <ng-content></ng-content>\r\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-1px;margin-right:4px}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:18px;width:max-content;display:inline-flex;align-items:center;margin:2px;font-size:.77rem;letter-spacing:.02rem;color:var(--neutrals-1200);background-color:var(--primary-600)}.s-badge
|
|
18
|
+
args: [{ selector: 's-badge', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-badge s-badge--{{type}} {{size ? 's-badge--size-'+size : ''}}\">\r\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\r\n <ng-content></ng-content>\r\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-1px;margin-right:4px}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:18px;width:max-content;display:inline-flex;align-items:center;margin:2px;font-size:.77rem;letter-spacing:.02rem;color:var(--neutrals-1200);background-color:var(--primary-600)}.s-badge--secondary{background-color:var(--secondary-600)}.s-badge--green{background-color:var(--green-600)}.s-badge--red{background-color:var(--red-600)}.s-badge--yellow{background-color:var(--yellow-600)}.s-badge--size-xs{font-size:.53rem;padding:.09rem .26rem}.s-badge--size-xs s-icon-mat span{font-size:.4rem!important}.s-badge--size-sm s-icon-mat span{font-size:.5rem!important}\n"] }]
|
|
19
19
|
}], ctorParameters: function () { return []; }, propDecorators: { type: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], size: [{
|
|
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
23
23
|
}], new: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9iYWRnZS9zLWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2JhZGdlL3MtYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTNUUsTUFBTSxPQUFPLGVBQWU7SUFLMUI7UUFKUyxTQUFJLEdBQWtFLFNBQVMsQ0FBQztRQUNoRixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixRQUFHLEdBQVksS0FBSyxDQUFDO0lBRWhCLENBQUM7SUFFZixRQUFRO0lBQ1IsQ0FBQzs4R0FSVSxlQUFlO2tHQUFmLGVBQWUsbUdDVDVCLGlMQUdPOzsyRkRNTSxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFNBQVMsaUJBR0osaUJBQWlCLENBQUMsSUFBSTswRUFJNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtYmFkZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWJhZGdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLWJhZGdlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBTQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2dyZWVuJyB8ICd5ZWxsb3cnIHwgJ3JlZCcgfCBzdHJpbmcgPSAncHJpbWFyeSc7XHJcbiAgQElucHV0KCkgc2l6ZTogJ3hzJyB8ICdzbScgPSAnc20nO1xyXG4gIEBJbnB1dCgpIG5ldzogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcigpe31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59IiwiPHNwYW4gY2xhc3M9XCJzLWJhZGdlIHMtYmFkZ2UtLXt7dHlwZX19IHt7c2l6ZSA/ICdzLWJhZGdlLS1zaXplLScrc2l6ZSA6ICcnfX1cIj5cclxuICAgIDxzLWljb24tbWF0ICpuZ0lmPVwibmV3XCI+bGVuczwvcy1pY29uLW1hdD5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9zcGFuPiJdfQ==
|
|
@@ -5,7 +5,7 @@ import * as i2 from "../icon-material/s-icon-material.component";
|
|
|
5
5
|
import * as i3 from "@angular/router";
|
|
6
6
|
export class SBreadcrumComponent {
|
|
7
7
|
constructor() {
|
|
8
|
-
this.size = '
|
|
8
|
+
this.size = 'sm';
|
|
9
9
|
}
|
|
10
10
|
getStateClass(i, nav) {
|
|
11
11
|
const isLastNavItem = i === this.nav.length - 1;
|
|
@@ -19,14 +19,14 @@ export class SBreadcrumComponent {
|
|
|
19
19
|
return next === this.nav.length - 1 ? 'icon-active' : 'icon-default';
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SBreadcrumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { nav: "nav", size: "size" }, ngImport: i0, template: "<div class=\"s-breadcrum mb-3\">\r\n <div class=\"s-breadcrum__content\" *ngFor=\"let nv of nav ; index as i\">\r\n <div class=\"s-
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { nav: "nav", size: "size" }, ngImport: i0, template: "<div class=\"s-breadcrum mb-3\">\r\n <div class=\"s-breadcrum__content s-breadcrum__content--size-{{size}}\" *ngFor=\"let nv of nav ; index as i\">\r\n <div class=\"s-breadcrum__content__texts\">\r\n <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-left']\">\r\n <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{nv.title}}</h4>\r\n <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\r\n </a>\r\n </div>\r\n <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\r\n </div>\r\n</div>", styles: [".s-breadcrum{color:var(--text);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;font-weight:400}.s-breadcrum__content{display:flex;align-items:center}.s-breadcrum__content__arrow-icon{font-size:1rem;display:flex;padding:0 .4rem}.s-breadcrum__content__arrow-icon.icon-active{color:var(--secondary-600)!important}.s-breadcrum__content__arrow-icon.icon-default{color:var(--secondary-400)!important}.s-breadcrum__content--size-sm h4{font-size:.875rem}.s-breadcrum__content--size-sm .s-breadcrum__content__arrow-icon span,.s-breadcrum__content--size-sm .icon span,.s-breadcrum__content--size-md h4{font-size:1rem}.s-breadcrum__content--size-md .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-md .icon span,.s-breadcrum__content--size-lg h4{font-size:1.25rem}.s-breadcrum__content--size-lg .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-lg .icon span{font-size:1.5rem}.s-breadcrum__content__texts a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-400)}.s-breadcrum__content__texts a .breadcrum-back-not-link{color:var(--secondary-400);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back{color:var(--secondary-600);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back:hover{color:var(--secondary-800)}.s-breadcrum__content__texts a h4.breadcrum-back:hover{text-decoration:underline}.s-breadcrum__content__texts a .breadcrum-active{font-weight:700;color:var(--secondary-600)}.s-breadcrum__content__texts a .icon{padding:0 .4rem}.s-breadcrum__content__texts a.disabled{color:var(--secondary-400);pointer-events:none;cursor:default}.s-breadcrum__content__texts a.disabled h4.breadcrum-active{color:var(--primary-500)}.s-breadcrum__content__texts .float-left{flex-direction:row-reverse}.s-breadcrum__content__texts .float-right{flex-direction:row}.s-breadcrum__content__texts:hover{color:var(--secondary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SBreadcrumComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
args: [{ selector: 's-breadcrum', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-breadcrum mb-3\">\r\n <div class=\"s-breadcrum__content\" *ngFor=\"let nv of nav ; index as i\">\r\n <div class=\"s-
|
|
26
|
+
args: [{ selector: 's-breadcrum', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-breadcrum mb-3\">\r\n <div class=\"s-breadcrum__content s-breadcrum__content--size-{{size}}\" *ngFor=\"let nv of nav ; index as i\">\r\n <div class=\"s-breadcrum__content__texts\">\r\n <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-left']\">\r\n <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{nv.title}}</h4>\r\n <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\r\n </a>\r\n </div>\r\n <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\r\n </div>\r\n</div>", styles: [".s-breadcrum{color:var(--text);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;font-weight:400}.s-breadcrum__content{display:flex;align-items:center}.s-breadcrum__content__arrow-icon{font-size:1rem;display:flex;padding:0 .4rem}.s-breadcrum__content__arrow-icon.icon-active{color:var(--secondary-600)!important}.s-breadcrum__content__arrow-icon.icon-default{color:var(--secondary-400)!important}.s-breadcrum__content--size-sm h4{font-size:.875rem}.s-breadcrum__content--size-sm .s-breadcrum__content__arrow-icon span,.s-breadcrum__content--size-sm .icon span,.s-breadcrum__content--size-md h4{font-size:1rem}.s-breadcrum__content--size-md .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-md .icon span,.s-breadcrum__content--size-lg h4{font-size:1.25rem}.s-breadcrum__content--size-lg .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-lg .icon span{font-size:1.5rem}.s-breadcrum__content__texts a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-400)}.s-breadcrum__content__texts a .breadcrum-back-not-link{color:var(--secondary-400);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back{color:var(--secondary-600);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back:hover{color:var(--secondary-800)}.s-breadcrum__content__texts a h4.breadcrum-back:hover{text-decoration:underline}.s-breadcrum__content__texts a .breadcrum-active{font-weight:700;color:var(--secondary-600)}.s-breadcrum__content__texts a .icon{padding:0 .4rem}.s-breadcrum__content__texts a.disabled{color:var(--secondary-400);pointer-events:none;cursor:default}.s-breadcrum__content__texts a.disabled h4.breadcrum-active{color:var(--primary-500)}.s-breadcrum__content__texts .float-left{flex-direction:row-reverse}.s-breadcrum__content__texts .float-right{flex-direction:row}.s-breadcrum__content__texts:hover{color:var(--secondary-600)}\n"] }]
|
|
27
27
|
}], propDecorators: { nav: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}], size: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1icmVhZGNydW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYnJlYWRjcnVtL3MtYnJlYWRjcnVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2JyZWFkY3J1bS9zLWJyZWFkY3J1bS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFVcEUsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQVNXLFNBQUksR0FBdUIsSUFBSSxDQUFDO0tBYzFDO0lBWkMsYUFBYSxDQUFDLENBQVMsRUFBRSxHQUFpQjtRQUN4QyxNQUFNLGFBQWEsR0FBRyxDQUFDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDbEIsT0FBTyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMseUJBQXlCLENBQUM7U0FDdEU7UUFDRCxPQUFPLGtCQUFrQixDQUFDO0lBQzVCLENBQUM7SUFFRCxZQUFZLENBQUMsQ0FBUztRQUNwQixJQUFJLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLE9BQU8sSUFBSSxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUM7SUFDdkUsQ0FBQzs4R0FmVSxtQkFBbUI7a0dBQW5CLG1CQUFtQix5RkNWaEMsMnpCQVVNOzsyRkRBTyxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJOzhCQUk1QixHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnJlYWRjcnVtTmF2IH0gZnJvbSAnLi9pbnRlcmZhY2UvYnJlYWRjcnVtLW5hdi5pbnRlcmZhY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzLWJyZWFkY3J1bScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtYnJlYWRjcnVtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLWJyZWFkY3J1bS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgU0JyZWFkY3J1bUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbmF2ITogQnJlYWRjcnVtTmF2W107XHJcbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnID0gJ3NtJztcclxuXHJcbiAgZ2V0U3RhdGVDbGFzcyhpOiBudW1iZXIsIG5hdjogQnJlYWRjcnVtTmF2KTogc3RyaW5nIHtcclxuICAgIGNvbnN0IGlzTGFzdE5hdkl0ZW0gPSBpID09PSB0aGlzLm5hdi5sZW5ndGggLSAxO1xyXG4gICAgaWYgKCFpc0xhc3ROYXZJdGVtKSB7XHJcbiAgICAgIHJldHVybiBuYXYucm91dGVyTGluayA/ICdicmVhZGNydW0tYmFjaycgOiAnYnJlYWRjcnVtLWJhY2stbm90LWxpbmsnO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuICdicmVhZGNydW0tYWN0aXZlJztcclxuICB9XHJcblxyXG4gIGdldEljb25DbGFzcyhpOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgbGV0IG5leHQgPSBpICsgMTsgICAgXHJcbiAgICByZXR1cm4gbmV4dCA9PT0gdGhpcy5uYXYubGVuZ3RoIC0gMSA/ICdpY29uLWFjdGl2ZScgOiAnaWNvbi1kZWZhdWx0JztcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwicy1icmVhZGNydW0gbWItM1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cInMtYnJlYWRjcnVtX19jb250ZW50IHMtYnJlYWRjcnVtX19jb250ZW50LS1zaXplLXt7c2l6ZX19XCIgKm5nRm9yPVwibGV0IG52IG9mIG5hdiA7IGluZGV4IGFzIGlcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicy1icmVhZGNydW1fX2NvbnRlbnRfX3RleHRzXCI+XHJcbiAgICAgICAgICAgIDxhIHJvdXRlckxpbms9XCJ7e252LnJvdXRlckxpbms/IG52LnJvdXRlckxpbmsgOiB1bmRlZmluZWR9fVwiIFtuZ0NsYXNzXT1cIltudi5yb3V0ZXJMaW5rID8gJycgOiAnZGlzYWJsZWQnICwgbnYuaWNvblBvc2l0aW9uID09ICdsZWZ0JyA/ICdmbG9hdC1yaWdodCcgOiAnZmxvYXQtbGVmdCddXCI+XHJcbiAgICAgICAgICAgICAgICA8aDQgW25nQ2xhc3NdPVwiW2dldFN0YXRlQ2xhc3MoaSwgbnYpXVwiPnt7bnYudGl0bGV9fTwvaDQ+XHJcbiAgICAgICAgICAgICAgICA8cy1pY29uLW1hdCAqbmdJZj1cIm52Lmljb25OYW1lXCIgW25nQ2xhc3NdPVwiW2dldFN0YXRlQ2xhc3MoaSwgbnYpXVwiIGNsYXNzPVwiaWNvblwiPnt7bnYuaWNvbk5hbWV9fTwvcy1pY29uLW1hdD5cclxuICAgICAgICAgICAgPC9hPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwicy1icmVhZGNydW1fX2NvbnRlbnRfX2Fycm93LWljb25cIiBbbmdDbGFzc109XCJbZ2V0SWNvbkNsYXNzKGkpXVwiICpuZ0lmPVwiaSA8IG5hdi5sZW5ndGggLTFcIj5rZXlib2FyZF9hcnJvd19yaWdodDwvcy1pY29uLW1hdD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -3,14 +3,10 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class SButtonComponent {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.disabled = false;
|
|
6
|
-
this.class = '';
|
|
7
|
-
this.rounded = 'sm'; //OBSOLETO SE DEJA PARA QUE NO DE ERROR SI ALGUIEN LO ESTA IMPLEMENTANDO
|
|
8
6
|
this.pill = false;
|
|
9
7
|
this.size = 'md';
|
|
10
8
|
this.invert = false;
|
|
11
|
-
this.selected = false;
|
|
12
9
|
this.type = 'primary';
|
|
13
|
-
this.border = true;
|
|
14
10
|
this.loading = false;
|
|
15
11
|
this.roundedPrivate = 'md';
|
|
16
12
|
}
|
|
@@ -29,16 +25,12 @@ export class SButtonComponent {
|
|
|
29
25
|
}
|
|
30
26
|
}
|
|
31
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SButtonComponent, selector: "s-button", inputs: { disabled: "disabled",
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SButtonComponent, selector: "s-button", inputs: { disabled: "disabled", pill: "pill", size: "size", invert: "invert", type: "type", loading: "loading", position: "position", theme: "theme" }, ngImport: i0, template: "<button class=\"s-button \r\ns-button--{{size}}\r\ns-button--{{type}}\r\n\r\n{{theme ? 's-button--' + theme + '--' + type : ''}}\r\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \r\n{{position ? 's-button--position-' + position : ''}} \r\n{{loading ? 's-button--loading' : ''}}\r\n{{pill ? 's-button--pill' : ''}}\r\n{{pill ? 's-button--pill--' + size : ''}}\r\n{{invert ? invert : ''}}\r\n\"\r\n[disabled]=\"disabled\">\r\n<ng-content></ng-content>\r\n</button>\r\n", styles: ["s-button{width:-moz-fit-content;width:fit-content}.s-button{line-height:30px;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0px;outline:none;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.s-button--primary{background:var(--primary-600);color:var(--neutrals-1200);border:0px}.s-button--primary:hover{background:var(--primary-700);color:var(--neutrals-1200);border:0px}.s-button--primary:active{background:var(--primary-800);color:var(--neutrals-1200);border:0px}.s-button--primary:disabled{background:var(--primary-200);color:var(--primary-400);border:0px}.s-button--secondary{background-color:var(--primary-100);color:var(--primary-900);border:1px solid var(--primary-600)}.s-button--secondary:hover{background-color:var(--primary-200);color:var(--primary-900);border:1px solid var(--primary-600)}.s-button--secondary:active{background-color:var(--primary-300);color:var(--primary-1000);border:1px solid var(--primary-600)}.s-button--secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:1px solid var(--neutrals-800)}.s-button--tertiary{background-color:var(--neutrals-1200);color:var(--primary-600)}.s-button--tertiary:hover{background-color:var(--neutrals-1200);color:var(--primary-800)}.s-button--tertiary:active{background-color:var(--neutrals-1200);color:var(--neutral-1000)}.s-button--tertiary:disabled{background-color:var(--neutrals-1200);color:var(--neutrals-700)}.s-button--red--primary{background-color:var(--red-600)}.s-button--red--primary:hover{background-color:var(--red-700)}.s-button--red--primary:active{background-color:var(--red-800)}.s-button--red--primary:disabled{background-color:var(--red-200);color:var(--red-400)}.s-button--red--secondary{background-color:var(--red-100);border:1px solid var(--red-600);color:var(--secondary-600)}.s-button--red--secondary:hover{background-color:var(--red-200);border:1px solid var(--red-600)}.s-button--red--secondary:active{background-color:var(--red-300);border:1px solid var(--red-600)}.s-button--red--secondary:disabled{background-color:var(--red-100);border:1px solid var(--red-300);color:var(--neutrals-700)}.s-button--red--tertiary{color:var(--red-600)}.s-button--red--tertiary:hover{color:var(--red-700)}.s-button--red--tertiary:active{color:var(--red-900)}.s-button--red--tertiary:disabled{color:var(--red-200)}.s-button--yellow--primary{color:var(--neutrals-1200);background-color:var(--yellow-600)}.s-button--yellow--primary:hover{background-color:var(--yellow-700)}.s-button--yellow--primary:active{background-color:var(--yellow-800)}.s-button--yellow--primary:disabled{color:var(--yellow-400);background-color:var(--yellow-200)}.s-button--yellow--secondary{background-color:var(--yellow-100);border:1px solid var(--yellow-600);color:var(--primary-900)}.s-button--yellow--secondary:hover{background-color:var(--yellow-200);border:1px solid var(--yellow-600)}.s-button--yellow--secondary:active{background-color:var(--yellow-300);border:1px solid var(--yellow-600)}.s-button--yellow--secondary:disabled{background-color:var(--yellow-200);border:1px solid var(--yellow-300);color:var(--neutrals-700)}.s-button--yellow--tertiary{color:var(--yellow-600)}.s-button--yellow--tertiary:hover{color:var(--yellow-700)}.s-button--yellow--tertiary:active{color:var(--yellow-800)}.s-button--yellow--tertiary:disabled{color:var(--yellow-200)}.s-button--green--primary{background-color:var(--green-600)}.s-button--green--primary:hover{background-color:var(--green-700)}.s-button--green--primary:active{background-color:var(--green-800)}.s-button--green--primary:disabled{background-color:var(--green-200);color:var(--green-400)}.s-button--green--secondary{background-color:var(--green-100);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:hover{background-color:var(--green-200);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:active{background-color:var(--green-300);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:disabled{background-color:var(--green-100);border:1px solid var(--green-300);color:var(--neutrals-700)}.s-button--green--tertiary{color:var(--green-600)}.s-button--green--tertiary:hover{color:var(--green-700)}.s-button--green--tertiary:active{color:var(--green-800)}.s-button--green--tertiary:disabled{color:var(--green-200)}.s-button--xl{font-size:1.125rem;padding:0rem 2rem;line-height:58px}.s-button--xl s-icon-mat{display:flex;padding:0 4px}.s-button--xl s-icon-mat span{font-size:2rem!important}.s-button--lg{font-size:1rem;padding:0rem 2rem;line-height:50px}.s-button--lg s-icon-mat{display:flex;padding:0 4px}.s-button--lg s-icon-mat span{font-size:1.6rem!important}.s-button--md{font-size:.875rem;padding:0rem 1.5rem;line-height:38px}.s-button--md s-icon-mat{display:flex;padding:0 4px}.s-button--md s-icon-mat span{font-size:1.3rem!important}.s-button--sm{font-size:.75rem;padding:0rem .75rem;line-height:24px}.s-button--sm s-icon-mat{display:flex;padding:0 5px}.s-button--sm s-icon-mat span{font-size:1rem!important}.s-button--pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.s-button--pill span{font-size:1.4rem}.s-button--pill label{padding:.7rem;cursor:pointer;margin:0}.s-button--pill--xl{padding:.875rem;height:3.75rem;width:3.75rem}.s-button--pill--lg{padding:1.063rem;height:3.25rem;width:3.25rem}.s-button--pill--md{padding:.05rem;height:2.5rem;width:2.5rem}.s-button--pill--sm{padding:.438rem;height:1.625rem;width:1.625rem}.s-button.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.s-button--round-sm{border-radius:3px}.s-button--round-md{border-radius:4px}.s-button--position-reverse:not(.s-button--pill){flex-direction:row-reverse}.s-button--position-reverse:not(.s-button--pill) s-icon-mat{margin:0 -6px 0 0}.s-button--position-normal:not(.s-button--pill){flex-direction:row}.s-button--position-normal:not(.s-button--pill) s-icon-mat{margin:0 0 0 -10px}.s-button--loading{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}.s-button--loading.s-button--primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.s-button--loading.s-button--secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.s-button--loading.s-button--tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,var(--neutrals-1200) 50%)}.s-button--loading.s-button--red--primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}.s-button--loading.s-button--red--secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}.s-button--loading.s-button--red--tertiary{background:linear-gradient(90deg,var(--red-100) 50%,var(--neutrals-1200) 50%)}.s-button--loading.s-button--green--primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}.s-button--loading.s-button--green--secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}.s-button--loading.s-button--green--tertiary{background:linear-gradient(90deg,var(--green-100) 50%,var(--neutrals-1200) 50%)}.s-button--loading.s-button--yellow--primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}.s-button--loading.s-button--yellow--secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}.s-button--loading.s-button--yellow--tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,var(--neutrals-1200) 50%)}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
33
29
|
}
|
|
34
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SButtonComponent, decorators: [{
|
|
35
31
|
type: Component,
|
|
36
|
-
args: [{ selector: 's-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"button-
|
|
37
|
-
}],
|
|
38
|
-
type: Input
|
|
39
|
-
}], class: [{
|
|
40
|
-
type: Input
|
|
41
|
-
}], rounded: [{
|
|
32
|
+
args: [{ selector: 's-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"s-button \r\ns-button--{{size}}\r\ns-button--{{type}}\r\n\r\n{{theme ? 's-button--' + theme + '--' + type : ''}}\r\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \r\n{{position ? 's-button--position-' + position : ''}} \r\n{{loading ? 's-button--loading' : ''}}\r\n{{pill ? 's-button--pill' : ''}}\r\n{{pill ? 's-button--pill--' + size : ''}}\r\n{{invert ? invert : ''}}\r\n\"\r\n[disabled]=\"disabled\">\r\n<ng-content></ng-content>\r\n</button>\r\n", styles: ["s-button{width:-moz-fit-content;width:fit-content}.s-button{line-height:30px;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0px;outline:none;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.s-button--primary{background:var(--primary-600);color:var(--neutrals-1200);border:0px}.s-button--primary:hover{background:var(--primary-700);color:var(--neutrals-1200);border:0px}.s-button--primary:active{background:var(--primary-800);color:var(--neutrals-1200);border:0px}.s-button--primary:disabled{background:var(--primary-200);color:var(--primary-400);border:0px}.s-button--secondary{background-color:var(--primary-100);color:var(--primary-900);border:1px solid var(--primary-600)}.s-button--secondary:hover{background-color:var(--primary-200);color:var(--primary-900);border:1px solid var(--primary-600)}.s-button--secondary:active{background-color:var(--primary-300);color:var(--primary-1000);border:1px solid var(--primary-600)}.s-button--secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:1px solid var(--neutrals-800)}.s-button--tertiary{background-color:var(--neutrals-1200);color:var(--primary-600)}.s-button--tertiary:hover{background-color:var(--neutrals-1200);color:var(--primary-800)}.s-button--tertiary:active{background-color:var(--neutrals-1200);color:var(--neutral-1000)}.s-button--tertiary:disabled{background-color:var(--neutrals-1200);color:var(--neutrals-700)}.s-button--red--primary{background-color:var(--red-600)}.s-button--red--primary:hover{background-color:var(--red-700)}.s-button--red--primary:active{background-color:var(--red-800)}.s-button--red--primary:disabled{background-color:var(--red-200);color:var(--red-400)}.s-button--red--secondary{background-color:var(--red-100);border:1px solid var(--red-600);color:var(--secondary-600)}.s-button--red--secondary:hover{background-color:var(--red-200);border:1px solid var(--red-600)}.s-button--red--secondary:active{background-color:var(--red-300);border:1px solid var(--red-600)}.s-button--red--secondary:disabled{background-color:var(--red-100);border:1px solid var(--red-300);color:var(--neutrals-700)}.s-button--red--tertiary{color:var(--red-600)}.s-button--red--tertiary:hover{color:var(--red-700)}.s-button--red--tertiary:active{color:var(--red-900)}.s-button--red--tertiary:disabled{color:var(--red-200)}.s-button--yellow--primary{color:var(--neutrals-1200);background-color:var(--yellow-600)}.s-button--yellow--primary:hover{background-color:var(--yellow-700)}.s-button--yellow--primary:active{background-color:var(--yellow-800)}.s-button--yellow--primary:disabled{color:var(--yellow-400);background-color:var(--yellow-200)}.s-button--yellow--secondary{background-color:var(--yellow-100);border:1px solid var(--yellow-600);color:var(--primary-900)}.s-button--yellow--secondary:hover{background-color:var(--yellow-200);border:1px solid var(--yellow-600)}.s-button--yellow--secondary:active{background-color:var(--yellow-300);border:1px solid var(--yellow-600)}.s-button--yellow--secondary:disabled{background-color:var(--yellow-200);border:1px solid var(--yellow-300);color:var(--neutrals-700)}.s-button--yellow--tertiary{color:var(--yellow-600)}.s-button--yellow--tertiary:hover{color:var(--yellow-700)}.s-button--yellow--tertiary:active{color:var(--yellow-800)}.s-button--yellow--tertiary:disabled{color:var(--yellow-200)}.s-button--green--primary{background-color:var(--green-600)}.s-button--green--primary:hover{background-color:var(--green-700)}.s-button--green--primary:active{background-color:var(--green-800)}.s-button--green--primary:disabled{background-color:var(--green-200);color:var(--green-400)}.s-button--green--secondary{background-color:var(--green-100);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:hover{background-color:var(--green-200);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:active{background-color:var(--green-300);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:disabled{background-color:var(--green-100);border:1px solid var(--green-300);color:var(--neutrals-700)}.s-button--green--tertiary{color:var(--green-600)}.s-button--green--tertiary:hover{color:var(--green-700)}.s-button--green--tertiary:active{color:var(--green-800)}.s-button--green--tertiary:disabled{color:var(--green-200)}.s-button--xl{font-size:1.125rem;padding:0rem 2rem;line-height:58px}.s-button--xl s-icon-mat{display:flex;padding:0 4px}.s-button--xl s-icon-mat span{font-size:2rem!important}.s-button--lg{font-size:1rem;padding:0rem 2rem;line-height:50px}.s-button--lg s-icon-mat{display:flex;padding:0 4px}.s-button--lg s-icon-mat span{font-size:1.6rem!important}.s-button--md{font-size:.875rem;padding:0rem 1.5rem;line-height:38px}.s-button--md s-icon-mat{display:flex;padding:0 4px}.s-button--md s-icon-mat span{font-size:1.3rem!important}.s-button--sm{font-size:.75rem;padding:0rem .75rem;line-height:24px}.s-button--sm s-icon-mat{display:flex;padding:0 5px}.s-button--sm s-icon-mat span{font-size:1rem!important}.s-button--pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.s-button--pill span{font-size:1.4rem}.s-button--pill label{padding:.7rem;cursor:pointer;margin:0}.s-button--pill--xl{padding:.875rem;height:3.75rem;width:3.75rem}.s-button--pill--lg{padding:1.063rem;height:3.25rem;width:3.25rem}.s-button--pill--md{padding:.05rem;height:2.5rem;width:2.5rem}.s-button--pill--sm{padding:.438rem;height:1.625rem;width:1.625rem}.s-button.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.s-button--round-sm{border-radius:3px}.s-button--round-md{border-radius:4px}.s-button--position-reverse:not(.s-button--pill){flex-direction:row-reverse}.s-button--position-reverse:not(.s-button--pill) s-icon-mat{margin:0 -6px 0 0}.s-button--position-normal:not(.s-button--pill){flex-direction:row}.s-button--position-normal:not(.s-button--pill) s-icon-mat{margin:0 0 0 -10px}.s-button--loading{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}.s-button--loading.s-button--primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.s-button--loading.s-button--secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.s-button--loading.s-button--tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,var(--neutrals-1200) 50%)}.s-button--loading.s-button--red--primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}.s-button--loading.s-button--red--secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}.s-button--loading.s-button--red--tertiary{background:linear-gradient(90deg,var(--red-100) 50%,var(--neutrals-1200) 50%)}.s-button--loading.s-button--green--primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}.s-button--loading.s-button--green--secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}.s-button--loading.s-button--green--tertiary{background:linear-gradient(90deg,var(--green-100) 50%,var(--neutrals-1200) 50%)}.s-button--loading.s-button--yellow--primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}.s-button--loading.s-button--yellow--secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}.s-button--loading.s-button--yellow--tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,var(--neutrals-1200) 50%)}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"] }]
|
|
33
|
+
}], propDecorators: { disabled: [{
|
|
42
34
|
type: Input
|
|
43
35
|
}], pill: [{
|
|
44
36
|
type: Input
|
|
@@ -46,12 +38,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
46
38
|
type: Input
|
|
47
39
|
}], invert: [{
|
|
48
40
|
type: Input
|
|
49
|
-
}], selected: [{
|
|
50
|
-
type: Input
|
|
51
41
|
}], type: [{
|
|
52
42
|
type: Input
|
|
53
|
-
}], border: [{
|
|
54
|
-
type: Input
|
|
55
43
|
}], loading: [{
|
|
56
44
|
type: Input
|
|
57
45
|
}], position: [{
|
|
@@ -59,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
59
47
|
}], theme: [{
|
|
60
48
|
type: Input
|
|
61
49
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYnV0dG9uL2NvbXBvbmVudHMvYnV0dG9uL3MtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2J1dHRvbi9jb21wb25lbnRzL2J1dHRvbi9zLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRNUUsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQVFXLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUN0QixTQUFJLEdBQStCLElBQUksQ0FBQztRQUN4QyxXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLFNBQUksR0FBa0QsU0FBUyxDQUFDO1FBQ2hFLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFHbEMsbUJBQWMsR0FBVyxJQUFJLENBQUM7S0FrQi9CO0lBaEJDLFFBQVE7UUFFTixxQ0FBcUM7UUFDckMsSUFBRyxJQUFJLENBQUMsTUFBTSxFQUFDO1lBQ2IsSUFBSSxDQUFDLElBQUksR0FBRyxXQUFXLENBQUE7U0FDeEI7UUFFRCx1QkFBdUI7UUFDdkIsaUZBQWlGO1FBQ2pGLElBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLEVBQUM7WUFDbkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7U0FDNUI7YUFBSTtZQUNILElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO1NBQzVCO0lBQ0gsQ0FBQzs4R0ExQlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isd01DUjdCLG9lQWVBOzsyRkRQYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxpQkFHTCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUk1QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3MtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcblxyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcGlsbDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHNpemU6IFwieGxcIiB8IFwibGdcIiB8IFwibWRcIiB8IFwic21cIiAgPSAnbWQnOyBcclxuICBASW5wdXQoKSBpbnZlcnQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB0eXBlOiBcInByaW1hcnlcIiB8IFwic2Vjb25kYXJ5XCIgfCBcInRlcnRpYXJ5XCIgfCBzdHJpbmcgPSAncHJpbWFyeSc7IFxyXG4gIEBJbnB1dCgpIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBwb3NpdGlvbj86IFwibm9ybWFsXCIgfCBcInJldmVyc2VcIiA7XHJcbiAgQElucHV0KCkgdGhlbWU/OiBcImRlZmF1bHRcIiB8IFwiZ3JlZW5cIiB8IFwieWVsbG93XCIgfCBcInJlZFwiICA7XHJcbiAgcm91bmRlZFByaXZhdGU6IHN0cmluZyA9ICdtZCc7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICAgIC8vUGFzYSBhIHNlY29uZGFyeSBjdWFuZG8gc2UgaW52aWVydGVcclxuICAgIGlmKHRoaXMuaW52ZXJ0KXtcclxuICAgICAgdGhpcy50eXBlID0gJ3NlY29uZGFyeSdcclxuICAgIH1cclxuICAgIFxyXG4gICAgLy8gUG9yIGRlY2lzaW9uIGRlIElDRUlcclxuICAgIC8vIEN1YW5kbyBlbCBzaXplIGVzIFNNIGVsIHJvdW5kIGRlYmUgc2VyIHNtICwgcGFyYSBlbCByZXN0byBlbCByb3VuZCBkZWJlIHNlciBtZFxyXG4gICAgaWYodGhpcy5zaXplID09ICdzbScpe1xyXG4gICAgICB0aGlzLnJvdW5kZWRQcml2YXRlID0gJ3NtJztcclxuICAgIH1lbHNle1xyXG4gICAgICB0aGlzLnJvdW5kZWRQcml2YXRlID0gJ21kJztcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxidXR0b24gY2xhc3M9XCJzLWJ1dHRvbiBcclxucy1idXR0b24tLXt7c2l6ZX19XHJcbnMtYnV0dG9uLS17e3R5cGV9fVxyXG5cclxue3t0aGVtZSA/ICdzLWJ1dHRvbi0tJyArIHRoZW1lICsgJy0tJyArIHR5cGUgOiAnJ319XHJcbnt7cm91bmRlZFByaXZhdGUgPyAncy1idXR0b24tLXJvdW5kLScgKyByb3VuZGVkUHJpdmF0ZSA6ICcnfX0gXHJcbnt7cG9zaXRpb24gPyAncy1idXR0b24tLXBvc2l0aW9uLScgKyBwb3NpdGlvbiA6ICcnfX0gXHJcbnt7bG9hZGluZyA/ICdzLWJ1dHRvbi0tbG9hZGluZycgOiAnJ319XHJcbnt7cGlsbCA/ICdzLWJ1dHRvbi0tcGlsbCcgOiAnJ319XHJcbnt7cGlsbCA/ICdzLWJ1dHRvbi0tcGlsbC0tJyArIHNpemUgOiAnJ319XHJcbnt7aW52ZXJ0ID8gaW52ZXJ0IDogJyd9fVxyXG5cIlxyXG5bZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cclxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2J1dHRvbj5cclxuIl19
|