@indice/ng-components 0.2.32 → 0.2.33

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 (111) hide show
  1. package/README.md +4 -4
  2. package/_styles.css +3457 -3457
  3. package/bundles/indice-ng-components.umd.js +3204 -3198
  4. package/bundles/indice-ng-components.umd.js.map +1 -1
  5. package/esm2015/indice-ng-components.js +6 -6
  6. package/esm2015/lib/controls/avatar-initials/avatar-initials.component.js +47 -47
  7. package/esm2015/lib/controls/collapsible-panel/collapsible-panel.component.js +20 -20
  8. package/esm2015/lib/controls/date-picker/date-picker.component.js +217 -217
  9. package/esm2015/lib/controls/drop-down-menu/drop-down-menu.component.js +62 -62
  10. package/esm2015/lib/controls/kpi-tile/kpi-tile.component.js +32 -32
  11. package/esm2015/lib/controls/list-view/list-column.component.js +19 -19
  12. package/esm2015/lib/controls/list-view/list-details-section.component.js +14 -14
  13. package/esm2015/lib/controls/list-view/list-tile.component.js +14 -14
  14. package/esm2015/lib/controls/list-view/list-view-empty-state.component.js +25 -25
  15. package/esm2015/lib/controls/list-view/list-view.component.js +133 -133
  16. package/esm2015/lib/controls/pager/pager.component.js +114 -114
  17. package/esm2015/lib/controls/side-pane/side-pane.component.js +71 -71
  18. package/esm2015/lib/controls/skeleton-loader/skeleton-loader.component.js +25 -25
  19. package/esm2015/lib/controls/toaster/toaster-container.component.js +28 -28
  20. package/esm2015/lib/controls/toaster/toaster.component.js +29 -29
  21. package/esm2015/lib/controls/toggle/toggle.component.js +56 -56
  22. package/esm2015/lib/directives/click-outside.directive.js +181 -181
  23. package/esm2015/lib/directives/dynamic-component-host.directive.js +17 -17
  24. package/esm2015/lib/helpers/base-list.component.js +182 -182
  25. package/esm2015/lib/icons.js +30 -30
  26. package/esm2015/lib/layouts/shell/shell-footer/shell-footer.component.js +17 -17
  27. package/esm2015/lib/layouts/shell/shell-header/shell-header.component.js +98 -98
  28. package/esm2015/lib/layouts/shell/shell-layout/shell-layout.component.js +92 -92
  29. package/esm2015/lib/layouts/views/form-layout/form-layout.component.js +72 -72
  30. package/esm2015/lib/layouts/views/model-view-layout/model-view-layout.component.js +47 -47
  31. package/esm2015/lib/layouts/views/side-view-layout/side-view-layout.component.js +73 -73
  32. package/esm2015/lib/layouts/views/view-layout/view-layout.component.js +87 -87
  33. package/esm2015/lib/ng-components.module.js +133 -133
  34. package/esm2015/lib/pages/auth/auth-callback/auth-callback.component.js +74 -74
  35. package/esm2015/lib/pages/auth/auth-renew/auth-renew.component.js +25 -25
  36. package/esm2015/lib/pages/auth/logged-out/logged-out.component.js +26 -26
  37. package/esm2015/lib/pages/http-status/error/error.component.js +15 -15
  38. package/esm2015/lib/pages/http-status/page-not-found/page-not-found.component.js +14 -14
  39. package/esm2015/lib/pages/http-status/unauthorized/unauthorized.component.js +22 -22
  40. package/esm2015/lib/pipes/address.pipe.js +17 -17
  41. package/esm2015/lib/pipes/duration-format.pipe.js +60 -60
  42. package/esm2015/lib/services/component-loader/component-loader-options.class.js +8 -8
  43. package/esm2015/lib/services/component-loader/component-loader.class.js +192 -192
  44. package/esm2015/lib/services/component-loader/component-loader.factory.js +35 -35
  45. package/esm2015/lib/services/component-loader/content-ref.class.js +13 -13
  46. package/esm2015/lib/services/modal-service/modal-backdrop-component.js +44 -44
  47. package/esm2015/lib/services/modal-service/modal-container-component.js +117 -117
  48. package/esm2015/lib/services/modal-service/modal-options.class.js +31 -31
  49. package/esm2015/lib/services/modal-service/modal-service.js +214 -214
  50. package/esm2015/lib/services/modal-service/modal-styles.class.js +11 -11
  51. package/esm2015/lib/services/modal-service/modal.class.js +24 -24
  52. package/esm2015/lib/services/toaster.service.js +23 -23
  53. package/esm2015/lib/tokens.js +4 -4
  54. package/esm2015/lib/types.js +104 -104
  55. package/esm2015/public-api.js +53 -53
  56. package/fesm2015/indice-ng-components.js +2758 -2758
  57. package/fesm2015/indice-ng-components.js.map +1 -1
  58. package/indice-ng-components.d.ts +6 -6
  59. package/indice-ng-components.metadata.json +1 -1
  60. package/lib/controls/avatar-initials/avatar-initials.component.d.ts +11 -11
  61. package/lib/controls/collapsible-panel/collapsible-panel.component.d.ts +7 -7
  62. package/lib/controls/date-picker/date-picker.component.d.ts +43 -43
  63. package/lib/controls/drop-down-menu/drop-down-menu.component.d.ts +22 -22
  64. package/lib/controls/kpi-tile/kpi-tile.component.d.ts +10 -10
  65. package/lib/controls/list-view/list-column.component.d.ts +6 -6
  66. package/lib/controls/list-view/list-details-section.component.d.ts +4 -4
  67. package/lib/controls/list-view/list-tile.component.d.ts +4 -4
  68. package/lib/controls/list-view/list-view-empty-state.component.d.ts +8 -8
  69. package/lib/controls/list-view/list-view.component.d.ts +50 -50
  70. package/lib/controls/pager/pager.component.d.ts +32 -32
  71. package/lib/controls/side-pane/side-pane.component.d.ts +15 -15
  72. package/lib/controls/skeleton-loader/skeleton-loader.component.d.ts +8 -8
  73. package/lib/controls/toaster/toaster-container.component.d.ts +10 -10
  74. package/lib/controls/toaster/toaster.component.d.ts +12 -12
  75. package/lib/controls/toggle/toggle.component.d.ts +16 -16
  76. package/lib/directives/click-outside.directive.d.ts +37 -37
  77. package/lib/directives/dynamic-component-host.directive.d.ts +6 -6
  78. package/lib/helpers/base-list.component.d.ts +39 -39
  79. package/lib/icons.d.ts +28 -28
  80. package/lib/layouts/shell/shell-footer/shell-footer.component.d.ts +5 -5
  81. package/lib/layouts/shell/shell-header/shell-header.component.d.ts +33 -33
  82. package/lib/layouts/shell/shell-layout/shell-layout.component.d.ts +23 -23
  83. package/lib/layouts/views/form-layout/form-layout.component.d.ts +21 -21
  84. package/lib/layouts/views/model-view-layout/model-view-layout.component.d.ts +22 -22
  85. package/lib/layouts/views/side-view-layout/side-view-layout.component.d.ts +24 -24
  86. package/lib/layouts/views/view-layout/view-layout.component.d.ts +27 -27
  87. package/lib/ng-components.module.d.ts +7 -7
  88. package/lib/pages/auth/auth-callback/auth-callback.component.d.ts +11 -11
  89. package/lib/pages/auth/auth-renew/auth-renew.component.d.ts +9 -9
  90. package/lib/pages/auth/logged-out/logged-out.component.d.ts +9 -9
  91. package/lib/pages/http-status/error/error.component.d.ts +5 -5
  92. package/lib/pages/http-status/page-not-found/page-not-found.component.d.ts +5 -5
  93. package/lib/pages/http-status/unauthorized/unauthorized.component.d.ts +8 -8
  94. package/lib/pipes/address.pipe.d.ts +5 -5
  95. package/lib/pipes/duration-format.pipe.d.ts +5 -5
  96. package/lib/services/component-loader/component-loader-options.class.d.ts +30 -30
  97. package/lib/services/component-loader/component-loader.class.d.ts +92 -92
  98. package/lib/services/component-loader/component-loader.factory.d.ts +21 -21
  99. package/lib/services/component-loader/content-ref.class.d.ts +12 -12
  100. package/lib/services/modal-service/modal-backdrop-component.d.ts +17 -17
  101. package/lib/services/modal-service/modal-container-component.d.ts +30 -30
  102. package/lib/services/modal-service/modal-options.class.d.ts +77 -77
  103. package/lib/services/modal-service/modal-service.d.ts +55 -55
  104. package/lib/services/modal-service/modal-styles.class.d.ts +10 -10
  105. package/lib/services/modal-service/modal.class.d.ts +40 -40
  106. package/lib/services/toaster.service.d.ts +8 -8
  107. package/lib/tokens.d.ts +4 -4
  108. package/lib/types.d.ts +124 -124
  109. package/modal.css +157 -157
  110. package/package.json +1 -1
  111. package/public-api.d.ts +41 -41
