@ptsecurity/mosaic 12.2.2 → 12.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 (60) hide show
  1. package/_theming.scss +14 -150
  2. package/bundles/ptsecurity-mosaic-button.umd.js +2 -2
  3. package/bundles/ptsecurity-mosaic-core.umd.js +0 -2
  4. package/bundles/ptsecurity-mosaic-core.umd.js.map +1 -1
  5. package/bundles/ptsecurity-mosaic-datepicker.umd.js +8 -1
  6. package/bundles/ptsecurity-mosaic-datepicker.umd.js.map +1 -1
  7. package/bundles/ptsecurity-mosaic-form-field.umd.js +2 -2
  8. package/bundles/ptsecurity-mosaic-form-field.umd.js.map +1 -1
  9. package/bundles/ptsecurity-mosaic-list.umd.js +14 -19
  10. package/bundles/ptsecurity-mosaic-list.umd.js.map +1 -1
  11. package/bundles/ptsecurity-mosaic-popover.umd.js +2 -2
  12. package/bundles/ptsecurity-mosaic-popover.umd.js.map +1 -1
  13. package/bundles/ptsecurity-mosaic-splitter.umd.js +217 -30
  14. package/bundles/ptsecurity-mosaic-splitter.umd.js.map +1 -1
  15. package/bundles/ptsecurity-mosaic-tags.umd.js +52 -47
  16. package/bundles/ptsecurity-mosaic-tags.umd.js.map +1 -1
  17. package/bundles/ptsecurity-mosaic-tree-select.umd.js +1 -0
  18. package/bundles/ptsecurity-mosaic-tree-select.umd.js.map +1 -1
  19. package/bundles/ptsecurity-mosaic-tree.umd.js +3 -3
  20. package/bundles/ptsecurity-mosaic-tree.umd.js.map +1 -1
  21. package/esm2015/button/button.component.js +2 -2
  22. package/esm2015/core/pop-up/pop-up-trigger.js +1 -3
  23. package/esm2015/datepicker/datepicker-input.directive.js +9 -2
  24. package/esm2015/form-field/cleaner.js +3 -3
  25. package/esm2015/list/list-selection.component.js +15 -20
  26. package/esm2015/popover/popover-confirm.component.js +2 -2
  27. package/esm2015/popover/popover.component.js +2 -2
  28. package/esm2015/splitter/splitter.component.js +179 -32
  29. package/esm2015/splitter/splitter.module.js +4 -2
  30. package/esm2015/tags/tag.component.js +51 -48
  31. package/esm2015/tree/toggle.js +3 -3
  32. package/esm2015/tree/tree-option.component.js +2 -2
  33. package/esm2015/tree-select/tree-select.component.js +2 -1
  34. package/fesm2015/ptsecurity-mosaic-button.js +2 -2
  35. package/fesm2015/ptsecurity-mosaic-core.js +0 -2
  36. package/fesm2015/ptsecurity-mosaic-core.js.map +1 -1
  37. package/fesm2015/ptsecurity-mosaic-datepicker.js +8 -1
  38. package/fesm2015/ptsecurity-mosaic-datepicker.js.map +1 -1
  39. package/fesm2015/ptsecurity-mosaic-form-field.js +2 -2
  40. package/fesm2015/ptsecurity-mosaic-form-field.js.map +1 -1
  41. package/fesm2015/ptsecurity-mosaic-list.js +14 -19
  42. package/fesm2015/ptsecurity-mosaic-list.js.map +1 -1
  43. package/fesm2015/ptsecurity-mosaic-popover.js +2 -2
  44. package/fesm2015/ptsecurity-mosaic-popover.js.map +1 -1
  45. package/fesm2015/ptsecurity-mosaic-splitter.js +181 -32
  46. package/fesm2015/ptsecurity-mosaic-splitter.js.map +1 -1
  47. package/fesm2015/ptsecurity-mosaic-tags.js +50 -47
  48. package/fesm2015/ptsecurity-mosaic-tags.js.map +1 -1
  49. package/fesm2015/ptsecurity-mosaic-tree-select.js +1 -0
  50. package/fesm2015/ptsecurity-mosaic-tree-select.js.map +1 -1
  51. package/fesm2015/ptsecurity-mosaic-tree.js +3 -3
  52. package/fesm2015/ptsecurity-mosaic-tree.js.map +1 -1
  53. package/package.json +4 -4
  54. package/prebuilt-themes/dark-theme.css +1 -1
  55. package/prebuilt-themes/default-theme.css +1 -1
  56. package/splitter/splitter.component.d.ts +41 -3
  57. package/splitter/splitter.module.d.ts +1 -1
  58. package/tags/tag.component.d.ts +20 -20
  59. package/tree/toggle.d.ts +1 -1
  60. package/tree/tree-option.component.d.ts +1 -1
@@ -649,6 +649,58 @@
649
649
  host: { class: 'mc-tag-trailing-icon' }
650
650
  }]
651
651
  }] });
