aril 0.1.2 → 0.1.4

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.
Files changed (39) hide show
  1. package/esm2022/theme/layout/app/menu/app.menu.component.mjs +9 -7
  2. package/esm2022/theme/layout/app/topbar/app.topbar.component.mjs +1 -1
  3. package/esm2022/ui/dxEditor/aril-ui-dxEditor.mjs +5 -0
  4. package/esm2022/ui/dxEditor/index.mjs +2 -0
  5. package/esm2022/ui/dxEditor/src/dx-editor.component.mjs +26 -0
  6. package/esm2022/ui/operation-types-dialog/src/operation-types-dialog.component.mjs +14 -2
  7. package/esm2022/ui/rolePicker/aril-ui-rolePicker.mjs +5 -0
  8. package/esm2022/ui/rolePicker/index.mjs +2 -0
  9. package/esm2022/ui/rolePicker/src/interface.mjs +2 -0
  10. package/esm2022/ui/rolePicker/src/role-picker.component.mjs +54 -0
  11. package/esm2022/ui/userPicker/aril-ui-userPicker.mjs +5 -0
  12. package/esm2022/ui/userPicker/index.mjs +2 -0
  13. package/esm2022/ui/userPicker/src/interface.mjs +3 -0
  14. package/esm2022/ui/userPicker/src/user-picker.component.mjs +72 -0
  15. package/fesm2022/aril-theme-layout.mjs +9 -7
  16. package/fesm2022/aril-theme-layout.mjs.map +1 -1
  17. package/fesm2022/aril-ui-dxEditor.mjs +33 -0
  18. package/fesm2022/aril-ui-dxEditor.mjs.map +1 -0
  19. package/fesm2022/aril-ui-operation-types-dialog.mjs +13 -1
  20. package/fesm2022/aril-ui-operation-types-dialog.mjs.map +1 -1
  21. package/fesm2022/aril-ui-rolePicker.mjs +61 -0
  22. package/fesm2022/aril-ui-rolePicker.mjs.map +1 -0
  23. package/fesm2022/aril-ui-userPicker.mjs +79 -0
  24. package/fesm2022/aril-ui-userPicker.mjs.map +1 -0
  25. package/package.json +115 -97
  26. package/theme/layout/app/menu/app.menu.component.html +2 -2
  27. package/theme/layout/app/menu/app.menu.component.ts +3 -2
  28. package/theme/styles/layout/_sidebar_slim_plus.scss +4 -4
  29. package/theme/styles/layout/_sidebar_vertical.scss +2 -2
  30. package/theme/styles/theme/base/components/data/_datatable.scss +4 -4
  31. package/ui/dxEditor/index.d.ts +1 -0
  32. package/ui/dxEditor/src/dx-editor.component.d.ts +11 -0
  33. package/ui/operation-types-dialog/src/operation-types-dialog.component.d.ts +4 -0
  34. package/ui/rolePicker/index.d.ts +1 -0
  35. package/ui/rolePicker/src/interface.d.ts +40 -0
  36. package/ui/rolePicker/src/role-picker.component.d.ts +29 -0
  37. package/ui/userPicker/index.d.ts +1 -0
  38. package/ui/userPicker/src/interface.d.ts +69 -0
  39. package/ui/userPicker/src/user-picker.component.d.ts +27 -0
