@akcelik/strct 0.9.0 → 0.9.2
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
|
|
@@ -2318,9 +2318,7 @@ class StrctModal {
|
|
|
2318
2318
|
>
|
|
2319
2319
|
<div
|
|
2320
2320
|
#dialog
|
|
2321
|
-
class="strct-modal__dialog"
|
|
2322
|
-
[class.strct-modal__dialog--sm]="size() === 'sm'"
|
|
2323
|
-
[class.strct-modal__dialog--lg]="size() === 'lg'"
|
|
2321
|
+
class="strct-modal__dialog strct-modal__dialog--{{ size() }}"
|
|
2324
2322
|
role="dialog"
|
|
2325
2323
|
aria-modal="true"
|
|
2326
2324
|
[attr.aria-labelledby]="title() ? titleId : null"
|
|
@@ -2342,7 +2340,7 @@ class StrctModal {
|
|
|
2342
2340
|
</div>
|
|
2343
2341
|
</div>
|
|
2344
2342
|
}
|
|
2345
|
-
`, isInline: true, styles: [".strct-modal__overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:strct-modal-fade .12s ease}@media(max-width:768px){.strct-modal__overlay{padding:var(--space-3)}}.strct-modal__dialog{width:100%;max-
|
|
2343
|
+
`, isInline: true, styles: [".strct-modal__overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:strct-modal-fade .12s ease}@media(max-width:768px){.strct-modal__overlay{padding:var(--space-3)}}.strct-modal__dialog{width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);overflow:hidden;animation:strct-modal-rise .14s ease}.strct-modal__dialog--sm{max-width:min(380px,calc(100vw - 32px))}.strct-modal__dialog--md{max-width:min(480px,calc(100vw - 32px))}.strct-modal__dialog--lg{max-width:min(640px,calc(100vw - 32px))}.strct-modal__dialog--xl{max-width:min(860px,calc(100vw - 32px))}.strct-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--b1)}.strct-modal__title{font-size:14px;font-weight:600;color:var(--t1)}.strct-modal__close{display:inline-flex;padding:4px;border:0;border-radius:5px;background:transparent;color:var(--t3);cursor:pointer}.strct-modal__close:hover{color:var(--t1);background:var(--bg-3)}.strct-modal__body{padding:var(--space-4);overflow-y:auto;color:var(--t2);font-size:13px}.strct-modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--b1);background:var(--bg-2)}@keyframes strct-modal-fade{0%{opacity:0}}@keyframes strct-modal-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2346
2344
|
}
|
|
2347
2345
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: StrctModal, decorators: [{
|
|
2348
2346
|
type: Component,
|
|
@@ -2358,9 +2356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
2358
2356
|
>
|
|
2359
2357
|
<div
|
|
2360
2358
|
#dialog
|
|
2361
|
-
class="strct-modal__dialog"
|
|
2362
|
-
[class.strct-modal__dialog--sm]="size() === 'sm'"
|
|
2363
|
-
[class.strct-modal__dialog--lg]="size() === 'lg'"
|
|
2359
|
+
class="strct-modal__dialog strct-modal__dialog--{{ size() }}"
|
|
2364
2360
|
role="dialog"
|
|
2365
2361
|
aria-modal="true"
|
|
2366
2362
|
[attr.aria-labelledby]="title() ? titleId : null"
|
|
@@ -2384,7 +2380,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
2384
2380
|
}
|
|
2385
2381
|
`, host: {
|
|
2386
2382
|
'(document:keydown.escape)': 'onEscape()',
|
|
2387
|
-
}, styles: [".strct-modal__overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:strct-modal-fade .12s ease}@media(max-width:768px){.strct-modal__overlay{padding:var(--space-3)}}.strct-modal__dialog{width:100%;max-
|
|
2383
|
+
}, styles: [".strct-modal__overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:strct-modal-fade .12s ease}@media(max-width:768px){.strct-modal__overlay{padding:var(--space-3)}}.strct-modal__dialog{width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);overflow:hidden;animation:strct-modal-rise .14s ease}.strct-modal__dialog--sm{max-width:min(380px,calc(100vw - 32px))}.strct-modal__dialog--md{max-width:min(480px,calc(100vw - 32px))}.strct-modal__dialog--lg{max-width:min(640px,calc(100vw - 32px))}.strct-modal__dialog--xl{max-width:min(860px,calc(100vw - 32px))}.strct-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--b1)}.strct-modal__title{font-size:14px;font-weight:600;color:var(--t1)}.strct-modal__close{display:inline-flex;padding:4px;border:0;border-radius:5px;background:transparent;color:var(--t3);cursor:pointer}.strct-modal__close:hover{color:var(--t1);background:var(--bg-3)}.strct-modal__body{padding:var(--space-4);overflow-y:auto;color:var(--t2);font-size:13px}.strct-modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--b1);background:var(--bg-2)}@keyframes strct-modal-fade{0%{opacity:0}}@keyframes strct-modal-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}}\n"] }]
|
|
2388
2384
|
}], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hideFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideFooter", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
|
|
2389
2385
|
|
|
2390
2386
|
/** Marks the drawer's footer action area: `<ng-container strctDrawerFooter>…`. */
|
|
@@ -7261,14 +7257,21 @@ class StrctMetricTile {
|
|
|
7261
7257
|
<span class="strct-mt__label">{{ label() }}</span>
|
|
7262
7258
|
@if (hasDelta()) {
|
|
7263
7259
|
<span class="strct-mt__delta strct-mt__delta--{{ deltaTone() }}">
|
|
7264
|
-
<strct-icon
|
|
7260
|
+
<strct-icon
|
|
7261
|
+
[name]="delta()! >= 0 ? 'arrowUp' : 'arrowDown'"
|
|
7262
|
+
[size]="11"
|
|
7263
|
+
[strokeWidth]="2"
|
|
7264
|
+
/>
|
|
7265
7265
|
{{ absDelta() }}{{ deltaSuffix() }}
|
|
7266
7266
|
</span>
|
|
7267
7267
|
}
|
|
7268
7268
|
</div>
|
|
7269
7269
|
|
|
7270
7270
|
<div class="strct-mt__value strct-mt__value--{{ status() }}">
|
|
7271
|
-
{{ value() }}
|
|
7271
|
+
{{ value() }}
|
|
7272
|
+
@if (unit()) {
|
|
7273
|
+
<span class="strct-mt__unit">{{ unit() }}</span>
|
|
7274
|
+
}
|
|
7272
7275
|
</div>
|
|
7273
7276
|
|
|
7274
7277
|
@if (caption()) {
|
|
@@ -7292,14 +7295,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
7292
7295
|
<span class="strct-mt__label">{{ label() }}</span>
|
|
7293
7296
|
@if (hasDelta()) {
|
|
7294
7297
|
<span class="strct-mt__delta strct-mt__delta--{{ deltaTone() }}">
|
|
7295
|
-
<strct-icon
|
|
7298
|
+
<strct-icon
|
|
7299
|
+
[name]="delta()! >= 0 ? 'arrowUp' : 'arrowDown'"
|
|
7300
|
+
[size]="11"
|
|
7301
|
+
[strokeWidth]="2"
|
|
7302
|
+
/>
|
|
7296
7303
|
{{ absDelta() }}{{ deltaSuffix() }}
|
|
7297
7304
|
</span>
|
|
7298
7305
|
}
|
|
7299
7306
|
</div>
|
|
7300
7307
|
|
|
7301
7308
|
<div class="strct-mt__value strct-mt__value--{{ status() }}">
|
|
7302
|
-
{{ value() }}
|
|
7309
|
+
{{ value() }}
|
|
7310
|
+
@if (unit()) {
|
|
7311
|
+
<span class="strct-mt__unit">{{ unit() }}</span>
|
|
7312
|
+
}
|
|
7303
7313
|
</div>
|
|
7304
7314
|
|
|
7305
7315
|
@if (caption()) {
|