myrta-ui 1.1.39 → 1.1.40
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/esm2020/lib/components/cdk-tooltip/constants/index.mjs +7 -7
- package/esm2020/lib/components/icon-button/icon-button.component.mjs +9 -3
- package/fesm2015/myrta-ui.mjs +14 -8
- package/fesm2015/myrta-ui.mjs.map +1 -1
- package/fesm2020/myrta-ui.mjs +14 -8
- package/fesm2020/myrta-ui.mjs.map +1 -1
- package/lib/components/icon-button/icon-button.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -58,13 +58,13 @@ export const positions = [
|
|
|
58
58
|
topPosition, bottomPosition, leftPosition, rightPosition
|
|
59
59
|
];
|
|
60
60
|
export const positionStrategy = {
|
|
61
|
-
top: [topPosition, bottomPosition, leftPosition, rightPosition],
|
|
62
|
-
bottom: [bottomPosition, topPosition, leftPosition, rightPosition],
|
|
61
|
+
top: [topPosition, topStartPosition, topEndPosition, bottomPosition, bottomStartPosition, bottomEndPosition, leftPosition, rightPosition],
|
|
62
|
+
bottom: [bottomPosition, bottomStartPosition, bottomEndPosition, topPosition, topStartPosition, topEndPosition, leftPosition, rightPosition],
|
|
63
63
|
left: [leftPosition, rightPosition, topPosition, bottomPosition],
|
|
64
64
|
right: [rightPosition, leftPosition, topPosition, bottomPosition],
|
|
65
|
-
'top-start': [topStartPosition, topPosition, bottomStartPosition, bottomPosition],
|
|
66
|
-
'top-end': [topEndPosition, topPosition, bottomEndPosition, bottomPosition],
|
|
67
|
-
'bottom-start': [bottomStartPosition, bottomPosition, topStartPosition, topPosition],
|
|
68
|
-
'bottom-end': [bottomEndPosition, bottomPosition, topEndPosition, topPosition],
|
|
65
|
+
'top-start': [topStartPosition, topPosition, topEndPosition, bottomStartPosition, bottomPosition, bottomEndPosition],
|
|
66
|
+
'top-end': [topEndPosition, topPosition, topStartPosition, bottomEndPosition, bottomPosition, bottomStartPosition],
|
|
67
|
+
'bottom-start': [bottomStartPosition, bottomPosition, bottomEndPosition, topStartPosition, topPosition, topEndPosition],
|
|
68
|
+
'bottom-end': [bottomEndPosition, bottomPosition, bottomStartPosition, topEndPosition, topPosition, topStartPosition],
|
|
69
69
|
};
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvY2RrLXRvb2x0aXAvY29uc3RhbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sV0FBVyxHQUFzQjtJQUNyQyxPQUFPLEVBQUUsUUFBUTtJQUNqQixPQUFPLEVBQUUsS0FBSztJQUNkLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFVBQVUsRUFBRSxLQUFLO0NBQ2xCLENBQUE7QUFFRCxNQUFNLGNBQWMsR0FBc0I7SUFDeEMsT0FBTyxFQUFFLFFBQVE7SUFDakIsT0FBTyxFQUFFLFFBQVE7SUFDakIsUUFBUSxFQUFFLFFBQVE7SUFDbEIsUUFBUSxFQUFFLEtBQUs7SUFDZixVQUFVLEVBQUUsUUFBUTtDQUNyQixDQUFBO0FBRUQsTUFBTSxZQUFZLEdBQXNCO0lBQ3RDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsUUFBUSxFQUFFLFFBQVE7SUFDbEIsVUFBVSxFQUFFLE9BQU87Q0FDcEIsQ0FBQTtBQUVELE1BQU0sYUFBYSxHQUFzQjtJQUN2QyxPQUFPLEVBQUUsS0FBSztJQUNkLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFFBQVEsRUFBRSxPQUFPO0lBQ2pCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFVBQVUsRUFBRSxLQUFLO0NBQ2xCLENBQUE7QUFFRCxNQUFNLGdCQUFnQixHQUFzQjtJQUMxQyxPQUFPLEVBQUUsT0FBTztJQUNoQixPQUFPLEVBQUUsS0FBSztJQUNkLFFBQVEsRUFBRSxPQUFPO0lBQ2pCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFVBQVUsRUFBRSxXQUFXO0NBQ3hCLENBQUE7QUFFRCxNQUFNLGNBQWMsR0FBc0I7SUFDeEMsT0FBTyxFQUFFLEtBQUs7SUFDZCxPQUFPLEVBQUUsS0FBSztJQUNkLFFBQVEsRUFBRSxLQUFLO0lBQ2YsUUFBUSxFQUFFLFFBQVE7SUFDbEIsVUFBVSxFQUFFLFNBQVM7Q0FDdEIsQ0FBQTtBQUVELE1BQU0sbUJBQW1CLEdBQXNCO0lBQzdDLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFFBQVEsRUFBRSxPQUFPO0lBQ2pCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsVUFBVSxFQUFFLGNBQWM7Q0FDM0IsQ0FBQTtBQUVELE1BQU0saUJBQWlCLEdBQXNCO0lBQzNDLE9BQU8sRUFBRSxLQUFLO0lBQ2QsT0FBTyxFQUFFLFFBQVE7SUFDakIsUUFBUSxFQUFFLEtBQUs7SUFDZixRQUFRLEVBQUUsS0FBSztJQUNmLFVBQVUsRUFBRSxZQUFZO0NBQ3pCLENBQUE7QUFFRCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQXdCO0lBQzVDLFdBQVcsRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLGFBQWE7Q0FDekQsQ0FBQTtBQU1ELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUE4QjtJQUN6RCxHQUFHLEVBQUUsQ0FBQyxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsYUFBYSxDQUFDO0lBQ3pJLE1BQU0sRUFBRSxDQUFDLGNBQWMsRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxhQUFhLENBQUM7SUFDNUksSUFBSSxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsY0FBYyxDQUFDO0lBQ2hFLEtBQUssRUFBRSxDQUFDLGFBQWEsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLGNBQWMsQ0FBQztJQUNqRSxXQUFXLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUFFLG1CQUFtQixFQUFFLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQztJQUNwSCxTQUFTLEVBQUUsQ0FBQyxjQUFjLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLGNBQWMsRUFBRSxtQkFBbUIsQ0FBQztJQUNsSCxjQUFjLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxFQUFFLGNBQWMsQ0FBQztJQUN2SCxZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsbUJBQW1CLEVBQUUsY0FBYyxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQztDQUN0SCxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29ubmVjdGVkUG9zaXRpb24gfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XHJcblxyXG5jb25zdCB0b3BQb3NpdGlvbjogQ29ubmVjdGVkUG9zaXRpb24gPSB7XHJcbiAgb3JpZ2luWDogJ2NlbnRlcicsXHJcbiAgb3JpZ2luWTogJ3RvcCcsXHJcbiAgb3ZlcmxheVg6ICdjZW50ZXInLFxyXG4gIG92ZXJsYXlZOiAnYm90dG9tJyxcclxuICBwYW5lbENsYXNzOiAndG9wJyxcclxufVxyXG5cclxuY29uc3QgYm90dG9tUG9zaXRpb246IENvbm5lY3RlZFBvc2l0aW9uID0ge1xyXG4gIG9yaWdpblg6ICdjZW50ZXInLFxyXG4gIG9yaWdpblk6ICdib3R0b20nLFxyXG4gIG92ZXJsYXlYOiAnY2VudGVyJyxcclxuICBvdmVybGF5WTogJ3RvcCcsXHJcbiAgcGFuZWxDbGFzczogJ2JvdHRvbScsXHJcbn1cclxuXHJcbmNvbnN0IGxlZnRQb3NpdGlvbjogQ29ubmVjdGVkUG9zaXRpb24gPSB7XHJcbiAgb3JpZ2luWDogJ3N0YXJ0JyxcclxuICBvcmlnaW5ZOiAnY2VudGVyJyxcclxuICBvdmVybGF5WDogJ2VuZCcsXHJcbiAgb3ZlcmxheVk6ICdjZW50ZXInLFxyXG4gIHBhbmVsQ2xhc3M6ICdzdGFydCcsXHJcbn1cclxuXHJcbmNvbnN0IHJpZ2h0UG9zaXRpb246IENvbm5lY3RlZFBvc2l0aW9uID0ge1xyXG4gIG9yaWdpblg6ICdlbmQnLFxyXG4gIG9yaWdpblk6ICdjZW50ZXInLFxyXG4gIG92ZXJsYXlYOiAnc3RhcnQnLFxyXG4gIG92ZXJsYXlZOiAnY2VudGVyJyxcclxuICBwYW5lbENsYXNzOiAnZW5kJyxcclxufVxyXG5cclxuY29uc3QgdG9wU3RhcnRQb3NpdGlvbjogQ29ubmVjdGVkUG9zaXRpb24gPSB7XHJcbiAgb3JpZ2luWDogJ3N0YXJ0JyxcclxuICBvcmlnaW5ZOiAndG9wJyxcclxuICBvdmVybGF5WDogJ3N0YXJ0JyxcclxuICBvdmVybGF5WTogJ2JvdHRvbScsXHJcbiAgcGFuZWxDbGFzczogJ3RvcC1zdGFydCcsXHJcbn1cclxuXHJcbmNvbnN0IHRvcEVuZFBvc2l0aW9uOiBDb25uZWN0ZWRQb3NpdGlvbiA9IHtcclxuICBvcmlnaW5YOiAnZW5kJyxcclxuICBvcmlnaW5ZOiAndG9wJyxcclxuICBvdmVybGF5WDogJ2VuZCcsXHJcbiAgb3ZlcmxheVk6ICdib3R0b20nLFxyXG4gIHBhbmVsQ2xhc3M6ICd0b3AtZW5kJyxcclxufVxyXG5cclxuY29uc3QgYm90dG9tU3RhcnRQb3NpdGlvbjogQ29ubmVjdGVkUG9zaXRpb24gPSB7XHJcbiAgb3JpZ2luWDogJ3N0YXJ0JyxcclxuICBvcmlnaW5ZOiAnYm90dG9tJyxcclxuICBvdmVybGF5WDogJ3N0YXJ0JyxcclxuICBvdmVybGF5WTogJ3RvcCcsXHJcbiAgcGFuZWxDbGFzczogJ2JvdHRvbS1zdGFydCcsXHJcbn1cclxuXHJcbmNvbnN0IGJvdHRvbUVuZFBvc2l0aW9uOiBDb25uZWN0ZWRQb3NpdGlvbiA9IHtcclxuICBvcmlnaW5YOiAnZW5kJyxcclxuICBvcmlnaW5ZOiAnYm90dG9tJyxcclxuICBvdmVybGF5WDogJ2VuZCcsXHJcbiAgb3ZlcmxheVk6ICd0b3AnLFxyXG4gIHBhbmVsQ2xhc3M6ICdib3R0b20tZW5kJyxcclxufVxyXG5cclxuZXhwb3J0IGNvbnN0IHBvc2l0aW9uczogQ29ubmVjdGVkUG9zaXRpb25bXSA9IFtcclxuICB0b3BQb3NpdGlvbiwgYm90dG9tUG9zaXRpb24sIGxlZnRQb3NpdGlvbiwgcmlnaHRQb3NpdGlvblxyXG5dXHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIENvbm5lY3RlZFBvc2l0aW9uVmFyaWFudHMge1xyXG4gIFtuYW1lOiBzdHJpbmddOiBDb25uZWN0ZWRQb3NpdGlvbltdO1xyXG59XHJcblxyXG5leHBvcnQgY29uc3QgcG9zaXRpb25TdHJhdGVneTogQ29ubmVjdGVkUG9zaXRpb25WYXJpYW50cyA9IHtcclxuICB0b3A6IFt0b3BQb3NpdGlvbiwgdG9wU3RhcnRQb3NpdGlvbiwgdG9wRW5kUG9zaXRpb24sIGJvdHRvbVBvc2l0aW9uLCBib3R0b21TdGFydFBvc2l0aW9uLCBib3R0b21FbmRQb3NpdGlvbiwgbGVmdFBvc2l0aW9uLCByaWdodFBvc2l0aW9uXSxcclxuICBib3R0b206IFtib3R0b21Qb3NpdGlvbiwgYm90dG9tU3RhcnRQb3NpdGlvbiwgYm90dG9tRW5kUG9zaXRpb24sIHRvcFBvc2l0aW9uLCB0b3BTdGFydFBvc2l0aW9uLCB0b3BFbmRQb3NpdGlvbiwgbGVmdFBvc2l0aW9uLCByaWdodFBvc2l0aW9uXSxcclxuICBsZWZ0OiBbbGVmdFBvc2l0aW9uLCByaWdodFBvc2l0aW9uLCB0b3BQb3NpdGlvbiwgYm90dG9tUG9zaXRpb25dLFxyXG4gIHJpZ2h0OiBbcmlnaHRQb3NpdGlvbiwgbGVmdFBvc2l0aW9uLCB0b3BQb3NpdGlvbiwgYm90dG9tUG9zaXRpb25dLFxyXG4gICd0b3Atc3RhcnQnOiBbdG9wU3RhcnRQb3NpdGlvbiwgdG9wUG9zaXRpb24sIHRvcEVuZFBvc2l0aW9uLCBib3R0b21TdGFydFBvc2l0aW9uLCBib3R0b21Qb3NpdGlvbiwgYm90dG9tRW5kUG9zaXRpb25dLFxyXG4gICd0b3AtZW5kJzogW3RvcEVuZFBvc2l0aW9uLCB0b3BQb3NpdGlvbiwgdG9wU3RhcnRQb3NpdGlvbiwgYm90dG9tRW5kUG9zaXRpb24sIGJvdHRvbVBvc2l0aW9uLCBib3R0b21TdGFydFBvc2l0aW9uXSxcclxuICAnYm90dG9tLXN0YXJ0JzogW2JvdHRvbVN0YXJ0UG9zaXRpb24sIGJvdHRvbVBvc2l0aW9uLCBib3R0b21FbmRQb3NpdGlvbiwgdG9wU3RhcnRQb3NpdGlvbiwgdG9wUG9zaXRpb24sIHRvcEVuZFBvc2l0aW9uXSxcclxuICAnYm90dG9tLWVuZCc6IFtib3R0b21FbmRQb3NpdGlvbiwgYm90dG9tUG9zaXRpb24sIGJvdHRvbVN0YXJ0UG9zaXRpb24sIHRvcEVuZFBvc2l0aW9uLCB0b3BQb3NpdGlvbiwgdG9wU3RhcnRQb3NpdGlvbl0sXHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIENvbm5lY3RlZFBvc2l0aW9uVmFyaWFudHNUeXBlID1cclxuICAndG9wJyB8XHJcbiAgJ2JvdHRvbScgfFxyXG4gICdsZWZ0JyB8XHJcbiAgJ3JpZ2h0JyB8XHJcbiAgJ3RvcC1zdGFydCcgfFxyXG4gICd0b3AtZW5kJyB8XHJcbiAgJ2JvdHRvbS1zdGFydCcgfFxyXG4gICdib3R0b20tZW5kJ1xyXG4iXX0=
|
|
@@ -10,6 +10,8 @@ export class IconButtonComponent {
|
|
|
10
10
|
this.iconClass = '';
|
|
11
11
|
this.disabled = false;
|
|
12
12
|
this.tooltip = '';
|
|
13
|
+
this.tooltipPosition = 'top';
|
|
14
|
+
this.tooltipMaxWidth = null;
|
|
13
15
|
this.isActive = false;
|
|
14
16
|
this.customClasses = '';
|
|
15
17
|
this.mrxClick = new EventEmitter();
|
|
@@ -25,10 +27,10 @@ export class IconButtonComponent {
|
|
|
25
27
|
}
|
|
26
28
|
}
|
|
27
29
|
IconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: IconButtonComponent, selector: "mrx-icon-button", inputs: { size: "size", state: "state", type: "type", iconClass: "iconClass", disabled: "disabled", tooltip: "tooltip", isActive: "isActive", customClasses: "customClasses" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"], directives: [{ type: i1.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
30
|
+
IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: IconButtonComponent, selector: "mrx-icon-button", inputs: { size: "size", state: "state", type: "type", iconClass: "iconClass", disabled: "disabled", tooltip: "tooltip", tooltipPosition: "tooltipPosition", tooltipMaxWidth: "tooltipMaxWidth", isActive: "isActive", customClasses: "customClasses" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [tooltipPosition]=\"tooltipPosition\"\r\n [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"], directives: [{ type: i1.CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
29
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
30
32
|
type: Component,
|
|
31
|
-
args: [{ selector: 'mrx-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"] }]
|
|
33
|
+
args: [{ selector: 'mrx-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [tooltipPosition]=\"tooltipPosition\"\r\n [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"] }]
|
|
32
34
|
}], propDecorators: { size: [{
|
|
33
35
|
type: Input
|
|
34
36
|
}], state: [{
|
|
@@ -41,6 +43,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
41
43
|
type: Input
|
|
42
44
|
}], tooltip: [{
|
|
43
45
|
type: Input
|
|
46
|
+
}], tooltipPosition: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], tooltipMaxWidth: [{
|
|
49
|
+
type: Input
|
|
44
50
|
}], isActive: [{
|
|
45
51
|
type: Input
|
|
46
52
|
}], customClasses: [{
|
|
@@ -48,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
48
54
|
}], mrxClick: [{
|
|
49
55
|
type: Output
|
|
50
56
|
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFDTCxrQkFBa0IsRUFFbEIsa0JBQWtCLEVBRWxCLG1CQUFtQixFQUVwQixNQUFNLG9CQUFvQixDQUFDOzs7QUFTNUIsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQU9XLFNBQUksR0FBd0IsT0FBTyxDQUFDO1FBQ3BDLFVBQUssR0FBeUIsU0FBUyxDQUFDO1FBQ3hDLFNBQUksR0FBd0IsVUFBVSxDQUFDO1FBRXZDLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixvQkFBZSxHQUFrQyxLQUFLLENBQUM7UUFDdkQsb0JBQWUsR0FBa0IsSUFBSSxDQUFDO1FBQ3RDLGFBQVEsR0FBK0IsS0FBSyxDQUFDO1FBQzdDLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBRWxCLGFBQVEsR0FBNkIsSUFBSSxZQUFZLEVBQWMsQ0FBQztLQWEvRTtJQVhDLElBQVcsWUFBWTtRQUNyQixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLG1CQUFtQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQ3ZKLENBQUM7SUFFTSxXQUFXLENBQUMsTUFBa0I7UUFDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7SUFDNUIsQ0FBQzs7Z0hBekJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGtWQ2pCaEMsK1ZBV0E7MkZETWEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIEljb25CdXR0b25UeXBlRW51bSxcclxuICBJY29uQnV0dG9uVHlwZVR5cGVzLFxyXG4gIEljb25CdXR0b25TaXplRW51bSxcclxuICBJY29uQnV0dG9uU2l6ZVR5cGVzLFxyXG4gIEljb25CdXR0b25TdGF0ZUVudW0sXHJcbiAgSWNvbkJ1dHRvblN0YXRlVHlwZXNcclxufSBmcm9tICcuL2ljb24tYnV0dG9uLmVudW0nO1xyXG5pbXBvcnQgeyBDb25uZWN0ZWRQb3NpdGlvblZhcmlhbnRzVHlwZSB9IGZyb20gJy4uL2Nkay10b29sdGlwL2NvbnN0YW50cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21yeC1pY29uLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQubGVzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgSWNvbkJ1dHRvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgc2l6ZTogSWNvbkJ1dHRvblNpemVUeXBlcyA9ICdzbWFsbCc7XHJcbiAgQElucHV0KCkgc3RhdGU6IEljb25CdXR0b25TdGF0ZVR5cGVzID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIHR5cGU6IEljb25CdXR0b25UeXBlVHlwZXMgPSAncG9zaXRpdmUnO1xyXG5cclxuICBASW5wdXQoKSBpY29uQ2xhc3MgPSAnJztcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRvb2x0aXAgPSAnJztcclxuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246IENvbm5lY3RlZFBvc2l0aW9uVmFyaWFudHNUeXBlID0gJ3RvcCc7XHJcbiAgQElucHV0KCkgdG9vbHRpcE1heFdpZHRoOiBudW1iZXIgfCBudWxsID0gbnVsbDtcclxuICBASW5wdXQoKSBpc0FjdGl2ZTogYm9vbGVhbiB8IG51bGwgfCB1bmRlZmluZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBjdXN0b21DbGFzc2VzID0gJyc7XHJcblxyXG4gIEBPdXRwdXQoKSBtcnhDbGljazogRXZlbnRFbWl0dGVyPE1vdXNlRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xyXG5cclxuICBwdWJsaWMgZ2V0IHN0YXRlVG9vbHRpcCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiAhIXRoaXMudG9vbHRpcC50cmltKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0IGdldENsYXNzZXMoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgJHt0aGlzLmljb25DbGFzc30gJHtJY29uQnV0dG9uU2l6ZUVudW1bdGhpcy5zaXplXX0gJHtJY29uQnV0dG9uU3RhdGVFbnVtW3RoaXMuc3RhdGVdfSAke0ljb25CdXR0b25UeXBlRW51bVt0aGlzLnR5cGVdfSAke3RoaXMuY3VzdG9tQ2xhc3Nlc31gXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYnV0dG9uQ2xpY2soJGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLm1yeENsaWNrLmVtaXQoJGV2ZW50KVxyXG4gIH1cclxufVxyXG4iLCI8YnV0dG9uXHJcbiAgY2xhc3M9XCJtcngtaWNvbiBtcngtaWNvbi1idXR0b25cIlxyXG4gIFttcnhDZGtUb29sdGlwXT1cInRvb2x0aXBcIlxyXG4gIFt0b29sdGlwQWN0aXZlXT1cInN0YXRlVG9vbHRpcFwiXHJcbiAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxyXG4gIFt0b29sdGlwTWF4V2lkdGhdPVwidG9vbHRpcE1heFdpZHRoXCJcclxuICBbY2xhc3NdPVwiZ2V0Q2xhc3Nlc1wiXHJcbiAgW2NsYXNzLmFjdGl2ZV09XCJpc0FjdGl2ZVwiXHJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAoY2xpY2spPVwiYnV0dG9uQ2xpY2soJGV2ZW50KVwiXHJcbj48L2J1dHRvbj5cclxuIl19
|
package/fesm2015/myrta-ui.mjs
CHANGED
|
@@ -1081,14 +1081,14 @@ const positions = [
|
|
|
1081
1081
|
topPosition, bottomPosition, leftPosition, rightPosition
|
|
1082
1082
|
];
|
|
1083
1083
|
const positionStrategy = {
|
|
1084
|
-
top: [topPosition, bottomPosition, leftPosition, rightPosition],
|
|
1085
|
-
bottom: [bottomPosition, topPosition, leftPosition, rightPosition],
|
|
1084
|
+
top: [topPosition, topStartPosition, topEndPosition, bottomPosition, bottomStartPosition, bottomEndPosition, leftPosition, rightPosition],
|
|
1085
|
+
bottom: [bottomPosition, bottomStartPosition, bottomEndPosition, topPosition, topStartPosition, topEndPosition, leftPosition, rightPosition],
|
|
1086
1086
|
left: [leftPosition, rightPosition, topPosition, bottomPosition],
|
|
1087
1087
|
right: [rightPosition, leftPosition, topPosition, bottomPosition],
|
|
1088
|
-
'top-start': [topStartPosition, topPosition, bottomStartPosition, bottomPosition],
|
|
1089
|
-
'top-end': [topEndPosition, topPosition, bottomEndPosition, bottomPosition],
|
|
1090
|
-
'bottom-start': [bottomStartPosition, bottomPosition, topStartPosition, topPosition],
|
|
1091
|
-
'bottom-end': [bottomEndPosition, bottomPosition, topEndPosition, topPosition],
|
|
1088
|
+
'top-start': [topStartPosition, topPosition, topEndPosition, bottomStartPosition, bottomPosition, bottomEndPosition],
|
|
1089
|
+
'top-end': [topEndPosition, topPosition, topStartPosition, bottomEndPosition, bottomPosition, bottomStartPosition],
|
|
1090
|
+
'bottom-start': [bottomStartPosition, bottomPosition, bottomEndPosition, topStartPosition, topPosition, topEndPosition],
|
|
1091
|
+
'bottom-end': [bottomEndPosition, bottomPosition, bottomStartPosition, topEndPosition, topPosition, topStartPosition],
|
|
1092
1092
|
};
|
|
1093
1093
|
|
|
1094
1094
|
class CdkTooltipDirective {
|
|
@@ -1738,6 +1738,8 @@ class IconButtonComponent {
|
|
|
1738
1738
|
this.iconClass = '';
|
|
1739
1739
|
this.disabled = false;
|
|
1740
1740
|
this.tooltip = '';
|
|
1741
|
+
this.tooltipPosition = 'top';
|
|
1742
|
+
this.tooltipMaxWidth = null;
|
|
1741
1743
|
this.isActive = false;
|
|
1742
1744
|
this.customClasses = '';
|
|
1743
1745
|
this.mrxClick = new EventEmitter();
|
|
@@ -1753,10 +1755,10 @@ class IconButtonComponent {
|
|
|
1753
1755
|
}
|
|
1754
1756
|
}
|
|
1755
1757
|
IconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1756
|
-
IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: IconButtonComponent, selector: "mrx-icon-button", inputs: { size: "size", state: "state", type: "type", iconClass: "iconClass", disabled: "disabled", tooltip: "tooltip", isActive: "isActive", customClasses: "customClasses" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"], directives: [{ type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1758
|
+
IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: IconButtonComponent, selector: "mrx-icon-button", inputs: { size: "size", state: "state", type: "type", iconClass: "iconClass", disabled: "disabled", tooltip: "tooltip", tooltipPosition: "tooltipPosition", tooltipMaxWidth: "tooltipMaxWidth", isActive: "isActive", customClasses: "customClasses" }, outputs: { mrxClick: "mrxClick" }, ngImport: i0, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [tooltipPosition]=\"tooltipPosition\"\r\n [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"], directives: [{ type: CdkTooltipDirective, selector: "[mrxCdkTooltip]", inputs: ["mrxCdkTooltip", "tooltipActive", "autoCloseByScroll", "tooltipPosition", "tooltipMaxWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1757
1759
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
1758
1760
|
type: Component,
|
|
1759
|
-
args: [{ selector: 'mrx-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"] }]
|
|
1761
|
+
args: [{ selector: 'mrx-icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n class=\"mrx-icon mrx-icon-button\"\r\n [mrxCdkTooltip]=\"tooltip\"\r\n [tooltipActive]=\"stateTooltip\"\r\n [tooltipPosition]=\"tooltipPosition\"\r\n [tooltipMaxWidth]=\"tooltipMaxWidth\"\r\n [class]=\"getClasses\"\r\n [class.active]=\"isActive\"\r\n [disabled]=\"disabled\"\r\n (click)=\"buttonClick($event)\"\r\n></button>\r\n", styles: [".mrx-icon-button{border-radius:4px;cursor:pointer;transition:.2s;border:none;padding:0;margin:0;outline:none;color:var(--neutral-icon-default)}.mrx-icon-button.mrx-icon-button-state-default{background:transparent}.mrx-icon-button.mrx-icon-button-state-default:hover{background:var(--brand-bg-tertiary-hover)}.mrx-icon-button.mrx-icon-button-state-default:active{background:var(--brand-bg-tertiary-selected)}.mrx-icon-button.mrx-icon-button-state-default:disabled{color:var(--neutral-icon-disabled);cursor:default;pointer-events:none;background:transparent}.mrx-icon-button.mrx-icon-button-state-button{box-shadow:0 1px 4px #3b43571a;background:var(--brand-bg-tertiary-default)}.mrx-icon-button.mrx-icon-button-state-button:hover{box-shadow:0 1px 4px #3a3a3a4d}.mrx-icon-button.mrx-icon-button-state-button:disabled{cursor:default;pointer-events:none;color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button:disabled:hover{box-shadow:0 1px 4px #3b43571a}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive{color:var(--system-icon-positive)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active{color:#fff;background:var(--system-bg-controls-positive-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-positive:disabled{color:var(--neutral-icon-disabled)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative{color:var(--system-icon-negative)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active{color:#fff;background:var(--system-bg-controls-negative-default)}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:active:disabled,.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative.active:disabled{color:#fff}.mrx-icon-button.mrx-icon-button-state-button.mrx-icon-button-type-negative:disabled{color:var(--neutral-icon-disabled)}\n"] }]
|
|
1760
1762
|
}], propDecorators: { size: [{
|
|
1761
1763
|
type: Input
|
|
1762
1764
|
}], state: [{
|
|
@@ -1769,6 +1771,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
1769
1771
|
type: Input
|
|
1770
1772
|
}], tooltip: [{
|
|
1771
1773
|
type: Input
|
|
1774
|
+
}], tooltipPosition: [{
|
|
1775
|
+
type: Input
|
|
1776
|
+
}], tooltipMaxWidth: [{
|
|
1777
|
+
type: Input
|
|
1772
1778
|
}], isActive: [{
|
|
1773
1779
|
type: Input
|
|
1774
1780
|
}], customClasses: [{
|