@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.
Files changed (115) hide show
  1. package/_theming.scss +7 -6
  2. package/checkbox/_checkbox-theme.scss +4 -2
  3. package/core/datetime/date-adapter.d.ts +2 -2
  4. package/core/formatters/number/formatter.d.ts +5 -5
  5. package/core/forms/_forms.scss +1 -1
  6. package/core/locales/en-US.d.ts +11 -0
  7. package/core/locales/es-LA.d.ts +7 -0
  8. package/core/locales/fa-IR.d.ts +7 -0
  9. package/core/locales/index.d.ts +4 -0
  10. package/core/locales/locale-service.d.ts +63 -0
  11. package/core/locales/locale-service.module.d.ts +6 -0
  12. package/core/locales/pt-BR.d.ts +7 -0
  13. package/core/locales/ru-RU.d.ts +11 -0
  14. package/core/locales/zh-CN.d.ts +7 -0
  15. package/core/option/option.d.ts +2 -1
  16. package/core/public-api.d.ts +2 -0
  17. package/core/styles/theming/_components-theming.scss +0 -1
  18. package/core/title/index.d.ts +1 -0
  19. package/core/title/title-text-ref.d.ts +6 -0
  20. package/datepicker/calendar.component.d.ts +3 -2
  21. package/datepicker/datepicker-input.directive.d.ts +9 -4
  22. package/dropdown/dropdown-item.component.d.ts +3 -2
  23. package/esm2020/core/datetime/date-adapter.mjs +1 -1
  24. package/esm2020/core/formatters/number/formatter.mjs +17 -9
  25. package/esm2020/core/locales/en-US.mjs +10 -0
  26. package/esm2020/core/locales/es-LA.mjs +6 -0
  27. package/esm2020/core/locales/fa-IR.mjs +6 -0
  28. package/esm2020/core/locales/index.mjs +5 -0
  29. package/esm2020/core/locales/locale-service.mjs +70 -0
  30. package/esm2020/core/locales/locale-service.module.mjs +19 -0
  31. package/esm2020/core/locales/pt-BR.mjs +6 -0
  32. package/esm2020/core/locales/ru-RU.mjs +10 -0
  33. package/esm2020/core/locales/zh-CN.mjs +6 -0
  34. package/esm2020/core/option/option.mjs +9 -4
  35. package/esm2020/core/public-api.mjs +3 -1
  36. package/esm2020/core/title/index.mjs +2 -0
  37. package/esm2020/core/title/title-text-ref.mjs +3 -0
  38. package/esm2020/core/version.mjs +2 -2
  39. package/esm2020/datepicker/calendar.component.mjs +7 -4
  40. package/esm2020/datepicker/datepicker-input.directive.mjs +36 -13
  41. package/esm2020/dropdown/dropdown-item.component.mjs +13 -6
  42. package/esm2020/form-field/form-field.mjs +2 -2
  43. package/esm2020/list/list-selection.component.mjs +13 -8
  44. package/esm2020/list/list.component.mjs +2 -2
  45. package/esm2020/popover/popover.module.mjs +10 -4
  46. package/esm2020/select/select.component.mjs +56 -33
  47. package/esm2020/sidepanel/sidepanel-directives.mjs +5 -4
  48. package/esm2020/sidepanel/sidepanel.module.mjs +5 -1
  49. package/esm2020/tags/tag.component.mjs +9 -6
  50. package/esm2020/title/index.mjs +2 -0
  51. package/esm2020/title/ptsecurity-mosaic-title.mjs +5 -0
  52. package/esm2020/title/public-api.mjs +3 -0
  53. package/esm2020/title/title.directive.mjs +107 -0
  54. package/esm2020/title/title.module.mjs +21 -0
  55. package/esm2020/tree/tree-option.component.mjs +10 -5
  56. package/fesm2015/ptsecurity-mosaic-core.mjs +143 -14
  57. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  58. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +42 -15
  59. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  60. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +12 -5
  61. package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  62. package/fesm2015/ptsecurity-mosaic-form-field.mjs +2 -2
  63. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  64. package/fesm2015/ptsecurity-mosaic-list.mjs +14 -9
  65. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
  66. package/fesm2015/ptsecurity-mosaic-popover.mjs +9 -3
  67. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
  68. package/fesm2015/ptsecurity-mosaic-select.mjs +66 -41
  69. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  70. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +8 -3
  71. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  72. package/fesm2015/ptsecurity-mosaic-tags.mjs +8 -5
  73. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  74. package/fesm2015/ptsecurity-mosaic-title.mjs +131 -0
  75. package/fesm2015/ptsecurity-mosaic-title.mjs.map +1 -0
  76. package/fesm2015/ptsecurity-mosaic-tree.mjs +9 -4
  77. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  78. package/fesm2020/ptsecurity-mosaic-core.mjs +149 -14
  79. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  80. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +41 -15
  81. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  82. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +12 -5
  83. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  84. package/fesm2020/ptsecurity-mosaic-form-field.mjs +2 -2
  85. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  86. package/fesm2020/ptsecurity-mosaic-list.mjs +14 -9
  87. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
  88. package/fesm2020/ptsecurity-mosaic-popover.mjs +9 -3
  89. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
  90. package/fesm2020/ptsecurity-mosaic-select.mjs +64 -41
  91. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  92. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +8 -3
  93. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  94. package/fesm2020/ptsecurity-mosaic-tags.mjs +8 -5
  95. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  96. package/fesm2020/ptsecurity-mosaic-title.mjs +128 -0
  97. package/fesm2020/ptsecurity-mosaic-title.mjs.map +1 -0
  98. package/fesm2020/ptsecurity-mosaic-tree.mjs +9 -4
  99. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  100. package/form-field/_form-field-theme.scss +1 -0
  101. package/input/_input-theme.scss +2 -1
  102. package/list/_list-base.scss +4 -0
  103. package/list/list-selection.component.d.ts +3 -2
  104. package/package.json +10 -2
  105. package/prebuilt-themes/dark-theme.css +1 -1
  106. package/prebuilt-themes/default-theme.css +1 -1
  107. package/select/select.component.d.ts +10 -5
  108. package/sidepanel/_sidepanel-theme.scss +4 -4
  109. package/sidepanel/sidepanel.module.d.ts +3 -2
  110. package/tags/tag.component.d.ts +3 -2
  111. package/title/index.d.ts +1 -0
  112. package/title/public-api.d.ts +2 -0
  113. package/title/title.directive.d.ts +31 -0
  114. package/title/title.module.d.ts +11 -0
  115. 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
- /* tslint:disable:naming-convention */
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(locale, options) {
573
- this.locale = locale;
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.locale || DEFAULT_MC_LOCALE_ID;
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" }, viewQueries: [{ propertyName: "textElement", first: true, predicate: ["mcTextElement"], 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 #mcTextElement 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 });
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, template: "<mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<span #mcTextElement 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"] }]
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: ['mcTextElement', { static: false }]
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.2.0+sha-dbbf088');
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, DEFAULT_MC_LOCALE_ID, 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_LABEL_GLOBAL_OPTIONS, MC_LOCALE_ID, 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_VALIDATION, McCommonModule, McDecimalPipe, McForm, McFormElement, McFormattersModule, McFormsModule, McHighlightModule, McHighlightPipe, McLine, McLineModule, McLineSetter, 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 };
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