@akcelik/strct 0.9.0 → 0.9.1
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.
|
@@ -2076,7 +2076,7 @@ class StrctTreeNode {
|
|
|
2076
2076
|
}
|
|
2077
2077
|
</div>
|
|
2078
2078
|
}
|
|
2079
|
-
`, isInline: true, styles: [".strct-tnode{display:block}.strct-tnode__row{display:flex;align-items:center;gap:
|
|
2079
|
+
`, isInline: true, styles: [".strct-tnode{display:block}.strct-tnode__row{display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:5px;cursor:pointer;font-size:13px;color:var(--t1);-webkit-user-select:none;user-select:none}.strct-tnode__row:hover{background:var(--bg-3)}.strct-tnode__row--active{background:var(--acc-m);color:var(--acc);font-weight:500}.strct-tnode__row--active .strct-tnode__icon,.strct-tnode__row--active .strct-tnode__chevron{color:var(--acc)}.strct-tnode__chevron{display:inline-flex;color:var(--t3);transition:transform .15s ease;width:14px;justify-content:center}.strct-tnode__chevron--open{transform:rotate(90deg)}.strct-tnode__spacer{width:14px;flex-shrink:0}.strct-tnode__icon{color:var(--t2);flex-shrink:0}.strct-tnode__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strct-tnode__children{margin-left:16px}\n"], dependencies: [{ kind: "component", type: StrctTreeNode, selector: "strct-tree-node", inputs: ["node", "label", "icon", "badge", "active", "expanded", "nodeMenu"], outputs: ["expandedChange", "activated", "nodeActivated", "nodeMenuSelect"] }, { kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "size", "strokeWidth", "badge", "ariaLabel"] }, { kind: "directive", type: StrctContextMenuTrigger, selector: "[strctContextMenu]", inputs: ["strctContextMenu", "strctContextMenuData"], outputs: ["menuSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2080
2080
|
}
|
|
2081
2081
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: StrctTreeNode, decorators: [{
|
|
2082
2082
|
type: Component,
|
|
@@ -2138,7 +2138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
2138
2138
|
}
|
|
2139
2139
|
</div>
|
|
2140
2140
|
}
|
|
2141
|
-
`, host: { class: 'strct-tnode' }, styles: [".strct-tnode{display:block}.strct-tnode__row{display:flex;align-items:center;gap:
|
|
2141
|
+
`, host: { class: 'strct-tnode' }, styles: [".strct-tnode{display:block}.strct-tnode__row{display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:5px;cursor:pointer;font-size:13px;color:var(--t1);-webkit-user-select:none;user-select:none}.strct-tnode__row:hover{background:var(--bg-3)}.strct-tnode__row--active{background:var(--acc-m);color:var(--acc);font-weight:500}.strct-tnode__row--active .strct-tnode__icon,.strct-tnode__row--active .strct-tnode__chevron{color:var(--acc)}.strct-tnode__chevron{display:inline-flex;color:var(--t3);transition:transform .15s ease;width:14px;justify-content:center}.strct-tnode__chevron--open{transform:rotate(90deg)}.strct-tnode__spacer{width:14px;flex-shrink:0}.strct-tnode__icon{color:var(--t2);flex-shrink:0}.strct-tnode__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strct-tnode__children{margin-left:16px}\n"] }]
|
|
2142
2142
|
}], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], nodeMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeMenu", required: false }] }], activated: [{ type: i0.Output, args: ["activated"] }], nodeActivated: [{ type: i0.Output, args: ["nodeActivated"] }], nodeMenuSelect: [{ type: i0.Output, args: ["nodeMenuSelect"] }], childNodes: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => StrctTreeNode), { isSignal: true }] }] } });
|
|
2143
2143
|
/**
|
|
2144
2144
|
* Root container for a tree. Either project `<strct-tree-node>` children, or
|
|
@@ -7261,14 +7261,21 @@ class StrctMetricTile {
|
|
|
7261
7261
|
<span class="strct-mt__label">{{ label() }}</span>
|
|
7262
7262
|
@if (hasDelta()) {
|
|
7263
7263
|
<span class="strct-mt__delta strct-mt__delta--{{ deltaTone() }}">
|
|
7264
|
-
<strct-icon
|
|
7264
|
+
<strct-icon
|
|
7265
|
+
[name]="delta()! >= 0 ? 'arrowUp' : 'arrowDown'"
|
|
7266
|
+
[size]="11"
|
|
7267
|
+
[strokeWidth]="2"
|
|
7268
|
+
/>
|
|
7265
7269
|
{{ absDelta() }}{{ deltaSuffix() }}
|
|
7266
7270
|
</span>
|
|
7267
7271
|
}
|
|
7268
7272
|
</div>
|
|
7269
7273
|
|
|
7270
7274
|
<div class="strct-mt__value strct-mt__value--{{ status() }}">
|
|
7271
|
-
{{ value() }}
|
|
7275
|
+
{{ value() }}
|
|
7276
|
+
@if (unit()) {
|
|
7277
|
+
<span class="strct-mt__unit">{{ unit() }}</span>
|
|
7278
|
+
}
|
|
7272
7279
|
</div>
|
|
7273
7280
|
|
|
7274
7281
|
@if (caption()) {
|
|
@@ -7292,14 +7299,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
7292
7299
|
<span class="strct-mt__label">{{ label() }}</span>
|
|
7293
7300
|
@if (hasDelta()) {
|
|
7294
7301
|
<span class="strct-mt__delta strct-mt__delta--{{ deltaTone() }}">
|
|
7295
|
-
<strct-icon
|
|
7302
|
+
<strct-icon
|
|
7303
|
+
[name]="delta()! >= 0 ? 'arrowUp' : 'arrowDown'"
|
|
7304
|
+
[size]="11"
|
|
7305
|
+
[strokeWidth]="2"
|
|
7306
|
+
/>
|
|
7296
7307
|
{{ absDelta() }}{{ deltaSuffix() }}
|
|
7297
7308
|
</span>
|
|
7298
7309
|
}
|
|
7299
7310
|
</div>
|
|
7300
7311
|
|
|
7301
7312
|
<div class="strct-mt__value strct-mt__value--{{ status() }}">
|
|
7302
|
-
{{ value() }}
|
|
7313
|
+
{{ value() }}
|
|
7314
|
+
@if (unit()) {
|
|
7315
|
+
<span class="strct-mt__unit">{{ unit() }}</span>
|
|
7316
|
+
}
|
|
7303
7317
|
</div>
|
|
7304
7318
|
|
|
7305
7319
|
@if (caption()) {
|