@fuentis/phoenix-ui 0.0.9-alpha.150 → 0.0.9-alpha.151
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,30 @@ 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
|
+
}
|
|
5390
5398
|
onDrawerShow() {
|
|
5391
5399
|
this.lazyLoadData.emit();
|
|
5392
5400
|
}
|
|
5393
|
-
onDrawerHide() {
|
|
5394
|
-
this.onClose.emit();
|
|
5395
|
-
}
|
|
5396
5401
|
onTableRowClick(row) {
|
|
5397
5402
|
this.onRowClick.emit(row);
|
|
5398
5403
|
}
|
|
5399
5404
|
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",
|
|
5405
|
+
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
5406
|
}
|
|
5402
5407
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: QuickPickSidePanelComponent, decorators: [{
|
|
5403
5408
|
type: Component,
|
|
@@ -5407,7 +5412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
|
5407
5412
|
TableComponent,
|
|
5408
5413
|
TranslateModule,
|
|
5409
5414
|
ButtonModule,
|
|
5410
|
-
], template: "<p-drawer\n #drawer\n [styleClass]=\"widthClass\"\n [modal]=\"modal\"\n [
|
|
5415
|
+
], 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
5416
|
}], propDecorators: { drawer: [{
|
|
5412
5417
|
type: ViewChild,
|
|
5413
5418
|
args: ['drawer']
|
|
@@ -5419,22 +5424,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
|
5419
5424
|
type: Input
|
|
5420
5425
|
}], tableConfiguration: [{
|
|
5421
5426
|
type: Input
|
|
5422
|
-
}], panelState: [{
|
|
5423
|
-
type: Input
|
|
5424
5427
|
}], modal: [{
|
|
5425
5428
|
type: Input
|
|
5426
5429
|
}], widthClass: [{
|
|
5427
5430
|
type: Input
|
|
5428
5431
|
}], isFullScreen: [{
|
|
5429
5432
|
type: Input
|
|
5433
|
+
}], panelState: [{
|
|
5434
|
+
type: Input
|
|
5435
|
+
}], panelStateChange: [{
|
|
5436
|
+
type: Output
|
|
5430
5437
|
}], onRowClick: [{
|
|
5431
5438
|
type: Output
|
|
5432
5439
|
}], lazyLoadData: [{
|
|
5433
5440
|
type: Output
|
|
5434
5441
|
}], handlePanelFullScreen: [{
|
|
5435
5442
|
type: Output
|
|
5436
|
-
}], onClose: [{
|
|
5437
|
-
type: Output
|
|
5438
5443
|
}] } });
|
|
5439
5444
|
|
|
5440
5445
|
var SimpleButtonType;
|