@@ -686,8 +686,9 @@ class AppMenuItemComponent {
686
686
  [tooltipDisabled]="!(isSlim && root)">
687
687
  <i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
688
688
 
689
- <span class="layout-menuitem-text">{{ item.label }}</span>
690
-
689
+ @if(item.label) {
690
+ <span class="layout-menuitem-text">{{ item.label }}</span>
691
+ }
691
692
  @if (item.items) {
692
693
  <i class="pi pi-fw pi-angle-down layout-submenu-toggler"></i>
693
694
  }
@@ -775,8 +776,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
775
776
  [tooltipDisabled]="!(isSlim && root)">
776
777
  <i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
777
778
 
778
- <span class="layout-menuitem-text">{{ item.label }}</span>
779
-
779
+ @if(item.label) {
780
+ <span class="layout-menuitem-text">{{ item.label }}</span>
781
+ }
780
782
  @if (item.items) {
781
783
  <i class="pi pi-fw pi-angle-down layout-submenu-toggler"></i>
782
784
  }
@@ -833,11 +835,11 @@ class AppMenuComponent {
833
835
  this.hostMenuItems = globalThis.hostMenuItems;
834
836
  }
835
837
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
836
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AppMenuComponent, isStandalone: true, selector: "app-menu", ngImport: i0, template: "<ul class=\"layout-menu flex-wrap\">\r\n\t@for (item of isHostMode ? hostMenuItems() : menuService.menuItems(); track $index) {\r\n\t\t@if (item.separator) {\r\n\t\t\t<li class=\"menu-separator\"></li>\r\n\t\t} @else {\r\n\t\t\t<li app-menuitem [item]=\"item\" [index]=\"$index\" [root]=\"true\"></li>\r\n\t\t}\r\n\t}\r\n</ul>\r\n", dependencies: [{ kind: "component", type: AppMenuItemComponent, selector: "[app-menuitem]", inputs: ["item", "index", "root", "parentKey"] }] }); }
838
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AppMenuComponent, isStandalone: true, selector: "app-menu", ngImport: i0, template: "<ul class=\"layout-menu h-full flex-column\">\r\n\t@for (item of isHostMode ? hostMenuItems() : menuService.menuItems(); track $index) {\r\n\t\t@if (item.separator) {\r\n\t\t\t<li class=\"menu-separator\"></li>\r\n\t\t} @else {\r\n\t\t\t<li app-menuitem [item]=\"item\" [index]=\"$index\" [root]=\"true\" [class.mt-auto]=\"item.remoteName === 'mng'\"></li>\r\n\t\t}\r\n\t}\r\n</ul>\r\n", dependencies: [{ kind: "component", type: AppMenuItemComponent, selector: "[app-menuitem]", inputs: ["item", "index", "root", "parentKey"] }] }); }
837
839
  }
838
840
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppMenuComponent, decorators: [{
839
841
  type: Component,
840
- args: [{ standalone: true, selector: 'app-menu', imports: [AppMenuItemComponent], template: "<ul class=\"layout-menu flex-wrap\">\r\n\t@for (item of isHostMode ? hostMenuItems() : menuService.menuItems(); track $index) {\r\n\t\t@if (item.separator) {\r\n\t\t\t<li class=\"menu-separator\"></li>\r\n\t\t} @else {\r\n\t\t\t<li app-menuitem [item]=\"item\" [index]=\"$index\" [root]=\"true\"></li>\r\n\t\t}\r\n\t}\r\n</ul>\r\n" }]
842
+ args: [{ standalone: true, selector: 'app-menu', imports: [AppMenuItemComponent], template: "<ul class=\"layout-menu h-full flex-column\">\r\n\t@for (item of isHostMode ? hostMenuItems() : menuService.menuItems(); track $index) {\r\n\t\t@if (item.separator) {\r\n\t\t\t<li class=\"menu-separator\"></li>\r\n\t\t} @else {\r\n\t\t\t<li app-menuitem [item]=\"item\" [index]=\"$index\" [root]=\"true\" [class.mt-auto]=\"item.remoteName === 'mng'\"></li>\r\n\t\t}\r\n\t}\r\n</ul>\r\n" }]
841
843
  }] });
