sidesys-generic-ui 2.2.2 → 2.3.0
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/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 +3 -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 +1706 -2515
- package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
- 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 +1 -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
|
@@ -1,15 +1,42 @@
|
|
|
1
1
|
export var ANIMATION;
|
|
2
2
|
(function (ANIMATION) {
|
|
3
|
-
ANIMATION["
|
|
4
|
-
ANIMATION["
|
|
3
|
+
ANIMATION["DigitalSignage"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Cartelera_Digital_Loader.json";
|
|
4
|
+
ANIMATION["Chatbot"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Chatbot_Loader.json";
|
|
5
|
+
ANIMATION["Appointment"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Citas_Loader.json";
|
|
6
|
+
ANIMATION["DotBreathe"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/dot_breathe.json";
|
|
7
|
+
ANIMATION["Survey"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Encuestas_Loader.json";
|
|
8
|
+
ANIMATION["DynamicForms"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Formularios_Dinamicos_Loader.json";
|
|
9
|
+
ANIMATION["Eflow"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Gestion_Filas_Loader.json";
|
|
10
|
+
ANIMATION["AttentionRecording"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Grabaciones_Loader.json";
|
|
11
|
+
ANIMATION["DirectMarketing"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Marketing_Directo_Loader.json";
|
|
12
|
+
ANIMATION["Monitoring"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Monitoreo_Loader.json";
|
|
13
|
+
ANIMATION["WebGenerator"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Paginas_Web_Loader.json";
|
|
14
|
+
ANIMATION["VideoAttention"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/Videoatenciones_Loader.json";
|
|
15
|
+
ANIMATION["Suite"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/e-Flow_Suite_Loader.json";
|
|
16
|
+
ANIMATION["Spinner"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/loading_spinner.json";
|
|
5
17
|
})(ANIMATION || (ANIMATION = {}));
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
18
|
+
const ANIMATION_CONFIG_GENERIC = {
|
|
19
|
+
loop: true,
|
|
20
|
+
autoplay: true,
|
|
21
|
+
hover: true,
|
|
22
|
+
};
|
|
23
|
+
const customConfigs = {
|
|
24
|
+
[ANIMATION.Suite]: {
|
|
9
25
|
loop: false,
|
|
10
26
|
autoplay: true,
|
|
11
27
|
hover: false,
|
|
12
28
|
segments: [42, 98],
|
|
13
29
|
},
|
|
14
30
|
};
|
|
15
|
-
|
|
31
|
+
// Generador del config completo
|
|
32
|
+
export const ANIMATION_CONFIG = Object.values(ANIMATION).reduce((acc, key) => {
|
|
33
|
+
const animationKey = key;
|
|
34
|
+
if (!animationKey)
|
|
35
|
+
return acc;
|
|
36
|
+
acc[animationKey] = {
|
|
37
|
+
...ANIMATION_CONFIG_GENERIC,
|
|
38
|
+
...(customConfigs[animationKey] || {}),
|
|
39
|
+
};
|
|
40
|
+
return acc;
|
|
41
|
+
}, {});
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9hbmltYXRpb24vZW11bnMvYW5pbWF0aW9uLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksU0FlWDtBQWZELFdBQVksU0FBUztJQUNuQix5SEFBNEcsQ0FBQTtJQUM1Ryx3R0FBMkYsQ0FBQTtJQUMzRiwwR0FBNkYsQ0FBQTtJQUM3Rix3R0FBMkYsQ0FBQTtJQUMzRix5R0FBNEYsQ0FBQTtJQUM1RiwySEFBOEcsQ0FBQTtJQUM5Ryw0R0FBK0YsQ0FBQTtJQUMvRix1SEFBMEcsQ0FBQTtJQUMxRywwSEFBNkcsQ0FBQTtJQUM3Ryw2R0FBZ0csQ0FBQTtJQUNoRyxpSEFBb0csQ0FBQTtJQUNwRyx1SEFBMEcsQ0FBQTtJQUMxRywyR0FBOEYsQ0FBQTtJQUM5Rix5R0FBNEYsQ0FBQTtBQUM5RixDQUFDLEVBZlcsU0FBUyxLQUFULFNBQVMsUUFlcEI7QUFFRCxNQUFNLHdCQUF3QixHQUFHO0lBQy9CLElBQUksRUFBRSxJQUFJO0lBQ1YsUUFBUSxFQUFFLElBQUk7SUFDZCxLQUFLLEVBQUUsSUFBSTtDQUNaLENBQUM7QUFFRixNQUFNLGFBQWEsR0FLZjtJQUNGLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ2pCLElBQUksRUFBRSxLQUFLO1FBQ1gsUUFBUSxFQUFFLElBQUk7UUFDZCxLQUFLLEVBQUUsS0FBSztRQUNaLFFBQVEsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7S0FDbkI7Q0FDRixDQUFDO0FBRUYsZ0NBQWdDO0FBQ2hDLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQVF6QixNQUFNLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sQ0FDakMsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDWCxNQUFNLFlBQVksR0FBRyxHQUFnQixDQUFDO0lBQ3RDLElBQUksQ0FBQyxZQUFZO1FBQUUsT0FBTyxHQUFHLENBQUM7SUFFOUIsR0FBRyxDQUFDLFlBQVksQ0FBQyxHQUFHO1FBQ2xCLEdBQUcsd0JBQXdCO1FBQzNCLEdBQUcsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0tBQ3ZDLENBQUM7SUFDRixPQUFPLEdBQUcsQ0FBQztBQUNiLENBQUMsRUFDRCxFQUdDLENBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEFOSU1BVElPTiB7XG4gIERpZ2l0YWxTaWduYWdlID0gJ2h0dHBzOi8vYmxvYnN0b3JhZ2VjdWVudGEuYmxvYi5jb3JlLndpbmRvd3MubmV0L2FuaW1hY2lvbmVzL0NhcnRlbGVyYV9EaWdpdGFsX0xvYWRlci5qc29uJyxcbiAgQ2hhdGJvdCA9ICdodHRwczovL2Jsb2JzdG9yYWdlY3VlbnRhLmJsb2IuY29yZS53aW5kb3dzLm5ldC9hbmltYWNpb25lcy9DaGF0Ym90X0xvYWRlci5qc29uJyxcbiAgQXBwb2ludG1lbnQgPSAnaHR0cHM6Ly9ibG9ic3RvcmFnZWN1ZW50YS5ibG9iLmNvcmUud2luZG93cy5uZXQvYW5pbWFjaW9uZXMvQ2l0YXNfTG9hZGVyLmpzb24nLFxuICBEb3RCcmVhdGhlID0gJ2h0dHBzOi8vYmxvYnN0b3JhZ2VjdWVudGEuYmxvYi5jb3JlLndpbmRvd3MubmV0L2FuaW1hY2lvbmVzL2RvdF9icmVhdGhlLmpzb24nLFxuICBTdXJ2ZXkgPSAnaHR0cHM6Ly9ibG9ic3RvcmFnZWN1ZW50YS5ibG9iLmNvcmUud2luZG93cy5uZXQvYW5pbWFjaW9uZXMvRW5jdWVzdGFzX0xvYWRlci5qc29uJyxcbiAgRHluYW1pY0Zvcm1zID0gJ2h0dHBzOi8vYmxvYnN0b3JhZ2VjdWVudGEuYmxvYi5jb3JlLndpbmRvd3MubmV0L2FuaW1hY2lvbmVzL0Zvcm11bGFyaW9zX0RpbmFtaWNvc19Mb2FkZXIuanNvbicsXG4gIEVmbG93ID0gJ2h0dHBzOi8vYmxvYnN0b3JhZ2VjdWVudGEuYmxvYi5jb3JlLndpbmRvd3MubmV0L2FuaW1hY2lvbmVzL0dlc3Rpb25fRmlsYXNfTG9hZGVyLmpzb24nLFxuICBBdHRlbnRpb25SZWNvcmRpbmcgPSAnaHR0cHM6Ly9ibG9ic3RvcmFnZWN1ZW50YS5ibG9iLmNvcmUud2luZG93cy5uZXQvYW5pbWFjaW9uZXMvR3JhYmFjaW9uZXNfTG9hZGVyLmpzb24nLFxuICBEaXJlY3RNYXJrZXRpbmcgPSAnaHR0cHM6Ly9ibG9ic3RvcmFnZWN1ZW50YS5ibG9iLmNvcmUud2luZG93cy5uZXQvYW5pbWFjaW9uZXMvTWFya2V0aW5nX0RpcmVjdG9fTG9hZGVyLmpzb24nLFxuICBNb25pdG9yaW5nID0gJ2h0dHBzOi8vYmxvYnN0b3JhZ2VjdWVudGEuYmxvYi5jb3JlLndpbmRvd3MubmV0L2FuaW1hY2lvbmVzL01vbml0b3Jlb19Mb2FkZXIuanNvbicsXG4gIFdlYkdlbmVyYXRvciA9ICdodHRwczovL2Jsb2JzdG9yYWdlY3VlbnRhLmJsb2IuY29yZS53aW5kb3dzLm5ldC9hbmltYWNpb25lcy9QYWdpbmFzX1dlYl9Mb2FkZXIuanNvbicsXG4gIFZpZGVvQXR0ZW50aW9uID0gJ2h0dHBzOi8vYmxvYnN0b3JhZ2VjdWVudGEuYmxvYi5jb3JlLndpbmRvd3MubmV0L2FuaW1hY2lvbmVzL1ZpZGVvYXRlbmNpb25lc19Mb2FkZXIuanNvbicsXG4gIFN1aXRlID0gJ2h0dHBzOi8vYmxvYnN0b3JhZ2VjdWVudGEuYmxvYi5jb3JlLndpbmRvd3MubmV0L2FuaW1hY2lvbmVzL2UtRmxvd19TdWl0ZV9Mb2FkZXIuanNvbicsXG4gIFNwaW5uZXIgPSAnaHR0cHM6Ly9ibG9ic3RvcmFnZWN1ZW50YS5ibG9iLmNvcmUud2luZG93cy5uZXQvYW5pbWFjaW9uZXMvbG9hZGluZ19zcGlubmVyLmpzb24nLFxufVxuXG5jb25zdCBBTklNQVRJT05fQ09ORklHX0dFTkVSSUMgPSB7XG4gIGxvb3A6IHRydWUsXG4gIGF1dG9wbGF5OiB0cnVlLFxuICBob3ZlcjogdHJ1ZSxcbn07XG5cbmNvbnN0IGN1c3RvbUNvbmZpZ3M6IFBhcnRpYWw8XG4gIFJlY29yZDxcbiAgICBBTklNQVRJT04sXG4gICAgUGFydGlhbDx0eXBlb2YgQU5JTUFUSU9OX0NPTkZJR19HRU5FUklDPiAmIHsgc2VnbWVudHM/OiBbbnVtYmVyLCBudW1iZXJdIH1cbiAgPlxuPiA9IHtcbiAgW0FOSU1BVElPTi5TdWl0ZV06IHtcbiAgICBsb29wOiBmYWxzZSxcbiAgICBhdXRvcGxheTogdHJ1ZSxcbiAgICBob3ZlcjogZmFsc2UsXG4gICAgc2VnbWVudHM6IFs0MiwgOThdLFxuICB9LFxufTtcblxuLy8gR2VuZXJhZG9yIGRlbCBjb25maWcgY29tcGxldG9cbmV4cG9ydCBjb25zdCBBTklNQVRJT05fQ09ORklHOiBSZWNvcmQ8XG4gIEFOSU1BVElPTixcbiAge1xuICAgIGxvb3A6IGJvb2xlYW47XG4gICAgYXV0b3BsYXk6IGJvb2xlYW47XG4gICAgaG92ZXI6IGJvb2xlYW47XG4gICAgc2VnbWVudHM/OiBbbnVtYmVyLCBudW1iZXJdO1xuICB9XG4+ID0gT2JqZWN0LnZhbHVlcyhBTklNQVRJT04pLnJlZHVjZShcbiAgKGFjYywga2V5KSA9PiB7XG4gICAgY29uc3QgYW5pbWF0aW9uS2V5ID0ga2V5IGFzIEFOSU1BVElPTjtcbiAgICBpZiAoIWFuaW1hdGlvbktleSkgcmV0dXJuIGFjYztcblxuICAgIGFjY1thbmltYXRpb25LZXldID0ge1xuICAgICAgLi4uQU5JTUFUSU9OX0NPTkZJR19HRU5FUklDLFxuICAgICAgLi4uKGN1c3RvbUNvbmZpZ3NbYW5pbWF0aW9uS2V5XSB8fCB7fSksXG4gICAgfTtcbiAgICByZXR1cm4gYWNjO1xuICB9LFxuICB7fSBhcyBSZWNvcmQ8XG4gICAgQU5JTUFUSU9OLFxuICAgIHR5cGVvZiBBTklNQVRJT05fQ09ORklHX0dFTkVSSUMgJiB7IHNlZ21lbnRzPzogW251bWJlciwgbnVtYmVyXSB9XG4gID5cbik7XG4iXX0=
|
|
@@ -27,11 +27,11 @@ export class SProfileGroupComponent {
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProfileGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"s-profile-group\">\n <div class=\"s-profile-group__content-right\">\n <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\n </div>\n <div class=\"s-profile-group__content-left\">\n <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\n <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\n </div>\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"s-profile-group\">\n <div class=\"s-profile-group__content-right\">\n <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\n </div>\n <div class=\"s-profile-group__content-left\">\n <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\n <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\n </div>\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height:.875rem}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:1.25rem}.s-profile-group__content-left__name--l{font-size:1rem;line-height:1.25rem}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:1.438rem}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:1rem;cursor:default}.s-profile-group__content-left__email--s{font-size:.75rem}.s-profile-group__content-left__email--m{font-size:.875rem}.s-profile-group__content-left__email--l,.s-profile-group__content-left__email--xl{font-size:1rem}.s-profile-group__content-left p{margin:0}.s-profile-group__content-right{margin-right:.75rem;display:flex;align-items:center;justify-content:space-evenly}[theme=dark] .s-profile-group__content-left__name,[theme=dark] .s-profile-group__content-left__email{color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "component", type: i1.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProfileGroupComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
|
-
args: [{ selector: 's-profile-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-profile-group\">\n <div class=\"s-profile-group__content-right\">\n <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\n </div>\n <div class=\"s-profile-group__content-left\">\n <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\n <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\n </div>\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height
|
|
34
|
+
args: [{ selector: 's-profile-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-profile-group\">\n <div class=\"s-profile-group__content-right\">\n <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\n </div>\n <div class=\"s-profile-group__content-left\">\n <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\n <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\n </div>\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height:.875rem}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:1.25rem}.s-profile-group__content-left__name--l{font-size:1rem;line-height:1.25rem}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:1.438rem}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:1rem;cursor:default}.s-profile-group__content-left__email--s{font-size:.75rem}.s-profile-group__content-left__email--m{font-size:.875rem}.s-profile-group__content-left__email--l,.s-profile-group__content-left__email--xl{font-size:1rem}.s-profile-group__content-left p{margin:0}.s-profile-group__content-right{margin-right:.75rem;display:flex;align-items:center;justify-content:space-evenly}[theme=dark] .s-profile-group__content-left__name,[theme=dark] .s-profile-group__content-left__email{color:var(--neutrals-1200)}\n"] }]
|
|
35
35
|
}], propDecorators: { size: [{
|
|
36
36
|
type: Input
|
|
37
37
|
}], user: [{
|
|
@@ -30,11 +30,11 @@ export class SAvatarComponent {
|
|
|
30
30
|
this.letters = this.letters.substring(0, 2);
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SAvatarComponent, selector: "s-avatar", inputs: { urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\n <ng-container *ngSwitchCase=\"'approved'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'declined'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'blocked'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'online'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'offline'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'busy'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\n </div>\n </ng-container>\n\n </ng-container>\n <ng-container [ngSwitch]=\"display\">\n <ng-container *ngSwitchCase=\"'icon'\">\n <div class=\"s-avatar__dot-content content-person\">\n <s-icon-mat>person</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'avatar'\">\n <ng-container *ngIf=\"urlProfileImage\">\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'letters'\">\n <div class=\"s-avatar__dot-content content-letters\">\n <s-icon-mat>{{letters}}</s-icon-mat>\n </div>\n </ng-container>\n </ng-container>\n</div>", styles: ["s-avatar{position:relative}.s-avatar{border-radius:100%}.s-avatar__dot-state{z-index:1;border-radius:100%;position:absolute;background:var(--neutrals-1200);display:flex;justify-content:center}.s-avatar__dot-state.state-online,.s-avatar__dot-state.state-offline{padding:.6rem;border
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SAvatarComponent, selector: "s-avatar", inputs: { urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\n <ng-container *ngSwitchCase=\"'approved'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'declined'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'blocked'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'online'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'offline'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'busy'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\n </div>\n </ng-container>\n\n </ng-container>\n <ng-container [ngSwitch]=\"display\">\n <ng-container *ngSwitchCase=\"'icon'\">\n <div class=\"s-avatar__dot-content content-person\">\n <s-icon-mat>person</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'avatar'\">\n <ng-container *ngIf=\"urlProfileImage\">\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'letters'\">\n <div class=\"s-avatar__dot-content content-letters\">\n <s-icon-mat>{{letters}}</s-icon-mat>\n </div>\n </ng-container>\n </ng-container>\n</div>", styles: ["s-avatar{position:relative}.s-avatar{border-radius:100%}.s-avatar__dot-state{z-index:1;border-radius:100%;position:absolute;background:var(--neutrals-1200);display:flex;justify-content:center}.s-avatar__dot-state.state-online,.s-avatar__dot-state.state-offline{padding:.6rem;border:.125rem solid var(--neutrals-1100)}.s-avatar__dot-state.state-online{background-color:var(--green-600)}.s-avatar__dot-state.state-offline{background-color:var(--neutrals-600)}.s-avatar__dot-state .state-approved span{color:var(--green-600)}.s-avatar__dot-state .state-declined span{color:var(--red-600)}.s-avatar__dot-state .state-busy{background:var(--red-600);color:var(--neutrals-1100);border:.125rem solid var(--neutrals-1100);border-radius:100%}.s-avatar__dot-state .state-blocked{background:var(--primary-600);align-items:center;border-radius:100%}.s-avatar__dot-state .state-blocked span{color:var(--neutrals-1100)}.s-avatar__dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1200);height:100%;display:flex;align-items:center;justify-content:center}.s-avatar__dot-content.content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.s-avatar__dot-content.urlProfile{width:100%;height:100%;border-radius:100%}.s-avatar--size-128{height:8rem;width:8rem}.s-avatar--size-128 .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-128 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-128 .s-avatar__dot-state{transform:scale(1.2);bottom:6.563rem;left:5.813rem}.s-avatar--size-128 .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-128 .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-96{height:6rem;width:6rem}.s-avatar--size-96 .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-96 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-96 .s-avatar__dot-state{transform:scale(1);bottom:4.688rem;left:3.938rem}.s-avatar--size-96 .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-96 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-48{height:3rem;width:3rem}.s-avatar--size-48 .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-48 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-48 .s-avatar__dot-state{transform:scale(.8);bottom:1.875rem;left:1.813rem}.s-avatar--size-48 .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-48 .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-32{height:2rem;width:2rem}.s-avatar--size-32 .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-32 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-32 .s-avatar__dot-state{transform:scale(.6);bottom:.875rem;left:1.063rem}.s-avatar--size-32 .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-32 .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-24{height:1.5rem;width:1.5rem}.s-avatar--size-24 .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-24 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-24 .s-avatar__dot-state{transform:scale(.4);bottom:.5rem;left:.563rem}.s-avatar--size-24 .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-24 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-16{height:1rem;width:1rem}.s-avatar--size-16 .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-16 .s-avatar__dot-state{transform:scale(.3);bottom:.125rem;left:.125rem}.s-avatar--size-16 .s-avatar__dot-state .state-busy{bottom:1.688rem;left:1.688rem;position:absolute}.s-avatar--size-16 .s-avatar__dot-state .state-blocked span{font-size:.8rem;padding:.3rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.ImageLoaderDirective, selector: "img[appImageLoader]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SAvatarComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\n <ng-container *ngSwitchCase=\"'approved'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'declined'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'blocked'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'online'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'offline'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'busy'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\n </div>\n </ng-container>\n\n </ng-container>\n <ng-container [ngSwitch]=\"display\">\n <ng-container *ngSwitchCase=\"'icon'\">\n <div class=\"s-avatar__dot-content content-person\">\n <s-icon-mat>person</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'avatar'\">\n <ng-container *ngIf=\"urlProfileImage\">\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'letters'\">\n <div class=\"s-avatar__dot-content content-letters\">\n <s-icon-mat>{{letters}}</s-icon-mat>\n </div>\n </ng-container>\n </ng-container>\n</div>", styles: ["s-avatar{position:relative}.s-avatar{border-radius:100%}.s-avatar__dot-state{z-index:1;border-radius:100%;position:absolute;background:var(--neutrals-1200);display:flex;justify-content:center}.s-avatar__dot-state.state-online,.s-avatar__dot-state.state-offline{padding:.6rem;border
|
|
37
|
+
args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\n <ng-container [ngSwitch]=\"status\">\n\n <!-- Type of status approved , declined , blocked , online , offline , busy -->\n <ng-container *ngSwitchCase=\"'approved'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'declined'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'blocked'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'online'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'offline'\">\n <div class=\"s-avatar__dot-state state-{{status}}\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'busy'\">\n <div class=\"s-avatar__dot-state\">\n <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\n </div>\n </ng-container>\n\n </ng-container>\n <ng-container [ngSwitch]=\"display\">\n <ng-container *ngSwitchCase=\"'icon'\">\n <div class=\"s-avatar__dot-content content-person\">\n <s-icon-mat>person</s-icon-mat>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"'avatar'\">\n <ng-container *ngIf=\"urlProfileImage\">\n <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'letters'\">\n <div class=\"s-avatar__dot-content content-letters\">\n <s-icon-mat>{{letters}}</s-icon-mat>\n </div>\n </ng-container>\n </ng-container>\n</div>", styles: ["s-avatar{position:relative}.s-avatar{border-radius:100%}.s-avatar__dot-state{z-index:1;border-radius:100%;position:absolute;background:var(--neutrals-1200);display:flex;justify-content:center}.s-avatar__dot-state.state-online,.s-avatar__dot-state.state-offline{padding:.6rem;border:.125rem solid var(--neutrals-1100)}.s-avatar__dot-state.state-online{background-color:var(--green-600)}.s-avatar__dot-state.state-offline{background-color:var(--neutrals-600)}.s-avatar__dot-state .state-approved span{color:var(--green-600)}.s-avatar__dot-state .state-declined span{color:var(--red-600)}.s-avatar__dot-state .state-busy{background:var(--red-600);color:var(--neutrals-1100);border:.125rem solid var(--neutrals-1100);border-radius:100%}.s-avatar__dot-state .state-blocked{background:var(--primary-600);align-items:center;border-radius:100%}.s-avatar__dot-state .state-blocked span{color:var(--neutrals-1100)}.s-avatar__dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1200);height:100%;display:flex;align-items:center;justify-content:center}.s-avatar__dot-content.content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.s-avatar__dot-content.urlProfile{width:100%;height:100%;border-radius:100%}.s-avatar--size-128{height:8rem;width:8rem}.s-avatar--size-128 .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-128 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-128 .s-avatar__dot-state{transform:scale(1.2);bottom:6.563rem;left:5.813rem}.s-avatar--size-128 .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-128 .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-96{height:6rem;width:6rem}.s-avatar--size-96 .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-96 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-96 .s-avatar__dot-state{transform:scale(1);bottom:4.688rem;left:3.938rem}.s-avatar--size-96 .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-96 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-48{height:3rem;width:3rem}.s-avatar--size-48 .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-48 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-48 .s-avatar__dot-state{transform:scale(.8);bottom:1.875rem;left:1.813rem}.s-avatar--size-48 .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-48 .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-32{height:2rem;width:2rem}.s-avatar--size-32 .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-32 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-32 .s-avatar__dot-state{transform:scale(.6);bottom:.875rem;left:1.063rem}.s-avatar--size-32 .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-32 .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-24{height:1.5rem;width:1.5rem}.s-avatar--size-24 .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-24 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-24 .s-avatar__dot-state{transform:scale(.4);bottom:.5rem;left:.563rem}.s-avatar--size-24 .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-24 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-16{height:1rem;width:1rem}.s-avatar--size-16 .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-16 .s-avatar__dot-state{transform:scale(.3);bottom:.125rem;left:.125rem}.s-avatar--size-16 .s-avatar__dot-state .state-busy{bottom:1.688rem;left:1.688rem;position:absolute}.s-avatar--size-16 .s-avatar__dot-state .state-blocked span{font-size:.8rem;padding:.3rem}\n"] }]
|
|
38
38
|
}], ctorParameters: () => [], propDecorators: { urlProfileImage: [{
|
|
39
39
|
type: Input
|
|
40
40
|
}], letters: [{
|
|
@@ -11,11 +11,11 @@ export class SBadgeComponent {
|
|
|
11
11
|
ngOnInit() {
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SBadgeComponent, selector: "s-badge", inputs: { type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge s-badge--{{type}} {{size ? 's-badge--size-'+size : ''}}\">\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n <ng-content></ng-content>\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SBadgeComponent, selector: "s-badge", inputs: { type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge s-badge--{{type}} {{size ? 's-badge--size-'+size : ''}}\">\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n <ng-content></ng-content>\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-.063rem;margin-right:.25rem}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:1.125rem;width:max-content;display:inline-flex;align-items:center;margin:.125rem;font-size:.77rem;letter-spacing:.02rem;color:var(--neutrals-1200);background-color:var(--primary-600)}.s-badge--secondary{background-color:var(--secondary-600)}.s-badge--green{background-color:var(--green-600)}.s-badge--red{background-color:var(--red-600)}.s-badge--yellow{background-color:var(--yellow-600)}.s-badge--size-xs{font-size:.53rem;padding:.09rem .26rem}.s-badge--size-xs s-icon-mat span{font-size:.4rem!important}.s-badge--size-sm s-icon-mat span{font-size:.5rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBadgeComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 's-badge', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-badge s-badge--{{type}} {{size ? 's-badge--size-'+size : ''}}\">\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n <ng-content></ng-content>\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left
|
|
18
|
+
args: [{ selector: 's-badge', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-badge s-badge--{{type}} {{size ? 's-badge--size-'+size : ''}}\">\n <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n <ng-content></ng-content>\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-.063rem;margin-right:.25rem}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:1.125rem;width:max-content;display:inline-flex;align-items:center;margin:.125rem;font-size:.77rem;letter-spacing:.02rem;color:var(--neutrals-1200);background-color:var(--primary-600)}.s-badge--secondary{background-color:var(--secondary-600)}.s-badge--green{background-color:var(--green-600)}.s-badge--red{background-color:var(--red-600)}.s-badge--yellow{background-color:var(--yellow-600)}.s-badge--size-xs{font-size:.53rem;padding:.09rem .26rem}.s-badge--size-xs s-icon-mat span{font-size:.4rem!important}.s-badge--size-sm s-icon-mat span{font-size:.5rem!important}\n"] }]
|
|
19
19
|
}], ctorParameters: () => [], propDecorators: { type: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}], size: [{
|
|
@@ -21,11 +21,11 @@ export class SButtonComponent {
|
|
|
21
21
|
this.roundedPrivate = this.size === 'sm' ? 'sm' : 'md';
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SButtonComponent, selector: "s-button", inputs: { disabled: "disabled", pill: "pill", size: "size", invert: "invert", type: "type", loading: "loading", position: "position", theme: "theme", active: "active" }, ngImport: i0, template: "<button class=\"s-button \ns-button--{{size}}\ns-button--{{type}}\n\n{{theme ? 's-button--' + theme + '--' + type : ''}}\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \n{{position ? 's-button--position-' + position : ''}} \n{{loading ? 's-button--loading' : ''}}\n{{pill ? 's-button--pill' : ''}}\n{{pill ? 's-button--pill--' + size : ''}}\n{{invert ? invert : ''}}\n{{active ? 's-button--' + type + '--active' : ''}}\n{{active ? 's-button--' + theme + '--' + type + '--active': ''}}\n\"\n[disabled]=\"disabled\"\n[tabindex]=\"0\">\n<ng-content></ng-content>\n</button>\n", styles: ["s-button{width:fit-content}.s-button{line-height:
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SButtonComponent, selector: "s-button", inputs: { disabled: "disabled", pill: "pill", size: "size", invert: "invert", type: "type", loading: "loading", position: "position", theme: "theme", active: "active" }, ngImport: i0, template: "<button class=\"s-button \ns-button--{{size}}\ns-button--{{type}}\n\n{{theme ? 's-button--' + theme + '--' + type : ''}}\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \n{{position ? 's-button--position-' + position : ''}} \n{{loading ? 's-button--loading' : ''}}\n{{pill ? 's-button--pill' : ''}}\n{{pill ? 's-button--pill--' + size : ''}}\n{{invert ? invert : ''}}\n{{active ? 's-button--' + type + '--active' : ''}}\n{{active ? 's-button--' + theme + '--' + type + '--active': ''}}\n\"\n[disabled]=\"disabled\"\n[tabindex]=\"0\">\n<ng-content></ng-content>\n</button>\n", styles: ["s-button{width:fit-content}.s-button{line-height:1.875rem;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0rem;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.s-button--primary{background:var(--primary-600);color:var(--neutrals-1200);border:0rem}.s-button--primary:hover{background:var(--primary-700);color:var(--neutrals-1200);border:0rem}.s-button--primary:active,.s-button--primary--active{background:var(--primary-800);color:var(--neutrals-1200);border:0rem}.s-button--primary:disabled{background:var(--primary-200);color:var(--primary-400);border:0rem}.s-button--secondary{background-color:var(--primary-100);color:var(--primary-900);border:.063rem solid var(--primary-600)}.s-button--secondary:hover{background-color:var(--primary-200);color:var(--primary-900);border:.063rem solid var(--primary-600)}.s-button--secondary:active,.s-button--secondary--active{background-color:var(--primary-300);color:var(--primary-1000);border:.063rem solid var(--primary-600)}.s-button--secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:.063rem solid var(--neutrals-800)}.s-button--tertiary{background-color:unset;color:var(--primary-600)}.s-button--tertiary:hover{background-color:unset;color:var(--primary-800)}.s-button--tertiary:active,.s-button--tertiary--active{background-color:unset;color:var(--neutral-1000)}.s-button--tertiary:disabled{background-color:unset;color:var(--neutrals-700)}.s-button--red--primary{background-color:var(--red-600)}.s-button--red--primary:hover{background-color:var(--red-700)}.s-button--red--primary:active,.s-button--red--primary--active{background-color:var(--red-800)}.s-button--red--primary:disabled{background-color:var(--red-200);color:var(--red-400)}.s-button--red--secondary{background-color:var(--red-100);border:.063rem solid var(--red-600);color:var(--secondary-600)}.s-button--red--secondary:hover{background-color:var(--red-200);border:.063rem solid var(--red-600)}.s-button--red--secondary:active,.s-button--red--secondary--active{background-color:var(--red-300);border:.063rem solid var(--red-600)}.s-button--red--secondary:disabled{background-color:var(--red-100);border:.063rem solid var(--red-300);color:var(--neutrals-700)}.s-button--red--tertiary{color:var(--red-600)}.s-button--red--tertiary:hover{color:var(--red-700)}.s-button--red--tertiary:active,.s-button--red--tertiary--active{color:var(--red-900)}.s-button--red--tertiary:disabled{color:var(--red-200)}.s-button--yellow--primary{color:var(--neutrals-1200);background-color:var(--yellow-600)}.s-button--yellow--primary:hover{background-color:var(--yellow-700)}.s-button--yellow--primary:active,.s-button--yellow--primary--active{background-color:var(--yellow-800)}.s-button--yellow--primary:disabled{color:var(--yellow-400);background-color:var(--yellow-200)}.s-button--yellow--secondary{background-color:var(--yellow-100);border:.063rem solid var(--yellow-600);color:var(--primary-900)}.s-button--yellow--secondary:hover{background-color:var(--yellow-200);border:.063rem solid var(--yellow-600)}.s-button--yellow--secondary:active,.s-button--yellow--secondary--active{background-color:var(--yellow-300);border:.063rem solid var(--yellow-600)}.s-button--yellow--secondary:disabled{background-color:var(--yellow-200);border:.063rem solid var(--yellow-300);color:var(--neutrals-700)}.s-button--yellow--tertiary{color:var(--yellow-600)}.s-button--yellow--tertiary:hover{color:var(--yellow-700)}.s-button--yellow--tertiary:active,.s-button--yellow--tertiary--active{color:var(--yellow-800)}.s-button--yellow--tertiary:disabled{color:var(--yellow-200)}.s-button--green--primary{background-color:var(--green-600)}.s-button--green--primary:hover{background-color:var(--green-700)}.s-button--green--primary:active,.s-button--green--primary--active{background-color:var(--green-800)}.s-button--green--primary:disabled{background-color:var(--green-200);color:var(--green-400)}.s-button--green--secondary{background-color:var(--green-100);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:hover{background-color:var(--green-200);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:active,.s-button--green--secondary--active{background-color:var(--green-300);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:disabled{background-color:var(--green-100);border:.063rem solid var(--green-300);color:var(--neutrals-700)}.s-button--green--tertiary{color:var(--green-600)}.s-button--green--tertiary:hover{color:var(--green-700)}.s-button--green--tertiary:active,.s-button--green--tertiary--active{color:var(--green-800)}.s-button--green--tertiary:disabled{color:var(--green-200)}.s-button--xl{font-size:1.125rem;padding:0rem 2rem;line-height:3.625rem}.s-button--xl s-icon-mat{display:flex;padding:0rem .25rem}.s-button--xl s-icon-mat span{font-size:2rem!important}.s-button--lg{font-size:1rem;padding:0rem 2rem;line-height:3.125rem}.s-button--lg s-icon-mat{display:flex;padding:0rem .25rem}.s-button--lg s-icon-mat span{font-size:1.6rem!important}.s-button--md{font-size:.875rem;padding:0rem 1.5rem;line-height:2.375rem}.s-button--md s-icon-mat{display:flex;padding:0rem .25rem}.s-button--md s-icon-mat span{font-size:1.3rem!important}.s-button--sm{font-size:.75rem;padding:0rem .75rem;line-height:1.5rem}.s-button--sm s-icon-mat{display:flex;padding:0rem .313rem}.s-button--sm s-icon-mat span{font-size:1rem!important}.s-button--pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.s-button--pill span{font-size:1.4rem}.s-button--pill label{padding:.7rem;cursor:pointer;margin:0rem}.s-button--pill--xl{padding:.875rem;height:3.75rem;width:3.75rem}.s-button--pill--lg{padding:1.063rem;height:3.25rem;width:3.25rem}.s-button--pill--md{padding:.05rem;height:2.5rem;width:2.5rem}.s-button--pill--sm{padding:.438rem;height:1.625rem;width:1.625rem}.s-button.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.s-button--round-sm{border-radius:.188rem}.s-button--round-md{border-radius:.25rem}.s-button--position-reverse:not(.s-button--pill){flex-direction:row-reverse}.s-button--position-reverse:not(.s-button--pill) s-icon-mat{margin:0rem -.375rem 0rem 0rem}.s-button--position-normal:not(.s-button--pill){flex-direction:row}.s-button--position-normal:not(.s-button--pill) s-icon-mat{margin:0rem 0rem 0rem -.625rem}.s-button--loading{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}.s-button--loading.s-button--primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.s-button--loading.s-button--secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.s-button--loading.s-button--tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--red--primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}.s-button--loading.s-button--red--secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}.s-button--loading.s-button--red--tertiary{background:linear-gradient(90deg,var(--red-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--green--primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}.s-button--loading.s-button--green--secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}.s-button--loading.s-button--green--tertiary{background:linear-gradient(90deg,var(--green-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--yellow--primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}.s-button--loading.s-button--yellow--secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}.s-button--loading.s-button--yellow--tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,rgba(0,0,0,0) 50%)}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SButtonComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 's-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"s-button \ns-button--{{size}}\ns-button--{{type}}\n\n{{theme ? 's-button--' + theme + '--' + type : ''}}\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \n{{position ? 's-button--position-' + position : ''}} \n{{loading ? 's-button--loading' : ''}}\n{{pill ? 's-button--pill' : ''}}\n{{pill ? 's-button--pill--' + size : ''}}\n{{invert ? invert : ''}}\n{{active ? 's-button--' + type + '--active' : ''}}\n{{active ? 's-button--' + theme + '--' + type + '--active': ''}}\n\"\n[disabled]=\"disabled\"\n[tabindex]=\"0\">\n<ng-content></ng-content>\n</button>\n", styles: ["s-button{width:fit-content}.s-button{line-height:
|
|
28
|
+
args: [{ selector: 's-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"s-button \ns-button--{{size}}\ns-button--{{type}}\n\n{{theme ? 's-button--' + theme + '--' + type : ''}}\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \n{{position ? 's-button--position-' + position : ''}} \n{{loading ? 's-button--loading' : ''}}\n{{pill ? 's-button--pill' : ''}}\n{{pill ? 's-button--pill--' + size : ''}}\n{{invert ? invert : ''}}\n{{active ? 's-button--' + type + '--active' : ''}}\n{{active ? 's-button--' + theme + '--' + type + '--active': ''}}\n\"\n[disabled]=\"disabled\"\n[tabindex]=\"0\">\n<ng-content></ng-content>\n</button>\n", styles: ["s-button{width:fit-content}.s-button{line-height:1.875rem;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0rem;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.s-button--primary{background:var(--primary-600);color:var(--neutrals-1200);border:0rem}.s-button--primary:hover{background:var(--primary-700);color:var(--neutrals-1200);border:0rem}.s-button--primary:active,.s-button--primary--active{background:var(--primary-800);color:var(--neutrals-1200);border:0rem}.s-button--primary:disabled{background:var(--primary-200);color:var(--primary-400);border:0rem}.s-button--secondary{background-color:var(--primary-100);color:var(--primary-900);border:.063rem solid var(--primary-600)}.s-button--secondary:hover{background-color:var(--primary-200);color:var(--primary-900);border:.063rem solid var(--primary-600)}.s-button--secondary:active,.s-button--secondary--active{background-color:var(--primary-300);color:var(--primary-1000);border:.063rem solid var(--primary-600)}.s-button--secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:.063rem solid var(--neutrals-800)}.s-button--tertiary{background-color:unset;color:var(--primary-600)}.s-button--tertiary:hover{background-color:unset;color:var(--primary-800)}.s-button--tertiary:active,.s-button--tertiary--active{background-color:unset;color:var(--neutral-1000)}.s-button--tertiary:disabled{background-color:unset;color:var(--neutrals-700)}.s-button--red--primary{background-color:var(--red-600)}.s-button--red--primary:hover{background-color:var(--red-700)}.s-button--red--primary:active,.s-button--red--primary--active{background-color:var(--red-800)}.s-button--red--primary:disabled{background-color:var(--red-200);color:var(--red-400)}.s-button--red--secondary{background-color:var(--red-100);border:.063rem solid var(--red-600);color:var(--secondary-600)}.s-button--red--secondary:hover{background-color:var(--red-200);border:.063rem solid var(--red-600)}.s-button--red--secondary:active,.s-button--red--secondary--active{background-color:var(--red-300);border:.063rem solid var(--red-600)}.s-button--red--secondary:disabled{background-color:var(--red-100);border:.063rem solid var(--red-300);color:var(--neutrals-700)}.s-button--red--tertiary{color:var(--red-600)}.s-button--red--tertiary:hover{color:var(--red-700)}.s-button--red--tertiary:active,.s-button--red--tertiary--active{color:var(--red-900)}.s-button--red--tertiary:disabled{color:var(--red-200)}.s-button--yellow--primary{color:var(--neutrals-1200);background-color:var(--yellow-600)}.s-button--yellow--primary:hover{background-color:var(--yellow-700)}.s-button--yellow--primary:active,.s-button--yellow--primary--active{background-color:var(--yellow-800)}.s-button--yellow--primary:disabled{color:var(--yellow-400);background-color:var(--yellow-200)}.s-button--yellow--secondary{background-color:var(--yellow-100);border:.063rem solid var(--yellow-600);color:var(--primary-900)}.s-button--yellow--secondary:hover{background-color:var(--yellow-200);border:.063rem solid var(--yellow-600)}.s-button--yellow--secondary:active,.s-button--yellow--secondary--active{background-color:var(--yellow-300);border:.063rem solid var(--yellow-600)}.s-button--yellow--secondary:disabled{background-color:var(--yellow-200);border:.063rem solid var(--yellow-300);color:var(--neutrals-700)}.s-button--yellow--tertiary{color:var(--yellow-600)}.s-button--yellow--tertiary:hover{color:var(--yellow-700)}.s-button--yellow--tertiary:active,.s-button--yellow--tertiary--active{color:var(--yellow-800)}.s-button--yellow--tertiary:disabled{color:var(--yellow-200)}.s-button--green--primary{background-color:var(--green-600)}.s-button--green--primary:hover{background-color:var(--green-700)}.s-button--green--primary:active,.s-button--green--primary--active{background-color:var(--green-800)}.s-button--green--primary:disabled{background-color:var(--green-200);color:var(--green-400)}.s-button--green--secondary{background-color:var(--green-100);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:hover{background-color:var(--green-200);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:active,.s-button--green--secondary--active{background-color:var(--green-300);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:disabled{background-color:var(--green-100);border:.063rem solid var(--green-300);color:var(--neutrals-700)}.s-button--green--tertiary{color:var(--green-600)}.s-button--green--tertiary:hover{color:var(--green-700)}.s-button--green--tertiary:active,.s-button--green--tertiary--active{color:var(--green-800)}.s-button--green--tertiary:disabled{color:var(--green-200)}.s-button--xl{font-size:1.125rem;padding:0rem 2rem;line-height:3.625rem}.s-button--xl s-icon-mat{display:flex;padding:0rem .25rem}.s-button--xl s-icon-mat span{font-size:2rem!important}.s-button--lg{font-size:1rem;padding:0rem 2rem;line-height:3.125rem}.s-button--lg s-icon-mat{display:flex;padding:0rem .25rem}.s-button--lg s-icon-mat span{font-size:1.6rem!important}.s-button--md{font-size:.875rem;padding:0rem 1.5rem;line-height:2.375rem}.s-button--md s-icon-mat{display:flex;padding:0rem .25rem}.s-button--md s-icon-mat span{font-size:1.3rem!important}.s-button--sm{font-size:.75rem;padding:0rem .75rem;line-height:1.5rem}.s-button--sm s-icon-mat{display:flex;padding:0rem .313rem}.s-button--sm s-icon-mat span{font-size:1rem!important}.s-button--pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.s-button--pill span{font-size:1.4rem}.s-button--pill label{padding:.7rem;cursor:pointer;margin:0rem}.s-button--pill--xl{padding:.875rem;height:3.75rem;width:3.75rem}.s-button--pill--lg{padding:1.063rem;height:3.25rem;width:3.25rem}.s-button--pill--md{padding:.05rem;height:2.5rem;width:2.5rem}.s-button--pill--sm{padding:.438rem;height:1.625rem;width:1.625rem}.s-button.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.s-button--round-sm{border-radius:.188rem}.s-button--round-md{border-radius:.25rem}.s-button--position-reverse:not(.s-button--pill){flex-direction:row-reverse}.s-button--position-reverse:not(.s-button--pill) s-icon-mat{margin:0rem -.375rem 0rem 0rem}.s-button--position-normal:not(.s-button--pill){flex-direction:row}.s-button--position-normal:not(.s-button--pill) s-icon-mat{margin:0rem 0rem 0rem -.625rem}.s-button--loading{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}.s-button--loading.s-button--primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.s-button--loading.s-button--secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.s-button--loading.s-button--tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--red--primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}.s-button--loading.s-button--red--secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}.s-button--loading.s-button--red--tertiary{background:linear-gradient(90deg,var(--red-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--green--primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}.s-button--loading.s-button--green--secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}.s-button--loading.s-button--green--tertiary{background:linear-gradient(90deg,var(--green-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--yellow--primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}.s-button--loading.s-button--yellow--secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}.s-button--loading.s-button--yellow--tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,rgba(0,0,0,0) 50%)}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"] }]
|
|
29
29
|
}], propDecorators: { disabled: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], pill: [{
|
|
@@ -21,7 +21,6 @@ export class SCardComponent {
|
|
|
21
21
|
this.shadow = 100;
|
|
22
22
|
this.clickEvent = new EventEmitter();
|
|
23
23
|
this.checkEvent = new EventEmitter();
|
|
24
|
-
this.buttons = [];
|
|
25
24
|
this.showDropDownCard = false;
|
|
26
25
|
}
|
|
27
26
|
ngOnInit() {
|
|
@@ -40,11 +39,11 @@ export class SCardComponent {
|
|
|
40
39
|
this.checkEvent.emit(event);
|
|
41
40
|
}
|
|
42
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SCardComponent, selector: "s-card", inputs: { title: "title", subtitle: "subtitle", menu: "menu", check: "check", showHorizontal: "showHorizontal", image: "image", fullimage: "fullimage", icon: "icon", size: "size", label: "label", shadow: "shadow" }, outputs: { clickEvent: "clickEvent", checkEvent: "checkEvent" }, ngImport: i0, template: "<div class=\"s-card s-card--{{size}} s-card--shadow-{{shadow}}\">\n <div *ngIf=\"!showHorizontal && check\" class=\"s-card__check\">\n <s-checkbox-old class=\"s-card__check-component\" [value]=\"check.value\" [model]=\"check.model\" [disabled]=\"check.disabled\"\n [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n\n <div *ngIf=\"!showHorizontal && image\" [ngClass]=\"fullimage? 's-card__content-image-full': 's-card__content-image'\">\n <img [src]=\"localImage\" alt=\"card-image\">\n </div>\n <div *ngIf=\"!showHorizontal && !image && icon\" class=\"s-card__content-image\">\n <s-icon-mat size=\"150\">{{icon}}</s-icon-mat>\n </div>\n \n <div class=\"s-card__header\" [ngClass]=\"{'s-card__header-horizontal': showHorizontal}\">\n <div class=\"s-card__check-horizontal\" *ngIf=\"showHorizontal && check\">\n <s-checkbox-old *ngIf=\"showHorizontal && check\" [value]=\"check.value\" [model]=\"check.model\"\n [disabled]=\"check.disabled\" [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n <h6 *ngIf=\"title\">{{title}}</h6>\n <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{subtitle}}</span>\n <div *ngIf=\"menu\" class=\"s-card__header-menu-section\">\n <s-icon-mat class=\"s-card__header-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\n <s-sub-menu *ngIf=\"showDropDownCard\" class=\"s-card__submenu\" [menu]=\"menu\" (changeMenuEvent)=\"onClickEvent($event)\" (closeMenuEvent)=\"showDropDown()\"></s-sub-menu>\n </div>\n <ng-content *ngIf=\"!showHorizontal\"></ng-content>\n <s-tag *ngIf=\"label\" type=\"green\">{{label}}</s-tag>\n </div>\n</div>", styles: [".s-card{color:var(--secondary-700);min-width:0;word-wrap:break-word;background-color:var(--neutrals-1200);border-radius:.25rem;display:inline-block;margin-bottom:.5rem}.s-card--shadow-0{box-shadow:var(--E000)}.s-card--shadow-100{box-shadow:var(--E100)}.s-card--shadow-200{box-shadow:var(--E200)}.s-card--shadow-300{box-shadow:var(--E300)}.s-card--shadow-400{box-shadow:var(--E400)}.s-card--shadow-500{box-shadow:var(--E500)}.s-card--shadow-600{box-shadow:var(--E600)}.s-card--sm{width:25%}.s-card--sm:nth-child(4n+1){margin-right
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SCardComponent, selector: "s-card", inputs: { title: "title", subtitle: "subtitle", menu: "menu", check: "check", showHorizontal: "showHorizontal", image: "image", fullimage: "fullimage", icon: "icon", size: "size", label: "label", shadow: "shadow" }, outputs: { clickEvent: "clickEvent", checkEvent: "checkEvent" }, ngImport: i0, template: "<div class=\"s-card s-card--{{size}} s-card--shadow-{{shadow}}\">\n <div *ngIf=\"!showHorizontal && check\" class=\"s-card__check\">\n <s-checkbox-old class=\"s-card__check-component\" [value]=\"check.value\" [model]=\"check.model\" [disabled]=\"check.disabled\"\n [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n\n <div *ngIf=\"!showHorizontal && image\" [ngClass]=\"fullimage? 's-card__content-image-full': 's-card__content-image'\">\n <img [src]=\"localImage\" alt=\"card-image\">\n </div>\n <div *ngIf=\"!showHorizontal && !image && icon\" class=\"s-card__content-image\">\n <s-icon-mat size=\"150\">{{icon}}</s-icon-mat>\n </div>\n \n <div class=\"s-card__header\" [ngClass]=\"{'s-card__header-horizontal': showHorizontal}\">\n <div class=\"s-card__check-horizontal\" *ngIf=\"showHorizontal && check\">\n <s-checkbox-old *ngIf=\"showHorizontal && check\" [value]=\"check.value\" [model]=\"check.model\"\n [disabled]=\"check.disabled\" [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n <h6 *ngIf=\"title\">{{title}}</h6>\n <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{subtitle}}</span>\n <div *ngIf=\"menu\" class=\"s-card__header-menu-section\">\n <s-icon-mat class=\"s-card__header-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\n <s-sub-menu *ngIf=\"showDropDownCard\" class=\"s-card__submenu\" [menu]=\"menu\" (changeMenuEvent)=\"onClickEvent($event)\" (closeMenuEvent)=\"showDropDown()\"></s-sub-menu>\n </div>\n <ng-content *ngIf=\"!showHorizontal\"></ng-content>\n <s-tag *ngIf=\"label\" type=\"green\">{{label}}</s-tag>\n </div>\n</div>", styles: [".s-card{color:var(--secondary-700);min-width:0;word-wrap:break-word;background-color:var(--neutrals-1200);border-radius:.25rem;display:inline-block;margin-bottom:.5rem}.s-card--shadow-0{box-shadow:var(--E000)}.s-card--shadow-100{box-shadow:var(--E100)}.s-card--shadow-200{box-shadow:var(--E200)}.s-card--shadow-300{box-shadow:var(--E300)}.s-card--shadow-400{box-shadow:var(--E400)}.s-card--shadow-500{box-shadow:var(--E500)}.s-card--shadow-600{box-shadow:var(--E600)}.s-card--sm{width:25%}.s-card--sm:nth-child(4n+1){margin-right:.313rem}.s-card--sm:nth-child(4n+4){margin-right:0}.s-card--md{width:50%}.s-card--lg{width:75%}.s-card--full{width:100%}.s-card__check{position:relative}.s-card__check-component{position:absolute;top:.625rem;left:.625rem}.s-card__check-horizontal{display:inline-block;display:flex;flex-direction:column;justify-content:center;padding:.313rem 1.25rem 0 0}.s-card__content-image{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-card__content-image img{max-width:100%;height:12.5rem;border-radius:.25rem .25rem 0 0}.s-card__content-image-full{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;height:12.5rem;max-width:100%;display:flex}.s-card__content-image-full img{border-radius:.25rem .25rem 0 0;width:100%;height:auto;object-fit:cover;object-position:center}.s-card__header{padding:1rem;position:relative;display:flex;flex-direction:column;background-clip:border-box}.s-card__header-horizontal{flex-direction:row}.s-card__header-menu-section{position:absolute;right:1rem}.s-card__header-menu{cursor:pointer;color:var(--primary-600)}.s-card__submenu{position:absolute;z-index:2;right:0;width:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.STagComponent, selector: "s-tag", inputs: ["type", "size", "disabled"] }, { kind: "component", type: i5.SCheckboxOldComponent, selector: "s-checkbox-old", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive", "tabIndex"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SSubMenuComponent, selector: "s-sub-menu", inputs: ["menu"], outputs: ["changeMenuEvent", "closeMenuEvent"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
44
43
|
}
|
|
45
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardComponent, decorators: [{
|
|
46
45
|
type: Component,
|
|
47
|
-
args: [{ selector: 's-card', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-card s-card--{{size}} s-card--shadow-{{shadow}}\">\n <div *ngIf=\"!showHorizontal && check\" class=\"s-card__check\">\n <s-checkbox-old class=\"s-card__check-component\" [value]=\"check.value\" [model]=\"check.model\" [disabled]=\"check.disabled\"\n [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n\n <div *ngIf=\"!showHorizontal && image\" [ngClass]=\"fullimage? 's-card__content-image-full': 's-card__content-image'\">\n <img [src]=\"localImage\" alt=\"card-image\">\n </div>\n <div *ngIf=\"!showHorizontal && !image && icon\" class=\"s-card__content-image\">\n <s-icon-mat size=\"150\">{{icon}}</s-icon-mat>\n </div>\n \n <div class=\"s-card__header\" [ngClass]=\"{'s-card__header-horizontal': showHorizontal}\">\n <div class=\"s-card__check-horizontal\" *ngIf=\"showHorizontal && check\">\n <s-checkbox-old *ngIf=\"showHorizontal && check\" [value]=\"check.value\" [model]=\"check.model\"\n [disabled]=\"check.disabled\" [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n <h6 *ngIf=\"title\">{{title}}</h6>\n <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{subtitle}}</span>\n <div *ngIf=\"menu\" class=\"s-card__header-menu-section\">\n <s-icon-mat class=\"s-card__header-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\n <s-sub-menu *ngIf=\"showDropDownCard\" class=\"s-card__submenu\" [menu]=\"menu\" (changeMenuEvent)=\"onClickEvent($event)\" (closeMenuEvent)=\"showDropDown()\"></s-sub-menu>\n </div>\n <ng-content *ngIf=\"!showHorizontal\"></ng-content>\n <s-tag *ngIf=\"label\" type=\"green\">{{label}}</s-tag>\n </div>\n</div>", styles: [".s-card{color:var(--secondary-700);min-width:0;word-wrap:break-word;background-color:var(--neutrals-1200);border-radius:.25rem;display:inline-block;margin-bottom:.5rem}.s-card--shadow-0{box-shadow:var(--E000)}.s-card--shadow-100{box-shadow:var(--E100)}.s-card--shadow-200{box-shadow:var(--E200)}.s-card--shadow-300{box-shadow:var(--E300)}.s-card--shadow-400{box-shadow:var(--E400)}.s-card--shadow-500{box-shadow:var(--E500)}.s-card--shadow-600{box-shadow:var(--E600)}.s-card--sm{width:25%}.s-card--sm:nth-child(4n+1){margin-right
|
|
46
|
+
args: [{ selector: 's-card', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-card s-card--{{size}} s-card--shadow-{{shadow}}\">\n <div *ngIf=\"!showHorizontal && check\" class=\"s-card__check\">\n <s-checkbox-old class=\"s-card__check-component\" [value]=\"check.value\" [model]=\"check.model\" [disabled]=\"check.disabled\"\n [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n\n <div *ngIf=\"!showHorizontal && image\" [ngClass]=\"fullimage? 's-card__content-image-full': 's-card__content-image'\">\n <img [src]=\"localImage\" alt=\"card-image\">\n </div>\n <div *ngIf=\"!showHorizontal && !image && icon\" class=\"s-card__content-image\">\n <s-icon-mat size=\"150\">{{icon}}</s-icon-mat>\n </div>\n \n <div class=\"s-card__header\" [ngClass]=\"{'s-card__header-horizontal': showHorizontal}\">\n <div class=\"s-card__check-horizontal\" *ngIf=\"showHorizontal && check\">\n <s-checkbox-old *ngIf=\"showHorizontal && check\" [value]=\"check.value\" [model]=\"check.model\"\n [disabled]=\"check.disabled\" [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox-old>\n </div>\n <h6 *ngIf=\"title\">{{title}}</h6>\n <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{subtitle}}</span>\n <div *ngIf=\"menu\" class=\"s-card__header-menu-section\">\n <s-icon-mat class=\"s-card__header-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\n <s-sub-menu *ngIf=\"showDropDownCard\" class=\"s-card__submenu\" [menu]=\"menu\" (changeMenuEvent)=\"onClickEvent($event)\" (closeMenuEvent)=\"showDropDown()\"></s-sub-menu>\n </div>\n <ng-content *ngIf=\"!showHorizontal\"></ng-content>\n <s-tag *ngIf=\"label\" type=\"green\">{{label}}</s-tag>\n </div>\n</div>", styles: [".s-card{color:var(--secondary-700);min-width:0;word-wrap:break-word;background-color:var(--neutrals-1200);border-radius:.25rem;display:inline-block;margin-bottom:.5rem}.s-card--shadow-0{box-shadow:var(--E000)}.s-card--shadow-100{box-shadow:var(--E100)}.s-card--shadow-200{box-shadow:var(--E200)}.s-card--shadow-300{box-shadow:var(--E300)}.s-card--shadow-400{box-shadow:var(--E400)}.s-card--shadow-500{box-shadow:var(--E500)}.s-card--shadow-600{box-shadow:var(--E600)}.s-card--sm{width:25%}.s-card--sm:nth-child(4n+1){margin-right:.313rem}.s-card--sm:nth-child(4n+4){margin-right:0}.s-card--md{width:50%}.s-card--lg{width:75%}.s-card--full{width:100%}.s-card__check{position:relative}.s-card__check-component{position:absolute;top:.625rem;left:.625rem}.s-card__check-horizontal{display:inline-block;display:flex;flex-direction:column;justify-content:center;padding:.313rem 1.25rem 0 0}.s-card__content-image{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-card__content-image img{max-width:100%;height:12.5rem;border-radius:.25rem .25rem 0 0}.s-card__content-image-full{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;height:12.5rem;max-width:100%;display:flex}.s-card__content-image-full img{border-radius:.25rem .25rem 0 0;width:100%;height:auto;object-fit:cover;object-position:center}.s-card__header{padding:1rem;position:relative;display:flex;flex-direction:column;background-clip:border-box}.s-card__header-horizontal{flex-direction:row}.s-card__header-menu-section{position:absolute;right:1rem}.s-card__header-menu{cursor:pointer;color:var(--primary-600)}.s-card__submenu{position:absolute;z-index:2;right:0;width:auto}\n"] }]
|
|
48
47
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { title: [{
|
|
49
48
|
type: Input
|
|
50
49
|
}], subtitle: [{
|
|
@@ -72,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
72
71
|
}], checkEvent: [{
|
|
73
72
|
type: Output
|
|
74
73
|
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBV2xHLE1BQU0sT0FBTyxjQUFjO0lBbUJ6QixZQUFvQixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQWxCckMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBRXRCLFVBQUssR0FBdUIsSUFBSSxDQUFDO1FBQ2pDLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBQ2hDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFNBQUksR0FBZ0MsTUFBTSxDQUFDO1FBQzNDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsV0FBTSxHQUEwQyxHQUFHLENBQUM7UUFFbkQsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFL0MscUJBQWdCLEdBQVksS0FBSyxDQUFDO0lBSWxDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsOEJBQThCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pGLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqRCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzsrR0F2Q1UsY0FBYzttR0FBZCxjQUFjLHVVQ1gzQiw0MERBMkJNOzs0RkRoQk8sY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxRQUFRLGlCQUdILGlCQUFpQixDQUFDLElBQUk7aUZBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVJlc291cmNlVXJsIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBTQ2hlY2tEYXRhIH0gZnJvbSAnLi9zLWNhcmQtbW9kZWxzJztcbmltcG9ydCB7IFNTdWJNZW51IH0gZnJvbSAnLi4vc3ViLW1lbnUvcy1zdWItbWVudS1tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU0NhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHN1YnRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbWVudT86IFNTdWJNZW51O1xuICBASW5wdXQoKSBjaGVjaz86IFNDaGVja0RhdGEgfCBudWxsID0gbnVsbDtcbiAgQElucHV0KCkgc2hvd0hvcml6b250YWw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaW1hZ2U6IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIGZ1bGxpbWFnZTogYm9vbGVhbiA9IGZhbHNlOyAgXG4gIEBJbnB1dCgpIGljb246IHN0cmluZyA9IFwiXCI7XG4gIEBJbnB1dCgpIHNpemU6IFwic21cIiB8IFwibWRcIiB8IFwibGdcIiB8IFwiZnVsbFwiID0gXCJmdWxsXCI7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoKSBzaGFkb3c6IDAgfCAxMDAgfCAyMDAgfCAzMDAgfCA0MDAgfCA1MDAgfCA2MDAgPSAxMDA7XG5cbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGNoZWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBzaG93RHJvcERvd25DYXJkOiBib29sZWFuID0gZmFsc2U7XG4gIGxvY2FsSW1hZ2U6IFNhZmVSZXNvdXJjZVVybCB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pbWFnZSkge1xuICAgICAgdGhpcy5sb2NhbEltYWdlID0gdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKHRoaXMuaW1hZ2UpO1xuICAgIH1cbiAgfVxuXG4gIHNob3dEcm9wRG93bigpIHtcbiAgICB0aGlzLnNob3dEcm9wRG93bkNhcmQgPSAhdGhpcy5zaG93RHJvcERvd25DYXJkO1xuICB9XG5cbiAgb25DbGlja0V2ZW50KGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnNob3dEcm9wRG93bkNhcmQgPSBmYWxzZTtcbiAgICB0aGlzLmNsaWNrRXZlbnQubmV4dChldmVudCk7XG4gIH1cblxuICBvbkNoZWNrRXZlbnQoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMuY2hlY2tFdmVudC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInMtY2FyZCBzLWNhcmQtLXt7c2l6ZX19IHMtY2FyZC0tc2hhZG93LXt7c2hhZG93fX1cIj5cbiAgICA8ZGl2ICpuZ0lmPVwiIXNob3dIb3Jpem9udGFsICYmIGNoZWNrXCIgY2xhc3M9XCJzLWNhcmRfX2NoZWNrXCI+XG4gICAgICAgIDxzLWNoZWNrYm94LW9sZCBjbGFzcz1cInMtY2FyZF9fY2hlY2stY29tcG9uZW50XCIgW3ZhbHVlXT1cImNoZWNrLnZhbHVlXCIgW21vZGVsXT1cImNoZWNrLm1vZGVsXCIgW2Rpc2FibGVkXT1cImNoZWNrLmRpc2FibGVkXCJcbiAgICAgICAgICAgIFtpc1VuZGVmaW5lZF09XCJjaGVjay51bmRlZmluZWRcIiAoZW1pdFNlbGVjdGlvbik9XCJvbkNoZWNrRXZlbnQoJGV2ZW50KVwiPjwvcy1jaGVja2JveC1vbGQ+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0lmPVwiIXNob3dIb3Jpem9udGFsICYmIGltYWdlXCIgW25nQ2xhc3NdPVwiZnVsbGltYWdlPyAncy1jYXJkX19jb250ZW50LWltYWdlLWZ1bGwnOiAncy1jYXJkX19jb250ZW50LWltYWdlJ1wiPlxuICAgICAgICA8aW1nIFtzcmNdPVwibG9jYWxJbWFnZVwiIGFsdD1cImNhcmQtaW1hZ2VcIj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiIXNob3dIb3Jpem9udGFsICYmICFpbWFnZSAmJiBpY29uXCIgY2xhc3M9XCJzLWNhcmRfX2NvbnRlbnQtaW1hZ2VcIj5cbiAgICAgICAgPHMtaWNvbi1tYXQgc2l6ZT1cIjE1MFwiPnt7aWNvbn19PC9zLWljb24tbWF0PlxuICAgIDwvZGl2PlxuICAgIFxuICAgIDxkaXYgY2xhc3M9XCJzLWNhcmRfX2hlYWRlclwiIFtuZ0NsYXNzXT1cInsncy1jYXJkX19oZWFkZXItaG9yaXpvbnRhbCc6IHNob3dIb3Jpem9udGFsfVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicy1jYXJkX19jaGVjay1ob3Jpem9udGFsXCIgKm5nSWY9XCJzaG93SG9yaXpvbnRhbCAmJiBjaGVja1wiPlxuICAgICAgICAgICAgPHMtY2hlY2tib3gtb2xkICpuZ0lmPVwic2hvd0hvcml6b250YWwgJiYgY2hlY2tcIiBbdmFsdWVdPVwiY2hlY2sudmFsdWVcIiBbbW9kZWxdPVwiY2hlY2subW9kZWxcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjaGVjay5kaXNhYmxlZFwiIFtpc1VuZGVmaW5lZF09XCJjaGVjay51bmRlZmluZWRcIiAoZW1pdFNlbGVjdGlvbik9XCJvbkNoZWNrRXZlbnQoJGV2ZW50KVwiPjwvcy1jaGVja2JveC1vbGQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8aDYgKm5nSWY9XCJ0aXRsZVwiPnt7dGl0bGV9fTwvaDY+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiIXNob3dIb3Jpem9udGFsICYmIHN1YnRpdGxlXCIgY2xhc3M9XCJzLWNhcHRpb25cIj57e3N1YnRpdGxlfX08L3NwYW4+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJtZW51XCIgY2xhc3M9XCJzLWNhcmRfX2hlYWRlci1tZW51LXNlY3Rpb25cIj5cbiAgICAgICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwicy1jYXJkX19oZWFkZXItbWVudVwiICpuZ0lmPVwibWVudVwiIChjbGljayk9XCJzaG93RHJvcERvd24oKVwiPm1vcmVfdmVydDwvcy1pY29uLW1hdD5cbiAgICAgICAgICAgIDxzLXN1Yi1tZW51ICpuZ0lmPVwic2hvd0Ryb3BEb3duQ2FyZFwiIGNsYXNzPVwicy1jYXJkX19zdWJtZW51XCIgW21lbnVdPVwibWVudVwiIChjaGFuZ2VNZW51RXZlbnQpPVwib25DbGlja0V2ZW50KCRldmVudClcIiAoY2xvc2VNZW51RXZlbnQpPVwic2hvd0Ryb3BEb3duKClcIj48L3Mtc3ViLW1lbnU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cIiFzaG93SG9yaXpvbnRhbFwiPjwvbmctY29udGVudD5cbiAgICAgICAgPHMtdGFnICpuZ0lmPVwibGFiZWxcIiB0eXBlPVwiZ3JlZW5cIj57e2xhYmVsfX08L3MtdGFnPlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { SCardComponent } from './s-card.component';
|
|
4
4
|
import { SIconMaterialModule } from '../icon-material';
|
|
5
|
-
import { SDropDownModule } from '../drop-down';
|
|
6
5
|
import { STagModule } from '../tag';
|
|
7
6
|
import { SCheckboxModule } from '../checkbox';
|
|
8
7
|
import { SSubMenuModule } from '../sub-menu';
|
|
@@ -11,13 +10,11 @@ export class SCardModule {
|
|
|
11
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12
11
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SCardModule, declarations: [SCardComponent], imports: [CommonModule,
|
|
13
12
|
SIconMaterialModule,
|
|
14
|
-
SDropDownModule,
|
|
15
13
|
STagModule,
|
|
16
14
|
SCheckboxModule,
|
|
17
15
|
SSubMenuModule], exports: [SCardComponent] }); }
|
|
18
16
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardModule, imports: [CommonModule,
|
|
19
17
|
SIconMaterialModule,
|
|
20
|
-
SDropDownModule,
|
|
21
18
|
STagModule,
|
|
22
19
|
SCheckboxModule,
|
|
23
20
|
SSubMenuModule] }); }
|
|
@@ -25,20 +22,15 @@ export class SCardModule {
|
|
|
25
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardModule, decorators: [{
|
|
26
23
|
type: NgModule,
|
|
27
24
|
args: [{
|
|
28
|
-
declarations: [
|
|
29
|
-
SCardComponent
|
|
30
|
-
],
|
|
25
|
+
declarations: [SCardComponent],
|
|
31
26
|
imports: [
|
|
32
27
|
CommonModule,
|
|
33
28
|
SIconMaterialModule,
|
|
34
|
-
SDropDownModule,
|
|
35
29
|
STagModule,
|
|
36
30
|
SCheckboxModule,
|
|
37
|
-
SSubMenuModule
|
|
31
|
+
SSubMenuModule,
|
|
38
32
|
],
|
|
39
|
-
exports: [
|
|
40
|
-
SCardComponent
|
|
41
|
-
]
|
|
33
|
+
exports: [SCardComponent],
|
|
42
34
|
}]
|
|
43
35
|
}] });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUNwQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBYTdDLE1BQU0sT0FBTyxXQUFXOytHQUFYLFdBQVc7Z0hBQVgsV0FBVyxpQkFWUCxjQUFjLGFBRTNCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsVUFBVTtZQUNWLGVBQWU7WUFDZixjQUFjLGFBRU4sY0FBYztnSEFFYixXQUFXLFlBUnBCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsVUFBVTtZQUNWLGVBQWU7WUFDZixjQUFjOzs0RkFJTCxXQUFXO2tCQVh2QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDOUIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixVQUFVO3dCQUNWLGVBQWU7d0JBQ2YsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUM7aUJBQzFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vcy1jYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTSWNvbk1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi1tYXRlcmlhbCc7XG5pbXBvcnQgeyBTVGFnTW9kdWxlIH0gZnJvbSAnLi4vdGFnJztcbmltcG9ydCB7IFNDaGVja2JveE1vZHVsZSB9IGZyb20gJy4uL2NoZWNrYm94JztcbmltcG9ydCB7IFNTdWJNZW51TW9kdWxlIH0gZnJvbSAnLi4vc3ViLW1lbnUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTQ2FyZENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU0ljb25NYXRlcmlhbE1vZHVsZSxcbiAgICBTVGFnTW9kdWxlLFxuICAgIFNDaGVja2JveE1vZHVsZSxcbiAgICBTU3ViTWVudU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1NDYXJkQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU0NhcmRNb2R1bGUge31cbiJdfQ==
|
|
@@ -44,7 +44,7 @@ export class SCheckboxComponent extends ControlBooleanAccessorDirective {
|
|
|
44
44
|
useExisting: forwardRef(() => SCheckboxComponent),
|
|
45
45
|
multi: true,
|
|
46
46
|
},
|
|
47
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"s-checkbox\">\n <ng-container *ngIf=\"control; else notUseFormControl\">\n <input\n type=\"checkbox\"\n class=\"s-checkbox__input\"\n [ngClass]=\"{\n 'bold-select-active': config && config.boldSelectActive,\n undefined: config && config.isUndefined && this.control.value === '',\n }\"\n [formControl]=\"control\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"config && config.tabIndex ? config.tabIndex : 0\" />\n </ng-container>\n <ng-template #notUseFormControl>\n <input\n type=\"checkbox\"\n class=\"s-checkbox__input\"\n [ngClass]=\"{\n 'bold-select-active': config && config.boldSelectActive,\n undefined: config && config.isUndefined && !this.value,\n }\"\n [disabled]=\"config.disabled || config.readOnly\"\n [checked]=\"value\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"config && config.tabIndex ? config.tabIndex : 0\" />\n </ng-template>\n <div *ngIf=\"config?.label\">\n <label\n class=\"s-checkbox__label s-body-2\"\n *ngIf=\"control\"\n [ngClass]=\"{\n 'bold-select-active':\n (config.boldSelectActive ?? true) && control.value,\n disabled: (control.disabled || config.disabled) && !config.readOnly\n }\"\n [for]=\"config.id\">\n {{ config.label }}\n <span class=\"s-checkbox__required\" *ngIf=\"config.required\">*</span>\n </label>\n\n <label\n class=\"s-checkbox__label s-body-2\"\n *ngIf=\"!control\"\n [ngClass]=\"{\n 'bold-select-active': (config.boldSelectActive ?? true) && value,\n disabled: config.disabled && !config.readOnly,\n }\"\n [for]=\"config.id\">\n {{ config.label }}\n <span class=\"s-checkbox__required\" *ngIf=\"config.required\">*</span>\n </label>\n </div>\n</div>\n", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width
|
|
47
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"s-checkbox\">\n <ng-container *ngIf=\"control; else notUseFormControl\">\n <input\n type=\"checkbox\"\n class=\"s-checkbox__input\"\n [ngClass]=\"{\n 'bold-select-active': config && config.boldSelectActive,\n undefined: config && config.isUndefined && this.control.value === '',\n }\"\n [formControl]=\"control\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"config && config.tabIndex ? config.tabIndex : 0\" />\n </ng-container>\n <ng-template #notUseFormControl>\n <input\n type=\"checkbox\"\n class=\"s-checkbox__input\"\n [ngClass]=\"{\n 'bold-select-active': config && config.boldSelectActive,\n undefined: config && config.isUndefined && !this.value,\n }\"\n [disabled]=\"config.disabled || config.readOnly\"\n [checked]=\"value\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"config && config.tabIndex ? config.tabIndex : 0\" />\n </ng-template>\n <div *ngIf=\"config?.label\">\n <label\n class=\"s-checkbox__label s-body-2\"\n *ngIf=\"control\"\n [ngClass]=\"{\n 'bold-select-active':\n (config.boldSelectActive ?? true) && control.value,\n disabled: (control.disabled || config.disabled) && !config.readOnly\n }\"\n [for]=\"config.id\">\n {{ config.label }}\n <span class=\"s-checkbox__required\" *ngIf=\"config.required\">*</span>\n </label>\n\n <label\n class=\"s-checkbox__label s-body-2\"\n *ngIf=\"!control\"\n [ngClass]=\"{\n 'bold-select-active': (config.boldSelectActive ?? true) && value,\n disabled: config.disabled && !config.readOnly,\n }\"\n [for]=\"config.id\">\n {{ config.label }}\n <span class=\"s-checkbox__required\" *ngIf=\"config.required\">*</span>\n </label>\n </div>\n</div>\n", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:.75rem;height:.75rem;border:.063rem solid var(--neutrals-800);border-radius:.125rem;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:.75rem;height:.75rem;transform:scale(0);box-shadow:inset .063rem .063rem var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(.219rem .313rem,.313rem .406rem,.531rem .188rem,.625rem .281rem,.313rem .594rem,.125rem .406rem)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(.125rem .313rem,.625rem .313rem,.625rem .438rem,.125rem .438rem)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:.5rem}.s-checkbox__label.bold-select-active{font-weight:700}.s-checkbox__label.disabled{color:var(--neutrals-700)}.s-checkbox__required{color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCheckboxComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
@@ -54,7 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
54
54
|
useExisting: forwardRef(() => SCheckboxComponent),
|
|
55
55
|
multi: true,
|
|
56
56
|
},
|
|
57
|
-
], template: "<div class=\"s-checkbox\">\n <ng-container *ngIf=\"control; else notUseFormControl\">\n <input\n type=\"checkbox\"\n class=\"s-checkbox__input\"\n [ngClass]=\"{\n 'bold-select-active': config && config.boldSelectActive,\n undefined: config && config.isUndefined && this.control.value === '',\n }\"\n [formControl]=\"control\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"config && config.tabIndex ? config.tabIndex : 0\" />\n </ng-container>\n <ng-template #notUseFormControl>\n <input\n type=\"checkbox\"\n class=\"s-checkbox__input\"\n [ngClass]=\"{\n 'bold-select-active': config && config.boldSelectActive,\n undefined: config && config.isUndefined && !this.value,\n }\"\n [disabled]=\"config.disabled || config.readOnly\"\n [checked]=\"value\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"config && config.tabIndex ? config.tabIndex : 0\" />\n </ng-template>\n <div *ngIf=\"config?.label\">\n <label\n class=\"s-checkbox__label s-body-2\"\n *ngIf=\"control\"\n [ngClass]=\"{\n 'bold-select-active':\n (config.boldSelectActive ?? true) && control.value,\n disabled: (control.disabled || config.disabled) && !config.readOnly\n }\"\n [for]=\"config.id\">\n {{ config.label }}\n <span class=\"s-checkbox__required\" *ngIf=\"config.required\">*</span>\n </label>\n\n <label\n class=\"s-checkbox__label s-body-2\"\n *ngIf=\"!control\"\n [ngClass]=\"{\n 'bold-select-active': (config.boldSelectActive ?? true) && value,\n disabled: config.disabled && !config.readOnly,\n }\"\n [for]=\"config.id\">\n {{ config.label }}\n <span class=\"s-checkbox__required\" *ngIf=\"config.required\">*</span>\n </label>\n </div>\n</div>\n", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width
|
|
57
|
+
], template: "<div class=\"s-checkbox\">\n <ng-container *ngIf=\"control; else notUseFormControl\">\n <input\n type=\"checkbox\"\n class=\"s-checkbox__input\"\n [ngClass]=\"{\n 'bold-select-active': config && config.boldSelectActive,\n undefined: config && config.isUndefined && this.control.value === '',\n }\"\n [formControl]=\"control\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"config && config.tabIndex ? config.tabIndex : 0\" />\n </ng-container>\n <ng-template #notUseFormControl>\n <input\n type=\"checkbox\"\n class=\"s-checkbox__input\"\n [ngClass]=\"{\n 'bold-select-active': config && config.boldSelectActive,\n undefined: config && config.isUndefined && !this.value,\n }\"\n [disabled]=\"config.disabled || config.readOnly\"\n [checked]=\"value\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n [tabindex]=\"config && config.tabIndex ? config.tabIndex : 0\" />\n </ng-template>\n <div *ngIf=\"config?.label\">\n <label\n class=\"s-checkbox__label s-body-2\"\n *ngIf=\"control\"\n [ngClass]=\"{\n 'bold-select-active':\n (config.boldSelectActive ?? true) && control.value,\n disabled: (control.disabled || config.disabled) && !config.readOnly\n }\"\n [for]=\"config.id\">\n {{ config.label }}\n <span class=\"s-checkbox__required\" *ngIf=\"config.required\">*</span>\n </label>\n\n <label\n class=\"s-checkbox__label s-body-2\"\n *ngIf=\"!control\"\n [ngClass]=\"{\n 'bold-select-active': (config.boldSelectActive ?? true) && value,\n disabled: config.disabled && !config.readOnly,\n }\"\n [for]=\"config.id\">\n {{ config.label }}\n <span class=\"s-checkbox__required\" *ngIf=\"config.required\">*</span>\n </label>\n </div>\n</div>\n", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:.75rem;height:.75rem;border:.063rem solid var(--neutrals-800);border-radius:.125rem;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:.75rem;height:.75rem;transform:scale(0);box-shadow:inset .063rem .063rem var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(.219rem .313rem,.313rem .406rem,.531rem .188rem,.625rem .281rem,.313rem .594rem,.125rem .406rem)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(.125rem .313rem,.625rem .313rem,.625rem .438rem,.125rem .438rem)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:.5rem}.s-checkbox__label.bold-select-active{font-weight:700}.s-checkbox__label.disabled{color:var(--neutrals-700)}.s-checkbox__required{color:var(--primary-600)}\n"] }]
|
|
58
58
|
}], propDecorators: { config: [{
|
|
59
59
|
type: Input
|
|
60
60
|
}], blur: [{
|
|
@@ -37,7 +37,7 @@ export class SCheckboxOldComponent {
|
|
|
37
37
|
useExisting: forwardRef(() => SCheckboxOldComponent),
|
|
38
38
|
multi: true
|
|
39
39
|
}
|
|
40
|
-
], ngImport: i0, template: "<div class=\"s-checkbox\">\n <input type=\"checkbox\" \n class=\"s-checkbox__input \"\n [ngClass]=\"{\n 'bold-select-active': boldSelectActive,\n 'undefined': isUndefined\n }\"\n [value]=\"value\" \n [(ngModel)]=\"model\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"doCheck($event)\"\n tabindex=\"{{tabIndex ? tabIndex : 0}}\"\n />\n <label *ngIf=\"label\"\n [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\n class=\"s-checkbox__label s-body-2\">{{label}}</label>\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width
|
|
40
|
+
], ngImport: i0, template: "<div class=\"s-checkbox\">\n <input type=\"checkbox\" \n class=\"s-checkbox__input \"\n [ngClass]=\"{\n 'bold-select-active': boldSelectActive,\n 'undefined': isUndefined\n }\"\n [value]=\"value\" \n [(ngModel)]=\"model\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"doCheck($event)\"\n tabindex=\"{{tabIndex ? tabIndex : 0}}\"\n />\n <label *ngIf=\"label\"\n [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\n class=\"s-checkbox__label s-body-2\">{{label}}</label>\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:.75rem;height:.75rem;border:.063rem solid var(--neutrals-800);border-radius:.125rem;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:.75rem;height:.75rem;transform:scale(0);box-shadow:inset .063rem .063rem var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(.219rem .313rem,.313rem .406rem,.531rem .188rem,.625rem .281rem,.313rem .594rem,.125rem .406rem)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(.125rem .313rem,.625rem .313rem,.625rem .438rem,.125rem .438rem)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:.5rem}.s-checkbox__label.disabled{color:var(--neutrals-700)}.s-checkbox__required{color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCheckboxOldComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
@@ -47,7 +47,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
47
47
|
useExisting: forwardRef(() => SCheckboxOldComponent),
|
|
48
48
|
multi: true
|
|
49
49
|
}
|
|
50
|
-
], template: "<div class=\"s-checkbox\">\n <input type=\"checkbox\" \n class=\"s-checkbox__input \"\n [ngClass]=\"{\n 'bold-select-active': boldSelectActive,\n 'undefined': isUndefined\n }\"\n [value]=\"value\" \n [(ngModel)]=\"model\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"doCheck($event)\"\n tabindex=\"{{tabIndex ? tabIndex : 0}}\"\n />\n <label *ngIf=\"label\"\n [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\n class=\"s-checkbox__label s-body-2\">{{label}}</label>\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width
|
|
50
|
+
], template: "<div class=\"s-checkbox\">\n <input type=\"checkbox\" \n class=\"s-checkbox__input \"\n [ngClass]=\"{\n 'bold-select-active': boldSelectActive,\n 'undefined': isUndefined\n }\"\n [value]=\"value\" \n [(ngModel)]=\"model\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"doCheck($event)\"\n tabindex=\"{{tabIndex ? tabIndex : 0}}\"\n />\n <label *ngIf=\"label\"\n [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\n class=\"s-checkbox__label s-body-2\">{{label}}</label>\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:.75rem;height:.75rem;border:.063rem solid var(--neutrals-800);border-radius:.125rem;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:.75rem;height:.75rem;transform:scale(0);box-shadow:inset .063rem .063rem var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(.219rem .313rem,.313rem .406rem,.531rem .188rem,.625rem .281rem,.313rem .594rem,.125rem .406rem)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(.125rem .313rem,.625rem .313rem,.625rem .438rem,.125rem .438rem)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:.5rem}.s-checkbox__label.disabled{color:var(--neutrals-700)}.s-checkbox__required{color:var(--primary-600)}\n"] }]
|
|
51
51
|
}], propDecorators: { value: [{
|
|
52
52
|
type: Input
|
|
53
53
|
}], model: [{
|