@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.
- package/_theming.scss +14 -150
- package/bundles/ptsecurity-mosaic-button.umd.js +2 -2
- package/bundles/ptsecurity-mosaic-core.umd.js +0 -2
- package/bundles/ptsecurity-mosaic-core.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-datepicker.umd.js +8 -1
- package/bundles/ptsecurity-mosaic-datepicker.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-form-field.umd.js +2 -2
- package/bundles/ptsecurity-mosaic-form-field.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-list.umd.js +14 -19
- package/bundles/ptsecurity-mosaic-list.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-popover.umd.js +2 -2
- package/bundles/ptsecurity-mosaic-popover.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-splitter.umd.js +217 -30
- package/bundles/ptsecurity-mosaic-splitter.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-tags.umd.js +52 -47
- package/bundles/ptsecurity-mosaic-tags.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-tree-select.umd.js +1 -0
- package/bundles/ptsecurity-mosaic-tree-select.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-tree.umd.js +3 -3
- package/bundles/ptsecurity-mosaic-tree.umd.js.map +1 -1
- package/esm2015/button/button.component.js +2 -2
- package/esm2015/core/pop-up/pop-up-trigger.js +1 -3
- package/esm2015/datepicker/datepicker-input.directive.js +9 -2
- package/esm2015/form-field/cleaner.js +3 -3
- package/esm2015/list/list-selection.component.js +15 -20
- package/esm2015/popover/popover-confirm.component.js +2 -2
- package/esm2015/popover/popover.component.js +2 -2
- package/esm2015/splitter/splitter.component.js +179 -32
- package/esm2015/splitter/splitter.module.js +4 -2
- package/esm2015/tags/tag.component.js +51 -48
- package/esm2015/tree/toggle.js +3 -3
- package/esm2015/tree/tree-option.component.js +2 -2
- package/esm2015/tree-select/tree-select.component.js +2 -1
- package/fesm2015/ptsecurity-mosaic-button.js +2 -2
- package/fesm2015/ptsecurity-mosaic-core.js +0 -2
- package/fesm2015/ptsecurity-mosaic-core.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.js +8 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-form-field.js +2 -2
- package/fesm2015/ptsecurity-mosaic-form-field.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-list.js +14 -19
- package/fesm2015/ptsecurity-mosaic-list.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-popover.js +2 -2
- package/fesm2015/ptsecurity-mosaic-popover.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-splitter.js +181 -32
- package/fesm2015/ptsecurity-mosaic-splitter.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tags.js +50 -47
- package/fesm2015/ptsecurity-mosaic-tags.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.js +1 -0
- package/fesm2015/ptsecurity-mosaic-tree-select.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree.js +3 -3
- package/fesm2015/ptsecurity-mosaic-tree.js.map +1 -1
- package/package.json +4 -4
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/splitter/splitter.component.d.ts +41 -3
- package/splitter/splitter.module.d.ts +1 -1
- package/tags/tag.component.d.ts +20 -20
- package/tree/toggle.d.ts +1 -1
- 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) {
|