842
844
  class AppSubMenuComponent {
843
845
  constructor() {
@@ -947,7 +949,7 @@ class AppTopbarComponent {
947
949
  this.layoutService.showConfigSidebar();
948
950
  }
949
951
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppTopbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
950
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AppTopbarComponent, isStandalone: true, selector: "app-topbar", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menubutton"], descendants: true }], ngImport: i0, template: "<div class=\"layout-topbar\">\r\n\t<div class=\"topbar-start\">\r\n\t\t<button #menubutton type=\"button\" class=\"topbar-menubutton p-link p-trigger\" (click)=\"onMenuButtonClick()\">\r\n\t\t\t<i class=\"pi pi-bars\"></i>\r\n\t\t</button>\r\n\t\t<img [src]=\"filePath()\" class=\"mr-3\" alt=\"yeap\" />\r\n\t</div>\r\n\r\n\t<div class=\"topbar-search\" style=\"width: 50rem\">\r\n\t\t<span class=\"p-input-icon-left\" style=\"width: 100%\">\r\n\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tpInputText\r\n\t\t\t\tvariant=\"filled\"\r\n\t\t\t\tplaceholder=\"Genel Arama\"\r\n\t\t\t\tstyle=\"background: #EFF3F8;border: none; height: 42px;\"\r\n\t\t\t\tclass=\"p-inputtext p-component p-element sm:w-full\" />\r\n\t\t</span>\r\n\t</div>\r\n\r\n\t<div class=\"topbar-end mr-2\">\r\n\t\t<ul class=\"topbar-menu\">\r\n\t\t\t<li>\r\n\t\t\t\t<p-button icon=\"pi pi-sitemap\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" />\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<p-button icon=\"pi pi-history\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" />\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<p-button icon=\"pi pi-heart\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" />\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<p-button severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" (click)=\"onProfileButtonClick()\">\r\n\t\t\t\t\t{{ username[0] | uppercase }}\r\n\t\t\t\t</p-button>\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<p-divider layout=\"vertical\" styleClass=\"h-1rem border-500 m-0\" />\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<i class=\"pi pi-bell\" severity=\"info\" pBadge [value]=\"0\"></i>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\t</div>\r\n</div>\r\n\r\n<app-breadcrumb class=\"topbar-breadcrumb\"></app-breadcrumb>\r\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: AppBreadcrumbComponent, selector: "app-breadcrumb" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i2.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "directive", type: i3$2.BadgeDirective, selector: "[pBadge]", inputs: ["badgeDisabled", "badgeSize", "size", "severity", "value"] }] }); }
952
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AppTopbarComponent, isStandalone: true, selector: "app-topbar", viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menubutton"], descendants: true }], ngImport: i0, template: "<div class=\"layout-topbar\">\r\n\t<div class=\"topbar-start\">\r\n\t\t<button #menubutton type=\"button\" class=\"topbar-menubutton p-link p-trigger\" (click)=\"onMenuButtonClick()\">\r\n\t\t\t<i class=\"pi pi-bars\"></i>\r\n\t\t</button>\r\n\t\t<img [src]=\"filePath()\" class=\"mr-3\" alt=\"yeap\" />\r\n\t</div>\r\n\r\n\t<div class=\"topbar-search\" style=\"width: 50rem\">\r\n\t\t<span class=\"p-input-icon-left\" style=\"width: 100%\">\r\n\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tpInputText\r\n\t\t\t\tvariant=\"filled\"\r\n\t\t\t\tplaceholder=\"Genel Arama\"\r\n\t\t\t\tstyle=\"background: #EFF3F8;border: none; height: 42px;\"\r\n\t\t\t\tclass=\"p-inputtext p-component p-element sm:w-full\" />\r\n\t\t</span>\r\n\t</div>\r\n\r\n\t<div class=\"topbar-end mr-2\">\r\n\t\t<ul class=\"topbar-menu\">\r\n\t\t\t<li>\r\n\t\t\t\t<p-button icon=\"pi pi-sitemap\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" />\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<p-button icon=\"pi pi-history\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" />\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<p-button icon=\"pi pi-heart\" severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" />\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<p-button severity=\"secondary\" [text]=\"true\" [rounded]=\"true\" (click)=\"onProfileButtonClick()\">\r\n\t\t\t\t\t{{ username[0] | uppercase }}\r\n\t\t\t\t</p-button>\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<p-divider layout=\"vertical\" styleClass=\"h-1rem border-500 m-0\" />\r\n\t\t\t</li>\r\n\t\t\t<li>\r\n\t\t\t\t<i class=\"pi pi-bell\" severity=\"info\" pBadge [value]=\"0\"></i>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\t</div>\r\n</div>\r\n\r\n<app-breadcrumb class=\"topbar-breadcrumb\"></app-breadcrumb>\r\n", dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: AppBreadcrumbComponent, selector: "app-breadcrumb" }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i2.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: BadgeModule }, { kind: "directive", type: i3$2.BadgeDirective, selector: "[pBadge]", inputs: ["badgeDisabled", "badgeSize", "size", "severity", "value", "badgeStyle", "badgeStyleClass"] }] }); }
951
953
  }
952
954
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AppTopbarComponent, decorators: [{
953
955
  type: Component,