@fuentis/phoenix-ui 0.0.9-alpha.146 → 0.0.9-alpha.147
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.
|
@@ -532,7 +532,7 @@ class StatusHeaderComponent {
|
|
|
532
532
|
this.onCloseEvent.emit();
|
|
533
533
|
}
|
|
534
534
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: StatusHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
535
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: StatusHeaderComponent, isStandalone: true, selector: "phoenix-status-header", inputs: { name: "name", title: "title", enableQuickPick: "enableQuickPick", actions: "actions", panelState: "panelState", customClose: "customClose" }, outputs: { onQuickPickClickEmiter: "onQuickPickClickEmiter", onToggleClickEmmiter: "onToggleClickEmmiter", onCloseEvent: "onCloseEvent" }, ngImport: i0, template: "<div>\n <div\n class=\"flex justify-between items-center w-full flex-wrap gap-2 surface-ground pl-3 pt-3\"\n >\n <div class=\"flex align-items-center gap-2\">\n @if (enableQuickPick) {\n <phoenix-quick-pick\n (onBack)=\"onToggleClick('back')\"\n (onQuickPick)=\"toggleSidePanel()\"\n (onForward)=\"onToggleClick('forward')\"\n ></phoenix-quick-pick>\n }\n\n <span class=\"text-xl font-semibold\">{{ name }}</span>\n <span class=\"text-base text-gray-500\">{{ title }}</span>\n </div>\n </div>\n
|
|
535
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.11", type: StatusHeaderComponent, isStandalone: true, selector: "phoenix-status-header", inputs: { name: "name", title: "title", enableQuickPick: "enableQuickPick", actions: "actions", panelState: "panelState", customClose: "customClose" }, outputs: { onQuickPickClickEmiter: "onQuickPickClickEmiter", onToggleClickEmmiter: "onToggleClickEmmiter", onCloseEvent: "onCloseEvent" }, ngImport: i0, template: "<div>\n <div\n class=\"flex justify-between items-center w-full flex-wrap gap-2 surface-ground pl-3 pt-3\"\n >\n <div class=\"flex align-items-center gap-2\">\n @if (enableQuickPick) {\n <phoenix-quick-pick\n (onBack)=\"onToggleClick('back')\"\n (onQuickPick)=\"toggleSidePanel()\"\n (onForward)=\"onToggleClick('forward')\"\n ></phoenix-quick-pick>\n }\n\n <span class=\"text-xl font-semibold\">{{ name }}</span>\n <span class=\"text-base text-gray-500\">{{ title }}</span>\n </div>\n </div>\n</div>\n", styles: [":host ::ng-deep .p-panel{box-shadow:none}:host ::ng-deep .p-panel .p-panel-content{padding:0}:host ::ng-deep .p-panel .p-panel-header{padding:.3rem 1rem;min-height:45px}:host ::ng-deep .p-panel-header{display:flex;justify-content:space-between}:host ::ng-deep .custom-split button{padding-right:0;background-color:transparent!important;color:var(--primary-color)}:host ::ng-deep .custom-split button:enabled:hover{background:#3f51b50a;color:var(--primary-color)}:host .link{cursor:pointer;color:var(--blue-500)}:host .link:hover{color:#e94260}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "ngmodule", type: TieredMenuModule }, { kind: "component", type: QuickPickComponent, selector: "phoenix-quick-pick", outputs: ["onBack", "onQuickPick", "onForward"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
536
536
|
}
|
|
537
537
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: StatusHeaderComponent, decorators: [{
|
|
538
538
|
type: Component,
|
|
@@ -544,7 +544,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
|
544
544
|
TooltipModule,
|
|
545
545
|
TieredMenuModule,
|
|
546
546
|
QuickPickComponent,
|
|
547
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n <div\n class=\"flex justify-between items-center w-full flex-wrap gap-2 surface-ground pl-3 pt-3\"\n >\n <div class=\"flex align-items-center gap-2\">\n @if (enableQuickPick) {\n <phoenix-quick-pick\n (onBack)=\"onToggleClick('back')\"\n (onQuickPick)=\"toggleSidePanel()\"\n (onForward)=\"onToggleClick('forward')\"\n ></phoenix-quick-pick>\n }\n\n <span class=\"text-xl font-semibold\">{{ name }}</span>\n <span class=\"text-base text-gray-500\">{{ title }}</span>\n </div>\n </div>\n
|
|
547
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n <div\n class=\"flex justify-between items-center w-full flex-wrap gap-2 surface-ground pl-3 pt-3\"\n >\n <div class=\"flex align-items-center gap-2\">\n @if (enableQuickPick) {\n <phoenix-quick-pick\n (onBack)=\"onToggleClick('back')\"\n (onQuickPick)=\"toggleSidePanel()\"\n (onForward)=\"onToggleClick('forward')\"\n ></phoenix-quick-pick>\n }\n\n <span class=\"text-xl font-semibold\">{{ name }}</span>\n <span class=\"text-base text-gray-500\">{{ title }}</span>\n </div>\n </div>\n</div>\n", styles: [":host ::ng-deep .p-panel{box-shadow:none}:host ::ng-deep .p-panel .p-panel-content{padding:0}:host ::ng-deep .p-panel .p-panel-header{padding:.3rem 1rem;min-height:45px}:host ::ng-deep .p-panel-header{display:flex;justify-content:space-between}:host ::ng-deep .custom-split button{padding-right:0;background-color:transparent!important;color:var(--primary-color)}:host ::ng-deep .custom-split button:enabled:hover{background:#3f51b50a;color:var(--primary-color)}:host .link{cursor:pointer;color:var(--blue-500)}:host .link:hover{color:#e94260}\n"] }]
|
|
548
548
|
}], propDecorators: { onQuickPickClickEmiter: [{
|
|
549
549
|
type: Output
|
|
550
550
|
}], onToggleClickEmmiter: [{
|
|
@@ -5332,40 +5332,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
|
|
|
5332
5332
|
}] } });
|
|
5333
5333
|
|
|
5334
5334
|
class QuickPickSidePanelComponent {
|
|
5335
|
-
|
|
5336
|
-
|
|
5337
|
-
|
|
5338
|
-
|
|
5339
|
-
tableConfiguration = {};
|
|
5340
|
-
panelState = false;
|
|
5341
|
-
modal = false;
|
|
5342
|
-
widthClass = 'w-7';
|
|
5343
|
-
isFullScreen = false;
|
|
5344
|
-
onRowClick = new EventEmitter();
|
|
5345
|
-
lazyLoadData = new EventEmitter();
|
|
5346
|
-
onClose = new EventEmitter();
|
|
5347
|
-
handlePanelFullScreen = new EventEmitter();
|
|
5348
|
-
onCloseEvent = new EventEmitter();
|
|
5335
|
+
drawer;
|
|
5336
|
+
title = 'Default Title';
|
|
5337
|
+
data = [];
|
|
5338
|
+
columns = [];
|
|
5339
|
+
tableConfiguration = {};
|
|
5340
|
+
panelState = false;
|
|
5341
|
+
modal = false;
|
|
5342
|
+
widthClass = 'w-7';
|
|
5343
|
+
isFullScreen = false;
|
|
5344
|
+
onRowClick = new EventEmitter();
|
|
5345
|
+
lazyLoadData = new EventEmitter();
|
|
5346
|
+
onClose = new EventEmitter();
|
|
5347
|
+
handlePanelFullScreen = new EventEmitter();
|
|
5348
|
+
onCloseEvent = new EventEmitter();
|
|
5349
|
+
onDrawerShow() {
|
|
5350
|
+
this.lazyLoadData.emit();
|
|
5351
|
+
}
|
|
5352
|
+
onTableRowClick(row) {
|
|
5353
|
+
this.onRowClick.emit(row);
|
|
5354
|
+
}
|
|
5349
5355
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: QuickPickSidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5350
|
-
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",
|
|
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"] }] });
|
|
5351
5357
|
}
|
|
5352
5358
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: QuickPickSidePanelComponent, decorators: [{
|
|
5353
5359
|
type: Component,
|
|
5354
|
-
args: [{ selector: 'phoenix-quick-pick-sidepanel', imports: [
|
|
5360
|
+
args: [{ selector: 'phoenix-quick-pick-sidepanel', standalone: true, imports: [
|
|
5355
5361
|
CommonModule,
|
|
5356
5362
|
DrawerModule,
|
|
5357
5363
|
TableComponent,
|
|
5358
5364
|
TranslateModule,
|
|
5359
|
-
ButtonModule
|
|
5360
|
-
], template: "
|
|
5361
|
-
}], propDecorators: {
|
|
5365
|
+
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>" }]
|
|
5367
|
+
}], propDecorators: { drawer: [{
|
|
5368
|
+
type: ViewChild,
|
|
5369
|
+
args: ['drawer']
|
|
5370
|
+
}], title: [{
|
|
5362
5371
|
type: Input
|
|
5363
5372
|
}], data: [{
|
|
5364
5373
|
type: Input
|
|
5365
5374
|
}], columns: [{
|
|
5366
5375
|
type: Input
|
|
5367
|
-
}], loading: [{
|
|
5368
|
-
type: Input
|
|
5369
5376
|
}], tableConfiguration: [{
|
|
5370
5377
|
type: Input
|
|
5371
5378
|
}], panelState: [{
|