@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
|
@@ -2284,6 +2284,7 @@ class StatusCircleComponent {
|
|
|
2284
2284
|
this.label = '';
|
|
2285
2285
|
this.title = '';
|
|
2286
2286
|
this.icon = '';
|
|
2287
|
+
this.inIcon = '';
|
|
2287
2288
|
this.showLabel = true;
|
|
2288
2289
|
this.mode = 'success';
|
|
2289
2290
|
this.size = 'normal';
|
|
@@ -2291,16 +2292,18 @@ class StatusCircleComponent {
|
|
|
2291
2292
|
}
|
|
2292
2293
|
}
|
|
2293
2294
|
StatusCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2294
|
-
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
|
|
2295
|
+
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"] }] });
|
|
2295
2296
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, decorators: [{
|
|
2296
2297
|
type: Component,
|
|
2297
|
-
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
|
|
2298
|
+
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"] }]
|
|
2298
2299
|
}], propDecorators: { label: [{
|
|
2299
2300
|
type: Input
|
|
2300
2301
|
}], title: [{
|
|
2301
2302
|
type: Input
|
|
2302
2303
|
}], icon: [{
|
|
2303
2304
|
type: Input
|
|
2305
|
+
}], inIcon: [{
|
|
2306
|
+
type: Input
|
|
2304
2307
|
}], showLabel: [{
|
|
2305
2308
|
type: Input
|
|
2306
2309
|
}], mode: [{
|