652
+ /**
653
+ *
654
+ * Example:
655
+ *
656
+ * `<mc-tag>
657
+ * <mc-icon mcTagRemove>cancel</mc-icon>
658
+ * </mc-tag>`
659
+ *
660
+ * You *may* use a custom icon, but you may need to override the `mc-tag-remove` positioning
661
+ * styles to properly center the icon within the tag.
662
+ */
663
+ var McTagRemove = /** @class */ (function () {
664
+ function McTagRemove(parentTag) {
665
+ this.parentTag = parentTag;
666
+ }
667
+ McTagRemove.prototype.focus = function ($event) {
668
+ $event.stopPropagation();
669
+ };
670
+ /** Calls the parent tag's public `remove()` method if applicable. */
671
+ McTagRemove.prototype.handleClick = function (event) {
672
+ if (this.parentTag.removable) {
673
+ this.parentTag.hasFocus = true;
674
+ this.parentTag.remove();
675
+ }
676
+ // We need to stop event propagation because otherwise the event will bubble up to the
677
+ // form field and cause the `onContainerClick` method to be invoked. This method would then
678
+ // reset the focused tag that has been focused after tag removal. Usually the parent
679
+ // the parent click listener of the `McTag` would prevent propagation, but it can happen
680
+ // that the tag is being removed before the event bubbles up.
681
+ event.stopPropagation();
682
+ };
683
+ return McTagRemove;
684
+ }());
685
+ /** @nocollapse */ McTagRemove.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McTagRemove, deps: [{ token: i0.forwardRef(function () { return McTag; }) }], target: i0__namespace.ɵɵFactoryTarget.Directive });
686
+ /** @nocollapse */ McTagRemove.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McTagRemove, selector: "[mcTagRemove]", host: { listeners: { "click": "handleClick($event)", "focus": "focus($event)" }, properties: { "attr.tabindex": "-1" }, classAttribute: "mc-tag-remove mc-tag-trailing-icon" }, ngImport: i0__namespace });
687
+ i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McTagRemove, decorators: [{
688
+ type: i0.Directive,
689
+ args: [{
690
+ selector: '[mcTagRemove]',
691
+ host: {
692
+ class: 'mc-tag-remove mc-tag-trailing-icon',
693
+ '[attr.tabindex]': '-1',
694
+ '(click)': 'handleClick($event)',
695
+ '(focus)': 'focus($event)'
696
+ }
697
+ }]
698
+ }], ctorParameters: function () {
699
+ return [{ type: McTag, decorators: [{
700
+ type: i0.Inject,
701
+ args: [i0.forwardRef(function () { return McTag; })]
702
+ }] }];
703
+ } });
652
704
  var McTagBase = /** @class */ (function () {
653
705
  // tslint:disable-next-line:naming-convention
654
706
  function McTagBase(_elementRef) {
@@ -981,53 +1033,6 @@
981
1033
  }], disabled: [{
982
1034
  type: i0.Input
983
1035
  }] } });
984
- /**
985
- *
986
- * Example:
987
- *
988
- * `<mc-tag>
989
- * <mc-icon mcTagRemove>cancel</mc-icon>
990
- * </mc-tag>`
991
- *
992
- * You *may* use a custom icon, but you may need to override the `mc-tag-remove` positioning
993
- * styles to properly center the icon within the tag.
994
- */
995
- var McTagRemove = /** @class */ (function () {
996
- function McTagRemove(parentTag) {
997
- this.parentTag = parentTag;
998
- }
999
- McTagRemove.prototype.focus = function ($event) {
1000
- $event.stopPropagation();
1001
- };
1002
- /** Calls the parent tag's public `remove()` method if applicable. */
1003
- McTagRemove.prototype.handleClick = function (event) {
1004
- if (this.parentTag.removable) {
1005
- this.parentTag.hasFocus = true;
1006
- this.parentTag.remove();
1007
- }
1008
- // We need to stop event propagation because otherwise the event will bubble up to the
1009
- // form field and cause the `onContainerClick` method to be invoked. This method would then
1010
- // reset the focused tag that has been focused after tag removal. Usually the parent
1011
- // the parent click listener of the `McTag` would prevent propagation, but it can happen
1012
- // that the tag is being removed before the event bubbles up.
1013
- event.stopPropagation();
1014
- };
1015
- return McTagRemove;
1016
- }());
1017
- /** @nocollapse */ McTagRemove.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McTagRemove, deps: [{ token: McTag }], target: i0__namespace.ɵɵFactoryTarget.Directive });
1018
- /** @nocollapse */ McTagRemove.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: McTagRemove, selector: "[mcTagRemove]", host: { listeners: { "click": "handleClick($event)", "focus": "focus($event)" }, properties: { "attr.tabindex": "-1" }, classAttribute: "mc-tag-remove mc-tag-trailing-icon" }, ngImport: i0__namespace });
1019
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: McTagRemove, decorators: [{
1020
- type: i0.Directive,
1021
- args: [{
1022
- selector: '[mcTagRemove]',
1023
- host: {
1024
- class: 'mc-tag-remove mc-tag-trailing-icon',
1025
- '[attr.tabindex]': '-1',
1026
- '(click)': 'handleClick($event)',
1027
- '(focus)': 'focus($event)'
1028
- }
1029
- }]
1030
- }], ctorParameters: function () { return [{ type: McTag }]; } });
1031
1036
 
1032
1037
  var McTagListBase = /** @class */ (function () {
1033
1038
  function McTagListBase(defaultErrorStateMatcher, parentForm, parentFormGroup, ngControl) {