@fuentis/phoenix-ui 0.0.9-alpha.147 → 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.
@@ -5343,17 +5343,19 @@ class QuickPickSidePanelComponent {
5343
5343
  isFullScreen = false;
5344
5344
  onRowClick = new EventEmitter();
5345
5345
  lazyLoadData = new EventEmitter();
5346
- onClose = new EventEmitter();
5347
5346
  handlePanelFullScreen = new EventEmitter();
5348
- onCloseEvent = new EventEmitter();
5347
+ onClose = new EventEmitter();
5349
5348
  onDrawerShow() {
5350
5349
  this.lazyLoadData.emit();
5351
5350
  }
5351
+ onDrawerHide() {
5352
+ this.onClose.emit();
5353
+ }
5352
5354
  onTableRowClick(row) {
5353
5355
  this.onRowClick.emit(row);
5354
5356
  }
5355
5357
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: QuickPickSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5356
- 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", onClose: "onClose", handlePanelFullScreen: "handlePanelFullScreen", onCloseEvent: "onCloseEvent" }, 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)=\"onClose.emit()\"\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)=\"onCloseEvent.emit()\"\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"] }] });
5357
5359
  }
5358
5360
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: QuickPickSidePanelComponent, decorators: [{
5359
5361
  type: Component,
@@ -5363,7 +5365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
5363
5365
  TableComponent,
5364
5366
  TranslateModule,
5365
5367
  ButtonModule,
5366
- ], 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)=\"onClose.emit()\"\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)=\"onCloseEvent.emit()\"\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>" }]
5367
5369
  }], propDecorators: { drawer: [{
5368
5370
  type: ViewChild,
5369
5371
  args: ['drawer']
@@ -5387,11 +5389,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
5387
5389
  type: Output
5388
5390
  }], lazyLoadData: [{
5389
5391
  type: Output
5390
- }], onClose: [{
5391
- type: Output
5392
5392
  }], handlePanelFullScreen: [{
5393
5393
  type: Output
5394
- }], onCloseEvent: [{
5394
+ }], onClose: [{
5395
5395
  type: Output
5396
5396
  }] } });
5397
5397