sidesys-generic-ui 0.0.14 → 0.0.15
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/esm2020/lib/button/components/button/s-button.component.mjs +13 -4
- package/esm2020/lib/card/s-card-models.mjs +2 -2
- package/esm2020/lib/card/s-card.component.mjs +3 -3
- package/esm2020/lib/checkbox/s-checkbox.component.mjs +6 -6
- package/esm2020/lib/form/s-form.component.mjs +1 -1
- package/esm2020/lib/input/components/input-text/s-input-text.component.mjs +16 -6
- package/esm2020/lib/input/components/input-textarea/s-input-textarea.component.mjs +7 -4
- package/esm2020/lib/login/s-login.component.mjs +2 -2
- package/esm2020/lib/navbar/components/icon-menu/s-icon-menu.component.mjs +2 -2
- package/esm2020/lib/navbar/s-navbar.component.mjs +3 -3
- package/esm2020/lib/radio/s-radio.component.mjs +6 -6
- package/esm2020/lib/select/select-multiple/s-select-multiple.component.mjs +10 -4
- package/esm2020/lib/select/select-simple/s-select-simple.component.mjs +11 -5
- package/esm2020/lib/sub-menu/s-sub-menu.component.mjs +1 -1
- package/esm2020/lib/table-t/s-tablet.component.mjs +2 -2
- package/esm2020/lib/theme/s-theme.component.mjs +2 -2
- package/esm2020/lib/tree-list/s-tree-list.component.mjs +6 -6
- package/fesm2015/sidesys-generic-ui.mjs +82 -48
- package/fesm2015/sidesys-generic-ui.mjs.map +1 -1
- package/fesm2020/sidesys-generic-ui.mjs +82 -48
- package/fesm2020/sidesys-generic-ui.mjs.map +1 -1
- package/lib/button/components/button/s-button.component.d.ts +2 -1
- package/lib/card/s-card-models.d.ts +1 -1
- package/lib/checkbox/s-checkbox.component.d.ts +2 -2
- package/lib/input/components/input-text/s-input-text.component.d.ts +2 -1
- package/lib/input/components/input-textarea/s-input-textarea.component.d.ts +2 -1
- package/lib/radio/s-radio.component.d.ts +2 -2
- package/lib/select/select-multiple/s-select-multiple.component.d.ts +2 -1
- package/lib/select/select-simple/s-select-simple.component.d.ts +2 -1
- package/lib/tree-list/s-tree-list.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ export class SButtonComponent {
|
|
|
4
4
|
constructor() {
|
|
5
5
|
this.disabled = false;
|
|
6
6
|
this.class = '';
|
|
7
|
-
this.rounded = 'sm';
|
|
7
|
+
this.rounded = 'sm'; //OBSOLETO SE DEJA PARA QUE NO DE ERROR SI ALGUIEN LO ESTA IMPLEMENTANDO
|
|
8
8
|
this.pill = false;
|
|
9
9
|
this.size = 'md';
|
|
10
10
|
this.invert = false;
|
|
@@ -12,19 +12,28 @@ export class SButtonComponent {
|
|
|
12
12
|
this.type = 'primary';
|
|
13
13
|
this.border = true;
|
|
14
14
|
this.loading = false;
|
|
15
|
+
this.roundedPrivate = 'md';
|
|
15
16
|
}
|
|
16
17
|
ngOnInit() {
|
|
17
18
|
//Pasa a secondary cuando se invierte
|
|
18
19
|
if (this.invert) {
|
|
19
20
|
this.type = 'secondary';
|
|
20
21
|
}
|
|
22
|
+
// Por decision de ICEI
|
|
23
|
+
// Cuando el size es SM el round debe ser sm , para el resto el round debe ser md
|
|
24
|
+
if (this.size == 'sm') {
|
|
25
|
+
this.roundedPrivate = 'sm';
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
this.roundedPrivate = 'md';
|
|
29
|
+
}
|
|
21
30
|
}
|
|
22
31
|
}
|
|
23
32
|
SButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
SButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SButtonComponent, selector: "s-button", inputs: { disabled: "disabled", class: "class", rounded: "rounded", pill: "pill", size: "size", invert: "invert", selected: "selected", type: "type", border: "border", loading: "loading", position: "position", theme: "theme" }, ngImport: i0, template: "<button class=\"button-145 {{size}} \r\n{{
|
|
33
|
+
SButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SButtonComponent, selector: "s-button", inputs: { disabled: "disabled", class: "class", rounded: "rounded", pill: "pill", size: "size", invert: "invert", selected: "selected", type: "type", border: "border", loading: "loading", position: "position", theme: "theme" }, ngImport: i0, template: "<button class=\"button-145 {{size}} \r\n{{roundedPrivate ? 'round-'+roundedPrivate : ''}} \r\n{{class}} {{type}} \r\n{{position ? 'position-'+position : ''}} \r\n{{theme? 'theme-'+theme : ''}} \r\n{{loading ? 'loading145' : ''}}\r\n\" \r\n[class.selected]=\"selected\"\r\n[class.pill]=\"pill\"\r\n[class.invert]=\"invert\"\r\n[class.border]=\"!border\"\r\n[disabled]=\"disabled\">\r\n<ng-content></ng-content>\r\n</button>\r\n", styles: ["[theme=red] .button-145.primary{background-color:var(--red-600)}[theme=red] .button-145.primary:hover{background-color:var(--red-700)}[theme=red] .button-145.primary:active{background-color:var(--red-800)}[theme=red] .button-145.primary:disabled{background-color:var(--red-200)}[theme=red] .button-145.secondary{background-color:var(--red-100);border:1px solid var(--red-600);color:var(--secondary-600)}[theme=red] .button-145.secondary:hover{background-color:var(--red-200);border:1px solid var(--red-600);color:var(--secondary-600)}[theme=red] .button-145.secondary:active{background-color:var(--red-300);border:1px solid var(--red-600);color:var(--secondary-600)}[theme=red] .button-145.secondary:disabled{background-color:var(--red-100);border:1px solid var(--red-300);color:var(--secondary-600)}[theme=red] .button-145.tertiary{color:var(--red-600)}[theme=red] .button-145.tertiary:hover{color:var(--red-700)}[theme=red] .button-145.tertiary:active{color:var(--red-900)}[theme=red] .button-145.tertiary:disabled{color:var(--neutrals-700)}[theme=yellow] .button-145.primary{color:var(--secondary-1000);background-color:var(--yellow-600)}[theme=yellow] .button-145.primary:hover{color:var(--secondary-1000);background-color:var(--yellow-700)}[theme=yellow] .button-145.primary:active{color:var(--neutrals-1200);background-color:var(--yellow-800)}[theme=yellow] .button-145.primary:disabled{color:var(--secondary-400);background-color:var(--yellow-200)}[theme=yellow] .button-145.secondary{background-color:var(--yellow-100);border:1px solid var(--yellow-600);color:var(--secondary-1000)}[theme=yellow] .button-145.secondary:hover{background-color:var(--yellow-300);border:1px solid var(--yellow-600);color:var(--secondary-1000)}[theme=yellow] .button-145.secondary:active{background-color:var(--yellow-400);border:1px solid var(--yellow-600);color:var(--secondary-1000)}[theme=yellow] .button-145.secondary:disabled{background-color:var(--yellow-200);border:1px solid var(--yellow-300);color:var(--secondary-400)}[theme=yellow] .button-145.tertiary{color:var(--yellow-600)}[theme=yellow] .button-145.tertiary:hover{color:var(--yellow-500)}[theme=yellow] .button-145.tertiary:active{color:var(--yellow-700)}[theme=yellow] .button-145.tertiary:disabled{color:var(--neutrals-700)}[theme=green] .button-145.primary{background-color:var(--green-600)}[theme=green] .button-145.primary:hover{background-color:var(--green-700)}[theme=green] .button-145.primary:active{background-color:var(--green-800)}[theme=green] .button-145.primary:disabled{background-color:var(--green-200)}[theme=green] .button-145.secondary{background-color:var(--green-100);border:1px solid var(--green-600);color:var(--secondary-600)}[theme=green] .button-145.secondary:hover{background-color:var(--green-200);border:1px solid var(--green-600);color:var(--secondary-600)}[theme=green] .button-145.secondary:active{background-color:var(--green-300);border:1px solid var(--green-600);color:var(--secondary-600)}[theme=green] .button-145.secondary:disabled{background-color:var(--green-100);border:1px solid var(--green-300);color:var(--secondary-600)}[theme=green] .button-145.tertiary{color:var(--green-600)}[theme=green] .button-145.tertiary:hover{color:var(--green-700)}[theme=green] .button-145.tertiary:active{color:var(--green-900)}[theme=green] .button-145.tertiary:disabled{color:var(--neutrals-700)}s-button{width:-moz-fit-content;width:fit-content}.button-145{line-height:30px;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0px;outline:none;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.button-145.xl{font-size:1.125rem;padding:0rem 2rem;line-height:58px}.button-145.lg{font-size:1rem;padding:0rem 2rem;line-height:50px}.button-145.md{font-size:.875rem;padding:0rem 1.5rem;line-height:38px}.button-145.sm{font-size:.75rem;padding:0rem .75rem;line-height:24px}.button-145.primary{background:var(--primary-600);color:var(--neutrals-1200);border:0px}.button-145.primary:hover{background:var(--primary-900);color:var(--neutrals-1200);border:0px}.button-145.primary:active{background:var(--secondary-600);color:var(--neutrals-1200);border:0px}.button-145.primary:disabled{background:var(--primary-200);color:var(--neutrals-800);border:0px}.button-145.secondary{background-color:var(--primary-100);color:var(--primary-600);border:1px solid var(--primary-600)}.button-145.secondary:hover{background-color:var(--primary-200);color:var(--primary-600);border:1px solid var(--primary-600)}.button-145.secondary:active{background-color:var(--primary-300);color:var(--primary-1000);border:1px solid var(--primary-600)}.button-145.secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:1px solid var(--neutrals-800)}.button-145.tertiary{background-color:var(--neutrals-1200);color:var(--primary-600)}.button-145.tertiary:hover{background-color:var(--neutrals-1200);color:var(--primary-800)}.button-145.tertiary:active{background-color:var(--neutrals-1200);color:var(--neutral-1000)}.button-145.tertiary:disabled{background-color:var(--neutrals-1200);color:var(--neutrals-700)}.button-145.xl s-icon-mat{display:flex;padding:0 4px}.button-145.xl s-icon-mat span{font-size:2rem}.button-145.lg s-icon-mat{display:flex;padding:0 4px}.button-145.lg s-icon-mat span{font-size:1.6rem}.button-145.md s-icon-mat{display:flex;padding:0 4px}.button-145.md s-icon-mat span{font-size:1.3rem}.button-145.sm s-icon-mat{display:flex;padding:0 5px}.button-145.sm s-icon-mat span{font-size:1rem}.button-145.pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.button-145.pill span{font-size:1.4rem}.button-145.pill.xl{padding:.875rem;height:3.75rem;width:3.75rem}.button-145.pill.lg{padding:1.063rem;height:3.25rem;width:3.25rem}.button-145.pill.md{padding:.05rem;height:2.5rem;width:2.5rem}.button-145.pill.sm{padding:.438rem;height:1.625rem;width:1.625rem}.button-145.pill label{padding:.7rem;cursor:pointer;margin:0}.button-145.pill.selected label{cursor:default}.button-145.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.button-145.round-sm{border-radius:3px}.button-145.round-md{border-radius:4px}.button-145.round-lg{border-radius:6px}.button-145.position-reverse:not(.pill){flex-direction:row-reverse}.button-145.position-reverse:not(.pill) s-icon-mat{margin:0 -6px 0 0}.button-145.position-normal:not(.pill){flex-direction:row}.button-145.position-normal:not(.pill) s-icon-mat{margin:0 0 0 -10px}.button-145.loading145.primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.button-145.loading145.secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.button-145.loading145.tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,var(--neutrals-1200) 50%)}[theme=red] .button-145.loading145.primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}[theme=red] .button-145.loading145.secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}[theme=red] .button-145.loading145.tertiary{background:linear-gradient(90deg,var(--red-100) 50%,var(--neutrals-1200) 50%)}[theme=green] .button-145.loading145.primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}[theme=green] .button-145.loading145.secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}[theme=green] .button-145.loading145.tertiary{background:linear-gradient(90deg,var(--green-100) 50%,var(--neutrals-1200) 50%)}[theme=yellow] .button-145.loading145.primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}[theme=yellow] .button-145.loading145.secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}[theme=yellow] .button-145.loading145.tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,var(--neutrals-1200) 50%)}.button-145.loading145.primary,.button-145.loading145.secondary,.button-145.loading145.tertiary{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
25
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SButtonComponent, decorators: [{
|
|
26
35
|
type: Component,
|
|
27
|
-
args: [{ selector: 's-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"button-145 {{size}} \r\n{{
|
|
36
|
+
args: [{ selector: 's-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"button-145 {{size}} \r\n{{roundedPrivate ? 'round-'+roundedPrivate : ''}} \r\n{{class}} {{type}} \r\n{{position ? 'position-'+position : ''}} \r\n{{theme? 'theme-'+theme : ''}} \r\n{{loading ? 'loading145' : ''}}\r\n\" \r\n[class.selected]=\"selected\"\r\n[class.pill]=\"pill\"\r\n[class.invert]=\"invert\"\r\n[class.border]=\"!border\"\r\n[disabled]=\"disabled\">\r\n<ng-content></ng-content>\r\n</button>\r\n", styles: ["[theme=red] .button-145.primary{background-color:var(--red-600)}[theme=red] .button-145.primary:hover{background-color:var(--red-700)}[theme=red] .button-145.primary:active{background-color:var(--red-800)}[theme=red] .button-145.primary:disabled{background-color:var(--red-200)}[theme=red] .button-145.secondary{background-color:var(--red-100);border:1px solid var(--red-600);color:var(--secondary-600)}[theme=red] .button-145.secondary:hover{background-color:var(--red-200);border:1px solid var(--red-600);color:var(--secondary-600)}[theme=red] .button-145.secondary:active{background-color:var(--red-300);border:1px solid var(--red-600);color:var(--secondary-600)}[theme=red] .button-145.secondary:disabled{background-color:var(--red-100);border:1px solid var(--red-300);color:var(--secondary-600)}[theme=red] .button-145.tertiary{color:var(--red-600)}[theme=red] .button-145.tertiary:hover{color:var(--red-700)}[theme=red] .button-145.tertiary:active{color:var(--red-900)}[theme=red] .button-145.tertiary:disabled{color:var(--neutrals-700)}[theme=yellow] .button-145.primary{color:var(--secondary-1000);background-color:var(--yellow-600)}[theme=yellow] .button-145.primary:hover{color:var(--secondary-1000);background-color:var(--yellow-700)}[theme=yellow] .button-145.primary:active{color:var(--neutrals-1200);background-color:var(--yellow-800)}[theme=yellow] .button-145.primary:disabled{color:var(--secondary-400);background-color:var(--yellow-200)}[theme=yellow] .button-145.secondary{background-color:var(--yellow-100);border:1px solid var(--yellow-600);color:var(--secondary-1000)}[theme=yellow] .button-145.secondary:hover{background-color:var(--yellow-300);border:1px solid var(--yellow-600);color:var(--secondary-1000)}[theme=yellow] .button-145.secondary:active{background-color:var(--yellow-400);border:1px solid var(--yellow-600);color:var(--secondary-1000)}[theme=yellow] .button-145.secondary:disabled{background-color:var(--yellow-200);border:1px solid var(--yellow-300);color:var(--secondary-400)}[theme=yellow] .button-145.tertiary{color:var(--yellow-600)}[theme=yellow] .button-145.tertiary:hover{color:var(--yellow-500)}[theme=yellow] .button-145.tertiary:active{color:var(--yellow-700)}[theme=yellow] .button-145.tertiary:disabled{color:var(--neutrals-700)}[theme=green] .button-145.primary{background-color:var(--green-600)}[theme=green] .button-145.primary:hover{background-color:var(--green-700)}[theme=green] .button-145.primary:active{background-color:var(--green-800)}[theme=green] .button-145.primary:disabled{background-color:var(--green-200)}[theme=green] .button-145.secondary{background-color:var(--green-100);border:1px solid var(--green-600);color:var(--secondary-600)}[theme=green] .button-145.secondary:hover{background-color:var(--green-200);border:1px solid var(--green-600);color:var(--secondary-600)}[theme=green] .button-145.secondary:active{background-color:var(--green-300);border:1px solid var(--green-600);color:var(--secondary-600)}[theme=green] .button-145.secondary:disabled{background-color:var(--green-100);border:1px solid var(--green-300);color:var(--secondary-600)}[theme=green] .button-145.tertiary{color:var(--green-600)}[theme=green] .button-145.tertiary:hover{color:var(--green-700)}[theme=green] .button-145.tertiary:active{color:var(--green-900)}[theme=green] .button-145.tertiary:disabled{color:var(--neutrals-700)}s-button{width:-moz-fit-content;width:fit-content}.button-145{line-height:30px;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0px;outline:none;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.button-145.xl{font-size:1.125rem;padding:0rem 2rem;line-height:58px}.button-145.lg{font-size:1rem;padding:0rem 2rem;line-height:50px}.button-145.md{font-size:.875rem;padding:0rem 1.5rem;line-height:38px}.button-145.sm{font-size:.75rem;padding:0rem .75rem;line-height:24px}.button-145.primary{background:var(--primary-600);color:var(--neutrals-1200);border:0px}.button-145.primary:hover{background:var(--primary-900);color:var(--neutrals-1200);border:0px}.button-145.primary:active{background:var(--secondary-600);color:var(--neutrals-1200);border:0px}.button-145.primary:disabled{background:var(--primary-200);color:var(--neutrals-800);border:0px}.button-145.secondary{background-color:var(--primary-100);color:var(--primary-600);border:1px solid var(--primary-600)}.button-145.secondary:hover{background-color:var(--primary-200);color:var(--primary-600);border:1px solid var(--primary-600)}.button-145.secondary:active{background-color:var(--primary-300);color:var(--primary-1000);border:1px solid var(--primary-600)}.button-145.secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:1px solid var(--neutrals-800)}.button-145.tertiary{background-color:var(--neutrals-1200);color:var(--primary-600)}.button-145.tertiary:hover{background-color:var(--neutrals-1200);color:var(--primary-800)}.button-145.tertiary:active{background-color:var(--neutrals-1200);color:var(--neutral-1000)}.button-145.tertiary:disabled{background-color:var(--neutrals-1200);color:var(--neutrals-700)}.button-145.xl s-icon-mat{display:flex;padding:0 4px}.button-145.xl s-icon-mat span{font-size:2rem}.button-145.lg s-icon-mat{display:flex;padding:0 4px}.button-145.lg s-icon-mat span{font-size:1.6rem}.button-145.md s-icon-mat{display:flex;padding:0 4px}.button-145.md s-icon-mat span{font-size:1.3rem}.button-145.sm s-icon-mat{display:flex;padding:0 5px}.button-145.sm s-icon-mat span{font-size:1rem}.button-145.pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.button-145.pill span{font-size:1.4rem}.button-145.pill.xl{padding:.875rem;height:3.75rem;width:3.75rem}.button-145.pill.lg{padding:1.063rem;height:3.25rem;width:3.25rem}.button-145.pill.md{padding:.05rem;height:2.5rem;width:2.5rem}.button-145.pill.sm{padding:.438rem;height:1.625rem;width:1.625rem}.button-145.pill label{padding:.7rem;cursor:pointer;margin:0}.button-145.pill.selected label{cursor:default}.button-145.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.button-145.round-sm{border-radius:3px}.button-145.round-md{border-radius:4px}.button-145.round-lg{border-radius:6px}.button-145.position-reverse:not(.pill){flex-direction:row-reverse}.button-145.position-reverse:not(.pill) s-icon-mat{margin:0 -6px 0 0}.button-145.position-normal:not(.pill){flex-direction:row}.button-145.position-normal:not(.pill) s-icon-mat{margin:0 0 0 -10px}.button-145.loading145.primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.button-145.loading145.secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.button-145.loading145.tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,var(--neutrals-1200) 50%)}[theme=red] .button-145.loading145.primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}[theme=red] .button-145.loading145.secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}[theme=red] .button-145.loading145.tertiary{background:linear-gradient(90deg,var(--red-100) 50%,var(--neutrals-1200) 50%)}[theme=green] .button-145.loading145.primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}[theme=green] .button-145.loading145.secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}[theme=green] .button-145.loading145.tertiary{background:linear-gradient(90deg,var(--green-100) 50%,var(--neutrals-1200) 50%)}[theme=yellow] .button-145.loading145.primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}[theme=yellow] .button-145.loading145.secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}[theme=yellow] .button-145.loading145.tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,var(--neutrals-1200) 50%)}.button-145.loading145.primary,.button-145.loading145.secondary,.button-145.loading145.tertiary{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"] }]
|
|
28
37
|
}], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
|
|
29
38
|
type: Input
|
|
30
39
|
}], class: [{
|
|
@@ -50,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
|
50
59
|
}], theme: [{
|
|
51
60
|
type: Input
|
|
52
61
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYnV0dG9uL2NvbXBvbmVudHMvYnV0dG9uL3MtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2J1dHRvbi9jb21wb25lbnRzL2J1dHRvbi9zLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRNUUsTUFBTSxPQUFPLGdCQUFnQjtJQWdCM0I7UUFkUyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsWUFBTyxHQUF1QixJQUFJLENBQUMsQ0FBQyx3RUFBd0U7UUFDNUcsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUN0QixTQUFJLEdBQStCLElBQUksQ0FBQztRQUN4QyxXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUFrRCxTQUFTLENBQUM7UUFDaEUsV0FBTSxHQUFZLElBQUksQ0FBQztRQUN2QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBR2xDLG1CQUFjLEdBQVcsSUFBSSxDQUFDO0lBSTlCLENBQUM7SUFFRCxRQUFRO1FBRU4scUNBQXFDO1FBQ3JDLElBQUcsSUFBSSxDQUFDLE1BQU0sRUFBQztZQUNiLElBQUksQ0FBQyxJQUFJLEdBQUcsV0FBVyxDQUFBO1NBQ3hCO1FBRUQsdUJBQXVCO1FBQ3ZCLGlGQUFpRjtRQUNqRixJQUFHLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxFQUFDO1lBQ25CLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO1NBQzVCO2FBQUk7WUFDSCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztTQUM1QjtJQUNILENBQUM7OzZHQWxDVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixvUkNSN0IsNGFBY0E7MkZETmEsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLFVBQVUsaUJBR0wsaUJBQWlCLENBQUMsSUFBSTswRUFJNUIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3MtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcblxyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgY2xhc3M6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHJvdW5kZWQ6IFwic21cIiB8IFwibWRcIiB8IFwibGdcIiA9ICdzbSc7IC8vT0JTT0xFVE8gU0UgREVKQSBQQVJBIFFVRSBOTyBERSBFUlJPUiBTSSBBTEdVSUVOIExPIEVTVEEgSU1QTEVNRU5UQU5ET1xyXG4gIEBJbnB1dCgpIHBpbGw6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaXplOiBcInhsXCIgfCBcImxnXCIgfCBcIm1kXCIgfCBcInNtXCIgID0gJ21kJzsgXHJcbiAgQElucHV0KCkgaW52ZXJ0OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB0eXBlOiBcInByaW1hcnlcIiB8IFwic2Vjb25kYXJ5XCIgfCBcInRlcnRpYXJ5XCIgfCBzdHJpbmcgPSAncHJpbWFyeSc7IFxyXG4gIEBJbnB1dCgpIGJvcmRlcjogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHBvc2l0aW9uPzogXCJub3JtYWxcIiB8IFwicmV2ZXJzZVwiIDtcclxuICBASW5wdXQoKSB0aGVtZT86IFwiZGVmYXVsdFwiIHwgXCJncmVlblwiIHwgXCJ5ZWxsb3dcIiB8IFwicmVkXCIgIDtcclxuICByb3VuZGVkUHJpdmF0ZTogc3RyaW5nID0gJ21kJztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICBcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICAgIC8vUGFzYSBhIHNlY29uZGFyeSBjdWFuZG8gc2UgaW52aWVydGVcclxuICAgIGlmKHRoaXMuaW52ZXJ0KXtcclxuICAgICAgdGhpcy50eXBlID0gJ3NlY29uZGFyeSdcclxuICAgIH1cclxuICAgIFxyXG4gICAgLy8gUG9yIGRlY2lzaW9uIGRlIElDRUlcclxuICAgIC8vIEN1YW5kbyBlbCBzaXplIGVzIFNNIGVsIHJvdW5kIGRlYmUgc2VyIHNtICwgcGFyYSBlbCByZXN0byBlbCByb3VuZCBkZWJlIHNlciBtZFxyXG4gICAgaWYodGhpcy5zaXplID09ICdzbScpe1xyXG4gICAgICB0aGlzLnJvdW5kZWRQcml2YXRlID0gJ3NtJztcclxuICAgIH1lbHNle1xyXG4gICAgICB0aGlzLnJvdW5kZWRQcml2YXRlID0gJ21kJztcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxidXR0b24gY2xhc3M9XCJidXR0b24tMTQ1IHt7c2l6ZX19IFxyXG57e3JvdW5kZWRQcml2YXRlID8gJ3JvdW5kLScrcm91bmRlZFByaXZhdGUgOiAnJ319IFxyXG57e2NsYXNzfX0ge3t0eXBlfX0gXHJcbnt7cG9zaXRpb24gPyAncG9zaXRpb24tJytwb3NpdGlvbiA6ICcnfX0gXHJcbnt7dGhlbWU/ICd0aGVtZS0nK3RoZW1lIDogJyd9fSBcclxue3tsb2FkaW5nID8gJ2xvYWRpbmcxNDUnIDogJyd9fVxyXG5cIiBcclxuW2NsYXNzLnNlbGVjdGVkXT1cInNlbGVjdGVkXCJcclxuW2NsYXNzLnBpbGxdPVwicGlsbFwiXHJcbltjbGFzcy5pbnZlcnRdPVwiaW52ZXJ0XCJcclxuW2NsYXNzLmJvcmRlcl09XCIhYm9yZGVyXCJcclxuW2Rpc2FibGVkXT1cImRpc2FibGVkXCI+XHJcbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -2,8 +2,8 @@ export class SCardMenu {
|
|
|
2
2
|
}
|
|
3
3
|
export class SCheckData {
|
|
4
4
|
constructor() {
|
|
5
|
-
this.
|
|
5
|
+
this.disabled = false;
|
|
6
6
|
this.undefined = false;
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYXJkLW1vZGVscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLW1vZGVscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sU0FBUztDQUdyQjtBQUVELE1BQU0sT0FBTyxVQUFVO0lBQXZCO1FBR0ksYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixjQUFTLEdBQVksS0FBSyxDQUFDO0lBQy9CLENBQUM7Q0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBTQ2FyZE1lbnUge1xyXG4gICAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgICBrZXk/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBjbGFzcyBTQ2hlY2tEYXRhIHtcclxuICAgIHZhbHVlOiBhbnk7XHJcbiAgICBtb2RlbDogYW55O1xyXG4gICAgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIHVuZGVmaW5lZDogYm9vbGVhbiA9IGZhbHNlO1xyXG59Il19
|
|
@@ -45,10 +45,10 @@ export class SCardComponent {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
SCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SCardComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
-
SCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", 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", style: "style" }, outputs: { clickEvent: "clickEvent", checkEvent: "checkEvent" }, ngImport: i0, template: "<div class=\"card {{size}}\" attr.style=\"{{style}}\">\r\n <div *ngIf=\"!showHorizontal && check\" class=\"card-check\">\r\n <s-checkbox class=\"card-check-component\" [value]=\"check.value\" [model]=\"check.model\" [
|
|
48
|
+
SCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", 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", style: "style" }, outputs: { clickEvent: "clickEvent", checkEvent: "checkEvent" }, ngImport: i0, template: "<div class=\"card {{size}}\" attr.style=\"{{style}}\">\r\n <div *ngIf=\"!showHorizontal && check\" class=\"card-check\">\r\n <s-checkbox class=\"card-check-component\" [value]=\"check.value\" [model]=\"check.model\" [disabled]=\"check.disabled\"\r\n [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox>\r\n </div>\r\n <div *ngIf=\"!showHorizontal && image\" class=\"card-img\">\r\n <img [src]=\"localImage\" class=\"card-image\" alt=\"card-image\" [ngClass]=\"{'full-image': fullimage}\">\r\n </div>\r\n <div *ngIf=\"!showHorizontal && !image && icon\" class=\"card-icon\">\r\n <s-icon-mat [style]=\"'font-size: 150px;'\">{{icon}}</s-icon-mat>\r\n </div>\r\n <div class=\"card-title\" [ngClass]=\"{'card-title-horizontal': showHorizontal}\">\r\n <div class=\"card-check-horizontal\" *ngIf=\"showHorizontal && check\">\r\n <s-checkbox *ngIf=\"showHorizontal && check\" [value]=\"check.value\" [model]=\"check.model\"\r\n [disabled]=\"check.disabled\" [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox>\r\n </div>\r\n <h6 *ngIf=\"title\">{{title}}</h6>\r\n <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{subtitle}}</span>\r\n <div *ngIf=\"buttons && buttons.length > 0\" class=\"card-title-menu-section\">\r\n <s-icon-mat class=\"card-title-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\r\n <s-drop-down [display]=\"showDropDownCard\" [right]=\"true\" [buttons]=\"buttons\"\r\n (buttonClick)=\"onClickEvent($event)\">\r\n </s-drop-down>\r\n </div>\r\n <ng-content *ngIf=\"!showHorizontal\"></ng-content>\r\n <s-tag *ngIf=\"label\" type=\"success\">{{label}}</s-tag>\r\n </div>\r\n</div>", styles: [".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;box-shadow:0 0 20px #0000001a}.card.sm{width:calc(25% - 5px)}.card.md{width:calc(50% - 5px)}.card.lg{width:calc(75% - 5px)}.card.full{width:calc(100% - 5px)}.card-check{position:relative}.card-check-component{position:absolute;top:10px;left:10px}.card-check-horizontal{display:inline-block;display:flex;flex-direction:column;justify-content:center;padding:5px 20px 0 0}.card-img,.card-icon{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0}.card-image{max-width:100%;height:200px;border-radius:.25rem .25rem 0 0}.full-image{width:100%}.card-title{padding:16px;position:relative;display:flex;flex-direction:column;background-clip:border-box}.card-title-horizontal{flex-direction:row}.card-title-menu-section{position:absolute;right:16px}.card-title-menu{cursor:pointer}\n"], components: [{ type: i2.SCheckboxComponent, selector: "s-checkbox", inputs: ["value", "model", "disabled", "isUndefined", "label"], outputs: ["emitSelection"] }, { type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { type: i4.SDropDownComponent, selector: "s-drop-down", inputs: ["display", "buttons", "right"], outputs: ["buttonClick"] }, { type: i5.STagComponent, selector: "s-tag", inputs: ["type", "size", "disabled", "close"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SCardComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
|
-
args: [{ selector: 's-card', encapsulation: ViewEncapsulation.None, template: "<div class=\"card {{size}}\" attr.style=\"{{style}}\">\r\n <div *ngIf=\"!showHorizontal && check\" class=\"card-check\">\r\n <s-checkbox class=\"card-check-component\" [value]=\"check.value\" [model]=\"check.model\" [
|
|
51
|
+
args: [{ selector: 's-card', encapsulation: ViewEncapsulation.None, template: "<div class=\"card {{size}}\" attr.style=\"{{style}}\">\r\n <div *ngIf=\"!showHorizontal && check\" class=\"card-check\">\r\n <s-checkbox class=\"card-check-component\" [value]=\"check.value\" [model]=\"check.model\" [disabled]=\"check.disabled\"\r\n [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox>\r\n </div>\r\n <div *ngIf=\"!showHorizontal && image\" class=\"card-img\">\r\n <img [src]=\"localImage\" class=\"card-image\" alt=\"card-image\" [ngClass]=\"{'full-image': fullimage}\">\r\n </div>\r\n <div *ngIf=\"!showHorizontal && !image && icon\" class=\"card-icon\">\r\n <s-icon-mat [style]=\"'font-size: 150px;'\">{{icon}}</s-icon-mat>\r\n </div>\r\n <div class=\"card-title\" [ngClass]=\"{'card-title-horizontal': showHorizontal}\">\r\n <div class=\"card-check-horizontal\" *ngIf=\"showHorizontal && check\">\r\n <s-checkbox *ngIf=\"showHorizontal && check\" [value]=\"check.value\" [model]=\"check.model\"\r\n [disabled]=\"check.disabled\" [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox>\r\n </div>\r\n <h6 *ngIf=\"title\">{{title}}</h6>\r\n <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{subtitle}}</span>\r\n <div *ngIf=\"buttons && buttons.length > 0\" class=\"card-title-menu-section\">\r\n <s-icon-mat class=\"card-title-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\r\n <s-drop-down [display]=\"showDropDownCard\" [right]=\"true\" [buttons]=\"buttons\"\r\n (buttonClick)=\"onClickEvent($event)\">\r\n </s-drop-down>\r\n </div>\r\n <ng-content *ngIf=\"!showHorizontal\"></ng-content>\r\n <s-tag *ngIf=\"label\" type=\"success\">{{label}}</s-tag>\r\n </div>\r\n</div>", styles: [".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;box-shadow:0 0 20px #0000001a}.card.sm{width:calc(25% - 5px)}.card.md{width:calc(50% - 5px)}.card.lg{width:calc(75% - 5px)}.card.full{width:calc(100% - 5px)}.card-check{position:relative}.card-check-component{position:absolute;top:10px;left:10px}.card-check-horizontal{display:inline-block;display:flex;flex-direction:column;justify-content:center;padding:5px 20px 0 0}.card-img,.card-icon{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0}.card-image{max-width:100%;height:200px;border-radius:.25rem .25rem 0 0}.full-image{width:100%}.card-title{padding:16px;position:relative;display:flex;flex-direction:column;background-clip:border-box}.card-title-horizontal{flex-direction:row}.card-title-menu-section{position:absolute;right:16px}.card-title-menu{cursor:pointer}\n"] }]
|
|
52
52
|
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; }, propDecorators: { title: [{
|
|
53
53
|
type: Input
|
|
54
54
|
}], subtitle: [{
|
|
@@ -76,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
|
76
76
|
}], checkEvent: [{
|
|
77
77
|
type: Output
|
|
78
78
|
}] } });
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBV2xHLE1BQU0sT0FBTyxjQUFjO0lBb0J6QixZQUFvQixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQW5CckMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLFNBQUksR0FBaUIsRUFBRSxDQUFDO1FBQ3hCLFVBQUssR0FBdUIsSUFBSSxDQUFDO1FBQ2pDLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBQ2hDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUMzQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFNBQUksR0FBZ0MsTUFBTSxDQUFDO1FBQzNDLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUVsQixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN4QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUUvQyxZQUFPLEdBQXNCLEVBQUUsQ0FBQztRQUNoQyxxQkFBZ0IsR0FBWSxLQUFLLENBQUM7SUFJbEMsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUMzQixJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxFQUFFLFNBQVMsRUFBRSxPQUFPLENBQUMsR0FBYSxFQUFFLElBQUksRUFBRSxPQUFPLENBQUMsS0FBZSxFQUFFLENBQUMsQ0FBQztRQUMxRixDQUFDLENBQUMsQ0FBQztRQUVILElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyw4QkFBOEIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDaEY7SUFDSCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqRCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWE7UUFDeEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7MkdBNUNVLGNBQWM7K0ZBQWQsY0FBYyxxVUNYM0IsbTJEQTJCTTsyRkRoQk8sY0FBYztrQkFOMUIsU0FBUzsrQkFDRSxRQUFRLGlCQUdILGlCQUFpQixDQUFDLElBQUk7bUdBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlUmVzb3VyY2VVcmwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHsgU0Ryb3BEb3duQnV0dG9uIH0gZnJvbSAnLi4vZHJvcC1kb3duJztcclxuaW1wb3J0IHsgU0NhcmRNZW51LCBTQ2hlY2tEYXRhIH0gZnJvbSAnLi9zLWNhcmQtbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0NhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBzdWJ0aXRsZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgbWVudT86IFNDYXJkTWVudVtdID0gW107XHJcbiAgQElucHV0KCkgY2hlY2s/OiBTQ2hlY2tEYXRhIHwgbnVsbCA9IG51bGw7XHJcbiAgQElucHV0KCkgc2hvd0hvcml6b250YWw6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBpbWFnZTogc3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoKSBmdWxsaW1hZ2U6IGJvb2xlYW4gPSBmYWxzZTsgIFxyXG4gIEBJbnB1dCgpIGljb246IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCkgc2l6ZTogXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiIHwgXCJmdWxsXCIgPSBcImZ1bGxcIjtcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoKSBzdHlsZTogc3RyaW5nID0gXCJcIjtcclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBAT3V0cHV0KCkgY2hlY2tFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBidXR0b25zOiBTRHJvcERvd25CdXR0b25bXSA9IFtdO1xyXG4gIHNob3dEcm9wRG93bkNhcmQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBsb2NhbEltYWdlOiBTYWZlUmVzb3VyY2VVcmwgfCB1bmRlZmluZWQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5tZW51Py5mb3JFYWNoKGVsZW1lbnQgPT4ge1xyXG4gICAgICB0aGlzLmJ1dHRvbnM/LnB1c2goeyBldmVudE5hbWU6IGVsZW1lbnQua2V5IGFzIHN0cmluZywgbmFtZTogZWxlbWVudC50aXRsZSBhcyBzdHJpbmcgfSk7XHJcbiAgICB9KTtcclxuXHJcbiAgICBpZiAodGhpcy5pbWFnZSkge1xyXG4gICAgICB0aGlzLmxvY2FsSW1hZ2UgPSB0aGlzLmRvbVNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0UmVzb3VyY2VVcmwodGhpcy5pbWFnZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzaG93RHJvcERvd24oKSB7XHJcbiAgICB0aGlzLnNob3dEcm9wRG93bkNhcmQgPSAhdGhpcy5zaG93RHJvcERvd25DYXJkO1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0V2ZW50KGV2ZW50OiBzdHJpbmcpIHtcclxuICAgIHRoaXMuc2hvd0Ryb3BEb3duQ2FyZCA9IGZhbHNlO1xyXG4gICAgdGhpcy5jbGlja0V2ZW50Lm5leHQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgb25DaGVja0V2ZW50KGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuY2hlY2tFdmVudC5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNhcmQge3tzaXplfX1cIiBhdHRyLnN0eWxlPVwie3tzdHlsZX19XCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiIXNob3dIb3Jpem9udGFsICYmIGNoZWNrXCIgY2xhc3M9XCJjYXJkLWNoZWNrXCI+XHJcbiAgICAgICAgPHMtY2hlY2tib3ggY2xhc3M9XCJjYXJkLWNoZWNrLWNvbXBvbmVudFwiIFt2YWx1ZV09XCJjaGVjay52YWx1ZVwiIFttb2RlbF09XCJjaGVjay5tb2RlbFwiIFtkaXNhYmxlZF09XCJjaGVjay5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIFtpc1VuZGVmaW5lZF09XCJjaGVjay51bmRlZmluZWRcIiAoZW1pdFNlbGVjdGlvbik9XCJvbkNoZWNrRXZlbnQoJGV2ZW50KVwiPjwvcy1jaGVja2JveD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cIiFzaG93SG9yaXpvbnRhbCAmJiBpbWFnZVwiIGNsYXNzPVwiY2FyZC1pbWdcIj5cclxuICAgICAgICA8aW1nIFtzcmNdPVwibG9jYWxJbWFnZVwiIGNsYXNzPVwiY2FyZC1pbWFnZVwiIGFsdD1cImNhcmQtaW1hZ2VcIiBbbmdDbGFzc109XCJ7J2Z1bGwtaW1hZ2UnOiBmdWxsaW1hZ2V9XCI+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgKm5nSWY9XCIhc2hvd0hvcml6b250YWwgJiYgIWltYWdlICYmIGljb25cIiBjbGFzcz1cImNhcmQtaWNvblwiPlxyXG4gICAgICAgIDxzLWljb24tbWF0IFtzdHlsZV09XCInZm9udC1zaXplOiAxNTBweDsnXCI+e3tpY29ufX08L3MtaWNvbi1tYXQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLXRpdGxlXCIgW25nQ2xhc3NdPVwieydjYXJkLXRpdGxlLWhvcml6b250YWwnOiBzaG93SG9yaXpvbnRhbH1cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1jaGVjay1ob3Jpem9udGFsXCIgKm5nSWY9XCJzaG93SG9yaXpvbnRhbCAmJiBjaGVja1wiPlxyXG4gICAgICAgICAgICA8cy1jaGVja2JveCAqbmdJZj1cInNob3dIb3Jpem9udGFsICYmIGNoZWNrXCIgW3ZhbHVlXT1cImNoZWNrLnZhbHVlXCIgW21vZGVsXT1cImNoZWNrLm1vZGVsXCJcclxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJjaGVjay5kaXNhYmxlZFwiIFtpc1VuZGVmaW5lZF09XCJjaGVjay51bmRlZmluZWRcIiAoZW1pdFNlbGVjdGlvbik9XCJvbkNoZWNrRXZlbnQoJGV2ZW50KVwiPjwvcy1jaGVja2JveD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8aDYgKm5nSWY9XCJ0aXRsZVwiPnt7dGl0bGV9fTwvaDY+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhc2hvd0hvcml6b250YWwgJiYgc3VidGl0bGVcIiBjbGFzcz1cInMtY2FwdGlvblwiPnt7c3VidGl0bGV9fTwvc3Bhbj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwiYnV0dG9ucyAmJiBidXR0b25zLmxlbmd0aCA+IDBcIiBjbGFzcz1cImNhcmQtdGl0bGUtbWVudS1zZWN0aW9uXCI+XHJcbiAgICAgICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwiY2FyZC10aXRsZS1tZW51XCIgKm5nSWY9XCJtZW51XCIgKGNsaWNrKT1cInNob3dEcm9wRG93bigpXCI+bW9yZV92ZXJ0PC9zLWljb24tbWF0PlxyXG4gICAgICAgICAgICA8cy1kcm9wLWRvd24gW2Rpc3BsYXldPVwic2hvd0Ryb3BEb3duQ2FyZFwiIFtyaWdodF09XCJ0cnVlXCIgW2J1dHRvbnNdPVwiYnV0dG9uc1wiXHJcbiAgICAgICAgICAgICAgICAoYnV0dG9uQ2xpY2spPVwib25DbGlja0V2ZW50KCRldmVudClcIj5cclxuICAgICAgICAgICAgPC9zLWRyb3AtZG93bj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cIiFzaG93SG9yaXpvbnRhbFwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8cy10YWcgKm5nSWY9XCJsYWJlbFwiIHR5cGU9XCJzdWNjZXNzXCI+e3tsYWJlbH19PC9zLXRhZz5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -7,7 +7,7 @@ export class SCheckboxComponent {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
this.onChange = (_) => { };
|
|
9
9
|
this.onTouch = () => { };
|
|
10
|
-
this.
|
|
10
|
+
this.disabled = false;
|
|
11
11
|
this.isUndefined = false;
|
|
12
12
|
this.label = "";
|
|
13
13
|
this.emitSelection = new EventEmitter();
|
|
@@ -34,13 +34,13 @@ export class SCheckboxComponent {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
SCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
SCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SCheckboxComponent, selector: "s-checkbox", inputs: { value: "value", model: "model",
|
|
37
|
+
SCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SCheckboxComponent, selector: "s-checkbox", inputs: { value: "value", model: "model", disabled: "disabled", isUndefined: "isUndefined", label: "label" }, outputs: { emitSelection: "emitSelection" }, providers: [
|
|
38
38
|
{
|
|
39
39
|
provide: NG_VALUE_ACCESSOR,
|
|
40
40
|
useExisting: forwardRef(() => SCheckboxComponent),
|
|
41
41
|
multi: true
|
|
42
42
|
}
|
|
43
|
-
], ngImport: i0, template: "<input type=\"checkbox\" [ngClass]=\"isUndefined ? 'undefined':''\" [value]=\"value\" [ngModel]=\"model\" [disabled]=\"
|
|
43
|
+
], ngImport: i0, template: "<input type=\"checkbox\" [ngClass]=\"isUndefined ? 'undefined':''\" [value]=\"value\" [ngModel]=\"model\" [disabled]=\"disabled\"\r\n (ngModelChange)=\"doCheck($event)\" />\r\n<label [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\" *ngIf=\"label\"\r\n class=\"s-body-2 label-check\">{{label}}</label>", styles: ["input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}input[type=checkbox]:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox].undefined{background-color:var(--primary-600);border-color:var(--primary-600)}input[type=checkbox].undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}input[type=checkbox]:checked{background-color:var(--primary-600);border-color:var(--primary-600)}input[type=checkbox][disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}input[type=checkbox][disabled]:checked,input[type=checkbox][disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}label.label-check{margin-left:8px}label.disabled{color:var(--neutrals-700)}\n"], directives: [{ type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SCheckboxComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
46
|
args: [{ selector: 's-checkbox', providers: [
|
|
@@ -49,12 +49,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
|
49
49
|
useExisting: forwardRef(() => SCheckboxComponent),
|
|
50
50
|
multi: true
|
|
51
51
|
}
|
|
52
|
-
], template: "<input type=\"checkbox\" [ngClass]=\"isUndefined ? 'undefined':''\" [value]=\"value\" [ngModel]=\"model\" [disabled]=\"
|
|
52
|
+
], template: "<input type=\"checkbox\" [ngClass]=\"isUndefined ? 'undefined':''\" [value]=\"value\" [ngModel]=\"model\" [disabled]=\"disabled\"\r\n (ngModelChange)=\"doCheck($event)\" />\r\n<label [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\" *ngIf=\"label\"\r\n class=\"s-body-2 label-check\">{{label}}</label>", styles: ["input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}input[type=checkbox]:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox].undefined{background-color:var(--primary-600);border-color:var(--primary-600)}input[type=checkbox].undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}input[type=checkbox]:checked{background-color:var(--primary-600);border-color:var(--primary-600)}input[type=checkbox][disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}input[type=checkbox][disabled]:checked,input[type=checkbox][disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}label.label-check{margin-left:8px}label.disabled{color:var(--neutrals-700)}\n"] }]
|
|
53
53
|
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
54
54
|
type: Input
|
|
55
55
|
}], model: [{
|
|
56
56
|
type: Input
|
|
57
|
-
}],
|
|
57
|
+
}], disabled: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], isUndefined: [{
|
|
60
60
|
type: Input
|
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
|
63
63
|
}], emitSelection: [{
|
|
64
64
|
type: Output
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9jaGVja2JveC9zLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NoZWNrYm94L3MtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFVLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBZXpFLE1BQU0sT0FBTyxrQkFBa0I7SUFZN0I7UUFWQSxhQUFRLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMzQixZQUFPLEdBQUcsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBSVgsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUVwQyxDQUFDO0lBRWYsUUFBUTtJQUNSLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBVTtRQUNoQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksS0FBSyxFQUFFO1lBQ1QsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUE7WUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDOzsrR0FyQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IsZ01BVGxCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUM7WUFDakQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2JILHFVQUdrRDsyRkRhckMsa0JBQWtCO2tCQWI5QixTQUFTOytCQUNFLFlBQVksYUFHWDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQzs0QkFDakQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7MEVBUVEsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIE9uSW5pdCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1jaGVja2JveCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3MtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNDaGVja2JveENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFNDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCAsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuXHJcbiAgb25DaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XHJcbiAgb25Ub3VjaCA9ICgpID0+IHsgfTtcclxuXHJcbiAgQElucHV0KCkgdmFsdWU6IGFueTtcclxuICBASW5wdXQoKSBtb2RlbDogYW55O1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNVbmRlZmluZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gXCJcIjtcclxuICBAT3V0cHV0KCkgZW1pdFNlbGVjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcigpe31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBkb0NoZWNrKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMub25Ub3VjaCgpO1xyXG4gICAgdGhpcy5vbkNoYW5nZShldmVudCk7XHJcbiAgICB0aGlzLmlzVW5kZWZpbmVkID0gZmFsc2U7XHJcbiAgICB0aGlzLmVtaXRTZWxlY3Rpb24uZW1pdCh7dmFsdWU6IHRoaXMudmFsdWUsIGV2ZW50OiBldmVudH0pO1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICBpZiAodmFsdWUpIHtcclxuICAgICAgdGhpcy5tb2RlbCA9IHZhbHVlXHJcbiAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoID0gZm47XHJcbiAgfVxyXG59XHJcbiIsIjxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbbmdDbGFzc109XCJpc1VuZGVmaW5lZCA/ICd1bmRlZmluZWQnOicnXCIgW3ZhbHVlXT1cInZhbHVlXCIgW25nTW9kZWxdPVwibW9kZWxcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgKG5nTW9kZWxDaGFuZ2UpPVwiZG9DaGVjaygkZXZlbnQpXCIgLz5cclxuPGxhYmVsIFtuZ0NsYXNzXT1cIiFpc1VuZGVmaW5lZCAmJiAhbW9kZWwgJiYgZGlzYWJsZWQgPyAnZGlzYWJsZWQnOiAnJ1wiICpuZ0lmPVwibGFiZWxcIlxyXG4gICAgY2xhc3M9XCJzLWJvZHktMiBsYWJlbC1jaGVja1wiPnt7bGFiZWx9fTwvbGFiZWw+Il19
|
|
@@ -104,7 +104,7 @@ export class SFormComponent {
|
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
106
|
SFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
107
|
-
SFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SFormComponent, selector: "s-form", inputs: { controls: "controls", submitClick: "submitClick", requiredMessage: "requiredMessage", emailMessage: "emailMessage", dafaultMessage: "dafaultMessage" }, outputs: { controlsChangeEvent: "controlsChangeEvent", submitEvent: "submitEvent", changeSelectEvent: "changeSelectEvent", clickButtonEvent: "clickButtonEvent" }, usesOnChanges: true, ngImport: i0, template: "<form *ngIf=\"form && controls\" [formGroup]=\"form\">\r\n <div class=\"form-control\" [ngStyle]=\"{width: c.width + '%', display: c.width < 100 ? 'inline-block' : 'initial'}\"\r\n *ngFor=\"let c of controls\">\r\n <div *ngIf=\"c.show && enabledTypes.indexOf(c.inputType) != -1\">\r\n <div *ngIf=\"c.inputType != 'button' && c.inputType != 'select' && c.inputType != 'checkbox'\">\r\n <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n <div class=\"form-group\">\r\n <label class=\"label\">{{c.label}}</label>\r\n <s-input-text [type]=\"c.inputType\" [text]=\"c.value\" [disabled]=\"c.disabled\"\r\n [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\" [placeHolder]=\"c.inputPlaceHolder\"\r\n [name]=\"c.formControlName + c.inputType\"\r\n (textChangeEvent)=\"changeControl(c.formControlName, $event)\"\r\n [title]=\"c.inputPlaceHolder\"></s-input-text>\r\n <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n <span *ngIf=\"checkErrors(c.formControlName)\">\r\n {{getErrorMessage(c.formControlName)}}\r\n </span>\r\n </s-error-control>\r\n </div>\r\n </div>\r\n <div *ngIf=\"c.inputType == 'button' && c.button != undefined\">\r\n <div class=\"form-group\">\r\n <s-button [pill]=\"c.button.pill\" [invert]=\"c.button.invert\" [type]=\"c.button.type\" size=\"sm\"\r\n [title]=\"c.inputPlaceHolder\" [class]=\"c.button.class\" [size]=\"c.button.size ? c.button.size : 'md' \" (click)=\"buttonClick(c.formControlName)\">\r\n {{c.label}}\r\n <s-icon-mat *ngIf=\"c.button.icon\">{{c.button.icon}}</s-icon-mat>\r\n </s-button>\r\n </div>\r\n </div>\r\n <div *ngIf=\"c.inputType == 'checkbox'\">\r\n <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n <div class=\"form-group\">\r\n <s-checkbox [value]=\"c.value\" [label]=\"c.label\" (emitSelection)=\"changeControl(c.formControlName, $event.event.toString())\"></s-checkbox>\r\n <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n <span *ngIf=\"checkErrors(c.formControlName)\">\r\n {{getErrorMessage(c.formControlName)}}\r\n </span>\r\n </s-error-control>\r\n </div>\r\n </div>\r\n <div *ngIf=\"c.inputType == 'select'\">\r\n <select [id]=\"c.formControlName\" [name]=\"c.formControlName\" [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n <option *ngFor=\"let o of c.selectModel\" [value]=\"o.key\" [selected]=\"o.key == c.value\">{{o.value}}\r\n </option>\r\n </select>\r\n <div class=\"form-group\">\r\n <label class=\"label\">{{c.label}}</label>\r\n <s-select-simple [options]=\"c.selectModel\" (selectEvent)=\"changeSelect($event, c.formControlName)\" [title]=\"c.inputPlaceHolder\" [selectedValue]=\"c.value\"></s-select-simple>\r\n <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n <span *ngIf=\"checkErrors(c.formControlName)\">\r\n {{getErrorMessage(c.formControlName)}}\r\n </span>\r\n </s-error-control>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</form>", styles: [".form-control{vertical-align:middle}.button .primary .round-sm .sm{width:100%!important}\n"], components: [{ type: i1.SInputTextComponent, selector: "s-input-text", inputs: ["text", "id", "name", "placeHolder", "disabled", "max", "min", "step", "theme", "type", "classAdd", "help", "size"], outputs: ["textChangeEvent", "clickHelpIconEvent"] }, { type: i2.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "class", "rounded", "pill", "size", "invert", "selected", "type", "border", "loading", "position", "theme"] }, { type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { type: i5.SCheckboxComponent, selector: "s-checkbox", inputs: ["value", "model", "
|
|
107
|
+
SFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SFormComponent, selector: "s-form", inputs: { controls: "controls", submitClick: "submitClick", requiredMessage: "requiredMessage", emailMessage: "emailMessage", dafaultMessage: "dafaultMessage" }, outputs: { controlsChangeEvent: "controlsChangeEvent", submitEvent: "submitEvent", changeSelectEvent: "changeSelectEvent", clickButtonEvent: "clickButtonEvent" }, usesOnChanges: true, ngImport: i0, template: "<form *ngIf=\"form && controls\" [formGroup]=\"form\">\r\n <div class=\"form-control\" [ngStyle]=\"{width: c.width + '%', display: c.width < 100 ? 'inline-block' : 'initial'}\"\r\n *ngFor=\"let c of controls\">\r\n <div *ngIf=\"c.show && enabledTypes.indexOf(c.inputType) != -1\">\r\n <div *ngIf=\"c.inputType != 'button' && c.inputType != 'select' && c.inputType != 'checkbox'\">\r\n <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n <div class=\"form-group\">\r\n <label class=\"label\">{{c.label}}</label>\r\n <s-input-text [type]=\"c.inputType\" [text]=\"c.value\" [disabled]=\"c.disabled\"\r\n [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\" [placeHolder]=\"c.inputPlaceHolder\"\r\n [name]=\"c.formControlName + c.inputType\"\r\n (textChangeEvent)=\"changeControl(c.formControlName, $event)\"\r\n [title]=\"c.inputPlaceHolder\"></s-input-text>\r\n <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n <span *ngIf=\"checkErrors(c.formControlName)\">\r\n {{getErrorMessage(c.formControlName)}}\r\n </span>\r\n </s-error-control>\r\n </div>\r\n </div>\r\n <div *ngIf=\"c.inputType == 'button' && c.button != undefined\">\r\n <div class=\"form-group\">\r\n <s-button [pill]=\"c.button.pill\" [invert]=\"c.button.invert\" [type]=\"c.button.type\" size=\"sm\"\r\n [title]=\"c.inputPlaceHolder\" [class]=\"c.button.class\" [size]=\"c.button.size ? c.button.size : 'md' \" (click)=\"buttonClick(c.formControlName)\">\r\n {{c.label}}\r\n <s-icon-mat *ngIf=\"c.button.icon\">{{c.button.icon}}</s-icon-mat>\r\n </s-button>\r\n </div>\r\n </div>\r\n <div *ngIf=\"c.inputType == 'checkbox'\">\r\n <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n <div class=\"form-group\">\r\n <s-checkbox [value]=\"c.value\" [label]=\"c.label\" (emitSelection)=\"changeControl(c.formControlName, $event.event.toString())\"></s-checkbox>\r\n <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n <span *ngIf=\"checkErrors(c.formControlName)\">\r\n {{getErrorMessage(c.formControlName)}}\r\n </span>\r\n </s-error-control>\r\n </div>\r\n </div>\r\n <div *ngIf=\"c.inputType == 'select'\">\r\n <select [id]=\"c.formControlName\" [name]=\"c.formControlName\" [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n <option *ngFor=\"let o of c.selectModel\" [value]=\"o.key\" [selected]=\"o.key == c.value\">{{o.value}}\r\n </option>\r\n </select>\r\n <div class=\"form-group\">\r\n <label class=\"label\">{{c.label}}</label>\r\n <s-select-simple [options]=\"c.selectModel\" (selectEvent)=\"changeSelect($event, c.formControlName)\" [title]=\"c.inputPlaceHolder\" [selectedValue]=\"c.value\"></s-select-simple>\r\n <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n <span *ngIf=\"checkErrors(c.formControlName)\">\r\n {{getErrorMessage(c.formControlName)}}\r\n </span>\r\n </s-error-control>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</form>", styles: [".form-control{vertical-align:middle}.button .primary .round-sm .sm{width:100%!important}\n"], components: [{ type: i1.SInputTextComponent, selector: "s-input-text", inputs: ["text", "id", "name", "placeHolder", "disabled", "max", "min", "step", "readOnly", "theme", "type", "classAdd", "help", "size"], outputs: ["textChangeEvent", "clickHelpIconEvent"] }, { type: i2.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "class", "rounded", "pill", "size", "invert", "selected", "type", "border", "loading", "position", "theme"] }, { type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { type: i5.SCheckboxComponent, selector: "s-checkbox", inputs: ["value", "model", "disabled", "isUndefined", "label"], outputs: ["emitSelection"] }, { type: i6.SSelectSimpleComponent, selector: "s-select-simple", inputs: ["disabled", "placeholder", "options", "selectedValue", "selectLabel", "readOnly", "display", "size"], outputs: ["selectEvent"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i8.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i8.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i8.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
108
108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SFormComponent, decorators: [{
|
|
109
109
|
type: Component,
|
|
110
110
|
args: [{ selector: 's-form', encapsulation: ViewEncapsulation.None, template: "<form *ngIf=\"form && controls\" [formGroup]=\"form\">\r\n <div class=\"form-control\" [ngStyle]=\"{width: c.width + '%', display: c.width < 100 ? 'inline-block' : 'initial'}\"\r\n *ngFor=\"let c of controls\">\r\n <div *ngIf=\"c.show && enabledTypes.indexOf(c.inputType) != -1\">\r\n <div *ngIf=\"c.inputType != 'button' && c.inputType != 'select' && c.inputType != 'checkbox'\">\r\n <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n <div class=\"form-group\">\r\n <label class=\"label\">{{c.label}}</label>\r\n <s-input-text [type]=\"c.inputType\" [text]=\"c.value\" [disabled]=\"c.disabled\"\r\n [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\" [placeHolder]=\"c.inputPlaceHolder\"\r\n [name]=\"c.formControlName + c.inputType\"\r\n (textChangeEvent)=\"changeControl(c.formControlName, $event)\"\r\n [title]=\"c.inputPlaceHolder\"></s-input-text>\r\n <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n <span *ngIf=\"checkErrors(c.formControlName)\">\r\n {{getErrorMessage(c.formControlName)}}\r\n </span>\r\n </s-error-control>\r\n </div>\r\n </div>\r\n <div *ngIf=\"c.inputType == 'button' && c.button != undefined\">\r\n <div class=\"form-group\">\r\n <s-button [pill]=\"c.button.pill\" [invert]=\"c.button.invert\" [type]=\"c.button.type\" size=\"sm\"\r\n [title]=\"c.inputPlaceHolder\" [class]=\"c.button.class\" [size]=\"c.button.size ? c.button.size : 'md' \" (click)=\"buttonClick(c.formControlName)\">\r\n {{c.label}}\r\n <s-icon-mat *ngIf=\"c.button.icon\">{{c.button.icon}}</s-icon-mat>\r\n </s-button>\r\n </div>\r\n </div>\r\n <div *ngIf=\"c.inputType == 'checkbox'\">\r\n <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n <div class=\"form-group\">\r\n <s-checkbox [value]=\"c.value\" [label]=\"c.label\" (emitSelection)=\"changeControl(c.formControlName, $event.event.toString())\"></s-checkbox>\r\n <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n <span *ngIf=\"checkErrors(c.formControlName)\">\r\n {{getErrorMessage(c.formControlName)}}\r\n </span>\r\n </s-error-control>\r\n </div>\r\n </div>\r\n <div *ngIf=\"c.inputType == 'select'\">\r\n <select [id]=\"c.formControlName\" [name]=\"c.formControlName\" [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n <option *ngFor=\"let o of c.selectModel\" [value]=\"o.key\" [selected]=\"o.key == c.value\">{{o.value}}\r\n </option>\r\n </select>\r\n <div class=\"form-group\">\r\n <label class=\"label\">{{c.label}}</label>\r\n <s-select-simple [options]=\"c.selectModel\" (selectEvent)=\"changeSelect($event, c.formControlName)\" [title]=\"c.inputPlaceHolder\" [selectedValue]=\"c.value\"></s-select-simple>\r\n <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n <span *ngIf=\"checkErrors(c.formControlName)\">\r\n {{getErrorMessage(c.formControlName)}}\r\n </span>\r\n </s-error-control>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</form>", styles: [".form-control{vertical-align:middle}.button .primary .round-sm .sm{width:100%!important}\n"] }]
|