@inspark/inspark-components 14.0.64 → 14.0.65
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/status-circle/status-circle.component.d.ts +2 -1
- package/full/esm2020/components/status-circle/status-circle.component.mjs +6 -3
- package/full/fesm2015/inspark-inspark-components.mjs +5 -2
- package/full/fesm2015/inspark-inspark-components.mjs.map +1 -1
- package/full/fesm2020/inspark-inspark-components.mjs +5 -2
- package/full/fesm2020/inspark-inspark-components.mjs.map +1 -1
- package/full/package.json +1 -1
- package/interface/package.json +1 -1
- package/package.json +1 -1
|
@@ -4,10 +4,11 @@ export declare class StatusCircleComponent {
|
|
|
4
4
|
label: string;
|
|
5
5
|
title: string;
|
|
6
6
|
icon: string;
|
|
7
|
+
inIcon: string;
|
|
7
8
|
showLabel: boolean;
|
|
8
9
|
mode: CircleMode;
|
|
9
10
|
size: CircleSize;
|
|
10
11
|
content: any;
|
|
11
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<StatusCircleComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StatusCircleComponent, "in-status-circle", never, { "label": "label"; "title": "title"; "icon": "icon"; "showLabel": "showLabel"; "mode": "mode"; "size": "size"; "content": "content"; }, {}, never, never, false>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StatusCircleComponent, "in-status-circle", never, { "label": "label"; "title": "title"; "icon": "icon"; "inIcon": "inIcon"; "showLabel": "showLabel"; "mode": "mode"; "size": "size"; "content": "content"; }, {}, never, never, false>;
|
|
13
14
|
}
|
|
@@ -7,6 +7,7 @@ export class StatusCircleComponent {
|
|
|
7
7
|
this.label = '';
|
|
8
8
|
this.title = '';
|
|
9
9
|
this.icon = '';
|
|
10
|
+
this.inIcon = '';
|
|
10
11
|
this.showLabel = true;
|
|
11
12
|
this.mode = 'success';
|
|
12
13
|
this.size = 'normal';
|
|
@@ -14,16 +15,18 @@ export class StatusCircleComponent {
|
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
StatusCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
StatusCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: StatusCircleComponent, selector: "in-status-circle", inputs: { label: "label", title: "title", icon: "icon", showLabel: "showLabel", mode: "mode", size: "size", content: "content" }, ngImport: i0, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n
|
|
18
|
+
StatusCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: StatusCircleComponent, selector: "in-status-circle", inputs: { label: "label", title: "title", icon: "icon", inIcon: "inIcon", showLabel: "showLabel", mode: "mode", size: "size", content: "content" }, ngImport: i0, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n <in-svg *ngIf=\"icon\" [src]=\"icon\"></in-svg>\n <i *ngIf=\"inIcon\" [ngClass]=\"inIcon\" class=\"in\"></i>\n <span *ngIf=\"content!==''\" class=\"content\">{{content}}</span>\n </span>\n <span *ngIf=\"showLabel && label\" class=\"label\">{{label}}</span>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block;line-height:0}.circle-container{font-size:14px;display:inline-block}.circle-container.small{font-size:12px}.circle-container.small .circle{width:8px;height:8px}.circle-container.normal .circle{width:12px;height:12px}.circle-container.big .circle{min-width:20px;min-height:20px}.circle-container.mini{margin-top:-2px;position:relative;padding:0;top:-3px}.circle-container.mini .circle{width:4px;height:4px}.circle{display:inline-grid;align-items:center;justify-content:center;color:var(--colorTextOnStatus);border-radius:20px;position:relative}.circle in-svg{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%)}.falsevalue{background:var(--colorFalseValue)}.success{background:var(--colorSuccess)}.maintenance{background:var(--colorMaintenance)}.warning{background:var(--colorWarning)}.error{background:var(--colorError)}.none{background:var(--colorNoControl)}.critical{background:var(--colorCritical)}.primary{background:var(--ids-theme-primary, #78f4ff)}.inverse{background:var(--colorIcon, #78f4ff);color:var(--colorTextInverse)}.black{background:#000}.label{margin-left:6px}.content{display:inline-block;line-height:100%;padding:0 5px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SvgComponent, selector: "in-svg", inputs: ["size", "width", "height", "src"] }] });
|
|
18
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, decorators: [{
|
|
19
20
|
type: Component,
|
|
20
|
-
args: [{ selector: 'in-status-circle', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n
|
|
21
|
+
args: [{ selector: 'in-status-circle', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n <in-svg *ngIf=\"icon\" [src]=\"icon\"></in-svg>\n <i *ngIf=\"inIcon\" [ngClass]=\"inIcon\" class=\"in\"></i>\n <span *ngIf=\"content!==''\" class=\"content\">{{content}}</span>\n </span>\n <span *ngIf=\"showLabel && label\" class=\"label\">{{label}}</span>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block;line-height:0}.circle-container{font-size:14px;display:inline-block}.circle-container.small{font-size:12px}.circle-container.small .circle{width:8px;height:8px}.circle-container.normal .circle{width:12px;height:12px}.circle-container.big .circle{min-width:20px;min-height:20px}.circle-container.mini{margin-top:-2px;position:relative;padding:0;top:-3px}.circle-container.mini .circle{width:4px;height:4px}.circle{display:inline-grid;align-items:center;justify-content:center;color:var(--colorTextOnStatus);border-radius:20px;position:relative}.circle in-svg{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%)}.falsevalue{background:var(--colorFalseValue)}.success{background:var(--colorSuccess)}.maintenance{background:var(--colorMaintenance)}.warning{background:var(--colorWarning)}.error{background:var(--colorError)}.none{background:var(--colorNoControl)}.critical{background:var(--colorCritical)}.primary{background:var(--ids-theme-primary, #78f4ff)}.inverse{background:var(--colorIcon, #78f4ff);color:var(--colorTextInverse)}.black{background:#000}.label{margin-left:6px}.content{display:inline-block;line-height:100%;padding:0 5px}\n"] }]
|
|
21
22
|
}], propDecorators: { label: [{
|
|
22
23
|
type: Input
|
|
23
24
|
}], title: [{
|
|
24
25
|
type: Input
|
|
25
26
|
}], icon: [{
|
|
26
27
|
type: Input
|
|
28
|
+
}], inIcon: [{
|
|
29
|
+
type: Input
|
|
27
30
|
}], showLabel: [{
|
|
28
31
|
type: Input
|
|
29
32
|
}], mode: [{
|
|
@@ -33,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
33
36
|
}], content: [{
|
|
34
37
|
type: Input
|
|
35
38
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWNpcmNsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnNwYXJrLWNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvc3RhdHVzLWNpcmNsZS9zdGF0dXMtY2lyY2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9zdGF0dXMtY2lyY2xlL3N0YXR1cy1jaXJjbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFVbEUsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQVNXLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLFNBQUksR0FBZSxTQUFTLENBQUM7UUFDN0IsU0FBSSxHQUFlLFFBQVEsQ0FBQztRQUM1QixZQUFPLEdBQVEsRUFBRSxDQUFDO0tBRTVCOztrSEFaWSxxQkFBcUI7c0dBQXJCLHFCQUFxQiw0TUNWbEMsMmRBVUE7MkZEQWEscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxRQUFROzhCQUtoQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDaXJjbGVNb2RlLCBDaXJjbGVTaXplfSBmcm9tIFwiLi4vLi4vaW50ZXJmYWNlXCI7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tc3RhdHVzLWNpcmNsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGF0dXMtY2lyY2xlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RhdHVzLWNpcmNsZS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5FbXVsYXRlZFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0dXNDaXJjbGVDb21wb25lbnQge1xuXG5cbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgaWNvbiA9ICcnO1xuICBASW5wdXQoKSBpbkljb24gPSAnJztcbiAgQElucHV0KCkgc2hvd0xhYmVsID0gdHJ1ZTtcbiAgQElucHV0KCkgbW9kZTogQ2lyY2xlTW9kZSA9ICdzdWNjZXNzJztcbiAgQElucHV0KCkgc2l6ZTogQ2lyY2xlU2l6ZSA9ICdub3JtYWwnO1xuICBASW5wdXQoKSBjb250ZW50OiBhbnkgPSAnJztcblxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJ7J2ljb24nOiBpY29uICwnaGFzLWNvbnRlbnQnOiBjb250ZW50IT09Jyd9XCJcbiAgICAgY2xhc3M9XCJjaXJjbGUtY29udGFpbmVyIHt7c2l6ZX19XCJcbiAgICAgdGl0bGU9XCJ7e3RpdGxlID8gdGl0bGUgOiBsYWJlbH19XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJjaXJjbGUge3ttb2RlfX1cIj5cbiAgICAgIDxpbi1zdmcgKm5nSWY9XCJpY29uXCIgW3NyY109XCJpY29uXCI+PC9pbi1zdmc+XG4gICAgICA8aSAqbmdJZj1cImluSWNvblwiIFtuZ0NsYXNzXT1cImluSWNvblwiIGNsYXNzPVwiaW5cIj48L2k+XG4gICAgICA8c3BhbiAqbmdJZj1cImNvbnRlbnQhPT0nJ1wiIGNsYXNzPVwiY29udGVudFwiPnt7Y29udGVudH19PC9zcGFuPlxuICAgIDwvc3Bhbj5cbiAgPHNwYW4gKm5nSWY9XCJzaG93TGFiZWwgJiYgbGFiZWxcIiBjbGFzcz1cImxhYmVsXCI+e3tsYWJlbH19PC9zcGFuPlxuPC9kaXY+XG4iXX0=
|
|
@@ -2282,6 +2282,7 @@ class StatusCircleComponent {
|
|
|
2282
2282
|
this.label = '';
|
|
2283
2283
|
this.title = '';
|
|
2284
2284
|
this.icon = '';
|
|
2285
|
+
this.inIcon = '';
|
|
2285
2286
|
this.showLabel = true;
|
|
2286
2287
|
this.mode = 'success';
|
|
2287
2288
|
this.size = 'normal';
|
|
@@ -2289,16 +2290,18 @@ class StatusCircleComponent {
|
|
|
2289
2290
|
}
|
|
2290
2291
|
}
|
|
2291
2292
|
StatusCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2292
|
-
StatusCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: StatusCircleComponent, selector: "in-status-circle", inputs: { label: "label", title: "title", icon: "icon", showLabel: "showLabel", mode: "mode", size: "size", content: "content" }, ngImport: i0, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n
|
|
2293
|
+
StatusCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: StatusCircleComponent, selector: "in-status-circle", inputs: { label: "label", title: "title", icon: "icon", inIcon: "inIcon", showLabel: "showLabel", mode: "mode", size: "size", content: "content" }, ngImport: i0, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n <in-svg *ngIf=\"icon\" [src]=\"icon\"></in-svg>\n <i *ngIf=\"inIcon\" [ngClass]=\"inIcon\" class=\"in\"></i>\n <span *ngIf=\"content!==''\" class=\"content\">{{content}}</span>\n </span>\n <span *ngIf=\"showLabel && label\" class=\"label\">{{label}}</span>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block;line-height:0}.circle-container{font-size:14px;display:inline-block}.circle-container.small{font-size:12px}.circle-container.small .circle{width:8px;height:8px}.circle-container.normal .circle{width:12px;height:12px}.circle-container.big .circle{min-width:20px;min-height:20px}.circle-container.mini{margin-top:-2px;position:relative;padding:0;top:-3px}.circle-container.mini .circle{width:4px;height:4px}.circle{display:inline-grid;align-items:center;justify-content:center;color:var(--colorTextOnStatus);border-radius:20px;position:relative}.circle in-svg{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%)}.falsevalue{background:var(--colorFalseValue)}.success{background:var(--colorSuccess)}.maintenance{background:var(--colorMaintenance)}.warning{background:var(--colorWarning)}.error{background:var(--colorError)}.none{background:var(--colorNoControl)}.critical{background:var(--colorCritical)}.primary{background:var(--ids-theme-primary, #78f4ff)}.inverse{background:var(--colorIcon, #78f4ff);color:var(--colorTextInverse)}.black{background:#000}.label{margin-left:6px}.content{display:inline-block;line-height:100%;padding:0 5px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SvgComponent, selector: "in-svg", inputs: ["size", "width", "height", "src"] }] });
|
|
2293
2294
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, decorators: [{
|
|
2294
2295
|
type: Component,
|
|
2295
|
-
args: [{ selector: 'in-status-circle', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n
|
|
2296
|
+
args: [{ selector: 'in-status-circle', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n <in-svg *ngIf=\"icon\" [src]=\"icon\"></in-svg>\n <i *ngIf=\"inIcon\" [ngClass]=\"inIcon\" class=\"in\"></i>\n <span *ngIf=\"content!==''\" class=\"content\">{{content}}</span>\n </span>\n <span *ngIf=\"showLabel && label\" class=\"label\">{{label}}</span>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block;line-height:0}.circle-container{font-size:14px;display:inline-block}.circle-container.small{font-size:12px}.circle-container.small .circle{width:8px;height:8px}.circle-container.normal .circle{width:12px;height:12px}.circle-container.big .circle{min-width:20px;min-height:20px}.circle-container.mini{margin-top:-2px;position:relative;padding:0;top:-3px}.circle-container.mini .circle{width:4px;height:4px}.circle{display:inline-grid;align-items:center;justify-content:center;color:var(--colorTextOnStatus);border-radius:20px;position:relative}.circle in-svg{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%)}.falsevalue{background:var(--colorFalseValue)}.success{background:var(--colorSuccess)}.maintenance{background:var(--colorMaintenance)}.warning{background:var(--colorWarning)}.error{background:var(--colorError)}.none{background:var(--colorNoControl)}.critical{background:var(--colorCritical)}.primary{background:var(--ids-theme-primary, #78f4ff)}.inverse{background:var(--colorIcon, #78f4ff);color:var(--colorTextInverse)}.black{background:#000}.label{margin-left:6px}.content{display:inline-block;line-height:100%;padding:0 5px}\n"] }]
|
|
2296
2297
|
}], propDecorators: { label: [{
|
|
2297
2298
|
type: Input
|
|
2298
2299
|
}], title: [{
|
|
2299
2300
|
type: Input
|
|
2300
2301
|
}], icon: [{
|
|
2301
2302
|
type: Input
|
|
2303
|
+
}], inIcon: [{
|
|
2304
|
+
type: Input
|
|
2302
2305
|
}], showLabel: [{
|
|
2303
2306
|
type: Input
|
|
2304
2307
|
}], mode: [{
|