myrta-ui 17.0.51 → 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.
|
@@ -9,15 +9,24 @@ export class TruncateTextComponent {
|
|
|
9
9
|
responsiveCount;
|
|
10
10
|
isOpen = false;
|
|
11
11
|
lineHeight;
|
|
12
|
+
onText = 'Развернуть';
|
|
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
|
+
}
|
|
12
21
|
changeVisibleButton(event) {
|
|
13
22
|
this.isVisibleButton = event;
|
|
14
23
|
}
|
|
15
24
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
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" }, 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"] }] });
|
|
17
26
|
}
|
|
18
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, decorators: [{
|
|
19
28
|
type: Component,
|
|
20
|
-
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" }]
|
|
21
30
|
}], propDecorators: { count: [{
|
|
22
31
|
type: Input
|
|
23
32
|
}], responsiveCount: [{
|
|
@@ -26,5 +35,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
26
35
|
type: Input
|
|
27
36
|
}], lineHeight: [{
|
|
28
37
|
type: Input
|
|
38
|
+
}], onText: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], offText: [{
|
|
41
|
+
type: Input
|
|
29
42
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGUtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9teXJ0YS11aS9zcmMvbGliL2NvbXBvbmVudHMvdHJ1bmNhdGUtdGV4dC90cnVuY2F0ZS10ZXh0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL215cnRhLXVpL3NyYy9saWIvY29tcG9uZW50cy90cnVuY2F0ZS10ZXh0L3RydW5jYXRlLXRleHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT2pELE1BQU0sT0FBTyxxQkFBcUI7SUFDekIsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUV0QixLQUFLLEdBQWtCLENBQUMsQ0FBQztJQUN6QixlQUFlLENBQTJCO0lBQzFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDZixVQUFVLENBQVU7SUFDcEIsTUFBTSxHQUFXLFlBQVksQ0FBQztJQUM5QixPQUFPLEdBQVcsVUFBVSxDQUFDO0lBRXRDLElBQVcsV0FBVztRQUNwQixzSkFBc0o7UUFDdEosT0FBTyxJQUFJLENBQUMsZUFBZTtZQUN6QixDQUNFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDcEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxNQUFNLElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztnQkFDakgsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FDakMsQ0FBQztJQUNOLENBQUM7SUFFTSxtQkFBbUIsQ0FBQyxLQUFjO1FBQ3ZDLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7d0dBdEJVLHFCQUFxQjs0RkFBckIscUJBQXFCLDJNQ1BsQyxxZ0JBcUJBOzs0RkRkYSxxQkFBcUI7a0JBSmpDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQU1wQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUcnVuY2F0ZUNvdW50LCBUcnVuY2F0ZVJlc3BvbnNpdmVDb3VudCB9IGZyb20gJy4vdHJ1bmNhdGUtdGV4dC5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbXJ4LXRydW5jYXRlLXRleHQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90cnVuY2F0ZS10ZXh0LmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgVHJ1bmNhdGVUZXh0Q29tcG9uZW50IHtcclxuICBwdWJsaWMgaXNWaXNpYmxlQnV0dG9uID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGNvdW50OiBUcnVuY2F0ZUNvdW50ID0gMjtcclxuICBASW5wdXQoKSByZXNwb25zaXZlQ291bnQhOiBUcnVuY2F0ZVJlc3BvbnNpdmVDb3VudDtcclxuICBASW5wdXQoKSBpc09wZW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBsaW5lSGVpZ2h0ITogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIG9uVGV4dDogc3RyaW5nID0gJ9Cg0LDQt9Cy0LXRgNC90YPRgtGMJztcclxuICBASW5wdXQoKSBvZmZUZXh0OiBzdHJpbmcgPSAn0KHQstC10YDQvdGD0YLRjCc7XHJcblxyXG4gIHB1YmxpYyBnZXQgZ2V0R2FwQ2xhc3MoKTogYm9vbGVhbiB7XHJcbiAgICAvLyByZXR1cm4gdGhpcy5pc1Zpc2libGVCdXR0b24gJiYgKChjb3VudCAhPSAwIHx8IGlzT3BlbikgfHwgKHJlc3BvbnNpdmVDb3VudD8ubGVuZ3RoICYmIHJlc3BvbnNpdmVDb3VudD8uWzBdICE9IDAgfHwgcmVzcG9uc2l2ZUNvdW50Py5bMV0gfHwgaXNPcGVuKSlcclxuICAgIHJldHVybiB0aGlzLmlzVmlzaWJsZUJ1dHRvbiAmJlxyXG4gICAgICAoXHJcbiAgICAgICAgdGhpcy5yZXNwb25zaXZlQ291bnQgP1xyXG4gICAgICAgICAgdGhpcy5yZXNwb25zaXZlQ291bnQ/Lmxlbmd0aCAmJiB0aGlzLnJlc3BvbnNpdmVDb3VudD8uWzBdICE9IDAgfHwgdGhpcy5yZXNwb25zaXZlQ291bnQ/LlsxXSAhPSAwIHx8IHRoaXMuaXNPcGVuIDpcclxuICAgICAgICAgIHRoaXMuY291bnQgIT0gMCB8fCB0aGlzLmlzT3BlblxyXG4gICAgICApO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNoYW5nZVZpc2libGVCdXR0b24oZXZlbnQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuaXNWaXNpYmxlQnV0dG9uID0gZXZlbnQ7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cIm1yeC10cnVuY2F0ZS10ZXh0XCJcclxuICBtcnhUcnVuY2F0ZVRleHRcclxuICBbY291bnRdPVwiY291bnRcIlxyXG4gIFtyZXNwb25zaXZlQ291bnRdPVwicmVzcG9uc2l2ZUNvdW50XCJcclxuICBbaXNPcGVuXT1cImlzT3BlblwiXHJcbiAgW2xpbmVIZWlnaHRdPVwibGluZUhlaWdodFwiXHJcbiAgW2NsYXNzLm1iLTJdPVwiZ2V0R2FwQ2xhc3NcIlxyXG4gIChjaGFuZ2VWaXNpYmxlQnV0dG9uKT1cImNoYW5nZVZpc2libGVCdXR0b24oJGV2ZW50KVwiXHJcbj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PlxyXG5cclxuPG1yeC1saW5rXHJcbiAgKm5nSWY9XCJpc1Zpc2libGVCdXR0b25cIlxyXG4gIFt0eXBlXT1cIidwc2V1ZG8nXCJcclxuICBbcHJldmVudF09XCJ0cnVlXCJcclxuICAoY2xpY2tlZCk9XCJpc09wZW4gPSAhaXNPcGVuXCJcclxuPlxyXG4gIHt7IGlzT3BlbiA/IG9mZlRleHQgOiBvblRleHQgfX1cclxuPC9tcngtbGluaz5cclxuIl19
|
package/fesm2022/myrta-ui.mjs
CHANGED
|
@@ -4137,15 +4137,24 @@ class TruncateTextComponent {
|
|
|
4137
4137
|
responsiveCount;
|
|
4138
4138
|
isOpen = false;
|
|
4139
4139
|
lineHeight;
|
|
4140
|
+
onText = 'Развернуть';
|
|
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
|
+
}
|
|
4140
4149
|
changeVisibleButton(event) {
|
|
4141
4150
|
this.isVisibleButton = event;
|
|
4142
4151
|
}
|
|
4143
4152
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4144
|
-
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" }, 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"] }] });
|
|
4145
4154
|
}
|
|
4146
4155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TruncateTextComponent, decorators: [{
|
|
4147
4156
|
type: Component,
|
|
4148
|
-
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" }]
|
|
4149
4158
|
}], propDecorators: { count: [{
|
|
4150
4159
|
type: Input
|
|
4151
4160
|
}], responsiveCount: [{
|
|
@@ -4154,6 +4163,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4154
4163
|
type: Input
|
|
4155
4164
|
}], lineHeight: [{
|
|
4156
4165
|
type: Input
|
|
4166
|
+
}], onText: [{
|
|
4167
|
+
type: Input
|
|
4168
|
+
}], offText: [{
|
|
4169
|
+
type: Input
|
|
4157
4170
|
}] } });
|
|
4158
4171
|
|
|
4159
4172
|
class TruncateTextModule {
|