@tilde-nlp/ngx-common 8.1.87 → 8.1.88
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.
|
@@ -10153,8 +10153,8 @@ function StatusPillComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
10153
10153
|
} if (rf & 2) {
|
|
10154
10154
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
10155
10155
|
const pillContent_r2 = i0.ɵɵreference(3);
|
|
10156
|
-
i0.ɵɵclassMap(i0.ɵɵ
|
|
10157
|
-
i0.ɵɵproperty("
|
|
10156
|
+
i0.ɵɵclassMap(i0.ɵɵinterpolate2("status-pill status-pill--", ctx_r0.size(), " status-pill--clickable ", i0.ɵɵpipeBind1(1, 6, ctx_r0.status())));
|
|
10157
|
+
i0.ɵɵproperty("matTooltip", ctx_r0.tooltip());
|
|
10158
10158
|
i0.ɵɵadvance(2);
|
|
10159
10159
|
i0.ɵɵproperty("ngTemplateOutlet", pillContent_r2);
|
|
10160
10160
|
} }
|
|
@@ -10166,8 +10166,8 @@ function StatusPillComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
10166
10166
|
} if (rf & 2) {
|
|
10167
10167
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
10168
10168
|
const pillContent_r2 = i0.ɵɵreference(3);
|
|
10169
|
-
i0.ɵɵclassMap(i0.ɵɵ
|
|
10170
|
-
i0.ɵɵproperty("
|
|
10169
|
+
i0.ɵɵclassMap(i0.ɵɵinterpolate2("status-pill status-pill--", ctx_r0.size(), " ", i0.ɵɵpipeBind1(1, 6, ctx_r0.status())));
|
|
10170
|
+
i0.ɵɵproperty("matTooltip", ctx_r0.tooltip());
|
|
10171
10171
|
i0.ɵɵadvance(2);
|
|
10172
10172
|
i0.ɵɵproperty("ngTemplateOutlet", pillContent_r2);
|
|
10173
10173
|
} }
|
|
@@ -10188,29 +10188,30 @@ function StatusPillComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
10188
10188
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
10189
10189
|
i0.ɵɵconditional(ctx_r0.icon() ? 0 : -1);
|
|
10190
10190
|
i0.ɵɵadvance();
|
|
10191
|
-
i0.ɵɵtextInterpolate1(" ", ctx_r0.
|
|
10191
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r0.statusLabel(), " ");
|
|
10192
10192
|
} }
|
|
10193
10193
|
class StatusPillComponent {
|
|
10194
10194
|
constructor() {
|
|
10195
10195
|
this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
|
|
10196
10196
|
this.size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
10197
10197
|
this.status = input(...(ngDevMode ? [undefined, { debugName: "status" }] : []));
|
|
10198
|
+
this.statusLabel = input(...(ngDevMode ? [undefined, { debugName: "statusLabel" }] : []));
|
|
10198
10199
|
this.type = input('default', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
10199
10200
|
this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
|
|
10200
10201
|
}
|
|
10201
10202
|
static { this.ɵfac = function StatusPillComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StatusPillComponent)(); }; }
|
|
10202
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatusPillComponent, selectors: [["lib-status-pill"]], inputs: { icon: [1, "icon"], size: [1, "size"], status: [1, "status"], type: [1, "type"], tooltip: [1, "tooltip"] }, ngContentSelectors: _c0, decls: 4, vars: 1, consts: [["pillContent", ""], ["type", "button", 3, "class", "
|
|
10203
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatusPillComponent, selectors: [["lib-status-pill"]], inputs: { icon: [1, "icon"], size: [1, "size"], status: [1, "status"], statusLabel: [1, "statusLabel"], type: [1, "type"], tooltip: [1, "tooltip"] }, ngContentSelectors: _c0, decls: 4, vars: 1, consts: [["pillContent", ""], ["type", "button", 3, "class", "matTooltip"], [3, "class", "matTooltip"], ["type", "button", 3, "matTooltip"], [3, "ngTemplateOutlet"], [3, "matTooltip"], [1, "material-icons", "material-icons-outlined"]], template: function StatusPillComponent_Template(rf, ctx) { if (rf & 1) {
|
|
10203
10204
|
i0.ɵɵprojectionDef();
|
|
10204
10205
|
i0.ɵɵconditionalCreate(0, StatusPillComponent_Conditional_0_Template, 3, 8, "button", 1)(1, StatusPillComponent_Conditional_1_Template, 3, 8, "div", 2);
|
|
10205
10206
|
i0.ɵɵtemplate(2, StatusPillComponent_ng_template_2_Template, 3, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
|
|
10206
10207
|
} if (rf & 2) {
|
|
10207
10208
|
i0.ɵɵconditional(ctx.type() === "clickable" ? 0 : 1);
|
|
10208
|
-
} }, dependencies: [CommonModule, i1$1.
|
|
10209
|
+
} }, dependencies: [CommonModule, i1$1.NgTemplateOutlet, MatTooltipModule, i2$3.MatTooltip, MatIconModule, i1$1.LowerCasePipe], styles: [".status-pill[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.status-pill--clickable[_ngcontent-%COMP%]{appearance:none;background:transparent;cursor:pointer;color:inherit;text-align:inherit}.status-pill--small[_ngcontent-%COMP%]{gap:2px;padding:4px 8px;font-size:10px;font-weight:500}.status-pill--small[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:14px}.material-icons[_ngcontent-%COMP%]{font-size:16px}"] }); }
|
|
10209
10210
|
}
|
|
10210
10211
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatusPillComponent, [{
|
|
10211
10212
|
type: Component,
|
|
10212
|
-
args: [{ selector: 'lib-status-pill', imports: [CommonModule, MatTooltipModule, MatIconModule], template: "@if (type() === \"clickable\") {\r\n\t<button type=\"button\" class=\"status-pill status-pill--{{ size() }} status-pill--clickable
|
|
10213
|
-
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }] }); })();
|
|
10213
|
+
args: [{ selector: 'lib-status-pill', imports: [CommonModule, MatTooltipModule, MatIconModule], template: "@if (type() === \"clickable\") {\r\n\t<button type=\"button\" class=\"status-pill status-pill--{{ size() }} status-pill--clickable {{ status() | lowercase }}\" [matTooltip]=\"tooltip()\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"pillContent\"></ng-container>\r\n\t</button>\r\n} @else {\r\n\t<div class=\"status-pill status-pill--{{ size() }} {{ status() | lowercase }}\" [matTooltip]=\"tooltip()\">\r\n\t\t<ng-container [ngTemplateOutlet]=\"pillContent\"></ng-container>\r\n\t</div>\r\n}\r\n\r\n<ng-template #pillContent>\r\n\t@if (icon()) {\r\n\t\t<span class=\"material-icons material-icons-outlined\">{{ icon() }}</span>\r\n\t}\r\n\r\n\t{{ statusLabel() }}\r\n\r\n\t<ng-content></ng-content>\r\n</ng-template>\r\n", styles: [".status-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}.status-pill--clickable{appearance:none;background:transparent;cursor:pointer;color:inherit;text-align:inherit}.status-pill--small{gap:2px;padding:4px 8px;font-size:10px;font-weight:500}.status-pill--small .material-icons{font-size:14px}.material-icons{font-size:16px}\n"] }]
|
|
10214
|
+
}], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], statusLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusLabel", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }] }); })();
|
|
10214
10215
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StatusPillComponent, { className: "StatusPillComponent", filePath: "lib/status-pill/status-pill.component.ts", lineNumber: 15 }); })();
|
|
10215
10216
|
|
|
10216
10217
|
/*
|