@wizishop/angular-components 0.0.40 → 0.0.41

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 (14) hide show
  1. package/angular-components.scss +101 -74
  2. package/bundles/wizishop-angular-components.umd.js +1 -1
  3. package/bundles/wizishop-angular-components.umd.js.map +1 -1
  4. package/bundles/wizishop-angular-components.umd.min.js +1 -1
  5. package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
  6. package/esm2015/lib/components/alert-popup/alert-popup.component.js +2 -2
  7. package/esm2015/lib/components/alert-popup/alert-popup.service.js +1 -1
  8. package/fesm2015/wizishop-angular-components.js +1 -1
  9. package/fesm2015/wizishop-angular-components.js.map +1 -1
  10. package/lib/components/alert-popup/alert-popup.service.d.ts +1 -0
  11. package/package.json +1 -1
  12. package/wizishop-angular-components-0.0.41.tgz +0 -0
  13. package/wizishop-angular-components.metadata.json +1 -1
  14. package/wizishop-angular-components-0.0.40.tgz +0 -0
package/angular-components.scss CHANGED
@@ -116,80 +116,6 @@ $wac-color-success-popup-alert: #6DCC95!default;
116
116
  width: rem(36);
117
117
  height: rem(36);
118
118
  }
119
- .wac-progressBarContent {
120
- position: relative;
121
- width: 100%;
122
- display: block;
123
- .progressBar {
124
- position: relative;
125
- width: 88%;
126
- margin-bottom: 1rem;
127
- progress {
128
- &.progress {
129
- margin-bottom: 0;
130
- height: rem(2);
131
- &::-webkit-progress-value {
132
- transition: width 0.5s ease;
133
- }
134
- }
135
- }
136
- span {
137
- position: absolute;
138
- top: -4px;
139
- height: 11px;
140
- width: 11px;
141
- background-color: $wac-border-color;
142
- border-radius: 50%;
143
- }
144
- .is-danger {
145
- background-color: $wac-primary-button;
146
- &::-webkit-progress-value {
147
- background-color: $wac-primary-button;
148
- }
149
- }
150
- .is-warning {
151
- background-color: $wac-orange-color;
152
- &::-webkit-progress-value {
153
- background-color: $wac-orange-color;
154
- }
155
- }
156
- .is-success {
157
- background-color: $wac-green-color;
158
- &::-webkit-progress-value {
159
- background-color: $wac-green-color;
160
- }
161
- }
162
- }
163
- .size {
164
- display: inline;
165
- color: $wac-color-text-grey;
166
- position: absolute;
167
- right: 0;
168
- top: -9px;
169
- background: $wac-white;
170
- padding-left: 0.875rem;
171
- .is-success {
172
- color: $wac-green-color;
173
- }
174
- .is-warning {
175
- color: $wac-orange-color;
176
- }
177
- .is-danger {
178
- color: $wac-primary-button;
179
- }
180
- > span {
181
- font-size: rem(14) !important;
182
- line-height: 1;
183
- transform: translateY(-3px);
184
- display: inline-block;
185
- letter-spacing: 0;
186
- strong {
187
- letter-spacing: 0;
188
- font-weight: 600;
189
- }
190
- }
191
- }
192
- }
193
119
  .wac-radio {
194
120
  .is-checkradio[type='radio'] {
195
121
  outline: 0 !important;
@@ -318,6 +244,80 @@ $wac-color-success-popup-alert: #6DCC95!default;
318
244
  }
319
245
  }
320
246
  }
247
+ .wac-progressBarContent {
248
+ position: relative;
249
+ width: 100%;
250
+ display: block;
251
+ .progressBar {
252
+ position: relative;
253
+ width: 88%;
254
+ margin-bottom: 1rem;
255
+ progress {
256
+ &.progress {
257
+ margin-bottom: 0;
258
+ height: rem(2);
259
+ &::-webkit-progress-value {
260
+ transition: width 0.5s ease;
261
+ }
262
+ }
263
+ }
264
+ span {
265
+ position: absolute;
266
+ top: -4px;
267
+ height: 11px;
268
+ width: 11px;
269
+ background-color: $wac-border-color;
270
+ border-radius: 50%;
271
+ }
272
+ .is-danger {
273
+ background-color: $wac-primary-button;
274
+ &::-webkit-progress-value {
275
+ background-color: $wac-primary-button;
276
+ }
277
+ }
278
+ .is-warning {
279
+ background-color: $wac-orange-color;
280
+ &::-webkit-progress-value {
281
+ background-color: $wac-orange-color;
282
+ }
283
+ }
284
+ .is-success {
285
+ background-color: $wac-green-color;
286
+ &::-webkit-progress-value {
287
+ background-color: $wac-green-color;
288
+ }
289
+ }
290
+ }
291
+ .size {
292
+ display: inline;
293
+ color: $wac-color-text-grey;
294
+ position: absolute;
295
+ right: 0;
296
+ top: -9px;
297
+ background: $wac-white;
298
+ padding-left: 0.875rem;
299
+ .is-success {
300
+ color: $wac-green-color;
301
+ }
302
+ .is-warning {
303
+ color: $wac-orange-color;
304
+ }
305
+ .is-danger {
306
+ color: $wac-primary-button;
307
+ }
308
+ > span {
309
+ font-size: rem(14) !important;
310
+ line-height: 1;
311
+ transform: translateY(-3px);
312
+ display: inline-block;
313
+ letter-spacing: 0;
314
+ strong {
315
+ letter-spacing: 0;
316
+ font-weight: 600;
317
+ }
318
+ }
319
+ }
320
+ }
321
321
  .wac {
322
322
  &-select-in-text {
323
323
  width: auto;
@@ -582,6 +582,33 @@ $wac-color-success-popup-alert: #6DCC95!default;
582
582
  border: 1px solid $wac-main-text;
583
583
  color: $wac-main-text;
584
584
  }
585
+
586
+ &.small {
587
+ padding: 10px;
588
+ border-radius: 3px;
589
+ bottom: -100px;
590
+ right: 0;
591
+ top: auto;
592
+ left: auto;
593
+ width: auto;
594
+ min-width: unset;
595
+ margin: 0 0 100px;
596
+ background-color: $wac-tag-success;
597
+ .alert--message {
598
+ display: flex;
599
+ align-items: center;
600
+ justify-content: flex-start;
601
+ }
602
+ .wac-alert-popup {
603
+ &__text {
604
+ white-space: nowrap;
605
+ font-weight: 600;
606
+ }
607
+ &__close {
608
+ display: none;
609
+ }
610
+ }
611
+ }
585
612
  }
586
613
 
587
614
  &__title {
package/bundles/wizishop-angular-components.umd.js CHANGED
@@ -3494,7 +3494,7 @@
3494
3494
  AlertPopupComponent.decorators = [
3495
3495
  { type: i0.Component, args: [{
3496
3496
  selector: 'wac-alert-popup',
3497
- template: "<div\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '')\"\n [ngClass]=\"{'is-active': open}\"\n>\n <div class=\"alert--message\">\n <span class=\"icon\" *ngIf=\"config.icon\">\n <i [class]=\"config.icon\"></i>\n </span>\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n <p class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n </div>\n</div>\n",
3497
+ template: "<div\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '')\"\n [ngClass]=\"{'is-active': open}\"\n>\n <div class=\"alert--message\">\n <span class=\"icon\" *ngIf=\"config.icon\">\n <i [class]=\"config.icon\"></i>\n </span>\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n </div>\n</div>\n",
3498
3498
  host: {
3499
3499
  class: 'wac-alert-popup'
3500
3500
  },