monkey-style-guide-v2 0.0.23 → 0.0.25
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/esm2022/lib/components/index.mjs +6 -1
- package/esm2022/lib/components/input-phone/input-phone.component.mjs +5 -5
- package/esm2022/lib/components/modal/components/confirmation.component.mjs +6 -1
- package/esm2022/lib/directives/index.mjs +6 -1
- package/esm2022/lib/directives/popover.mjs +8 -3
- package/esm2022/lib/interfaces/alert.mjs +1 -1
- package/esm2022/lib/interfaces/breadcrumb.mjs +1 -1
- package/esm2022/lib/interfaces/button.mjs +1 -1
- package/esm2022/lib/interfaces/index.mjs +6 -1
- package/esm2022/lib/interfaces/popover.mjs +1 -1
- package/esm2022/lib/interfaces/sizes.mjs +1 -1
- package/esm2022/lib/interfaces/table.mjs +1 -1
- package/esm2022/lib/interfaces/toast.mjs +1 -1
- package/esm2022/lib/services/dictionary.service.mjs +3 -3
- package/esm2022/lib/tokens/index.mjs +9 -4
- package/fesm2022/monkey-style-guide-v2.mjs +42 -9
- package/fesm2022/monkey-style-guide-v2.mjs.map +1 -1
- package/lib/components/index.d.ts +5 -0
- package/lib/directives/index.d.ts +5 -0
- package/lib/interfaces/alert.d.ts +5 -0
- package/lib/interfaces/breadcrumb.d.ts +5 -0
- package/lib/interfaces/button.d.ts +5 -0
- package/lib/interfaces/index.d.ts +5 -0
- package/lib/interfaces/popover.d.ts +5 -0
- package/lib/interfaces/sizes.d.ts +5 -0
- package/lib/interfaces/table.d.ts +5 -0
- package/lib/interfaces/toast.d.ts +5 -0
- package/lib/tokens/index.d.ts +8 -3
- package/monkey-style-guide-v2-0.0.25.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-v2-0.0.23.tgz +0 -0
|
@@ -985,10 +985,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
985
985
|
}]
|
|
986
986
|
}] });
|
|
987
987
|
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
988
|
+
/** ************************
|
|
989
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
990
|
+
* This style guide was developed by Monkey Exchange Team
|
|
991
|
+
* MIT Licence
|
|
992
|
+
************************* */
|
|
993
|
+
const MECX_I18N_WRAPPER = new InjectionToken('');
|
|
994
|
+
const MECX_POPOVER_OPTIONS = new InjectionToken('MECX_POPOVER_OPTIONS');
|
|
995
|
+
const MECX_COUNTRY_CODE = new InjectionToken('+55');
|
|
991
996
|
|
|
997
|
+
/** ************************
|
|
998
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
999
|
+
* This style guide was developed by Monkey Exchange Team
|
|
1000
|
+
* MIT Licence
|
|
1001
|
+
************************* */
|
|
992
1002
|
class MonkeyPopoverContentComponent {
|
|
993
1003
|
constructor(host) {
|
|
994
1004
|
this.host = host;
|
|
@@ -1313,7 +1323,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1313
1323
|
type: Optional
|
|
1314
1324
|
}, {
|
|
1315
1325
|
type: Inject,
|
|
1316
|
-
args: [
|
|
1326
|
+
args: [MECX_POPOVER_OPTIONS]
|
|
1317
1327
|
}], popover: [{
|
|
1318
1328
|
type: Input,
|
|
1319
1329
|
args: ['monkeyPopover']
|
|
@@ -1466,6 +1476,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
1466
1476
|
}]
|
|
1467
1477
|
}] });
|
|
1468
1478
|
|
|
1479
|
+
/** ************************
|
|
1480
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
1481
|
+
* This style guide was developed by Monkey Exchange Team
|
|
1482
|
+
* MIT Licence
|
|
1483
|
+
************************* */
|
|
1484
|
+
|
|
1469
1485
|
/** ************************
|
|
1470
1486
|
* Copyright Monkey Exchange. All Rights Reserved
|
|
1471
1487
|
* This style guide was developed by Monkey Exchange Team
|
|
@@ -1860,7 +1876,7 @@ class MonkeyDictionaryService {
|
|
|
1860
1876
|
}
|
|
1861
1877
|
}
|
|
1862
1878
|
});
|
|
1863
|
-
const tokenSubject = inject(
|
|
1879
|
+
const tokenSubject = inject(MECX_I18N_WRAPPER, { optional: true });
|
|
1864
1880
|
tokenSubject?.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((value) => {
|
|
1865
1881
|
this.handleWrapperValues(value);
|
|
1866
1882
|
});
|
|
@@ -4011,7 +4027,7 @@ class MonkeyInputPhoneComponent {
|
|
|
4011
4027
|
this._value = null;
|
|
4012
4028
|
this.ngControl = inject(NgControl, { self: true, optional: true });
|
|
4013
4029
|
this.idGenerator = inject(IdGenerator);
|
|
4014
|
-
this.countryCode = inject(
|
|
4030
|
+
this.countryCode = inject(MECX_COUNTRY_CODE);
|
|
4015
4031
|
this.locale = inject(LOCALE_ID);
|
|
4016
4032
|
this.id = this.idGenerator.getId('monkey-input-upload-');
|
|
4017
4033
|
this.inputId = this.idGenerator.getId('monkey-input-upload-input-');
|
|
@@ -4207,7 +4223,7 @@ class MonkeyInputPhoneComponent {
|
|
|
4207
4223
|
(blur)="_onBlur()"
|
|
4208
4224
|
[attr.id]="inputId"
|
|
4209
4225
|
/>
|
|
4210
|
-
`, isInline: true, styles: [":host{display:inline-flex;width:100%;min-width:0}:host
|
|
4226
|
+
`, 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{font-size:30px}monkey-option .option-name{letter-spacing:.48px;margin-left:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.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", "callbackSearch", "disabled", "required", "value"], outputs: ["onChange", "onSearch"] }, { kind: "component", type: MonkeyOptionComponent, selector: "monkey-option", inputs: ["value", "disabled", "type"] }, { kind: "ngmodule", type: MonkeyFormFieldModule }] }); }
|
|
4211
4227
|
}
|
|
4212
4228
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MonkeyInputPhoneComponent, decorators: [{
|
|
4213
4229
|
type: Component,
|
|
@@ -4260,7 +4276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4260
4276
|
'[attr.tabindex]': 'disabled ? -1 : tabIndex',
|
|
4261
4277
|
'(focus)': '_onFocus()',
|
|
4262
4278
|
'(blur)': '_onBlur()'
|
|
4263
|
-
}, styles: [":host{display:inline-flex;width:100%;min-width:0}:host
|
|
4279
|
+
}, 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{font-size:30px}monkey-option .option-name{letter-spacing:.48px;margin-left:4px}\n"] }]
|
|
4264
4280
|
}], ctorParameters: () => [], propDecorators: { placeholder: [{
|
|
4265
4281
|
type: Input
|
|
4266
4282
|
}], tabIndex: [{
|
|
@@ -4879,6 +4895,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4879
4895
|
args: [MonkeyModalRef]
|
|
4880
4896
|
}] }] });
|
|
4881
4897
|
|
|
4898
|
+
/** ************************
|
|
4899
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
4900
|
+
* This style guide was developed by Monkey Exchange Team
|
|
4901
|
+
* MIT Licence
|
|
4902
|
+
************************* */
|
|
4882
4903
|
class MonkeyModalConfirmationComponent {
|
|
4883
4904
|
constructor(config, modalRef) {
|
|
4884
4905
|
this.config = config;
|
|
@@ -6595,6 +6616,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
6595
6616
|
* MIT Licence
|
|
6596
6617
|
************************* */
|
|
6597
6618
|
|
|
6619
|
+
/** ************************
|
|
6620
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
6621
|
+
* This style guide was developed by Monkey Exchange Team
|
|
6622
|
+
* MIT Licence
|
|
6623
|
+
************************* */
|
|
6624
|
+
|
|
6598
6625
|
class MonkeyToastRef {
|
|
6599
6626
|
constructor(componentRef) {
|
|
6600
6627
|
this.componentRef = componentRef;
|
|
@@ -6605,6 +6632,12 @@ class MonkeyToastRef {
|
|
|
6605
6632
|
}
|
|
6606
6633
|
}
|
|
6607
6634
|
|
|
6635
|
+
/** ************************
|
|
6636
|
+
* Copyright Monkey Exchange. All Rights Reserved
|
|
6637
|
+
* This style guide was developed by Monkey Exchange Team
|
|
6638
|
+
* MIT Licence
|
|
6639
|
+
************************* */
|
|
6640
|
+
|
|
6608
6641
|
class MonkeyToastService {
|
|
6609
6642
|
constructor(overlay) {
|
|
6610
6643
|
this.overlay = overlay;
|
|
@@ -6689,5 +6722,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
6689
6722
|
* Generated bundle index. Do not edit.
|
|
6690
6723
|
*/
|
|
6691
6724
|
|
|
6692
|
-
export {
|
|
6725
|
+
export { MECX_COUNTRY_CODE, MECX_I18N_WRAPPER, MECX_MODAL_DATA, MECX_MODAL_DEFAULT_CONFIG, MECX_POPOVER_OPTIONS, MonkeyAccordionComponent, MonkeyActionBarComponent, MonkeyAlertComponent, MonkeyAvatarComponent, MonkeyBadgeComponent, MonkeyBadgeDirective, MonkeyBreadcrumbComponent, MonkeyButtonComponent, MonkeyCheckboxComponent, MonkeyColumnChecked, MonkeyColumnExpansible, MonkeyColumnSortable, MonkeyColumnStick, MonkeyDateRangeComponent, MonkeyDirectivesModule, MonkeyDividerComponent, MonkeyErrorDirective, MonkeyFormFieldComponent, MonkeyFormFieldControl, MonkeyFormFieldModule, MonkeyHelperDirective, MonkeyIconButtonComponent, MonkeyIconComponent, MonkeyInfoDirective, MonkeyInputCodeComponent, MonkeyInputCurrencyDirective, MonkeyInputDirective, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputUploadComponent, MonkeyLabelDirective, MonkeyModalActionsDirective, MonkeyModalComponent, MonkeyModalConfig, MonkeyModalContentDirective, MonkeyModalModule, MonkeyModalRef, MonkeyModalService, MonkeyModalSubtitleDirective, MonkeyModalTitleDirective, MonkeyOptionComponent, MonkeyPaginationActionComponent, MonkeyPaginationLabelComponent, MonkeyPaginationSizeComponent, MonkeyPopoverContentComponent, MonkeyPopoverDirective, MonkeyPrefixDirective, MonkeyRadioButtonComponent, MonkeySecurityLevelComponent, MonkeySelectComponent, MonkeyStatusComponent, MonkeySuffixDirective, MonkeyTableComponent, MonkeyTableModule, MonkeyToastComponent, MonkeyToastRef, MonkeyToastService, MonkeyToggleComponent, MonkeyToggleLineButtonComponent, MonkeyToggleLineComponent, MonkeyTooltipComponent, MonkeyTooltipDirective, getCurrencySymbol };
|
|
6693
6726
|
//# sourceMappingURL=monkey-style-guide-v2.mjs.map
|