@ptsecurity/mosaic 14.0.0 → 14.1.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 (157) hide show
  1. package/checkbox/checkbox.d.ts +5 -14
  2. package/core/formatters/date/formatter.pipe.d.ts +95 -0
  3. package/core/formatters/index.d.ts +3 -1
  4. package/core/pop-up/pop-up-trigger.d.ts +3 -1
  5. package/core/validation/validation.d.ts +1 -12
  6. package/datepicker/datepicker-input.directive.d.ts +4 -9
  7. package/design-tokens/legacy-2017/tokens/components/badge.json5 +46 -46
  8. package/design-tokens/legacy-2017/tokens/components/button-toggle.json5 +2 -1
  9. package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +4 -0
  10. package/design-tokens/legacy-2017/tokens/components/progress-spinner.json5 +10 -1
  11. package/design-tokens/legacy-2017/tokens/components/timezone.json5 +1 -0
  12. package/design-tokens/legacy-2017/tokens.d.ts +44 -33
  13. package/design-tokens/pt-2022/tokens/components/button-toggle.json5 +2 -1
  14. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +4 -0
  15. package/design-tokens/pt-2022/tokens/components/form-field.json5 +1 -1
  16. package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 +10 -1
  17. package/design-tokens/pt-2022/tokens/components/timezone.json5 +1 -0
  18. package/design-tokens/pt-2022/tokens/properties/colors.json5 +8 -8
  19. package/design-tokens/pt-2022/tokens/properties/typography.json5 +17 -17
  20. package/design-tokens/pt-2022/tokens.d.ts +63 -52
  21. package/design-tokens/style-dictionary/formats/figma.js +2 -2
  22. package/esm2020/button-toggle/button-toggle.component.mjs +2 -2
  23. package/esm2020/checkbox/checkbox.mjs +17 -32
  24. package/esm2020/core/formatters/date/formatter.pipe.mjs +187 -0
  25. package/esm2020/core/formatters/index.mjs +62 -4
  26. package/esm2020/core/pop-up/pop-up-trigger.mjs +13 -11
  27. package/esm2020/core/validation/validation.mjs +1 -114
  28. package/esm2020/datepicker/datepicker-input.directive.mjs +8 -25
  29. package/esm2020/datepicker/datepicker.component.mjs +1 -1
  30. package/esm2020/design-tokens/legacy-2017/tokens.mjs +45 -34
  31. package/esm2020/design-tokens/pt-2022/tokens.mjs +64 -53
  32. package/esm2020/form-field/form-field.module.mjs +10 -5
  33. package/esm2020/form-field/public-api.mjs +2 -1
  34. package/esm2020/form-field/validate.directive.mjs +156 -0
  35. package/esm2020/input/input-password.mjs +8 -41
  36. package/esm2020/input/input.mjs +8 -41
  37. package/esm2020/loader-overlay/loader-overlay.component.mjs +7 -3
  38. package/esm2020/modal/modal.component.mjs +2 -2
  39. package/esm2020/modal/modal.service.mjs +2 -1
  40. package/esm2020/popover/popover-confirm.component.mjs +3 -3
  41. package/esm2020/popover/popover.component.mjs +13 -4
  42. package/esm2020/progress-spinner/progress-spinner.component.mjs +21 -6
  43. package/esm2020/radio/radio.component.mjs +42 -41
  44. package/esm2020/select/select.component.mjs +17 -37
  45. package/esm2020/sidepanel/sidepanel.service.mjs +2 -1
  46. package/esm2020/tags/tag-list.component.mjs +17 -32
  47. package/esm2020/textarea/textarea.component.mjs +17 -38
  48. package/esm2020/timepicker/timepicker.directive.mjs +8 -25
  49. package/esm2020/timezone/timezone.utils.mjs +15 -7
  50. package/esm2020/toast/toast-container.component.mjs +2 -2
  51. package/esm2020/toast/toast.service.mjs +12 -3
  52. package/esm2020/toggle/toggle.component.mjs +3 -3
  53. package/esm2020/tree-select/tree-select.component.mjs +21 -41
  54. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +2 -2
  55. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  56. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +16 -31
  57. package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  58. package/fesm2015/ptsecurity-mosaic-core.mjs +258 -127
  59. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  60. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +4 -21
  61. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  62. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +151 -118
  63. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  64. package/fesm2015/ptsecurity-mosaic-form-field.mjs +164 -7
  65. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  66. package/fesm2015/ptsecurity-mosaic-input.mjs +9 -75
  67. package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
  68. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +6 -2
  69. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
  70. package/fesm2015/ptsecurity-mosaic-modal.mjs +3 -2
  71. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  72. package/fesm2015/ptsecurity-mosaic-popover.mjs +15 -6
  73. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
  74. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +20 -5
  75. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  76. package/fesm2015/ptsecurity-mosaic-radio.mjs +42 -40
  77. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  78. package/fesm2015/ptsecurity-mosaic-select.mjs +17 -37
  79. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  80. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +1 -0
  81. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  82. package/fesm2015/ptsecurity-mosaic-tags.mjs +15 -30
  83. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  84. package/fesm2015/ptsecurity-mosaic-textarea.mjs +17 -37
  85. package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
  86. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +6 -23
  87. package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  88. package/fesm2015/ptsecurity-mosaic-timezone.mjs +15 -6
  89. package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
  90. package/fesm2015/ptsecurity-mosaic-toast.mjs +13 -4
  91. package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -1
  92. package/fesm2015/ptsecurity-mosaic-toggle.mjs +2 -2
  93. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
  94. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +22 -42
  95. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  96. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +2 -2
  97. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  98. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +16 -31
  99. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  100. package/fesm2020/ptsecurity-mosaic-core.mjs +255 -127
  101. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  102. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +4 -21
  103. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  104. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +151 -118
  105. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  106. package/fesm2020/ptsecurity-mosaic-form-field.mjs +162 -7
  107. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  108. package/fesm2020/ptsecurity-mosaic-input.mjs +9 -75
  109. package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
  110. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +6 -2
  111. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
  112. package/fesm2020/ptsecurity-mosaic-modal.mjs +3 -2
  113. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  114. package/fesm2020/ptsecurity-mosaic-popover.mjs +15 -6
  115. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
  116. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +20 -5
  117. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  118. package/fesm2020/ptsecurity-mosaic-radio.mjs +41 -40
  119. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  120. package/fesm2020/ptsecurity-mosaic-select.mjs +15 -36
  121. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  122. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +1 -0
  123. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  124. package/fesm2020/ptsecurity-mosaic-tags.mjs +14 -30
  125. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  126. package/fesm2020/ptsecurity-mosaic-textarea.mjs +15 -36
  127. package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
  128. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +6 -23
  129. package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  130. package/fesm2020/ptsecurity-mosaic-timezone.mjs +14 -6
  131. package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
  132. package/fesm2020/ptsecurity-mosaic-toast.mjs +13 -4
  133. package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -1
  134. package/fesm2020/ptsecurity-mosaic-toggle.mjs +2 -2
  135. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
  136. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +19 -40
  137. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  138. package/form-field/form-field.module.d.ts +4 -3
  139. package/form-field/public-api.d.ts +1 -0
  140. package/form-field/validate.directive.d.ts +32 -0
  141. package/input/input-password.d.ts +6 -12
  142. package/input/input.d.ts +6 -12
  143. package/loader-overlay/loader-overlay.component.d.ts +1 -0
  144. package/package.json +4 -4
  145. package/popover/popover.component.d.ts +1 -0
  146. package/prebuilt-themes/dark-theme.css +1 -1
  147. package/prebuilt-themes/default-theme.css +1 -1
  148. package/prebuilt-visual/default-visual.css +1 -1
  149. package/progress-spinner/progress-spinner.component.d.ts +6 -1
  150. package/radio/radio.component.d.ts +6 -12
  151. package/select/select.component.d.ts +6 -10
  152. package/tags/tag-list.component.d.ts +6 -8
  153. package/textarea/textarea.component.d.ts +7 -12
  154. package/timepicker/timepicker.directive.d.ts +4 -9
  155. package/timezone/timezone.utils.d.ts +1 -1
  156. package/toast/toast.service.d.ts +1 -0
  157. package/tree-select/tree-select.component.d.ts +4 -8