package/modal.css CHANGED
@@ -1,157 +1,157 @@
1
- .modal-open {
2
- overflow: hidden;
3
- }
4
- .modal-open .modal {
5
- overflow-x: hidden;
6
- overflow-y: auto;
7
- }
8
- .modal {
9
- position: fixed;
10
- top: 0;
11
- left: 0;
12
- z-index: 1050;
13
- display: none;
14
- width: 100%;
15
- height: 100%;
16
- overflow: hidden;
17
- outline: 0;
18
- }
19
- .modal-dialog {
20
- position: relative;
21
- width: auto;
22
- margin: 0.5rem;
23
- pointer-events: none;
24
- }
25
- .modal.fade .modal-dialog {
26
- transition: transform 0.3s ease-out;
27
- transform: translate(0, -50px);
28
- }
29
-
30
- .fade {
31
- transition: opacity 0.15s linear;
32
- }
33
- .fade:not(.show) {
34
- opacity: 0;
35
- }
36
- @media (prefers-reduced-motion: reduce) {
37
- .modal.fade .modal-dialog {
38
- transition: none;
39
- }
40
- }
41
- .modal.show .modal-dialog {
42
- transform: none;
43
- }
44
- .modal.modal-static .modal-dialog {
45
- transform: scale(1.02);
46
- }
47
- .modal-dialog-scrollable {
48
- display: flex;
49
- max-height: subtract(100%, 1rem);
50
- }
51
- .modal-dialog-scrollable .modal-content {
52
- max-height: subtract(100vh, 1rem);
53
- overflow: hidden;
54
- }
55
- .modal-dialog-scrollable .modal-header,
56
- .modal-dialog-scrollable .modal-footer {
57
- flex-shrink: 0;
58
- }
59
- .modal-dialog-scrollable .modal-body {
60
- overflow-y: auto;
61
- }
62
- .modal-dialog-centered {
63
- display: flex;
64
- align-items: center;
65
- min-height: subtract(100%, 1rem);
66
- }
67
- .modal-dialog-centered::before {
68
- display: block;
69
- height: subtract(100vh, 1rem);
70
- height: -webkit-min-content;
71
- height: min-content;
72
- content: "";
73
- }
74
- .modal-dialog-centered.modal-dialog-scrollable {
75
- flex-direction: column;
76
- justify-content: center;
77
- height: 100%;
78
- }
79
- .modal-dialog-centered.modal-dialog-scrollable .modal-content {
80
- max-height: none;
81
- }
82
- .modal-dialog-centered.modal-dialog-scrollable::before {
83
- content: none;
84
- }
85
- .modal-content {
86
- position: relative;
87
- display: flex;
88
- flex-direction: column;
89
- width: 100%;
90
- pointer-events: auto;
91
- background-color: #fff;
92
- background-clip: padding-box;
93
- border: 1px solid rgba(0, 0, 0, 0.2);
94
- border-radius: 0.3rem;
95
- outline: 0;
96
- }
97
- .modal-backdrop {
98
- position: fixed;
99
- top: 0;
100
- left: 0;
101
- z-index: 1040;
102
- width: 100vw;
103
- height: 100vh;
104
- background-color: #000;
105
- }
106
- .modal-backdrop.fade {
107
- opacity: 0;
108
- }
109
- .modal-backdrop.show {
110
- opacity: 0.5;
111
- }
112
- .modal-scrollbar-measure {
113
- position: absolute;
114
- top: -9999px;
115
- width: 50px;
116
- height: 50px;
117
- overflow: scroll;
118
- }
119
- @media (min-width: 576px) {
120
- .modal-dialog {
121
- max-width: 500px;
122
- margin: 1.75rem auto;
123
- }
124
-
125
- .modal-dialog-scrollable {
126
- max-height: subtract(100%, 3.5rem);
127
- }
128
- .modal-dialog-scrollable .modal-content {
129
- max-height: subtract(100vh, 3.5rem);
130
- }
131
-
132
- .modal-dialog-centered {
133
- min-height: subtract(100%, 3.5rem);
134
- }
135
- .modal-dialog-centered::before {
136
- height: subtract(100vh, 3.5rem);
137
- height: -webkit-min-content;
138
- height: min-content;
139
- }
140
-
141
- .modal-sm {
142
- max-width: 300px;
143
- }
144
- }
145
- @media (min-width: 992px) {
146
- .modal-lg,
147
- .modal-xl {
148
- max-width: 800px;
149
- }
150
- }
151
- @media (min-width: 1200px) {
152
- .modal-xl {
153
- max-width: 1140px;
154
- }
155
- }
156
-
157
- /*# sourceMappingURL=styles.css.map*/
1
+ .modal-open {
2
+ overflow: hidden;
3
+ }
4
+ .modal-open .modal {
5
+ overflow-x: hidden;
6
+ overflow-y: auto;
7
+ }
8
+ .modal {
9
+ position: fixed;
10
+ top: 0;
11
+ left: 0;
12
+ z-index: 1050;
13
+ display: none;
14
+ width: 100%;
15
+ height: 100%;
16
+ overflow: hidden;
17
+ outline: 0;
18
+ }
19
+ .modal-dialog {
20
+ position: relative;
21
+ width: auto;
22
+ margin: 0.5rem;
23
+ pointer-events: none;
24
+ }
25
+ .modal.fade .modal-dialog {
26
+ transition: transform 0.3s ease-out;
27
+ transform: translate(0, -50px);
28
+ }
29
+
30
+ .fade {
31
+ transition: opacity 0.15s linear;
32
+ }
33
+ .fade:not(.show) {
34
+ opacity: 0;
35
+ }
36
+ @media (prefers-reduced-motion: reduce) {
37
+ .modal.fade .modal-dialog {
38
+ transition: none;
39
+ }
40
+ }
41
+ .modal.show .modal-dialog {
42
+ transform: none;
43
+ }
44
+ .modal.modal-static .modal-dialog {
45
+ transform: scale(1.02);
46
+ }
47
+ .modal-dialog-scrollable {
48
+ display: flex;
49
+ max-height: subtract(100%, 1rem);
50
+ }
51
+ .modal-dialog-scrollable .modal-content {
52
+ max-height: subtract(100vh, 1rem);
53
+ overflow: hidden;
54
+ }
55
+ .modal-dialog-scrollable .modal-header,
56
+ .modal-dialog-scrollable .modal-footer {
57
+ flex-shrink: 0;
58
+ }
59
+ .modal-dialog-scrollable .modal-body {
60
+ overflow-y: auto;
61
+ }
62
+ .modal-dialog-centered {
63
+ display: flex;
64
+ align-items: center;
65
+ min-height: subtract(100%, 1rem);
66
+ }
67
+ .modal-dialog-centered::before {
68
+ display: block;
69
+ height: subtract(100vh, 1rem);
70
+ height: -webkit-min-content;
71
+ height: min-content;
72
+ content: "";
73
+ }
74
+ .modal-dialog-centered.modal-dialog-scrollable {
75
+ flex-direction: column;
76
+ justify-content: center;
77
+ height: 100%;
78
+ }
79
+ .modal-dialog-centered.modal-dialog-scrollable .modal-content {
80
+ max-height: none;
81
+ }
82
+ .modal-dialog-centered.modal-dialog-scrollable::before {
83
+ content: none;
84
+ }
85
+ .modal-content {
86
+ position: relative;
87
+ display: flex;
88
+ flex-direction: column;
89
+ width: 100%;
90
+ pointer-events: auto;
91
+ background-color: #fff;
92
+ background-clip: padding-box;
93
+ border: 1px solid rgba(0, 0, 0, 0.2);
94
+ border-radius: 0.3rem;
95
+ outline: 0;
96
+ }
97
+ .modal-backdrop {
98
+ position: fixed;
99
+ top: 0;
100
+ left: 0;
101
+ z-index: 1040;
102
+ width: 100vw;
103
+ height: 100vh;
104
+ background-color: #000;
105
+ }
106
+ .modal-backdrop.fade {
107
+ opacity: 0;
108
+ }
109
+ .modal-backdrop.show {
110
+ opacity: 0.5;
111
+ }
112
+ .modal-scrollbar-measure {
113
+ position: absolute;
114
+ top: -9999px;
115
+ width: 50px;
116
+ height: 50px;
117
+ overflow: scroll;
118
+ }
119
+ @media (min-width: 576px) {
120
+ .modal-dialog {
121
+ max-width: 500px;
122
+ margin: 1.75rem auto;
123
+ }
124
+
125
+ .modal-dialog-scrollable {
126
+ max-height: subtract(100%, 3.5rem);
127
+ }
128
+ .modal-dialog-scrollable .modal-content {
129
+ max-height: subtract(100vh, 3.5rem);
130
+ }
131
+
132
+ .modal-dialog-centered {
133
+ min-height: subtract(100%, 3.5rem);
134
+ }
135
+ .modal-dialog-centered::before {
136
+ height: subtract(100vh, 3.5rem);
137
+ height: -webkit-min-content;
138
+ height: min-content;
139
+ }
140
+
141
+ .modal-sm {
142
+ max-width: 300px;
143
+ }
144
+ }
145
+ @media (min-width: 992px) {
146
+ .modal-lg,
147
+ .modal-xl {
148
+ max-width: 800px;
149
+ }
150
+ }
151
+ @media (min-width: 1200px) {
152
+ .modal-xl {
153
+ max-width: 1140px;
154
+ }
155
+ }
156
+
157
+ /*# sourceMappingURL=styles.css.map*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indice/ng-components",
3
- "version": "0.2.32",
3
+ "version": "0.2.33",
4
4
  "description": "Indice common components for Angular v12",
5
5
  "repository": {
6
6
  "type": "git",
package/public-api.d.ts CHANGED
@@ -1,41 +1,41 @@
1
- export * from './lib/directives/click-outside.directive';
2
- export * from './lib/controls/drop-down-menu/drop-down-menu.component';
3
- export * from './lib/controls/pager/pager.component';
4
- export * from './lib/controls/list-view/list-view.component';
5
- export * from './lib/controls/list-view/list-column.component';
6
- export * from './lib/controls/list-view/list-tile.component';
7
- export * from './lib/controls/list-view/list-details-section.component';
8
- export * from './lib/controls/list-view/list-view-empty-state.component';
9
- export * from './lib/controls/skeleton-loader/skeleton-loader.component';
10
- export * from './lib/controls/collapsible-panel/collapsible-panel.component';
11
- export * from './lib/controls/kpi-tile/kpi-tile.component';
12
- export * from './lib/controls/date-picker/date-picker.component';
13
- export * from './lib/controls/toaster/toaster-container.component';
14
- export * from './lib/controls/toaster/toaster.component';
15
- export * from './lib/controls/avatar-initials/avatar-initials.component';
16
- export * from './lib/controls/toggle/toggle.component';
17
- export * from './lib/layouts/shell/shell-layout/shell-layout.component';
18
- export * from './lib/layouts/shell/shell-header/shell-header.component';
19
- export * from './lib/layouts/shell/shell-footer/shell-footer.component';
20
- export * from './lib/layouts/views/view-layout/view-layout.component';
21
- export * from './lib/layouts/views/model-view-layout/model-view-layout.component';
22
- export * from './lib/layouts/views/side-view-layout/side-view-layout.component';
23
- export * from './lib/layouts/views/form-layout/form-layout.component';
24
- export * from './lib/pages/auth/auth-callback/auth-callback.component';
25
- export * from './lib/pages/auth/auth-renew/auth-renew.component';
26
- export * from './lib/pages/auth/logged-out/logged-out.component';
27
- export * from './lib/pages/http-status/error/error.component';
28
- export * from './lib/pages/http-status/page-not-found/page-not-found.component';
29
- export * from './lib/pages/http-status/unauthorized/unauthorized.component';
30
- export * from './lib/pipes/address.pipe';
31
- export * from './lib/pipes/duration-format.pipe';
32
- export * from './lib/tokens';
33
- export * from './lib/types';
34
- export * from './lib/icons';
35
- export * from './lib/helpers/base-list.component';
36
- export * from './lib/services/component-loader/component-loader.factory';
37
- export * from './lib/services/modal-service/modal-service';
38
- export { ModalOptions, MODAL_CONFIG_DEFAULT_OVERRIDE, CloseInterceptorFn } from './lib/services/modal-service/modal-options.class';
39
- export * from './lib/services/modal-service/modal.class';
40
- export * from './lib/services/toaster.service';
41
- export * from './lib/ng-components.module';
1
+ export * from './lib/directives/click-outside.directive';
2
+ export * from './lib/controls/drop-down-menu/drop-down-menu.component';
3
+ export * from './lib/controls/pager/pager.component';
4
+ export * from './lib/controls/list-view/list-view.component';
5
+ export * from './lib/controls/list-view/list-column.component';
6
+ export * from './lib/controls/list-view/list-tile.component';
7
+ export * from './lib/controls/list-view/list-details-section.component';
8
+ export * from './lib/controls/list-view/list-view-empty-state.component';
9
+ export * from './lib/controls/skeleton-loader/skeleton-loader.component';
10
+ export * from './lib/controls/collapsible-panel/collapsible-panel.component';
11
+ export * from './lib/controls/kpi-tile/kpi-tile.component';
12
+ export * from './lib/controls/date-picker/date-picker.component';
13
+ export * from './lib/controls/toaster/toaster-container.component';
14
+ export * from './lib/controls/toaster/toaster.component';
15
+ export * from './lib/controls/avatar-initials/avatar-initials.component';
16
+ export * from './lib/controls/toggle/toggle.component';
17
+ export * from './lib/layouts/shell/shell-layout/shell-layout.component';
18
+ export * from './lib/layouts/shell/shell-header/shell-header.component';
19
+ export * from './lib/layouts/shell/shell-footer/shell-footer.component';
20
+ export * from './lib/layouts/views/view-layout/view-layout.component';
21
+ export * from './lib/layouts/views/model-view-layout/model-view-layout.component';
22
+ export * from './lib/layouts/views/side-view-layout/side-view-layout.component';
23
+ export * from './lib/layouts/views/form-layout/form-layout.component';
24
+ export * from './lib/pages/auth/auth-callback/auth-callback.component';
25
+ export * from './lib/pages/auth/auth-renew/auth-renew.component';
26
+ export * from './lib/pages/auth/logged-out/logged-out.component';
27
+ export * from './lib/pages/http-status/error/error.component';
28
+ export * from './lib/pages/http-status/page-not-found/page-not-found.component';
29
+ export * from './lib/pages/http-status/unauthorized/unauthorized.component';
30
+ export * from './lib/pipes/address.pipe';
31
+ export * from './lib/pipes/duration-format.pipe';
32
+ export * from './lib/tokens';
33
+ export * from './lib/types';
34
+ export * from './lib/icons';
35
+ export * from './lib/helpers/base-list.component';
36
+ export * from './lib/services/component-loader/component-loader.factory';
37
+ export * from './lib/services/modal-service/modal-service';
38
+ export { ModalOptions, MODAL_CONFIG_DEFAULT_OVERRIDE, CloseInterceptorFn } from './lib/services/modal-service/modal-options.class';
39
+ export * from './lib/services/modal-service/modal.class';
40
+ export * from './lib/services/toaster.service';
41
+ export * from './lib/ng-components.module';