@ptsecurity/mosaic 15.2.0 → 15.3.0
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/_theming.scss +7 -6
- package/checkbox/_checkbox-theme.scss +4 -2
- package/core/datetime/date-adapter.d.ts +2 -2
- package/core/formatters/number/formatter.d.ts +5 -5
- package/core/forms/_forms.scss +1 -1
- package/core/locales/en-US.d.ts +11 -0
- package/core/locales/es-LA.d.ts +7 -0
- package/core/locales/fa-IR.d.ts +7 -0
- package/core/locales/index.d.ts +4 -0
- package/core/locales/locale-service.d.ts +63 -0
- package/core/locales/locale-service.module.d.ts +6 -0
- package/core/locales/pt-BR.d.ts +7 -0
- package/core/locales/ru-RU.d.ts +11 -0
- package/core/locales/zh-CN.d.ts +7 -0
- package/core/option/option.d.ts +2 -1
- package/core/public-api.d.ts +2 -0
- package/core/styles/theming/_components-theming.scss +0 -1
- package/core/title/index.d.ts +1 -0
- package/core/title/title-text-ref.d.ts +6 -0
- package/datepicker/calendar.component.d.ts +3 -2
- package/datepicker/datepicker-input.directive.d.ts +9 -4
- package/dropdown/dropdown-item.component.d.ts +3 -2
- package/esm2020/core/datetime/date-adapter.mjs +1 -1
- package/esm2020/core/formatters/number/formatter.mjs +17 -9
- package/esm2020/core/locales/en-US.mjs +10 -0
- package/esm2020/core/locales/es-LA.mjs +6 -0
- package/esm2020/core/locales/fa-IR.mjs +6 -0
- package/esm2020/core/locales/index.mjs +5 -0
- package/esm2020/core/locales/locale-service.mjs +70 -0
- package/esm2020/core/locales/locale-service.module.mjs +19 -0
- package/esm2020/core/locales/pt-BR.mjs +6 -0
- package/esm2020/core/locales/ru-RU.mjs +10 -0
- package/esm2020/core/locales/zh-CN.mjs +6 -0
- package/esm2020/core/option/option.mjs +9 -4
- package/esm2020/core/public-api.mjs +3 -1
- package/esm2020/core/title/index.mjs +2 -0
- package/esm2020/core/title/title-text-ref.mjs +3 -0
- package/esm2020/core/version.mjs +2 -2
- package/esm2020/datepicker/calendar.component.mjs +7 -4
- package/esm2020/datepicker/datepicker-input.directive.mjs +36 -13
- package/esm2020/dropdown/dropdown-item.component.mjs +13 -6
- package/esm2020/form-field/form-field.mjs +2 -2
- package/esm2020/list/list-selection.component.mjs +13 -8
- package/esm2020/list/list.component.mjs +2 -2
- package/esm2020/popover/popover.module.mjs +10 -4
- package/esm2020/select/select.component.mjs +56 -33
- package/esm2020/sidepanel/sidepanel-directives.mjs +5 -4
- package/esm2020/sidepanel/sidepanel.module.mjs +5 -1
- package/esm2020/tags/tag.component.mjs +9 -6
- package/esm2020/title/index.mjs +2 -0
- package/esm2020/title/ptsecurity-mosaic-title.mjs +5 -0
- package/esm2020/title/public-api.mjs +3 -0
- package/esm2020/title/title.directive.mjs +107 -0
- package/esm2020/title/title.module.mjs +21 -0
- package/esm2020/tree/tree-option.component.mjs +10 -5
- package/fesm2015/ptsecurity-mosaic-core.mjs +143 -14
- package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs +42 -15
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs +12 -5
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-form-field.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-list.mjs +14 -9
- package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-popover.mjs +9 -3
- package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-select.mjs +66 -41
- package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +8 -3
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tags.mjs +8 -5
- package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-title.mjs +131 -0
- package/fesm2015/ptsecurity-mosaic-title.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-tree.mjs +9 -4
- package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-core.mjs +149 -14
- package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs +41 -15
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-dropdown.mjs +12 -5
- package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-form-field.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-list.mjs +14 -9
- package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-popover.mjs +9 -3
- package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-select.mjs +64 -41
- package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +8 -3
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tags.mjs +8 -5
- package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-title.mjs +128 -0
- package/fesm2020/ptsecurity-mosaic-title.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-tree.mjs +9 -4
- package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/form-field/_form-field-theme.scss +1 -0
- package/input/_input-theme.scss +2 -1
- package/list/_list-base.scss +4 -0
- package/list/list-selection.component.d.ts +3 -2
- package/package.json +10 -2
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/select/select.component.d.ts +10 -5
- package/sidepanel/_sidepanel-theme.scss +4 -4
- package/sidepanel/sidepanel.module.d.ts +3 -2
- package/tags/tag.component.d.ts +3 -2
- package/title/index.d.ts +1 -0
- package/title/public-api.d.ts +2 -0
- package/title/title.directive.d.ts +31 -0
- package/title/title.module.d.ts +11 -0
- package/tree/tree-option.component.d.ts +3 -2
@@ -7,10 +7,10 @@ import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coerci
|
|
7
7
|
import * as i1 from '@mosaic-design/date-adapter';
|
8
8
|
import { DateAdapter as DateAdapter$1 } from '@mosaic-design/date-adapter';
|
9
9
|
import { DateFormatter as DateFormatter$1 } from '@mosaic-design/date-formatter';
|
10
|
+
import { BehaviorSubject, Subject } from 'rxjs';
|
10
11
|
import * as i2 from '@angular/common';
|
11
12
|
import { CommonModule, DOCUMENT } from '@angular/common';
|
12
13
|
import { ENTER, SPACE, TAB, ESCAPE } from '@ptsecurity/cdk/keycodes';
|
13
|
-
import { Subject } from 'rxjs';
|
14
14
|
import * as i1$1 from '@angular/cdk/a11y';
|
15
15
|
import { takeUntil, distinctUntilChanged, delay } from 'rxjs/operators';
|
16
16
|
import * as i1$2 from '@angular/cdk/overlay';
|
@@ -512,8 +512,130 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
|
|
512
512
|
args: [{ name: 'rangeShortDateTime' }]
|
513
513
|
}], ctorParameters: function () { return [{ type: DateAdapter }, { type: DateFormatter }]; } });
|
514
514
|
|
515
|
-
|
515
|
+
const enUSLocaleData = {
|
516
|
+
en: {
|
517
|
+
select: { hiddenItemsText: 'one more' },
|
518
|
+
datepicker: {
|
519
|
+
placeholder: 'dd/mm/yyyy',
|
520
|
+
dateInput: 'dd/MM/yyyy'
|
521
|
+
}
|
522
|
+
}
|
523
|
+
};
|
524
|
+
|
525
|
+
const esLALocaleData = {
|
526
|
+
'es-LA': {
|
527
|
+
select: { hiddenItemsText: 'más' }
|
528
|
+
}
|
529
|
+
};
|
530
|
+
|
531
|
+
const faIRLocaleData = {
|
532
|
+
'fa-IR': {
|
533
|
+
select: { hiddenItemsText: 'أكثر' }
|
534
|
+
}
|
535
|
+
};
|
536
|
+
|
537
|
+
const ptBRLocaleData = {
|
538
|
+
'pt-BR': {
|
539
|
+
select: { hiddenItemsText: 'mais' }
|
540
|
+
}
|
541
|
+
};
|
542
|
+
|
543
|
+
const ruRULocaleData = {
|
544
|
+
ru: {
|
545
|
+
select: { hiddenItemsText: 'еще' },
|
546
|
+
datepicker: {
|
547
|
+
placeholder: 'дд.мм.гггг',
|
548
|
+
dateInput: 'dd.MM.yyyy'
|
549
|
+
}
|
550
|
+
}
|
551
|
+
};
|
552
|
+
|
553
|
+
const znCNLocaleData = {
|
554
|
+
'zh-CN': {
|
555
|
+
select: { hiddenItemsText: '更多的' }
|
556
|
+
}
|
557
|
+
};
|
558
|
+
|
559
|
+
const MC_LOCALE_ID$1 = new InjectionToken('McLocaleId');
|
560
|
+
const MC_DEFAULT_LOCALE_ID = 'ru';
|
561
|
+
function MC_DEFAULT_LOCALE_DATA_FACTORY() {
|
562
|
+
return {
|
563
|
+
items: [
|
564
|
+
{ id: 'en', name: 'English' },
|
565
|
+
{ id: 'zh-CN', name: '简体中文' },
|
566
|
+
{ id: 'es-LA', name: 'Español' },
|
567
|
+
{ id: 'pt-BR', name: 'Português' },
|
568
|
+
{ id: 'ru', name: 'Русский' },
|
569
|
+
{ id: 'fa-IR', name: 'فارسی' }
|
570
|
+
],
|
571
|
+
...ruRULocaleData,
|
572
|
+
...enUSLocaleData,
|
573
|
+
...esLALocaleData,
|
574
|
+
...faIRLocaleData,
|
575
|
+
...ptBRLocaleData,
|
576
|
+
...znCNLocaleData
|
577
|
+
};
|
578
|
+
}
|
579
|
+
const MC_LOCALE_DATA = new InjectionToken('MC_LOCALE_DATA', { providedIn: 'root', factory: MC_DEFAULT_LOCALE_DATA_FACTORY });
|
580
|
+
const MC_LOCALE_SERVICE = new InjectionToken('MC_LOCALE_SERVICE');
|
581
|
+
class McLocaleService {
|
582
|
+
constructor(id, localeData) {
|
583
|
+
this.locales = {};
|
584
|
+
this.locales = localeData;
|
585
|
+
this.id = id || MC_DEFAULT_LOCALE_ID;
|
586
|
+
this.current = this.locales[this.id];
|
587
|
+
this.changes = new BehaviorSubject(this.id);
|
588
|
+
}
|
589
|
+
setLocale(id) {
|
590
|
+
this.id = id;
|
591
|
+
this.current = this.locales[this.id];
|
592
|
+
this.changes.next(this.id);
|
593
|
+
}
|
594
|
+
addLocale(id, localeData) {
|
595
|
+
this.id = id;
|
596
|
+
this.changes.next(this.id);
|
597
|
+
this.locales[this.id] = localeData;
|
598
|
+
}
|
599
|
+
getParams(componentName) {
|
600
|
+
return this.current[componentName];
|
601
|
+
}
|
602
|
+
}
|
603
|
+
/** @nocollapse */ McLocaleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLocaleService, deps: [{ token: MC_LOCALE_ID$1, optional: true }, { token: MC_LOCALE_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
604
|
+
/** @nocollapse */ McLocaleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLocaleService, providedIn: 'root' });
|
605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLocaleService, decorators: [{
|
606
|
+
type: Injectable,
|
607
|
+
args: [{ providedIn: 'root' }]
|
608
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
609
|
+
type: Optional
|
610
|
+
}, {
|
611
|
+
type: Inject,
|
612
|
+
args: [MC_LOCALE_ID$1]
|
613
|
+
}] }, { type: undefined, decorators: [{
|
614
|
+
type: Optional
|
615
|
+
}, {
|
616
|
+
type: Inject,
|
617
|
+
args: [MC_LOCALE_DATA]
|
618
|
+
}] }]; } });
|
619
|
+
|
620
|
+
class McLocaleServiceModule {
|
621
|
+
}
|
622
|
+
/** @nocollapse */ McLocaleServiceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLocaleServiceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
623
|
+
/** @nocollapse */ McLocaleServiceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McLocaleServiceModule });
|
624
|
+
/** @nocollapse */ McLocaleServiceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLocaleServiceModule, providers: [
|
625
|
+
{ provide: MC_LOCALE_SERVICE, useClass: McLocaleService }
|
626
|
+
] });
|
627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLocaleServiceModule, decorators: [{
|
628
|
+
type: NgModule,
|
629
|
+
args: [{
|
630
|
+
providers: [
|
631
|
+
{ provide: MC_LOCALE_SERVICE, useClass: McLocaleService }
|
632
|
+
]
|
633
|
+
}]
|
634
|
+
}] });
|
635
|
+
|
516
636
|
const MC_LOCALE_ID = new InjectionToken('McLocaleId');
|
637
|
+
|
638
|
+
/* tslint:disable:naming-convention */
|
517
639
|
const MC_NUMBER_FORMATTER_OPTIONS = new InjectionToken('McNumberFormatterOptions');
|
518
640
|
const MC_NUMBER_FORMATTER_DEFAULT_OPTIONS = {
|
519
641
|
useGrouping: true,
|
@@ -521,7 +643,6 @@ const MC_NUMBER_FORMATTER_DEFAULT_OPTIONS = {
|
|
521
643
|
minimumFractionDigits: 0,
|
522
644
|
maximumFractionDigits: 3
|
523
645
|
};
|
524
|
-
const DEFAULT_MC_LOCALE_ID = 'ru';
|
525
646
|
function isEmpty(value) {
|
526
647
|
return value == null || value === '' || value !== value;
|
527
648
|
}
|
@@ -569,10 +690,13 @@ function parseDigitsInfo(digitsInfo) {
|
|
569
690
|
return result;
|
570
691
|
}
|
571
692
|
class McDecimalPipe {
|
572
|
-
constructor(
|
573
|
-
this.
|
693
|
+
constructor(id, localeService, options) {
|
694
|
+
this.id = id;
|
695
|
+
this.localeService = localeService;
|
574
696
|
this.options = options;
|
575
697
|
this.options = this.options || MC_NUMBER_FORMATTER_DEFAULT_OPTIONS;
|
698
|
+
this.localeService?.changes
|
699
|
+
.subscribe((newId) => this.id = newId);
|
576
700
|
}
|
577
701
|
/**
|
578
702
|
* @param value The number to be formatted.
|
@@ -592,7 +716,7 @@ class McDecimalPipe {
|
|
592
716
|
if (isEmpty(value)) {
|
593
717
|
return null;
|
594
718
|
}
|
595
|
-
const currentLocale = locale || this.
|
719
|
+
const currentLocale = locale || this.id || MC_DEFAULT_LOCALE_ID;
|
596
720
|
let parsedDigitsInfo;
|
597
721
|
if (digitsInfo) {
|
598
722
|
parsedDigitsInfo = parseDigitsInfo(digitsInfo);
|
@@ -610,20 +734,25 @@ class McDecimalPipe {
|
|
610
734
|
}
|
611
735
|
}
|
612
736
|
}
|
613
|
-
/** @nocollapse */ McDecimalPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McDecimalPipe, deps: [{ token: MC_LOCALE_ID, optional: true }, { token: MC_NUMBER_FORMATTER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
|
614
|
-
/** @nocollapse */ McDecimalPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McDecimalPipe, name: "mcNumber" });
|
737
|
+
/** @nocollapse */ McDecimalPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McDecimalPipe, deps: [{ token: MC_LOCALE_ID, optional: true }, { token: MC_LOCALE_SERVICE, optional: true }, { token: MC_NUMBER_FORMATTER_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
|
738
|
+
/** @nocollapse */ McDecimalPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McDecimalPipe, name: "mcNumber", pure: false });
|
615
739
|
/** @nocollapse */ McDecimalPipe.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McDecimalPipe, providedIn: 'root' });
|
616
740
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McDecimalPipe, decorators: [{
|
617
741
|
type: Injectable,
|
618
742
|
args: [{ providedIn: 'root' }]
|
619
743
|
}, {
|
620
744
|
type: Pipe,
|
621
|
-
args: [{ name: 'mcNumber' }]
|
745
|
+
args: [{ name: 'mcNumber', pure: false }]
|
622
746
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
623
747
|
type: Optional
|
624
748
|
}, {
|
625
749
|
type: Inject,
|
626
750
|
args: [MC_LOCALE_ID]
|
751
|
+
}] }, { type: McLocaleService, decorators: [{
|
752
|
+
type: Optional
|
753
|
+
}, {
|
754
|
+
type: Inject,
|
755
|
+
args: [MC_LOCALE_SERVICE]
|
627
756
|
}] }, { type: ParsedDigitsInfo, decorators: [{
|
628
757
|
type: Optional
|
629
758
|
}, {
|
@@ -892,6 +1021,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
|
|
892
1021
|
}]
|
893
1022
|
}] });
|
894
1023
|
|
1024
|
+
const MC_TITLE_TEXT_REF = new InjectionToken('McTitleTextRef');
|
1025
|
+
|
895
1026
|
/** @docs-private */
|
896
1027
|
class McOptgroupBase {
|
897
1028
|
}
|
@@ -1140,7 +1271,9 @@ class McOption {
|
|
1140
1271
|
}
|
1141
1272
|
}
|
1142
1273
|
/** @nocollapse */ McOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: MC_OPTION_PARENT_COMPONENT, optional: true }, { token: McOptgroup, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
1143
|
-
/** @nocollapse */ McOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McOption, selector: "mc-option", inputs: { value: "value", showCheckbox: "showCheckbox", disabled: "disabled" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "attr.tabindex": "getTabIndex()", "class.mc-selected": "selected", "class.mc-option-multiple": "multiple", "class.mc-active": "active", "class.mc-disabled": "disabled", "id": "id" }, classAttribute: "mc-option" },
|
1274
|
+
/** @nocollapse */ McOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McOption, selector: "mc-option", inputs: { value: "value", showCheckbox: "showCheckbox", disabled: "disabled" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "attr.tabindex": "getTabIndex()", "class.mc-selected": "selected", "class.mc-option-multiple": "multiple", "class.mc-active": "active", "class.mc-disabled": "disabled", "id": "id" }, classAttribute: "mc-option" }, providers: [{
|
1275
|
+
provide: MC_TITLE_TEXT_REF, useExisting: McOption
|
1276
|
+
}], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["mcTitleText"], descendants: true }], exportAs: ["mcOption"], ngImport: i0, template: "<mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span #mcTitleText class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--mc-option-size-height, 32px);border:var(--mc-option-size-border-width, 2px) solid transparent;cursor:pointer;outline:none;padding-left:var(--mc-option-size-horizontal-padding, 12px);padding-right:var(--mc-option-size-horizontal-padding, 12px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["color", "state", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
1144
1277
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McOption, decorators: [{
|
1145
1278
|
type: Component,
|
1146
1279
|
args: [{ selector: 'mc-option', exportAs: 'mcOption', host: {
|
@@ -1153,7 +1286,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
|
|
1153
1286
|
'[id]': 'id',
|
1154
1287
|
'(click)': 'selectViaInteraction()',
|
1155
1288
|
'(keydown)': 'handleKeydown($event)'
|
1156
|
-
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
1289
|
+
}, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
1290
|
+
provide: MC_TITLE_TEXT_REF, useExisting: McOption
|
1291
|
+
}], template: "<mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span #mcTitleText class=\"mc-option-text\"><ng-content></ng-content></span>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-option{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;position:relative;max-width:100%;height:var(--mc-option-size-height, 32px);border:var(--mc-option-size-border-width, 2px) solid transparent;cursor:pointer;outline:none;padding-left:var(--mc-option-size-horizontal-padding, 12px);padding-right:var(--mc-option-size-horizontal-padding, 12px);-webkit-tap-highlight-color:transparent}.mc-option.mc-disabled{cursor:default}.mc-option .mc-pseudo-checkbox{margin-right:8px}.mc-option .mc-option-overlay{position:absolute;top:calc(-1 * var(--mc-option-size-border-width, 2px));left:calc(-1 * var(--mc-option-size-border-width, 2px));right:calc(-1 * var(--mc-option-size-border-width, 2px));bottom:calc(-1 * var(--mc-option-size-border-width, 2px));pointer-events:none;border-radius:inherit}.mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"] }]
|
1157
1292
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
1158
1293
|
type: Optional
|
1159
1294
|
}, {
|
@@ -1163,7 +1298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
|
|
1163
1298
|
type: Optional
|
1164
1299
|
}] }]; }, propDecorators: { textElement: [{
|
1165
1300
|
type: ViewChild,
|
1166
|
-
args: ['
|
1301
|
+
args: ['mcTitleText', { static: false }]
|
1167
1302
|
}], value: [{
|
1168
1303
|
type: Input
|
1169
1304
|
}], showCheckbox: [{
|
@@ -2071,11 +2206,11 @@ const validationTooltipShowDelay = 10;
|
|
2071
2206
|
const validationTooltipHideDelay = 3000;
|
2072
2207
|
const MC_VALIDATION = new InjectionToken('McUseValidation', { factory: () => ({ useValidation: true }) });
|
2073
2208
|
|
2074
|
-
const VERSION = new Version('15.
|
2209
|
+
const VERSION = new Version('15.3.0+sha-a06bbf6');
|
2075
2210
|
|
2076
2211
|
/**
|
2077
2212
|
* Generated bundle index. Do not edit.
|
2078
2213
|
*/
|
2079
2214
|
|
2080
|
-
export { AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterPipe, AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY,
|
2215
|
+
export { AbsoluteDateFormatterPipe, AbsoluteDateShortFormatterPipe, AbsoluteDateTimeFormatterPipe, AbsoluteShortDateTimeFormatterPipe, AnimationCurves, BOTTOM_LEFT_POSITION_PRIORITY, BOTTOM_POSITION_PRIORITY, BOTTOM_RIGHT_POSITION_PRIORITY, DateAdapter, DateFormatter, EXTENDED_OVERLAY_POSITIONS, ErrorStateMatcher, LEFT_BOTTOM_POSITION_PRIORITY, LEFT_POSITION_PRIORITY, LEFT_TOP_POSITION_PRIORITY, MC_DATE_FORMATS, MC_DATE_LOCALE, MC_DATE_LOCALE_FACTORY, MC_DEFAULT_LOCALE_DATA_FACTORY, MC_DEFAULT_LOCALE_ID, MC_LABEL_GLOBAL_OPTIONS, MC_LOCALE_DATA, MC_LOCALE_ID, MC_LOCALE_SERVICE, MC_NUMBER_FORMATTER_DEFAULT_OPTIONS, MC_NUMBER_FORMATTER_OPTIONS, MC_OPTION_ACTION_PARENT, MC_OPTION_PARENT_COMPONENT, MC_SANITY_CHECKS, MC_SELECT_SCROLL_STRATEGY, MC_SELECT_SCROLL_STRATEGY_PROVIDER, MC_TITLE_TEXT_REF, MC_VALIDATION, McCommonModule, McDecimalPipe, McForm, McFormElement, McFormattersModule, McFormsModule, McHighlightModule, McHighlightPipe, McLine, McLineModule, McLineSetter, McLocaleService, McLocaleServiceModule, McMeasureScrollbarService, McOptgroup, McOptgroupBase, McOptgroupMixinBase, McOption, McOptionActionBase, McOptionActionComponent, McOptionActionMixinBase, McOptionModule, McOptionSelectionChange, McPopUp, McPopUpTrigger, McPseudoCheckbox, McPseudoCheckboxBase, McPseudoCheckboxMixinBase, McPseudoCheckboxModule, MultipleMode, NUMBER_FORMAT_REGEXP, POSITION_MAP, POSITION_PRIORITY_STRATEGY, POSITION_TO_CSS_MAP, PopUpPlacements, PopUpSizes, PopUpTriggers, PopUpVisibility, RIGHT_BOTTOM_POSITION_PRIORITY, RIGHT_POSITION_PRIORITY, RIGHT_TOP_POSITION_PRIORITY, RangeDateFormatterPipe, RangeDateTimeFormatterPipe, RangeMiddleDateTimeFormatterPipe, RangeShortDateFormatterPipe, RangeShortDateTimeFormatterPipe, RelativeDateFormatterPipe, RelativeDateTimeFormatterPipe, RelativeShortDateFormatterPipe, RelativeShortDateTimeFormatterPipe, SELECT_PANEL_INDENT_PADDING_X, SELECT_PANEL_MAX_HEIGHT, SELECT_PANEL_PADDING_X, SELECT_PANEL_VIEWPORT_PADDING, ShowOnDirtyErrorStateMatcher, TOP_LEFT_POSITION_PRIORITY, TOP_POSITION_PRIORITY, TOP_RIGHT_POSITION_PRIORITY, ThemePalette, VERSION, countGroupLabelsBeforeOption, escapeRegExp, fadeAnimation, getMcSelectDynamicMultipleError, getMcSelectNonArrayValueError, getMcSelectNonFunctionValueError, getOptionScrollPosition, isBoolean, mcSelectAnimations, mcSelectScrollStrategyProviderFactory, mixinColor, mixinDisabled, mixinErrorState, mixinTabIndex, selectEvents, toBoolean, validationTooltipHideDelay, validationTooltipShowDelay };
|
2081
2216
|
//# sourceMappingURL=ptsecurity-mosaic-core.mjs.map
|