sidesys-generic-ui 2.4.4 → 2.4.7
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/animation/animation.component.mjs +6 -3
- package/esm2022/lib/avatar/components/profile-group/s-profile-group.component.mjs +13 -13
- package/esm2022/lib/avatar/s-avatar.component.mjs +21 -20
- package/esm2022/lib/badge/s-badge.component.mjs +7 -6
- package/esm2022/lib/bottom-status-bar/bottom-status-bar.component.mjs +7 -11
- package/esm2022/lib/breadcrum/s-breadcrum.component.mjs +7 -4
- package/esm2022/lib/button/components/button/s-button.component.mjs +7 -3
- package/esm2022/lib/card/s-card.component.mjs +10 -7
- package/esm2022/lib/checkbox/checkbox-new/s-checkbox.component.mjs +12 -5
- package/esm2022/lib/checkbox/s-checkbox.component.mjs +8 -8
- package/esm2022/lib/collapse/s-collapse.component.mjs +7 -4
- package/esm2022/lib/company-logo/s-company-logo.component.mjs +9 -5
- package/esm2022/lib/container/s-container.component.mjs +6 -3
- package/esm2022/lib/content/s-content.component.mjs +6 -3
- package/esm2022/lib/dynamic-form/s-dynamic-form.component.mjs +1 -1
- package/esm2022/lib/empty/empty.component.mjs +4 -3
- package/esm2022/lib/footer/s-footer.component.mjs +3 -3
- package/esm2022/lib/grid-multi-inputs/grid-multi-inputs.component.mjs +1 -1
- package/esm2022/lib/icon-material/s-icon-material.component.mjs +9 -8
- package/esm2022/lib/icon-material/s-icon-material.model.mjs +1 -1
- package/esm2022/lib/input/components/calendar/s-calendar.component.mjs +11 -14
- package/esm2022/lib/input/components/color/s-color.component.mjs +10 -8
- package/esm2022/lib/input/components/error-control/s-error-control.component.mjs +18 -15
- package/esm2022/lib/input/components/input/s-input-model.mjs +2 -6
- package/esm2022/lib/input/components/input/s-input.component.mjs +11 -5
- package/esm2022/lib/input/components/input-number/s-input-number.component.mjs +12 -12
- package/esm2022/lib/input/components/input-textarea/s-input-textarea.component.mjs +11 -8
- package/esm2022/lib/input/components/slider/s-slider.component.mjs +21 -13
- package/esm2022/lib/input/components/time/s-time.component.mjs +11 -14
- package/esm2022/lib/input/components/validation-error/s-validation-error.component.mjs +7 -4
- package/esm2022/lib/link/s-link.component.mjs +6 -3
- package/esm2022/lib/list/s-list.component.mjs +6 -3
- package/esm2022/lib/list-simple/s-list-simple.component.mjs +6 -3
- package/esm2022/lib/modal/modal-confirm/modal-confirm.component.mjs +6 -13
- package/esm2022/lib/modal/modal-confirm/models/modal-confirm.interface.mjs +1 -1
- package/esm2022/lib/modal/modal-confirm/services/modal-confirm.service.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 +9 -3
- package/esm2022/lib/pagination/s-pagination.component.mjs +7 -4
- package/esm2022/lib/popup/s-popup.component.mjs +22 -19
- package/esm2022/lib/precode/s-precode.component.mjs +9 -7
- package/esm2022/lib/progressbar/s-progressbar.component.mjs +6 -3
- package/esm2022/lib/radio/s-radio.component.mjs +13 -11
- package/esm2022/lib/select/select/s-select.component.mjs +12 -8
- package/esm2022/lib/select/select-multiple/s-select-multiple-model.mjs +1 -1
- package/esm2022/lib/select/select-multiple/s-select-multiple.component.mjs +12 -10
- 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 +6 -3
- package/esm2022/lib/spinner/s-spinner.component.mjs +1 -1
- package/esm2022/lib/sub-menu/s-sub-menu.component.mjs +3 -3
- package/esm2022/lib/table-complete/table-complete.component.mjs +7 -3
- package/esm2022/lib/table-double/table-double.component.mjs +42 -16
- 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 +41 -25
- package/esm2022/lib/table-double-complete/table-double-complete.model.mjs +1 -1
- package/esm2022/lib/table-t/s-tablet-model.mjs +1 -1
- package/esm2022/lib/table-t/s-tablet.component.mjs +6 -3
- package/esm2022/lib/table-t/table-actions-buttons/interfaces/TypeActions.interface.mjs +1 -1
- package/esm2022/lib/table-t/table-actions-buttons/table-actions-buttons.component.mjs +6 -3
- package/esm2022/lib/tabs/models/configTabs.interface.mjs +1 -1
- package/esm2022/lib/tabs/s-tabs.component.mjs +8 -4
- package/esm2022/lib/tag/s-tag.component.mjs +6 -3
- package/esm2022/lib/timeline/s-timeline.component.mjs +6 -3
- package/esm2022/lib/toast/s-toast-service.mjs +3 -3
- package/esm2022/lib/toast/s-toast.component.mjs +3 -3
- 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 +12 -10
- package/esm2022/lib/toolbar-top/toolbar-top.component.mjs +5 -6
- package/esm2022/lib/tooltip/s-tooltip.component.mjs +32 -16
- package/esm2022/lib/tree-list/s-tree-list.component.mjs +6 -3
- package/esm2022/public-api.mjs +2 -2
- package/fesm2022/sidesys-generic-ui.mjs +677 -521
- package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
- package/lib/animation/animation.component.d.ts +2 -1
- package/lib/avatar/components/profile-group/s-profile-group.component.d.ts +1 -1
- package/lib/avatar/s-avatar.component.d.ts +3 -5
- package/lib/badge/s-badge.component.d.ts +3 -5
- package/lib/bottom-status-bar/bottom-status-bar.component.d.ts +2 -0
- package/lib/breadcrum/s-breadcrum.component.d.ts +2 -1
- package/lib/button/components/button/s-button.component.d.ts +6 -5
- package/lib/card/s-card.component.d.ts +3 -2
- package/lib/checkbox/checkbox-new/s-checkbox.component.d.ts +5 -3
- package/lib/collapse/s-collapse.component.d.ts +2 -1
- package/lib/company-logo/s-company-logo.component.d.ts +2 -1
- package/lib/container/s-container.component.d.ts +2 -1
- package/lib/content/s-content.component.d.ts +2 -1
- package/lib/empty/empty.component.d.ts +2 -0
- package/lib/icon-material/s-icon-material.component.d.ts +2 -2
- package/lib/icon-material/s-icon-material.model.d.ts +1 -2
- package/lib/input/components/calendar/s-calendar.component.d.ts +4 -3
- package/lib/input/components/color/s-color.component.d.ts +4 -3
- package/lib/input/components/error-control/s-error-control.component.d.ts +2 -1
- package/lib/input/components/input/s-input-model.d.ts +0 -1
- package/lib/input/components/input/s-input.component.d.ts +5 -2
- package/lib/input/components/input-number/s-input-number.component.d.ts +4 -2
- package/lib/input/components/input-textarea/s-input-textarea.component.d.ts +4 -2
- package/lib/input/components/time/s-time.component.d.ts +4 -3
- package/lib/input/components/validation-error/s-validation-error.component.d.ts +2 -1
- package/lib/link/s-link.component.d.ts +2 -1
- package/lib/list/s-list.component.d.ts +2 -1
- package/lib/list-simple/s-list-simple.component.d.ts +2 -1
- package/lib/modal/modal-confirm/modal-confirm.component.d.ts +1 -0
- package/lib/modal/modal-confirm/models/modal-confirm.interface.d.ts +1 -0
- package/lib/navbar/s-navbar.component.d.ts +5 -3
- package/lib/pagination/s-pagination.component.d.ts +2 -1
- package/lib/popup/s-popup.component.d.ts +2 -1
- package/lib/precode/s-precode.component.d.ts +3 -5
- package/lib/progressbar/s-progressbar.component.d.ts +2 -1
- package/lib/radio/s-radio.component.d.ts +3 -2
- package/lib/select/select/s-select.component.d.ts +5 -3
- package/lib/select/select-multiple/s-select-multiple-model.d.ts +1 -0
- package/lib/select/select-multiple/s-select-multiple.component.d.ts +5 -3
- package/lib/sidebar/s-sidebar.component.d.ts +2 -1
- package/lib/table-complete/table-complete.component.d.ts +3 -1
- package/lib/table-double/table-double.component.d.ts +6 -2
- package/lib/table-double/table-double.model.d.ts +7 -2
- package/lib/table-double-complete/index.d.ts +2 -0
- package/lib/table-double-complete/table-double-complete.component.d.ts +6 -2
- package/lib/table-double-complete/table-double-complete.model.d.ts +3 -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/table-t/table-actions-buttons/interfaces/TypeActions.interface.d.ts +1 -0
- package/lib/table-t/table-actions-buttons/table-actions-buttons.component.d.ts +2 -1
- package/lib/tabs/models/configTabs.interface.d.ts +1 -0
- package/lib/tabs/s-tabs.component.d.ts +2 -2
- package/lib/tag/s-tag.component.d.ts +2 -1
- package/lib/timeline/s-timeline.component.d.ts +2 -1
- package/lib/toast/s-toast-service.d.ts +3 -3
- package/lib/toggle-switch/toggle-switch-form/toggle-switch-form.component.d.ts +6 -3
- package/lib/toolbar-top/toolbar-top.component.d.ts +4 -0
- package/lib/tooltip/s-tooltip.component.d.ts +2 -1
- package/lib/tree-list/s-tree-list.component.d.ts +2 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -2
|
@@ -4,6 +4,7 @@ import { ANIMATION_CONFIG } from './enums/animation.enum';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class AnimationComponent {
|
|
6
6
|
constructor() {
|
|
7
|
+
this.id = 's-animation';
|
|
7
8
|
this.playOnHoverEvent = new EventEmitter();
|
|
8
9
|
this.pauseOnLeaveEvent = new EventEmitter();
|
|
9
10
|
}
|
|
@@ -45,16 +46,18 @@ export class AnimationComponent {
|
|
|
45
46
|
}
|
|
46
47
|
}
|
|
47
48
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnimationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AnimationComponent, selector: "s-animation", inputs: { animation: "animation" }, outputs: { playOnHoverEvent: "playOnHoverEvent", pauseOnLeaveEvent: "pauseOnLeaveEvent" }, ngImport: i0, template: "<div
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AnimationComponent, selector: "s-animation", inputs: { animation: "animation", id: "id" }, outputs: { playOnHoverEvent: "playOnHoverEvent", pauseOnLeaveEvent: "pauseOnLeaveEvent" }, ngImport: i0, template: "<div class=\"s-animation\" [id]=\"id\" (mouseenter)=\"playOnHover()\" (mouseleave)=\"pauseOnLeave()\"></div>\n", styles: [".s-animation{cursor:pointer}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
49
50
|
}
|
|
50
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnimationComponent, decorators: [{
|
|
51
52
|
type: Component,
|
|
52
|
-
args: [{ selector: 's-animation', encapsulation: ViewEncapsulation.None, template: "<div
|
|
53
|
+
args: [{ selector: 's-animation', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-animation\" [id]=\"id\" (mouseenter)=\"playOnHover()\" (mouseleave)=\"pauseOnLeave()\"></div>\n", styles: [".s-animation{cursor:pointer}\n"] }]
|
|
53
54
|
}], propDecorators: { animation: [{
|
|
54
55
|
type: Input
|
|
56
|
+
}], id: [{
|
|
57
|
+
type: Input
|
|
55
58
|
}], playOnHoverEvent: [{
|
|
56
59
|
type: Output
|
|
57
60
|
}], pauseOnLeaveEvent: [{
|
|
58
61
|
type: Output
|
|
59
62
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2FuaW1hdGlvbi9hbmltYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYW5pbWF0aW9uL2FuaW1hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RyxPQUFPLE1BQXlCLE1BQU0sWUFBWSxDQUFDO0FBQ25ELE9BQU8sRUFBYSxnQkFBZ0IsRUFBbUIsTUFBTSx3QkFBd0IsQ0FBQzs7QUFRdEYsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQVFXLE9BQUUsR0FBVyxhQUFhLENBQUM7UUFDMUIscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBZ0R4RDtJQTNDQyxlQUFlO1FBQ2IsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQWdCLENBQUM7UUFFbkUsSUFBSSxDQUFDLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFeEQsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQztZQUMzQyxTQUFTLEVBQUUsU0FBUztZQUNwQixRQUFRLEVBQUUsS0FBSztZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUk7WUFDL0IsUUFBUSxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUTtZQUN2QyxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVM7U0FDckIsQ0FBQyxDQUFDO1FBRUgsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xDLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFO2dCQUNoRCxNQUFNLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUyxDQUFDO2dCQUNwRCxlQUFlLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztnQkFDekMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUN2QixlQUFlLENBQUMsWUFBWSxDQUFDLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQ25ELENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztRQUNELElBQUksQ0FBQyxhQUFhLEdBQUcsZUFBZSxDQUFDO1FBRXJDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsNENBQTRDO0lBQzVDLFdBQVc7UUFDVCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQztRQUN6QyxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDL0IsQ0FBQztJQUNILENBQUM7SUFFRCx3Q0FBd0M7SUFDeEMsWUFBWTtRQUNWLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDO1FBQ3pDLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNoQyxDQUFDO0lBQ0gsQ0FBQzsrR0FuRFUsa0JBQWtCO21HQUFsQixrQkFBa0IsNExDVi9CLGdIQUNBOzs0RkRTYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgTG90dGllLCB7IEFuaW1hdGlvbkl0ZW0gfSBmcm9tICdsb3R0aWUtd2ViJztcbmltcG9ydCB7IEFOSU1BVElPTiwgQU5JTUFUSU9OX0NPTkZJRywgQW5pbWF0aW9uQ29uZmlnIH0gZnJvbSAnLi9lbnVtcy9hbmltYXRpb24uZW51bSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYW5pbWF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FuaW1hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FuaW1hdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBbmltYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgYW5pbWF0aW9uITogQU5JTUFUSU9OO1xuICBASW5wdXQoKSBpZDogc3RyaW5nID0gJ3MtYW5pbWF0aW9uJztcbiAgQE91dHB1dCgpIHBsYXlPbkhvdmVyRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBwYXVzZU9uTGVhdmVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBhbmltYXRpb25Db25maWchOiBBbmltYXRpb25Db25maWc7XG4gIGFuaW1hdGlvbkl0ZW0hOiBBbmltYXRpb25JdGVtO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBjb250YWluZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbG90dGllJykgYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICB0aGlzLmFuaW1hdGlvbkNvbmZpZyA9IEFOSU1BVElPTl9DT05GSUdbdGhpcy5hbmltYXRpb25dO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uTG90dGllID0gTG90dGllLmxvYWRBbmltYXRpb24oe1xuICAgICAgY29udGFpbmVyOiBjb250YWluZXIsXG4gICAgICByZW5kZXJlcjogJ3N2ZycsXG4gICAgICBsb29wOiB0aGlzLmFuaW1hdGlvbkNvbmZpZy5sb29wLFxuICAgICAgYXV0b3BsYXk6IHRoaXMuYW5pbWF0aW9uQ29uZmlnLmF1dG9wbGF5LFxuICAgICAgcGF0aDogdGhpcy5hbmltYXRpb24sXG4gICAgfSk7XG5cbiAgICBpZiAodGhpcy5hbmltYXRpb25Db25maWcuc2VnbWVudHMpIHtcbiAgICAgIGFuaW1hdGlvbkxvdHRpZS5hZGRFdmVudExpc3RlbmVyKCdjb21wbGV0ZScsICgpID0+IHtcbiAgICAgICAgY29uc3QgW3N0YXJ0LCBlbmRdID0gdGhpcy5hbmltYXRpb25Db25maWcuc2VnbWVudHMhO1xuICAgICAgICBhbmltYXRpb25Mb3R0aWUuZ29Ub0FuZFN0b3Aoc3RhcnQsIHRydWUpO1xuICAgICAgICBhbmltYXRpb25Mb3R0aWUucGxheSgpO1xuICAgICAgICBhbmltYXRpb25Mb3R0aWUucGxheVNlZ21lbnRzKFtzdGFydCwgZW5kXSwgdHJ1ZSk7XG4gICAgICB9KTtcbiAgICB9XG4gICAgdGhpcy5hbmltYXRpb25JdGVtID0gYW5pbWF0aW9uTG90dGllO1xuXG4gICAgYW5pbWF0aW9uTG90dGllLnBsYXkoKTtcbiAgfVxuXG4gIC8vIFJlcHJvZHVjaXIgbGEgYW5pbWFjacOzbiBhbCBwYXNhciBlbCBtb3VzZVxuICBwbGF5T25Ib3ZlcigpOiB2b2lkIHtcbiAgICBjb25zdCBob3ZlciA9IHRoaXMuYW5pbWF0aW9uQ29uZmlnLmhvdmVyO1xuICAgIGlmIChob3Zlcikge1xuICAgICAgdGhpcy5hbmltYXRpb25JdGVtLnBsYXkoKTtcbiAgICAgIHRoaXMucGxheU9uSG92ZXJFdmVudC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgLy8gUGF1c2FyIGxhIGFuaW1hY2nDs24gYWwgc2FsaXIgZWwgbW91c2VcbiAgcGF1c2VPbkxlYXZlKCk6IHZvaWQge1xuICAgIGNvbnN0IGhvdmVyID0gdGhpcy5hbmltYXRpb25Db25maWcuaG92ZXI7XG4gICAgaWYgKGhvdmVyKSB7XG4gICAgICB0aGlzLmFuaW1hdGlvbkl0ZW0ucGF1c2UoKTtcbiAgICAgIHRoaXMucGF1c2VPbkxlYXZlRXZlbnQuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInMtYW5pbWF0aW9uXCIgW2lkXT1cImlkXCIgKG1vdXNlZW50ZXIpPVwicGxheU9uSG92ZXIoKVwiIChtb3VzZWxlYXZlKT1cInBhdXNlT25MZWF2ZSgpXCI+PC9kaXY+XG4iXX0=
|
|
@@ -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: ["id", "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,38 +4,39 @@ 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() { return this._status; }
|
|
8
|
-
set status(val) {
|
|
9
|
-
this._status = ['approved', 'declined', 'blocked', 'online', 'offline', 'busy'].indexOf(val) != -1 ? val : undefined;
|
|
10
|
-
}
|
|
11
|
-
;
|
|
12
|
-
get display() { return this._display; }
|
|
13
|
-
set display(val) {
|
|
14
|
-
this._display = val ? ['icon', 'avatar', 'letters'].indexOf(val) != -1 ? val : 'icon' : 'icon';
|
|
15
|
-
}
|
|
16
|
-
;
|
|
17
|
-
get size() { return this._size; }
|
|
18
|
-
set size(val) {
|
|
19
|
-
this._size = ['128', '96', '48', '32', '24', '16'].indexOf(val) != -1 ? val : '128';
|
|
20
|
-
}
|
|
21
|
-
;
|
|
22
7
|
constructor() {
|
|
8
|
+
this.id = 's-avatar';
|
|
23
9
|
this.letters = 'NN';
|
|
10
|
+
this.size = 'xxxl';
|
|
24
11
|
this._display = 'icon';
|
|
25
|
-
this._size = '128';
|
|
26
12
|
this._status = undefined;
|
|
27
13
|
}
|
|
14
|
+
get status() {
|
|
15
|
+
return this._status;
|
|
16
|
+
}
|
|
17
|
+
set status(val) {
|
|
18
|
+
this._status =
|
|
19
|
+
['approved', 'declined', 'blocked', 'online', 'offline', 'busy'].indexOf(val) != -1 ? val : undefined;
|
|
20
|
+
}
|
|
21
|
+
get display() {
|
|
22
|
+
return this._display;
|
|
23
|
+
}
|
|
24
|
+
set display(val) {
|
|
25
|
+
this._display = val ? (['icon', 'avatar', 'letters'].indexOf(val) != -1 ? val : 'icon') : 'icon';
|
|
26
|
+
}
|
|
28
27
|
ngOnInit() {
|
|
29
28
|
if (this.letters)
|
|
30
29
|
this.letters = this.letters.substring(0, 2);
|
|
31
30
|
}
|
|
32
31
|
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
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SAvatarComponent, selector: "s-avatar", inputs: { id: "id", urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"s-avatar no-select s-avatar--size-{{ size }}\" [id]=\"id\">\n <ng-container [ngSwitch]=\"status\">\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 </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>\n", 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", "id"] }, { kind: "directive", type: i3.ImageLoaderDirective, selector: "img[appImageLoader]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
33
|
}
|
|
35
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SAvatarComponent, decorators: [{
|
|
36
35
|
type: Component,
|
|
37
|
-
args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\n
|
|
38
|
-
}],
|
|
36
|
+
args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-avatar no-select s-avatar--size-{{ size }}\" [id]=\"id\">\n <ng-container [ngSwitch]=\"status\">\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 </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>\n", 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"] }]
|
|
37
|
+
}], propDecorators: { id: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], urlProfileImage: [{
|
|
39
40
|
type: Input
|
|
40
41
|
}], letters: [{
|
|
41
42
|
type: Input
|
|
@@ -46,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
46
47
|
}], size: [{
|
|
47
48
|
type: Input
|
|
48
49
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hdmF0YXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYXZhdGFyL3MtYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9zLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRNUUsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQU9XLE9BQUUsR0FBWSxVQUFVLENBQUM7UUFFekIsWUFBTyxHQUFZLElBQUksQ0FBQztRQWlCeEIsU0FBSSxHQUErQyxNQUFNLENBQUM7UUFFbkUsYUFBUSxHQUFXLE1BQU0sQ0FBQztRQUMxQixZQUFPLEdBQVEsU0FBUyxDQUFDO0tBSzFCO0lBeEJDLElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsR0FBb0I7UUFDN0IsSUFBSSxDQUFDLE9BQU87WUFDVixDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUMxRyxDQUFDO0lBQ0QsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxHQUF1QjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDbkcsQ0FBQztJQU9ELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPO1lBQUUsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDaEUsQ0FBQzsrR0EzQlUsZ0JBQWdCO21HQUFoQixnQkFBZ0Isa0xDUjdCLHU3REFnREE7OzRGRHhDYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxpQkFHTCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUYsTUFBTTtzQkFEVCxLQUFLO2dCQVNGLE9BQU87c0JBRFYsS0FBSztnQkFRRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYXZhdGFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU0F2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGlkPzogc3RyaW5nID0gJ3MtYXZhdGFyJztcbiAgQElucHV0KCkgdXJsUHJvZmlsZUltYWdlPzogc3RyaW5nO1xuICBASW5wdXQoKSBsZXR0ZXJzPzogc3RyaW5nID0gJ05OJztcbiAgQElucHV0KClcbiAgZ2V0IHN0YXR1cygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9zdGF0dXM7XG4gIH1cbiAgc2V0IHN0YXR1cyh2YWw6IGFueSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuX3N0YXR1cyA9XG4gICAgICBbJ2FwcHJvdmVkJywgJ2RlY2xpbmVkJywgJ2Jsb2NrZWQnLCAnb25saW5lJywgJ29mZmxpbmUnLCAnYnVzeSddLmluZGV4T2YodmFsKSAhPSAtMSA/IHZhbCA6IHVuZGVmaW5lZDtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgZGlzcGxheSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9kaXNwbGF5O1xuICB9XG4gIHNldCBkaXNwbGF5KHZhbDogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5fZGlzcGxheSA9IHZhbCA/IChbJ2ljb24nLCAnYXZhdGFyJywgJ2xldHRlcnMnXS5pbmRleE9mKHZhbCkgIT0gLTEgPyB2YWwgOiAnaWNvbicpIDogJ2ljb24nO1xuICB9XG5cbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJyB8ICd4eGwnIHwgJ3h4eGwnID0gJ3h4eGwnO1xuXG4gIF9kaXNwbGF5OiBzdHJpbmcgPSAnaWNvbic7XG4gIF9zdGF0dXM6IGFueSA9IHVuZGVmaW5lZDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5sZXR0ZXJzKSB0aGlzLmxldHRlcnMgPSB0aGlzLmxldHRlcnMuc3Vic3RyaW5nKDAsIDIpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicy1hdmF0YXIgbm8tc2VsZWN0IHMtYXZhdGFyLS1zaXplLXt7IHNpemUgfX1cIiBbaWRdPVwiaWRcIj5cbiAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic3RhdHVzXCI+XG4gICAgPCEtLSAgVHlwZSBvZiBzdGF0dXMgYXBwcm92ZWQgLCBkZWNsaW5lZCAsIGJsb2NrZWQgLCBvbmxpbmUgLCBvZmZsaW5lICwgYnVzeSAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXBwcm92ZWQnXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInN0YXRlLXt7IHN0YXR1cyB9fVwiPmNoZWNrX2NpcmNsZTwvcy1pY29uLW1hdD5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidkZWNsaW5lZCdcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlXCI+XG4gICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwic3RhdGUte3sgc3RhdHVzIH19XCI+Y2FuY2VsPC9zLWljb24tbWF0PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Jsb2NrZWQnXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInN0YXRlLXt7IHN0YXR1cyB9fVwiPmxvY2s8L3MtaWNvbi1tYXQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInb25saW5lJ1wiPlxuICAgICAgPGRpdiBjbGFzcz1cInMtYXZhdGFyX19kb3Qtc3RhdGUgc3RhdGUte3sgc3RhdHVzIH19XCI+PC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ29mZmxpbmUnXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZSBzdGF0ZS17eyBzdGF0dXMgfX1cIj48L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYnVzeSdcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlXCI+XG4gICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwic3RhdGUte3sgc3RhdHVzIH19XCI+cmVtb3ZlPC9zLWljb24tbWF0PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJkaXNwbGF5XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2ljb24nXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1jb250ZW50IGNvbnRlbnQtcGVyc29uXCI+XG4gICAgICAgIDxzLWljb24tbWF0PnBlcnNvbjwvcy1pY29uLW1hdD5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidhdmF0YXInXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidXJsUHJvZmlsZUltYWdlXCI+XG4gICAgICAgIDxpbWcgYXBwSW1hZ2VMb2FkZXIgY2xhc3M9XCJzLWF2YXRhcl9fZG90LWNvbnRlbnQgdXJsUHJvZmlsZVwiIHNyYz1cInt7IHVybFByb2ZpbGVJbWFnZSB9fVwiIGFsdD1cIlwiIC8+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbGV0dGVycydcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LWNvbnRlbnQgY29udGVudC1sZXR0ZXJzXCI+XG4gICAgICAgIDxzLWljb24tbWF0Pnt7IGxldHRlcnMgfX08L3MtaWNvbi1tYXQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4,23 +4,24 @@ import * as i1 from "@angular/common";
|
|
|
4
4
|
import * as i2 from "../icon-material/s-icon-material.component";
|
|
5
5
|
export class SBadgeComponent {
|
|
6
6
|
constructor() {
|
|
7
|
+
this.id = 's-badge';
|
|
7
8
|
this.type = 'primary';
|
|
8
9
|
this.size = 'sm';
|
|
9
10
|
this.new = false;
|
|
10
11
|
}
|
|
11
|
-
ngOnInit() {
|
|
12
|
-
}
|
|
13
12
|
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
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SBadgeComponent, selector: "s-badge", inputs: { id: "id", type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge s-badge--{{ type }} {{ size ? 's-badge--size-' + size : '' }}\" [id]=\"id\">\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n <ng-content></ng-content>\n</span>\n", 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", "id"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15
14
|
}
|
|
16
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBadgeComponent, decorators: [{
|
|
17
16
|
type: Component,
|
|
18
|
-
args: [{ selector: 's-badge', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-badge s-badge--{{type}} {{size ? 's-badge--size-'+size : ''}}\">\n
|
|
19
|
-
}],
|
|
17
|
+
args: [{ selector: 's-badge', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-badge s-badge--{{ type }} {{ size ? 's-badge--size-' + size : '' }}\" [id]=\"id\">\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n <ng-content></ng-content>\n</span>\n", 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"] }]
|
|
18
|
+
}], propDecorators: { id: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], type: [{
|
|
20
21
|
type: Input
|
|
21
22
|
}], size: [{
|
|
22
23
|
type: Input
|
|
23
24
|
}], new: [{
|
|
24
25
|
type: Input
|
|
25
26
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9iYWRnZS9zLWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2JhZGdlL3MtYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRcEUsTUFBTSxPQUFPLGVBQWU7SUFONUI7UUFPVyxPQUFFLEdBQVksU0FBUyxDQUFDO1FBQ3hCLFNBQUksR0FBa0UsU0FBUyxDQUFDO1FBQ2hGLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBQ3pCLFFBQUcsR0FBWSxLQUFLLENBQUM7S0FDL0I7K0dBTFksZUFBZTttR0FBZixlQUFlLDZHQ1I1QiwyTEFJQTs7NEZESWEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxTQUFTLGlCQUdKLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYmFkZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU0JhZGdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWQ/OiBzdHJpbmcgPSAncy1iYWRnZSc7XG4gIEBJbnB1dCgpIHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2dyZWVuJyB8ICd5ZWxsb3cnIHwgJ3JlZCcgfCBzdHJpbmcgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU6ICd4cycgfCAnc20nID0gJ3NtJztcbiAgQElucHV0KCkgbmV3OiBib29sZWFuID0gZmFsc2U7XG59XG4iLCI8c3BhbiBjbGFzcz1cInMtYmFkZ2Ugcy1iYWRnZS0te3sgdHlwZSB9fSB7eyBzaXplID8gJ3MtYmFkZ2UtLXNpemUtJyArIHNpemUgOiAnJyB9fVwiIFtpZF09XCJpZFwiPlxuICA8cy1pY29uLW1hdCAqbmdJZj1cIm5ld1wiPmxlbnM8L3MtaWNvbi1tYXQ+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, computed, input, output, } from '@angular/core';
|
|
1
|
+
import { Component, computed, input, output, signal } from '@angular/core';
|
|
2
2
|
import { SCheckboxModule } from '../checkbox';
|
|
3
3
|
import { FormsModule } from '@angular/forms';
|
|
4
4
|
import { SToggleSwitchModule } from '../toggle-switch';
|
|
@@ -14,14 +14,16 @@ export class SBottomStatusBarComponent {
|
|
|
14
14
|
this.config = input.required();
|
|
15
15
|
this.stateChange = output();
|
|
16
16
|
this.stateChangeEvent = output();
|
|
17
|
+
this.id = signal('s-bottom-status-bar');
|
|
17
18
|
this.configSCheckbox = computed(() => ({
|
|
18
19
|
useFormControl: false,
|
|
19
|
-
id: '
|
|
20
|
+
id: this.id() + '-checkbox',
|
|
20
21
|
disabled: this.config().disabled,
|
|
21
22
|
}));
|
|
22
23
|
this.configSSwitch = computed(() => ({
|
|
23
24
|
useFormControl: false,
|
|
24
25
|
size: 'md',
|
|
26
|
+
id: this.id() + '-switch',
|
|
25
27
|
disabled: this.config().disabled ?? false,
|
|
26
28
|
}));
|
|
27
29
|
}
|
|
@@ -32,16 +34,10 @@ export class SBottomStatusBarComponent {
|
|
|
32
34
|
this.stateChangeEvent.emit(newValue);
|
|
33
35
|
}
|
|
34
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBottomStatusBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SBottomStatusBarComponent, isStandalone: true, selector: "s-bottom-status-bar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { stateChange: "stateChange", stateChangeEvent: "stateChangeEvent" }, ngImport: i0, template: "<section
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SBottomStatusBarComponent, isStandalone: true, selector: "s-bottom-status-bar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { stateChange: "stateChange", stateChangeEvent: "stateChangeEvent" }, ngImport: i0, template: "<section class=\"s-bottom-status-bar\" [id]=\"id()\" [ngClass]=\"{ 's-bottom-status-bar--disabled': config().disabled }\">\n <div class=\"s-bottom-status-bar__section\">\n @if (config().selectionControl === 'checkbox') {\n <s-checkbox\n class=\"s-bottom-status-bar__option\"\n [config]=\"configSCheckbox()\"\n [ngModel]=\"config().selectionState?.()\"\n (ngModelChange)=\"onStateChange($event)\"></s-checkbox>\n }\n @if (config().selectionControl === 'switch') {\n <s-toggle-switch\n class=\"s-bottom-status-bar__option\"\n [config]=\"configSSwitch()\"\n [ngModel]=\"config().selectionState?.()\"\n (ngModelChange)=\"onStateChange($event)\"></s-toggle-switch>\n }\n @if (config().label) {\n <p [id]=\"id() + '-label'\">{{ config().label }}</p>\n }\n </div>\n <div class=\"s-bottom-status-bar__section\">\n @if (config().counter !== undefined) {\n <p [id]=\"id() + '-selectedText'\">{{ 'ui.generic.selected' | translate }}: {{ config().counter }}</p>\n }\n @if (config().counter !== undefined && config().total !== undefined) {\n <div\n class=\"s-bottom-status-bar__line\"\n [ngClass]=\"{\n 's-bottom-status-bar__line--disabled': config().disabled,\n }\"></div>\n }\n @if (config().total !== undefined) {\n <p [id]=\"id() + '-total'\">{{ 'ui.generic.total' | translate }}: {{ config().total }}</p>\n }\n </div>\n</section>\n", styles: [".s-bottom-status-bar{align-items:center;background-color:var(--primary-100);border-top:.03125rem solid var(--secondary-300);color:var(--secondary-600);display:flex;font-size:.875rem;height:3.375rem;justify-content:space-between;padding:0 1rem}.s-bottom-status-bar--disabled p{color:var(--neutrals-700)!important}.s-bottom-status-bar__section{align-items:center;display:flex}.s-bottom-status-bar__option{margin-right:.5rem}.s-bottom-status-bar__line{background-color:var(--primary-600);height:.875rem;width:.063rem;margin:0 .5rem}.s-bottom-status-bar__line--disabled{background-color:var(--neutrals-700)!important}\n"], dependencies: [{ kind: "ngmodule", type: SCheckboxModule }, { kind: "component", type: i1.SCheckboxComponent, selector: "s-checkbox", inputs: ["config", "id"], outputs: ["blur", "focus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SToggleSwitchModule }, { kind: "component", type: i3.ToggleSwitchFormComponent, selector: "s-toggle-switch", inputs: ["config", "id"], outputs: ["blur", "focus", "valueChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: STranslatePipe, name: "translate" }] }); }
|
|
36
38
|
}
|
|
37
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBottomStatusBarComponent, decorators: [{
|
|
38
40
|
type: Component,
|
|
39
|
-
args: [{ selector: 's-bottom-status-bar', standalone: true, imports: [
|
|
40
|
-
SCheckboxModule,
|
|
41
|
-
FormsModule,
|
|
42
|
-
SToggleSwitchModule,
|
|
43
|
-
CommonModule,
|
|
44
|
-
STranslatePipe,
|
|
45
|
-
], template: "<section\n class=\"s-bottom-status-bar\"\n [ngClass]=\"{ 's-bottom-status-bar--disabled': config().disabled }\">\n <div class=\"s-bottom-status-bar__section\">\n @if (config().selectionControl === 'checkbox') {\n <s-checkbox\n class=\"s-bottom-status-bar__option\"\n [config]=\"configSCheckbox()\"\n [ngModel]=\"config().selectionState?.()\"\n (ngModelChange)=\"onStateChange($event)\"></s-checkbox>\n }\n @if (config().selectionControl === 'switch') {\n <s-toggle-switch\n class=\"s-bottom-status-bar__option\"\n [config]=\"configSSwitch()\"\n [ngModel]=\"config().selectionState?.()\"\n (ngModelChange)=\"onStateChange($event)\"></s-toggle-switch>\n }\n @if (config().label) {\n <p>{{ config().label }}</p>\n }\n </div>\n <div class=\"s-bottom-status-bar__section\">\n @if (config().counter !== undefined) {\n <p>{{ 'ui.generic.selected' | translate }}: {{ config().counter }}</p>\n }\n @if (config().counter !== undefined && config().total !== undefined) {\n <div\n class=\"s-bottom-status-bar__line\"\n [ngClass]=\"{\n 's-bottom-status-bar__line--disabled': config().disabled,\n }\"></div>\n }\n @if (config().total !== undefined) {\n <p>{{ 'ui.generic.total' | translate }}: {{ config().total }}</p>\n }\n </div>\n</section>\n", styles: [".s-bottom-status-bar{align-items:center;background-color:var(--primary-100);border-top:.03125rem solid var(--secondary-300);color:var(--secondary-600);display:flex;font-size:.875rem;height:3.375rem;justify-content:space-between;padding:0 1rem}.s-bottom-status-bar--disabled p{color:var(--neutrals-700)!important}.s-bottom-status-bar__section{align-items:center;display:flex}.s-bottom-status-bar__option{margin-right:.5rem}.s-bottom-status-bar__line{background-color:var(--primary-600);height:.875rem;width:.063rem;margin:0 .5rem}.s-bottom-status-bar__line--disabled{background-color:var(--neutrals-700)!important}\n"] }]
|
|
41
|
+
args: [{ selector: 's-bottom-status-bar', standalone: true, imports: [SCheckboxModule, FormsModule, SToggleSwitchModule, CommonModule, STranslatePipe], template: "<section class=\"s-bottom-status-bar\" [id]=\"id()\" [ngClass]=\"{ 's-bottom-status-bar--disabled': config().disabled }\">\n <div class=\"s-bottom-status-bar__section\">\n @if (config().selectionControl === 'checkbox') {\n <s-checkbox\n class=\"s-bottom-status-bar__option\"\n [config]=\"configSCheckbox()\"\n [ngModel]=\"config().selectionState?.()\"\n (ngModelChange)=\"onStateChange($event)\"></s-checkbox>\n }\n @if (config().selectionControl === 'switch') {\n <s-toggle-switch\n class=\"s-bottom-status-bar__option\"\n [config]=\"configSSwitch()\"\n [ngModel]=\"config().selectionState?.()\"\n (ngModelChange)=\"onStateChange($event)\"></s-toggle-switch>\n }\n @if (config().label) {\n <p [id]=\"id() + '-label'\">{{ config().label }}</p>\n }\n </div>\n <div class=\"s-bottom-status-bar__section\">\n @if (config().counter !== undefined) {\n <p [id]=\"id() + '-selectedText'\">{{ 'ui.generic.selected' | translate }}: {{ config().counter }}</p>\n }\n @if (config().counter !== undefined && config().total !== undefined) {\n <div\n class=\"s-bottom-status-bar__line\"\n [ngClass]=\"{\n 's-bottom-status-bar__line--disabled': config().disabled,\n }\"></div>\n }\n @if (config().total !== undefined) {\n <p [id]=\"id() + '-total'\">{{ 'ui.generic.total' | translate }}: {{ config().total }}</p>\n }\n </div>\n</section>\n", styles: [".s-bottom-status-bar{align-items:center;background-color:var(--primary-100);border-top:.03125rem solid var(--secondary-300);color:var(--secondary-600);display:flex;font-size:.875rem;height:3.375rem;justify-content:space-between;padding:0 1rem}.s-bottom-status-bar--disabled p{color:var(--neutrals-700)!important}.s-bottom-status-bar__section{align-items:center;display:flex}.s-bottom-status-bar__option{margin-right:.5rem}.s-bottom-status-bar__line{background-color:var(--primary-600);height:.875rem;width:.063rem;margin:0 .5rem}.s-bottom-status-bar__line--disabled{background-color:var(--neutrals-700)!important}\n"] }]
|
|
46
42
|
}] });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYm90dG9tLXN0YXR1cy1iYXIvYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYm90dG9tLXN0YXR1cy1iYXIvYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQWtCLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBYSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBVyxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sU0FBUyxDQUFDOzs7Ozs7QUFxQnpDLE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUFRRSxXQUFNLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBb0IsQ0FBQztRQUM1QyxnQkFBVyxHQUFHLE1BQU0sRUFBVyxDQUFDO1FBQ2hDLHFCQUFnQixHQUFHLE1BQU0sRUFBVyxDQUFDO1FBQ3JDLE9BQUUsR0FBRyxNQUFNLENBQVMscUJBQXFCLENBQUMsQ0FBQztRQUUzQyxvQkFBZSxHQUFHLFFBQVEsQ0FBWSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQzNDLGNBQWMsRUFBRSxLQUFLO1lBQ3JCLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLEdBQUcsV0FBVztZQUMzQixRQUFRLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVE7U0FDakMsQ0FBQyxDQUFDLENBQUM7UUFFSixrQkFBYSxHQUFHLFFBQVEsQ0FBVSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3ZDLGNBQWMsRUFBRSxLQUFLO1lBQ3JCLElBQUksRUFBRSxJQUFJO1lBQ1YsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsR0FBRyxTQUFTO1lBQ3pCLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxJQUFJLEtBQUs7U0FDMUMsQ0FBQyxDQUFDLENBQUM7S0FTTDtJQVBDLHNCQUFzQixDQUFDLEtBQWM7UUFDbkMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsYUFBYSxDQUFDLFFBQWlCO1FBQzdCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkMsQ0FBQzsrR0F6QlUseUJBQXlCO21HQUF6Qix5QkFBeUIsb1NDMUJ0Qyx5OENBb0NBLGdxQkRkWSxlQUFlLGdLQUFFLFdBQVcsOFZBQUUsbUJBQW1CLDJMQUFFLFlBQVksd0hBQUUsY0FBYzs7NEZBSTlFLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxZQUFZLEVBQUUsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIG91dHB1dCwgc2lnbmFsLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU0NoZWNrYm94LCBTQ2hlY2tib3hNb2R1bGUgfSBmcm9tICcuLi9jaGVja2JveCc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNTd2l0Y2gsIFNUb2dnbGVTd2l0Y2hNb2R1bGUgfSBmcm9tICcuLi90b2dnbGUtc3dpdGNoJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTVHJhbnNsYXRlUGlwZSB9IGZyb20gJy4uL3BpcGUnO1xuXG5leHBvcnQgdHlwZSBjb250cm9sVHlwZSA9ICdjaGVja2JveCcgfCAnc3dpdGNoJztcblxuZXhwb3J0IGludGVyZmFjZSBTQm90dG9tU3RhdHVzQmFyIHtcbiAgY291bnRlcj86IG51bWJlcjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBpZD86IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHNlbGVjdGlvbkNvbnRyb2w/OiBjb250cm9sVHlwZTtcbiAgc2VsZWN0aW9uU3RhdGU/OiBXcml0YWJsZVNpZ25hbDxib29sZWFuPjtcbiAgdG90YWw/OiBudW1iZXI7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYm90dG9tLXN0YXR1cy1iYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbU0NoZWNrYm94TW9kdWxlLCBGb3Jtc01vZHVsZSwgU1RvZ2dsZVN3aXRjaE1vZHVsZSwgQ29tbW9uTW9kdWxlLCBTVHJhbnNsYXRlUGlwZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9ib3R0b20tc3RhdHVzLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ib3R0b20tc3RhdHVzLWJhci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFNCb3R0b21TdGF0dXNCYXJDb21wb25lbnQge1xuICBjb25maWcgPSBpbnB1dC5yZXF1aXJlZDxTQm90dG9tU3RhdHVzQmFyPigpO1xuICBzdGF0ZUNoYW5nZSA9IG91dHB1dDxib29sZWFuPigpO1xuICBzdGF0ZUNoYW5nZUV2ZW50ID0gb3V0cHV0PGJvb2xlYW4+KCk7XG4gIGlkID0gc2lnbmFsPHN0cmluZz4oJ3MtYm90dG9tLXN0YXR1cy1iYXInKTtcblxuICBjb25maWdTQ2hlY2tib3ggPSBjb21wdXRlZDxTQ2hlY2tib3g+KCgpID0+ICh7XG4gICAgdXNlRm9ybUNvbnRyb2w6IGZhbHNlLFxuICAgIGlkOiB0aGlzLmlkKCkgKyAnLWNoZWNrYm94JyxcbiAgICBkaXNhYmxlZDogdGhpcy5jb25maWcoKS5kaXNhYmxlZCxcbiAgfSkpO1xuXG4gIGNvbmZpZ1NTd2l0Y2ggPSBjb21wdXRlZDxTU3dpdGNoPigoKSA9PiAoe1xuICAgIHVzZUZvcm1Db250cm9sOiBmYWxzZSxcbiAgICBzaXplOiAnbWQnLFxuICAgIGlkOiB0aGlzLmlkKCkgKyAnLXN3aXRjaCcsXG4gICAgZGlzYWJsZWQ6IHRoaXMuY29uZmlnKCkuZGlzYWJsZWQgPz8gZmFsc2UsXG4gIH0pKTtcblxuICBzZWxlY3Rpb25Db250cm9sQ2hhbmdlKHN0YXRlOiBib29sZWFuKSB7XG4gICAgdGhpcy5zdGF0ZUNoYW5nZUV2ZW50LmVtaXQoc3RhdGUpO1xuICB9XG5cbiAgb25TdGF0ZUNoYW5nZShuZXdWYWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuc3RhdGVDaGFuZ2VFdmVudC5lbWl0KG5ld1ZhbHVlKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzLWJvdHRvbS1zdGF0dXMtYmFyXCIgW2lkXT1cImlkKClcIiBbbmdDbGFzc109XCJ7ICdzLWJvdHRvbS1zdGF0dXMtYmFyLS1kaXNhYmxlZCc6IGNvbmZpZygpLmRpc2FibGVkIH1cIj5cbiAgPGRpdiBjbGFzcz1cInMtYm90dG9tLXN0YXR1cy1iYXJfX3NlY3Rpb25cIj5cbiAgICBAaWYgKGNvbmZpZygpLnNlbGVjdGlvbkNvbnRyb2wgPT09ICdjaGVja2JveCcpIHtcbiAgICAgIDxzLWNoZWNrYm94XG4gICAgICAgIGNsYXNzPVwicy1ib3R0b20tc3RhdHVzLWJhcl9fb3B0aW9uXCJcbiAgICAgICAgW2NvbmZpZ109XCJjb25maWdTQ2hlY2tib3goKVwiXG4gICAgICAgIFtuZ01vZGVsXT1cImNvbmZpZygpLnNlbGVjdGlvblN0YXRlPy4oKVwiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU3RhdGVDaGFuZ2UoJGV2ZW50KVwiPjwvcy1jaGVja2JveD5cbiAgICB9XG4gICAgQGlmIChjb25maWcoKS5zZWxlY3Rpb25Db250cm9sID09PSAnc3dpdGNoJykge1xuICAgICAgPHMtdG9nZ2xlLXN3aXRjaFxuICAgICAgICBjbGFzcz1cInMtYm90dG9tLXN0YXR1cy1iYXJfX29wdGlvblwiXG4gICAgICAgIFtjb25maWddPVwiY29uZmlnU1N3aXRjaCgpXCJcbiAgICAgICAgW25nTW9kZWxdPVwiY29uZmlnKCkuc2VsZWN0aW9uU3RhdGU/LigpXCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25TdGF0ZUNoYW5nZSgkZXZlbnQpXCI+PC9zLXRvZ2dsZS1zd2l0Y2g+XG4gICAgfVxuICAgIEBpZiAoY29uZmlnKCkubGFiZWwpIHtcbiAgICAgIDxwIFtpZF09XCJpZCgpICsgJy1sYWJlbCdcIj57eyBjb25maWcoKS5sYWJlbCB9fTwvcD5cbiAgICB9XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicy1ib3R0b20tc3RhdHVzLWJhcl9fc2VjdGlvblwiPlxuICAgIEBpZiAoY29uZmlnKCkuY291bnRlciAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICA8cCBbaWRdPVwiaWQoKSArICctc2VsZWN0ZWRUZXh0J1wiPnt7ICd1aS5nZW5lcmljLnNlbGVjdGVkJyB8IHRyYW5zbGF0ZSB9fToge3sgY29uZmlnKCkuY291bnRlciB9fTwvcD5cbiAgICB9XG4gICAgQGlmIChjb25maWcoKS5jb3VudGVyICE9PSB1bmRlZmluZWQgJiYgY29uZmlnKCkudG90YWwgIT09IHVuZGVmaW5lZCkge1xuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInMtYm90dG9tLXN0YXR1cy1iYXJfX2xpbmVcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgJ3MtYm90dG9tLXN0YXR1cy1iYXJfX2xpbmUtLWRpc2FibGVkJzogY29uZmlnKCkuZGlzYWJsZWQsXG4gICAgICAgIH1cIj48L2Rpdj5cbiAgICB9XG4gICAgQGlmIChjb25maWcoKS50b3RhbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICA8cCBbaWRdPVwiaWQoKSArICctdG90YWwnXCI+e3sgJ3VpLmdlbmVyaWMudG90YWwnIHwgdHJhbnNsYXRlIH19OiB7eyBjb25maWcoKS50b3RhbCB9fTwvcD5cbiAgICB9XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -5,6 +5,7 @@ import * as i2 from "../icon-material/s-icon-material.component";
|
|
|
5
5
|
import * as i3 from "@angular/router";
|
|
6
6
|
export class SBreadcrumComponent {
|
|
7
7
|
constructor() {
|
|
8
|
+
this.id = 's-breadcrum';
|
|
8
9
|
this.size = 'sm';
|
|
9
10
|
}
|
|
10
11
|
getStateClass(i, nav) {
|
|
@@ -19,14 +20,16 @@ export class SBreadcrumComponent {
|
|
|
19
20
|
return next === this.nav.length - 1 ? 'icon-active' : 'icon-default';
|
|
20
21
|
}
|
|
21
22
|
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
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { id: "id", nav: "nav", size: "size" }, ngImport: i0, template: "<div class=\"s-breadcrum mb-3 s-scroll\" [id]=\"id\">\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\n routerLink=\"{{ nv.routerLink ? nv.routerLink : undefined }}\"\n [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\"\n >keyboard_arrow_right</s-icon-mat\n >\n </div>\n</div>\n", 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", "id"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23
24
|
}
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBreadcrumComponent, decorators: [{
|
|
25
26
|
type: Component,
|
|
26
|
-
args: [{ selector: 's-breadcrum', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-breadcrum mb-3 s-scroll\">\n
|
|
27
|
-
}], propDecorators: {
|
|
27
|
+
args: [{ selector: 's-breadcrum', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-breadcrum mb-3 s-scroll\" [id]=\"id\">\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\n routerLink=\"{{ nv.routerLink ? nv.routerLink : undefined }}\"\n [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\"\n >keyboard_arrow_right</s-icon-mat\n >\n </div>\n</div>\n", 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"] }]
|
|
28
|
+
}], propDecorators: { id: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], nav: [{
|
|
28
31
|
type: Input
|
|
29
32
|
}], size: [{
|
|
30
33
|
type: Input
|
|
31
34
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1icmVhZGNydW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYnJlYWRjcnVtL3MtYnJlYWRjcnVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2JyZWFkY3J1bS9zLWJyZWFkY3J1bS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTcEUsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQU9XLE9BQUUsR0FBWSxhQUFhLENBQUM7UUFFNUIsU0FBSSxHQUF1QixJQUFJLENBQUM7S0FjMUM7SUFaQyxhQUFhLENBQUMsQ0FBUyxFQUFFLEdBQWlCO1FBQ3hDLE1BQU0sYUFBYSxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDaEQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ25CLE9BQU8sR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLHlCQUF5QixDQUFDO1FBQ3ZFLENBQUM7UUFDRCxPQUFPLGtCQUFrQixDQUFDO0lBQzVCLENBQUM7SUFFRCxZQUFZLENBQUMsQ0FBUztRQUNwQixJQUFJLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLE9BQU8sSUFBSSxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUM7SUFDdkUsQ0FBQzsrR0FoQlUsbUJBQW1CO21HQUFuQixtQkFBbUIsbUdDVGhDLDJ6QkFlQTs7NEZETmEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsRUFBRTtzQkFBVixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnJlYWRjcnVtTmF2IH0gZnJvbSAnLi9pbnRlcmZhY2UvYnJlYWRjcnVtLW5hdi5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLWJyZWFkY3J1bScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWJyZWFkY3J1bS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtYnJlYWRjcnVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNCcmVhZGNydW1Db21wb25lbnQge1xuICBASW5wdXQoKSBpZD86IHN0cmluZyA9ICdzLWJyZWFkY3J1bSc7XG4gIEBJbnB1dCgpIG5hdiE6IEJyZWFkY3J1bU5hdltdO1xuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnc20nO1xuXG4gIGdldFN0YXRlQ2xhc3MoaTogbnVtYmVyLCBuYXY6IEJyZWFkY3J1bU5hdik6IHN0cmluZyB7XG4gICAgY29uc3QgaXNMYXN0TmF2SXRlbSA9IGkgPT09IHRoaXMubmF2Lmxlbmd0aCAtIDE7XG4gICAgaWYgKCFpc0xhc3ROYXZJdGVtKSB7XG4gICAgICByZXR1cm4gbmF2LnJvdXRlckxpbmsgPyAnYnJlYWRjcnVtLWJhY2snIDogJ2JyZWFkY3J1bS1iYWNrLW5vdC1saW5rJztcbiAgICB9XG4gICAgcmV0dXJuICdicmVhZGNydW0tYWN0aXZlJztcbiAgfVxuXG4gIGdldEljb25DbGFzcyhpOiBudW1iZXIpOiBzdHJpbmcge1xuICAgIGxldCBuZXh0ID0gaSArIDE7XG4gICAgcmV0dXJuIG5leHQgPT09IHRoaXMubmF2Lmxlbmd0aCAtIDEgPyAnaWNvbi1hY3RpdmUnIDogJ2ljb24tZGVmYXVsdCc7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzLWJyZWFkY3J1bSBtYi0zIHMtc2Nyb2xsXCIgW2lkXT1cImlkXCI+XG4gIDxkaXYgY2xhc3M9XCJzLWJyZWFkY3J1bV9fY29udGVudCBzLWJyZWFkY3J1bV9fY29udGVudC0tc2l6ZS17eyBzaXplIH19XCIgKm5nRm9yPVwibGV0IG52IG9mIG5hdjsgaW5kZXggYXMgaVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzLWJyZWFkY3J1bV9fY29udGVudF9fdGV4dHNcIj5cbiAgICAgIDxhXG4gICAgICAgIHJvdXRlckxpbms9XCJ7eyBudi5yb3V0ZXJMaW5rID8gbnYucm91dGVyTGluayA6IHVuZGVmaW5lZCB9fVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIltudi5yb3V0ZXJMaW5rID8gJycgOiAnZGlzYWJsZWQnLCBudi5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyA/ICdmbG9hdC1yaWdodCcgOiAnZmxvYXQtbGVmdCddXCI+XG4gICAgICAgIDxoNCBbbmdDbGFzc109XCJbZ2V0U3RhdGVDbGFzcyhpLCBudildXCI+e3sgbnYudGl0bGUgfX08L2g0PlxuICAgICAgICA8cy1pY29uLW1hdCAqbmdJZj1cIm52Lmljb25OYW1lXCIgW25nQ2xhc3NdPVwiW2dldFN0YXRlQ2xhc3MoaSwgbnYpXVwiIGNsYXNzPVwiaWNvblwiPnt7IG52Lmljb25OYW1lIH19PC9zLWljb24tbWF0PlxuICAgICAgPC9hPlxuICAgIDwvZGl2PlxuICAgIDxzLWljb24tbWF0IGNsYXNzPVwicy1icmVhZGNydW1fX2NvbnRlbnRfX2Fycm93LWljb25cIiBbbmdDbGFzc109XCJbZ2V0SWNvbkNsYXNzKGkpXVwiICpuZ0lmPVwiaSA8IG5hdi5sZW5ndGggLSAxXCJcbiAgICAgID5rZXlib2FyZF9hcnJvd19yaWdodDwvcy1pY29uLW1hdFxuICAgID5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|