monkey-style-guide 21.0.9 → 21.0.10

package/fesm2022/monkey-style-guide.mjs

@@ -10095,7 +10095,7 @@ class MonkeyPassNumberComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MonkeyPassNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: MonkeyPassNumberComponent, isStandalone: true, selector: "monkey-pass-number", inputs: { id: "id" }, outputs: { onChange: "onChange" }, host: { attributes: { "data-testid": "monkey-pass-number" }, properties: { "attr.id": "id", "id": "id" } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: MonkeyPassNumberComponent, isStandalone: true, selector: "monkey-pass-number", inputs: { disabled: "disabled", id: "id" }, outputs: { onChange: "onChange" }, host: { attributes: { "data-testid": "monkey-pass-number" }, properties: { "attr.id": "id", "id": "id" } }, ngImport: i0, template: `
     <div class="pin-selected">
       @for (input of [0, 1, 2, 3]; track input) {
         <div class="pin-input">
@@ -10108,17 +10108,27 @@ class MonkeyPassNumberComponent {
         <monkey-button
           size="lg"
           (click)="onPress(pin)"
-          [disabled]="isDisabledNumbers"
+          [disabled]="isDisabledNumbers || disabled"
           color="black"
         >
           {{ pin }}
         </monkey-button>
       }
       <div></div>
-      <monkey-button size="lg" (click)="onPress(0)" [disabled]="isDisabledNumbers" color="black">
+      <monkey-button
+        size="lg"
+        (click)="onPress(0)"
+        [disabled]="isDisabledNumbers || disabled"
+        color="black"
+      >
         0
       </monkey-button>
-      <monkey-button size="lg" type="secondary" (click)="clear()" [disabled]="isDisabledClear">
+      <monkey-button
+        size="lg"
+        type="secondary"
+        (click)="clear()"
+        [disabled]="isDisabledClear || disabled"
+      >
         <i class="mk-i mk-i-delete"></i>
       </monkey-button>
     </div>
@@ -10139,17 +10149,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
         <monkey-button
           size="lg"
           (click)="onPress(pin)"
-          [disabled]="isDisabledNumbers"
+          [disabled]="isDisabledNumbers || disabled"
           color="black"
         >
           {{ pin }}
         </monkey-button>
       }
       <div></div>
-      <monkey-button size="lg" (click)="onPress(0)" [disabled]="isDisabledNumbers" color="black">
+      <monkey-button
+        size="lg"
+        (click)="onPress(0)"
+        [disabled]="isDisabledNumbers || disabled"
+        color="black"
+      >
         0
       </monkey-button>
-      <monkey-button size="lg" type="secondary" (click)="clear()" [disabled]="isDisabledClear">
+      <monkey-button
+        size="lg"
+        type="secondary"
+        (click)="clear()"
+        [disabled]="isDisabledClear || disabled"
+      >
         <i class="mk-i mk-i-delete"></i>
       </monkey-button>
     </div>
@@ -10158,7 +10178,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                         '[attr.id]': 'id',
                         '[id]': 'id'
                     }, styles: [":host{display:flex;width:100%;max-width:350px;flex-direction:column;gap:1rem}:host .pin-selected{display:flex;align-items:center;justify-content:center;gap:8px}:host .pin-selected .pin-input{width:32px;height:32px;border:2px solid var(--mecx-color-gray-400);box-sizing:border-box;border-radius:4px;background-color:var(--mecx-color-white);display:flex;justify-content:center;align-items:center;line-height:24px;font-weight:600;font-size:14px;position:relative}:host .pin-selected .pin-input.filled:before{content:\"\";border-radius:50%;width:8px;height:8px;background-color:var(--mecx-color-gray-900);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}:host .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { onChange: [{ type: i0.Output, args: ["onChange"] }], id: [{
+        }], ctorParameters: () => [], propDecorators: { disabled: [{
+                type: Input
+            }], onChange: [{ type: i0.Output, args: ["onChange"] }], id: [{
                 type: Input
             }] } });