@net7/components 3.8.4 → 3.8.5
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/tag/tag.mjs +14 -3
- package/esm2020/lib/components/tag/tag.mock.mjs +2 -9
- package/fesm2015/net7-components.mjs +14 -10
- package/fesm2015/net7-components.mjs.map +1 -1
- package/fesm2020/net7-components.mjs +14 -10
- package/fesm2020/net7-components.mjs.map +1 -1
- package/lib/components/tag/tag.d.ts +2 -1
- package/package.json +1 -1
|
@@ -10,15 +10,26 @@ export class TagComponent {
|
|
|
10
10
|
return;
|
|
11
11
|
this.emit('click', payload);
|
|
12
12
|
}
|
|
13
|
+
getIcon(data) {
|
|
14
|
+
if (!data.icon)
|
|
15
|
+
return null;
|
|
16
|
+
if (typeof data.icon === 'string') {
|
|
17
|
+
return {
|
|
18
|
+
id: data.icon,
|
|
19
|
+
payload: data.payload,
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
return data.icon;
|
|
23
|
+
}
|
|
13
24
|
}
|
|
14
25
|
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TagComponent, selector: "n7-tag", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{
|
|
26
|
+
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TagComponent, selector: "n7-tag", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
16
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TagComponent, decorators: [{
|
|
17
28
|
type: Component,
|
|
18
|
-
args: [{ selector: 'n7-tag', template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{
|
|
29
|
+
args: [{ selector: 'n7-tag', template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n" }]
|
|
19
30
|
}], propDecorators: { data: [{
|
|
20
31
|
type: Input
|
|
21
32
|
}], emit: [{
|
|
22
33
|
type: Input
|
|
23
34
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHYtY29tcG9uZW50cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3RhZy90YWcudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvdGFnL3RhZy5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2QjtBQUM3QixTQUFTO0FBQ1QsNkJBQTZCO0FBRTdCLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFpRGpELE1BQU0sT0FBTyxZQUFZO0lBS3ZCLE9BQU8sQ0FBQyxPQUFPO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTztRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsT0FBTyxDQUFDLElBQUk7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxPQUFPLElBQUksQ0FBQztRQUU1QixJQUFJLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxRQUFRLEVBQUU7WUFDakMsT0FBTztnQkFDTCxFQUFFLEVBQUUsSUFBSSxDQUFDLElBQUk7Z0JBQ2IsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO2FBQ3RCLENBQUM7U0FDSDtRQUVELE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDOzt5R0FyQlUsWUFBWTs2RkFBWixZQUFZLHNGQ3JEekIsbWdCQVVBOzJGRDJDYSxZQUFZO2tCQUp4QixTQUFTOytCQUNFLFFBQVE7OEJBSUYsSUFBSTtzQkFBbkIsS0FBSztnQkFFVSxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIFRBRy50c1xuLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4uLy4uL3NoYXJlZC1pbnRlcmZhY2VzJztcblxuLyoqXG4gKiBJbnRlcmZhY2UgZm9yIFRhZ0NvbXBvbmVudCdzIFwiZGF0YVwiXG4gKlxuICogQHByb3BlcnR5IHRleHQgKHJlcXVpcmVkKVxuICogQHByb3BlcnR5IGxhYmVsIChvcHRpb25hbClcbiAqIEBwcm9wZXJ0eSBpY29uIChvcHRpb25hbClcbiAqIEBwcm9wZXJ0eSBjbGFzc2VzIChvcHRpb25hbClcbiAqIEBwcm9wZXJ0eSBwYXlsb2FkIChvcHRpb25hbClcbiAqIEBwcm9wZXJ0eSBfbWV0YSAob3B0aW9uYWwpXG4gKlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFRhZ0RhdGEge1xuICAvKipcbiAgICogdGFnJ3MgbGFiZWxcbiAgICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogdGV4dCB2aXN1YWxpemVkIG9uIHRoZSB0YWdcbiAgICovXG4gIHRleHQ6IHN0cmluZztcbiAgLyoqXG4gICAqIGFjdGlvbiBpY29uIChvbiByaWdodCBzaWRlKVxuICAgKi9cbiAgaWNvbj86IEljb24gfCBzdHJpbmc7XG4gIC8qKlxuICAgKiBhY3Rpb24gaWNvbiAob24gcmlnaHQgc2lkZSlcbiAgICovXG4gIHByZUljb24/OiBJY29uO1xuICAvKipcbiAgICogYWRkaXRpb25hbCBodG1sIGNsYXNzZXNcbiAgICovXG4gIGNsYXNzZXM/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBhY3Rpb24gY2xpY2sncyBwYXlsb2FkXG4gICAqL1xuICBwYXlsb2FkPzogYW55O1xuICAvKipcbiAgICogYWRkaXRpb25hbCBpbmZvXG4gICAqL1xuICBfbWV0YT86IGFueTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbjctdGFnJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZy5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBUYWdDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgZGF0YTogVGFnRGF0YTtcblxuICBASW5wdXQoKSBwdWJsaWMgZW1pdDogYW55O1xuXG4gIG9uQ2xpY2socGF5bG9hZCkge1xuICAgIGlmICghdGhpcy5lbWl0KSByZXR1cm47XG4gICAgdGhpcy5lbWl0KCdjbGljaycsIHBheWxvYWQpO1xuICB9XG5cbiAgZ2V0SWNvbihkYXRhKSB7XG4gICAgaWYgKCFkYXRhLmljb24pIHJldHVybiBudWxsO1xuXG4gICAgaWYgKHR5cGVvZiBkYXRhLmljb24gPT09ICdzdHJpbmcnKSB7XG4gICAgICByZXR1cm4ge1xuICAgICAgICBpZDogZGF0YS5pY29uLFxuICAgICAgICBwYXlsb2FkOiBkYXRhLnBheWxvYWQsXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiBkYXRhLmljb247XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwibjctdGFnIHt7ZGF0YS5jbGFzc2VzIHx8ICcnfX1cIiAqbmdJZj1cImRhdGFcIj5cbiAgICA8c3BhbiBjbGFzcz1cIm43LXRhZ19faWNvbiB7e2RhdGEucHJlSWNvbi5pZH19XCIgKm5nSWY9XCJkYXRhLnByZUljb24/LmlkXCIgKGNsaWNrKT1cIm9uQ2xpY2soZGF0YS5wcmVJY29uLnBheWxvYWQpXCI+PC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwibjctdGFnX19sYWJlbFwiICpuZ0lmPVwiZGF0YS5sYWJlbFwiPlxuICAgICAgICB7eyBkYXRhLmxhYmVsIH19XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwibjctdGFnX190ZXh0XCIgKm5nSWY9XCJkYXRhLnRleHRcIj5cbiAgICAgICAge3sgZGF0YS50ZXh0IH19XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwibjctdGFnX19pY29uIHt7aWNvbi5pZH19XCIgKm5nSWY9XCJnZXRJY29uKGRhdGEpIGFzIGljb25cIiAgKGNsaWNrKT1cIm9uQ2xpY2soaWNvbi5wYXlsb2FkKVwiPjwvc3Bhbj5cbjwvc3Bhbj5cbiJdfQ==
|
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
export const TAG_MOCK = {
|
|
2
2
|
label: 'label: ',
|
|
3
3
|
text: 'text',
|
|
4
|
-
icon:
|
|
5
|
-
id: 'n7-icon-close',
|
|
6
|
-
payload: 'close'
|
|
7
|
-
},
|
|
8
|
-
preIcon: {
|
|
9
|
-
id: 'n7-icon-angle-left',
|
|
10
|
-
payload: 'preicon'
|
|
11
|
-
},
|
|
4
|
+
icon: 'n7-icon-close',
|
|
12
5
|
payload: 'tag-payload',
|
|
13
6
|
classes: 'tag1-class',
|
|
14
7
|
};
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLm1vY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvdGFnL3RhZy5tb2NrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBWTtJQUMvQixLQUFLLEVBQUUsU0FBUztJQUNoQixJQUFJLEVBQUUsTUFBTTtJQUNaLElBQUksRUFBRSxlQUFlO0lBQ3JCLE9BQU8sRUFBRSxhQUFhO0lBQ3RCLE9BQU8sRUFBRSxZQUFZO0NBQ3RCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUYWdEYXRhIH0gZnJvbSAnLi90YWcnO1xuXG5leHBvcnQgY29uc3QgVEFHX01PQ0s6IFRhZ0RhdGEgPSB7XG4gIGxhYmVsOiAnbGFiZWw6ICcsXG4gIHRleHQ6ICd0ZXh0JyxcbiAgaWNvbjogJ243LWljb24tY2xvc2UnLFxuICBwYXlsb2FkOiAndGFnLXBheWxvYWQnLFxuICBjbGFzc2VzOiAndGFnMS1jbGFzcycsXG59O1xuIl19
|
|
@@ -1769,12 +1769,23 @@ class TagComponent {
|
|
|
1769
1769
|
return;
|
|
1770
1770
|
this.emit('click', payload);
|
|
1771
1771
|
}
|
|
1772
|
+
getIcon(data) {
|
|
1773
|
+
if (!data.icon)
|
|
1774
|
+
return null;
|
|
1775
|
+
if (typeof data.icon === 'string') {
|
|
1776
|
+
return {
|
|
1777
|
+
id: data.icon,
|
|
1778
|
+
payload: data.payload,
|
|
1779
|
+
};
|
|
1780
|
+
}
|
|
1781
|
+
return data.icon;
|
|
1782
|
+
}
|
|
1772
1783
|
}
|
|
1773
1784
|
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1774
|
-
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TagComponent, selector: "n7-tag", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{
|
|
1785
|
+
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TagComponent, selector: "n7-tag", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1775
1786
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TagComponent, decorators: [{
|
|
1776
1787
|
type: Component,
|
|
1777
|
-
args: [{ selector: 'n7-tag', template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{
|
|
1788
|
+
args: [{ selector: 'n7-tag', template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n" }]
|
|
1778
1789
|
}], propDecorators: { data: [{
|
|
1779
1790
|
type: Input
|
|
1780
1791
|
}], emit: [{
|
|
@@ -7805,14 +7816,7 @@ const TABLE_MOCK = {
|
|
|
7805
7816
|
const TAG_MOCK = {
|
|
7806
7817
|
label: 'label: ',
|
|
7807
7818
|
text: 'text',
|
|
7808
|
-
icon:
|
|
7809
|
-
id: 'n7-icon-close',
|
|
7810
|
-
payload: 'close'
|
|
7811
|
-
},
|
|
7812
|
-
preIcon: {
|
|
7813
|
-
id: 'n7-icon-angle-left',
|
|
7814
|
-
payload: 'preicon'
|
|
7815
|
-
},
|
|
7819
|
+
icon: 'n7-icon-close',
|
|
7816
7820
|
payload: 'tag-payload',
|
|
7817
7821
|
classes: 'tag1-class',
|
|
7818
7822
|
};
|