@fuentis/phoenix-ui 0.0.9-alpha.150 → 0.0.9-alpha.152
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, ViewEncapsulation, Component, EventEmitter, Output, ViewChild, ChangeDetectionStrategy, Pipe, inject, DestroyRef, input, CUSTOM_ELEMENTS_SCHEMA, signal, Injectable, Directive, forwardRef } from '@angular/core';
|
|
2
|
+
import { Input, ViewEncapsulation, Component, EventEmitter, Output, ViewChild, ChangeDetectionStrategy, Pipe, inject, DestroyRef, input, CUSTOM_ELEMENTS_SCHEMA, signal, Injectable, Directive, forwardRef, computed } from '@angular/core';
|
|
3
3
|
import * as i3 from 'primeng/button';
|
|
4
4
|
import { ButtonModule } from 'primeng/button';
|
|
5
5
|
import * as i1$1 from '@angular/common';
|
|
@@ -5379,25 +5379,33 @@ class QuickPickSidePanelComponent {
|
|
|
5379
5379
|
data = [];
|
|
5380
5380
|
columns = [];
|
|
5381
5381
|
tableConfiguration = {};
|
|
5382
|
-
panelState = false;
|
|
5383
5382
|
modal = false;
|
|
5384
5383
|
widthClass = 'w-7';
|
|
5385
5384
|
isFullScreen = false;
|
|
5385
|
+
_panelVisible = signal(false);
|
|
5386
|
+
set panelState(value) {
|
|
5387
|
+
this._panelVisible.set(value);
|
|
5388
|
+
}
|
|
5389
|
+
panelStateChange = new EventEmitter();
|
|
5386
5390
|
onRowClick = new EventEmitter();
|
|
5387
5391
|
lazyLoadData = new EventEmitter();
|
|
5388
5392
|
handlePanelFullScreen = new EventEmitter();
|
|
5389
|
-
|
|
5393
|
+
drawerVisible = computed(() => this._panelVisible());
|
|
5394
|
+
visibleChange(newVal) {
|
|
5395
|
+
this._panelVisible.set(newVal);
|
|
5396
|
+
this.panelStateChange.emit(newVal);
|
|
5397
|
+
if (newVal) {
|
|
5398
|
+
this.onDrawerShow();
|
|
5399
|
+
}
|
|
5400
|
+
}
|
|
5390
5401
|
onDrawerShow() {
|
|
5391
5402
|
this.lazyLoadData.emit();
|
|
5392
5403
|
}
|
|
5393
|
-
onDrawerHide() {
|
|
5394
|
-
this.onClose.emit();
|
|
5395
|
-
}
|
|
5396
5404
|
onTableRowClick(row) {
|
|
5397
5405
|
this.onRowClick.emit(row);
|
|
5398
5406
|
}
|
|
5399
5407
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: QuickPickSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5400
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: QuickPickSidePanelComponent, isStandalone: true, selector: "phoenix-quick-pick-sidepanel", inputs: { title: "title", data: "data", columns: "columns", tableConfiguration: "tableConfiguration",
|
|
5408
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: QuickPickSidePanelComponent, isStandalone: true, selector: "phoenix-quick-pick-sidepanel", inputs: { title: "title", data: "data", columns: "columns", tableConfiguration: "tableConfiguration", modal: "modal", widthClass: "widthClass", isFullScreen: "isFullScreen", panelState: "panelState" }, outputs: { panelStateChange: "panelStateChange", onRowClick: "onRowClick", lazyLoadData: "lazyLoadData", handlePanelFullScreen: "handlePanelFullScreen" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true }], ngImport: i0, template: "<p-drawer\n #drawer\n [styleClass]=\"widthClass\"\n [modal]=\"modal\"\n [visible]=\"drawerVisible()\"\n (visibleChange)=\"visibleChange($event)\"\n position=\"right\"\n>\n <!-- Header -->\n <ng-template pTemplate=\"header\">\n <div class=\"flex align-items-center justify-content-between w-full\">\n <p-button\n type=\"button\"\n (click)=\"handlePanelFullScreen.emit()\"\n [icon]=\"isFullScreen ? 'pi pi-arrow-down-right' : 'pi pi-arrow-up-left'\"\n rounded=\"true\"\n outlined=\"true\"\n styleClass=\"h-8 w-8\"\n ></p-button>\n\n <span class=\"font-bold text-xl flex-grow-1 text-center\">\n {{ title }}\n </span>\n\n <button\n (click)=\"panelState = false\"\n pButton\n type=\"button\"\n icon=\"pi pi-times\"\n class=\"p-button-rounded p-button-text mr-2\"\n ></button>\n </div>\n </ng-template>\n\n <!-- Content -->\n <ng-template pTemplate=\"content\">\n <div class=\"px-2\">\n <phoenix-table\n [data]=\"data\"\n [columns]=\"columns\"\n [tableConfiguration]=\"tableConfiguration\"\n (rowClick)=\"onTableRowClick($event)\"\n ></phoenix-table>\n </div>\n </ng-template>\n</p-drawer>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i3$3.Drawer, selector: "p-drawer", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i3$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: TableComponent, selector: "phoenix-table", inputs: ["data", "columns", "selectedColumnsInput", "tableConfiguration"], outputs: ["actionClick", "rowSelection", "checkBoxSelection", "saveColumns"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
5401
5409
|
}
|
|
5402
5410
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: QuickPickSidePanelComponent, decorators: [{
|
|
5403
5411
|
type: Component,
|
|
@@ -5407,7 +5415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
|
5407
5415
|
TableComponent,
|
|
5408
5416
|
TranslateModule,
|
|
5409
5417
|
ButtonModule,
|
|
5410
|
-
], template: "<p-drawer\n #drawer\n [styleClass]=\"widthClass\"\n [modal]=\"modal\"\n [
|
|
5418
|
+
], template: "<p-drawer\n #drawer\n [styleClass]=\"widthClass\"\n [modal]=\"modal\"\n [visible]=\"drawerVisible()\"\n (visibleChange)=\"visibleChange($event)\"\n position=\"right\"\n>\n <!-- Header -->\n <ng-template pTemplate=\"header\">\n <div class=\"flex align-items-center justify-content-between w-full\">\n <p-button\n type=\"button\"\n (click)=\"handlePanelFullScreen.emit()\"\n [icon]=\"isFullScreen ? 'pi pi-arrow-down-right' : 'pi pi-arrow-up-left'\"\n rounded=\"true\"\n outlined=\"true\"\n styleClass=\"h-8 w-8\"\n ></p-button>\n\n <span class=\"font-bold text-xl flex-grow-1 text-center\">\n {{ title }}\n </span>\n\n <button\n (click)=\"panelState = false\"\n pButton\n type=\"button\"\n icon=\"pi pi-times\"\n class=\"p-button-rounded p-button-text mr-2\"\n ></button>\n </div>\n </ng-template>\n\n <!-- Content -->\n <ng-template pTemplate=\"content\">\n <div class=\"px-2\">\n <phoenix-table\n [data]=\"data\"\n [columns]=\"columns\"\n [tableConfiguration]=\"tableConfiguration\"\n (rowClick)=\"onTableRowClick($event)\"\n ></phoenix-table>\n </div>\n </ng-template>\n</p-drawer>" }]
|
|
5411
5419
|
}], propDecorators: { drawer: [{
|
|
5412
5420
|
type: ViewChild,
|
|
5413
5421
|
args: ['drawer']
|
|
@@ -5419,22 +5427,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
|
5419
5427
|
type: Input
|
|
5420
5428
|
}], tableConfiguration: [{
|
|
5421
5429
|
type: Input
|
|
5422
|
-
}], panelState: [{
|
|
5423
|
-
type: Input
|
|
5424
5430
|
}], modal: [{
|
|
5425
5431
|
type: Input
|
|
5426
5432
|
}], widthClass: [{
|
|
5427
5433
|
type: Input
|
|
5428
5434
|
}], isFullScreen: [{
|
|
5429
5435
|
type: Input
|
|
5436
|
+
}], panelState: [{
|
|
5437
|
+
type: Input
|
|
5438
|
+
}], panelStateChange: [{
|
|
5439
|
+
type: Output
|
|
5430
5440
|
}], onRowClick: [{
|
|
5431
5441
|
type: Output
|
|
5432
5442
|
}], lazyLoadData: [{
|
|
5433
5443
|
type: Output
|
|
5434
5444
|
}], handlePanelFullScreen: [{
|
|
5435
5445
|
type: Output
|
|
5436
|
-
}], onClose: [{
|
|
5437
|
-
type: Output
|
|
5438
5446
|
}] } });
|
|
5439
5447
|
|
|
5440
5448
|
var SimpleButtonType;
|