@xiriframework/xiri-ng 0.2.42 → 0.2.44

package/fesm2022/xiriframework-xiri-ng.mjs

@@ -2989,6 +2989,8 @@ class XiriButtonComponent {
         this.dialogRef = undefined;
         this.destroyRef = inject(DestroyRef);
         this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        // Guards the one-shot auto-load trigger (see constructor) so it fires only once.
+        this._autoTriggered = false;
         this.polling = signal(null, ...(ngDevMode ? [{ debugName: "polling" }] : /* istanbul ignore next */ []));
         this._now = signal(Date.now(), ...(ngDevMode ? [{ debugName: "_now" }] : /* istanbul ignore next */ []));
         this.countdown = computed(() => {
@@ -3026,9 +3028,22 @@ class XiriButtonComponent {
                 return this.url();
             return this.displayButton().url;
         }, ...(ngDevMode ? [{ debugName: "_url" }] : /* istanbul ignore next */ []));
+        // Auto-load: when the button opts in via autoLoad, run its action once as soon
+        // as it becomes enabled (filter valid/present). Subsequent filter changes do not
+        // re-trigger it — only the initial load is automatic.
+        effect(() => {
+            this.filterData(); // track filter changes so the effect re-evaluates
+            if (this.button().autoLoad && !this._autoTriggered && !this._disabled()) {
+                this._autoTriggered = true;
+                this.runAction();
+            }
+        });
     }
     clicked(event) {
         event.stopPropagation();
+        this.runAction();
+    }
+    runAction() {
         if (this._disabled()) {
             this.result.emit({
                 button: this.button(),
@@ -3241,7 +3256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatMenu, MatMenuItem, MatMenuTrigger,
                         MatIcon, MatIconButton, MatTooltip
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (button().action) {\n\t@case ('link') {\n\t\t<a [routerLink]=\"_url()\" [href]=\"_url()\" (click)=\"clicked($event)\">\n\t\t\t<xiri-buttonstyle [button]=\"displayButton()\" [disabled]=\"_disabled()\" [loading]=\"loading()\" [countdown]=\"countdown()\" [pollText]=\"pollText()\"></xiri-buttonstyle>\n\t\t</a>\n\t}\n\t@case ('href') {\n\t\t<a [href]=\"_url()\" [target]=\"button().target\" (click)=\"clicked($event)\">\n\t\t\t<xiri-buttonstyle [button]=\"displayButton()\" [disabled]=\"_disabled()\" [loading]=\"loading()\" [countdown]=\"countdown()\" [pollText]=\"pollText()\"></xiri-buttonstyle>\n\t\t</a>\n\t}\n\t@case ('menu') {\n\t\t<button mat-icon-button [matMenuTriggerFor]=\"menuRef\"\n\t\t        [class]=\"displayButton().color || 'primary'\"\n\t\t        [matTooltip]=\"button().hint\"\n\t\t        [matTooltipDisabled]=\"!button().hint\"\n\t\t        (click)=\"$event.stopPropagation()\">\n\t\t\t<mat-icon>{{ displayButton().icon }}</mat-icon>\n\t\t</button>\n\t\t<mat-menu #menuRef=\"matMenu\">\n\t\t\t@for (item of button().menuItems; track item) {\n\t\t\t\t@switch (item.action) {\n\t\t\t\t\t@case ('link') {\n\t\t\t\t\t\t<a mat-menu-item [routerLink]=\"item.url\">\n\t\t\t\t\t\t\t@if (item.icon) {\n\t\t\t\t\t\t\t\t<mat-icon [class]=\"item.color || 'primary'\">{{ item.icon }}</mat-icon>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<span>{{ item.text }}</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t}\n\t\t\t\t\t@case ('href') {\n\t\t\t\t\t\t<a mat-menu-item [href]=\"item.url\" target=\"_blank\">\n\t\t\t\t\t\t\t@if (item.icon) {\n\t\t\t\t\t\t\t\t<mat-icon [class]=\"item.color || 'primary'\">{{ item.icon }}</mat-icon>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<span>{{ item.text }}</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t}\n\t\t\t\t\t@case ('dialog') {\n\t\t\t\t\t\t<button mat-menu-item (click)=\"openMenuDialog($event, item)\">\n\t\t\t\t\t\t\t@if (item.icon) {\n\t\t\t\t\t\t\t\t<mat-icon [class]=\"item.color || 'primary'\">{{ item.icon }}</mat-icon>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<span>{{ item.text }}</span>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t</mat-menu>\n\t}\n\t@default {\n\t\t<xiri-buttonstyle [button]=\"displayButton()\" [disabled]=\"_disabled()\" [loading]=\"loading()\" [countdown]=\"countdown()\" [pollText]=\"pollText()\" (click)=\"clicked($event)\"></xiri-buttonstyle>\n\t}\n}\n" }]
-        }], propDecorators: { button: [{ type: i0.Input, args: [{ isSignal: true, alias: "button", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], filterData: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterData", required: false }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }], result: [{ type: i0.Output, args: ["result"] }] } });
+        }], ctorParameters: () => [], propDecorators: { button: [{ type: i0.Input, args: [{ isSignal: true, alias: "button", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], filterData: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterData", required: false }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }], result: [{ type: i0.Output, args: ["result"] }] } });
 
 class XiriTableInlineEditService {
     constructor() {
@@ -6183,6 +6198,11 @@ class XiriBarChartComponent {
         else
             this.router.navigateByUrl(url);
     }
+    // Rotated x-axis labels (interval: 0 forces all labels — no thinning on narrow bars).
+    xLabelConfig() {
+        const r = this.settings().xLabelRotate;
+        return r != null ? { rotate: r, interval: 0 } : undefined;
+    }
     baseGrid() {
         // Compact mode: outer card already provides padding — shrink the
         // echarts grid so we don't get a "double margin".
@@ -6213,7 +6233,8 @@ class XiriBarChartComponent {
                 type: 'category',
                 data: bars.map(b => b.label),
                 axisLine: { show: false },
-                axisTick: { show: false }
+                axisTick: { show: false },
+                axisLabel: this.xLabelConfig()
             },
             yAxis: {
                 type: 'value',
@@ -6301,7 +6322,8 @@ class XiriBarChartComponent {
                 type: 'category',
                 data: bars.map(b => b.label),
                 axisLine: { show: false },
-                axisTick: { show: false }
+                axisTick: { show: false },
+                axisLabel: this.xLabelConfig()
             },
             yAxis: {
                 type: 'value',
@@ -6437,7 +6459,8 @@ class XiriLineChartComponent {
                     data: labels,
                     boundaryGap: false,
                     axisLine: { show: false },
-                    axisTick: { show: false }
+                    axisTick: { show: false },
+                    axisLabel: s.xLabelRotate != null ? { rotate: s.xLabelRotate, interval: 0 } : undefined
                 },
                 yAxis: {
                     type: 'value',
@@ -6662,7 +6685,8 @@ class XiriHeatmapComponent {
                     data: s.xLabels,
                     splitArea: { show: true },
                     axisLine: { show: false },
-                    axisTick: { show: false }
+                    axisTick: { show: false },
+                    axisLabel: s.xLabelRotate != null ? { rotate: s.xLabelRotate, interval: 0 } : undefined
                 },
                 yAxis: {
                     type: 'category',