@wizishop/angular-components 0.0.166 → 0.0.167
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/angular-components.scss +1 -3
- package/bundles/wizishop-angular-components.umd.js +4 -2
- package/bundles/wizishop-angular-components.umd.js.map +1 -1
- package/bundles/wizishop-angular-components.umd.min.js +1 -1
- package/bundles/wizishop-angular-components.umd.min.js.map +1 -1
- package/esm2015/lib/components/block-with-checkbox/block-with-checkbox.component.js +5 -3
- package/fesm2015/wizishop-angular-components.js +4 -2
- package/fesm2015/wizishop-angular-components.js.map +1 -1
- package/lib/components/block-with-checkbox/block-with-checkbox.component.d.ts +1 -0
- package/package.json +1 -1
- package/wizishop-angular-components-0.0.167.tgz +0 -0
- package/wizishop-angular-components.metadata.json +1 -1
- package/wizishop-angular-components-0.0.166.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -5243,6 +5243,7 @@ h3.wac-h3 {
|
|
|
5243
5243
|
padding: 30px;
|
|
5244
5244
|
border: 2px solid transparent;
|
|
5245
5245
|
transition: .3s ease;
|
|
5246
|
+
opacity: .45;
|
|
5246
5247
|
&.selected, &:hover, &:focus {
|
|
5247
5248
|
border-color: $wac-input-active-color;
|
|
5248
5249
|
opacity: 1!important;
|
|
@@ -5250,9 +5251,6 @@ h3.wac-h3 {
|
|
|
5250
5251
|
&.firstWacRadioBLock {
|
|
5251
5252
|
opacity: 1!important;
|
|
5252
5253
|
}
|
|
5253
|
-
&:not(.selected) {
|
|
5254
|
-
opacity: .45;
|
|
5255
|
-
}
|
|
5256
5254
|
@include media('<tablet') {
|
|
5257
5255
|
padding: 20px;
|
|
5258
5256
|
flex-direction: column;
|
|
@@ -4310,6 +4310,7 @@
|
|
|
4310
4310
|
this.checkboxAction = new i0.EventEmitter();
|
|
4311
4311
|
this.nameRadio = 'wacBlockCheckboxRadio';
|
|
4312
4312
|
this.isFirst = false;
|
|
4313
|
+
this.opacity = '.45';
|
|
4313
4314
|
}
|
|
4314
4315
|
BlockWithCheckboxComponent.prototype.ngOnInit = function () {
|
|
4315
4316
|
this.randomLabelName = 'radioBlock' + Math.random() * (900 - 700) + 700;
|
|
@@ -4334,7 +4335,7 @@
|
|
|
4334
4335
|
BlockWithCheckboxComponent.decorators = [
|
|
4335
4336
|
{ type: i0.Component, args: [{
|
|
4336
4337
|
selector: 'wac-block-with-checkbox',
|
|
4337
|
-
template: "<div class=\"block-with-checkbox\" [ngClass]=\"{'selected': inputRadioA.checked, 'firstWacRadioBLock': isFirst}\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"inputRadioA.click()\">\n <ng-content></ng-content>\n </div>\n <div class=\"block-with-checkbox__right\">\n <div><wac-button extraClasses=\"is-blue opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\"></wac-button></div>\n <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconWorld\" (click)=\"eventWorld()\"></wac-button></div>\n </div>\n</div>\n"
|
|
4338
|
+
template: "<div class=\"block-with-checkbox\" [ngClass]=\"{'selected': inputRadioA.checked, 'firstWacRadioBLock': isFirst}\" [style.opacity]=\"opacity\" (mouseover)=\"removeFirstClass()\">\n <div class=\"block-with-checkbox__left\" (click)=\"inputRadioA.click()\">\n <div class=\"wac-radio-block\">\n <div class=\"wac-radio__row\">\n <input #inputRadioA [name]=\"nameRadio\" type=\"radio\" [value]=\"selected\" (change)=\"eventSelected($event)\" [id]=\"randomLabelName\">\n <label [for]=\"randomLabelName\"></label>\n </div>\n </div>\n </div>\n <div class=\"block-with-checkbox__center\" (click)=\"inputRadioA.click()\">\n <ng-content></ng-content>\n </div>\n <div class=\"block-with-checkbox__right\">\n <div><wac-button extraClasses=\"is-blue opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\"></wac-button></div>\n <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconWorld\" (click)=\"eventWorld()\"></wac-button></div>\n </div>\n</div>\n"
|
|
4338
4339
|
},] }
|
|
4339
4340
|
];
|
|
4340
4341
|
BlockWithCheckboxComponent.ctorParameters = function () { return []; };
|
|
@@ -4346,7 +4347,8 @@
|
|
|
4346
4347
|
worldAction: [{ type: i0.Output }],
|
|
4347
4348
|
checkboxAction: [{ type: i0.Output }],
|
|
4348
4349
|
nameRadio: [{ type: i0.Input }],
|
|
4349
|
-
isFirst: [{ type: i0.Input }]
|
|
4350
|
+
isFirst: [{ type: i0.Input }],
|
|
4351
|
+
opacity: [{ type: i0.Input }]
|
|
4350
4352
|
};
|
|
4351
4353
|
|
|
4352
4354
|
var ConfirmDeleteComponent = /** @class */ (function () {
|