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
|
@@ -8,7 +8,7 @@ export class SListComponent {
|
|
|
8
8
|
this.size = 'md';
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SListComponent, selector: "s-list", inputs: { disabled: "disabled", selected: "selected", size: "size" }, ngImport: i0, template: " <div tabindex=\"0\" class=\"s-list s-scroll \n {{disabled ? 's-list--disabled' : ''}} {{selected ? 's-list--selected' : ''}} \">\n <div class=\"s-list__content\">\n <div class=\"s-list__content__drag s-list__content__drag--no-select s-list__content__drag--cursor s-list__content__drag--{{size}}\" >\n <s-icon-mat class=\"drag-indicator\">drag_indicator</s-icon-mat>\n </div>\n <div class=\"s-list__content__gral\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n", styles: [".s-list{width:100%;display:flex;align-items:center;border:.063rem solid var(--neutrals-800);border-radius:.25rem;margin-bottom:.125rem;background-color:var(--neutrals-1200);overflow-x:auto}.s-list__content{display:flex;align-items:center;width:100%;border-top-left-radius:.125rem;border-bottom-left-radius:.125rem;padding:.875rem;border-left:.25rem solid var(--neutrals-1200)}.s-list__content__drag{background-color:var(--primary-100);color:var(--primary-600);border:.063rem solid var(--primary-600);display:flex;align-items:center;border-radius:.25rem}.s-list__content__drag .drag-indicator span{font-size:1rem;padding:.188rem}.s-list__content__drag--md{height:3.75rem}.s-list__content__drag--sm{height:2.375rem}.s-list__content__drag--xs{height:2rem}.s-list__content__drag--cursor{cursor:grab}.s-list__content__gral{width:100%;margin-left:.625rem}.s-list:hover:not(.s-list--disabled){border:.063rem solid var(--primary-300);background-color:var(--primary-100)}.s-list:hover:not(.s-list--disabled) .s-list__content{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem;border-left:.25rem solid var(--primary-600)}.s-list--selected{border:.063rem solid var(--primary-300);background-color:var(--primary-100);box-shadow:var(--focus-cyan--md)}.s-list--selected .s-list__content{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem;border-left:.25rem solid var(--primary-600)}.s-list--disabled{opacity:50%;border:.063rem solid var(--neutrals-1000);background-color:var(--neutrals-1200)}.s-list--disabled .s-list__content{border-left:.25rem solid var(--neutrals-1200)}.s-list--disabled .s-list__content__drag{background-color:var(--neutrals-1100);color:var(--neutrals-800);border:.063rem solid var(--neutrals-800);cursor:no-drop}\n"], dependencies: [{ kind: "component", type: i1.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SListComponent, selector: "s-list", inputs: { disabled: "disabled", selected: "selected", size: "size" }, ngImport: i0, template: " <div tabindex=\"0\" class=\"s-list s-scroll \n {{disabled ? 's-list--disabled' : ''}} {{selected ? 's-list--selected' : ''}} \">\n <div class=\"s-list__content\">\n <div class=\"s-list__content__drag s-list__content__drag--no-select s-list__content__drag--cursor s-list__content__drag--{{size}}\" >\n <s-icon-mat class=\"drag-indicator\">drag_indicator</s-icon-mat>\n </div>\n <div class=\"s-list__content__gral\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n", styles: [".s-list{width:100%;display:flex;align-items:center;border:.063rem solid var(--neutrals-800);border-radius:.25rem;margin-bottom:.125rem;background-color:var(--neutrals-1200);overflow-x:auto}.s-list__content{display:flex;align-items:center;width:100%;border-top-left-radius:.125rem;border-bottom-left-radius:.125rem;padding:.875rem;border-left:.25rem solid var(--neutrals-1200)}.s-list__content__drag{background-color:var(--primary-100);color:var(--primary-600);border:.063rem solid var(--primary-600);display:flex;align-items:center;border-radius:.25rem}.s-list__content__drag .drag-indicator span{font-size:1rem;padding:.188rem}.s-list__content__drag--md{height:3.75rem}.s-list__content__drag--sm{height:2.375rem}.s-list__content__drag--xs{height:2rem}.s-list__content__drag--cursor{cursor:grab}.s-list__content__gral{width:100%;margin-left:.625rem}.s-list:hover:not(.s-list--disabled){border:.063rem solid var(--primary-300);background-color:var(--primary-100)}.s-list:hover:not(.s-list--disabled) .s-list__content{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem;border-left:.25rem solid var(--primary-600)}.s-list--selected{border:.063rem solid var(--primary-300);background-color:var(--primary-100);box-shadow:var(--focus-cyan--md)}.s-list--selected .s-list__content{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem;border-left:.25rem solid var(--primary-600)}.s-list--disabled{opacity:50%;border:.063rem solid var(--neutrals-1000);background-color:var(--neutrals-1200)}.s-list--disabled .s-list__content{border-left:.25rem solid var(--neutrals-1200)}.s-list--disabled .s-list__content__drag{background-color:var(--neutrals-1100);color:var(--neutrals-800);border:.063rem solid var(--neutrals-800);cursor:no-drop}\n"], dependencies: [{ kind: "component", type: i1.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SListComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
@@ -5,11 +5,11 @@ export class SListSimpleComponent {
|
|
|
5
5
|
this.listStyle = 'default';
|
|
6
6
|
}
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SListSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SListSimpleComponent, selector: "s-list-simple", inputs: { listStyle: "listStyle" }, ngImport: i0, template: "<div class=\"s-list-simple s-list-simple--{{listStyle}}\">\n <ng-content></ng-content>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SListSimpleComponent, selector: "s-list-simple", inputs: { listStyle: "listStyle" }, ngImport: i0, template: "<div class=\"s-list-simple s-list-simple--{{listStyle}}\">\n <ng-content></ng-content>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v316/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2) format(\"woff2\")}.s-list-simple ul{font-size:.875rem;font-weight:400;line-height:1.25rem;letter-spacing:.01563rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.s-list-simple ul,.s-list-simple ol{margin-left:.625rem}.s-list-simple ul ul,.s-list-simple ul ol,.s-list-simple ol ul,.s-list-simple ol ol{margin-left:1.063rem}.s-list-simple ul ul ul,.s-list-simple ul ul ol,.s-list-simple ul ol ul,.s-list-simple ul ol ol,.s-list-simple ol ul ul,.s-list-simple ol ul ol,.s-list-simple ol ol ul,.s-list-simple ol ol ol{margin-left:1.5rem}.s-list-simple ul ul ul ul,.s-list-simple ul ul ul ol,.s-list-simple ul ul ol ul,.s-list-simple ul ul ol ol,.s-list-simple ul ol ul ul,.s-list-simple ul ol ul ol,.s-list-simple ul ol ol ul,.s-list-simple ul ol ol ol,.s-list-simple ol ul ul ul,.s-list-simple ol ul ul ol,.s-list-simple ol ul ol ul,.s-list-simple ol ul ol ol,.s-list-simple ol ol ul ul,.s-list-simple ol ol ul ol,.s-list-simple ol ol ol ul,.s-list-simple ol ol ol ol{margin-left:30.063rem}.s-list-simple--default ul{list-style:disc}.s-list-simple--check li,.s-list-simple--chevron li,.s-list-simple--folder li{list-style-type:none}.s-list-simple--check li:before,.s-list-simple--chevron li:before,.s-list-simple--folder li:before{font-family:Material Icons;display:inline-block;margin-right:.5em}.s-list-simple--check ul ul ul li:before{color:var(--green-700)}.s-list-simple--check ul ul ul .mark-invert:before,.s-list-simple--check ul ul ul .mark-invert::marker{color:var(--green-600)!important}.s-list-simple--check li:before{content:\"\\e5ca\";color:var(--green-600)}.s-list-simple--check .mark-invert:before,.s-list-simple--check .mark-invert::marker{color:var(--green-700)}.s-list-simple--chevron li:before{content:\"\\e5cc\";color:var(--secondary-600)}.s-list-simple--dot ul,.s-list-simple--dot ul ul{list-style:disc}.s-list-simple--dot ul ul ul{list-style:circle}.s-list-simple--dot li::marker{font-size:1.063rem;color:var(--secondary-600)}.s-list-simple--folder ul ul ul li:before{font-family:Material Symbols Outlined}.s-list-simple--folder ul ul ul .mark-invert:before,.s-list-simple--folder ul ul ul .mark-invert::marker{font-family:Material Icons!important}.s-list-simple--folder li:before{content:\"\\e2c7\";color:var(--secondary-600)}.s-list-simple--folder .mark-invert:before,.s-list-simple--folder .mark-invert::marker{font-family:Material Symbols Outlined}.s-list-simple--a1 ul>li:before{color:var(--primary-600);font-weight:700;content:counter(level1) \". \";counter-increment:level1}.s-list-simple--a1 ul ul>li:before{color:var(--secondary-600);font-weight:700;content:counter(level2,lower-alpha) \". \";counter-increment:level2}.s-list-simple--a1 ul ul ul>li:before{font-weight:400;content:counter(level2,lower-alpha) \".\" counter(level3) \" \";counter-increment:level3}.s-list-simple--a1 ul{counter-reset:level1}.s-list-simple--a1 ul ul{counter-reset:level2}.s-list-simple--a1 ul ul ul{counter-reset:level3}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SListSimpleComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 's-list-simple', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-list-simple s-list-simple--{{listStyle}}\">\n <ng-content></ng-content>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/
|
|
12
|
+
args: [{ selector: 's-list-simple', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-list-simple s-list-simple--{{listStyle}}\">\n <ng-content></ng-content>\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v316/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2) format(\"woff2\")}.s-list-simple ul{font-size:.875rem;font-weight:400;line-height:1.25rem;letter-spacing:.01563rem;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.s-list-simple ul,.s-list-simple ol{margin-left:.625rem}.s-list-simple ul ul,.s-list-simple ul ol,.s-list-simple ol ul,.s-list-simple ol ol{margin-left:1.063rem}.s-list-simple ul ul ul,.s-list-simple ul ul ol,.s-list-simple ul ol ul,.s-list-simple ul ol ol,.s-list-simple ol ul ul,.s-list-simple ol ul ol,.s-list-simple ol ol ul,.s-list-simple ol ol ol{margin-left:1.5rem}.s-list-simple ul ul ul ul,.s-list-simple ul ul ul ol,.s-list-simple ul ul ol ul,.s-list-simple ul ul ol ol,.s-list-simple ul ol ul ul,.s-list-simple ul ol ul ol,.s-list-simple ul ol ol ul,.s-list-simple ul ol ol ol,.s-list-simple ol ul ul ul,.s-list-simple ol ul ul ol,.s-list-simple ol ul ol ul,.s-list-simple ol ul ol ol,.s-list-simple ol ol ul ul,.s-list-simple ol ol ul ol,.s-list-simple ol ol ol ul,.s-list-simple ol ol ol ol{margin-left:30.063rem}.s-list-simple--default ul{list-style:disc}.s-list-simple--check li,.s-list-simple--chevron li,.s-list-simple--folder li{list-style-type:none}.s-list-simple--check li:before,.s-list-simple--chevron li:before,.s-list-simple--folder li:before{font-family:Material Icons;display:inline-block;margin-right:.5em}.s-list-simple--check ul ul ul li:before{color:var(--green-700)}.s-list-simple--check ul ul ul .mark-invert:before,.s-list-simple--check ul ul ul .mark-invert::marker{color:var(--green-600)!important}.s-list-simple--check li:before{content:\"\\e5ca\";color:var(--green-600)}.s-list-simple--check .mark-invert:before,.s-list-simple--check .mark-invert::marker{color:var(--green-700)}.s-list-simple--chevron li:before{content:\"\\e5cc\";color:var(--secondary-600)}.s-list-simple--dot ul,.s-list-simple--dot ul ul{list-style:disc}.s-list-simple--dot ul ul ul{list-style:circle}.s-list-simple--dot li::marker{font-size:1.063rem;color:var(--secondary-600)}.s-list-simple--folder ul ul ul li:before{font-family:Material Symbols Outlined}.s-list-simple--folder ul ul ul .mark-invert:before,.s-list-simple--folder ul ul ul .mark-invert::marker{font-family:Material Icons!important}.s-list-simple--folder li:before{content:\"\\e2c7\";color:var(--secondary-600)}.s-list-simple--folder .mark-invert:before,.s-list-simple--folder .mark-invert::marker{font-family:Material Symbols Outlined}.s-list-simple--a1 ul>li:before{color:var(--primary-600);font-weight:700;content:counter(level1) \". \";counter-increment:level1}.s-list-simple--a1 ul ul>li:before{color:var(--secondary-600);font-weight:700;content:counter(level2,lower-alpha) \". \";counter-increment:level2}.s-list-simple--a1 ul ul ul>li:before{font-weight:400;content:counter(level2,lower-alpha) \".\" counter(level3) \" \";counter-increment:level3}.s-list-simple--a1 ul{counter-reset:level1}.s-list-simple--a1 ul ul{counter-reset:level2}.s-list-simple--a1 ul ul ul{counter-reset:level3}\n"] }]
|
|
13
13
|
}], propDecorators: { listStyle: [{
|
|
14
14
|
type: Input
|
|
15
15
|
}] } });
|
|
@@ -49,10 +49,10 @@ export class SModalConfirmComponent {
|
|
|
49
49
|
this.modalConfirmService.close(response, checkboxChecked);
|
|
50
50
|
}
|
|
51
51
|
getTextAlignClass() {
|
|
52
|
-
return 's-modal-confirm__message--' + (this.config?.textAlign ?? '
|
|
52
|
+
return 's-modal-confirm__message--' + (this.config?.textAlign ?? 'left');
|
|
53
53
|
}
|
|
54
54
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SModalConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SModalConfirmComponent, isStandalone: true, selector: "s-modal-confirm.", host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, ngImport: i0, template: "@if (config.isVisible) {\n <div class=\"overlay\">\n <div class=\"overlay__grid-12\">\n <div
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SModalConfirmComponent, isStandalone: true, selector: "s-modal-confirm.", host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, ngImport: i0, template: "@if (config.isVisible) {\n <div class=\"overlay\">\n <div class=\"overlay__grid-12\">\n <div class=\"s-modal-confirm\" (click)=\"close(false)\" (keydown.enter)=\"close(false)\" tabindex=\"0\">\n <div\n class=\"s-modal-confirm__content\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\"\n tabindex=\"0\">\n <section\n class=\"s-modal-confirm__header\"\n [ngClass]=\"{\n 's-modal-confirm__header--secondary': config.backgroundType === 'secondary',\n }\">\n <div class=\"s-modal-confirm__header-title\">\n <s-icon-mat size=\"md\" [ngClass]=\"'s-modal-confirm__icon-' + config.type\">\n {{ getIconType(config.type).icon }}\n </s-icon-mat>\n <h4 class=\"s-modal-confirm__title\">\n {{ config.title }}\n </h4>\n </div>\n @if (config.cancelText) {\n <s-icon-mat tabindex=\"0\" class=\"s-modal-confirm__icon-close\" size=\"md\" (click)=\"close(false)\">\n close\n </s-icon-mat>\n }\n </section>\n <div class=\"s-scroll s-modal-confirm__body\">\n <p class=\"s-modal-confirm__message\" [ngClass]=\"getTextAlignClass()\">\n {{ config.message }}\n </p>\n </div>\n <section\n class=\"s-modal-confirm__buttons\"\n [ngClass]=\"{\n 's-modal-confirm__buttons--secondary': config.backgroundType === 'secondary',\n }\">\n <div>\n @if (config.checkbox) {\n <s-checkbox\n [config]=\"configCheckbox\"\n [(ngModel)]=\"valueCheckbox\"\n (ngModelChange)=\"valueCheckbox = $event\"></s-checkbox>\n }\n </div>\n <div>\n @if (config.cancelText) {\n <s-button\n type=\"tertiary\"\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(false, valueCheckbox)\"\n (keydown.enter)=\"close(false, valueCheckbox)\">\n {{ config.cancelText }}\n </s-button>\n }\n <s-button\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(true, valueCheckbox)\"\n (keydown.enter)=\"close(true, valueCheckbox)\">\n {{ config.confirmText }}\n </s-button>\n </div>\n </section>\n </div>\n </div>\n </div>\n </div>\n}\n", styles: [".overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay__grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;width:100%;margin:0 2rem}.s-modal-confirm{grid-column:5/span 4;box-shadow:var(--E500)}.s-modal-confirm__content{background:var(--neutrals-1200);text-align:left;min-width:10rem;border-radius:.5rem}.s-modal-confirm__header{align-items:center;display:flex;justify-content:space-between;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:.625rem 1rem}.s-modal-confirm__header-title{align-items:center;display:flex}.s-modal-confirm__header-title h4{font-size:1.25rem;margin-left:.4rem;color:var(--secondary-600)}.s-modal-confirm__icon-alert{color:var(--yellow-600)}.s-modal-confirm__icon-error{color:var(--red-600)}.s-modal-confirm__icon-info{color:var(--primary-600)}.s-modal-confirm__icon-close{color:var(--neutrals-600);cursor:pointer}.s-modal-confirm__message{font-size:.875rem;color:var(--secondary-600)}.s-modal-confirm__message--center{text-align:center}.s-modal-confirm__message--justify{text-align:justify}.s-modal-confirm__message--left{text-align:left}.s-modal-confirm__message--right{text-align:right}.s-modal-confirm__buttons{display:flex;padding:.625rem 1rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;justify-content:space-between;align-items:center}.s-modal-confirm__buttons--secondary{background:var(--neutrals-1100)}@media (max-width: 37.5rem){.s-modal-confirm__buttons{justify-content:end;flex-direction:column;align-items:center}}.s-modal-confirm__body{margin:.5rem .25rem .5rem .938rem;max-height:7rem;overflow-x:hidden;padding-right:.313rem;text-align:justify}@media (max-width: 31.25rem){.s-modal-confirm{grid-column:1/span 12}}@media (max-width: 55.625rem){.s-modal-confirm{grid-column:3/span 8}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SButtonModule }, { kind: "component", type: i2.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "ngmodule", type: SIconMaterialModule }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "ngmodule", type: SCheckboxModule }, { kind: "component", type: i4.SCheckboxComponent, selector: "s-checkbox", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
56
56
|
}
|
|
57
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SModalConfirmComponent, decorators: [{
|
|
58
58
|
type: Component,
|
|
@@ -62,9 +62,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
62
62
|
SIconMaterialModule,
|
|
63
63
|
SCheckboxModule,
|
|
64
64
|
FormsModule,
|
|
65
|
-
], template: "@if (config.isVisible) {\n <div class=\"overlay\">\n <div class=\"overlay__grid-12\">\n <div
|
|
65
|
+
], template: "@if (config.isVisible) {\n <div class=\"overlay\">\n <div class=\"overlay__grid-12\">\n <div class=\"s-modal-confirm\" (click)=\"close(false)\" (keydown.enter)=\"close(false)\" tabindex=\"0\">\n <div\n class=\"s-modal-confirm__content\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\"\n tabindex=\"0\">\n <section\n class=\"s-modal-confirm__header\"\n [ngClass]=\"{\n 's-modal-confirm__header--secondary': config.backgroundType === 'secondary',\n }\">\n <div class=\"s-modal-confirm__header-title\">\n <s-icon-mat size=\"md\" [ngClass]=\"'s-modal-confirm__icon-' + config.type\">\n {{ getIconType(config.type).icon }}\n </s-icon-mat>\n <h4 class=\"s-modal-confirm__title\">\n {{ config.title }}\n </h4>\n </div>\n @if (config.cancelText) {\n <s-icon-mat tabindex=\"0\" class=\"s-modal-confirm__icon-close\" size=\"md\" (click)=\"close(false)\">\n close\n </s-icon-mat>\n }\n </section>\n <div class=\"s-scroll s-modal-confirm__body\">\n <p class=\"s-modal-confirm__message\" [ngClass]=\"getTextAlignClass()\">\n {{ config.message }}\n </p>\n </div>\n <section\n class=\"s-modal-confirm__buttons\"\n [ngClass]=\"{\n 's-modal-confirm__buttons--secondary': config.backgroundType === 'secondary',\n }\">\n <div>\n @if (config.checkbox) {\n <s-checkbox\n [config]=\"configCheckbox\"\n [(ngModel)]=\"valueCheckbox\"\n (ngModelChange)=\"valueCheckbox = $event\"></s-checkbox>\n }\n </div>\n <div>\n @if (config.cancelText) {\n <s-button\n type=\"tertiary\"\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(false, valueCheckbox)\"\n (keydown.enter)=\"close(false, valueCheckbox)\">\n {{ config.cancelText }}\n </s-button>\n }\n <s-button\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(true, valueCheckbox)\"\n (keydown.enter)=\"close(true, valueCheckbox)\">\n {{ config.confirmText }}\n </s-button>\n </div>\n </section>\n </div>\n </div>\n </div>\n </div>\n}\n", styles: [".overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.overlay__grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;width:100%;margin:0 2rem}.s-modal-confirm{grid-column:5/span 4;box-shadow:var(--E500)}.s-modal-confirm__content{background:var(--neutrals-1200);text-align:left;min-width:10rem;border-radius:.5rem}.s-modal-confirm__header{align-items:center;display:flex;justify-content:space-between;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:.625rem 1rem}.s-modal-confirm__header-title{align-items:center;display:flex}.s-modal-confirm__header-title h4{font-size:1.25rem;margin-left:.4rem;color:var(--secondary-600)}.s-modal-confirm__icon-alert{color:var(--yellow-600)}.s-modal-confirm__icon-error{color:var(--red-600)}.s-modal-confirm__icon-info{color:var(--primary-600)}.s-modal-confirm__icon-close{color:var(--neutrals-600);cursor:pointer}.s-modal-confirm__message{font-size:.875rem;color:var(--secondary-600)}.s-modal-confirm__message--center{text-align:center}.s-modal-confirm__message--justify{text-align:justify}.s-modal-confirm__message--left{text-align:left}.s-modal-confirm__message--right{text-align:right}.s-modal-confirm__buttons{display:flex;padding:.625rem 1rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;justify-content:space-between;align-items:center}.s-modal-confirm__buttons--secondary{background:var(--neutrals-1100)}@media (max-width: 37.5rem){.s-modal-confirm__buttons{justify-content:end;flex-direction:column;align-items:center}}.s-modal-confirm__body{margin:.5rem .25rem .5rem .938rem;max-height:7rem;overflow-x:hidden;padding-right:.313rem;text-align:justify}@media (max-width: 31.25rem){.s-modal-confirm{grid-column:1/span 12}}@media (max-width: 55.625rem){.s-modal-confirm{grid-column:3/span 8}}\n"] }]
|
|
66
66
|
}], propDecorators: { onEscapeKey: [{
|
|
67
67
|
type: HostListener,
|
|
68
68
|
args: ['document:keydown.escape', ['$event']]
|
|
69
69
|
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY29uZmlybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9tb2RhbC9tb2RhbC1jb25maXJtL21vZGFsLWNvbmZpcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvbW9kYWwvbW9kYWwtY29uZmlybS9tb2RhbC1jb25maXJtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHbkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDN0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFhLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzVELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQXNCN0MsTUFBTSxPQUFPLHNCQUFzQjtJQWJuQztRQWVFLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBRTlCLG1CQUFjLEdBQWM7WUFDMUIsY0FBYyxFQUFFLEtBQUs7U0FDdEIsQ0FBQztRQUNGLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBRWQsd0JBQW1CLEdBQUcsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUM7S0F1Q3JFO0lBckNDLFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFlBQVksQ0FBQyxTQUFTLENBQ3ZFLE1BQU0sQ0FBQyxFQUFFO1lBQ1AsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7WUFDckIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ3hFLElBQUksQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDLGFBQWE7Z0JBQ3ZDLENBQUMsQ0FBQyxNQUFNLENBQUMsYUFBYTtnQkFDdEIsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNaLENBQUMsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsa0JBQWtCLEVBQUUsV0FBVyxFQUFFLENBQUM7SUFDekMsQ0FBQztJQUdELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFnQjtRQUMxQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLENBQUM7UUFDdEUsT0FBTyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakIsQ0FBQztJQUVELEtBQUssQ0FBQyxRQUFpQixFQUFFLGtCQUEyQixLQUFLO1FBQ3ZELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFFRCxpQkFBaUI7UUFDZixPQUFPLDRCQUE0QixHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxTQUFTLElBQUksTUFBTSxDQUFDLENBQUM7SUFDM0UsQ0FBQzsrR0EvQ1Usc0JBQXNCO21HQUF0QixzQkFBc0IsdUpDckNuQyw4b0ZBcUVBLHMzRER6Q0ksWUFBWSw0SEFDWixhQUFhLHdNQUNiLG1CQUFtQixvTEFDbkIsZUFBZSwwSkFDZixXQUFXOzs0RkFLRixzQkFBc0I7a0JBYmxDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLFdBQVc7cUJBQ1o7OEJBZ0NELFdBQVc7c0JBRFYsWUFBWTt1QkFBQyx5QkFBeUIsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSG9zdExpc3RlbmVyLFxuICBpbmplY3QsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNNb2RhbENvbmZpcm1TZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy9tb2RhbC1jb25maXJtLnNlcnZpY2UnO1xuaW1wb3J0IHsgTW9kYWxUeXBlSWNvbiB9IGZyb20gJy4vbW9kZWxzL21vZGFsVHlwZSc7XG5pbXBvcnQgeyBTTW9kYWxDb25maXJtQ29uZmlnIH0gZnJvbSAnLi9tb2RlbHMvbW9kYWwtY29uZmlybS5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU0J1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2J1dHRvbic7XG5pbXBvcnQgeyBTSWNvbk1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vLi4vaWNvbi1tYXRlcmlhbCc7XG5pbXBvcnQgeyBTQ2hlY2tib3gsIFNDaGVja2JveE1vZHVsZSB9IGZyb20gJy4uLy4uL2NoZWNrYm94JztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5leHBvcnQgdHlwZSBNb2RhbFR5cGUgPSAnYWxlcnQnIHwgJ2Vycm9yJyB8ICdpbmZvJztcblxuZXhwb3J0IHR5cGUgU01vZGFsQ29uZmlybVJlc3BvbnNlID0ge1xuICBjb25maXJtZWQ6IGJvb2xlYW47XG4gIGNoZWNrYm94VmFsdWU/OiBib29sZWFuO1xufTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1tb2RhbC1jb25maXJtLicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU0J1dHRvbk1vZHVsZSxcbiAgICBTSWNvbk1hdGVyaWFsTW9kdWxlLFxuICAgIFNDaGVja2JveE1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWNvbmZpcm0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1jb25maXJtLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNNb2RhbENvbmZpcm1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIGNvbmZpZyE6IFNNb2RhbENvbmZpcm1Db25maWc7XG4gIG1vZGFsVHlwZUljb24gPSBNb2RhbFR5cGVJY29uO1xuICBwcml2YXRlIGNvbmZpZ1N1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvbjtcbiAgY29uZmlnQ2hlY2tib3g6IFNDaGVja2JveCA9IHtcbiAgICB1c2VGb3JtQ29udHJvbDogZmFsc2UsXG4gIH07XG4gIHZhbHVlQ2hlY2tib3g6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwcml2YXRlIHJlYWRvbmx5IG1vZGFsQ29uZmlybVNlcnZpY2UgPSBpbmplY3QoU01vZGFsQ29uZmlybVNlcnZpY2UpO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY29uZmlnU3Vic2NyaXB0aW9uID0gdGhpcy5tb2RhbENvbmZpcm1TZXJ2aWNlLm1vZGFsQ29uZmlnJC5zdWJzY3JpYmUoXG4gICAgICBjb25maWcgPT4ge1xuICAgICAgICB0aGlzLmNvbmZpZyA9IGNvbmZpZztcbiAgICAgICAgdGhpcy5jb25maWdDaGVja2JveC5sYWJlbCA9IGNvbmZpZy5jaGVja2JveCA/IGNvbmZpZy5jaGVja2JveExhYmVsIDogJyc7XG4gICAgICAgIHRoaXMudmFsdWVDaGVja2JveCA9IGNvbmZpZy5jaGVja2JveFZhbHVlXG4gICAgICAgICAgPyBjb25maWcuY2hlY2tib3hWYWx1ZVxuICAgICAgICAgIDogZmFsc2U7XG4gICAgICB9XG4gICAgKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuY29uZmlnU3Vic2NyaXB0aW9uPy51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6a2V5ZG93bi5lc2NhcGUnLCBbJyRldmVudCddKVxuICBvbkVzY2FwZUtleSgpIHtcbiAgICBpZiAodGhpcy5jb25maWc/LmNoZWNrYm94KSB7XG4gICAgICB0aGlzLmNsb3NlKGZhbHNlLCB0aGlzLnZhbHVlQ2hlY2tib3gpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmNsb3NlKGZhbHNlKTtcbiAgICB9XG4gIH1cblxuICBnZXRJY29uVHlwZSh0eXBlPzogTW9kYWxUeXBlKSB7XG4gICAgY29uc3QgaWNvbiA9IHRoaXMubW9kYWxUeXBlSWNvbi5maWx0ZXIoYWN0aW9uID0+IGFjdGlvbi50eXBlID09IHR5cGUpO1xuICAgIHJldHVybiBpY29uWzBdO1xuICB9XG5cbiAgY2xvc2UocmVzcG9uc2U6IGJvb2xlYW4sIGNoZWNrYm94Q2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlKTogdm9pZCB7XG4gICAgdGhpcy5tb2RhbENvbmZpcm1TZXJ2aWNlLmNsb3NlKHJlc3BvbnNlLCBjaGVja2JveENoZWNrZWQpO1xuICB9XG5cbiAgZ2V0VGV4dEFsaWduQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gJ3MtbW9kYWwtY29uZmlybV9fbWVzc2FnZS0tJyArICh0aGlzLmNvbmZpZz8udGV4dEFsaWduID8/ICdsZWZ0Jyk7XG4gIH1cbn1cbiIsIkBpZiAoY29uZmlnLmlzVmlzaWJsZSkge1xuICA8ZGl2IGNsYXNzPVwib3ZlcmxheVwiPlxuICAgIDxkaXYgY2xhc3M9XCJvdmVybGF5X19ncmlkLTEyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1tb2RhbC1jb25maXJtXCIgKGNsaWNrKT1cImNsb3NlKGZhbHNlKVwiIChrZXlkb3duLmVudGVyKT1cImNsb3NlKGZhbHNlKVwiIHRhYmluZGV4PVwiMFwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY2xhc3M9XCJzLW1vZGFsLWNvbmZpcm1fX2NvbnRlbnRcIlxuICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgICAgICAgdGFiaW5kZXg9XCIwXCI+XG4gICAgICAgICAgPHNlY3Rpb25cbiAgICAgICAgICAgIGNsYXNzPVwicy1tb2RhbC1jb25maXJtX19oZWFkZXJcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAncy1tb2RhbC1jb25maXJtX19oZWFkZXItLXNlY29uZGFyeSc6IGNvbmZpZy5iYWNrZ3JvdW5kVHlwZSA9PT0gJ3NlY29uZGFyeScsXG4gICAgICAgICAgICB9XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicy1tb2RhbC1jb25maXJtX19oZWFkZXItdGl0bGVcIj5cbiAgICAgICAgICAgICAgPHMtaWNvbi1tYXQgc2l6ZT1cIm1kXCIgW25nQ2xhc3NdPVwiJ3MtbW9kYWwtY29uZmlybV9faWNvbi0nICsgY29uZmlnLnR5cGVcIj5cbiAgICAgICAgICAgICAgICB7eyBnZXRJY29uVHlwZShjb25maWcudHlwZSkuaWNvbiB9fVxuICAgICAgICAgICAgICA8L3MtaWNvbi1tYXQ+XG4gICAgICAgICAgICAgIDxoNCBjbGFzcz1cInMtbW9kYWwtY29uZmlybV9fdGl0bGVcIj5cbiAgICAgICAgICAgICAgICB7eyBjb25maWcudGl0bGUgfX1cbiAgICAgICAgICAgICAgPC9oND5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgQGlmIChjb25maWcuY2FuY2VsVGV4dCkge1xuICAgICAgICAgICAgICA8cy1pY29uLW1hdCB0YWJpbmRleD1cIjBcIiBjbGFzcz1cInMtbW9kYWwtY29uZmlybV9faWNvbi1jbG9zZVwiIHNpemU9XCJtZFwiIChjbGljayk9XCJjbG9zZShmYWxzZSlcIj5cbiAgICAgICAgICAgICAgICBjbG9zZVxuICAgICAgICAgICAgICA8L3MtaWNvbi1tYXQ+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9zZWN0aW9uPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzLXNjcm9sbCBzLW1vZGFsLWNvbmZpcm1fX2JvZHlcIj5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwicy1tb2RhbC1jb25maXJtX19tZXNzYWdlXCIgW25nQ2xhc3NdPVwiZ2V0VGV4dEFsaWduQ2xhc3MoKVwiPlxuICAgICAgICAgICAgICB7eyBjb25maWcubWVzc2FnZSB9fVxuICAgICAgICAgICAgPC9wPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxzZWN0aW9uXG4gICAgICAgICAgICBjbGFzcz1cInMtbW9kYWwtY29uZmlybV9fYnV0dG9uc1wiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICdzLW1vZGFsLWNvbmZpcm1fX2J1dHRvbnMtLXNlY29uZGFyeSc6IGNvbmZpZy5iYWNrZ3JvdW5kVHlwZSA9PT0gJ3NlY29uZGFyeScsXG4gICAgICAgICAgICB9XCI+XG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICBAaWYgKGNvbmZpZy5jaGVja2JveCkge1xuICAgICAgICAgICAgICAgIDxzLWNoZWNrYm94XG4gICAgICAgICAgICAgICAgICBbY29uZmlnXT1cImNvbmZpZ0NoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVDaGVja2JveFwiXG4gICAgICAgICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJ2YWx1ZUNoZWNrYm94ID0gJGV2ZW50XCI+PC9zLWNoZWNrYm94PlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIEBpZiAoY29uZmlnLmNhbmNlbFRleHQpIHtcbiAgICAgICAgICAgICAgICA8cy1idXR0b25cbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICBbdGhlbWVdPVwiZ2V0SWNvblR5cGUoY29uZmlnLnR5cGUpLmNvbG9yXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJjbG9zZShmYWxzZSwgdmFsdWVDaGVja2JveClcIlxuICAgICAgICAgICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiY2xvc2UoZmFsc2UsIHZhbHVlQ2hlY2tib3gpXCI+XG4gICAgICAgICAgICAgICAgICB7eyBjb25maWcuY2FuY2VsVGV4dCB9fVxuICAgICAgICAgICAgICAgIDwvcy1idXR0b24+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPHMtYnV0dG9uXG4gICAgICAgICAgICAgICAgW3RoZW1lXT1cImdldEljb25UeXBlKGNvbmZpZy50eXBlKS5jb2xvclwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlKHRydWUsIHZhbHVlQ2hlY2tib3gpXCJcbiAgICAgICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJjbG9zZSh0cnVlLCB2YWx1ZUNoZWNrYm94KVwiPlxuICAgICAgICAgICAgICAgIHt7IGNvbmZpZy5jb25maXJtVGV4dCB9fVxuICAgICAgICAgICAgICA8L3MtYnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9zZWN0aW9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbn1cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY29uZmlybS5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9tb2RhbC9tb2RhbC1jb25maXJtL21vZGVscy9tb2RhbC1jb25maXJtLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTW9kYWxUeXBlIH0gZnJvbSAnLi4vbW9kYWwtY29uZmlybS5jb21wb25lbnQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNNb2RhbENvbmZpcm1Db25maWcge1xuICBjb25maXJtVGV4dDogc3RyaW5nO1xuICBjYW5jZWxUZXh0Pzogc3RyaW5nO1xuICBtZXNzYWdlOiBzdHJpbmc7XG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHR5cGU6IE1vZGFsVHlwZTtcbiAgYmFja2dyb3VuZFR5cGU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JztcbiAgdGV4dEFsaWduPzogJ2xlZnQnIHwgJ2NlbnRlcicgfCAncmlnaHQnIHwgJ2p1c3RpZnknO1xuICBjaGVja2JveD86IGJvb2xlYW47XG4gIGNoZWNrYm94TGFiZWw/OiBzdHJpbmc7XG4gIGNoZWNrYm94VmFsdWU/OiBib29sZWFuO1xufVxuIl19
|
|
@@ -22,7 +22,7 @@ export class SNotificationComponent {
|
|
|
22
22
|
this.clickTitle.emit(id);
|
|
23
23
|
}
|
|
24
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SNotificationComponent, selector: "s-notification", inputs: { item: "item" }, outputs: { clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, ngImport: i0, template: "<div class=\"s-notification\">\n <div class=\"s-notification__item\">\n <div class=\"s-notification__item--left\">\n <div class=\"s-notification__item--left__content-icon\">\n <s-icon-mat>{{item.icon}}</s-icon-mat>\n </div>\n <div class=\"s-notification__item--left__content-text\">\n <div class=\"fix-align\">\n <p (click)=\"_clickTitle(item)\" class=\"title cursor\">{{item.title}}</p>\n <span *ngIf=\"item.description\" class=\"description\">{{item.description}}</span>\n <span *ngIf=\"!item.description\" class=\"description\"></span>\n </div>\n <div>\n <s-tag size=\"sm\">\n <s-icon-mat>{{item.icon}}</s-icon-mat>\n {{item.subtitle}}\n </s-tag>\n </div>\n </div>\n </div>\n <div class=\"s-notification__item--right\">\n <div class=\"s-notification__ite--right__content-icon\">\n <div *ngIf=\"item.seen\" class=\"icon-unread read\" [tooltip]=\"readNotification\">\n <s-icon-mat>mark_email_read</s-icon-mat>\n </div>\n <s-tooltip position=\"left\" #readNotification [title]=\"'Le\u00EDdo'\" ></s-tooltip>\n <div *ngIf=\"!item.seen\" class=\"icon-unread cursor\" (click)=\"_clickUnread(item.id)\" [tooltip]=\"unreadNotification\">\n <s-icon-mat>mark_email_unread</s-icon-mat>\n </div>\n <s-tooltip position=\"left\" #unreadNotification [title]=\"'Marcar como le\u00EDdo'\" ></s-tooltip>\n <div class=\"icon-close cursor\" (click)=\"_clickDelete(item.id)\" [tooltip]=\"deleteNotification\">\n <s-icon-mat>close</s-icon-mat>\n </div>\n <s-tooltip position=\"left\" #deleteNotification [title]=\"'Eliminar notificaci\u00F3n'\" ></s-tooltip>\n </div>\n </div>\n </div>\n</div>", styles: [".s-notification__item:hover{background-color:var(--neutrals-1100)}.s-notification__item{background-color:var(--neutrals-1200);height:4.063rem;padding:.813rem 1.25rem .813rem .75rem;display:flex;justify-content:space-between;border-top:.031rem solid var(--neutrals-700)}.s-notification__item--left{display:flex;align-items:flex-start}.s-notification__item--left__content-icon s-icon-mat span{color:var(--primary-600);font-size:2rem}.s-notification__item--left__content-text{margin-left:.375rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.s-notification__item--left__content-text .title{color:var(--secondary-600);font-size:.875rem;font-weight:700;margin-bottom:0rem;overflow:hidden;max-height:1.25rem}.s-notification__item--left__content-text .description{color:var(--secondary-500);font-size:.75rem;font-weight:400;max-height:1.25rem;overflow:hidden}.s-notification__item--left__content-text .fix-align{text-align:left;width:100%;display:grid}.s-notification__item--right{display:flex;flex-direction:column;justify-content:space-between}.s-notification__item--right__content-icon{display:flex;flex-direction:column}.s-notification__item--right__content-icon .icon-unread s-icon-mat span{font-size:1.063rem;color:var(--secondary-600)}.s-notification__item--right__content-icon .icon-unread.read{cursor:default}.s-notification__item--right__content-icon .icon-unread.read s-icon-mat span{color:var(--primary-600)}.s-notification__item--right__content-icon .icon-close{margin-top:.563rem}.s-notification__item--right__content-icon .icon-close s-icon-mat span{font-size:1rem;color:var(--red-600)}.s-notification__item--right__content-icon a{text-decoration:none}\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", "
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SNotificationComponent, selector: "s-notification", inputs: { item: "item" }, outputs: { clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, ngImport: i0, template: "<div class=\"s-notification\">\n <div class=\"s-notification__item\">\n <div class=\"s-notification__item--left\">\n <div class=\"s-notification__item--left__content-icon\">\n <s-icon-mat>{{item.icon}}</s-icon-mat>\n </div>\n <div class=\"s-notification__item--left__content-text\">\n <div class=\"fix-align\">\n <p (click)=\"_clickTitle(item)\" class=\"title cursor\">{{item.title}}</p>\n <span *ngIf=\"item.description\" class=\"description\">{{item.description}}</span>\n <span *ngIf=\"!item.description\" class=\"description\"></span>\n </div>\n <div>\n <s-tag size=\"sm\">\n <s-icon-mat>{{item.icon}}</s-icon-mat>\n {{item.subtitle}}\n </s-tag>\n </div>\n </div>\n </div>\n <div class=\"s-notification__item--right\">\n <div class=\"s-notification__ite--right__content-icon\">\n <div *ngIf=\"item.seen\" class=\"icon-unread read\" [tooltip]=\"readNotification\">\n <s-icon-mat>mark_email_read</s-icon-mat>\n </div>\n <s-tooltip position=\"left\" #readNotification [title]=\"'Le\u00EDdo'\" ></s-tooltip>\n <div *ngIf=\"!item.seen\" class=\"icon-unread cursor\" (click)=\"_clickUnread(item.id)\" [tooltip]=\"unreadNotification\">\n <s-icon-mat>mark_email_unread</s-icon-mat>\n </div>\n <s-tooltip position=\"left\" #unreadNotification [title]=\"'Marcar como le\u00EDdo'\" ></s-tooltip>\n <div class=\"icon-close cursor\" (click)=\"_clickDelete(item.id)\" [tooltip]=\"deleteNotification\">\n <s-icon-mat>close</s-icon-mat>\n </div>\n <s-tooltip position=\"left\" #deleteNotification [title]=\"'Eliminar notificaci\u00F3n'\" ></s-tooltip>\n </div>\n </div>\n </div>\n</div>", styles: [".s-notification__item:hover{background-color:var(--neutrals-1100)}.s-notification__item{background-color:var(--neutrals-1200);height:4.063rem;padding:.813rem 1.25rem .813rem .75rem;display:flex;justify-content:space-between;border-top:.031rem solid var(--neutrals-700)}.s-notification__item--left{display:flex;align-items:flex-start}.s-notification__item--left__content-icon s-icon-mat span{color:var(--primary-600);font-size:2rem}.s-notification__item--left__content-text{margin-left:.375rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.s-notification__item--left__content-text .title{color:var(--secondary-600);font-size:.875rem;font-weight:700;margin-bottom:0rem;overflow:hidden;max-height:1.25rem}.s-notification__item--left__content-text .description{color:var(--secondary-500);font-size:.75rem;font-weight:400;max-height:1.25rem;overflow:hidden}.s-notification__item--left__content-text .fix-align{text-align:left;width:100%;display:grid}.s-notification__item--right{display:flex;flex-direction:column;justify-content:space-between}.s-notification__item--right__content-icon{display:flex;flex-direction:column}.s-notification__item--right__content-icon .icon-unread s-icon-mat span{font-size:1.063rem;color:var(--secondary-600)}.s-notification__item--right__content-icon .icon-unread.read{cursor:default}.s-notification__item--right__content-icon .icon-unread.read s-icon-mat span{color:var(--primary-600)}.s-notification__item--right__content-icon .icon-close{margin-top:.563rem}.s-notification__item--right__content-icon .icon-close s-icon-mat span{font-size:1rem;color:var(--red-600)}.s-notification__item--right__content-icon a{text-decoration:none}\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"] }, { kind: "component", type: i3.STagComponent, selector: "s-tag", inputs: ["type", "size", "disabled"] }, { kind: "component", type: i4.STooltipComponent, selector: "s-tooltip", inputs: ["title", "description", "theme", "position"] }, { kind: "directive", type: i5.CustomTooltipDirective, selector: "[tooltip]", inputs: ["tooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26
26
|
}
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SNotificationComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
@@ -50,7 +50,7 @@ export class SIconMenuComponent {
|
|
|
50
50
|
this.clickInside = false;
|
|
51
51
|
}
|
|
52
52
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SIconMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SIconMenuComponent, selector: "s-icon-menu", inputs: { iconMenu: "iconMenu" }, outputs: { clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "<div class=\"s-icon-menu\">\n <ul class=\"s-icon-menu__main-ul\">\n <ng-container *ngFor=\"let item of iconMenu\">\n <li class=\"s-icon-menu__main-ul__li\" [tooltip]=\"titleItem\">\n <s-tooltip position=\"bottom\" #titleItem [title]=\"item.title ?? ''\" ></s-tooltip>\n <ng-container *ngIf=\"item.notification\">\n <a tabindex=\"0\" (keydown.enter)=\"clickSubMenu(item)\" (click)=\"clickSubMenu(item)\" class=\"item-link cursor\">\n <div class=\"item-link__content-badge\" *ngIf=\"item.unread\">\n <div class=\"item-link__content-badge__badge-notification\">\n <s-badge size=\"xs\" type=\"red\" *ngIf=\"item.unread > 99\">+99</s-badge>\n <s-badge size=\"xs\" type=\"red\" *ngIf=\"item.unread < 99\">{{item.unread}}</s-badge>\n </div>\n </div>\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n </ng-container>\n <ng-container *ngIf=\"!item.notification && item.link\">\n <a *ngIf=\"isExternalLink(item.link); else internalLink\"\n [href]=\"item.link\" [target]=\"item.target\" (click)=\"closeSubMenu()\" class=\"item-link\">\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n <ng-template #internalLink>\n <a routerLink=\"{{item.link}}\" (click)=\"closeSubMenu()\" routerLinkActive=\"active\" class=\"item-link\">\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n </ng-template>\n </ng-container>\n\n <div class=\"s-icon-menu__main-ul__li__dropdown\">\n <div *ngIf=\"item.hideme\" class=\"s-icon-menu__main-ul__li__dropdown__content\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header__left\">Notificaciones</div>\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header__right\">\n <s-icon-mat>mark_email_read</s-icon-mat>\n </div>\n </div>\n <ng-container *ngFor=\"let itemChildren of item.children\">\n <s-notification (clickTitle)=\"_clickTitle($event)\" (clickDelete)=\"_clickDelete($event)\" (clickUnread)=\"_clickUnread($event)\" [item]=\"itemChildren\"></s-notification>\n </ng-container>\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__footer\">\n <s-button (click)=\"closeSubMenu()\" routerLink=\"{{item.link? item.link : null}}\" size=\"sm\">Ver todas las notificaciones</s-button>\n </div>\n </div>\n </div>\n </div>\n </li>\n </ng-container>\n </ul>\n</div>", styles: [".s-icon-menu{text-align:center;margin-right:auto}.s-icon-menu__main-ul{height:3.5rem;display:flex;align-items:center;position:relative;margin-right:.3rem}.s-icon-menu__main-ul__li{margin-left:.5rem;margin-right:.5rem}.s-icon-menu__main-ul__li .item-link{text-decoration:none}.s-icon-menu__main-ul__li .item-link__content-badge{position:relative}.s-icon-menu__main-ul__li .item-link__content-badge__badge-notification{position:absolute;top:-.563rem;left:.563rem}.s-icon-menu__main-ul__li .item-link__content-badge__badge-notification s-badge{-webkit-user-select:auto;-o-user-select:auto;user-select:auto;cursor:pointer}.s-icon-menu__main-ul__li .item-link__icon span{color:var(--primary-600)}.s-icon-menu__main-ul__li .item-link__icon span:hover{color:var(--primary-700)}.s-icon-menu__main-ul__li .item-link__icon span:active{color:var(--primary-800)}.s-icon-menu__main-ul__li__dropdown{position:relative}.s-icon-menu__main-ul__li__dropdown__content{position:absolute;right:0;z-index:1;min-width:7.5rem;width:max-content}.s-icon-menu__main-ul__li__dropdown__content__notification{width:23.75rem;background-color:var(--neutrals-1100);border-radius:.375rem;box-shadow:0 .75rem 1rem -.25rem var(--blue-alpha-100),0 .25rem .375rem -.125rem var(--blue-alpha-100)}.s-icon-menu__main-ul__li__dropdown__content__notification__header{padding:.438rem 1.375rem .5rem .75rem;height:1.688rem;display:flex;justify-content:space-between;align-items:center}.s-icon-menu__main-ul__li__dropdown__content__notification__header__right s-icon-mat span{color:var(--primary-600);font-size:1rem}.s-icon-menu__main-ul__li__dropdown__content__notification__header__left{font-size:1rem;font-weight:700;color:var(--secondary-600)}.s-icon-menu__main-ul__li__dropdown__content__notification__footer{text-align:center;height:2.5rem;padding-top:.375rem;border-top:.031rem solid var(--neutrals-700)}.s-icon-menu__main-ul__li__dropdown__content__notification__footer s-button button{width:calc(100% - 1.125rem)}.theme-dark .item-link__icon span{color:var(--neutrals-1200)}.theme-dark .item-link__icon span:hover{color:var(--primary-300)}.theme-dark .item-link__icon span:active{color:var(--primary-600)}\n"], dependencies: [{ 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", "
|
|
53
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SIconMenuComponent, selector: "s-icon-menu", inputs: { iconMenu: "iconMenu" }, outputs: { clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "<div class=\"s-icon-menu\">\n <ul class=\"s-icon-menu__main-ul\">\n <ng-container *ngFor=\"let item of iconMenu\">\n <li class=\"s-icon-menu__main-ul__li\" [tooltip]=\"titleItem\">\n <s-tooltip position=\"bottom\" #titleItem [title]=\"item.title ?? ''\" ></s-tooltip>\n <ng-container *ngIf=\"item.notification\">\n <a tabindex=\"0\" (keydown.enter)=\"clickSubMenu(item)\" (click)=\"clickSubMenu(item)\" class=\"item-link cursor\">\n <div class=\"item-link__content-badge\" *ngIf=\"item.unread\">\n <div class=\"item-link__content-badge__badge-notification\">\n <s-badge size=\"xs\" type=\"red\" *ngIf=\"item.unread > 99\">+99</s-badge>\n <s-badge size=\"xs\" type=\"red\" *ngIf=\"item.unread < 99\">{{item.unread}}</s-badge>\n </div>\n </div>\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n </ng-container>\n <ng-container *ngIf=\"!item.notification && item.link\">\n <a *ngIf=\"isExternalLink(item.link); else internalLink\"\n [href]=\"item.link\" [target]=\"item.target\" (click)=\"closeSubMenu()\" class=\"item-link\">\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n <ng-template #internalLink>\n <a routerLink=\"{{item.link}}\" (click)=\"closeSubMenu()\" routerLinkActive=\"active\" class=\"item-link\">\n <s-icon-mat class=\"item-link__icon cursor\">{{item.icon}}</s-icon-mat>\n </a>\n </ng-template>\n </ng-container>\n\n <div class=\"s-icon-menu__main-ul__li__dropdown\">\n <div *ngIf=\"item.hideme\" class=\"s-icon-menu__main-ul__li__dropdown__content\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header\">\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header__left\">Notificaciones</div>\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__header__right\">\n <s-icon-mat>mark_email_read</s-icon-mat>\n </div>\n </div>\n <ng-container *ngFor=\"let itemChildren of item.children\">\n <s-notification (clickTitle)=\"_clickTitle($event)\" (clickDelete)=\"_clickDelete($event)\" (clickUnread)=\"_clickUnread($event)\" [item]=\"itemChildren\"></s-notification>\n </ng-container>\n <div class=\"s-icon-menu__main-ul__li__dropdown__content__notification__footer\">\n <s-button (click)=\"closeSubMenu()\" routerLink=\"{{item.link? item.link : null}}\" size=\"sm\">Ver todas las notificaciones</s-button>\n </div>\n </div>\n </div>\n </div>\n </li>\n </ng-container>\n </ul>\n</div>", styles: [".s-icon-menu{text-align:center;margin-right:auto}.s-icon-menu__main-ul{height:3.5rem;display:flex;align-items:center;position:relative;margin-right:.3rem}.s-icon-menu__main-ul__li{margin-left:.5rem;margin-right:.5rem}.s-icon-menu__main-ul__li .item-link{text-decoration:none}.s-icon-menu__main-ul__li .item-link__content-badge{position:relative}.s-icon-menu__main-ul__li .item-link__content-badge__badge-notification{position:absolute;top:-.563rem;left:.563rem}.s-icon-menu__main-ul__li .item-link__content-badge__badge-notification s-badge{-webkit-user-select:auto;-o-user-select:auto;user-select:auto;cursor:pointer}.s-icon-menu__main-ul__li .item-link__icon span{color:var(--primary-600)}.s-icon-menu__main-ul__li .item-link__icon span:hover{color:var(--primary-700)}.s-icon-menu__main-ul__li .item-link__icon span:active{color:var(--primary-800)}.s-icon-menu__main-ul__li__dropdown{position:relative}.s-icon-menu__main-ul__li__dropdown__content{position:absolute;right:0;z-index:1;min-width:7.5rem;width:max-content}.s-icon-menu__main-ul__li__dropdown__content__notification{width:23.75rem;background-color:var(--neutrals-1100);border-radius:.375rem;box-shadow:0 .75rem 1rem -.25rem var(--blue-alpha-100),0 .25rem .375rem -.125rem var(--blue-alpha-100)}.s-icon-menu__main-ul__li__dropdown__content__notification__header{padding:.438rem 1.375rem .5rem .75rem;height:1.688rem;display:flex;justify-content:space-between;align-items:center}.s-icon-menu__main-ul__li__dropdown__content__notification__header__right s-icon-mat span{color:var(--primary-600);font-size:1rem}.s-icon-menu__main-ul__li__dropdown__content__notification__header__left{font-size:1rem;font-weight:700;color:var(--secondary-600)}.s-icon-menu__main-ul__li__dropdown__content__notification__footer{text-align:center;height:2.5rem;padding-top:.375rem;border-top:.031rem solid var(--neutrals-700)}.s-icon-menu__main-ul__li__dropdown__content__notification__footer s-button button{width:calc(100% - 1.125rem)}.theme-dark .item-link__icon span{color:var(--neutrals-1200)}.theme-dark .item-link__icon span:hover{color:var(--primary-300)}.theme-dark .item-link__icon span:active{color:var(--primary-600)}\n"], dependencies: [{ 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"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i5.STooltipComponent, selector: "s-tooltip", inputs: ["title", "description", "theme", "position"] }, { kind: "directive", type: i6.CustomTooltipDirective, selector: "[tooltip]", inputs: ["tooltip"] }, { kind: "component", type: i7.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }, { kind: "component", type: i8.SNotificationComponent, selector: "s-notification", inputs: ["item"], outputs: ["clickUnread", "clickDelete", "clickTitle"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
54
54
|
}
|
|
55
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SIconMenuComponent, decorators: [{
|
|
56
56
|
type: Component,
|
|
@@ -30,7 +30,7 @@ export class SMenuMainComponent {
|
|
|
30
30
|
this.clickInside = false;
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SMenuMainComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SMenuMainComponent, selector: "s-menu-main", inputs: { menuMain: "menuMain" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "<div id=\"menu-main512\">\n <ul class=\"menu-main-ul\">\n <ng-container *ngFor=\"let item of menuMain; let i = index\">\n <li [tabindex]=\"item.link ? -1 : 0\"\n (keydown)=\"keydownEvent($event, i)\" \n *ngIf=\"!item.hidden\" \n title=\"{{item.title}}\" \n class=\"menu-main-li\">\n <ng-container *ngIf=\"item.link != undefined;\">\n <a (keydown)=\"navigateToLink($event, item.link ? item.link : null)\" routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"menu-main-master\">\n <span class=\"menu-main-title\">{{item.title}}\n <s-icon-mat *ngIf=\"item.children\" class=\"s-mat-icon-chevron d-flex\">chevron_right</s-icon-mat>\n </span>\n </a>\n </ng-container>\n <ng-container *ngIf=\"item.link == undefined;\">\n <a routerLinkActive=\"active\" class=\"menu-main-master\">\n <span class=\"menu-main-title cursor\">{{item.title}} \n <s-icon-mat *ngIf=\"item.children\" class=\"s-mat-icon-chevron d-flex\">chevron_right</s-icon-mat>\n </span>\n </a>\n </ng-container>\n \n <ul *ngIf=\"item.children && !item.hidden\" class=\"menu-main-dropdown {{open[i] ? 'menu-main-dropdown--open' : 'menu-main-dropdown--close'}}\">\n <ng-container *ngFor=\"let itemChildren of item.children\">\n <li (keydown)=\"navigateToLink($event, itemChildren.link ? itemChildren.link : null)\" *ngIf=\"!itemChildren.hidden\">\n <a routerLink=\"{{itemChildren.link ? itemChildren.link : null}}\" routerLinkActive=\"active\">\n <span class=\"menu-main-title\">{{itemChildren.title}}</span>\n </a>\n </li>\n </ng-container>\n </ul>\n </li>\n \n </ng-container>\n </ul>\n</div>", styles: ["#menu-main512{text-align:center;margin-right:auto;margin-left:1.25rem}#menu-main512 .menu-main-ul{height:3.5rem;display:flex;align-items:center;position:relative}#menu-main512 .menu-main-ul a{height:100%;text-decoration:none}#menu-main512 .menu-main-ul li{height:100%}#menu-main512 .menu-main-ul li a{display:flex;height:100%;align-items:center;margin:0rem .938rem;font-weight:700;font-size:.91rem;letter-spacing:0 .063rem}#menu-main512 .menu-main-title{color:var(--secondary-600);font-weight:700;padding:0 .313rem;display:flex}#menu-main512 .menu-main-ul li a.active{border-bottom:.25rem solid var(--primary-600)}#menu-main512 .menu-main-dropdown{display:none;background-color:var(--neutrals-1100);position:absolute;top:3.5rem;z-index:1;min-width:7.5rem;width:max-content}#menu-main512 .menu-main-dropdown--open{display:block}#menu-main512 .menu-main-dropdown--close{display:none}#menu-main512 .menu-main-dropdown a{padding:.813rem .5rem}#menu-main512 .menu-main-dropdown li{margin:0!important;font-size:.91rem}#menu-main512 .menu-main-dropdown li span{font-size:.91rem}#menu-main512 .menu-main-dropdown li:hover{background-color:var(--neutrals-1000)}#menu-main512 .menu-main-li:hover .menu-main-dropdown{display:block}#menu-main512 .s-mat-icon-chevron span{color:var(--primary-600)!important;font-size:1.2rem!important;font-weight:500!important;transform:rotate(90deg)}#menu-main512 .menu-main-title s-icon-mat{padding-left:.125rem}@media (max-width: 43.75rem){#menu-main512{margin-left:0rem}#menu-main512 .menu-main-ul .menu-main-li a{margin:0rem}}@media (max-width: 50rem){#menu-main512{margin-left:0rem}#menu-main512 .menu-main-ul .menu-main-li a{margin:0rem .25rem}}@media (max-width: 43.75rem){#menu-main512{display:none}}.theme-dark #menu-main512 .menu-main-title{color:var(--neutrals-1200)}.theme-dark #menu-main512 .menu-main-dropdown{background:var(--primary-900)}.theme-dark #menu-main512 .menu-main-dropdown li:hover{background:var(--primary-500)}\n"], dependencies: [{ 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.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SMenuMainComponent, selector: "s-menu-main", inputs: { menuMain: "menuMain" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "<div id=\"menu-main512\">\n <ul class=\"menu-main-ul\">\n <ng-container *ngFor=\"let item of menuMain; let i = index\">\n <li [tabindex]=\"item.link ? -1 : 0\"\n (keydown)=\"keydownEvent($event, i)\" \n *ngIf=\"!item.hidden\" \n title=\"{{item.title}}\" \n class=\"menu-main-li\">\n <ng-container *ngIf=\"item.link != undefined;\">\n <a (keydown)=\"navigateToLink($event, item.link ? item.link : null)\" routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"menu-main-master\">\n <span class=\"menu-main-title\">{{item.title}}\n <s-icon-mat *ngIf=\"item.children\" class=\"s-mat-icon-chevron d-flex\">chevron_right</s-icon-mat>\n </span>\n </a>\n </ng-container>\n <ng-container *ngIf=\"item.link == undefined;\">\n <a routerLinkActive=\"active\" class=\"menu-main-master\">\n <span class=\"menu-main-title cursor\">{{item.title}} \n <s-icon-mat *ngIf=\"item.children\" class=\"s-mat-icon-chevron d-flex\">chevron_right</s-icon-mat>\n </span>\n </a>\n </ng-container>\n \n <ul *ngIf=\"item.children && !item.hidden\" class=\"menu-main-dropdown {{open[i] ? 'menu-main-dropdown--open' : 'menu-main-dropdown--close'}}\">\n <ng-container *ngFor=\"let itemChildren of item.children\">\n <li (keydown)=\"navigateToLink($event, itemChildren.link ? itemChildren.link : null)\" *ngIf=\"!itemChildren.hidden\">\n <a routerLink=\"{{itemChildren.link ? itemChildren.link : null}}\" routerLinkActive=\"active\">\n <span class=\"menu-main-title\">{{itemChildren.title}}</span>\n </a>\n </li>\n </ng-container>\n </ul>\n </li>\n \n </ng-container>\n </ul>\n</div>", styles: ["#menu-main512{text-align:center;margin-right:auto;margin-left:1.25rem}#menu-main512 .menu-main-ul{height:3.5rem;display:flex;align-items:center;position:relative}#menu-main512 .menu-main-ul a{height:100%;text-decoration:none}#menu-main512 .menu-main-ul li{height:100%}#menu-main512 .menu-main-ul li a{display:flex;height:100%;align-items:center;margin:0rem .938rem;font-weight:700;font-size:.91rem;letter-spacing:0 .063rem}#menu-main512 .menu-main-title{color:var(--secondary-600);font-weight:700;padding:0 .313rem;display:flex}#menu-main512 .menu-main-ul li a.active{border-bottom:.25rem solid var(--primary-600)}#menu-main512 .menu-main-dropdown{display:none;background-color:var(--neutrals-1100);position:absolute;top:3.5rem;z-index:1;min-width:7.5rem;width:max-content}#menu-main512 .menu-main-dropdown--open{display:block}#menu-main512 .menu-main-dropdown--close{display:none}#menu-main512 .menu-main-dropdown a{padding:.813rem .5rem}#menu-main512 .menu-main-dropdown li{margin:0!important;font-size:.91rem}#menu-main512 .menu-main-dropdown li span{font-size:.91rem}#menu-main512 .menu-main-dropdown li:hover{background-color:var(--neutrals-1000)}#menu-main512 .menu-main-li:hover .menu-main-dropdown{display:block}#menu-main512 .s-mat-icon-chevron span{color:var(--primary-600)!important;font-size:1.2rem!important;font-weight:500!important;transform:rotate(90deg)}#menu-main512 .menu-main-title s-icon-mat{padding-left:.125rem}@media (max-width: 43.75rem){#menu-main512{margin-left:0rem}#menu-main512 .menu-main-ul .menu-main-li a{margin:0rem}}@media (max-width: 50rem){#menu-main512{margin-left:0rem}#menu-main512 .menu-main-ul .menu-main-li a{margin:0rem .25rem}}@media (max-width: 43.75rem){#menu-main512{display:none}}.theme-dark #menu-main512 .menu-main-title{color:var(--neutrals-1200)}.theme-dark #menu-main512 .menu-main-dropdown{background:var(--primary-900)}.theme-dark #menu-main512 .menu-main-dropdown li:hover{background:var(--primary-500)}\n"], dependencies: [{ 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.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SMenuMainComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
@@ -49,11 +49,11 @@ export class SNavbarComponent {
|
|
|
49
49
|
this.clickTitle.emit(id);
|
|
50
50
|
}
|
|
51
51
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SNavbarComponent, selector: "s-navbar", inputs: { user: "user", userFull: "userFull", menuProfile: "menuProfile", menu: "menu", showProfile: "showProfile", company: "company", theme: "theme", customImage: "customImage", link: "link", linkHref: "linkHref", height: "height", width: "width", iconMenu: "iconMenu" }, outputs: { clickEvent: "clickEvent", clickEventMenu: "clickEventMenu", clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, ngImport: i0, template: "<nav class=\"s-navbar\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\n
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SNavbarComponent, selector: "s-navbar", inputs: { user: "user", userFull: "userFull", menuProfile: "menuProfile", menu: "menu", showProfile: "showProfile", company: "company", theme: "theme", customImage: "customImage", link: "link", linkHref: "linkHref", height: "height", width: "width", iconMenu: "iconMenu" }, outputs: { clickEvent: "clickEvent", clickEventMenu: "clickEventMenu", clickUnread: "clickUnread", clickDelete: "clickDelete", clickTitle: "clickTitle" }, ngImport: i0, template: "<nav class=\"s-navbar\" [ngClass]=\"theme ? 'theme-' + theme : ''\">\n <div class=\"s-navbar__content-left\">\n <ng-container *ngIf=\"link\">\n <a [href]=\"linkHref\">\n <s-company-logo\n [height]=\"height\"\n [width]=\"width\"\n [customImage]=\"customImage\"\n class=\"s-navbar__company-box\"></s-company-logo>\n </a>\n </ng-container>\n <ng-container *ngIf=\"!link\">\n <s-company-logo\n [height]=\"height\"\n [width]=\"width\"\n [customImage]=\"customImage\"\n class=\"s-navbar__company-box\"></s-company-logo>\n </ng-container>\n </div>\n <div class=\"s-navbar__content-right\">\n <s-menu-main [menuMain]=\"menu\"></s-menu-main>\n <div class=\"s-navbar__right-menu-content\">\n <div class=\"s-navbar__icon-menu-list\">\n <s-icon-menu\n (clickTitle)=\"_clickTitle($event)\"\n (clickDelete)=\"_clickDelete($event)\"\n (clickUnread)=\"_clickUnread($event)\"\n [iconMenu]=\"iconMenu\"></s-icon-menu>\n </div>\n <div class=\"s-navbar__content-user\" [ngClass]=\"theme ? 'theme-' + theme : ''\">\n <s-profile-group\n tabindex=\"0\"\n class=\"cursor\"\n *ngIf=\"user && userFull\"\n [user]=\"user\"\n (keydown.enter)=\"toogleMenuProfile($event)\"\n (click)=\"toogleMenuProfile($event)\"></s-profile-group>\n <s-avatar\n class=\"cursor\"\n *ngIf=\"user && !userFull\"\n urlProfileImage=\"{{ user.url }}\"\n letters=\"{{ user.letters }}\"\n display=\"{{ user.display }}\"\n size=\"lg\"\n status=\"{{ user.status }}\"\n (click)=\"toogleMenuProfile($event)\"></s-avatar>\n </div>\n <div class=\"s-navbar__content-submenu-profile\" *ngIf=\"controlMenuProfile\">\n <s-sub-menu\n [menu]=\"menuProfile\"\n (click)=\"clickMenuProfile($event)\"\n (closeMenuEvent)=\"closeMenuProfile($event)\"></s-sub-menu>\n </div>\n </div>\n </div>\n</nav>\n", styles: [".s-navbar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--neutrals-1100);color:var(--text);border-bottom:.063rem solid rgba(9,30,66,.25)}.s-navbar__company-box{display:flex;line-height:0;min-width:15rem;justify-content:center}.s-navbar__menu-icon{display:flex;margin:0 .625rem;color:var(--text)}.s-navbar__right-menu-content{display:flex;justify-content:center;align-items:center}.s-navbar__icon-menu-list{display:flex;justify-content:center}.s-navbar__content-submenu-profile{z-index:1;position:absolute;top:3.625rem;width:auto;min-width:11.875rem;right:.25rem}.s-navbar__content-right{display:flex;align-items:center;flex-grow:9;justify-content:space-between;flex-direction:row}.s-navbar__content-left{display:flex;justify-content:center}.s-navbar__content-user{display:flex;justify-content:center;margin-left:.625rem;margin-right:.625rem}.s-navbar__content-user s-profile-group .s-profile-group__content-left p,.s-navbar__content-user s-profile-group .s-profile-group__content-left span{cursor:pointer}.s-navbar__content-user.theme-dark s-profile-group .s-profile-group__content-left__name,.s-navbar__content-user.theme-dark s-profile-group .s-profile-group__content-left__email{color:var(--neutrals-1200)!important}.s-navbar.theme-dark{background:var(--primary-900)}@media (max-width: 56.25rem){.s-navbar__content-user .s-profile-group__content-left{display:none!important;margin:0}}@media (max-width: 37.5rem){.s-navbar{display:grid;grid-template-columns:50fr 80fr}.s-navbar .s-navbar__company-box{min-width:auto}}\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.SCompanyLogoComponent, selector: "s-company-logo", inputs: ["width", "height", "customImage"] }, { kind: "component", type: i3.SMenuMainComponent, selector: "s-menu-main", inputs: ["menuMain"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "component", type: i5.SSubMenuComponent, selector: "s-sub-menu", inputs: ["menu"], outputs: ["changeMenuEvent", "closeMenuEvent"] }, { kind: "component", type: i6.SIconMenuComponent, selector: "s-icon-menu", inputs: ["iconMenu"], outputs: ["clickUnread", "clickDelete", "clickTitle"] }, { kind: "component", type: i7.SProfileGroupComponent, selector: "s-profile-group", inputs: ["size", "user"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SNavbarComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
|
-
args: [{ selector: 's-navbar', encapsulation: ViewEncapsulation.None, template: "<nav class=\"s-navbar\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\n
|
|
56
|
+
args: [{ selector: 's-navbar', encapsulation: ViewEncapsulation.None, template: "<nav class=\"s-navbar\" [ngClass]=\"theme ? 'theme-' + theme : ''\">\n <div class=\"s-navbar__content-left\">\n <ng-container *ngIf=\"link\">\n <a [href]=\"linkHref\">\n <s-company-logo\n [height]=\"height\"\n [width]=\"width\"\n [customImage]=\"customImage\"\n class=\"s-navbar__company-box\"></s-company-logo>\n </a>\n </ng-container>\n <ng-container *ngIf=\"!link\">\n <s-company-logo\n [height]=\"height\"\n [width]=\"width\"\n [customImage]=\"customImage\"\n class=\"s-navbar__company-box\"></s-company-logo>\n </ng-container>\n </div>\n <div class=\"s-navbar__content-right\">\n <s-menu-main [menuMain]=\"menu\"></s-menu-main>\n <div class=\"s-navbar__right-menu-content\">\n <div class=\"s-navbar__icon-menu-list\">\n <s-icon-menu\n (clickTitle)=\"_clickTitle($event)\"\n (clickDelete)=\"_clickDelete($event)\"\n (clickUnread)=\"_clickUnread($event)\"\n [iconMenu]=\"iconMenu\"></s-icon-menu>\n </div>\n <div class=\"s-navbar__content-user\" [ngClass]=\"theme ? 'theme-' + theme : ''\">\n <s-profile-group\n tabindex=\"0\"\n class=\"cursor\"\n *ngIf=\"user && userFull\"\n [user]=\"user\"\n (keydown.enter)=\"toogleMenuProfile($event)\"\n (click)=\"toogleMenuProfile($event)\"></s-profile-group>\n <s-avatar\n class=\"cursor\"\n *ngIf=\"user && !userFull\"\n urlProfileImage=\"{{ user.url }}\"\n letters=\"{{ user.letters }}\"\n display=\"{{ user.display }}\"\n size=\"lg\"\n status=\"{{ user.status }}\"\n (click)=\"toogleMenuProfile($event)\"></s-avatar>\n </div>\n <div class=\"s-navbar__content-submenu-profile\" *ngIf=\"controlMenuProfile\">\n <s-sub-menu\n [menu]=\"menuProfile\"\n (click)=\"clickMenuProfile($event)\"\n (closeMenuEvent)=\"closeMenuProfile($event)\"></s-sub-menu>\n </div>\n </div>\n </div>\n</nav>\n", styles: [".s-navbar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--neutrals-1100);color:var(--text);border-bottom:.063rem solid rgba(9,30,66,.25)}.s-navbar__company-box{display:flex;line-height:0;min-width:15rem;justify-content:center}.s-navbar__menu-icon{display:flex;margin:0 .625rem;color:var(--text)}.s-navbar__right-menu-content{display:flex;justify-content:center;align-items:center}.s-navbar__icon-menu-list{display:flex;justify-content:center}.s-navbar__content-submenu-profile{z-index:1;position:absolute;top:3.625rem;width:auto;min-width:11.875rem;right:.25rem}.s-navbar__content-right{display:flex;align-items:center;flex-grow:9;justify-content:space-between;flex-direction:row}.s-navbar__content-left{display:flex;justify-content:center}.s-navbar__content-user{display:flex;justify-content:center;margin-left:.625rem;margin-right:.625rem}.s-navbar__content-user s-profile-group .s-profile-group__content-left p,.s-navbar__content-user s-profile-group .s-profile-group__content-left span{cursor:pointer}.s-navbar__content-user.theme-dark s-profile-group .s-profile-group__content-left__name,.s-navbar__content-user.theme-dark s-profile-group .s-profile-group__content-left__email{color:var(--neutrals-1200)!important}.s-navbar.theme-dark{background:var(--primary-900)}@media (max-width: 56.25rem){.s-navbar__content-user .s-profile-group__content-left{display:none!important;margin:0}}@media (max-width: 37.5rem){.s-navbar{display:grid;grid-template-columns:50fr 80fr}.s-navbar .s-navbar__company-box{min-width:auto}}\n"] }]
|
|
57
57
|
}], propDecorators: { user: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], userFull: [{
|
|
@@ -91,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
91
91
|
}], clickTitle: [{
|
|
92
92
|
type: Output
|
|
93
93
|
}] } });
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1uYXZiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvbmF2YmFyL3MtbmF2YmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL25hdmJhci9zLW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7QUFZMUYsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQVFXLFNBQUksR0FBVSxFQUFFLENBQUM7UUFDakIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUUxQixTQUFJLEdBQWdCLEVBQUUsQ0FBQztRQUN2QixnQkFBVyxHQUFZLElBQUksQ0FBQztRQUM1QixZQUFPLEdBQVcsRUFBRSxDQUFDO1FBR3JCLFNBQUksR0FBYSxLQUFLLENBQUM7UUFFdkIsV0FBTSxHQUFZLEVBQUUsQ0FBQztRQUNyQixVQUFLLEdBQVksR0FBRyxDQUFDO1FBQ3JCLGFBQVEsR0FBcUIsRUFBRSxDQUFDO1FBRS9CLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3hDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUUzQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDeEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQ3hDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRWpELHVCQUFrQixHQUFZLEtBQUssQ0FBQztLQStCckM7SUE3QkMsaUJBQWlCLENBQUMsS0FBWTtRQUM1QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUE7UUFDbEQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDM0IsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQTtRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLFVBQVUsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUN0RSxJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUE7UUFDcEQsQ0FBQztRQUNELElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxZQUFZLENBQUMsRUFBTTtRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsWUFBWSxDQUFDLEVBQU07UUFDakIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELFdBQVcsQ0FBQyxFQUFNO1FBQ2hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBcERVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDZkQ1o3QiwwaUVBd0RBOzs0RkQ1Q2EsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLFVBQVUsaUJBR0wsaUJBQWlCLENBQUMsSUFBSTs4QkFJNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFFRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU01lbnVNYWluIH0gZnJvbSAnLi9jb21wb25lbnRzL21lbnUtbWFpbic7XG5pbXBvcnQgeyBTU3ViTWVudSwgU1VzZXIgfSBmcm9tICcuLi9zdWItbWVudS9zLXN1Yi1tZW51LW1vZGVsJztcbmltcG9ydCB7IFNJY29uTWVudU1vZGVsIH0gZnJvbSAnLi9jb21wb25lbnRzL2ljb24tbWVudSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1uYXZiYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zLW5hdmJhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFNOYXZiYXJDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHVzZXI6IFNVc2VyID0ge307XG4gIEBJbnB1dCgpIHVzZXJGdWxsOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1lbnVQcm9maWxlITogU1N1Yk1lbnU7XG4gIEBJbnB1dCgpIG1lbnU6IFNNZW51TWFpbltdID0gW107XG4gIEBJbnB1dCgpIHNob3dQcm9maWxlOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgY29tcGFueTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHRoZW1lPzogc3RyaW5nO1xuICBASW5wdXQoKSBjdXN0b21JbWFnZT86IHN0cmluZztcbiAgQElucHV0KCkgbGluaz86IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGlua0hyZWY/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhlaWdodD86IG51bWJlciA9IDM2O1xuICBASW5wdXQoKSB3aWR0aD86IG51bWJlciA9IDEwMDtcbiAgQElucHV0KCkgaWNvbk1lbnU6IFNJY29uTWVudU1vZGVsW10gPSBbXTtcblxuICBAT3V0cHV0KCkgY2xpY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgY2xpY2tFdmVudE1lbnUgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIEBPdXRwdXQoKSBjbGlja1VucmVhZCA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSBjbGlja0RlbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG4gIEBPdXRwdXQoKSBjbGlja1RpdGxlID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBjb250cm9sTWVudVByb2ZpbGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICB0b29nbGVNZW51UHJvZmlsZShldmVudDogRXZlbnQpIHtcbiAgICB0aGlzLmNvbnRyb2xNZW51UHJvZmlsZSA9ICF0aGlzLmNvbnRyb2xNZW51UHJvZmlsZVxuICAgIHRoaXMuY2xpY2tFdmVudE1lbnUubmV4dChldmVudCk7XG4gIH1cblxuICBjbG9zZU1lbnVQcm9maWxlKGV2ZW50OiBFdmVudCl7XG4gICAgdGhpcy5jb250cm9sTWVudVByb2ZpbGUgPSBmYWxzZVxuICAgIHRoaXMuY2xpY2tFdmVudE1lbnUubmV4dChldmVudCk7XG4gIH1cblxuICBjbGlja01lbnVQcm9maWxlKGV2ZW50OiBhbnkpIHtcbiAgICBpZiAoZXZlbnQudGFyZ2V0LnR5cGUgIT09ICdjaGVja2JveCcgJiYgZXZlbnQudGFyZ2V0LnR5cGUgIT09ICdyYWRpbycpIHtcbiAgICAgIHRoaXMuY29udHJvbE1lbnVQcm9maWxlID0gIXRoaXMuY29udHJvbE1lbnVQcm9maWxlXG4gICAgfVxuICAgIHRoaXMuY2xpY2tFdmVudC5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIF9jbGlja1VucmVhZChpZDphbnkpe1xuICAgIHRoaXMuY2xpY2tVbnJlYWQuZW1pdChpZCk7XG4gIH1cblxuICBfY2xpY2tEZWxldGUoaWQ6YW55KXtcbiAgICB0aGlzLmNsaWNrRGVsZXRlLmVtaXQoaWQpO1xuICB9XG5cbiAgX2NsaWNrVGl0bGUoaWQ6YW55KXtcbiAgICB0aGlzLmNsaWNrVGl0bGUuZW1pdChpZCk7XG4gIH1cblxufVxuIiwiPG5hdiBjbGFzcz1cInMtbmF2YmFyXCIgW25nQ2xhc3NdPVwidGhlbWUgPyAndGhlbWUtJyArIHRoZW1lIDogJydcIj5cbiAgPGRpdiBjbGFzcz1cInMtbmF2YmFyX19jb250ZW50LWxlZnRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibGlua1wiPlxuICAgICAgPGEgW2hyZWZdPVwibGlua0hyZWZcIj5cbiAgICAgICAgPHMtY29tcGFueS1sb2dvXG4gICAgICAgICAgW2hlaWdodF09XCJoZWlnaHRcIlxuICAgICAgICAgIFt3aWR0aF09XCJ3aWR0aFwiXG4gICAgICAgICAgW2N1c3RvbUltYWdlXT1cImN1c3RvbUltYWdlXCJcbiAgICAgICAgICBjbGFzcz1cInMtbmF2YmFyX19jb21wYW55LWJveFwiPjwvcy1jb21wYW55LWxvZ28+XG4gICAgICA8L2E+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsaW5rXCI+XG4gICAgICA8cy1jb21wYW55LWxvZ29cbiAgICAgICAgW2hlaWdodF09XCJoZWlnaHRcIlxuICAgICAgICBbd2lkdGhdPVwid2lkdGhcIlxuICAgICAgICBbY3VzdG9tSW1hZ2VdPVwiY3VzdG9tSW1hZ2VcIlxuICAgICAgICBjbGFzcz1cInMtbmF2YmFyX19jb21wYW55LWJveFwiPjwvcy1jb21wYW55LWxvZ28+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicy1uYXZiYXJfX2NvbnRlbnQtcmlnaHRcIj5cbiAgICA8cy1tZW51LW1haW4gW21lbnVNYWluXT1cIm1lbnVcIj48L3MtbWVudS1tYWluPlxuICAgIDxkaXYgY2xhc3M9XCJzLW5hdmJhcl9fcmlnaHQtbWVudS1jb250ZW50XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1uYXZiYXJfX2ljb24tbWVudS1saXN0XCI+XG4gICAgICAgIDxzLWljb24tbWVudVxuICAgICAgICAgIChjbGlja1RpdGxlKT1cIl9jbGlja1RpdGxlKCRldmVudClcIlxuICAgICAgICAgIChjbGlja0RlbGV0ZSk9XCJfY2xpY2tEZWxldGUoJGV2ZW50KVwiXG4gICAgICAgICAgKGNsaWNrVW5yZWFkKT1cIl9jbGlja1VucmVhZCgkZXZlbnQpXCJcbiAgICAgICAgICBbaWNvbk1lbnVdPVwiaWNvbk1lbnVcIj48L3MtaWNvbi1tZW51PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1uYXZiYXJfX2NvbnRlbnQtdXNlclwiIFtuZ0NsYXNzXT1cInRoZW1lID8gJ3RoZW1lLScgKyB0aGVtZSA6ICcnXCI+XG4gICAgICAgIDxzLXByb2ZpbGUtZ3JvdXBcbiAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAgIGNsYXNzPVwiY3Vyc29yXCJcbiAgICAgICAgICAqbmdJZj1cInVzZXIgJiYgdXNlckZ1bGxcIlxuICAgICAgICAgIFt1c2VyXT1cInVzZXJcIlxuICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cInRvb2dsZU1lbnVQcm9maWxlKCRldmVudClcIlxuICAgICAgICAgIChjbGljayk9XCJ0b29nbGVNZW51UHJvZmlsZSgkZXZlbnQpXCI+PC9zLXByb2ZpbGUtZ3JvdXA+XG4gICAgICAgIDxzLWF2YXRhclxuICAgICAgICAgIGNsYXNzPVwiY3Vyc29yXCJcbiAgICAgICAgICAqbmdJZj1cInVzZXIgJiYgIXVzZXJGdWxsXCJcbiAgICAgICAgICB1cmxQcm9maWxlSW1hZ2U9XCJ7eyB1c2VyLnVybCB9fVwiXG4gICAgICAgICAgbGV0dGVycz1cInt7IHVzZXIubGV0dGVycyB9fVwiXG4gICAgICAgICAgZGlzcGxheT1cInt7IHVzZXIuZGlzcGxheSB9fVwiXG4gICAgICAgICAgc2l6ZT1cImxnXCJcbiAgICAgICAgICBzdGF0dXM9XCJ7eyB1c2VyLnN0YXR1cyB9fVwiXG4gICAgICAgICAgKGNsaWNrKT1cInRvb2dsZU1lbnVQcm9maWxlKCRldmVudClcIj48L3MtYXZhdGFyPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1uYXZiYXJfX2NvbnRlbnQtc3VibWVudS1wcm9maWxlXCIgKm5nSWY9XCJjb250cm9sTWVudVByb2ZpbGVcIj5cbiAgICAgICAgPHMtc3ViLW1lbnVcbiAgICAgICAgICBbbWVudV09XCJtZW51UHJvZmlsZVwiXG4gICAgICAgICAgKGNsaWNrKT1cImNsaWNrTWVudVByb2ZpbGUoJGV2ZW50KVwiXG4gICAgICAgICAgKGNsb3NlTWVudUV2ZW50KT1cImNsb3NlTWVudVByb2ZpbGUoJGV2ZW50KVwiPjwvcy1zdWItbWVudT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmF2PlxuIl19
|
|
@@ -96,7 +96,7 @@ export class SPaginationComponent {
|
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPaginationComponent, selector: "s-pagination", inputs: { showing: "showing", to: "to", of: "of", items: "items", empty: "empty", disabled: "disabled", pageNumber: "pageNumber", totalItems: "totalItems", pageSize: "pageSize", pageSizes: "pageSizes" }, outputs: { pageEmitter: "pageEmitter", paginationEmitter: "paginationEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"s-pagination\" [ngClass]=\"{ 's-pagination--selected': pageSizes }\">\n <div class=\"s-pagination__items\">\n <s-select\n *ngIf=\"selectConfig\"\n [config]=\"selectConfig\"\n [(ngModel)]=\"selectValue\"\n (ngModelChange)=\"selectPagination($event)\">\n </s-select>\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems > pageSize\">\n {{ showing }} {{ startResults }} {{ to }} {{ endResults }} {{ of }}\n {{ totalItems }} {{ items }}\n </p>\n <p\n class=\"s-body-2 s-pagination__items--text\"\n *ngIf=\"totalItems <= pageSize && totalItems !== 0\">\n {{ showing }} {{ totalItems }} {{ items }}\n </p>\n <p\n class=\"s-body-2 s-pagination__items--text disabled\"\n *ngIf=\"totalItems === 0\">\n {{ empty }}\n </p>\n </div>\n <div class=\"s-pagination__pages-content\" *ngIf=\"!disabled\">\n <s-icon-mat\n tabindex=\"0\"\n class=\"cursor display-flex\"\n *ngIf=\"pageNumber > 1\"\n (keydown.enter)=\"previous()\"\n (click)=\"previous()\"\n >keyboard_arrow_left</s-icon-mat\n >\n <p\n tabindex=\"0\"\n *ngIf=\"pageNumber > 1\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(1)\"\n (click)=\"pageSelection(1)\">\n 1\n </p>\n <p\n *ngIf=\"previousPage > 2 && totalPages > 2\"\n class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">\n ...\n </p>\n <p\n tabindex=\"0\"\n *ngIf=\"previousPage >= 2\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(previousPage)\"\n (click)=\"pageSelection(previousPage)\">\n {{ previousPage }}\n </p>\n <s-button [pill]=\"true\">\n <label>{{ pageNumber }}</label>\n </s-button>\n <p\n tabindex=\"0\"\n *ngIf=\"nextPage > 1 && pageNumber !== totalPages && totalItems !== 0\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(nextPage)\"\n (click)=\"pageSelection(nextPage)\">\n {{ nextPage }}\n </p>\n <p\n *ngIf=\"\n totalPages !== nextPage + 1 &&\n pageNumber !== totalPages &&\n totalPages > 2\n \"\n class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">\n ...\n </p>\n <p\n tabindex=\"0\"\n *ngIf=\"\n totalPages !== nextPage && pageNumber !== totalPages && totalItems !== 0\n \"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(totalPages)\"\n (click)=\"pageSelection(totalPages)\">\n {{ totalPages }}\n </p>\n <s-icon-mat\n tabindex=\"0\"\n class=\"cursor display-flex\"\n *ngIf=\"pageNumber < totalPages\"\n (keydown.enter)=\"next()\"\n (click)=\"next()\"\n >keyboard_arrow_right</s-icon-mat\n >\n </div>\n</div>\n", styles: [".s-pagination{display:flex;max-width:100%;justify-items:end;justify-content:flex-end}.s-pagination--selected{justify-content:space-between}.s-pagination__items{align-items:center;display:flex}.s-pagination__items--text{color:var(--secondary-500);margin:0 2rem;display:flex;align-items:center}.s-pagination__items--text.disabled{color:var(--secondary-200)}.s-pagination__pages-content{display:flex;align-items:center}.s-pagination__pages-content__page-number{margin:0 .8rem;color:var(--secondary-600);font-weight:700;font-size:.875rem!important;cursor:pointer}.s-pagination__pages-content__points{margin-top:-.5rem;font-size:1rem!important}.s-pagination .display-flex{display:flex}.s-pagination s-select .s-select__options.md{top:2.5rem}.s-pagination s-select .s-select__main.md{height:2rem}.s-pagination s-button .s-button--pill--md{height:2rem;width:2rem}\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.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
99
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPaginationComponent, selector: "s-pagination", inputs: { showing: "showing", to: "to", of: "of", items: "items", empty: "empty", disabled: "disabled", pageNumber: "pageNumber", totalItems: "totalItems", pageSize: "pageSize", pageSizes: "pageSizes" }, outputs: { pageEmitter: "pageEmitter", paginationEmitter: "paginationEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"s-pagination\" [ngClass]=\"{ 's-pagination--selected': pageSizes }\">\n <div class=\"s-pagination__items\">\n <s-select\n *ngIf=\"selectConfig\"\n [config]=\"selectConfig\"\n [(ngModel)]=\"selectValue\"\n (ngModelChange)=\"selectPagination($event)\">\n </s-select>\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems > pageSize\">\n {{ showing }} {{ startResults }} {{ to }} {{ endResults }} {{ of }}\n {{ totalItems }} {{ items }}\n </p>\n <p\n class=\"s-body-2 s-pagination__items--text\"\n *ngIf=\"totalItems <= pageSize && totalItems !== 0\">\n {{ showing }} {{ totalItems }} {{ items }}\n </p>\n <p\n class=\"s-body-2 s-pagination__items--text disabled\"\n *ngIf=\"totalItems === 0\">\n {{ empty }}\n </p>\n </div>\n <div class=\"s-pagination__pages-content\" *ngIf=\"!disabled\">\n <s-icon-mat\n tabindex=\"0\"\n class=\"cursor display-flex\"\n *ngIf=\"pageNumber > 1\"\n (keydown.enter)=\"previous()\"\n (click)=\"previous()\"\n >keyboard_arrow_left</s-icon-mat\n >\n <p\n tabindex=\"0\"\n *ngIf=\"pageNumber > 1\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(1)\"\n (click)=\"pageSelection(1)\">\n 1\n </p>\n <p\n *ngIf=\"previousPage > 2 && totalPages > 2\"\n class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">\n ...\n </p>\n <p\n tabindex=\"0\"\n *ngIf=\"previousPage >= 2\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(previousPage)\"\n (click)=\"pageSelection(previousPage)\">\n {{ previousPage }}\n </p>\n <s-button [pill]=\"true\">\n <label>{{ pageNumber }}</label>\n </s-button>\n <p\n tabindex=\"0\"\n *ngIf=\"nextPage > 1 && pageNumber !== totalPages && totalItems !== 0\"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(nextPage)\"\n (click)=\"pageSelection(nextPage)\">\n {{ nextPage }}\n </p>\n <p\n *ngIf=\"\n totalPages !== nextPage + 1 &&\n pageNumber !== totalPages &&\n totalPages > 2\n \"\n class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">\n ...\n </p>\n <p\n tabindex=\"0\"\n *ngIf=\"\n totalPages !== nextPage && pageNumber !== totalPages && totalItems !== 0\n \"\n class=\"s-pagination__pages-content__page-number\"\n (keydown.enter)=\"pageSelection(totalPages)\"\n (click)=\"pageSelection(totalPages)\">\n {{ totalPages }}\n </p>\n <s-icon-mat\n tabindex=\"0\"\n class=\"cursor display-flex\"\n *ngIf=\"pageNumber < totalPages\"\n (keydown.enter)=\"next()\"\n (click)=\"next()\"\n >keyboard_arrow_right</s-icon-mat\n >\n </div>\n</div>\n", styles: [".s-pagination{display:flex;max-width:100%;justify-items:end;justify-content:flex-end}.s-pagination--selected{justify-content:space-between}.s-pagination__items{align-items:center;display:flex}.s-pagination__items--text{color:var(--secondary-500);margin:0 2rem;display:flex;align-items:center}.s-pagination__items--text.disabled{color:var(--secondary-200)}.s-pagination__pages-content{display:flex;align-items:center}.s-pagination__pages-content__page-number{margin:0 .8rem;color:var(--secondary-600);font-weight:700;font-size:.875rem!important;cursor:pointer}.s-pagination__pages-content__points{margin-top:-.5rem;font-size:1rem!important}.s-pagination .display-flex{display:flex}.s-pagination s-select .s-select__options.md{top:2.5rem}.s-pagination s-select .s-select__main.md{height:2rem}.s-pagination s-button .s-button--pill--md{height:2rem;width:2rem}\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.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "component", type: i4.SSelectComponent, selector: "s-select", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
100
100
|
}
|
|
101
101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPaginationComponent, decorators: [{
|
|
102
102
|
type: Component,
|
|
@@ -71,7 +71,7 @@ export class SPopupComponent {
|
|
|
71
71
|
this.show70 = window.innerWidth <= this.width;
|
|
72
72
|
}
|
|
73
73
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
74
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPopupComponent, selector: "s-popup", inputs: { title: "title", type: "type", iconType: "iconType", borderBody: "borderBody", width: "width", height: "height", showPopup: "showPopup", iconCustom: "iconCustom", iconCustomName: "iconCustomName", footer: "footer", body: "body" }, outputs: { closeEvent: "closeEvent" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div *ngIf=\"showPopup\" class=\"s-popup\">\n <div class=\"s-popup__card\" [ngClass]=\"show70 ? 's-popup__card--show70' : ''\" [ngStyle]=\"{'width' : this.width + 'px', 'height' : this.height + 'px' , 'left' : getCalcPopUp(this.width) , 'top' : getCalcPopUp(this.height)}\">\n <div class=\"s-popup__card__head s-popup__card__head--{{type}}\">\n <div class=\"s-popup__card__head__divisor\">\n <s-icon-mat *ngIf=\"iconCustom\" class=\"s-popup__card__head__divisor__icon mr-2 d-flex\">{{iconCustomName}}</s-icon-mat>\n <s-icon-mat *ngIf=\"iconType && !iconCustom\" class=\"s-popup__card__head__divisor__icon mr-2 d-flex\">{{iconType}}</s-icon-mat>\n <h4>{{title}}</h4>\n </div>\n <s-icon-mat class=\"s-popup__card__head__close\" (click)=\"close()\">close</s-icon-mat>\n </div>\n <div>\n <div class=\"s-popup__card__body\"\n [ngClass]=\"{ borderBody:'s-popup__card__body--border-body' }\" [ngStyle]=\"{'height' : getCalcBody(this.height) }\">\n <div class=\"s-popup__card__body__container\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </div>\n </div>\n <div class=\"s-popup__card__footer\">\n <div class=\"s-popup__card__footer__container\">\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: [".s-popup{background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:5}.s-popup__card{position:absolute;border-radius:.25rem;background:#fff}.s-popup__card--show70{width:94%!important;left:3%!important;height:84%!important;top:2%!important}.s-popup__card__head{height:1.875rem;padding:1.063rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.s-popup__card__head__divisor{display:inline-flex;align-items:center}.s-popup__card__head__close{float:right;cursor:pointer}.s-popup__card__head__close span,.s-popup__card__head h4,.s-popup__card__head--secondary{color:var(--secondary-600)}.s-popup__card__head--primary{color:var(--primary-600)}.s-popup__card__head--red .s-popup__card__head__divisor__icon span{color:var(--red-600)}.s-popup__card__head--green .s-popup__card__head__divisor__icon span{color:var(--green-600)}.s-popup__card__head--yellow .s-popup__card__head__divisor__icon span{color:var(--yellow-600)}.s-popup__card__body{width:100%;overflow-y:auto;color:var(--secondary-600)}.s-popup__card__body--border-body{border-bottom:.063rem solid var(--neutrals-1000);border-top:.063rem solid var(--neutrals-1000)}.s-popup__card__body__container{padding:1rem .5rem 1rem 1rem}.s-popup__card__body::-webkit-scrollbar{width:1.25rem}.s-popup__card__body::-webkit-scrollbar-track{background-color:transparent}.s-popup__card__body::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:1.25rem;border:.375rem solid transparent;background-clip:content-box}.s-popup__card__footer{width:100%}.s-popup__card__footer__container{position:absolute;bottom:.375rem;text-align:right;right:.625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "
|
|
74
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPopupComponent, selector: "s-popup", inputs: { title: "title", type: "type", iconType: "iconType", borderBody: "borderBody", width: "width", height: "height", showPopup: "showPopup", iconCustom: "iconCustom", iconCustomName: "iconCustomName", footer: "footer", body: "body" }, outputs: { closeEvent: "closeEvent" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div *ngIf=\"showPopup\" class=\"s-popup\">\n <div class=\"s-popup__card\" [ngClass]=\"show70 ? 's-popup__card--show70' : ''\" [ngStyle]=\"{'width' : this.width + 'px', 'height' : this.height + 'px' , 'left' : getCalcPopUp(this.width) , 'top' : getCalcPopUp(this.height)}\">\n <div class=\"s-popup__card__head s-popup__card__head--{{type}}\">\n <div class=\"s-popup__card__head__divisor\">\n <s-icon-mat *ngIf=\"iconCustom\" class=\"s-popup__card__head__divisor__icon mr-2 d-flex\">{{iconCustomName}}</s-icon-mat>\n <s-icon-mat *ngIf=\"iconType && !iconCustom\" class=\"s-popup__card__head__divisor__icon mr-2 d-flex\">{{iconType}}</s-icon-mat>\n <h4>{{title}}</h4>\n </div>\n <s-icon-mat class=\"s-popup__card__head__close\" (click)=\"close()\">close</s-icon-mat>\n </div>\n <div>\n <div class=\"s-popup__card__body\"\n [ngClass]=\"{ borderBody:'s-popup__card__body--border-body' }\" [ngStyle]=\"{'height' : getCalcBody(this.height) }\">\n <div class=\"s-popup__card__body__container\">\n <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n </div>\n </div>\n <div class=\"s-popup__card__footer\">\n <div class=\"s-popup__card__footer__container\">\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n</div>", styles: [".s-popup{background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:5}.s-popup__card{position:absolute;border-radius:.25rem;background:#fff}.s-popup__card--show70{width:94%!important;left:3%!important;height:84%!important;top:2%!important}.s-popup__card__head{height:1.875rem;padding:1.063rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.s-popup__card__head__divisor{display:inline-flex;align-items:center}.s-popup__card__head__close{float:right;cursor:pointer}.s-popup__card__head__close span,.s-popup__card__head h4,.s-popup__card__head--secondary{color:var(--secondary-600)}.s-popup__card__head--primary{color:var(--primary-600)}.s-popup__card__head--red .s-popup__card__head__divisor__icon span{color:var(--red-600)}.s-popup__card__head--green .s-popup__card__head__divisor__icon span{color:var(--green-600)}.s-popup__card__head--yellow .s-popup__card__head__divisor__icon span{color:var(--yellow-600)}.s-popup__card__body{width:100%;overflow-y:auto;color:var(--secondary-600)}.s-popup__card__body--border-body{border-bottom:.063rem solid var(--neutrals-1000);border-top:.063rem solid var(--neutrals-1000)}.s-popup__card__body__container{padding:1rem .5rem 1rem 1rem}.s-popup__card__body::-webkit-scrollbar{width:1.25rem}.s-popup__card__body::-webkit-scrollbar-track{background-color:transparent}.s-popup__card__body::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:1.25rem;border:.375rem solid transparent;background-clip:content-box}.s-popup__card__footer{width:100%}.s-popup__card__footer__container{position:absolute;bottom:.375rem;text-align:right;right:.625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
75
75
|
}
|
|
76
76
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPopupComponent, decorators: [{
|
|
77
77
|
type: Component,
|
|
@@ -21,7 +21,7 @@ export class SPrecodeComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPrecodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPrecodeComponent, selector: "s-precode", inputs: { copy: "copy", copySucces: "copySucces", expand: "expand", copyId: "copyId" }, ngImport: i0, template: "<pre class=\"s-precode s-scroll\">\n <span class=\"tag\">\n <ng-content></ng-content>\n </span>\n <s-button class=\"s-precode__button-copy s-precode__button-copy--small\" *ngIf=\"copyId\" (click)=\"copyCode()\">{{copy}} <s-icon-mat>file_copy</s-icon-mat></s-button>\n <s-button [pill]=\"true\" class=\"s-precode__button-copy s-precode__button-copy--tiny\" *ngIf=\"copyId\" (click)=\"copyCode()\"><s-icon-mat>file_copy</s-icon-mat></s-button>\n</pre>", styles: [".s-precode{border:.03rem solid rgba(0,0,0,.2);border-radius:.325rem;margin-bottom:1rem;overflow-x:auto;padding:1.25rem;white-space:pre-wrap;font-size:.875rem;background:#031450;display:flex;font-family:Roboto Mono,monospace}.s-precode__button-copy{position:absolute;right:1.8rem}@media (max-width: 37rem){.s-precode__button-copy--small{display:none}}@media (min-width: 37rem){.s-precode__button-copy--small{display:block}}@media (max-width: 37rem){.s-precode__button-copy--tiny{display:block}}@media (min-width: 37rem){.s-precode__button-copy--tiny{display:none}}.s-precode code{font-family:Roboto Mono,monospace;padding:0;font-size:100%;background:transparent}.s-precode .tag{color:#cffd9d;display:flex;flex-wrap:wrap;margin:.18rem 0}.s-precode .name{color:#0de9ff}.s-precode .attr{color:#ff0590}.s-precode .string{color:#58bf0a}.s-precode .tab{margin:0 .5rem}.s-precode .tab-2{margin:0 1rem}.s-precode .tab-3{margin:0 1.5rem}.s-precode .tab-4{margin:0 2rem}.s-precode .tab-5{margin:0 2.5rem}.s-precode .tab-6{margin:0 3rem}.s-precode .comment{color:#a58094}\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", "
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SPrecodeComponent, selector: "s-precode", inputs: { copy: "copy", copySucces: "copySucces", expand: "expand", copyId: "copyId" }, ngImport: i0, template: "<pre class=\"s-precode s-scroll\">\n <span class=\"tag\">\n <ng-content></ng-content>\n </span>\n <s-button class=\"s-precode__button-copy s-precode__button-copy--small\" *ngIf=\"copyId\" (click)=\"copyCode()\">{{copy}} <s-icon-mat>file_copy</s-icon-mat></s-button>\n <s-button [pill]=\"true\" class=\"s-precode__button-copy s-precode__button-copy--tiny\" *ngIf=\"copyId\" (click)=\"copyCode()\"><s-icon-mat>file_copy</s-icon-mat></s-button>\n</pre>", styles: [".s-precode{border:.03rem solid rgba(0,0,0,.2);border-radius:.325rem;margin-bottom:1rem;overflow-x:auto;padding:1.25rem;white-space:pre-wrap;font-size:.875rem;background:#031450;display:flex;font-family:Roboto Mono,monospace}.s-precode__button-copy{position:absolute;right:1.8rem}@media (max-width: 37rem){.s-precode__button-copy--small{display:none}}@media (min-width: 37rem){.s-precode__button-copy--small{display:block}}@media (max-width: 37rem){.s-precode__button-copy--tiny{display:block}}@media (min-width: 37rem){.s-precode__button-copy--tiny{display:none}}.s-precode code{font-family:Roboto Mono,monospace;padding:0;font-size:100%;background:transparent}.s-precode .tag{color:#cffd9d;display:flex;flex-wrap:wrap;margin:.18rem 0}.s-precode .name{color:#0de9ff}.s-precode .attr{color:#ff0590}.s-precode .string{color:#58bf0a}.s-precode .tab{margin:0 .5rem}.s-precode .tab-2{margin:0 1rem}.s-precode .tab-3{margin:0 1.5rem}.s-precode .tab-4{margin:0 2rem}.s-precode .tab-5{margin:0 2.5rem}.s-precode .tab-6{margin:0 3rem}.s-precode .comment{color:#a58094}\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"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SPrecodeComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
@@ -14,7 +14,7 @@ export class SProgressbarComponent extends TemperatureComponent {
|
|
|
14
14
|
this.initColor();
|
|
15
15
|
}
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProgressbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProgressbarComponent, selector: "s-progressbar", inputs: { percentage: "percentage", customColor: "customColor" }, usesInheritance: true, ngImport: i0, template: "<div class=\"s-progressbar\">\n <div class=\"s-progressbar__bar\">\n <div class=\"s-progressbar__bar--background\"></div>\n <div class=\"s-progressbar__bar--progresso\"\n [style.width.%]=\"percentage\"\n [ngClass]=\"color\"\n [style.background]=\"customColor\"\n id=\"bar\"\n ></div>\n </div>\n <div class=\"s-progressbar__percentage\">\n <h6 *ngIf=\"percentage < 100\">{{percentage}}%</h6>\n <s-icon-mat *ngIf=\"percentage > 99\" class=\"icon-check\">done</s-icon-mat>\n </div>\n</div>", styles: [".s-progressbar{display:flex}.s-progressbar__bar{display:flex;flex-direction:column;position:relative;width:100%;margin:.3rem .5rem 0}.s-progressbar__bar--background,.s-progressbar__bar--progresso{border-radius:.5rem}.s-progressbar__bar--background{background:#ccc;height:.5rem;width:100%;position:absolute;transform:rotate(180deg)}.s-progressbar__bar--progresso{background:#5054ae;height:.5rem;position:absolute;transition:all .5s;width:44%}.s-progressbar__bar--progresso.red{background:var(--red-600)}.s-progressbar__bar--progresso.orange{background:var(--red-500)}.s-progressbar__bar--progresso.yellow{background:var(--yellow-600)}.s-progressbar__bar--progresso.green{background:var(--green-600)}.s-progressbar__bar--progresso.gray{background:var(--neutrals-600)}.s-progressbar__percentage .icon-check{color:var(--green-600);font-size:1rem;display:flex;margin-top:-.25rem}\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", "
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProgressbarComponent, selector: "s-progressbar", inputs: { percentage: "percentage", customColor: "customColor" }, usesInheritance: true, ngImport: i0, template: "<div class=\"s-progressbar\">\n <div class=\"s-progressbar__bar\">\n <div class=\"s-progressbar__bar--background\"></div>\n <div class=\"s-progressbar__bar--progresso\"\n [style.width.%]=\"percentage\"\n [ngClass]=\"color\"\n [style.background]=\"customColor\"\n id=\"bar\"\n ></div>\n </div>\n <div class=\"s-progressbar__percentage\">\n <h6 *ngIf=\"percentage < 100\">{{percentage}}%</h6>\n <s-icon-mat *ngIf=\"percentage > 99\" class=\"icon-check\">done</s-icon-mat>\n </div>\n</div>", styles: [".s-progressbar{display:flex}.s-progressbar__bar{display:flex;flex-direction:column;position:relative;width:100%;margin:.3rem .5rem 0}.s-progressbar__bar--background,.s-progressbar__bar--progresso{border-radius:.5rem}.s-progressbar__bar--background{background:#ccc;height:.5rem;width:100%;position:absolute;transform:rotate(180deg)}.s-progressbar__bar--progresso{background:#5054ae;height:.5rem;position:absolute;transition:all .5s;width:44%}.s-progressbar__bar--progresso.red{background:var(--red-600)}.s-progressbar__bar--progresso.orange{background:var(--red-500)}.s-progressbar__bar--progresso.yellow{background:var(--yellow-600)}.s-progressbar__bar--progresso.green{background:var(--green-600)}.s-progressbar__bar--progresso.gray{background:var(--neutrals-600)}.s-progressbar__percentage .icon-check{color:var(--green-600);font-size:1rem;display:flex;margin-top:-.25rem}\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"] }] }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProgressbarComponent, decorators: [{
|
|
20
20
|
type: Component,
|