@firestitch/form 18.0.9 → 18.0.10

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.
Files changed (32) hide show
  1. package/app/components/confirm-unsaved/confirm-unsaved.component.d.ts +1 -1
  2. package/app/directives/button.directive.d.ts +9 -14
  3. package/app/directives/form/form.directive.d.ts +12 -22
  4. package/app/directives/form-base/form-base.directive.d.ts +32 -0
  5. package/app/directives/form-base/index.d.ts +1 -0
  6. package/app/directives/form-group/form-group.directive.d.ts +12 -0
  7. package/app/directives/form-group/index.d.ts +1 -0
  8. package/app/directives/index.d.ts +3 -2
  9. package/app/fs-form.module.d.ts +2 -2
  10. package/app/interfaces/submit-event.d.ts +2 -2
  11. package/app/interfaces/submitted-event.d.ts +2 -5
  12. package/app/services/fsform.service.d.ts +3 -8
  13. package/esm2022/app/components/confirm-unsaved/confirm-unsaved.component.mjs +11 -6
  14. package/esm2022/app/components/form-dialog-actions/form-dialog-actions.component.mjs +1 -1
  15. package/esm2022/app/directives/button.directive.mjs +24 -52
  16. package/esm2022/app/directives/form/form.directive.mjs +94 -160
  17. package/esm2022/app/directives/form-base/form-base.directive.mjs +104 -0
  18. package/esm2022/app/directives/form-base/index.mjs +2 -0
  19. package/esm2022/app/directives/form-group/form-group.directive.mjs +32 -0
  20. package/esm2022/app/directives/form-group/index.mjs +2 -0
  21. package/esm2022/app/directives/index.mjs +4 -3
  22. package/esm2022/app/fs-form.module.mjs +8 -5
  23. package/esm2022/app/guards/form-deactivate.guard.mjs +2 -2
  24. package/esm2022/app/interfaces/submit-event.mjs +1 -1
  25. package/esm2022/app/interfaces/submitted-event.mjs +1 -1
  26. package/esm2022/app/services/fsform.service.mjs +12 -30
  27. package/esm2022/public_api.mjs +2 -1
  28. package/fesm2022/firestitch-form.mjs +301 -281
  29. package/fesm2022/firestitch-form.mjs.map +1 -1
  30. package/package.json +1 -1
  31. package/public_api.d.ts +1 -0
  32. package/styles.scss +28 -29
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@firestitch/form",
3
- "version": "18.0.9",
3
+ "version": "18.0.10",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/Firestitch/ngx-form"
package/public_api.d.ts CHANGED
@@ -3,6 +3,7 @@ export { FsForm } from './app/services/fsform.service';
3
3
  export { FsFormGreaterDirective, FsFormGreaterEqualDirective, FsFormLesserEqualDirective, FsFormTemplateDirective } from './app/directives';
4
4
  export { FsButtonDirective } from './app/directives/button.directive';
5
5
  export { FsFormDialogCloseDirective } from './app/directives/form-dialog-close.directive';
6
+ export { FsFormGroupDirective } from './app/directives/form-group/form-group.directive';
6
7
  export { FsFormDirective } from './app/directives/form/form.directive';
7
8
  export { FsSubmitButtonDirective } from './app/directives/submit-button.directive';
8
9
  export { FsFormCompareDirective } from './app/directives/validators/compare.directive';
package/styles.scss CHANGED
@@ -34,39 +34,36 @@
34
34
  .mat-placeholder-required {
35
35
  display: none;
36
36
  }
37
-
38
- button.submit-success,
39
- button.submit-error,
40
- button.submit-process {
41
- transition: none;
42
- cursor: wait;
43
- color: transparent !important;
44
- pointer-events: none;
45
-
46
- svg {
47
- height: 22px;
48
- vertical-align: middle;
49
- width: 22px;
50
- text-align: center;
51
- position: absolute;
52
- top: 50%;
53
- left: 50%;
54
- transform: translate(-50%, -50%);
55
- animation: fadein 1s;
56
- }
57
- }
58
-
59
- .mdc-button {
60
- svg.svg-icon-process {
37
+ }
38
+
39
+ .fs-form-submit-button-success,
40
+ .fs-form-submit-button-error,
41
+ .fs-form-submit-button-process {
42
+ transition: none;
43
+ cursor: wait;
44
+ color: transparent !important;
45
+ pointer-events: none;
46
+
47
+ svg {
48
+ height: 22px;
49
+ vertical-align: middle;
50
+ width: 22px;
51
+ text-align: center;
52
+ position: absolute;
53
+ top: 50%;
54
+ left: 50%;
55
+ transform: translate(-50%, -50%);
56
+ animation: fadein 1s;
57
+
58
+ &.svg-icon-process {
61
59
  stroke: #a3a3a3;
62
60
  }
63
-
64
- svg.svg-icon-error path,
65
- svg.svg-icon-success path {
61
+
62
+ &.svg-icon-error path,
63
+ &.svg-icon-success path {
66
64
  fill: #a3a3a3;
67
65
  }
68
66
  }
69
-
70
67
  }
71
68
 
72
69
  @keyframes fadein {
@@ -90,7 +87,9 @@
90
87
  color: map-get($foreground, secondary-text);
91
88
  }
92
89
 
93
- .fs-form button {
90
+ .fs-form-submit-button-success,
91
+ .fs-form-submit-button-error,
92
+ .fs-form-submit-button-process {
94
93
  &.mdc-button,
95
94
  &.mdc-button--raised:not([color='primary']),
96
95
  &.mdc-button--unelevated:not([color='primary']) {