ms-design-system 0.0.54 → 0.0.55

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.
@@ -1,7 +1,7 @@
1
1
  import * as i1$1 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { Input, Component, EventEmitter, Output, Injectable, signal, HostListener, ViewChild, forwardRef, booleanAttribute, ContentChild, inject, ElementRef, ViewContainerRef, Directive, NgModule, makeEnvironmentProviders, createComponent } from '@angular/core';
4
+ import { Input, Component, EventEmitter, Output, Injectable, signal, HostListener, ViewChild, forwardRef, booleanAttribute, ContentChild, ChangeDetectionStrategy, inject, ElementRef, ViewContainerRef, Directive, NgModule, makeEnvironmentProviders, createComponent } from '@angular/core';
5
5
  import * as i2 from '@angular/forms';
6
6
  import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS, ReactiveFormsModule } from '@angular/forms';
7
7
  import * as i1 from '@angular/platform-browser';
@@ -1206,11 +1206,33 @@ class MsRadioButton {
1206
1206
  this.onTouched();
1207
1207
  } }
1208
1208
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: MsRadioButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
1209
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: MsRadioButton, isStandalone: true, selector: "ms-radio-button", inputs: { label: "label", name: "name", value: "value", disabled: "disabled", required: "required", invalidBox: "invalidBox", skeleton: "skeleton", checked: "checked" }, outputs: { htmlChange: "htmlChange" }, usesOnChanges: true, ngImport: i0, template: "<label class=\"ms-radio\" [class.checked]=\"checked\" [class.disabled]=\"disabled\" [class.ms-radio-skeleton]=\"skeleton\"\n [class.invalid]=\"invalid\" (click)=\"markTouched()\">\n\n @if (skeleton) {\n <div class=\"ms-radio-skeleton\"></div>\n } @else {\n\n <input type=\"radio\" [name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"select()\" tabindex=\"0\"\n aria-checked=\"{{ checked }}\" role=\"radio\" />\n\n <span class=\"ms-radio-circle\" aria-hidden=\"true\">\n <span class=\"ms-radio-dot\"></span>\n </span>\n\n @if (label) {\n <span class=\"ms-label\">{{ label }}</span>\n }\n\n }\n\n</label>", styles: [""] });
1209
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: MsRadioButton, isStandalone: true, selector: "ms-radio-button", inputs: { label: "label", name: "name", value: "value", disabled: "disabled", required: "required", invalidBox: "invalidBox", skeleton: "skeleton", checked: "checked" }, outputs: { htmlChange: "htmlChange" }, providers: [
1210
+ {
1211
+ provide: NG_VALUE_ACCESSOR,
1212
+ useExisting: forwardRef(() => MsRadioButton),
1213
+ multi: true
1214
+ },
1215
+ {
1216
+ provide: NG_VALIDATORS,
1217
+ useExisting: forwardRef(() => MsRadioButton),
1218
+ multi: true
1219
+ }
1220
+ ], usesOnChanges: true, ngImport: i0, template: "<label class=\"ms-radio\" [class.checked]=\"checked\" [class.disabled]=\"disabled\" [class.ms-radio-skeleton]=\"skeleton\"\n [class.invalid]=\"invalid\" (click)=\"markTouched()\">\n\n @if (skeleton) {\n <div class=\"ms-radio-skeleton\"></div>\n } @else {\n\n <input type=\"radio\" [name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"select()\" tabindex=\"0\"\n aria-checked=\"{{ checked }}\" role=\"radio\" />\n\n <span class=\"ms-radio-circle\" aria-hidden=\"true\">\n <span class=\"ms-radio-dot\"></span>\n </span>\n\n @if (label) {\n <span class=\"ms-label\">{{ label }}</span>\n }\n\n }\n\n</label>", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1210
1221
  }
1211
1222
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: MsRadioButton, decorators: [{
1212
1223
  type: Component,
1213
- args: [{ selector: 'ms-radio-button', template: "<label class=\"ms-radio\" [class.checked]=\"checked\" [class.disabled]=\"disabled\" [class.ms-radio-skeleton]=\"skeleton\"\n [class.invalid]=\"invalid\" (click)=\"markTouched()\">\n\n @if (skeleton) {\n <div class=\"ms-radio-skeleton\"></div>\n } @else {\n\n <input type=\"radio\" [name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"select()\" tabindex=\"0\"\n aria-checked=\"{{ checked }}\" role=\"radio\" />\n\n <span class=\"ms-radio-circle\" aria-hidden=\"true\">\n <span class=\"ms-radio-dot\"></span>\n </span>\n\n @if (label) {\n <span class=\"ms-label\">{{ label }}</span>\n }\n\n }\n\n</label>" }]
1224
+ args: [{ selector: 'ms-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
1225
+ {
1226
+ provide: NG_VALUE_ACCESSOR,
1227
+ useExisting: forwardRef(() => MsRadioButton),
1228
+ multi: true
1229
+ },
1230
+ {
1231
+ provide: NG_VALIDATORS,
1232
+ useExisting: forwardRef(() => MsRadioButton),
1233
+ multi: true
1234
+ }
1235
+ ], template: "<label class=\"ms-radio\" [class.checked]=\"checked\" [class.disabled]=\"disabled\" [class.ms-radio-skeleton]=\"skeleton\"\n [class.invalid]=\"invalid\" (click)=\"markTouched()\">\n\n @if (skeleton) {\n <div class=\"ms-radio-skeleton\"></div>\n } @else {\n\n <input type=\"radio\" [name]=\"name\" [checked]=\"checked\" [disabled]=\"disabled\" (change)=\"select()\" tabindex=\"0\"\n aria-checked=\"{{ checked }}\" role=\"radio\" />\n\n <span class=\"ms-radio-circle\" aria-hidden=\"true\">\n <span class=\"ms-radio-dot\"></span>\n </span>\n\n @if (label) {\n <span class=\"ms-label\">{{ label }}</span>\n }\n\n }\n\n</label>" }]
1214
1236
  }], propDecorators: { label: [{
1215
1237
  type: Input
1216
1238
  }], name: [{