@fuentis/phoenix-ui 0.0.1 → 0.0.2
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.
|
@@ -124,18 +124,23 @@ class TopbarComponent {
|
|
|
124
124
|
>
|
|
125
125
|
<ng-content></ng-content>
|
|
126
126
|
</header>
|
|
127
|
-
`, isInline: true,
|
|
127
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
128
128
|
}
|
|
129
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: TopbarComponent, decorators: [{
|
|
130
130
|
type: Component,
|
|
131
|
-
args: [{
|
|
131
|
+
args: [{
|
|
132
|
+
selector: 'pho-topbar',
|
|
133
|
+
standalone: true,
|
|
134
|
+
imports: [CommonModule],
|
|
135
|
+
template: `
|
|
132
136
|
<header
|
|
133
137
|
class="h-3rem px-2 justify-content-between w-full flex items-center align-items-center"
|
|
134
138
|
[ngClass]="classname"
|
|
135
139
|
>
|
|
136
140
|
<ng-content></ng-content>
|
|
137
141
|
</header>
|
|
138
|
-
|
|
142
|
+
`,
|
|
143
|
+
}]
|
|
139
144
|
}], propDecorators: { classname: [{
|
|
140
145
|
type: Input
|
|
141
146
|
}] } });
|
|
@@ -148,7 +153,7 @@ class SidebarLayoutComponent {
|
|
|
148
153
|
this.isSidebarOpen = !this.isSidebarOpen;
|
|
149
154
|
}
|
|
150
155
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SidebarLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
151
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SidebarLayoutComponent, isStandalone: true, selector: "pho-sidebar-layout", inputs: { mainItems: "mainItems", footerItem: "footerItem", isSidebarOpen: "isSidebarOpen" }, ngImport: i0, template: "<!-- Sidebar Layout -->\n<section\n [style]=\"{\n 'grid-template-columns': isSidebarOpen ? '16rem 1fr' : '4rem 1fr',\n 'grid-template-rows': '3rem 1fr',\n }\"\n class=\"h-screen pho-grid bg-red-500 w-full transition-all transition-duration-200\"\n>\n <!-- Top header -->\n <pho-topbar class=\"bg-white pho-col-span-2\">\n <img\n class=\"h-2rem px-2 my-auto\"\n src=\"assets/fuentis_logo_white.png\"\n alt=\"fuentis_logo_white\"\n />\n </pho-topbar>\n <!-- Sidebar -->\n <pho-sidebar\n [mainItems]=\"mainItems\"\n [footerItem]=\"footerItem\"\n [isSidebarOpen]=\"isSidebarOpen\"\n (toggleSidebar)=\"toggleSidebar()\"\n ></pho-sidebar>\n <!-- Main content -->\n <div class=\"bg-purple-400 overflow-y-auto p-4 h-full\">\n <ng-content></ng-content>\n </div>\n</section>\n",
|
|
156
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: SidebarLayoutComponent, isStandalone: true, selector: "pho-sidebar-layout", inputs: { mainItems: "mainItems", footerItem: "footerItem", isSidebarOpen: "isSidebarOpen" }, ngImport: i0, template: "<!-- Sidebar Layout -->\n<section\n [style]=\"{\n 'grid-template-columns': isSidebarOpen ? '16rem 1fr' : '4rem 1fr',\n 'grid-template-rows': '3rem 1fr',\n }\"\n class=\"h-screen pho-grid bg-red-500 w-full transition-all transition-duration-200\"\n>\n <!-- Top header -->\n <pho-topbar class=\"bg-white pho-col-span-2\">\n <img\n class=\"h-2rem px-2 my-auto\"\n src=\"assets/fuentis_logo_white.png\"\n alt=\"fuentis_logo_white\"\n />\n </pho-topbar>\n <!-- Sidebar -->\n <pho-sidebar\n [mainItems]=\"mainItems\"\n [footerItem]=\"footerItem\"\n [isSidebarOpen]=\"isSidebarOpen\"\n (toggleSidebar)=\"toggleSidebar()\"\n ></pho-sidebar>\n <!-- Main content -->\n <div class=\"bg-purple-400 overflow-y-auto p-4 h-full\">\n <ng-content></ng-content>\n </div>\n</section>\n", dependencies: [{ kind: "component", type: SidebarComponent, selector: "pho-sidebar", inputs: ["classname", "mainItems", "footerItem", "isSidebarOpen"], outputs: ["toggleSidebar"] }, { kind: "component", type: TopbarComponent, selector: "pho-topbar", inputs: ["classname"] }, { kind: "ngmodule", type: CommonModule }] });
|
|
152
157
|
}
|
|
153
158
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SidebarLayoutComponent, decorators: [{
|
|
154
159
|
type: Component,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fuentis-phoenix-ui.mjs","sources":["../../../projects/phoenix-ui/src/lib/components/sidebar-item/sidebar-item.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar/sidebar.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar/sidebar.component.html","../../../projects/phoenix-ui/src/lib/components/topbar/topbar.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar-layout/sidebar-layout.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar-layout/sidebar-layout.component.html","../../../projects/phoenix-ui/src/public-api.ts","../../../projects/phoenix-ui/src/fuentis-phoenix-ui.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { Router, RouterLink, RouterLinkActive } from '@angular/router';\nimport { ButtonModule } from 'primeng/button';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\n\nimport { Tooltip, TooltipModule } from 'primeng/tooltip';\nexport interface SidebarItem {\n label: string;\n path: string;\n icon?: string;\n isActive?: boolean;\n disabled?: boolean;\n}\n@Component({\n selector: 'pho-sidebar-item',\n standalone: true,\n styleUrl: '../global.css',\n imports: [\n CommonModule,\n ButtonModule,\n RouterLink,\n RouterLinkActive,\n TooltipModule,\n TranslateModule,\n ],\n template: `<li class=\"list-none\">\n <a\n [routerLink]=\"item.disabled ? null : item.path\"\n routerLinkActive=\"bg-pink-500\"\n [pTooltip]=\"!isOpen ? item.label : ''\"\n [ngClass]=\"[\n classname,\n item.disabled ? 'opacity-50 cursor-not-allowed' : ''\n ]\"\n class=\"p-button no-underline w-full h-2rem p-0 justify-content-start hover:bg-white-alpha-10 border-none overflow-hidden bg-blue-900\"\n [style.pointer-events]=\"item.disabled ? 'none' : 'auto'\"\n >\n <img width=\"30\" [src]=\"item.icon\" alt=\"\" />\n <span *ngIf=\"isOpen\" class=\"text-white\">{{\n item.label | translate\n }}</span>\n </a>\n <p-button\n class=\"p-tooltip\"\n pTooltip=\"Confirm to proceed\"\n showDelay=\"1000\"\n hideDelay=\"20000\"\n label=\"Save\"\n [disabled]=\"item.disabled\"\n />\n </li>`,\n})\nexport class SidebarItemComponent {\n @Input() item!: SidebarItem;\n @Input() classname: string = '';\n @Input() isOpen: boolean = true;\n\n constructor(private router: Router) {}\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ButtonModule } from 'primeng/button';\nimport {\n SidebarItem,\n SidebarItemComponent,\n} from '../sidebar-item/sidebar-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'pho-sidebar',\n standalone: true,\n imports: [CommonModule, ButtonModule, SidebarItemComponent],\n templateUrl: './sidebar.component.html',\n styleUrl: '../global.css',\n})\nexport class SidebarComponent {\n @Output() toggleSidebar = new EventEmitter<void>();\n @Input() classname: string = '';\n\n @Input() mainItems: SidebarItem[][] = [];\n @Input() footerItem: SidebarItem[] = [];\n\n @Input() isSidebarOpen = true;\n}\n","<aside\n [attr.data-sidebar-state]=\"isSidebarOpen ? 'exanded' : 'collapsed'\"\n class=\"relative bg-blue-900 p-3 h-full\"\n>\n <span\n (click)=\"toggleSidebar.emit()\"\n [style.transition]=\"'transform 0.3s ease-in-out'\"\n [style.transform]=\"isSidebarOpen ? 'rotate(180deg)' : ''\"\n style=\"right: -10px\"\n class=\"pi pi-angle-right absolute top-0 border-circle z-5 p-1 cursor-pointer bg-gray-200 hover:bg-white-alpha-50\"\n ></span>\n\n <div\n class=\"flex flex-column gap-2 h-full\"\n style=\"scroll-padding-bottom: 5rem\"\n >\n <div class=\"group\">\n <ul class=\"flex flex-column gap-3 p-0 m-0\">\n <ng-container\n *ngFor=\"let itemGroup of mainItems; let groupIndex = index\"\n >\n <!-- One sidebar group -->\n <ng-container *ngFor=\"let subItem of itemGroup; let subIndex = index\">\n <div\n *ngIf=\"groupIndex !== 0 && subIndex === 0\"\n style=\"height: 2px\"\n class=\"my-2 bg-white opacity-20 w-full\"\n ></div>\n\n <pho-sidebar-item\n [isOpen]=\"isSidebarOpen\"\n [item]=\"subItem\"\n class=\"group-item\"\n />\n </ng-container>\n </ng-container>\n </ul>\n </div>\n\n <div\n *ngIf=\"footerItem.length\"\n class=\"absolute bottom-0 left-0 p-3 flex flex-column w-full bg-blue-900\"\n >\n <div style=\"height: 2px\" class=\"mb-2 bg-white opacity-20\"></div>\n\n <ul class=\"flex flex-column gap-3 mb-2 p-0 m-0\">\n @for (item of footerItem; track $index) {\n\n <pho-sidebar-item\n [isOpen]=\"isSidebarOpen\"\n [item]=\"{\n label: 'Settings',\n path: '/settings',\n icon: '/assets/settings.svg'\n }\"\n class=\"group-item\"\n />\n }\n </ul>\n </div>\n </div>\n</aside>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'pho-topbar',\n standalone: true,\n imports: [CommonModule],\n template: `\n <header\n class=\"h-3rem px-2 justify-content-between w-full flex items-center align-items-center\"\n [ngClass]=\"classname\"\n >\n <ng-content></ng-content>\n </header>\n `,\n styleUrl: './topbar.component.css',\n})\nexport class TopbarComponent {\n @Input() classname: string = '';\n}\n","import { Component, Input } from '@angular/core';\nimport { SidebarComponent } from '../sidebar/sidebar.component';\nimport { TopbarComponent } from '../topbar/topbar.component';\nimport { CommonModule } from '@angular/common';\nimport { SidebarItem } from '../sidebar-item/sidebar-item.component';\n\n@Component({\n selector: 'pho-sidebar-layout',\n imports: [SidebarComponent, TopbarComponent, CommonModule],\n templateUrl: './sidebar-layout.component.html',\n styleUrl: './sidebar-layout.component.css',\n})\nexport class SidebarLayoutComponent {\n @Input() mainItems: SidebarItem[][] = [];\n @Input() footerItem: SidebarItem[] = [];\n @Input() isSidebarOpen = true;\n\n toggleSidebar() {\n this.isSidebarOpen = !this.isSidebarOpen;\n }\n}\n","<!-- Sidebar Layout -->\n<section\n [style]=\"{\n 'grid-template-columns': isSidebarOpen ? '16rem 1fr' : '4rem 1fr',\n 'grid-template-rows': '3rem 1fr',\n }\"\n class=\"h-screen pho-grid bg-red-500 w-full transition-all transition-duration-200\"\n>\n <!-- Top header -->\n <pho-topbar class=\"bg-white pho-col-span-2\">\n <img\n class=\"h-2rem px-2 my-auto\"\n src=\"assets/fuentis_logo_white.png\"\n alt=\"fuentis_logo_white\"\n />\n </pho-topbar>\n <!-- Sidebar -->\n <pho-sidebar\n [mainItems]=\"mainItems\"\n [footerItem]=\"footerItem\"\n [isSidebarOpen]=\"isSidebarOpen\"\n (toggleSidebar)=\"toggleSidebar()\"\n ></pho-sidebar>\n <!-- Main content -->\n <div class=\"bg-purple-400 overflow-y-auto p-4 h-full\">\n <ng-content></ng-content>\n </div>\n</section>\n","/*\n * Public API Surface of phoenix\n */\n\nexport * from './lib/components/sidebar/sidebar.component';\nexport * from './lib/components/topbar/topbar.component';\nexport * from './lib/components/sidebar-item/sidebar-item.component';\nexport * from './lib/components/sidebar-layout/sidebar-layout.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i1"],"mappings":";;;;;;;;;;;;;MAqDa,oBAAoB,CAAA;AAKX,IAAA,MAAA;AAJX,IAAA,IAAI;IACJ,SAAS,GAAW,EAAE;IACtB,MAAM,GAAY,IAAI;AAE/B,IAAA,WAAA,CAAoB,MAAc,EAAA;QAAd,IAAM,CAAA,MAAA,GAAN,MAAM;;uGALf,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EA3BrB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;QAyBJ,EAhCJ,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,y9zpCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAU,oOACV,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FA6BN,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAvChC,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAEP,OAAA,EAAA;wBACP,YAAY;wBACZ,YAAY;wBACZ,UAAU;wBACV,gBAAgB;wBAChB,aAAa;wBACb,eAAe;qBAChB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBJ,OAAA,CAAA,EAAA,MAAA,EAAA,CAAA,y9zpCAAA,CAAA,EAAA;2EAGG,IAAI,EAAA,CAAA;sBAAZ;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,MAAM,EAAA,CAAA;sBAAd;;;MCzCU,gBAAgB,CAAA;AACjB,IAAA,aAAa,GAAG,IAAI,YAAY,EAAQ;IACzC,SAAS,GAAW,EAAE;IAEtB,SAAS,GAAoB,EAAE;IAC/B,UAAU,GAAkB,EAAE;IAE9B,aAAa,GAAG,IAAI;uGAPlB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,0OCf7B,i5DA8DA,EAAA,MAAA,EAAA,CAAA,y9zpCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDnDY,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BAAE,oBAAoB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAI/C,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,YAAY,EAAE,oBAAoB,CAAC,EAAA,QAAA,EAAA,i5DAAA,EAAA,MAAA,EAAA,CAAA,y9zpCAAA,CAAA,EAAA;8BAKjD,aAAa,EAAA,CAAA;sBAAtB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBAEQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBAEQ,aAAa,EAAA,CAAA;sBAArB;;;MELU,eAAe,CAAA;IACjB,SAAS,GAAW,EAAE;uGADpB,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAVhB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EARS,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAWX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAd3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cACV,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EACb,QAAA,EAAA;;;;;;;AAOT,EAAA,CAAA,EAAA;8BAIQ,SAAS,EAAA,CAAA;sBAAjB;;;MCNU,sBAAsB,CAAA;IACxB,SAAS,GAAoB,EAAE;IAC/B,UAAU,GAAkB,EAAE;IAC9B,aAAa,GAAG,IAAI;IAE7B,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa;;uGAN/B,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,4KCZnC,szBA4BA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDpBY,gBAAgB,EAAE,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,eAAe,6EAAE,YAAY,EAAA,CAAA,EAAA,CAAA;;2FAI9C,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,WACrB,CAAC,gBAAgB,EAAE,eAAe,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,szBAAA,EAAA;8BAKjD,SAAS,EAAA,CAAA;sBAAjB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,aAAa,EAAA,CAAA;sBAArB;;;AEfH;;AAEG;;ACFH;;AAEG;;;;"}
|
|
1
|
+
{"version":3,"file":"fuentis-phoenix-ui.mjs","sources":["../../../projects/phoenix-ui/src/lib/components/sidebar-item/sidebar-item.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar/sidebar.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar/sidebar.component.html","../../../projects/phoenix-ui/src/lib/components/topbar/topbar.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar-layout/sidebar-layout.component.ts","../../../projects/phoenix-ui/src/lib/components/sidebar-layout/sidebar-layout.component.html","../../../projects/phoenix-ui/src/public-api.ts","../../../projects/phoenix-ui/src/fuentis-phoenix-ui.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { Router, RouterLink, RouterLinkActive } from '@angular/router';\nimport { ButtonModule } from 'primeng/button';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\n\nimport { Tooltip, TooltipModule } from 'primeng/tooltip';\nexport interface SidebarItem {\n label: string;\n path: string;\n icon?: string;\n isActive?: boolean;\n disabled?: boolean;\n}\n@Component({\n selector: 'pho-sidebar-item',\n standalone: true,\n styleUrl: '../../styles/global.css',\n imports: [\n CommonModule,\n ButtonModule,\n RouterLink,\n RouterLinkActive,\n TooltipModule,\n TranslateModule,\n ],\n template: `<li class=\"list-none\">\n <a\n [routerLink]=\"item.disabled ? null : item.path\"\n routerLinkActive=\"bg-pink-500\"\n [pTooltip]=\"!isOpen ? item.label : ''\"\n [ngClass]=\"[\n classname,\n item.disabled ? 'opacity-50 cursor-not-allowed' : ''\n ]\"\n class=\"p-button no-underline w-full h-2rem p-0 justify-content-start hover:bg-white-alpha-10 border-none overflow-hidden bg-blue-900\"\n [style.pointer-events]=\"item.disabled ? 'none' : 'auto'\"\n >\n <img width=\"30\" [src]=\"item.icon\" alt=\"\" />\n <span *ngIf=\"isOpen\" class=\"text-white\">{{\n item.label | translate\n }}</span>\n </a>\n <p-button\n class=\"p-tooltip\"\n pTooltip=\"Confirm to proceed\"\n showDelay=\"1000\"\n hideDelay=\"20000\"\n label=\"Save\"\n [disabled]=\"item.disabled\"\n />\n </li>`,\n})\nexport class SidebarItemComponent {\n @Input() item!: SidebarItem;\n @Input() classname: string = '';\n @Input() isOpen: boolean = true;\n\n constructor(private router: Router) {}\n}\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ButtonModule } from 'primeng/button';\nimport {\n SidebarItem,\n SidebarItemComponent,\n} from '../sidebar-item/sidebar-item.component';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'pho-sidebar',\n standalone: true,\n imports: [CommonModule, ButtonModule, SidebarItemComponent],\n templateUrl: './sidebar.component.html',\n styleUrl: '../../styles/global.css',\n})\nexport class SidebarComponent {\n @Output() toggleSidebar = new EventEmitter<void>();\n @Input() classname: string = '';\n\n @Input() mainItems: SidebarItem[][] = [];\n @Input() footerItem: SidebarItem[] = [];\n\n @Input() isSidebarOpen = true;\n}\n","<aside\n [attr.data-sidebar-state]=\"isSidebarOpen ? 'exanded' : 'collapsed'\"\n class=\"relative bg-blue-900 p-3 h-full\"\n>\n <span\n (click)=\"toggleSidebar.emit()\"\n [style.transition]=\"'transform 0.3s ease-in-out'\"\n [style.transform]=\"isSidebarOpen ? 'rotate(180deg)' : ''\"\n style=\"right: -10px\"\n class=\"pi pi-angle-right absolute top-0 border-circle z-5 p-1 cursor-pointer bg-gray-200 hover:bg-white-alpha-50\"\n ></span>\n\n <div\n class=\"flex flex-column gap-2 h-full\"\n style=\"scroll-padding-bottom: 5rem\"\n >\n <div class=\"group\">\n <ul class=\"flex flex-column gap-3 p-0 m-0\">\n <ng-container\n *ngFor=\"let itemGroup of mainItems; let groupIndex = index\"\n >\n <!-- One sidebar group -->\n <ng-container *ngFor=\"let subItem of itemGroup; let subIndex = index\">\n <div\n *ngIf=\"groupIndex !== 0 && subIndex === 0\"\n style=\"height: 2px\"\n class=\"my-2 bg-white opacity-20 w-full\"\n ></div>\n\n <pho-sidebar-item\n [isOpen]=\"isSidebarOpen\"\n [item]=\"subItem\"\n class=\"group-item\"\n />\n </ng-container>\n </ng-container>\n </ul>\n </div>\n\n <div\n *ngIf=\"footerItem.length\"\n class=\"absolute bottom-0 left-0 p-3 flex flex-column w-full bg-blue-900\"\n >\n <div style=\"height: 2px\" class=\"mb-2 bg-white opacity-20\"></div>\n\n <ul class=\"flex flex-column gap-3 mb-2 p-0 m-0\">\n @for (item of footerItem; track $index) {\n\n <pho-sidebar-item\n [isOpen]=\"isSidebarOpen\"\n [item]=\"{\n label: 'Settings',\n path: '/settings',\n icon: '/assets/settings.svg'\n }\"\n class=\"group-item\"\n />\n }\n </ul>\n </div>\n </div>\n</aside>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'pho-topbar',\n standalone: true,\n imports: [CommonModule],\n template: `\n <header\n class=\"h-3rem px-2 justify-content-between w-full flex items-center align-items-center\"\n [ngClass]=\"classname\"\n >\n <ng-content></ng-content>\n </header>\n `,\n})\nexport class TopbarComponent {\n @Input() classname: string = '';\n}\n","import { Component, Input } from '@angular/core';\nimport { SidebarComponent } from '../sidebar/sidebar.component';\nimport { TopbarComponent } from '../topbar/topbar.component';\nimport { CommonModule } from '@angular/common';\nimport { SidebarItem } from '../sidebar-item/sidebar-item.component';\n\n@Component({\n selector: 'pho-sidebar-layout',\n imports: [SidebarComponent, TopbarComponent, CommonModule],\n templateUrl: './sidebar-layout.component.html',\n})\nexport class SidebarLayoutComponent {\n @Input() mainItems: SidebarItem[][] = [];\n @Input() footerItem: SidebarItem[] = [];\n @Input() isSidebarOpen = true;\n\n toggleSidebar() {\n this.isSidebarOpen = !this.isSidebarOpen;\n }\n}\n","<!-- Sidebar Layout -->\n<section\n [style]=\"{\n 'grid-template-columns': isSidebarOpen ? '16rem 1fr' : '4rem 1fr',\n 'grid-template-rows': '3rem 1fr',\n }\"\n class=\"h-screen pho-grid bg-red-500 w-full transition-all transition-duration-200\"\n>\n <!-- Top header -->\n <pho-topbar class=\"bg-white pho-col-span-2\">\n <img\n class=\"h-2rem px-2 my-auto\"\n src=\"assets/fuentis_logo_white.png\"\n alt=\"fuentis_logo_white\"\n />\n </pho-topbar>\n <!-- Sidebar -->\n <pho-sidebar\n [mainItems]=\"mainItems\"\n [footerItem]=\"footerItem\"\n [isSidebarOpen]=\"isSidebarOpen\"\n (toggleSidebar)=\"toggleSidebar()\"\n ></pho-sidebar>\n <!-- Main content -->\n <div class=\"bg-purple-400 overflow-y-auto p-4 h-full\">\n <ng-content></ng-content>\n </div>\n</section>\n","/*\n * Public API Surface of phoenix\n */\n\nexport * from './lib/components/sidebar/sidebar.component';\nexport * from './lib/components/topbar/topbar.component';\nexport * from './lib/components/sidebar-item/sidebar-item.component';\nexport * from './lib/components/sidebar-layout/sidebar-layout.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i1"],"mappings":"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"}
|