@softheon/armature 10.40.2 → 10.40.3

package/bundles/softheon-armature.umd.js

@@ -4684,12 +4684,12 @@
             this.tooltipData = {};
             /** The layout align input for styling */
             this.layoutAlign = {};
+            /** Whether the toggle is disabled or not */
+            this.isDisabled = false;
             /** Emits toggle change event */
             this.toggleChange = new i0.EventEmitter();
             /** The toggle value */
             this.value = undefined;
-            /** Whether the toggle is disabled or not */
-            this.isDisabled = false;
             /** The form control name */
             this.controlName = "";
             /** If the form control was touched or not */
@@ -4787,7 +4787,7 @@
     SofButtonToggleGroupComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'sof-button-toggle-group',
-                    template: "<p fxLayoutAlign=\"{{layoutAlign.label}}\">\r\n    <span [class]=\"labelClass\" [innerHtml]=\"(labelText | translate) + (isRequired ? ' *' : '')\"></span>\r\n    <mat-icon p-l-5 *ngIf=\"tooltipData.text\" [matTooltip]=\"tooltipData.text | translate\" matTooltipPosition=\"{{tooltipData.position}}\" color=\"{{tooltipData.color}}\">\r\n        <i class=\"fa-regular fa-circle-info info-icon\"></i>\r\n    </mat-icon>\r\n</p>\r\n<div fxLayout=\"row wrap\" fxLayoutAlign=\"{{layoutAlign.toggle}}\">\r\n    <mat-button-toggle-group #group=\"matButtonToggleGroup\" name=\"{{controlName}}\" class=\"sof-toggle-group\" [value]=\"value\" [disabled]=\"isDisabled\" (click)=\"valueSelected(group.value)\" ngDefaultControl>\r\n        <mat-button-toggle id=\"left-toggle-{{controlName}}\" *ngIf=\"buttonData.left\" class=\"toggle-left\" [value]=\"buttonData.left.value\" [disableRipple]=\"true\">\r\n        {{ buttonData.left.text | translate}}\r\n        </mat-button-toggle>\r\n        <mat-button-toggle id=\"middle-toggle-{{controlName}}\" *ngIf=\"buttonData.middle\" class=\"toggle-middle\" [value]=\"buttonData.middle.value\" [disableRipple]=\"true\">\r\n            {{ buttonData.middle.text| translate}}\r\n            </mat-button-toggle>\r\n        <mat-button-toggle id=\"right-toggle-{{controlName}}\" *ngIf=\"buttonData.right\" class=\"toggle-right\" [value]=\"buttonData.right.value\" [disableRipple]=\"true\">\r\n        {{ buttonData.right.text | translate}}\r\n        </mat-button-toggle>\r\n    </mat-button-toggle-group>\r\n</div>",
+                    template: "<p fxLayoutAlign=\"{{layoutAlign.label}}\">\r\n    <span [class]=\"labelClass\" [innerHtml]=\"(labelText | translate) + (isRequired ? ' *' : '')\"></span>\r\n    <mat-icon p-l-5 *ngIf=\"tooltipData.text\" [matTooltip]=\"tooltipData.text | translate\"\r\n        matTooltipPosition=\"{{tooltipData.position}}\" color=\"{{tooltipData.color}}\">\r\n        <i class=\"fa-regular fa-circle-info info-icon\"></i>\r\n    </mat-icon>\r\n</p>\r\n<div fxLayout=\"row wrap\" fxLayoutAlign=\"{{layoutAlign.toggle}}\">\r\n    <mat-button-toggle-group #group=\"matButtonToggleGroup\" name=\"{{controlName}}\" class=\"sof-toggle-group\"\r\n        [value]=\"value\" [disabled]=\"isDisabled\" (click)=\"valueSelected(group.value)\" ngDefaultControl>\r\n        <mat-button-toggle id=\"left-toggle-{{controlName}}\" *ngIf=\"buttonData.left\" class=\"toggle-left\"\r\n            [value]=\"buttonData.left.value\" [disableRipple]=\"true\">\r\n            {{ buttonData.left.text | translate}}\r\n        </mat-button-toggle>\r\n        <mat-button-toggle id=\"middle-toggle-{{controlName}}\" *ngIf=\"buttonData.middle\" class=\"toggle-middle\"\r\n            [value]=\"buttonData.middle.value\" [disableRipple]=\"true\">\r\n            {{ buttonData.middle.text| translate}}\r\n        </mat-button-toggle>\r\n        <mat-button-toggle id=\"right-toggle-{{controlName}}\" *ngIf=\"buttonData.right\" class=\"toggle-right\"\r\n            [value]=\"buttonData.right.value\" [disableRipple]=\"true\">\r\n            {{ buttonData.right.text | translate}}\r\n        </mat-button-toggle>\r\n    </mat-button-toggle-group>\r\n</div>",
                     styles: [""]
                 },] }
     ];
@@ -4801,6 +4801,7 @@
         buttonData: [{ type: i0.Input }],
         tooltipData: [{ type: i0.Input }],
         layoutAlign: [{ type: i0.Input }],
+        isDisabled: [{ type: i0.Input, args: ["disabled",] }],
         toggleChange: [{ type: i0.Output }]
     };