sidesys-generic-ui 2.4.3 → 2.4.6
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 +13 -13
- package/esm2022/lib/avatar/s-avatar.component.mjs +19 -15
- package/esm2022/lib/badge/s-badge.component.mjs +1 -1
- package/esm2022/lib/breadcrum/s-breadcrum.component.mjs +1 -1
- package/esm2022/lib/card/s-card.component.mjs +3 -3
- package/esm2022/lib/collapse/s-collapse.component.mjs +3 -3
- package/esm2022/lib/empty/empty.component.mjs +1 -1
- package/esm2022/lib/grid-multi-inputs/grid-multi-inputs.component.mjs +1 -1
- package/esm2022/lib/icon-material/s-icon-material.component.mjs +6 -8
- package/esm2022/lib/icon-material/s-icon-material.model.mjs +1 -1
- package/esm2022/lib/input/components/calendar/s-calendar.component.mjs +1 -1
- package/esm2022/lib/input/components/color/s-color.component.mjs +1 -1
- package/esm2022/lib/input/components/error-control/s-error-control.component.mjs +1 -1
- package/esm2022/lib/input/components/input/s-input-model.mjs +3 -1
- package/esm2022/lib/input/components/input/s-input.component.mjs +16 -23
- package/esm2022/lib/input/components/input-number/s-input-number.component.mjs +1 -1
- package/esm2022/lib/input/components/time/s-time.component.mjs +1 -1
- package/esm2022/lib/list/s-list.component.mjs +1 -1
- package/esm2022/lib/list-simple/s-list-simple.component.mjs +2 -2
- package/esm2022/lib/modal/modal-confirm/modal-confirm.component.mjs +4 -4
- package/esm2022/lib/modal/modal-confirm/models/modal-confirm.interface.mjs +1 -1
- package/esm2022/lib/navbar/components/icon-menu/components/s-notificaction.component.mjs +1 -1
- package/esm2022/lib/navbar/components/icon-menu/s-icon-menu.component.mjs +1 -1
- package/esm2022/lib/navbar/components/menu-main/s-menu-main.component.mjs +1 -1
- package/esm2022/lib/navbar/s-navbar.component.mjs +3 -3
- package/esm2022/lib/pagination/s-pagination.component.mjs +1 -1
- package/esm2022/lib/popup/s-popup.component.mjs +1 -1
- package/esm2022/lib/precode/s-precode.component.mjs +1 -1
- package/esm2022/lib/progressbar/s-progressbar.component.mjs +1 -1
- package/esm2022/lib/select/select/s-select.component.mjs +10 -9
- package/esm2022/lib/select/select-multiple/s-select-multiple.component.mjs +3 -3
- package/esm2022/lib/select/select-multiple-old/s-select-multiple-old.component.mjs +3 -3
- package/esm2022/lib/select/select-simple/s-select-simple.component.mjs +3 -3
- package/esm2022/lib/sidebar/s-sidebar.component.mjs +3 -3
- package/esm2022/lib/sub-menu/s-sub-menu.component.mjs +3 -3
- package/esm2022/lib/table-complete/table-complete.component.mjs +14 -5
- package/esm2022/lib/table-double/table-double.component.mjs +188 -63
- package/esm2022/lib/table-double/table-double.model.mjs +1 -1
- package/esm2022/lib/table-double-complete/index.mjs +3 -0
- package/esm2022/lib/table-double-complete/table-double-complete.component.mjs +270 -0
- package/esm2022/lib/table-double-complete/table-double-complete.model.mjs +2 -0
- package/esm2022/lib/table-t/s-tablet-model.mjs +1 -1
- package/esm2022/lib/table-t/s-tablet.component.mjs +7 -4
- package/esm2022/lib/table-t/table-actions-buttons/table-actions-buttons.component.mjs +3 -3
- package/esm2022/lib/tabs/s-tabs.component.mjs +2 -2
- package/esm2022/lib/timeline/s-timeline.component.mjs +3 -3
- package/esm2022/lib/toast/s-toast.component.mjs +1 -1
- package/esm2022/lib/toggle-switch/s-toggle-switch.component.mjs +3 -3
- package/esm2022/lib/toggle-switch/toggle-switch-form/toggle-switch-form.component.mjs +1 -1
- package/esm2022/lib/toolbar-top/toolbar-top.component.mjs +4 -6
- package/esm2022/lib/tree-list/s-tree-list.component.mjs +1 -1
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/sidesys-generic-ui.mjs +574 -184
- package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
- package/lib/avatar/components/profile-group/s-profile-group.component.d.ts +1 -1
- package/lib/avatar/s-avatar.component.d.ts +1 -3
- package/lib/icon-material/s-icon-material.component.d.ts +1 -2
- package/lib/icon-material/s-icon-material.model.d.ts +1 -2
- package/lib/input/components/input/s-input-model.d.ts +2 -0
- package/lib/input/components/input/s-input.component.d.ts +2 -2
- package/lib/modal/modal-confirm/models/modal-confirm.interface.d.ts +1 -1
- package/lib/table-complete/table-complete.component.d.ts +4 -0
- package/lib/table-double/table-double.component.d.ts +42 -25
- package/lib/table-double/table-double.model.d.ts +23 -4
- package/lib/table-double-complete/index.d.ts +2 -0
- package/lib/table-double-complete/table-double-complete.component.d.ts +41 -0
- package/lib/table-double-complete/table-double-complete.model.d.ts +39 -0
- package/lib/table-t/s-tablet-model.d.ts +2 -0
- package/lib/table-t/s-tablet.component.d.ts +2 -1
- package/lib/toolbar-top/toolbar-top.component.d.ts +2 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -4,37 +4,37 @@ import * as i1 from "../../s-avatar.component";
|
|
|
4
4
|
export class SProfileGroupComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.size = 'm'; //s , m , l , xl
|
|
7
|
-
this._size = '
|
|
7
|
+
this._size = 'lg';
|
|
8
8
|
}
|
|
9
9
|
ngOnInit() {
|
|
10
10
|
//TAMANOS DE AVATAR REFERIDO AL TALLE '128', '96', '48' , '32' , '24' , '16'
|
|
11
11
|
switch (this.size) {
|
|
12
|
-
case
|
|
13
|
-
this._size =
|
|
12
|
+
case 's':
|
|
13
|
+
this._size = 'md';
|
|
14
14
|
break;
|
|
15
|
-
case
|
|
16
|
-
this._size =
|
|
15
|
+
case 'm':
|
|
16
|
+
this._size = 'lg';
|
|
17
17
|
break;
|
|
18
|
-
case
|
|
19
|
-
this._size =
|
|
18
|
+
case 'l':
|
|
19
|
+
this._size = 'xl';
|
|
20
20
|
break;
|
|
21
|
-
case
|
|
22
|
-
this._size =
|
|
21
|
+
case 'xl':
|
|
22
|
+
this._size = 'xxl';
|
|
23
23
|
break;
|
|
24
24
|
default:
|
|
25
|
-
this._size =
|
|
25
|
+
this._size = 'lg';
|
|
26
26
|
break;
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProfileGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"s-profile-group\">\n
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"s-profile-group\">\n <div class=\"s-profile-group__content-right\">\n <s-avatar\n letters=\"{{ user?.letters }}\"\n display=\"{{ user?.display }}\"\n [size]=\"_size\"\n [urlProfileImage]=\"user?.url\"\n [status]=\"user?.status\"></s-avatar>\n </div>\n <div class=\"s-profile-group__content-left\">\n <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{ size }}\">{{ user?.name }}</p>\n <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{ size }}\">{{\n user?.email\n }}</span>\n </div>\n</div>\n", 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:.875rem}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:1.25rem}.s-profile-group__content-left__name--l{font-size:1rem;line-height:1.25rem}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:1.438rem}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:1rem;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:.75rem;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 }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProfileGroupComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
|
-
args: [{ selector: 's-profile-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-profile-group\">\n
|
|
34
|
+
args: [{ selector: 's-profile-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-profile-group\">\n <div class=\"s-profile-group__content-right\">\n <s-avatar\n letters=\"{{ user?.letters }}\"\n display=\"{{ user?.display }}\"\n [size]=\"_size\"\n [urlProfileImage]=\"user?.url\"\n [status]=\"user?.status\"></s-avatar>\n </div>\n <div class=\"s-profile-group__content-left\">\n <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{ size }}\">{{ user?.name }}</p>\n <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{ size }}\">{{\n user?.email\n }}</span>\n </div>\n</div>\n", 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:.875rem}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:1.25rem}.s-profile-group__content-left__name--l{font-size:1rem;line-height:1.25rem}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:1.438rem}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:1rem;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:.75rem;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
35
|
}], propDecorators: { size: [{
|
|
36
36
|
type: Input
|
|
37
37
|
}], user: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wcm9maWxlLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9jb21wb25lbnRzL3Byb2ZpbGUtZ3JvdXAvcy1wcm9maWxlLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9jb21wb25lbnRzL3Byb2ZpbGUtZ3JvdXAvcy1wcm9maWxlLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTNUUsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQU9XLFNBQUksR0FBVyxHQUFHLENBQUMsQ0FBQyxnQkFBZ0I7UUFFN0MsVUFBSyxHQUErQyxJQUFJLENBQUM7S0F1QjFEO0lBckJDLFFBQVE7UUFDTiw0RUFBNEU7UUFFNUUsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbEIsS0FBSyxHQUFHO2dCQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO2dCQUNsQixNQUFNO1lBQ1IsS0FBSyxHQUFHO2dCQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO2dCQUNsQixNQUFNO1lBQ1IsS0FBSyxHQUFHO2dCQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO2dCQUNsQixNQUFNO1lBQ1IsS0FBSyxJQUFJO2dCQUNQLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO2dCQUNuQixNQUFNO1lBQ1I7Z0JBQ0UsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQ2xCLE1BQU07UUFDVixDQUFDO0lBQ0gsQ0FBQzsrR0F6QlUsc0JBQXNCO21HQUF0QixzQkFBc0IsK0ZDVG5DLHNuQkFnQkE7OzRGRFBhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsaUJBR1osaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNVc2VyIH0gZnJvbSAnLi4vLi4vLi4vc3ViLW1lbnUvcy1zdWItbWVudS1tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtcHJvZmlsZS1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLXByb2ZpbGUtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zLXByb2ZpbGUtZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU1Byb2ZpbGVHcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNpemU6IHN0cmluZyA9ICdtJzsgLy9zICwgbSAsIGwgLCB4bFxuICBASW5wdXQoKSB1c2VyITogU1VzZXIgfCB1bmRlZmluZWQ7XG4gIF9zaXplOiAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnIHwgJ3h4bCcgfCAneHh4bCcgPSAnbGcnO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vVEFNQU5PUyBERSBBVkFUQVIgUkVGRVJJRE8gQUwgVEFMTEUgJzEyOCcsICc5NicsICc0OCcgLCAnMzInICwgJzI0JyAsICcxNidcblxuICAgIHN3aXRjaCAodGhpcy5zaXplKSB7XG4gICAgICBjYXNlICdzJzpcbiAgICAgICAgdGhpcy5fc2l6ZSA9ICdtZCc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnbSc6XG4gICAgICAgIHRoaXMuX3NpemUgPSAnbGcnO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2wnOlxuICAgICAgICB0aGlzLl9zaXplID0gJ3hsJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICd4bCc6XG4gICAgICAgIHRoaXMuX3NpemUgPSAneHhsJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICB0aGlzLl9zaXplID0gJ2xnJztcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicy1wcm9maWxlLWdyb3VwXCI+XG4gIDxkaXYgY2xhc3M9XCJzLXByb2ZpbGUtZ3JvdXBfX2NvbnRlbnQtcmlnaHRcIj5cbiAgICA8cy1hdmF0YXJcbiAgICAgIGxldHRlcnM9XCJ7eyB1c2VyPy5sZXR0ZXJzIH19XCJcbiAgICAgIGRpc3BsYXk9XCJ7eyB1c2VyPy5kaXNwbGF5IH19XCJcbiAgICAgIFtzaXplXT1cIl9zaXplXCJcbiAgICAgIFt1cmxQcm9maWxlSW1hZ2VdPVwidXNlcj8udXJsXCJcbiAgICAgIFtzdGF0dXNdPVwidXNlcj8uc3RhdHVzXCI+PC9zLWF2YXRhcj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzLXByb2ZpbGUtZ3JvdXBfX2NvbnRlbnQtbGVmdFwiPlxuICAgIDxwIGNsYXNzPVwicy1wcm9maWxlLWdyb3VwX19jb250ZW50LWxlZnRfX25hbWUgcy1wcm9maWxlLWdyb3VwX19jb250ZW50LWxlZnRfX25hbWUtLXt7IHNpemUgfX1cIj57eyB1c2VyPy5uYW1lIH19PC9wPlxuICAgIDxzcGFuIGNsYXNzPVwicy1wcm9maWxlLWdyb3VwX19jb250ZW50LWxlZnRfX2VtYWlsIHMtcHJvZmlsZS1ncm91cF9fY29udGVudC1sZWZ0X19lbWFpbC0te3sgc2l6ZSB9fVwiPnt7XG4gICAgICB1c2VyPy5lbWFpbFxuICAgIH19PC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -4,25 +4,29 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
import * as i2 from "../icon-material/s-icon-material.component";
|
|
5
5
|
import * as i3 from "../shared/image-loader.directive";
|
|
6
6
|
export class SAvatarComponent {
|
|
7
|
-
get status() {
|
|
7
|
+
get status() {
|
|
8
|
+
return this._status;
|
|
9
|
+
}
|
|
8
10
|
set status(val) {
|
|
9
|
-
this._status =
|
|
11
|
+
this._status =
|
|
12
|
+
['approved', 'declined', 'blocked', 'online', 'offline', 'busy'].indexOf(val) != -1 ? val : undefined;
|
|
10
13
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
set display(val) {
|
|
14
|
-
this._display = val ? ['icon', 'avatar', 'letters'].indexOf(val) != -1 ? val : 'icon' : 'icon';
|
|
14
|
+
get display() {
|
|
15
|
+
return this._display;
|
|
15
16
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
set size(val) {
|
|
19
|
-
this._size = ['128', '96', '48', '32', '24', '16'].indexOf(val) != -1 ? val : '128';
|
|
17
|
+
set display(val) {
|
|
18
|
+
this._display = val ? (['icon', 'avatar', 'letters'].indexOf(val) != -1 ? val : 'icon') : 'icon';
|
|
20
19
|
}
|
|
21
|
-
;
|
|
22
20
|
constructor() {
|
|
23
21
|
this.letters = 'NN';
|
|
22
|
+
// @Input()
|
|
23
|
+
// get size(): string { return this._size; }
|
|
24
|
+
// set size(val: string){
|
|
25
|
+
// this._size = ['128', '96', '48' , '32' , '24' , '16'].indexOf(val) != -1 ? val : '128';
|
|
26
|
+
// };
|
|
27
|
+
this.size = 'xxxl';
|
|
24
28
|
this._display = 'icon';
|
|
25
|
-
|
|
29
|
+
//_size: string = '128';
|
|
26
30
|
this._status = undefined;
|
|
27
31
|
}
|
|
28
32
|
ngOnInit() {
|
|
@@ -30,11 +34,11 @@ export class SAvatarComponent {
|
|
|
30
34
|
this.letters = this.letters.substring(0, 2);
|
|
31
35
|
}
|
|
32
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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}}\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\n <ng-container *ngSwitchCase=\"'approved'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'declined'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'blocked'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'online'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'offline'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'busy'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\n </div>\n </ng-container>\n\n </ng-container>\n <ng-container [ngSwitch]=\"display\">\n <ng-container *ngSwitchCase=\"'icon'\">\n <div class=\"s-avatar__dot-content content-person\">\n <s-icon-mat>person</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'avatar'\">\n <ng-container *ngIf=\"urlProfileImage\">\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'letters'\">\n <div class=\"s-avatar__dot-content content-letters\">\n <s-icon-mat>{{letters}}</s-icon-mat>\n </div>\n </ng-container>\n </ng-container>\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:.125rem 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:.125rem 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-
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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}}\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\n <ng-container *ngSwitchCase=\"'approved'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'declined'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'blocked'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'online'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'offline'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'busy'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\n </div>\n </ng-container>\n\n </ng-container>\n <ng-container [ngSwitch]=\"display\">\n <ng-container *ngSwitchCase=\"'icon'\">\n <div class=\"s-avatar__dot-content content-person\">\n <s-icon-mat>person</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'avatar'\">\n <ng-container *ngIf=\"urlProfileImage\">\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'letters'\">\n <div class=\"s-avatar__dot-content content-letters\">\n <s-icon-mat>{{letters}}</s-icon-mat>\n </div>\n </ng-container>\n </ng-container>\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:.125rem 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:.125rem 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-xxxl{height:8rem;width:8rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-xxxl .s-avatar__dot-state{transform:scale(1.2);bottom:6.563rem;left:5.813rem}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-xxl{height:6rem;width:6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-xxl .s-avatar__dot-state{transform:scale(1);bottom:4.688rem;left:3.938rem}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-xl{height:3rem;width:3rem}.s-avatar--size-xl .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-xl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-xl .s-avatar__dot-state{transform:scale(.8);bottom:1.875rem;left:1.813rem}.s-avatar--size-xl .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-xl .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-lg{height:2rem;width:2rem}.s-avatar--size-lg .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-lg .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-lg .s-avatar__dot-state{transform:scale(.6);bottom:.875rem;left:1.063rem}.s-avatar--size-lg .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-lg .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-md{height:1.5rem;width:1.5rem}.s-avatar--size-md .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-md .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-md .s-avatar__dot-state{transform:scale(.4);bottom:.5rem;left:.563rem}.s-avatar--size-md .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-md .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-sm{height:1rem;width:1rem}.s-avatar--size-sm .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-sm .s-avatar__dot-state{transform:scale(.3);bottom:.125rem;left:.125rem}.s-avatar--size-sm .s-avatar__dot-state .state-busy{bottom:1.688rem;left:1.688rem;position:absolute}.s-avatar--size-sm .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: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "directive", type: i3.ImageLoaderDirective, selector: "img[appImageLoader]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
38
|
}
|
|
35
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SAvatarComponent, decorators: [{
|
|
36
40
|
type: Component,
|
|
37
|
-
args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\n <ng-container *ngSwitchCase=\"'approved'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'declined'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'blocked'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'online'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'offline'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'busy'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\n </div>\n </ng-container>\n\n </ng-container>\n <ng-container [ngSwitch]=\"display\">\n <ng-container *ngSwitchCase=\"'icon'\">\n <div class=\"s-avatar__dot-content content-person\">\n <s-icon-mat>person</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'avatar'\">\n <ng-container *ngIf=\"urlProfileImage\">\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'letters'\">\n <div class=\"s-avatar__dot-content content-letters\">\n <s-icon-mat>{{letters}}</s-icon-mat>\n </div>\n </ng-container>\n </ng-container>\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:.125rem 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:.125rem 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-
|
|
41
|
+
args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\n <ng-container *ngSwitchCase=\"'approved'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'declined'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'blocked'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'online'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'offline'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'busy'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\n </div>\n </ng-container>\n\n </ng-container>\n <ng-container [ngSwitch]=\"display\">\n <ng-container *ngSwitchCase=\"'icon'\">\n <div class=\"s-avatar__dot-content content-person\">\n <s-icon-mat>person</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'avatar'\">\n <ng-container *ngIf=\"urlProfileImage\">\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'letters'\">\n <div class=\"s-avatar__dot-content content-letters\">\n <s-icon-mat>{{letters}}</s-icon-mat>\n </div>\n </ng-container>\n </ng-container>\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:.125rem 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:.125rem 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-xxxl{height:8rem;width:8rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-xxxl .s-avatar__dot-state{transform:scale(1.2);bottom:6.563rem;left:5.813rem}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-xxl{height:6rem;width:6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-xxl .s-avatar__dot-state{transform:scale(1);bottom:4.688rem;left:3.938rem}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-xl{height:3rem;width:3rem}.s-avatar--size-xl .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-xl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-xl .s-avatar__dot-state{transform:scale(.8);bottom:1.875rem;left:1.813rem}.s-avatar--size-xl .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-xl .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-lg{height:2rem;width:2rem}.s-avatar--size-lg .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-lg .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-lg .s-avatar__dot-state{transform:scale(.6);bottom:.875rem;left:1.063rem}.s-avatar--size-lg .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-lg .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-md{height:1.5rem;width:1.5rem}.s-avatar--size-md .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-md .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-md .s-avatar__dot-state{transform:scale(.4);bottom:.5rem;left:.563rem}.s-avatar--size-md .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-md .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-sm{height:1rem;width:1rem}.s-avatar--size-sm .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-sm .s-avatar__dot-state{transform:scale(.3);bottom:.125rem;left:.125rem}.s-avatar--size-sm .s-avatar__dot-state .state-busy{bottom:1.688rem;left:1.688rem;position:absolute}.s-avatar--size-sm .s-avatar__dot-state .state-blocked span{font-size:.8rem;padding:.3rem}\n"] }]
|
|
38
42
|
}], ctorParameters: () => [], propDecorators: { urlProfileImage: [{
|
|
39
43
|
type: Input
|
|
40
44
|
}], letters: [{
|
|
@@ -46,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
46
50
|
}], size: [{
|
|
47
51
|
type: Input
|
|
48
52
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hdmF0YXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYXZhdGFyL3MtYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9zLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRNUUsTUFBTSxPQUFPLGdCQUFnQjtJQUczQixJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksTUFBTSxDQUFDLEdBQW9CO1FBQzdCLElBQUksQ0FBQyxPQUFPO1lBQ1YsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDMUcsQ0FBQztJQUNELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFBSSxPQUFPLENBQUMsR0FBdUI7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ25HLENBQUM7SUFhRDtRQTVCUyxZQUFPLEdBQVksSUFBSSxDQUFDO1FBZ0JqQyxXQUFXO1FBQ1gsNENBQTRDO1FBQzVDLHlCQUF5QjtRQUN6Qiw0RkFBNEY7UUFDNUYsS0FBSztRQUVJLFNBQUksR0FBK0MsTUFBTSxDQUFDO1FBRW5FLGFBQVEsR0FBVyxNQUFNLENBQUM7UUFDMUIsd0JBQXdCO1FBQ3hCLFlBQU8sR0FBUSxTQUFTLENBQUM7SUFFVixDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPO1lBQUUsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDaEUsQ0FBQzsrR0FsQ1UsZ0JBQWdCO21HQUFoQixnQkFBZ0Isd0tDUjdCLCtnRUFpRE07OzRGRHpDTyxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxpQkFHTCxpQkFBaUIsQ0FBQyxJQUFJO3dEQUc1QixlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFRixNQUFNO3NCQURULEtBQUs7Z0JBU0YsT0FBTztzQkFEVixLQUFLO2dCQWFHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zLWF2YXRhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBTQXZhdGFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdXJsUHJvZmlsZUltYWdlPzogc3RyaW5nO1xuICBASW5wdXQoKSBsZXR0ZXJzPzogc3RyaW5nID0gJ05OJztcbiAgQElucHV0KClcbiAgZ2V0IHN0YXR1cygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9zdGF0dXM7XG4gIH1cbiAgc2V0IHN0YXR1cyh2YWw6IGFueSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuX3N0YXR1cyA9XG4gICAgICBbJ2FwcHJvdmVkJywgJ2RlY2xpbmVkJywgJ2Jsb2NrZWQnLCAnb25saW5lJywgJ29mZmxpbmUnLCAnYnVzeSddLmluZGV4T2YodmFsKSAhPSAtMSA/IHZhbCA6IHVuZGVmaW5lZDtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgZGlzcGxheSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9kaXNwbGF5O1xuICB9XG4gIHNldCBkaXNwbGF5KHZhbDogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5fZGlzcGxheSA9IHZhbCA/IChbJ2ljb24nLCAnYXZhdGFyJywgJ2xldHRlcnMnXS5pbmRleE9mKHZhbCkgIT0gLTEgPyB2YWwgOiAnaWNvbicpIDogJ2ljb24nO1xuICB9XG4gIC8vIEBJbnB1dCgpXG4gIC8vIGdldCBzaXplKCk6IHN0cmluZyB7IHJldHVybiB0aGlzLl9zaXplOyB9XG4gIC8vIHNldCBzaXplKHZhbDogc3RyaW5nKXtcbiAgLy8gICB0aGlzLl9zaXplID0gWycxMjgnLCAnOTYnLCAnNDgnICwgJzMyJyAsICcyNCcgLCAnMTYnXS5pbmRleE9mKHZhbCkgIT0gLTEgPyB2YWwgOiAnMTI4JztcbiAgLy8gfTtcblxuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnIHwgJ3h4bCcgfCAneHh4bCcgPSAneHh4bCc7XG5cbiAgX2Rpc3BsYXk6IHN0cmluZyA9ICdpY29uJztcbiAgLy9fc2l6ZTogc3RyaW5nID0gJzEyOCc7XG4gIF9zdGF0dXM6IGFueSA9IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubGV0dGVycykgdGhpcy5sZXR0ZXJzID0gdGhpcy5sZXR0ZXJzLnN1YnN0cmluZygwLCAyKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInMtYXZhdGFyIG5vLXNlbGVjdCBzLWF2YXRhci0tc2l6ZS17e3NpemV9fVwiPlxuICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic3RhdHVzXCI+XG5cbiAgICAgIDwhLS0gIFR5cGUgb2Ygc3RhdHVzIGFwcHJvdmVkICwgZGVjbGluZWQgLCBibG9ja2VkICwgb25saW5lICwgb2ZmbGluZSAsIGJ1c3kgLS0+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXBwcm92ZWQnXCI+XG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJzdGF0ZS17e3N0YXR1c319XCI+Y2hlY2tfY2lyY2xlPC9zLWljb24tbWF0PlxuICAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidkZWNsaW5lZCdcIj5cbiAgICAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlXCI+XG4gICAgICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInN0YXRlLXt7c3RhdHVzfX1cIj5jYW5jZWw8L3MtaWNvbi1tYXQ+XG4gICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Jsb2NrZWQnXCI+XG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJzdGF0ZS17e3N0YXR1c319XCI+bG9jazwvcy1pY29uLW1hdD5cbiAgICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInb25saW5lJ1wiPlxuICAgICAgICAgPGRpdiBjbGFzcz1cInMtYXZhdGFyX19kb3Qtc3RhdGUgc3RhdGUte3tzdGF0dXN9fVwiPjwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInb2ZmbGluZSdcIj5cbiAgICAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlIHN0YXRlLXt7c3RhdHVzfX1cIj48L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2J1c3knXCI+XG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJzdGF0ZS17e3N0YXR1c319XCI+cmVtb3ZlPC9zLWljb24tbWF0PlxuICAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgPC9uZy1jb250YWluZXI+XG4gICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJkaXNwbGF5XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInaWNvbidcIj5cbiAgICAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LWNvbnRlbnQgY29udGVudC1wZXJzb25cIj5cbiAgICAgICAgICAgIDxzLWljb24tbWF0PnBlcnNvbjwvcy1pY29uLW1hdD5cbiAgICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXZhdGFyJ1wiPlxuICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVybFByb2ZpbGVJbWFnZVwiPlxuICAgICAgICAgICAgPGltZyBhcHBJbWFnZUxvYWRlciBjbGFzcz1cInMtYXZhdGFyX19kb3QtY29udGVudCB1cmxQcm9maWxlXCIgc3JjPVwie3t1cmxQcm9maWxlSW1hZ2V9fVwiIGFsdD1cIlwiPlxuICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidsZXR0ZXJzJ1wiPlxuICAgICAgICAgPGRpdiBjbGFzcz1cInMtYXZhdGFyX19kb3QtY29udGVudCBjb250ZW50LWxldHRlcnNcIj5cbiAgICAgICAgICAgIDxzLWljb24tbWF0Pnt7bGV0dGVyc319PC9zLWljb24tbWF0PlxuICAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+Il19
|
|
@@ -11,7 +11,7 @@ export class SBadgeComponent {
|
|
|
11
11
|
ngOnInit() {
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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 : ''}}\">\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n <ng-content></ng-content>\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-.063rem;margin-right:.25rem}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:1.125rem;width:max-content;display:inline-flex;align-items:center;margin:.125rem;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: ["name", "size", "fill", "weight", "grade", "
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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 : ''}}\">\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n <ng-content></ng-content>\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-.063rem;margin-right:.25rem}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:1.125rem;width:max-content;display:inline-flex;align-items:center;margin:.125rem;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: ["name", "size", "fill", "weight", "grade", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBadgeComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
@@ -19,7 +19,7 @@ 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: "18.2.13", ngImport: i0, type: SBreadcrumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { nav: "nav", size: "size" }, ngImport: i0, template: "<div class=\"s-breadcrum mb-3 s-scroll\">\n <div class=\"s-breadcrum__content s-breadcrum__content--size-{{size}}\" *ngFor=\"let nv of nav ; index as i\">\n <div class=\"s-breadcrum__content__texts\">\n <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-left']\">\n <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{nv.title}}</h4>\n <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\n </a>\n </div>\n <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\n </div>\n</div>", styles: [".s-breadcrum{color:var(--text);display:flex;align-items:center;width:fit-content;font-weight:400;max-width:100%;overflow-x:auto}.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);white-space:nowrap}.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: ["name", "size", "fill", "weight", "grade", "
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { nav: "nav", size: "size" }, ngImport: i0, template: "<div class=\"s-breadcrum mb-3 s-scroll\">\n <div class=\"s-breadcrum__content s-breadcrum__content--size-{{size}}\" *ngFor=\"let nv of nav ; index as i\">\n <div class=\"s-breadcrum__content__texts\">\n <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-left']\">\n <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{nv.title}}</h4>\n <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\n </a>\n </div>\n <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\n </div>\n</div>", styles: [".s-breadcrum{color:var(--text);display:flex;align-items:center;width:fit-content;font-weight:400;max-width:100%;overflow-x:auto}.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);white-space:nowrap}.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: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBreadcrumComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
@@ -39,11 +39,11 @@ export class SCardComponent {
|
|
|
39
39
|
this.checkEvent.emit(event);
|
|
40
40
|
}
|
|
41
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SCardComponent, selector: "s-card", inputs: { title: "title", subtitle: "subtitle", menu: "menu", check: "check", showHorizontal: "showHorizontal", image: "image", fullimage: "fullimage", icon: "icon", size: "size", label: "label", shadow: "shadow" }, outputs: { clickEvent: "clickEvent", checkEvent: "checkEvent" }, ngImport: i0, template: "<div class=\"s-card s-card--{{size}} s-card--shadow-{{shadow}}\">\n
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SCardComponent, selector: "s-card", inputs: { title: "title", subtitle: "subtitle", menu: "menu", check: "check", showHorizontal: "showHorizontal", image: "image", fullimage: "fullimage", icon: "icon", size: "size", label: "label", shadow: "shadow" }, outputs: { clickEvent: "clickEvent", checkEvent: "checkEvent" }, ngImport: i0, template: "<div class=\"s-card s-card--{{ size }} s-card--shadow-{{ shadow }}\">\n <div *ngIf=\"!showHorizontal && check\" class=\"s-card__check\">\n <s-checkbox-old\n class=\"s-card__check-component\"\n [value]=\"check.value\"\n [model]=\"check.model\"\n [disabled]=\"check.disabled\"\n [isUndefined]=\"check.undefined\"\n (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n\n <div *ngIf=\"!showHorizontal && image\" [ngClass]=\"fullimage ? 's-card__content-image-full' : 's-card__content-image'\">\n <img [src]=\"localImage\" alt=\"card-image\" />\n </div>\n <div *ngIf=\"!showHorizontal && !image && icon\" class=\"s-card__content-image\">\n <s-icon-mat>{{ icon }}</s-icon-mat>\n </div>\n\n <div class=\"s-card__header\" [ngClass]=\"{ 's-card__header-horizontal': showHorizontal }\">\n <div class=\"s-card__check-horizontal\" *ngIf=\"showHorizontal && check\">\n <s-checkbox-old\n *ngIf=\"showHorizontal && check\"\n [value]=\"check.value\"\n [model]=\"check.model\"\n [disabled]=\"check.disabled\"\n [isUndefined]=\"check.undefined\"\n (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n <h6 *ngIf=\"title\">{{ title }}</h6>\n <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{ subtitle }}</span>\n <div *ngIf=\"menu\" class=\"s-card__header-menu-section\">\n <s-icon-mat class=\"s-card__header-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\n <s-sub-menu\n *ngIf=\"showDropDownCard\"\n class=\"s-card__submenu\"\n [menu]=\"menu\"\n (changeMenuEvent)=\"onClickEvent($event)\"\n (closeMenuEvent)=\"showDropDown()\"></s-sub-menu>\n </div>\n <ng-content *ngIf=\"!showHorizontal\"></ng-content>\n <s-tag *ngIf=\"label\" type=\"green\">{{ label }}</s-tag>\n </div>\n</div>\n", styles: [".s-card{color:var(--secondary-700);min-width:0;word-wrap:break-word;background-color:var(--neutrals-1200);border-radius:.25rem;display:inline-block;margin-bottom:.5rem}.s-card--shadow-0{box-shadow:var(--E000)}.s-card--shadow-100{box-shadow:var(--E100)}.s-card--shadow-200{box-shadow:var(--E200)}.s-card--shadow-300{box-shadow:var(--E300)}.s-card--shadow-400{box-shadow:var(--E400)}.s-card--shadow-500{box-shadow:var(--E500)}.s-card--shadow-600{box-shadow:var(--E600)}.s-card--sm{width:25%}.s-card--sm:nth-child(4n+1){margin-right:.313rem}.s-card--sm:nth-child(4n+4){margin-right:0}.s-card--md{width:50%}.s-card--lg{width:75%}.s-card--full{width:100%}.s-card__check{position:relative}.s-card__check-component{position:absolute;top:.625rem;left:.625rem}.s-card__check-horizontal{display:inline-block;display:flex;flex-direction:column;justify-content:center;padding:.313rem 1.25rem 0 0}.s-card__content-image{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-card__content-image img{max-width:100%;height:12.5rem;border-radius:.25rem .25rem 0 0}.s-card__content-image-full{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;height:12.5rem;max-width:100%;display:flex}.s-card__content-image-full img{border-radius:.25rem .25rem 0 0;width:100%;height:auto;object-fit:cover;object-position:center}.s-card__header{padding:1rem;position:relative;display:flex;flex-direction:column;background-clip:border-box}.s-card__header-horizontal{flex-direction:row}.s-card__header-menu-section{position:absolute;right:1rem}.s-card__header-menu{cursor:pointer;color:var(--primary-600)}.s-card__submenu{position:absolute;z-index:2;right:0;width:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "component", type: i4.STagComponent, selector: "s-tag", inputs: ["type", "size", "disabled"] }, { kind: "component", type: i5.SCheckboxOldComponent, selector: "s-checkbox-old", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive", "tabIndex"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SSubMenuComponent, selector: "s-sub-menu", inputs: ["menu"], outputs: ["changeMenuEvent", "closeMenuEvent"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
|
-
args: [{ selector: 's-card', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-card s-card--{{size}} s-card--shadow-{{shadow}}\">\n
|
|
46
|
+
args: [{ selector: 's-card', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-card s-card--{{ size }} s-card--shadow-{{ shadow }}\">\n <div *ngIf=\"!showHorizontal && check\" class=\"s-card__check\">\n <s-checkbox-old\n class=\"s-card__check-component\"\n [value]=\"check.value\"\n [model]=\"check.model\"\n [disabled]=\"check.disabled\"\n [isUndefined]=\"check.undefined\"\n (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n\n <div *ngIf=\"!showHorizontal && image\" [ngClass]=\"fullimage ? 's-card__content-image-full' : 's-card__content-image'\">\n <img [src]=\"localImage\" alt=\"card-image\" />\n </div>\n <div *ngIf=\"!showHorizontal && !image && icon\" class=\"s-card__content-image\">\n <s-icon-mat>{{ icon }}</s-icon-mat>\n </div>\n\n <div class=\"s-card__header\" [ngClass]=\"{ 's-card__header-horizontal': showHorizontal }\">\n <div class=\"s-card__check-horizontal\" *ngIf=\"showHorizontal && check\">\n <s-checkbox-old\n *ngIf=\"showHorizontal && check\"\n [value]=\"check.value\"\n [model]=\"check.model\"\n [disabled]=\"check.disabled\"\n [isUndefined]=\"check.undefined\"\n (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n <h6 *ngIf=\"title\">{{ title }}</h6>\n <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{ subtitle }}</span>\n <div *ngIf=\"menu\" class=\"s-card__header-menu-section\">\n <s-icon-mat class=\"s-card__header-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\n <s-sub-menu\n *ngIf=\"showDropDownCard\"\n class=\"s-card__submenu\"\n [menu]=\"menu\"\n (changeMenuEvent)=\"onClickEvent($event)\"\n (closeMenuEvent)=\"showDropDown()\"></s-sub-menu>\n </div>\n <ng-content *ngIf=\"!showHorizontal\"></ng-content>\n <s-tag *ngIf=\"label\" type=\"green\">{{ label }}</s-tag>\n </div>\n</div>\n", styles: [".s-card{color:var(--secondary-700);min-width:0;word-wrap:break-word;background-color:var(--neutrals-1200);border-radius:.25rem;display:inline-block;margin-bottom:.5rem}.s-card--shadow-0{box-shadow:var(--E000)}.s-card--shadow-100{box-shadow:var(--E100)}.s-card--shadow-200{box-shadow:var(--E200)}.s-card--shadow-300{box-shadow:var(--E300)}.s-card--shadow-400{box-shadow:var(--E400)}.s-card--shadow-500{box-shadow:var(--E500)}.s-card--shadow-600{box-shadow:var(--E600)}.s-card--sm{width:25%}.s-card--sm:nth-child(4n+1){margin-right:.313rem}.s-card--sm:nth-child(4n+4){margin-right:0}.s-card--md{width:50%}.s-card--lg{width:75%}.s-card--full{width:100%}.s-card__check{position:relative}.s-card__check-component{position:absolute;top:.625rem;left:.625rem}.s-card__check-horizontal{display:inline-block;display:flex;flex-direction:column;justify-content:center;padding:.313rem 1.25rem 0 0}.s-card__content-image{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-card__content-image img{max-width:100%;height:12.5rem;border-radius:.25rem .25rem 0 0}.s-card__content-image-full{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;height:12.5rem;max-width:100%;display:flex}.s-card__content-image-full img{border-radius:.25rem .25rem 0 0;width:100%;height:auto;object-fit:cover;object-position:center}.s-card__header{padding:1rem;position:relative;display:flex;flex-direction:column;background-clip:border-box}.s-card__header-horizontal{flex-direction:row}.s-card__header-menu-section{position:absolute;right:1rem}.s-card__header-menu{cursor:pointer;color:var(--primary-600)}.s-card__submenu{position:absolute;z-index:2;right:0;width:auto}\n"] }]
|
|
47
47
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { title: [{
|
|
48
48
|
type: Input
|
|
49
49
|
}], subtitle: [{
|
|
@@ -71,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
71
71
|
}], checkEvent: [{
|
|
72
72
|
type: Output
|
|
73
73
|
}] } });
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBV2xHLE1BQU0sT0FBTyxjQUFjO0lBbUJ6QixZQUFvQixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQWxCckMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBRXRCLFVBQUssR0FBdUIsSUFBSSxDQUFDO1FBQ2pDLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBQ2hDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFNBQUksR0FBZ0MsTUFBTSxDQUFDO1FBQzNDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsV0FBTSxHQUEwQyxHQUFHLENBQUM7UUFFbkQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFL0MscUJBQWdCLEdBQVksS0FBSyxDQUFDO0lBSWxDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsOEJBQThCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pGLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqRCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzsrR0F2Q1UsY0FBYzttR0FBZCxjQUFjLHVVQ1gzQixnM0RBMkNBOzs0RkRoQ2EsY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxRQUFRLGlCQUdILGlCQUFpQixDQUFDLElBQUk7aUZBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVJlc291cmNlVXJsIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBTQ2hlY2tEYXRhIH0gZnJvbSAnLi9zLWNhcmQtbW9kZWxzJztcbmltcG9ydCB7IFNTdWJNZW51IH0gZnJvbSAnLi4vc3ViLW1lbnUvcy1zdWItbWVudS1tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU0NhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHN1YnRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbWVudT86IFNTdWJNZW51O1xuICBASW5wdXQoKSBjaGVjaz86IFNDaGVja0RhdGEgfCBudWxsID0gbnVsbDtcbiAgQElucHV0KCkgc2hvd0hvcml6b250YWw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaW1hZ2U6IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIGZ1bGxpbWFnZTogYm9vbGVhbiA9IGZhbHNlOyAgXG4gIEBJbnB1dCgpIGljb246IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIHNpemU6IFwic21cIiB8IFwibWRcIiB8IFwibGdcIiB8IFwiZnVsbFwiID0gXCJmdWxsXCI7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBzaGFkb3c6IDAgfCAxMDAgfCAyMDAgfCAzMDAgfCA0MDAgfCA1MDAgfCA2MDAgPSAxMDA7XG5cbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGNoZWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBzaG93RHJvcERvd25DYXJkOiBib29sZWFuID0gZmFsc2U7XG4gIGxvY2FsSW1hZ2U6IFNhZmVSZXNvdXJjZVVybCB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pbWFnZSkge1xuICAgICAgdGhpcy5sb2NhbEltYWdlID0gdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKHRoaXMuaW1hZ2UpO1xuICAgIH1cbiAgfVxuXG4gIHNob3dEcm9wRG93bigpIHtcbiAgICB0aGlzLnNob3dEcm9wRG93bkNhcmQgPSAhdGhpcy5zaG93RHJvcERvd25DYXJkO1xuICB9XG5cbiAgb25DbGlja0V2ZW50KGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnNob3dEcm9wRG93bkNhcmQgPSBmYWxzZTtcbiAgICB0aGlzLmNsaWNrRXZlbnQubmV4dChldmVudCk7XG4gIH1cblxuICBvbkNoZWNrRXZlbnQoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMuY2hlY2tFdmVudC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInMtY2FyZCBzLWNhcmQtLXt7IHNpemUgfX0gcy1jYXJkLS1zaGFkb3cte3sgc2hhZG93IH19XCI+XG4gIDxkaXYgKm5nSWY9XCIhc2hvd0hvcml6b250YWwgJiYgY2hlY2tcIiBjbGFzcz1cInMtY2FyZF9fY2hlY2tcIj5cbiAgICA8cy1jaGVja2JveC1vbGRcbiAgICAgIGNsYXNzPVwicy1jYXJkX19jaGVjay1jb21wb25lbnRcIlxuICAgICAgW3ZhbHVlXT1cImNoZWNrLnZhbHVlXCJcbiAgICAgIFttb2RlbF09XCJjaGVjay5tb2RlbFwiXG4gICAgICBbZGlzYWJsZWRdPVwiY2hlY2suZGlzYWJsZWRcIlxuICAgICAgW2lzVW5kZWZpbmVkXT1cImNoZWNrLnVuZGVmaW5lZFwiXG4gICAgICAoZW1pdFNlbGVjdGlvbik9XCJvbkNoZWNrRXZlbnQoJGV2ZW50KVwiPjwvcy1jaGVja2JveC1vbGQ+XG4gIDwvZGl2PlxuXG4gIDxkaXYgKm5nSWY9XCIhc2hvd0hvcml6b250YWwgJiYgaW1hZ2VcIiBbbmdDbGFzc109XCJmdWxsaW1hZ2UgPyAncy1jYXJkX19jb250ZW50LWltYWdlLWZ1bGwnIDogJ3MtY2FyZF9fY29udGVudC1pbWFnZSdcIj5cbiAgICA8aW1nIFtzcmNdPVwibG9jYWxJbWFnZVwiIGFsdD1cImNhcmQtaW1hZ2VcIiAvPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cIiFzaG93SG9yaXpvbnRhbCAmJiAhaW1hZ2UgJiYgaWNvblwiIGNsYXNzPVwicy1jYXJkX19jb250ZW50LWltYWdlXCI+XG4gICAgPHMtaWNvbi1tYXQ+e3sgaWNvbiB9fTwvcy1pY29uLW1hdD5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInMtY2FyZF9faGVhZGVyXCIgW25nQ2xhc3NdPVwieyAncy1jYXJkX19oZWFkZXItaG9yaXpvbnRhbCc6IHNob3dIb3Jpem9udGFsIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwicy1jYXJkX19jaGVjay1ob3Jpem9udGFsXCIgKm5nSWY9XCJzaG93SG9yaXpvbnRhbCAmJiBjaGVja1wiPlxuICAgICAgPHMtY2hlY2tib3gtb2xkXG4gICAgICAgICpuZ0lmPVwic2hvd0hvcml6b250YWwgJiYgY2hlY2tcIlxuICAgICAgICBbdmFsdWVdPVwiY2hlY2sudmFsdWVcIlxuICAgICAgICBbbW9kZWxdPVwiY2hlY2subW9kZWxcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiY2hlY2suZGlzYWJsZWRcIlxuICAgICAgICBbaXNVbmRlZmluZWRdPVwiY2hlY2sudW5kZWZpbmVkXCJcbiAgICAgICAgKGVtaXRTZWxlY3Rpb24pPVwib25DaGVja0V2ZW50KCRldmVudClcIj48L3MtY2hlY2tib3gtb2xkPlxuICAgIDwvZGl2PlxuICAgIDxoNiAqbmdJZj1cInRpdGxlXCI+e3sgdGl0bGUgfX08L2g2PlxuICAgIDxzcGFuICpuZ0lmPVwiIXNob3dIb3Jpem9udGFsICYmIHN1YnRpdGxlXCIgY2xhc3M9XCJzLWNhcHRpb25cIj57eyBzdWJ0aXRsZSB9fTwvc3Bhbj5cbiAgICA8ZGl2ICpuZ0lmPVwibWVudVwiIGNsYXNzPVwicy1jYXJkX19oZWFkZXItbWVudS1zZWN0aW9uXCI+XG4gICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInMtY2FyZF9faGVhZGVyLW1lbnVcIiAqbmdJZj1cIm1lbnVcIiAoY2xpY2spPVwic2hvd0Ryb3BEb3duKClcIj5tb3JlX3ZlcnQ8L3MtaWNvbi1tYXQ+XG4gICAgICA8cy1zdWItbWVudVxuICAgICAgICAqbmdJZj1cInNob3dEcm9wRG93bkNhcmRcIlxuICAgICAgICBjbGFzcz1cInMtY2FyZF9fc3VibWVudVwiXG4gICAgICAgIFttZW51XT1cIm1lbnVcIlxuICAgICAgICAoY2hhbmdlTWVudUV2ZW50KT1cIm9uQ2xpY2tFdmVudCgkZXZlbnQpXCJcbiAgICAgICAgKGNsb3NlTWVudUV2ZW50KT1cInNob3dEcm9wRG93bigpXCI+PC9zLXN1Yi1tZW51PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiIXNob3dIb3Jpem9udGFsXCI+PC9uZy1jb250ZW50PlxuICAgIDxzLXRhZyAqbmdJZj1cImxhYmVsXCIgdHlwZT1cImdyZWVuXCI+e3sgbGFiZWwgfX08L3MtdGFnPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -9,11 +9,11 @@ export class SCollapseComponent {
|
|
|
9
9
|
this.arrowClick = new EventEmitter();
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SCollapseComponent, selector: "s-collapse", inputs: { title: "title", subtitle: "subtitle", expand: "expand" }, outputs: { arrowClick: "arrowClick" }, ngImport: i0, template: "<div class=\"s-collapse\">\n
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SCollapseComponent, selector: "s-collapse", inputs: { title: "title", subtitle: "subtitle", expand: "expand" }, outputs: { arrowClick: "arrowClick" }, ngImport: i0, template: "<div class=\"s-collapse\">\n <div class=\"s-collapse__header\" [ngClass]=\"expand ? 'open' : 'close'\">\n <div class=\"s-collapse__header__title\">\n <span class=\"s-collapse__header__title__text\">{{ title }}</span>\n <span class=\"s-collapse__header__title__subtext\" *ngIf=\"subtitle\">{{ subtitle }}</span>\n </div>\n <div class=\"s-collapse__header__arrow\">\n <div\n class=\"s-collapse__header__arrow__content no-select\"\n [ngClass]=\"expand ? 'open' : 'close'\"\n tabindex=\"0\"\n (keydown.enter)=\"arrowClick.emit(!expand)\"\n (click)=\"arrowClick.emit(!expand)\">\n <s-icon-mat size=\"md\" class=\"s-collapse__header__arrow__content__icon\">chevron_right</s-icon-mat>\n </div>\n </div>\n </div>\n\n <div class=\"s-collapse__body\" [ngClass]=\"expand ? 'open' : 'close'\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".s-collapse{border:.063rem solid var(--neutrals-900);border-radius:.25rem;margin:.313rem 0}.s-collapse__header{display:grid;grid-template-columns:90fr 5fr;gap:.625rem;padding:.625rem;border-top-left-radius:.25rem}.s-collapse__header.open{border-left:.25rem solid var(--primary-600)}.s-collapse__header.close{border-left:.25rem solid transparent}.s-collapse__header__title{display:flex;flex-direction:column}.s-collapse__header__title__text{color:var(--secondary-600);font-size:1rem;font-weight:700}.s-collapse__header__title__subtext{color:var(--primary-600);font-size:.75rem}.s-collapse__header__arrow{display:flex;align-items:center;justify-content:center}.s-collapse__header__arrow__content{cursor:pointer;border-radius:.25rem;background-color:var(--primary-100);color:var(--primary-600);padding:.313rem}.s-collapse__header__arrow__content:hover{background-color:var(--primary-300)}.s-collapse__header__arrow__content.close{transform:rotate(90deg)}.s-collapse__header__arrow__content.open{transform:rotate(270deg)}.s-collapse__body{border-bottom-left-radius:.25rem}.s-collapse__body.open{display:block;border-left:.25rem solid var(--primary-600)}.s-collapse__body.close{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCollapseComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 's-collapse', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-collapse\">\n
|
|
16
|
+
args: [{ selector: 's-collapse', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-collapse\">\n <div class=\"s-collapse__header\" [ngClass]=\"expand ? 'open' : 'close'\">\n <div class=\"s-collapse__header__title\">\n <span class=\"s-collapse__header__title__text\">{{ title }}</span>\n <span class=\"s-collapse__header__title__subtext\" *ngIf=\"subtitle\">{{ subtitle }}</span>\n </div>\n <div class=\"s-collapse__header__arrow\">\n <div\n class=\"s-collapse__header__arrow__content no-select\"\n [ngClass]=\"expand ? 'open' : 'close'\"\n tabindex=\"0\"\n (keydown.enter)=\"arrowClick.emit(!expand)\"\n (click)=\"arrowClick.emit(!expand)\">\n <s-icon-mat size=\"md\" class=\"s-collapse__header__arrow__content__icon\">chevron_right</s-icon-mat>\n </div>\n </div>\n </div>\n\n <div class=\"s-collapse__body\" [ngClass]=\"expand ? 'open' : 'close'\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".s-collapse{border:.063rem solid var(--neutrals-900);border-radius:.25rem;margin:.313rem 0}.s-collapse__header{display:grid;grid-template-columns:90fr 5fr;gap:.625rem;padding:.625rem;border-top-left-radius:.25rem}.s-collapse__header.open{border-left:.25rem solid var(--primary-600)}.s-collapse__header.close{border-left:.25rem solid transparent}.s-collapse__header__title{display:flex;flex-direction:column}.s-collapse__header__title__text{color:var(--secondary-600);font-size:1rem;font-weight:700}.s-collapse__header__title__subtext{color:var(--primary-600);font-size:.75rem}.s-collapse__header__arrow{display:flex;align-items:center;justify-content:center}.s-collapse__header__arrow__content{cursor:pointer;border-radius:.25rem;background-color:var(--primary-100);color:var(--primary-600);padding:.313rem}.s-collapse__header__arrow__content:hover{background-color:var(--primary-300)}.s-collapse__header__arrow__content.close{transform:rotate(90deg)}.s-collapse__header__arrow__content.open{transform:rotate(270deg)}.s-collapse__body{border-bottom-left-radius:.25rem}.s-collapse__body.open{display:block;border-left:.25rem solid var(--primary-600)}.s-collapse__body.close{display:none}\n"] }]
|
|
17
17
|
}], propDecorators: { title: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], subtitle: [{
|
|
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
23
23
|
}], arrowClick: [{
|
|
24
24
|
type: Output
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jb2xsYXBzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9jb2xsYXBzZS9zLWNvbGxhcHNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbGxhcHNlL3MtY29sbGFwc2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVMxRixNQUFNLE9BQU8sa0JBQWtCO0lBUC9CO1FBVVcsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBRXZCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0tBR3BEOytHQVRZLGtCQUFrQjttR0FBbEIsa0JBQWtCLDZKQ1QvQiwrNEJBc0JBOzs0RkRiYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUs1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLWNvbGxhcHNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtY29sbGFwc2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zLWNvbGxhcHNlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuXG5leHBvcnQgY2xhc3MgU0NvbGxhcHNlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcbiAgQElucHV0KCkgc3VidGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBleHBhbmQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgYXJyb3dDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgXG5cbn0iLCI8ZGl2IGNsYXNzPVwicy1jb2xsYXBzZVwiPlxuICA8ZGl2IGNsYXNzPVwicy1jb2xsYXBzZV9faGVhZGVyXCIgW25nQ2xhc3NdPVwiZXhwYW5kID8gJ29wZW4nIDogJ2Nsb3NlJ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJzLWNvbGxhcHNlX19oZWFkZXJfX3RpdGxlXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cInMtY29sbGFwc2VfX2hlYWRlcl9fdGl0bGVfX3RleHRcIj57eyB0aXRsZSB9fTwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwicy1jb2xsYXBzZV9faGVhZGVyX190aXRsZV9fc3VidGV4dFwiICpuZ0lmPVwic3VidGl0bGVcIj57eyBzdWJ0aXRsZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicy1jb2xsYXBzZV9faGVhZGVyX19hcnJvd1wiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInMtY29sbGFwc2VfX2hlYWRlcl9fYXJyb3dfX2NvbnRlbnQgbm8tc2VsZWN0XCJcbiAgICAgICAgW25nQ2xhc3NdPVwiZXhwYW5kID8gJ29wZW4nIDogJ2Nsb3NlJ1wiXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgIChrZXlkb3duLmVudGVyKT1cImFycm93Q2xpY2suZW1pdCghZXhwYW5kKVwiXG4gICAgICAgIChjbGljayk9XCJhcnJvd0NsaWNrLmVtaXQoIWV4cGFuZClcIj5cbiAgICAgICAgPHMtaWNvbi1tYXQgc2l6ZT1cIm1kXCIgY2xhc3M9XCJzLWNvbGxhcHNlX19oZWFkZXJfX2Fycm93X19jb250ZW50X19pY29uXCI+Y2hldnJvbl9yaWdodDwvcy1pY29uLW1hdD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwicy1jb2xsYXBzZV9fYm9keVwiIFtuZ0NsYXNzXT1cImV4cGFuZCA/ICdvcGVuJyA6ICdjbG9zZSdcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -18,7 +18,7 @@ export class EmptyComponent {
|
|
|
18
18
|
this.buttonEvent.emit();
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmptyComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EmptyComponent, selector: "s-empty", inputs: { config: "config" }, outputs: { buttonEvent: "buttonEvent" }, ngImport: i0, template: "<section class=\"s-empty\">\r\n <div\r\n class=\"s-empty__content\"\r\n [ngClass]=\"{\r\n 's-empty__content--size-lg': config.size === 'lg' || config.size === undefined,\r\n 's-empty__content--size-md': config.size === 'md',\r\n 's-empty__content--size-sm': config.size === 'sm',\r\n }\">\r\n <div *ngIf=\"image && config.size !== 'sm'\" class=\"s-empty__content--img\">\r\n <img [src]=\"image\" alt=\"empty\" />\r\n </div>\r\n <h2 *ngIf=\"config.title\" class=\"s-empty__content--title\">\r\n {{ config.title }}\r\n </h2>\r\n <p *ngIf=\"config.detail\" class=\"s-empty__content--detail\">\r\n {{ config.detail }}\r\n <span *ngIf=\"config.detailBold\" class=\"s-empty__content--detail-bold\">{{\r\n config.detailBold\r\n }}</span>\r\n </p>\r\n <div\r\n *ngIf=\"config.button && config.size !== 'sm'\"\r\n class=\"s-empty__content--button\">\r\n <s-button position=\"normal\" (click)=\"action()\" (keydown.enter)=\"action()\">\r\n <s-icon-mat *ngIf=\"config.buttonIcon\">{{\r\n config.buttonIcon\r\n }}</s-icon-mat>\r\n {{ config.button }}\r\n </s-button>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [".s-empty{align-items:center;background:var(--primary-100);display:flex;justify-content:center;height:33rem;text-align:center;width:100%}.s-empty__content{font-size:1.5rem;font-weight:500;color:var(--secondary-600)}.s-empty__content--img{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-empty__content--img img{height:100%;border-radius:.25rem .25rem 0 0}.s-empty__content--title{color:var(--secondary-600);font-weight:700;line-height:1.8;margin-top:.5rem}.s-empty__content--detail{color:var(--secondary-500);font-weight:400;line-height:1.5rem}.s-empty__content--detail-bold{font-weight:700;line-height:2rem}.s-empty__content--button{margin-top:1rem}.s-empty__content--size-lg .s-empty__content--img img{width:14.5rem}.s-empty__content--size-lg .s-empty__content--title{font-size:1.25rem}.s-empty__content--size-lg .s-empty__content--detail{font-size:1rem}.s-empty__content--size-md .s-empty__content--img img{width:7.875rem}.s-empty__content--size-md .s-empty__content--title{font-size:1rem}.s-empty__content--size-md .s-empty__content--detail,.s-empty__content--size-sm .s-empty__content--title{font-size:.875rem}.s-empty__content--size-sm .s-empty__content--detail{font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EmptyComponent, selector: "s-empty", inputs: { config: "config" }, outputs: { buttonEvent: "buttonEvent" }, ngImport: i0, template: "<section class=\"s-empty\">\r\n <div\r\n class=\"s-empty__content\"\r\n [ngClass]=\"{\r\n 's-empty__content--size-lg': config.size === 'lg' || config.size === undefined,\r\n 's-empty__content--size-md': config.size === 'md',\r\n 's-empty__content--size-sm': config.size === 'sm',\r\n }\">\r\n <div *ngIf=\"image && config.size !== 'sm'\" class=\"s-empty__content--img\">\r\n <img [src]=\"image\" alt=\"empty\" />\r\n </div>\r\n <h2 *ngIf=\"config.title\" class=\"s-empty__content--title\">\r\n {{ config.title }}\r\n </h2>\r\n <p *ngIf=\"config.detail\" class=\"s-empty__content--detail\">\r\n {{ config.detail }}\r\n <span *ngIf=\"config.detailBold\" class=\"s-empty__content--detail-bold\">{{\r\n config.detailBold\r\n }}</span>\r\n </p>\r\n <div\r\n *ngIf=\"config.button && config.size !== 'sm'\"\r\n class=\"s-empty__content--button\">\r\n <s-button position=\"normal\" (click)=\"action()\" (keydown.enter)=\"action()\">\r\n <s-icon-mat *ngIf=\"config.buttonIcon\">{{\r\n config.buttonIcon\r\n }}</s-icon-mat>\r\n {{ config.button }}\r\n </s-button>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [".s-empty{align-items:center;background:var(--primary-100);display:flex;justify-content:center;height:33rem;text-align:center;width:100%}.s-empty__content{font-size:1.5rem;font-weight:500;color:var(--secondary-600)}.s-empty__content--img{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-empty__content--img img{height:100%;border-radius:.25rem .25rem 0 0}.s-empty__content--title{color:var(--secondary-600);font-weight:700;line-height:1.8;margin-top:.5rem}.s-empty__content--detail{color:var(--secondary-500);font-weight:400;line-height:1.5rem}.s-empty__content--detail-bold{font-weight:700;line-height:2rem}.s-empty__content--button{margin-top:1rem}.s-empty__content--size-lg .s-empty__content--img img{width:14.5rem}.s-empty__content--size-lg .s-empty__content--title{font-size:1.25rem}.s-empty__content--size-lg .s-empty__content--detail{font-size:1rem}.s-empty__content--size-md .s-empty__content--img img{width:7.875rem}.s-empty__content--size-md .s-empty__content--title{font-size:1rem}.s-empty__content--size-md .s-empty__content--detail,.s-empty__content--size-sm .s-empty__content--title{font-size:.875rem}.s-empty__content--size-sm .s-empty__content--detail{font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }] }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmptyComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
@@ -229,7 +229,7 @@ export class GridMultiInputsComponent {
|
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
231
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridMultiInputsComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
232
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GridMultiInputsComponent, selector: "s-grid-multi", inputs: { config: "config" }, outputs: { dataChange: "dataChange", customClick: "customClick" }, ngImport: i0, template: "<div class=\"s-grid-multi\">\n <div class=\"s-grid-multi__toolbar-top\">\n <s-grid-multi-toolbar-top\n [config]=\"config.configToolbarTop\"></s-grid-multi-toolbar-top>\n </div>\n <div class=\"s-grid-multi__table\">\n <div class=\"pre-s-tablet s-scroll\">\n <table class=\"s-tablet\">\n <thead>\n <tr>\n <th\n *ngFor=\"let column of config.columns; let colIndex = index\"\n [ngClass]=\"{ 'resizable-th': colIndex === 0 }\">\n <div\n class=\"th-head no-select\"\n [ngClass]=\"column.type === 'append' ? 'th-head--left' : ''\">\n <!-- Excepci\u00F3n cuando es select all -->\n <ng-container *ngIf=\"colIndex !== 0; else elseBlock\">\n <input\n type=\"checkbox\"\n [indeterminate]=\"getColumnState(column) === null\"\n [checked]=\"getColumnState(column) === true\"\n (change)=\"setColumnState(colIndex, $event)\"\n *ngIf=\"column.type !== 'append'\" />\n </ng-container>\n <ng-template #elseBlock>\n <input\n type=\"checkbox\"\n [indeterminate]=\"getStateAllGrid() === null\"\n [checked]=\"getStateAllGrid() === true\"\n (change)=\"setAllGridState($event)\" />\n </ng-template>\n {{ column.title }}\n <div\n *ngIf=\"colIndex === 0\"\n class=\"resizer\"\n (mousedown)=\"startResize($event, colIndex)\"></div>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let row of config.rows; let rowIndex = index\">\n <!-- Primera celda con t\u00EDtulo de fila -->\n <td>\n <div class=\"th-head th-head--left th-head--normal\">\n <input\n type=\"checkbox\"\n [indeterminate]=\"getRowState(row) === null\"\n [checked]=\"getRowState(row) === true\"\n (change)=\"setRowState(rowIndex, $event)\"\n *ngIf=\"row.type !== 'append'\" />\n {{ row.title }}\n </div>\n </td>\n <!-- Celda para la columna custom -->\n <td *ngIf=\"config.customColumns\">\n <div class=\"text-center\">\n <s-button\n type=\"primary\"\n [theme]=\"\n getButtonTheme(\n row.customColumnStatus ? row.customColumnStatus : 1\n )\n \"\n position=\"normal\"\n [disabled]=\"row.customColumnStatus === 3 ? true : false\"\n (click)=\"onCustomClick(row)\"\n (onKeyDown)=\"onCustomClick(row)\">\n <s-icon-mat>{{\n row.customColumnStatus === 1 ? 'warning' : 'check_circle'\n }}</s-icon-mat>\n {{ row.customColumnTitle }}</s-button\n >\n </div>\n </td>\n\n <!-- Resto de las celdas -->\n <td\n *ngFor=\"let cell of config.data[rowIndex]; index as cellIndex\"\n class=\"td-class\"\n [ngClass]=\"cell.state === null ? 'cell-null' : ''\">\n <ng-container *ngIf=\"cell.state === true || cell.state === false\">\n <div class=\"text-center\">\n <input\n type=\"checkbox\"\n (change)=\"onCheckboxChange(rowIndex, cellIndex, cell.state)\"\n [(ngModel)]=\"cell.state\" />\n </div>\n </ng-container>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n</div>\n", styles: [".pre-s-tablet{max-width:100%;overflow-x:auto}.pre-s-tablet .s-tablet{background-color:var(--primary-100);border-collapse:collapse;width:100%}.pre-s-tablet .s-tablet thead{background-color:var(--neutrals-1200);font-weight:700}.pre-s-tablet .s-tablet thead th{vertical-align:middle;color:var(--secondary-600);font-size:.875rem;line-height:1.375rem;letter-spacing:.016rem;font-weight:700!important;text-align:left}.pre-s-tablet .s-tablet thead th:last-of-type{text-align:center}.pre-s-tablet .s-tablet__body{background-color:var(--neutrals-1200);color:var(--secondary-600)}.pre-s-tablet .s-tablet__disabled{color:var(--neutrals-700);pointer-events:none}.pre-s-tablet .s-tablet__empty{display:table-caption;caption-side:bottom;width:100%}.pre-s-tablet .s-tablet tbody tr td,.pre-s-tablet .s-tablet thead tr th{padding:.875rem;height:3.5rem;vertical-align:middle;font-size:.875rem}.pre-s-tablet .s-tablet th,.pre-s-tablet .s-tablet td{box-sizing:border-box;border:none;box-shadow:inset 0 -.063rem 0 var(--neutrals-900)}.pre-s-tablet .s-tablet td,.pre-s-tablet .s-tablet thead tr{height:3.5rem}.pre-s-tablet .s-tablet thead tr th{position:sticky;top:0;background-color:var(--neutrals-1200)}.pre-s-tablet .s-tablet__header{display:flex;gap:.5rem;align-items:center}.pre-s-tablet .s-tablet__header__icon{color:var(--primary-600)}.pre-s-tablet .s-tablet__header__icon--standard .s-icon-mat span{color:var(--neutrals-800)}.pre-s-tablet .s-tablet__header--align-left{justify-content:flex-start}.pre-s-tablet .s-tablet__header--align-center{justify-content:center}.pre-s-tablet .s-tablet__header--align-right{justify-content:flex-end}.pre-s-tablet .s-tablet__header__label{color:var(--secondary-500);font-weight:600}.pre-s-tablet .s-tablet__header__select{color:var(--secondary-600);font-weight:700}.s-grid-multi__table .pre-s-tablet .s-tablet{background-color:inherit}.s-grid-multi__table .pre-s-tablet .s-tablet .resizable-th{position:relative}.s-grid-multi__table .pre-s-tablet .s-tablet .resizable-th .th-head{width:12.5rem}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head{display:flex;align-items:center;justify-content:center;gap:.625rem;font-weight:700;overflow:hidden}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--left{justify-content:flex-start}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--center{justify-content:center}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--normal{font-weight:400}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head .resizer{position:absolute;right:0;top:.625rem;width:.313rem;height:70%;cursor:col-resize;background-color:var(--neutrals-1000);max-width:.125rem}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head .resizer:hover{background-color:var(--neutrals-300)}.s-grid-multi__table .pre-s-tablet .s-tablet th:first-of-type .th-head{justify-content:flex-start}.s-grid-multi__table .pre-s-tablet .s-tablet .cell-null{background-color:var(--neutrals-1000)!important}.s-grid-multi__table .pre-s-tablet .s-tablet .td-class .s-checkbox{justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
232
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GridMultiInputsComponent, selector: "s-grid-multi", inputs: { config: "config" }, outputs: { dataChange: "dataChange", customClick: "customClick" }, ngImport: i0, template: "<div class=\"s-grid-multi\">\n <div class=\"s-grid-multi__toolbar-top\">\n <s-grid-multi-toolbar-top\n [config]=\"config.configToolbarTop\"></s-grid-multi-toolbar-top>\n </div>\n <div class=\"s-grid-multi__table\">\n <div class=\"pre-s-tablet s-scroll\">\n <table class=\"s-tablet\">\n <thead>\n <tr>\n <th\n *ngFor=\"let column of config.columns; let colIndex = index\"\n [ngClass]=\"{ 'resizable-th': colIndex === 0 }\">\n <div\n class=\"th-head no-select\"\n [ngClass]=\"column.type === 'append' ? 'th-head--left' : ''\">\n <!-- Excepci\u00F3n cuando es select all -->\n <ng-container *ngIf=\"colIndex !== 0; else elseBlock\">\n <input\n type=\"checkbox\"\n [indeterminate]=\"getColumnState(column) === null\"\n [checked]=\"getColumnState(column) === true\"\n (change)=\"setColumnState(colIndex, $event)\"\n *ngIf=\"column.type !== 'append'\" />\n </ng-container>\n <ng-template #elseBlock>\n <input\n type=\"checkbox\"\n [indeterminate]=\"getStateAllGrid() === null\"\n [checked]=\"getStateAllGrid() === true\"\n (change)=\"setAllGridState($event)\" />\n </ng-template>\n {{ column.title }}\n <div\n *ngIf=\"colIndex === 0\"\n class=\"resizer\"\n (mousedown)=\"startResize($event, colIndex)\"></div>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let row of config.rows; let rowIndex = index\">\n <!-- Primera celda con t\u00EDtulo de fila -->\n <td>\n <div class=\"th-head th-head--left th-head--normal\">\n <input\n type=\"checkbox\"\n [indeterminate]=\"getRowState(row) === null\"\n [checked]=\"getRowState(row) === true\"\n (change)=\"setRowState(rowIndex, $event)\"\n *ngIf=\"row.type !== 'append'\" />\n {{ row.title }}\n </div>\n </td>\n <!-- Celda para la columna custom -->\n <td *ngIf=\"config.customColumns\">\n <div class=\"text-center\">\n <s-button\n type=\"primary\"\n [theme]=\"\n getButtonTheme(\n row.customColumnStatus ? row.customColumnStatus : 1\n )\n \"\n position=\"normal\"\n [disabled]=\"row.customColumnStatus === 3 ? true : false\"\n (click)=\"onCustomClick(row)\"\n (onKeyDown)=\"onCustomClick(row)\">\n <s-icon-mat>{{\n row.customColumnStatus === 1 ? 'warning' : 'check_circle'\n }}</s-icon-mat>\n {{ row.customColumnTitle }}</s-button\n >\n </div>\n </td>\n\n <!-- Resto de las celdas -->\n <td\n *ngFor=\"let cell of config.data[rowIndex]; index as cellIndex\"\n class=\"td-class\"\n [ngClass]=\"cell.state === null ? 'cell-null' : ''\">\n <ng-container *ngIf=\"cell.state === true || cell.state === false\">\n <div class=\"text-center\">\n <input\n type=\"checkbox\"\n (change)=\"onCheckboxChange(rowIndex, cellIndex, cell.state)\"\n [(ngModel)]=\"cell.state\" />\n </div>\n </ng-container>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n</div>\n", styles: [".pre-s-tablet{max-width:100%;overflow-x:auto}.pre-s-tablet .s-tablet{background-color:var(--primary-100);border-collapse:collapse;width:100%}.pre-s-tablet .s-tablet thead{background-color:var(--neutrals-1200);font-weight:700}.pre-s-tablet .s-tablet thead th{vertical-align:middle;color:var(--secondary-600);font-size:.875rem;line-height:1.375rem;letter-spacing:.016rem;font-weight:700!important;text-align:left}.pre-s-tablet .s-tablet thead th:last-of-type{text-align:center}.pre-s-tablet .s-tablet__body{background-color:var(--neutrals-1200);color:var(--secondary-600)}.pre-s-tablet .s-tablet__disabled{color:var(--neutrals-700);pointer-events:none}.pre-s-tablet .s-tablet__empty{display:table-caption;caption-side:bottom;width:100%}.pre-s-tablet .s-tablet tbody tr td,.pre-s-tablet .s-tablet thead tr th{padding:.875rem;height:3.5rem;vertical-align:middle;font-size:.875rem}.pre-s-tablet .s-tablet th,.pre-s-tablet .s-tablet td{box-sizing:border-box;border:none;box-shadow:inset 0 -.063rem 0 var(--neutrals-900)}.pre-s-tablet .s-tablet td,.pre-s-tablet .s-tablet thead tr{height:3.5rem}.pre-s-tablet .s-tablet thead tr th{position:sticky;top:0;background-color:var(--neutrals-1200)}.pre-s-tablet .s-tablet__header{display:flex;gap:.5rem;align-items:center}.pre-s-tablet .s-tablet__header__icon{color:var(--primary-600)}.pre-s-tablet .s-tablet__header__icon--standard .s-icon-mat span{color:var(--neutrals-800)}.pre-s-tablet .s-tablet__header--align-left{justify-content:flex-start}.pre-s-tablet .s-tablet__header--align-center{justify-content:center}.pre-s-tablet .s-tablet__header--align-right{justify-content:flex-end}.pre-s-tablet .s-tablet__header__label{color:var(--secondary-500);font-weight:600}.pre-s-tablet .s-tablet__header__select{color:var(--secondary-600);font-weight:700}.s-grid-multi__table .pre-s-tablet .s-tablet{background-color:inherit}.s-grid-multi__table .pre-s-tablet .s-tablet .resizable-th{position:relative}.s-grid-multi__table .pre-s-tablet .s-tablet .resizable-th .th-head{width:12.5rem}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head{display:flex;align-items:center;justify-content:center;gap:.625rem;font-weight:700;overflow:hidden}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--left{justify-content:flex-start}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--center{justify-content:center}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--normal{font-weight:400}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head .resizer{position:absolute;right:0;top:.625rem;width:.313rem;height:70%;cursor:col-resize;background-color:var(--neutrals-1000);max-width:.125rem}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head .resizer:hover{background-color:var(--neutrals-300)}.s-grid-multi__table .pre-s-tablet .s-tablet th:first-of-type .th-head{justify-content:flex-start}.s-grid-multi__table .pre-s-tablet .s-tablet .cell-null{background-color:var(--neutrals-1000)!important}.s-grid-multi__table .pre-s-tablet .s-tablet .td-class .s-checkbox{justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "component", type: i5.GridMultiInputsToolbarTopComponent, selector: "s-grid-multi-toolbar-top", inputs: ["config"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
233
233
|
}
|
|
234
234
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridMultiInputsComponent, decorators: [{
|
|
235
235
|
type: Component,
|