@fuentis/phoenix-ui 0.0.9-alpha.148 → 0.0.9-alpha.149
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.
|
@@ -5344,14 +5344,18 @@ class QuickPickSidePanelComponent {
|
|
|
5344
5344
|
onRowClick = new EventEmitter();
|
|
5345
5345
|
lazyLoadData = new EventEmitter();
|
|
5346
5346
|
handlePanelFullScreen = new EventEmitter();
|
|
5347
|
+
onClose = new EventEmitter();
|
|
5347
5348
|
onDrawerShow() {
|
|
5348
5349
|
this.lazyLoadData.emit();
|
|
5349
5350
|
}
|
|
5351
|
+
onDrawerHide() {
|
|
5352
|
+
this.onClose.emit();
|
|
5353
|
+
}
|
|
5350
5354
|
onTableRowClick(row) {
|
|
5351
5355
|
this.onRowClick.emit(row);
|
|
5352
5356
|
}
|
|
5353
5357
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: QuickPickSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5354
|
-
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", panelState: "panelState", modal: "modal", widthClass: "widthClass", isFullScreen: "isFullScreen" }, outputs: { 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)]=\"panelState\"\n position=\"right\"\n [closable]=\"false\"\n (onShow)=\"onDrawerShow()\"\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"] }] });
|
|
5358
|
+
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", panelState: "panelState", modal: "modal", widthClass: "widthClass", isFullScreen: "isFullScreen" }, outputs: { onRowClick: "onRowClick", lazyLoadData: "lazyLoadData", handlePanelFullScreen: "handlePanelFullScreen", onClose: "onClose" }, viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true }], ngImport: i0, template: "<p-drawer\n #drawer\n [styleClass]=\"widthClass\"\n [modal]=\"modal\"\n [(visible)]=\"panelState\"\n position=\"right\"\n [closable]=\"false\"\n (onShow)=\"onDrawerShow()\"\n (onHide)=\"onDrawerHide()\"\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"] }] });
|
|
5355
5359
|
}
|
|
5356
5360
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: QuickPickSidePanelComponent, decorators: [{
|
|
5357
5361
|
type: Component,
|
|
@@ -5361,7 +5365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
|
5361
5365
|
TableComponent,
|
|
5362
5366
|
TranslateModule,
|
|
5363
5367
|
ButtonModule,
|
|
5364
|
-
], template: "<p-drawer\n #drawer\n [styleClass]=\"widthClass\"\n [modal]=\"modal\"\n [(visible)]=\"panelState\"\n position=\"right\"\n [closable]=\"false\"\n (onShow)=\"onDrawerShow()\"\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>" }]
|
|
5368
|
+
], template: "<p-drawer\n #drawer\n [styleClass]=\"widthClass\"\n [modal]=\"modal\"\n [(visible)]=\"panelState\"\n position=\"right\"\n [closable]=\"false\"\n (onShow)=\"onDrawerShow()\"\n (onHide)=\"onDrawerHide()\"\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>" }]
|
|
5365
5369
|
}], propDecorators: { drawer: [{
|
|
5366
5370
|
type: ViewChild,
|
|
5367
5371
|
args: ['drawer']
|
|
@@ -5387,6 +5391,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
|
5387
5391
|
type: Output
|
|
5388
5392
|
}], handlePanelFullScreen: [{
|
|
5389
5393
|
type: Output
|
|
5394
|
+
}], onClose: [{
|
|
5395
|
+
type: Output
|
|
5390
5396
|
}] } });
|
|
5391
5397
|
|
|
5392
5398
|
var SimpleButtonType;
|