monkey-style-guide 21.2.3 → 21.2.4
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.
|
@@ -7154,7 +7154,7 @@ class MonkeyInputPhoneComponent {
|
|
|
7154
7154
|
@for (item of countries; track $index) {
|
|
7155
7155
|
<monkey-option [value]="item.iso">
|
|
7156
7156
|
<div class="option-flag">
|
|
7157
|
-
<img class="img-flag" [src]="'https://flagcdn.com/w20/' + item.iso.toLowerCase() + '.png'">
|
|
7157
|
+
<img class="img-flag" [src]="'https://flagcdn.com/w20/' + item.iso.toLowerCase() + '.png'" loading="lazy">
|
|
7158
7158
|
</div>
|
|
7159
7159
|
<div class="option-name">{{ item.name }} {{ item.code }}</div>
|
|
7160
7160
|
</monkey-option>
|
|
@@ -7173,11 +7173,12 @@ class MonkeyInputPhoneComponent {
|
|
|
7173
7173
|
(blur)="_onBlur()"
|
|
7174
7174
|
[attr.id]="inputId"
|
|
7175
7175
|
/>
|
|
7176
|
-
`, isInline: true, styles: [":host{display:inline-flex;width:100%;min-width:0}:host monkey-select{width:164px;border-right:2px solid var(--mecx-color-gray-400)}:host.mecx-input-phone-disabled monkey-select{border-right:2px solid var(--mecx-color-gray-200)}:host input{width:100%;border:none;margin-left:8px}monkey-option .option-flag{display:flex;align-items:center}monkey-option .option-flag .img-flag{width:20px;height:12px;border:.1px solid var(--mecx-color-gray-200)}monkey-option .option-name{letter-spacing:.48px;margin-left:4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: MonkeySelectComponent, selector: "monkey-select", inputs: ["tabIndex", "placeholder", "loading", "showSearch", "searchPlaceholder", "type", "disabled", "required", "value"], outputs: ["onChange"] }, { kind: "component", type: MonkeyOptionComponent, selector: "monkey-option", inputs: ["value", "disabled", "type", "selected"] }, { kind: "ngmodule", type: MonkeyFormFieldModule }] }); }
|
|
7176
|
+
`, isInline: true, styles: [":host{display:inline-flex;width:100%;min-width:0}:host monkey-select{width:164px;border-right:2px solid var(--mecx-color-gray-400)}:host.mecx-input-phone-disabled monkey-select{border-right:2px solid var(--mecx-color-gray-200)}:host input{width:100%;border:none;margin-left:8px}monkey-option .option-flag{display:flex;align-items:center}monkey-option .option-flag .img-flag{width:20px;height:12px;border:.1px solid var(--mecx-color-gray-200)}monkey-option .option-name{letter-spacing:.48px;margin-left:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: MonkeySelectComponent, selector: "monkey-select", inputs: ["tabIndex", "placeholder", "loading", "showSearch", "searchPlaceholder", "type", "disabled", "required", "value"], outputs: ["onChange"] }, { kind: "component", type: MonkeyOptionComponent, selector: "monkey-option", inputs: ["value", "disabled", "type", "selected"] }, { kind: "ngmodule", type: MonkeyFormFieldModule }] }); }
|
|
7177
7177
|
}
|
|
7178
7178
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: MonkeyInputPhoneComponent, decorators: [{
|
|
7179
7179
|
type: Component,
|
|
7180
7180
|
args: [{ selector: 'monkey-input-phone', imports: [
|
|
7181
|
+
CommonModule,
|
|
7181
7182
|
FormsModule,
|
|
7182
7183
|
ReactiveFormsModule,
|
|
7183
7184
|
MonkeySelectComponent,
|
|
@@ -7195,7 +7196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
7195
7196
|
@for (item of countries; track $index) {
|
|
7196
7197
|
<monkey-option [value]="item.iso">
|
|
7197
7198
|
<div class="option-flag">
|
|
7198
|
-
<img class="img-flag" [src]="'https://flagcdn.com/w20/' + item.iso.toLowerCase() + '.png'">
|
|
7199
|
+
<img class="img-flag" [src]="'https://flagcdn.com/w20/' + item.iso.toLowerCase() + '.png'" loading="lazy">
|
|
7199
7200
|
</div>
|
|
7200
7201
|
<div class="option-name">{{ item.name }} {{ item.code }}</div>
|
|
7201
7202
|
</monkey-option>
|