@shival99/z-ui 2.1.2 → 2.1.3
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.
|
@@ -171,6 +171,9 @@ class ZTableActionsComponent {
|
|
|
171
171
|
z-tooltip
|
|
172
172
|
[zType]="action.type ?? 'outline'"
|
|
173
173
|
[zSize]="action.size ?? 'sm'"
|
|
174
|
+
[zTypeIcon]="action.icon"
|
|
175
|
+
zSizeIcon="14"
|
|
176
|
+
[zLabel]="action.label ?? ''"
|
|
174
177
|
[zLoading]="actionStates()[action.key].loading"
|
|
175
178
|
[zDisabled]="actionStates()[action.key].disabled"
|
|
176
179
|
[class]="action.class ?? ''"
|
|
@@ -180,18 +183,7 @@ class ZTableActionsComponent {
|
|
|
180
183
|
[zOffset]="actionStates()[action.key].tooltipState.offset ?? 8"
|
|
181
184
|
[zMaxWidth]="actionStates()[action.key].tooltipState.maxWidth ?? '250px'"
|
|
182
185
|
(click)="_onActionClick(action, $event)"
|
|
183
|
-
>
|
|
184
|
-
@if (action.icon && action.label) {
|
|
185
|
-
<div class="flex items-center gap-2">
|
|
186
|
-
<z-icon [zType]="action.icon" zSize="14" />
|
|
187
|
-
{{ action.label }}
|
|
188
|
-
</div>
|
|
189
|
-
} @else if (action.icon) {
|
|
190
|
-
<z-icon [zType]="action.icon" zSize="14" />
|
|
191
|
-
} @else if (action.label) {
|
|
192
|
-
{{ action.label }}
|
|
193
|
-
}
|
|
194
|
-
</button>
|
|
186
|
+
></button>
|
|
195
187
|
}
|
|
196
188
|
}
|
|
197
189
|
} @else {
|
|
@@ -213,11 +205,11 @@ class ZTableActionsComponent {
|
|
|
213
205
|
</z-dropdown-menu>
|
|
214
206
|
}
|
|
215
207
|
</div>
|
|
216
|
-
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: ZButtonComponent, selector: "z-button, button[z-button], a[z-button]", inputs: ["class", "zType", "zSize", "zShape", "zLabel", "zLoading", "zDisabled", "zTypeIcon", "zAnimatedTypeIcon", "zAnimateIcon", "zAnimationTriggerIcon", "zSizeIcon", "zStrokeWidthIcon", "zWave"], exportAs: ["zButton"] }, { kind: "
|
|
208
|
+
`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: ZButtonComponent, selector: "z-button, button[z-button], a[z-button]", inputs: ["class", "zType", "zSize", "zShape", "zLabel", "zLoading", "zDisabled", "zTypeIcon", "zAnimatedTypeIcon", "zAnimateIcon", "zAnimationTriggerIcon", "zSizeIcon", "zStrokeWidthIcon", "zWave"], exportAs: ["zButton"] }, { kind: "directive", type: ZTooltipDirective, selector: "[z-tooltip], [zTooltip]", inputs: ["zContent", "zPosition", "zTooltipPosition", "zTrigger", "zTooltipTrigger", "zTooltipType", "zTooltipSize", "zClass", "zTooltipClass", "zShowDelay", "zTooltipShowDelay", "zHideDelay", "zTooltipHideDelay", "zArrow", "zTooltipArrow", "zDisabled", "zTooltipDisabled", "zOffset", "zTooltipOffset", "zAutoDetect", "zTriggerElement", "zAlwaysShow", "zMaxWidth"], outputs: ["zShow", "zHide"], exportAs: ["zTooltip"] }, { kind: "component", type: ZDropdownMenuComponent, selector: "z-dropdown-menu", inputs: ["zItems", "zLabel", "zIcon", "zButtonType", "zPosition", "zButtonSize", "zOffset", "zMinWidth", "zMaxWidth", "zDisabled"], outputs: ["zOnItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
217
209
|
}
|
|
218
210
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZTableActionsComponent, decorators: [{
|
|
219
211
|
type: Component,
|
|
220
|
-
args: [{ selector: 'z-table-actions', imports: [ZButtonComponent,
|
|
212
|
+
args: [{ selector: 'z-table-actions', imports: [ZButtonComponent, ZTooltipDirective, ZDropdownMenuComponent], standalone: true, template: `
|
|
221
213
|
<div class="z-table-actions flex items-center justify-center gap-1">
|
|
222
214
|
@if (shouldShowAsButtons()) {
|
|
223
215
|
@for (action of allActions(); track action.key) {
|
|
@@ -228,6 +220,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
|
|
|
228
220
|
z-tooltip
|
|
229
221
|
[zType]="action.type ?? 'outline'"
|
|
230
222
|
[zSize]="action.size ?? 'sm'"
|
|
223
|
+
[zTypeIcon]="action.icon"
|
|
224
|
+
zSizeIcon="14"
|
|
225
|
+
[zLabel]="action.label ?? ''"
|
|
231
226
|
[zLoading]="actionStates()[action.key].loading"
|
|
232
227
|
[zDisabled]="actionStates()[action.key].disabled"
|
|
233
228
|
[class]="action.class ?? ''"
|
|
@@ -237,18 +232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
|
|
|
237
232
|
[zOffset]="actionStates()[action.key].tooltipState.offset ?? 8"
|
|
238
233
|
[zMaxWidth]="actionStates()[action.key].tooltipState.maxWidth ?? '250px'"
|
|
239
234
|
(click)="_onActionClick(action, $event)"
|
|
240
|
-
>
|
|
241
|
-
@if (action.icon && action.label) {
|
|
242
|
-
<div class="flex items-center gap-2">
|
|
243
|
-
<z-icon [zType]="action.icon" zSize="14" />
|
|
244
|
-
{{ action.label }}
|
|
245
|
-
</div>
|
|
246
|
-
} @else if (action.icon) {
|
|
247
|
-
<z-icon [zType]="action.icon" zSize="14" />
|
|
248
|
-
} @else if (action.label) {
|
|
249
|
-
{{ action.label }}
|
|
250
|
-
}
|
|
251
|
-
</button>
|
|
235
|
+
></button>
|
|
252
236
|
}
|
|
253
237
|
}
|
|
254
238
|
} @else {
|