@leanix/components 0.2.188 → 0.2.192
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/bundles/leanix-components.umd.js +5 -2
- package/bundles/leanix-components.umd.js.map +1 -1
- package/esm2015/lib/forms-ui/components/slider-toggle/slider-toggle.component.js +5 -2
- package/esm2015/lib/forms-ui/components/slider-toggle/slider-toggle.component.js.map +1 -1
- package/fesm2015/leanix-components.js +5 -2
- package/fesm2015/leanix-components.js.map +1 -1
- package/lib/forms-ui/components/slider-toggle/slider-toggle.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -5526,6 +5526,7 @@
|
|
|
5526
5526
|
function SliderToggleComponent() {
|
|
5527
5527
|
this.size = 'small';
|
|
5528
5528
|
this.disabled = false;
|
|
5529
|
+
this.labelInFront = true;
|
|
5529
5530
|
this.toggle = new i0.EventEmitter();
|
|
5530
5531
|
}
|
|
5531
5532
|
SliderToggleComponent.prototype.onToggle = function () {
|
|
@@ -5545,13 +5546,13 @@
|
|
|
5545
5546
|
return SliderToggleComponent;
|
|
5546
5547
|
}());
|
|
5547
5548
|
SliderToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: SliderToggleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
5548
|
-
SliderToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: SliderToggleComponent, selector: "lx-slider-toggle", inputs: { value: "value", size: "size", disabled: "disabled", label: "label", elementId: "elementId" }, outputs: { toggle: "toggle" }, ngImport: i0__namespace, template: "<div
|
|
5549
|
+
SliderToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: SliderToggleComponent, selector: "lx-slider-toggle", inputs: { value: "value", size: "size", disabled: "disabled", label: "label", labelInFront: "labelInFront", elementId: "elementId" }, outputs: { toggle: "toggle" }, ngImport: i0__namespace, template: "<div\n class=\"wrapper\"\n [class.withLabel]=\"label\"\n [class.withLabelBehind]=\"label && !labelInFront\"\n [class.disabled]=\"disabled\"\n [attr.id]=\"id\"\n [class.small]=\"size === 'small'\"\n>\n <span *ngIf=\"label\" class=\"labelText\" [class.off]=\"!value\">{{ label }}</span>\n <label class=\"checkbox\" [class.small]=\"size === 'small'\">\n <input\n #inputRef\n type=\"checkbox\"\n [checked]=\"value\"\n [disabled]=\"disabled\"\n (click)=\"inputRef.blur()\"\n (change)=\"onToggle()\"\n (keydown.space)=\"focus(inputRef)\"\n (keydown.enter)=\"onToggle()\"\n />\n <span class=\"slider\"></span>\n </label>\n</div>\n", styles: [":host{display:block}.wrapper{display:inline-block}.wrapper.withLabel{display:block}.wrapper.withLabel .checkbox{float:right;margin-top:1px}.wrapper.withLabelBehind .checkbox{float:left;margin-right:2px}.disabled{opacity:.5}.disabled .slider{cursor:default}.checkbox{position:relative;display:inline-block;margin:0}.labelText{color:#2a303d}.labelText.off{color:#526179}input{opacity:0;width:0;height:0;margin:0;padding:0}.small.checkbox{width:22px;height:14px}.small.wrapper:not(.withLabel){height:14px}.small .labelText{font-size:12px}.small .slider{border-radius:7px}.small .slider:before{height:12px;width:12px;left:1px;bottom:1px}.small input:checked+.slider:before{transform:translateX(8px)}input:focus+.slider:before{box-shadow:0 0 0 6px rgba(0,0,0,.2);transition:box-shadow .2s ease}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b2bccc}.slider,.slider:before{position:absolute;transition:transform .2s}.slider:before{content:\"\";border-radius:50%;background-color:#fff}input:checked+.slider{background-color:#33cc58}"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
5549
5550
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: SliderToggleComponent, decorators: [{
|
|
5550
5551
|
type: i0.Component,
|
|
5551
5552
|
args: [{
|
|
5552
5553
|
selector: 'lx-slider-toggle',
|
|
5553
5554
|
templateUrl: 'slider-toggle.component.html',
|
|
5554
|
-
styleUrls: ['slider-toggle.component.
|
|
5555
|
+
styleUrls: ['./slider-toggle.component.scss'],
|
|
5555
5556
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
5556
5557
|
}]
|
|
5557
5558
|
}], propDecorators: { value: [{
|
|
@@ -5562,6 +5563,8 @@
|
|
|
5562
5563
|
type: i0.Input
|
|
5563
5564
|
}], label: [{
|
|
5564
5565
|
type: i0.Input
|
|
5566
|
+
}], labelInFront: [{
|
|
5567
|
+
type: i0.Input
|
|
5565
5568
|
}], elementId: [{
|
|
5566
5569
|
type: i0.Input
|
|
5567
5570
|
}], toggle: [{
|