orbiq-neural-ui-kit 1.1.13 → 1.1.14
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.
|
@@ -12607,22 +12607,26 @@ class NeuralDataTableComponent {
|
|
|
12607
12607
|
<thead>
|
|
12608
12608
|
<tr>
|
|
12609
12609
|
@if (selectable()) {
|
|
12610
|
-
<th
|
|
12611
|
-
|
|
12610
|
+
<th
|
|
12611
|
+
class="px-4 py-1.5 align-middle w-12 bg-surface-gray-1 border-0"
|
|
12612
|
+
style="border-top-left-radius: 8px; border-bottom-left-radius: 8px;"
|
|
12613
|
+
>
|
|
12614
|
+
<div class="flex items-center justify-center h-full w-full">
|
|
12612
12615
|
<neural-checkbox size="sm" [checkedModel]="isAllSelected()" (checkedModelChange)="toggleAll($event)"></neural-checkbox>
|
|
12613
12616
|
</div>
|
|
12614
12617
|
</th>
|
|
12615
12618
|
}
|
|
12616
12619
|
@for (col of visibleColumns(); track col.key; let first = $first; let last = $last) {
|
|
12617
|
-
<th
|
|
12618
|
-
|
|
12619
|
-
|
|
12620
|
-
|
|
12621
|
-
|
|
12622
|
-
|
|
12623
|
-
|
|
12624
|
-
|
|
12625
|
-
|
|
12620
|
+
<th
|
|
12621
|
+
class="px-4 py-1.5 text-[13px] font-medium text-ink-gray-6 bg-surface-gray-1 border-0 align-middle hover:text-ink-gray-9 cursor-pointer transition-colors"
|
|
12622
|
+
[style.width]="col.width || 'auto'"
|
|
12623
|
+
[style.border-top-left-radius]="!selectable() && first ? '8px' : '0'"
|
|
12624
|
+
[style.border-bottom-left-radius]="!selectable() && first ? '8px' : '0'"
|
|
12625
|
+
[style.border-top-right-radius]="last ? '8px' : '0'"
|
|
12626
|
+
[style.border-bottom-right-radius]="last ? '8px' : '0'"
|
|
12627
|
+
(click)="col.sortable ? onSort(col.key) : null"
|
|
12628
|
+
>
|
|
12629
|
+
<div class="flex items-center justify-between group">
|
|
12626
12630
|
<span class="truncate">{{ col.label }}</span>
|
|
12627
12631
|
@if (col.sortable) {
|
|
12628
12632
|
<i class="lucide-caret-down size-3.5 text-ink-gray-5 opacity-0 group-hover:opacity-100 transition-opacity"></i>
|
|
@@ -12741,7 +12745,7 @@ class NeuralDataTableComponent {
|
|
|
12741
12745
|
</div>
|
|
12742
12746
|
</neural-dialog>
|
|
12743
12747
|
</div>
|
|
12744
|
-
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.
|
|
12748
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NeuralButtonComponent, selector: "neural-button", inputs: ["variant", "theme", "size", "type", "disabled", "loading", "icon", "iconLeft", "iconRight", "iconOnly"], outputs: ["clicked"] }, { kind: "component", type: NeuralDialogComponent, selector: "neural-dialog", inputs: ["openModel", "title", "message", "icon", "size", "position", "paddingTop", "actions", "dismissible", "showCloseButton", "bare", "hasTitleSlot", "hasActionsSlot", "hasDefaultSlot"], outputs: ["openModelChange"] }, { kind: "component", type: NeuralSwitchComponent, selector: "neural-switch", inputs: ["valueModel", "size", "padded", "disabled", "required", "controlPosition", "icon", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["valueModelChange"] }, { kind: "component", type: NeuralCheckboxComponent, selector: "neural-checkbox", inputs: ["checkedModel", "size", "padded", "indeterminate", "disabled", "required", "label", "description", "error", "id", "hasLabelSlot", "hasDescriptionSlot"], outputs: ["checkedModelChange"] }, { kind: "component", type: NeuralDropdownComponent, selector: "neural-dropdown", inputs: ["options", "side", "align", "offset", "buttonLabel", "hasTriggerSlot"] }] });
|
|
12745
12749
|
}
|
|
12746
12750
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: NeuralDataTableComponent, decorators: [{
|
|
12747
12751
|
type: Component,
|
|
@@ -12844,22 +12848,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
12844
12848
|
<thead>
|
|
12845
12849
|
<tr>
|
|
12846
12850
|
@if (selectable()) {
|
|
12847
|
-
<th
|
|
12848
|
-
|
|
12851
|
+
<th
|
|
12852
|
+
class="px-4 py-1.5 align-middle w-12 bg-surface-gray-1 border-0"
|
|
12853
|
+
style="border-top-left-radius: 8px; border-bottom-left-radius: 8px;"
|
|
12854
|
+
>
|
|
12855
|
+
<div class="flex items-center justify-center h-full w-full">
|
|
12849
12856
|
<neural-checkbox size="sm" [checkedModel]="isAllSelected()" (checkedModelChange)="toggleAll($event)"></neural-checkbox>
|
|
12850
12857
|
</div>
|
|
12851
12858
|
</th>
|
|
12852
12859
|
}
|
|
12853
12860
|
@for (col of visibleColumns(); track col.key; let first = $first; let last = $last) {
|
|
12854
|
-
<th
|
|
12855
|
-
|
|
12856
|
-
|
|
12857
|
-
|
|
12858
|
-
|
|
12859
|
-
|
|
12860
|
-
|
|
12861
|
-
|
|
12862
|
-
|
|
12861
|
+
<th
|
|
12862
|
+
class="px-4 py-1.5 text-[13px] font-medium text-ink-gray-6 bg-surface-gray-1 border-0 align-middle hover:text-ink-gray-9 cursor-pointer transition-colors"
|
|
12863
|
+
[style.width]="col.width || 'auto'"
|
|
12864
|
+
[style.border-top-left-radius]="!selectable() && first ? '8px' : '0'"
|
|
12865
|
+
[style.border-bottom-left-radius]="!selectable() && first ? '8px' : '0'"
|
|
12866
|
+
[style.border-top-right-radius]="last ? '8px' : '0'"
|
|
12867
|
+
[style.border-bottom-right-radius]="last ? '8px' : '0'"
|
|
12868
|
+
(click)="col.sortable ? onSort(col.key) : null"
|
|
12869
|
+
>
|
|
12870
|
+
<div class="flex items-center justify-between group">
|
|
12863
12871
|
<span class="truncate">{{ col.label }}</span>
|
|
12864
12872
|
@if (col.sortable) {
|
|
12865
12873
|
<i class="lucide-caret-down size-3.5 text-ink-gray-5 opacity-0 group-hover:opacity-100 transition-opacity"></i>
|