myrta-ui 17.0.52 → 17.0.53
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.
|
@@ -11,15 +11,22 @@ export class TruncateTextComponent {
|
|
|
11
11
|
lineHeight;
|
|
12
12
|
onText = 'Развернуть';
|
|
13
13
|
offText = 'Свернуть';
|
|
14
|
+
get getGapClass() {
|
|
15
|
+
// return this.isVisibleButton && ((count != 0 || isOpen) || (responsiveCount?.length && responsiveCount?.[0] != 0 || responsiveCount?.[1] || isOpen))
|
|
16
|
+
return this.isVisibleButton &&
|
|
17
|
+
(this.responsiveCount ?
|
|
18
|
+
this.responsiveCount?.length && this.responsiveCount?.[0] != 0 || this.responsiveCount?.[1] != 0 || this.isOpen :
|
|
19
|
+
this.count != 0 || this.isOpen);
|
|
20
|
+
}
|
|
14
21
|
changeVisibleButton(event) {
|
|
15
22
|
this.isVisibleButton = event;
|
|
16
23
|
}
|
|
17
24
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TruncateTextComponent, selector: "mrx-truncate-text", inputs: { count: "count", responsiveCount: "responsiveCount", isOpen: "isOpen", lineHeight: "lineHeight", onText: "onText", offText: "offText" }, ngImport: i0, template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TruncateTextComponent, selector: "mrx-truncate-text", inputs: { count: "count", responsiveCount: "responsiveCount", isOpen: "isOpen", lineHeight: "lineHeight", onText: "onText", offText: "offText" }, ngImport: i0, template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [count]=\"count\"\r\n [responsiveCount]=\"responsiveCount\"\r\n [isOpen]=\"isOpen\"\r\n [lineHeight]=\"lineHeight\"\r\n [class.mb-2]=\"getGapClass\"\r\n (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n *ngIf=\"isVisibleButton\"\r\n [type]=\"'pseudo'\"\r\n [prevent]=\"true\"\r\n (clicked)=\"isOpen = !isOpen\"\r\n>\r\n {{ isOpen ? offText : onText }}\r\n</mrx-link>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LinkComponent, selector: "mrx-link", inputs: ["href", "target", "routerLink", "queryParams", "type", "monochrome", "customClasses", "prevent", "size"], outputs: ["clicked"] }, { kind: "directive", type: i3.TruncateTextDirective, selector: "[mrxTruncateText]", inputs: ["count", "responsiveCount", "lineHeight", "isOpen", "truncateButtonRef"], outputs: ["changeVisibleButton"] }] });
|
|
19
26
|
}
|
|
20
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, decorators: [{
|
|
21
28
|
type: Component,
|
|
22
|
-
args: [{ selector: 'mrx-truncate-text', template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [
|
|
29
|
+
args: [{ selector: 'mrx-truncate-text', template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [count]=\"count\"\r\n [responsiveCount]=\"responsiveCount\"\r\n [isOpen]=\"isOpen\"\r\n [lineHeight]=\"lineHeight\"\r\n [class.mb-2]=\"getGapClass\"\r\n (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n *ngIf=\"isVisibleButton\"\r\n [type]=\"'pseudo'\"\r\n [prevent]=\"true\"\r\n (clicked)=\"isOpen = !isOpen\"\r\n>\r\n {{ isOpen ? offText : onText }}\r\n</mrx-link>\r\n" }]
|
|
23
30
|
}], propDecorators: { count: [{
|
|
24
31
|
type: Input
|
|
25
32
|
}], responsiveCount: [{
|
|
@@ -33,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
33
40
|
}], offText: [{
|
|
34
41
|
type: Input
|
|
35
42
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGUtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvdHJ1bmNhdGUtdGV4dC90cnVuY2F0ZS10ZXh0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy90cnVuY2F0ZS10ZXh0L3RydW5jYXRlLXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT2pELE1BQU0sT0FBTyxxQkFBcUI7SUFDekIsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUV0QixLQUFLLEdBQWtCLENBQUMsQ0FBQztJQUN6QixlQUFlLENBQTJCO0lBQzFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDZixVQUFVLENBQVU7SUFDcEIsTUFBTSxHQUFXLFlBQVksQ0FBQztJQUM5QixPQUFPLEdBQVcsVUFBVSxDQUFDO0lBRXRDLElBQVcsV0FBVztRQUNwQixzSkFBc0o7UUFDdEosT0FBTyxJQUFJLENBQUMsZUFBZTtZQUN6QixDQUNFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxNQUFNLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDakgsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FDakMsQ0FBQztJQUNOLENBQUM7SUFFTSxtQkFBbUIsQ0FBQyxLQUFjO1FBQ3ZDLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7d0dBdEJVLHFCQUFxQjs0RkFBckIscUJBQXFCLDJNQ1BsQyxxZ0JBcUJBOzs0RkRkYSxxQkFBcUI7a0JBSmpDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQU1wQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUcnVuY2F0ZUNvdW50LCBUcnVuY2F0ZVJlc3BvbnNpdmVDb3VudCB9IGZyb20gJy4vdHJ1bmNhdGUtdGV4dC5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LXRydW5jYXRlLXRleHQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90cnVuY2F0ZS10ZXh0LmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgVHJ1bmNhdGVUZXh0Q29tcG9uZW50IHtcclxuICBwdWJsaWMgaXNWaXNpYmxlQnV0dG9uID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGNvdW50OiBUcnVuY2F0ZUNvdW50ID0gMjtcclxuICBASW5wdXQoKSByZXNwb25zaXZlQ291bnQhOiBUcnVuY2F0ZVJlc3BvbnNpdmVDb3VudDtcclxuICBASW5wdXQoKSBpc09wZW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBsaW5lSGVpZ2h0ITogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIG9uVGV4dDogc3RyaW5nID0gJ9Cg0LDQt9Cy0LXRgNC90YPRgtGMJztcclxuICBASW5wdXQoKSBvZmZUZXh0OiBzdHJpbmcgPSAn0KHQstC10YDQvdGD0YLRjCc7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0R2FwQ2xhc3MoKTogYm9vbGVhbiB7XHJcbiAgICAvLyByZXR1cm4gdGhpcy5pc1Zpc2libGVCdXR0b24gJiYgKChjb3VudCAhPSAwIHx8IGlzT3BlbikgfHwgKHJlc3BvbnNpdmVDb3VudD8ubGVuZ3RoICYmIHJlc3BvbnNpdmVDb3VudD8uWzBdICE9IDAgfHwgcmVzcG9uc2l2ZUNvdW50Py5bMV0gfHwgaXNPcGVuKSlcclxuICAgIHJldHVybiB0aGlzLmlzVmlzaWJsZUJ1dHRvbiAmJlxyXG4gICAgICAoXHJcbiAgICAgICAgdGhpcy5yZXNwb25zaXZlQ291bnQgP1xyXG4gICAgICAgICAgdGhpcy5yZXNwb25zaXZlQ291bnQ/Lmxlbmd0aCAmJiB0aGlzLnJlc3BvbnNpdmVDb3VudD8uWzBdICE9IDAgfHwgdGhpcy5yZXNwb25zaXZlQ291bnQ/LlsxXSAhPSAwIHx8IHRoaXMuaXNPcGVuIDpcclxuICAgICAgICAgIHRoaXMuY291bnQgIT0gMCB8fCB0aGlzLmlzT3BlblxyXG4gICAgICApO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNoYW5nZVZpc2libGVCdXR0b24oZXZlbnQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuaXNWaXNpYmxlQnV0dG9uID0gZXZlbnQ7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cIm1yeC10cnVuY2F0ZS10ZXh0XCJcclxuICBtcnhUcnVuY2F0ZVRleHRcclxuICBbY291bnRdPVwiY291bnRcIlxyXG4gIFtyZXNwb25zaXZlQ291bnRdPVwicmVzcG9uc2l2ZUNvdW50XCJcclxuICBbaXNPcGVuXT1cImlzT3BlblwiXHJcbiAgW2xpbmVIZWlnaHRdPVwibGluZUhlaWdodFwiXHJcbiAgW2NsYXNzLm1iLTJdPVwiZ2V0R2FwQ2xhc3NcIlxyXG4gIChjaGFuZ2VWaXNpYmxlQnV0dG9uKT1cImNoYW5nZVZpc2libGVCdXR0b24oJGV2ZW50KVwiXHJcbj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PlxyXG5cclxuPG1yeC1saW5rXHJcbiAgKm5nSWY9XCJpc1Zpc2libGVCdXR0b25cIlxyXG4gIFt0eXBlXT1cIidwc2V1ZG8nXCJcclxuICBbcHJldmVudF09XCJ0cnVlXCJcclxuICAoY2xpY2tlZCk9XCJpc09wZW4gPSAhaXNPcGVuXCJcclxuPlxyXG4gIHt7IGlzT3BlbiA/IG9mZlRleHQgOiBvblRleHQgfX1cclxuPC9tcngtbGluaz5cclxuIl19
|
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -4139,15 +4139,22 @@ class TruncateTextComponent {
|
|
|
4139
4139
|
lineHeight;
|
|
4140
4140
|
onText = 'Развернуть';
|
|
4141
4141
|
offText = 'Свернуть';
|
|
4142
|
+
get getGapClass() {
|
|
4143
|
+
// return this.isVisibleButton && ((count != 0 || isOpen) || (responsiveCount?.length && responsiveCount?.[0] != 0 || responsiveCount?.[1] || isOpen))
|
|
4144
|
+
return this.isVisibleButton &&
|
|
4145
|
+
(this.responsiveCount ?
|
|
4146
|
+
this.responsiveCount?.length && this.responsiveCount?.[0] != 0 || this.responsiveCount?.[1] != 0 || this.isOpen :
|
|
4147
|
+
this.count != 0 || this.isOpen);
|
|
4148
|
+
}
|
|
4142
4149
|
changeVisibleButton(event) {
|
|
4143
4150
|
this.isVisibleButton = event;
|
|
4144
4151
|
}
|
|
4145
4152
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4146
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TruncateTextComponent, selector: "mrx-truncate-text", inputs: { count: "count", responsiveCount: "responsiveCount", isOpen: "isOpen", lineHeight: "lineHeight", onText: "onText", offText: "offText" }, ngImport: i0, template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [
|
|
4153
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TruncateTextComponent, selector: "mrx-truncate-text", inputs: { count: "count", responsiveCount: "responsiveCount", isOpen: "isOpen", lineHeight: "lineHeight", onText: "onText", offText: "offText" }, ngImport: i0, template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [count]=\"count\"\r\n [responsiveCount]=\"responsiveCount\"\r\n [isOpen]=\"isOpen\"\r\n [lineHeight]=\"lineHeight\"\r\n [class.mb-2]=\"getGapClass\"\r\n (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n *ngIf=\"isVisibleButton\"\r\n [type]=\"'pseudo'\"\r\n [prevent]=\"true\"\r\n (clicked)=\"isOpen = !isOpen\"\r\n>\r\n {{ isOpen ? offText : onText }}\r\n</mrx-link>\r\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LinkComponent, selector: "mrx-link", inputs: ["href", "target", "routerLink", "queryParams", "type", "monochrome", "customClasses", "prevent", "size"], outputs: ["clicked"] }, { kind: "directive", type: TruncateTextDirective, selector: "[mrxTruncateText]", inputs: ["count", "responsiveCount", "lineHeight", "isOpen", "truncateButtonRef"], outputs: ["changeVisibleButton"] }] });
|
|
4147
4154
|
}
|
|
4148
4155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, decorators: [{
|
|
4149
4156
|
type: Component,
|
|
4150
|
-
args: [{ selector: 'mrx-truncate-text', template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [
|
|
4157
|
+
args: [{ selector: 'mrx-truncate-text', template: "<div\r\n class=\"mrx-truncate-text\"\r\n mrxTruncateText\r\n [count]=\"count\"\r\n [responsiveCount]=\"responsiveCount\"\r\n [isOpen]=\"isOpen\"\r\n [lineHeight]=\"lineHeight\"\r\n [class.mb-2]=\"getGapClass\"\r\n (changeVisibleButton)=\"changeVisibleButton($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n<mrx-link\r\n *ngIf=\"isVisibleButton\"\r\n [type]=\"'pseudo'\"\r\n [prevent]=\"true\"\r\n (clicked)=\"isOpen = !isOpen\"\r\n>\r\n {{ isOpen ? offText : onText }}\r\n</mrx-link>\r\n" }]
|
|
4151
4158
|
}], propDecorators: { count: [{
|
|
4152
4159
|
type: Input
|
|
4153
4160
|
}], responsiveCount: [{
|