@@ -18,9 +18,8 @@ import { Subject, Subscription, of, merge } from 'rxjs';
18
18
  import { SPACE, ENTER, PAGE_DOWN, PAGE_UP, END, HOME, DOWN_ARROW, UP_ARROW, RIGHT_ARROW, LEFT_ARROW, TAB, ESCAPE, isLetterKey, hasModifierKey, isVerticalMovement, isHorizontalMovement, DELETE, BACKSPACE } from '@ptsecurity/cdk/keycodes';
19
19
  import * as i2 from '@angular/cdk/bidi';
20
20
  import { coerceBooleanProperty } from '@angular/cdk/coercion';
21
- import * as i1$2 from '@angular/forms';
22
21
  import { NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators } from '@angular/forms';
23
- import { validationTooltipShowDelay, validationTooltipHideDelay, setMosaicValidationForCustomFormControl, MC_VALIDATION } from '@ptsecurity/mosaic/core';
22
+ import { validationTooltipShowDelay, validationTooltipHideDelay } from '@ptsecurity/mosaic/core';
24
23
  import { McFormFieldControl } from '@ptsecurity/mosaic/form-field';
25
24
  import { trigger, state, style, transition, animate } from '@angular/animations';
26
25
 
@@ -1327,13 +1326,9 @@ class McDatepickerInputEvent {
1327
1326
  let uniqueComponentIdSuffix = 0;
1328
1327
  /** Directive used to connect an input to a McDatepicker. */
1329
1328
  class McDatepickerInput {
1330
- constructor(elementRef, changeDetectorRef, renderer, mcValidation, parentForm, parentFormGroup, dateAdapter, dateFormats) {
1329
+ constructor(elementRef, renderer, dateAdapter, dateFormats) {
1331
1330
  this.elementRef = elementRef;
1332
- this.changeDetectorRef = changeDetectorRef;
1333
1331
  this.renderer = renderer;
1334
- this.mcValidation = mcValidation;
1335
- this.parentForm = parentForm;
1336
- this.parentFormGroup = parentFormGroup;
1337
1332
  this.dateAdapter = dateAdapter;
1338
1333
  this.dateFormats = dateFormats;
1339
1334
  this.stateChanges = new Subject();
@@ -2024,9 +2019,6 @@ class McDatepickerInput {
2024
2019
  this.control = control;
2025
2020
  this.control.valueChanges
2026
2021
  .subscribe((value) => this._value = value);
2027
- if (this.mcValidation.useValidation) {
2028
- setMosaicValidationForCustomFormControl(this, this.changeDetectorRef);
2029
- }
2030
2022
  }
2031
2023
  getDigitPositions(format) {
2032
2024
  const formatInLowerCase = format.toLowerCase();
@@ -2065,7 +2057,7 @@ class McDatepickerInput {
2065
2057
  }
2066
2058
  }
2067
2059
  }
2068
- /** @nocollapse */ McDatepickerInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McDatepickerInput, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: MC_VALIDATION, optional: true }, { token: i1$2.NgForm, optional: true }, { token: i1$2.FormGroupDirective, optional: true }, { token: i1$1.DateAdapter, optional: true }, { token: MC_DATE_FORMATS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
2060
+ /** @nocollapse */ McDatepickerInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McDatepickerInput, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.DateAdapter, optional: true }, { token: MC_DATE_FORMATS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
2069
2061
  /** @nocollapse */ McDatepickerInput.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: McDatepickerInput, selector: "input[mcDatepicker]", inputs: { placeholder: "placeholder", required: "required", mcDatepicker: "mcDatepicker", mcDatepickerFilter: "mcDatepickerFilter", value: "value", min: "min", max: "max", disabled: "disabled", id: "id", mcValidationTooltip: "mcValidationTooltip" }, outputs: { incorrectInput: "incorrectInput", dateChange: "dateChange", dateInput: "dateInput" }, host: { listeners: { "paste": "onPaste($event)", "change": "onChange()", "focus": "focusChanged(true)", "blur": "onBlur()", "keydown": "onKeyDown($event)" }, properties: { "attr.placeholder": "placeholder", "attr.required": "required", "attr.disabled": "disabled || null", "attr.min": "min ? toISO8601(min) : null", "attr.max": "max ? toISO8601(max) : null", "attr.autocomplete": "\"off\"" }, classAttribute: "mc-input mc-datepicker" }, providers: [
2070
2062
  MC_DATEPICKER_VALUE_ACCESSOR,
2071
2063
  MC_DATEPICKER_VALIDATORS,
@@ -2097,16 +2089,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
2097
2089
  }
2098
2090
  }]
2099
2091
  }], ctorParameters: function () {
2100
- return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
2101
- type: Optional
2102
- }, {
2103
- type: Inject,
2104
- args: [MC_VALIDATION]
2105
- }] }, { type: i1$2.NgForm, decorators: [{
2106
- type: Optional
2107
- }] }, { type: i1$2.FormGroupDirective, decorators: [{
2108
- type: Optional
2109
- }] }, { type: i1$1.DateAdapter, decorators: [{
2092
+ return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.DateAdapter, decorators: [{
2110
2093
  type: Optional
2111
2094
  }] }, { type: undefined, decorators: [{
2112
2095
  type: Optional