@inspark/inspark-components 14.0.43 → 14.0.45
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/full/components/header/header.component.d.ts +3 -1
- package/full/esm2020/components/header/header.component.mjs +9 -3
- package/full/esm2020/components/table/table.component.mjs +3 -3
- package/full/fesm2015/inspark-inspark-components.mjs +10 -4
- package/full/fesm2015/inspark-inspark-components.mjs.map +1 -1
- package/full/fesm2020/inspark-inspark-components.mjs +10 -4
- package/full/fesm2020/inspark-inspark-components.mjs.map +1 -1
- package/full/index.css +6 -6
- package/full/package.json +1 -1
- package/interface/package.json +1 -1
- package/package.json +1 -1
|
@@ -3,8 +3,10 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class InsparkHeaderComponent implements OnInit {
|
|
4
4
|
level: number;
|
|
5
5
|
label: string;
|
|
6
|
+
isWrappable: boolean;
|
|
7
|
+
lineClamp: number;
|
|
6
8
|
constructor();
|
|
7
9
|
ngOnInit(): void;
|
|
8
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<InsparkHeaderComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InsparkHeaderComponent, "in-header", never, { "level": "level"; "label": "label"; }, {}, never, ["*"], false>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InsparkHeaderComponent, "in-header", never, { "level": "level"; "label": "label"; "isWrappable": "isWrappable"; "lineClamp": "lineClamp"; }, {}, never, ["*"], false>;
|
|
10
12
|
}
|
|
@@ -5,19 +5,25 @@ export class InsparkHeaderComponent {
|
|
|
5
5
|
constructor() {
|
|
6
6
|
this.level = 1;
|
|
7
7
|
this.label = '';
|
|
8
|
+
this.isWrappable = false;
|
|
9
|
+
this.lineClamp = 4;
|
|
8
10
|
}
|
|
9
11
|
ngOnInit() {
|
|
10
12
|
this.level = Math.max(Math.min(this.level, 6), 1);
|
|
11
13
|
}
|
|
12
14
|
}
|
|
13
15
|
InsparkHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
InsparkHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InsparkHeaderComponent, selector: "in-header", inputs: { level: "level", label: "label" }, ngImport: i0, template: "<div [ngClass]=\"{h1: level === 1, h2: level === 2, h3: level === 3
|
|
16
|
+
InsparkHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InsparkHeaderComponent, selector: "in-header", inputs: { level: "level", label: "label", isWrappable: "isWrappable", lineClamp: "lineClamp" }, ngImport: i0, template: "<div [ngClass]=\"{ h1: level === 1, h2: level === 2, h3: level === 3,\n h4: level === 4, h5: level === 5, h6:level === 6,\n 'is-wrappable': isWrappable }\"\n class=\"header u-margin-bottom-tiny u-margin-top-small line-clamp-{{lineClamp}}\">\n <div *ngIf=\"level === 1\" [title]=\"label\" class=\"u-h1 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 2\" [title]=\"label\" class=\"u-h2 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 3\" [title]=\"label\" class=\"u-h3 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 4\" [title]=\"label\" class=\"u-h4 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 5\" [title]=\"label\" class=\"u-h5 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 6\" [title]=\"label\" class=\"u-h6 header__wrapper\">\n {{label}}\n </div>\n <div class=\"buttons\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".header{display:flex;align-items:center}.header h1,.header h2,.header h3,.header h5,.header h6{display:inline-block;margin:0;color:var(--colorText)}.header h1{font-size:24px}.header .buttons{margin-left:8px;display:flex;align-items:center}.header__wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-wrappable .header__wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;white-space:normal}.line-clamp-1 .header__wrapper{-webkit-line-clamp:1}.line-clamp-2 .header__wrapper{-webkit-line-clamp:2}.line-clamp-3 .header__wrapper{-webkit-line-clamp:3}.line-clamp-4 .header__wrapper{-webkit-line-clamp:4}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
15
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkHeaderComponent, decorators: [{
|
|
16
18
|
type: Component,
|
|
17
|
-
args: [{ selector: 'in-header', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{h1: level === 1, h2: level === 2, h3: level === 3
|
|
19
|
+
args: [{ selector: 'in-header', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{ h1: level === 1, h2: level === 2, h3: level === 3,\n h4: level === 4, h5: level === 5, h6:level === 6,\n 'is-wrappable': isWrappable }\"\n class=\"header u-margin-bottom-tiny u-margin-top-small line-clamp-{{lineClamp}}\">\n <div *ngIf=\"level === 1\" [title]=\"label\" class=\"u-h1 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 2\" [title]=\"label\" class=\"u-h2 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 3\" [title]=\"label\" class=\"u-h3 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 4\" [title]=\"label\" class=\"u-h4 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 5\" [title]=\"label\" class=\"u-h5 header__wrapper\">\n {{label}}\n </div>\n <div *ngIf=\"level === 6\" [title]=\"label\" class=\"u-h6 header__wrapper\">\n {{label}}\n </div>\n <div class=\"buttons\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".header{display:flex;align-items:center}.header h1,.header h2,.header h3,.header h5,.header h6{display:inline-block;margin:0;color:var(--colorText)}.header h1{font-size:24px}.header .buttons{margin-left:8px;display:flex;align-items:center}.header__wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-wrappable .header__wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;white-space:normal}.line-clamp-1 .header__wrapper{-webkit-line-clamp:1}.line-clamp-2 .header__wrapper{-webkit-line-clamp:2}.line-clamp-3 .header__wrapper{-webkit-line-clamp:3}.line-clamp-4 .header__wrapper{-webkit-line-clamp:4}\n"] }]
|
|
18
20
|
}], ctorParameters: function () { return []; }, propDecorators: { level: [{
|
|
19
21
|
type: Input
|
|
20
22
|
}], label: [{
|
|
21
23
|
type: Input
|
|
24
|
+
}], isWrappable: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], lineClamp: [{
|
|
27
|
+
type: Input
|
|
22
28
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFRMUUsTUFBTSxPQUFPLHNCQUFzQjtJQVFqQztRQU5TLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsY0FBUyxHQUFHLENBQUMsQ0FBQztJQUl2QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDcEQsQ0FBQzs7bUhBYlUsc0JBQXNCO3VHQUF0QixzQkFBc0IsaUpDUm5DLG84QkEwQkE7MkZEbEJhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxXQUFXLGlCQUdOLGlCQUFpQixDQUFDLFFBQVE7MEVBSWhDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4taGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5FbXVsYXRlZFxufSlcbmV4cG9ydCBjbGFzcyBJbnNwYXJrSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBsZXZlbCA9IDE7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIGlzV3JhcHBhYmxlID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxpbmVDbGFtcCA9IDQ7XG5cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMubGV2ZWwgPSBNYXRoLm1heChNYXRoLm1pbih0aGlzLmxldmVsLCA2KSwgMSk7XG4gIH1cblxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJ7IGgxOiBsZXZlbCA9PT0gMSwgaDI6IGxldmVsID09PSAyLCBoMzogbGV2ZWwgPT09IDMsXG4gICAgICBoNDogbGV2ZWwgPT09IDQsIGg1OiBsZXZlbCA9PT0gNSwgaDY6bGV2ZWwgPT09IDYsXG4gICAgICAnaXMtd3JhcHBhYmxlJzogaXNXcmFwcGFibGUgfVwiXG4gICAgIGNsYXNzPVwiaGVhZGVyIHUtbWFyZ2luLWJvdHRvbS10aW55IHUtbWFyZ2luLXRvcC1zbWFsbCBsaW5lLWNsYW1wLXt7bGluZUNsYW1wfX1cIj5cbiAgPGRpdiAqbmdJZj1cImxldmVsID09PSAxXCIgW3RpdGxlXT1cImxhYmVsXCIgY2xhc3M9XCJ1LWgxIGhlYWRlcl9fd3JhcHBlclwiPlxuICAgIHt7bGFiZWx9fVxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImxldmVsID09PSAyXCIgW3RpdGxlXT1cImxhYmVsXCIgY2xhc3M9XCJ1LWgyIGhlYWRlcl9fd3JhcHBlclwiPlxuICAgIHt7bGFiZWx9fVxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImxldmVsID09PSAzXCIgW3RpdGxlXT1cImxhYmVsXCIgY2xhc3M9XCJ1LWgzIGhlYWRlcl9fd3JhcHBlclwiPlxuICAgIHt7bGFiZWx9fVxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImxldmVsID09PSA0XCIgW3RpdGxlXT1cImxhYmVsXCIgY2xhc3M9XCJ1LWg0IGhlYWRlcl9fd3JhcHBlclwiPlxuICAgIHt7bGFiZWx9fVxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImxldmVsID09PSA1XCIgW3RpdGxlXT1cImxhYmVsXCIgY2xhc3M9XCJ1LWg1IGhlYWRlcl9fd3JhcHBlclwiPlxuICAgIHt7bGFiZWx9fVxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImxldmVsID09PSA2XCIgW3RpdGxlXT1cImxhYmVsXCIgY2xhc3M9XCJ1LWg2IGhlYWRlcl9fd3JhcHBlclwiPlxuICAgIHt7bGFiZWx9fVxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImJ1dHRvbnNcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|