sidesys-generic-ui 2.2.2 → 2.3.1-local.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/animation/animation.component.mjs +14 -5
- package/esm2022/lib/animation/emuns/animation.enum.mjs +33 -6
- package/esm2022/lib/avatar/components/profile-group/s-profile-group.component.mjs +2 -2
- package/esm2022/lib/avatar/s-avatar.component.mjs +2 -2
- package/esm2022/lib/badge/s-badge.component.mjs +2 -2
- package/esm2022/lib/button/components/button/s-button.component.mjs +2 -2
- package/esm2022/lib/card/s-card.component.mjs +3 -4
- package/esm2022/lib/card/s-card.module.mjs +4 -12
- package/esm2022/lib/checkbox/checkbox-new/s-checkbox.component.mjs +2 -2
- package/esm2022/lib/checkbox/s-checkbox.component.mjs +2 -2
- package/esm2022/lib/collapse/s-collapse.component.mjs +2 -2
- package/esm2022/lib/dynamic-form/s-dynamic-form.component.mjs +1 -1
- package/esm2022/lib/dynamic-form/s-dynamic-form.module.mjs +4 -19
- package/esm2022/lib/footer/s-footer.component.mjs +2 -2
- package/esm2022/lib/grid-multi-inputs/components/grid-multi-inputs-toolbar-top/grid-multi-inputs-toolbar-top.component.mjs +2 -2
- package/esm2022/lib/grid-multi-inputs/grid-multi-inputs.component.mjs +2 -2
- package/esm2022/lib/input/components/calendar/s-calendar.component.mjs +2 -2
- package/esm2022/lib/input/components/color/s-color.component.mjs +2 -2
- package/esm2022/lib/input/components/error-control/s-error-control.component.mjs +2 -2
- package/esm2022/lib/input/components/input/s-input.component.mjs +2 -2
- package/esm2022/lib/input/components/input-number/s-input-number.component.mjs +2 -2
- package/esm2022/lib/input/components/input-textarea/s-input-textarea.component.mjs +2 -2
- package/esm2022/lib/input/components/range/s-range.component.mjs +7 -7
- package/esm2022/lib/input/components/time/s-time.component.mjs +2 -2
- package/esm2022/lib/input/directives/control-boolean-accessor.directive.mjs +1 -1
- package/esm2022/lib/input/index.mjs +1 -2
- package/esm2022/lib/input/input.module.mjs +7 -12
- package/esm2022/lib/link/s-link.component.mjs +2 -2
- package/esm2022/lib/list-simple/s-list-simple.component.mjs +2 -2
- package/esm2022/lib/modal/modal-confirm/modal-confirm.component.mjs +2 -2
- package/esm2022/lib/navbar/components/icon-menu/components/s-notificaction.component.mjs +2 -2
- package/esm2022/lib/navbar/components/icon-menu/s-icon-menu.component.mjs +2 -2
- package/esm2022/lib/navbar/components/menu-main/s-menu-main.component.mjs +2 -2
- package/esm2022/lib/navbar/components/menu-main/s-menu-main.module.mjs +4 -10
- package/esm2022/lib/navbar/s-navbar.component.mjs +2 -2
- package/esm2022/lib/navbar/s-navbar.module.mjs +4 -10
- package/esm2022/lib/radio/s-radio.component.mjs +2 -2
- package/esm2022/lib/select/select/s-select.component.mjs +3 -3
- 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 +2 -2
- package/esm2022/lib/select/select-simple/s-select-simple.component.mjs +3 -3
- package/esm2022/lib/sidebar/s-sidebar.component.mjs +2 -2
- package/esm2022/lib/sidebar/s-sidebar.module.mjs +6 -25
- package/esm2022/lib/spinner/s-spinner.component.mjs +8 -17
- package/esm2022/lib/spinner/s-spinner.module.mjs +7 -12
- package/esm2022/lib/table-complete/table-complete.component.mjs +2 -2
- package/esm2022/lib/table-t/s-tablet.component.mjs +2 -2
- package/esm2022/lib/tabs/s-tabs.component.mjs +7 -2
- package/esm2022/lib/tag/s-tag.component.mjs +2 -2
- package/esm2022/lib/theme/s-theme.component.mjs +2 -2
- package/esm2022/lib/timeline/s-timeline.component.mjs +2 -2
- package/esm2022/lib/toast/s-toast.component.mjs +2 -2
- package/esm2022/lib/toggle-switch/s-toggle-switch.component.mjs +2 -2
- package/esm2022/lib/toggle-switch/toggle-switch-form/toggle-switch-form.component.mjs +115 -16
- package/esm2022/lib/toolbar-top/toolbar-top.component.mjs +9 -4
- package/esm2022/lib/toolbar-top/toolbar-top.module.mjs +1 -5
- package/esm2022/lib/tooltip/s-tooltip.component.mjs +4 -4
- package/esm2022/lib/tree-list/s-tree-list.component.mjs +2 -2
- package/esm2022/public-api.mjs +1 -5
- package/fesm2022/sidesys-generic-ui.mjs +1728 -2522
- package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
- package/lib/animation/animation.component.d.ts +5 -2
- package/lib/animation/emuns/animation.enum.d.ts +14 -2
- package/lib/card/s-card.component.d.ts +0 -2
- package/lib/card/s-card.module.d.ts +4 -5
- package/lib/dynamic-form/s-dynamic-form.module.d.ts +7 -9
- package/lib/input/index.d.ts +0 -1
- package/lib/input/input.module.d.ts +14 -15
- package/lib/navbar/components/menu-main/s-menu-main.module.d.ts +4 -5
- package/lib/navbar/s-navbar.module.d.ts +8 -9
- package/lib/sidebar/s-sidebar.module.d.ts +4 -5
- package/lib/spinner/s-spinner.component.d.ts +5 -9
- package/lib/spinner/s-spinner.module.d.ts +2 -1
- package/lib/tabs/s-tabs.component.d.ts +3 -2
- package/lib/toggle-switch/toggle-switch-form/toggle-switch-form.component.d.ts +17 -4
- package/lib/toolbar-top/toolbar-top.component.d.ts +3 -1
- package/lib/toolbar-top/toolbar-top.module.d.ts +7 -8
- package/package.json +1 -1
- package/public-api.d.ts +0 -4
- package/esm2022/lib/drop-down/index.mjs +0 -4
- package/esm2022/lib/drop-down/s-drop-down-button.mjs +0 -7
- package/esm2022/lib/drop-down/s-drop-down.component.mjs +0 -29
- package/esm2022/lib/drop-down/s-drop-down.module.mjs +0 -18
- package/esm2022/lib/form/index.mjs +0 -4
- package/esm2022/lib/form/s-form-control.mjs +0 -59
- package/esm2022/lib/form/s-form.component.mjs +0 -130
- package/esm2022/lib/form/s-form.module.mjs +0 -51
- package/esm2022/lib/icon/index.mjs +0 -3
- package/esm2022/lib/icon/s-icon.component.mjs +0 -41
- package/esm2022/lib/icon/s-icon.module.mjs +0 -22
- package/esm2022/lib/icon/s-icons.mjs +0 -55
- package/esm2022/lib/input/components/input-text/s-input-text.component.mjs +0 -346
- package/esm2022/lib/login/index.mjs +0 -6
- package/esm2022/lib/login/s-login-errors-model.mjs +0 -3
- package/esm2022/lib/login/s-login-event.mjs +0 -3
- package/esm2022/lib/login/s-login-images.mjs +0 -4
- package/esm2022/lib/login/s-login-model.mjs +0 -3
- package/esm2022/lib/login/s-login.component.mjs +0 -121
- package/esm2022/lib/login/s-login.module.mjs +0 -32
- package/lib/drop-down/index.d.ts +0 -3
- package/lib/drop-down/s-drop-down-button.d.ts +0 -4
- package/lib/drop-down/s-drop-down.component.d.ts +0 -12
- package/lib/drop-down/s-drop-down.module.d.ts +0 -8
- package/lib/form/index.d.ts +0 -3
- package/lib/form/s-form-control.d.ts +0 -26
- package/lib/form/s-form.component.d.ts +0 -33
- package/lib/form/s-form.module.d.ts +0 -14
- package/lib/icon/index.d.ts +0 -2
- package/lib/icon/s-icon.component.d.ts +0 -18
- package/lib/icon/s-icon.module.d.ts +0 -8
- package/lib/icon/s-icons.d.ts +0 -8
- package/lib/input/components/input-text/s-input-text.component.d.ts +0 -66
- package/lib/login/index.d.ts +0 -5
- package/lib/login/s-login-errors-model.d.ts +0 -7
- package/lib/login/s-login-event.d.ts +0 -4
- package/lib/login/s-login-images.d.ts +0 -3
- package/lib/login/s-login-model.d.ts +0 -8
- package/lib/login/s-login.component.d.ts +0 -42
- package/lib/login/s-login.module.d.ts +0 -10
|
@@ -83,4 +83,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
83
83
|
}] }], propDecorators: { config: [{
|
|
84
84
|
type: Input
|
|
85
85
|
}] } });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1ib29sZWFuLWFjY2Vzc29yLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2lucHV0L2RpcmVjdGl2ZXMvY29udHJvbC1ib29sZWFuLWFjY2Vzc29yLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsV0FBVyxFQUVYLGVBQWUsRUFDZixrQkFBa0IsRUFDbEIsU0FBUyxFQUNULFVBQVUsR0FDWCxNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFaEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFLM0UsTUFBTSxPQUFPLCtCQUErQjtJQWUxQyxZQUFzQyxRQUFrQjtRQUFsQixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBWHhELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFHWCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUNqQyxhQUFRLEdBQTZCLENBQUMsS0FBYyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFNUixDQUFDO0lBRTVELFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsY0FBYyxJQUFJLElBQUksQ0FBQztRQUMxRCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFVBQVU7Z0JBQ2IsSUFBSSxDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEtBQUssQ0FBQztRQUM3RCxDQUFDO0lBQ0gsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUM7WUFDSCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUVqRCxRQUFRLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDaEMsS0FBSyxlQUFlO29CQUNsQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRO3lCQUN6QixHQUFHLENBQUMsa0JBQWtCLENBQUM7eUJBQ3ZCLFVBQVUsQ0FBQyxXQUE4QixDQUFDLENBQUM7b0JBQzlDLE1BQU07Z0JBQ1I7b0JBQ0UsSUFBSSxDQUFDLE9BQU8sR0FBSSxXQUFvQzt5QkFDakQsSUFBbUIsQ0FBQztvQkFDdkIsTUFBTTtZQUNWLENBQUM7UUFDSCxDQUFDO1FBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztRQUNuQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFRO1FBQ2pCLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUUsQ0FBQztnQkFDakQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQzdCLE9BQU87WUFDVCxDQUFDO1lBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDbEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN4QyxDQUFDO1FBQ0gsQ0FBQztRQUNBLElBQVksQ0FBQyxLQUFLLEdBQUcsS0FBZ0IsQ0FBQztJQUN6QyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBd0I7UUFDdkMsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxZQUFZO2lCQUN2QixJQUFJLENBQ0gsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFDekIsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQzdCLG9CQUFvQixFQUFFLEVBQ3RCLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUNwQjtpQkFDQSxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDO1FBQ3RELENBQUM7SUFDSCxDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBVztRQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDbkMsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLElBQUksS0FBSyxDQUFDO1FBQ3JELE1BQU0sYUFBYSxHQUNqQixDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxJQUFJLEtBQUssQ0FBQztRQUUxRSxJQUFJLFlBQVksS0FBSyxhQUFhLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQztZQUNqQyxhQUFhO2dCQUNYLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztnQkFDN0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDakQsQ0FBQztJQUNILENBQUM7K0dBdkZVLCtCQUErQixrQkFldEIsUUFBUTttR0FmakIsK0JBQStCOzs0RkFBL0IsK0JBQStCO2tCQUgzQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2QkFBNkI7aUJBQ3hDOzswQkFnQmMsTUFBTTsyQkFBQyxRQUFRO3lDQUhuQixNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb250cm9sVmFsdWVBY2Nlc3NvcixcbiAgRm9ybUNvbnRyb2wsXG4gIEZvcm1Db250cm9sRGlyZWN0aXZlLFxuICBGb3JtQ29udHJvbE5hbWUsXG4gIEZvcm1Hcm91cERpcmVjdGl2ZSxcbiAgTmdDb250cm9sLFxuICBWYWxpZGF0b3JzLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgc3RhcnRXaXRoLCBTdWJqZWN0LCB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgU1N3aXRjaCB9IGZyb20gJy4uLy4uL3RvZ2dsZS1zd2l0Y2gnO1xuaW1wb3J0IHsgRGlyZWN0aXZlLCBJbmplY3QsIEluamVjdG9yLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thcHBDb250cm9sQm9vbGVhbkFjY2Vzc29yXScsXG59KVxuZXhwb3J0IGNsYXNzIENvbnRyb2xCb29sZWFuQWNjZXNzb3JEaXJlY3RpdmU8VD5cbiAgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0XG57XG4gIGNvbnRyb2w6IEZvcm1Db250cm9sIHwgdW5kZWZpbmVkO1xuICBpc1JlcXVpcmVkID0gZmFsc2U7XG4gIHZhbHVlITogYm9vbGVhbjtcblxuICBwcml2YXRlIF9pc0Rpc2FibGVkID0gZmFsc2U7XG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgcHVibGljIG9uQ2hhbmdlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQgPSAodmFsdWU6IGJvb2xlYW4pID0+IHt9O1xuICBwdWJsaWMgb25Ub3VjaGVkITogKCkgPT4gVDtcblxuICBASW5wdXQoKSBjb25maWchOiBTU3dpdGNoO1xuICB1c2VGb3JtQ29udHJvbCE6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChJbmplY3RvcikgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy51c2VGb3JtQ29udHJvbCA9IHRoaXMuY29uZmlnPy51c2VGb3JtQ29udHJvbCA/PyB0cnVlO1xuICAgIGlmICh0aGlzLnVzZUZvcm1Db250cm9sKSB7XG4gICAgICB0aGlzLnNldEZvcm1Db250cm9sKCk7XG4gICAgICB0aGlzLmlzUmVxdWlyZWQgPVxuICAgICAgICB0aGlzLmNvbnRyb2w/Lmhhc1ZhbGlkYXRvcihWYWxpZGF0b3JzLnJlcXVpcmVkKSA/PyBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBzZXRGb3JtQ29udHJvbCgpIHtcbiAgICB0cnkge1xuICAgICAgY29uc3QgZm9ybUNvbnRyb2wgPSB0aGlzLmluamVjdG9yLmdldChOZ0NvbnRyb2wpO1xuXG4gICAgICBzd2l0Y2ggKGZvcm1Db250cm9sLmNvbnN0cnVjdG9yKSB7XG4gICAgICAgIGNhc2UgRm9ybUNvbnRyb2xOYW1lOlxuICAgICAgICAgIHRoaXMuY29udHJvbCA9IHRoaXMuaW5qZWN0b3JcbiAgICAgICAgICAgIC5nZXQoRm9ybUdyb3VwRGlyZWN0aXZlKVxuICAgICAgICAgICAgLmdldENvbnRyb2woZm9ybUNvbnRyb2wgYXMgRm9ybUNvbnRyb2xOYW1lKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICB0aGlzLmNvbnRyb2wgPSAoZm9ybUNvbnRyb2wgYXMgRm9ybUNvbnRyb2xEaXJlY3RpdmUpXG4gICAgICAgICAgICAuZm9ybSBhcyBGb3JtQ29udHJvbDtcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIHRoaXMuY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgpO1xuICAgIH1cbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IFQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy51c2VGb3JtQ29udHJvbCkge1xuICAgICAgaWYgKHRoaXMuY29udHJvbCAmJiB0aGlzLmNvbnRyb2wudmFsdWUgIT09IHZhbHVlKSB7XG4gICAgICAgIHRoaXMuY29udHJvbC5zZXRWYWx1ZSh2YWx1ZSk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmICghdGhpcy5jb250cm9sKSB7XG4gICAgICAgIHRoaXMuY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCh2YWx1ZSk7XG4gICAgICB9XG4gICAgfVxuICAgICh0aGlzIGFzIGFueSkudmFsdWUgPSB2YWx1ZSBhcyBib29sZWFuO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbDogVCB8IG51bGwpID0+IFQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy51c2VGb3JtQ29udHJvbCkge1xuICAgICAgdGhpcy5jb250cm9sPy52YWx1ZUNoYW5nZXNcbiAgICAgICAgLnBpcGUoXG4gICAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgICAgICBzdGFydFdpdGgodGhpcy5jb250cm9sLnZhbHVlKSxcbiAgICAgICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgICAgIHRhcCh2YWwgPT4gZm4odmFsKSlcbiAgICAgICAgKVxuICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMuY29udHJvbD8ubWFya0FzVW50b3VjaGVkKCkpO1xuICAgIH1cbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiBUKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBjb25zdCBjdXJyZW50U3RhdGUgPSB0aGlzLmNvbnRyb2w/LmRpc2FibGVkID8/IGZhbHNlO1xuICAgIGNvbnN0IHNob3VsZERpc2FibGUgPVxuICAgICAgKGlzRGlzYWJsZWQgfHwgdGhpcy5jb25maWc/LmRpc2FibGVkIHx8IHRoaXMuY29uZmlnPy5yZWFkT25seSkgPz8gZmFsc2U7XG5cbiAgICBpZiAoY3VycmVudFN0YXRlICE9PSBzaG91bGREaXNhYmxlKSB7XG4gICAgICB0aGlzLl9pc0Rpc2FibGVkID0gc2hvdWxkRGlzYWJsZTtcbiAgICAgIHNob3VsZERpc2FibGVcbiAgICAgICAgPyB0aGlzLmNvbnRyb2w/LmRpc2FibGUoeyBlbWl0RXZlbnQ6IGZhbHNlIH0pXG4gICAgICAgIDogdGhpcy5jb250cm9sPy5lbmFibGUoeyBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export * from './components/input/s-input.component';
|
|
2
|
-
export * from './components/input-text/s-input-text.component';
|
|
3
2
|
export * from './components/input-textarea/s-input-textarea.component';
|
|
4
3
|
export * from './components/error-control/s-error-control.component';
|
|
5
4
|
export * from './input.module';
|
|
@@ -12,4 +11,4 @@ export * from './enums/icon-theme.enum';
|
|
|
12
11
|
export * from './enums/size.enum';
|
|
13
12
|
export * from './components/validation-error/s-validation-error.component';
|
|
14
13
|
export * from './components/input/s-input-model';
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pbnB1dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLGtDQUFrQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2lucHV0L3MtaW5wdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9pbnB1dC10ZXh0YXJlYS9zLWlucHV0LXRleHRhcmVhLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvZXJyb3ItY29udHJvbC9zLWVycm9yLWNvbnRyb2wuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcG9uZW50cy9yYW5nZS9zLXJhbmdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvY2FsZW5kYXIvcy1jYWxlbmRhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3RpbWUvcy10aW1lLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvY29sb3Ivcy1jb2xvci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL2lucHV0LW51bWJlci9zLWlucHV0LW51bWJlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9lbnVtcy9pY29uLXRoZW1lLmVudW0nO1xuZXhwb3J0ICogZnJvbSAnLi9lbnVtcy9zaXplLmVudW0nO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzL3ZhbGlkYXRpb24tZXJyb3Ivcy12YWxpZGF0aW9uLWVycm9yLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudHMvaW5wdXQvcy1pbnB1dC1tb2RlbCc7XG4iXX0=
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { SInputTextComponent } from './components/input-text/s-input-text.component';
|
|
4
3
|
import { SErrorControl } from './components/error-control/s-error-control.component';
|
|
5
4
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
6
5
|
import { SIconMaterialModule } from '../icon-material/s-icon-material.module';
|
|
@@ -16,8 +15,7 @@ import { SValidationError } from './components/validation-error/s-validation-err
|
|
|
16
15
|
import * as i0 from "@angular/core";
|
|
17
16
|
export class SInputModule {
|
|
18
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
19
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SInputModule, declarations: [
|
|
20
|
-
SInputTextAreaComponent,
|
|
18
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SInputModule, declarations: [SInputTextAreaComponent,
|
|
21
19
|
SErrorControl,
|
|
22
20
|
SInputComponent,
|
|
23
21
|
SInputNumberComponent,
|
|
@@ -29,8 +27,7 @@ export class SInputModule {
|
|
|
29
27
|
FormsModule,
|
|
30
28
|
ReactiveFormsModule,
|
|
31
29
|
SIconMaterialModule,
|
|
32
|
-
SButtonModule], exports: [
|
|
33
|
-
SInputTextAreaComponent,
|
|
30
|
+
SButtonModule], exports: [SInputTextAreaComponent,
|
|
34
31
|
SErrorControl,
|
|
35
32
|
SInputComponent,
|
|
36
33
|
SInputNumberComponent,
|
|
@@ -50,7 +47,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
50
47
|
type: NgModule,
|
|
51
48
|
args: [{
|
|
52
49
|
declarations: [
|
|
53
|
-
SInputTextComponent,
|
|
54
50
|
SInputTextAreaComponent,
|
|
55
51
|
SErrorControl,
|
|
56
52
|
SInputComponent,
|
|
@@ -59,17 +55,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
59
55
|
SCalendarComponent,
|
|
60
56
|
STimeComponent,
|
|
61
57
|
SColorComponent,
|
|
62
|
-
SValidationError
|
|
58
|
+
SValidationError,
|
|
63
59
|
],
|
|
64
60
|
imports: [
|
|
65
61
|
CommonModule,
|
|
66
62
|
FormsModule,
|
|
67
63
|
ReactiveFormsModule,
|
|
68
64
|
SIconMaterialModule,
|
|
69
|
-
SButtonModule
|
|
65
|
+
SButtonModule,
|
|
70
66
|
],
|
|
71
67
|
exports: [
|
|
72
|
-
SInputTextComponent,
|
|
73
68
|
SInputTextAreaComponent,
|
|
74
69
|
SErrorControl,
|
|
75
70
|
SInputComponent,
|
|
@@ -79,8 +74,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
79
74
|
STimeComponent,
|
|
80
75
|
SColorComponent,
|
|
81
76
|
SValidationError,
|
|
82
|
-
SErrorControl
|
|
83
|
-
]
|
|
77
|
+
SErrorControl,
|
|
78
|
+
],
|
|
84
79
|
}]
|
|
85
80
|
}] });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvaW5wdXQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUNyRixPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDakcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMzRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQzs7QUFrQzlGLE1BQU0sT0FBTyxZQUFZOytHQUFaLFlBQVk7Z0hBQVosWUFBWSxpQkE5QnJCLHVCQUF1QjtZQUN2QixhQUFhO1lBQ2IsZUFBZTtZQUNmLHFCQUFxQjtZQUNyQixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLGNBQWM7WUFDZCxlQUFlO1lBQ2YsZ0JBQWdCLGFBR2hCLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixhQUFhLGFBR2IsdUJBQXVCO1lBQ3ZCLGFBQWE7WUFDYixlQUFlO1lBQ2YscUJBQXFCO1lBQ3JCLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsY0FBYztZQUNkLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsYUFBYTtnSEFHSixZQUFZLFlBbkJyQixZQUFZO1lBQ1osV0FBVztZQUNYLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsYUFBYTs7NEZBZUosWUFBWTtrQkFoQ3hCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHVCQUF1Qjt3QkFDdkIsYUFBYTt3QkFDYixlQUFlO3dCQUNmLHFCQUFxQjt3QkFDckIsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixnQkFBZ0I7cUJBQ2pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHVCQUF1Qjt3QkFDdkIsYUFBYTt3QkFDYixlQUFlO3dCQUNmLHFCQUFxQjt3QkFDckIsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixnQkFBZ0I7d0JBQ2hCLGFBQWE7cUJBQ2Q7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNFcnJvckNvbnRyb2wgfSBmcm9tICcuL2NvbXBvbmVudHMvZXJyb3ItY29udHJvbC9zLWVycm9yLWNvbnRyb2wuY29tcG9uZW50JztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLm1vZHVsZSc7XG5pbXBvcnQgeyBTSW5wdXRUZXh0QXJlYUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9pbnB1dC10ZXh0YXJlYS9zLWlucHV0LXRleHRhcmVhLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgU0lucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2lucHV0L3MtaW5wdXQuY29tcG9uZW50JztcbmltcG9ydCB7IFNSYW5nZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9yYW5nZS9zLXJhbmdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTQ2FsZW5kYXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2FsZW5kYXIvcy1jYWxlbmRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU1RpbWVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvdGltZS9zLXRpbWUuY29tcG9uZW50JztcbmltcG9ydCB7IFNDb2xvckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jb2xvci9zLWNvbG9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTSW5wdXROdW1iZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvaW5wdXQtbnVtYmVyL3MtaW5wdXQtbnVtYmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTVmFsaWRhdGlvbkVycm9yIH0gZnJvbSAnLi9jb21wb25lbnRzL3ZhbGlkYXRpb24tZXJyb3Ivcy12YWxpZGF0aW9uLWVycm9yLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNJbnB1dFRleHRBcmVhQ29tcG9uZW50LFxuICAgIFNFcnJvckNvbnRyb2wsXG4gICAgU0lucHV0Q29tcG9uZW50LFxuICAgIFNJbnB1dE51bWJlckNvbXBvbmVudCxcbiAgICBTUmFuZ2VDb21wb25lbnQsXG4gICAgU0NhbGVuZGFyQ29tcG9uZW50LFxuICAgIFNUaW1lQ29tcG9uZW50LFxuICAgIFNDb2xvckNvbXBvbmVudCxcbiAgICBTVmFsaWRhdGlvbkVycm9yLFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgU0ljb25NYXRlcmlhbE1vZHVsZSxcbiAgICBTQnV0dG9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU0lucHV0VGV4dEFyZWFDb21wb25lbnQsXG4gICAgU0Vycm9yQ29udHJvbCxcbiAgICBTSW5wdXRDb21wb25lbnQsXG4gICAgU0lucHV0TnVtYmVyQ29tcG9uZW50LFxuICAgIFNSYW5nZUNvbXBvbmVudCxcbiAgICBTQ2FsZW5kYXJDb21wb25lbnQsXG4gICAgU1RpbWVDb21wb25lbnQsXG4gICAgU0NvbG9yQ29tcG9uZW50LFxuICAgIFNWYWxpZGF0aW9uRXJyb3IsXG4gICAgU0Vycm9yQ29udHJvbCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU0lucHV0TW9kdWxlIHt9XG4iXX0=
|
|
@@ -10,11 +10,11 @@ export class SLinkComponent {
|
|
|
10
10
|
this.visited = true;
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SLinkComponent, selector: "s-link", inputs: { disabled: "disabled", size: "size", invert: "invert", target: "target", href: "href", visited: "visited" }, ngImport: i0, template: "<a class=\"s-link s-link--size-{{size}}\" \n[target]=\"target\" \n[href]=\"href\" \n[class.disabled]=\"disabled\" \n[class.invert]=\"invert\" \n[class.not-visited]=\"!visited\">\n <ng-content></ng-content>\n</a>", styles: ["s-link{display:inherit}.s-link{border-bottom
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SLinkComponent, selector: "s-link", inputs: { disabled: "disabled", size: "size", invert: "invert", target: "target", href: "href", visited: "visited" }, ngImport: i0, template: "<a class=\"s-link s-link--size-{{size}}\" \n[target]=\"target\" \n[href]=\"href\" \n[class.disabled]=\"disabled\" \n[class.invert]=\"invert\" \n[class.not-visited]=\"!visited\">\n <ng-content></ng-content>\n</a>", styles: ["s-link{display:inherit}.s-link{border-bottom:.063rem solid transparent;color:var(--primary-600);text-decoration:none;display:flex;align-items:center}.s-link s-icon-mat span{color:var(--primary-600);font-size:1rem!important}.s-link:hover,.s-link.not-visited:hover{border-bottom:.063rem solid var(--primary-900);color:var(--primary-900)!important}.s-link:hover s-icon-mat span,.s-link.not-visited:hover s-icon-mat span{color:var(--primary-900)}.s-link:visited,.s-link.not-visited:visited{color:var(--primary-600)}.s-link.disabled{color:var(--neutrals-800);cursor:default;pointer-events:none}.s-link--size-sm{font-size:.875rem}.s-link--size-md{font-size:1rem}.s-link--size-lg{font-size:1.125rem}.s-link.invert{color:var(--neutrals-1100)}.s-link.invert:hover{border-color:var(--neutrals-110);color:var(--neutrals-1100)!important}.s-link.invert:visited,.s-link.invert.not-visited:visited,.s-link.invert.disabled{color:var(--neutrals-1100)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SLinkComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 's-link', encapsulation: ViewEncapsulation.None, template: "<a class=\"s-link s-link--size-{{size}}\" \n[target]=\"target\" \n[href]=\"href\" \n[class.disabled]=\"disabled\" \n[class.invert]=\"invert\" \n[class.not-visited]=\"!visited\">\n <ng-content></ng-content>\n</a>", styles: ["s-link{display:inherit}.s-link{border-bottom
|
|
17
|
+
args: [{ selector: 's-link', encapsulation: ViewEncapsulation.None, template: "<a class=\"s-link s-link--size-{{size}}\" \n[target]=\"target\" \n[href]=\"href\" \n[class.disabled]=\"disabled\" \n[class.invert]=\"invert\" \n[class.not-visited]=\"!visited\">\n <ng-content></ng-content>\n</a>", styles: ["s-link{display:inherit}.s-link{border-bottom:.063rem solid transparent;color:var(--primary-600);text-decoration:none;display:flex;align-items:center}.s-link s-icon-mat span{color:var(--primary-600);font-size:1rem!important}.s-link:hover,.s-link.not-visited:hover{border-bottom:.063rem solid var(--primary-900);color:var(--primary-900)!important}.s-link:hover s-icon-mat span,.s-link.not-visited:hover s-icon-mat span{color:var(--primary-900)}.s-link:visited,.s-link.not-visited:visited{color:var(--primary-600)}.s-link.disabled{color:var(--neutrals-800);cursor:default;pointer-events:none}.s-link--size-sm{font-size:.875rem}.s-link--size-md{font-size:1rem}.s-link--size-lg{font-size:1.125rem}.s-link.invert{color:var(--neutrals-1100)}.s-link.invert:hover{border-color:var(--neutrals-110);color:var(--neutrals-1100)!important}.s-link.invert:visited,.s-link.invert.not-visited:visited,.s-link.invert.disabled{color:var(--neutrals-1100)}\n"] }]
|
|
18
18
|
}], propDecorators: { disabled: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], size: [{
|
|
@@ -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/v143/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/v232/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.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
|
|
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/v143/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/v232/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.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/v143/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/v232/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.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
|
|
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/v143/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/v232/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.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
|
}] } });
|
|
@@ -21,10 +21,10 @@ export class ModalConfirmComponent {
|
|
|
21
21
|
this.modalComfirmService.close(result);
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalConfirmComponent, deps: [{ token: i1.ModalComfirmService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalConfirmComponent, selector: "s-modal-confirm.", ngImport: i0, template: "<div\n *ngIf=\"config.isVisible\"\n class=\"s-modal-confirm\"\n (click)=\"close(false)\"\n (keydown.enter)=\"close(false)\"\n tabindex=\"0\">\n <div\n class=\"s-modal-confirm__content\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\"\n tabindex=\"0\">\n <section class=\"s-modal-confirm__header\">\n <div class=\"s-modal-confirm__header-title\">\n <s-icon-mat\n size=\"20\"\n [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 <s-icon-mat\n tabindex=\"0\"\n class=\"s-modal-confirm__icon-close\"\n size=\"20\"\n (click)=\"close(false)\">\n close\n </s-icon-mat>\n </section>\n <p class=\"s-modal-confirm__message\">{{ config.message }}</p>\n <section class=\"s-modal-confirm__buttons\">\n <s-button\n type=\"tertiary\"\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(false)\"\n (keydown.enter)=\"close(false)\">\n {{ config.cancelText }}\n </s-button>\n <s-button\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(true)\"\n (keydown.enter)=\"close(true)\">\n {{ config.confirmText }}\n </s-button>\n </section>\n </div>\n</div>\n", styles: [".s-modal-confirm{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.s-modal-confirm__content{background:#fff;padding:1rem;border-radius:.25rem;text-align:center;box-shadow:var(--E100)}.s-modal-confirm__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.s-modal-confirm__header-title{align-items:center;display:flex}.s-modal-confirm__header-title h4{font-size:1.25rem;margin-left:.4rem}.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{min-width:18rem;margin-bottom:1rem;font-size:.875rem}.s-modal-confirm__buttons{display:flex;justify-content:end}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }] }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ModalConfirmComponent, selector: "s-modal-confirm.", ngImport: i0, template: "<div\n *ngIf=\"config.isVisible\"\n class=\"s-modal-confirm\"\n (click)=\"close(false)\"\n (keydown.enter)=\"close(false)\"\n tabindex=\"0\">\n <div\n class=\"s-modal-confirm__content\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\"\n tabindex=\"0\">\n <section class=\"s-modal-confirm__header\">\n <div class=\"s-modal-confirm__header-title\">\n <s-icon-mat\n size=\"20\"\n [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 <s-icon-mat\n tabindex=\"0\"\n class=\"s-modal-confirm__icon-close\"\n size=\"20\"\n (click)=\"close(false)\">\n close\n </s-icon-mat>\n </section>\n <p class=\"s-modal-confirm__message\">{{ config.message }}</p>\n <section class=\"s-modal-confirm__buttons\">\n <s-button\n type=\"tertiary\"\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(false)\"\n (keydown.enter)=\"close(false)\">\n {{ config.cancelText }}\n </s-button>\n <s-button\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(true)\"\n (keydown.enter)=\"close(true)\">\n {{ config.confirmText }}\n </s-button>\n </section>\n </div>\n</div>\n", styles: [".s-modal-confirm{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10;color:var(--secondary-600)}.s-modal-confirm__content{background:#fff;padding:1rem;border-radius:.25rem;text-align:center;box-shadow:var(--E100)}.s-modal-confirm__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.s-modal-confirm__header-title{align-items:center;display:flex}.s-modal-confirm__header-title h4{font-size:1.25rem;margin-left:.4rem}.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{min-width:18rem;margin-bottom:1rem;font-size:.875rem}.s-modal-confirm__buttons{display:flex;justify-content:end}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }] }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalConfirmComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 's-modal-confirm.', template: "<div\n *ngIf=\"config.isVisible\"\n class=\"s-modal-confirm\"\n (click)=\"close(false)\"\n (keydown.enter)=\"close(false)\"\n tabindex=\"0\">\n <div\n class=\"s-modal-confirm__content\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\"\n tabindex=\"0\">\n <section class=\"s-modal-confirm__header\">\n <div class=\"s-modal-confirm__header-title\">\n <s-icon-mat\n size=\"20\"\n [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 <s-icon-mat\n tabindex=\"0\"\n class=\"s-modal-confirm__icon-close\"\n size=\"20\"\n (click)=\"close(false)\">\n close\n </s-icon-mat>\n </section>\n <p class=\"s-modal-confirm__message\">{{ config.message }}</p>\n <section class=\"s-modal-confirm__buttons\">\n <s-button\n type=\"tertiary\"\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(false)\"\n (keydown.enter)=\"close(false)\">\n {{ config.cancelText }}\n </s-button>\n <s-button\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(true)\"\n (keydown.enter)=\"close(true)\">\n {{ config.confirmText }}\n </s-button>\n </section>\n </div>\n</div>\n", styles: [".s-modal-confirm{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.s-modal-confirm__content{background:#fff;padding:1rem;border-radius:.25rem;text-align:center;box-shadow:var(--E100)}.s-modal-confirm__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.s-modal-confirm__header-title{align-items:center;display:flex}.s-modal-confirm__header-title h4{font-size:1.25rem;margin-left:.4rem}.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{min-width:18rem;margin-bottom:1rem;font-size:.875rem}.s-modal-confirm__buttons{display:flex;justify-content:end}\n"] }]
|
|
28
|
+
args: [{ selector: 's-modal-confirm.', template: "<div\n *ngIf=\"config.isVisible\"\n class=\"s-modal-confirm\"\n (click)=\"close(false)\"\n (keydown.enter)=\"close(false)\"\n tabindex=\"0\">\n <div\n class=\"s-modal-confirm__content\"\n (click)=\"$event.stopPropagation()\"\n (keydown.enter)=\"$event.stopPropagation()\"\n tabindex=\"0\">\n <section class=\"s-modal-confirm__header\">\n <div class=\"s-modal-confirm__header-title\">\n <s-icon-mat\n size=\"20\"\n [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 <s-icon-mat\n tabindex=\"0\"\n class=\"s-modal-confirm__icon-close\"\n size=\"20\"\n (click)=\"close(false)\">\n close\n </s-icon-mat>\n </section>\n <p class=\"s-modal-confirm__message\">{{ config.message }}</p>\n <section class=\"s-modal-confirm__buttons\">\n <s-button\n type=\"tertiary\"\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(false)\"\n (keydown.enter)=\"close(false)\">\n {{ config.cancelText }}\n </s-button>\n <s-button\n [theme]=\"getIconType(config.type).color\"\n (click)=\"close(true)\"\n (keydown.enter)=\"close(true)\">\n {{ config.confirmText }}\n </s-button>\n </section>\n </div>\n</div>\n", styles: [".s-modal-confirm{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10;color:var(--secondary-600)}.s-modal-confirm__content{background:#fff;padding:1rem;border-radius:.25rem;text-align:center;box-shadow:var(--E100)}.s-modal-confirm__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.s-modal-confirm__header-title{align-items:center;display:flex}.s-modal-confirm__header-title h4{font-size:1.25rem;margin-left:.4rem}.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{min-width:18rem;margin-bottom:1rem;font-size:.875rem}.s-modal-confirm__buttons{display:flex;justify-content:end}\n"] }]
|
|
29
29
|
}], ctorParameters: () => [{ type: i1.ModalComfirmService }] });
|
|
30
30
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY29uZmlybS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9tb2RhbC9tb2RhbC1jb25maXJtL21vZGFsLWNvbmZpcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvbW9kYWwvbW9kYWwtY29uZmlybS9tb2RhbC1jb25maXJtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7QUFVbkQsTUFBTSxPQUFPLHFCQUFxQjtJQUloQyxZQUFvQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUY1RCxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUc1QixJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN2RCxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBZ0I7UUFDMUIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxDQUFDO1FBQ3RFLE9BQU8sSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxLQUFLLENBQUMsTUFBZTtRQUNuQixJQUFJLENBQUMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pDLENBQUM7K0dBakJVLHFCQUFxQjttR0FBckIscUJBQXFCLHdEQ1psQyw4N0NBZ0RBOzs0RkRwQ2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxDb21maXJtU2VydmljZSB9IGZyb20gJy4vc2VydmljZXMvbW9kYWwtY29uZmlybS5zZXJ2aWNlJztcbmltcG9ydCB7IE1vZGFsVHlwZUljb24gfSBmcm9tICcuL21vZGVscy9tb2RhbFR5cGUnO1xuaW1wb3J0IHsgTW9kYWxDb25maXJtQ29uZmlnIH0gZnJvbSAnLi9tb2RlbHMvbW9kYWwtY29uZmlybS5pbnRlcmZhY2UnO1xuXG5leHBvcnQgdHlwZSBNb2RhbFR5cGUgPSAnYWxlcnQnIHwgJ2Vycm9yJyB8ICdpbmZvJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1tb2RhbC1jb25maXJtLicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1jb25maXJtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtY29uZmlybS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbmZpcm1Db21wb25lbnQge1xuICBjb25maWchOiBNb2RhbENvbmZpcm1Db25maWc7XG4gIG1vZGFsVHlwZUljb24gPSBNb2RhbFR5cGVJY29uO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbW9kYWxDb21maXJtU2VydmljZTogTW9kYWxDb21maXJtU2VydmljZSkge1xuICAgIHRoaXMubW9kYWxDb21maXJtU2VydmljZS5tb2RhbENvbmZpZyQuc3Vic2NyaWJlKGNvbmZpZyA9PiB7XG4gICAgICB0aGlzLmNvbmZpZyA9IGNvbmZpZztcbiAgICB9KTtcbiAgfVxuXG4gIGdldEljb25UeXBlKHR5cGU/OiBNb2RhbFR5cGUpIHtcbiAgICBjb25zdCBpY29uID0gdGhpcy5tb2RhbFR5cGVJY29uLmZpbHRlcihhY3Rpb24gPT4gYWN0aW9uLnR5cGUgPT0gdHlwZSk7XG4gICAgcmV0dXJuIGljb25bMF07XG4gIH1cblxuICBjbG9zZShyZXN1bHQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLm1vZGFsQ29tZmlybVNlcnZpY2UuY2xvc2UocmVzdWx0KTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cImNvbmZpZy5pc1Zpc2libGVcIlxuICBjbGFzcz1cInMtbW9kYWwtY29uZmlybVwiXG4gIChjbGljayk9XCJjbG9zZShmYWxzZSlcIlxuICAoa2V5ZG93bi5lbnRlcik9XCJjbG9zZShmYWxzZSlcIlxuICB0YWJpbmRleD1cIjBcIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwicy1tb2RhbC1jb25maXJtX19jb250ZW50XCJcbiAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICAoa2V5ZG93bi5lbnRlcik9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgIHRhYmluZGV4PVwiMFwiPlxuICAgIDxzZWN0aW9uIGNsYXNzPVwicy1tb2RhbC1jb25maXJtX19oZWFkZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzLW1vZGFsLWNvbmZpcm1fX2hlYWRlci10aXRsZVwiPlxuICAgICAgICA8cy1pY29uLW1hdFxuICAgICAgICAgIHNpemU9XCIyMFwiXG4gICAgICAgICAgW25nQ2xhc3NdPVwiJ3MtbW9kYWwtY29uZmlybV9faWNvbi0nICsgY29uZmlnLnR5cGVcIj5cbiAgICAgICAgICB7eyBnZXRJY29uVHlwZShjb25maWcudHlwZSkuaWNvbiB9fVxuICAgICAgICA8L3MtaWNvbi1tYXQ+XG4gICAgICAgIDxoNCBjbGFzcz1cInMtbW9kYWwtY29uZmlybV9fdGl0bGVcIj5cbiAgICAgICAgICB7eyBjb25maWcudGl0bGUgfX1cbiAgICAgICAgPC9oND5cbiAgICAgIDwvZGl2PlxuICAgICAgPHMtaWNvbi1tYXRcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgY2xhc3M9XCJzLW1vZGFsLWNvbmZpcm1fX2ljb24tY2xvc2VcIlxuICAgICAgICBzaXplPVwiMjBcIlxuICAgICAgICAoY2xpY2spPVwiY2xvc2UoZmFsc2UpXCI+XG4gICAgICAgIGNsb3NlXG4gICAgICA8L3MtaWNvbi1tYXQ+XG4gICAgPC9zZWN0aW9uPlxuICAgIDxwIGNsYXNzPVwicy1tb2RhbC1jb25maXJtX19tZXNzYWdlXCI+e3sgY29uZmlnLm1lc3NhZ2UgfX08L3A+XG4gICAgPHNlY3Rpb24gY2xhc3M9XCJzLW1vZGFsLWNvbmZpcm1fX2J1dHRvbnNcIj5cbiAgICAgIDxzLWJ1dHRvblxuICAgICAgICB0eXBlPVwidGVydGlhcnlcIlxuICAgICAgICBbdGhlbWVdPVwiZ2V0SWNvblR5cGUoY29uZmlnLnR5cGUpLmNvbG9yXCJcbiAgICAgICAgKGNsaWNrKT1cImNsb3NlKGZhbHNlKVwiXG4gICAgICAgIChrZXlkb3duLmVudGVyKT1cImNsb3NlKGZhbHNlKVwiPlxuICAgICAgICB7eyBjb25maWcuY2FuY2VsVGV4dCB9fVxuICAgICAgPC9zLWJ1dHRvbj5cbiAgICAgIDxzLWJ1dHRvblxuICAgICAgICBbdGhlbWVdPVwiZ2V0SWNvblR5cGUoY29uZmlnLnR5cGUpLmNvbG9yXCJcbiAgICAgICAgKGNsaWNrKT1cImNsb3NlKHRydWUpXCJcbiAgICAgICAgKGtleWRvd24uZW50ZXIpPVwiY2xvc2UodHJ1ZSlcIj5cbiAgICAgICAge3sgY29uZmlnLmNvbmZpcm1UZXh0IH19XG4gICAgICA8L3MtYnV0dG9uPlxuICAgIDwvc2VjdGlvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -22,11 +22,11 @@ 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:
|
|
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", "opticalSize", "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,
|
|
29
|
-
args: [{ selector: 's-notification', encapsulation: ViewEncapsulation.None, 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:
|
|
29
|
+
args: [{ selector: 's-notification', encapsulation: ViewEncapsulation.None, 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"] }]
|
|
30
30
|
}], propDecorators: { item: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}], clickUnread: [{
|
|
@@ -50,11 +50,11 @@ 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:
|
|
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", "opticalSize", "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,
|
|
57
|
-
args: [{ selector: 's-icon-menu', encapsulation: ViewEncapsulation.None, 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:
|
|
57
|
+
args: [{ selector: 's-icon-menu', encapsulation: ViewEncapsulation.None, 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"] }]
|
|
58
58
|
}], propDecorators: { iconMenu: [{
|
|
59
59
|
type: Input
|
|
60
60
|
}], clickUnread: [{
|
|
@@ -30,11 +30,11 @@ 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:
|
|
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", "opticalSize", "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,
|
|
37
|
-
args: [{ selector: 's-menu-main', encapsulation: ViewEncapsulation.None, 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:
|
|
37
|
+
args: [{ selector: 's-menu-main', encapsulation: ViewEncapsulation.None, 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"] }]
|
|
38
38
|
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { menuMain: [{
|
|
39
39
|
type: Input
|
|
40
40
|
}], clicked: [{
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { SMenuMainComponent } from './s-menu-main.component';
|
|
4
|
-
import { SIconModule } from '../../../icon/s-icon.module';
|
|
5
4
|
import { SIconMaterialModule } from '../../../icon-material/s-icon-material.module';
|
|
6
5
|
import { SCompanyLogoModule } from '../../../company-logo/s-company-logo.module';
|
|
7
6
|
import { RouterModule } from '@angular/router';
|
|
@@ -9,12 +8,10 @@ import * as i0 from "@angular/core";
|
|
|
9
8
|
export class SMenuMainModule {
|
|
10
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SMenuMainModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
10
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SMenuMainModule, declarations: [SMenuMainComponent], imports: [CommonModule,
|
|
12
|
-
SIconModule,
|
|
13
11
|
SCompanyLogoModule,
|
|
14
12
|
SIconMaterialModule,
|
|
15
13
|
RouterModule], exports: [SMenuMainComponent] }); }
|
|
16
14
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SMenuMainModule, imports: [CommonModule,
|
|
17
|
-
SIconModule,
|
|
18
15
|
SCompanyLogoModule,
|
|
19
16
|
SIconMaterialModule,
|
|
20
17
|
RouterModule] }); }
|
|
@@ -22,18 +19,15 @@ export class SMenuMainModule {
|
|
|
22
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SMenuMainModule, decorators: [{
|
|
23
20
|
type: NgModule,
|
|
24
21
|
args: [{
|
|
25
|
-
declarations: [
|
|
26
|
-
SMenuMainComponent,
|
|
27
|
-
],
|
|
22
|
+
declarations: [SMenuMainComponent],
|
|
28
23
|
imports: [
|
|
29
24
|
CommonModule,
|
|
30
|
-
SIconModule,
|
|
31
25
|
SCompanyLogoModule,
|
|
32
26
|
SIconMaterialModule,
|
|
33
|
-
RouterModule
|
|
27
|
+
RouterModule,
|
|
34
28
|
],
|
|
35
29
|
exports: [SMenuMainComponent],
|
|
36
|
-
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
30
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
37
31
|
}]
|
|
38
32
|
}] });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1tZW51LW1haW4ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvbmF2YmFyL2NvbXBvbmVudHMvbWVudS1tYWluL3MtbWVudS1tYWluLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUNwRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNqRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBYS9DLE1BQU0sT0FBTyxlQUFlOytHQUFmLGVBQWU7Z0hBQWYsZUFBZSxpQkFWWCxrQkFBa0IsYUFFL0IsWUFBWTtZQUNaLGtCQUFrQjtZQUNsQixtQkFBbUI7WUFDbkIsWUFBWSxhQUVKLGtCQUFrQjtnSEFHakIsZUFBZSxZQVJ4QixZQUFZO1lBQ1osa0JBQWtCO1lBQ2xCLG1CQUFtQjtZQUNuQixZQUFZOzs0RkFLSCxlQUFlO2tCQVgzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixrQkFBa0I7d0JBQ2xCLG1CQUFtQjt3QkFDbkIsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDN0IsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUsIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTTWVudU1haW5Db21wb25lbnQgfSBmcm9tICcuL3MtbWVudS1tYWluLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTSWNvbk1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vaWNvbi1tYXRlcmlhbC9zLWljb24tbWF0ZXJpYWwubW9kdWxlJztcbmltcG9ydCB7IFNDb21wYW55TG9nb01vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2NvbXBhbnktbG9nby9zLWNvbXBhbnktbG9nby5tb2R1bGUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU01lbnVNYWluQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBTQ29tcGFueUxvZ29Nb2R1bGUsXG4gICAgU0ljb25NYXRlcmlhbE1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtTTWVudU1haW5Db21wb25lbnRdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG59KVxuZXhwb3J0IGNsYXNzIFNNZW51TWFpbk1vZHVsZSB7fVxuIl19
|