@acorex/modules 21.0.0-beta.13 → 21.0.0-beta.15

package/fesm2022/acorex-modules-settings-management-setting-view.component-BGCXJQ_L.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-modules-settings-management-setting-view.component-BGCXJQ_L.mjs","sources":["../../../../libs/modules/settings-management/src/lib/features/settings/setting-view/setting-view.component.ts","../../../../libs/modules/settings-management/src/lib/features/settings/setting-view/setting-view.component.html"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\nimport { AXBreadcrumbsModule } from '@acorex/components/breadcrumbs';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownButtonModule } from '@acorex/components/dropdown-button';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXValidationModule } from '@acorex/core/validation';\nimport { AXPContextChangeEvent, AXPGridLayoutDirective } from '@acorex/platform/core';\nimport { AXPWidgetCoreModule, AXPWidgetContainerComponent } from '@acorex/platform/layout/widget-core';\nimport {\n  AXPThemeLayoutBlockComponent,\n  AXPThemeLayoutHeaderComponent,\n  AXPThemeLayoutSectionComponent,\n} from '@acorex/platform/layout/components';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXPSettingsViewModel } from '../settings.viewmodel';\nimport { AXPLayoutThemeService } from '@acorex/platform/themes/shared';\n\n@Component({\n  templateUrl: 'setting-view.component.html',\n  imports: [\n    CommonModule,\n    FormsModule,\n    //\n    AXDecoratorModule,\n    AXBreadcrumbsModule,\n    AXButtonModule,\n    AXBadgeModule,\n    AXTranslationModule,\n    AXSearchBoxModule,\n    AXDropdownButtonModule,\n    AXLoadingModule,\n    AXFormModule,\n    AXValidationModule,\n    //\n    AXPWidgetCoreModule,\n    AXPThemeLayoutBlockComponent,\n    AXPThemeLayoutHeaderComponent,\n    AXPThemeLayoutSectionComponent,\n    AXPGridLayoutDirective\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'w-full',\n  },\n})\nexport class AXPSettingsViewComponent {\n  protected vm = inject(AXPSettingsViewModel);\n  protected layoutService = inject(AXPLayoutThemeService);\n  private form = viewChild(AXFormComponent);\n  private container = viewChild(AXPWidgetContainerComponent);\n\n  protected defaultLayout = computed(() => {\n    return {\n      positions: {\n        default: {\n          colSpan: 12,\n        },\n        md: {\n          colSpan: 8,\n        },\n        lg: {\n          colSpan: 6,\n        },\n        xl: {\n          colSpan: this.layoutService.isSideMenuOpen() ? 5 : 4,\n        },\n        xxl: {\n          colSpan: 4,\n        },\n      },\n    };\n  });\n\n  ngOnInit(): void {\n    this.vm.registerForm(this.form()!);\n  }\n\n  #effect1 = effect(() => {\n    this.container()?.builderService.setStatus(this.vm.status());\n  });\n\n\n  protected handleContextChanged(e: AXPContextChangeEvent) {\n    if (e.state == 'initiated') {\n      this.vm.updatePreviousContext(e.data);\n    } else {\n      this.vm.updateContext(e.data);\n    }\n  }\n}\n","<ax-form>\n  <axp-widgets-container [context]=\"vm.context()\" (onContextChanged)=\"handleContextChanged($event)\" *translate=\"let t\">\n    @if (vm.isSearching() && vm.searchResults()!.length > 0) {\n      <!-- Search Result -->\n      @for (group of vm.searchResults(); track group.name; let first = $first) {\n        <p class=\"text-lg md:text-xl font-semibold py-3 text-neutral-500\" [class.pt-0]=\"first\">\n          {{ group.title | translate | async }}\n        </p>\n        <axp-layout-sections>\n          @for (section of group.sections; track section.name) {\n            <ng-container [ngTemplateOutlet]=\"sectionTpl\" [ngTemplateOutletContext]=\"{ section }\"></ng-container>\n          }\n        </axp-layout-sections>\n      }\n    }\n    <!-- Not Found -->\n    @else if (vm.isSearching() && vm.searchResults()!.length === 0) {\n      <div class=\"p-2\">\n        <div\n          class=\"mt-3 flex flex-col justify-center h-[calc(100vh-236px)] items-center p-10 gap-10\"\n        >\n          <p class=\"text-xl md:text-2xl font-bold\">\n            {{ '@settings-management:settings.components.search.empty-states.not-found.title' | translate | async }}\n          </p>\n        </div>\n      </div>\n    }\n    <!-- Group -->\n    @else if (vm.activateGroup()?.sections) {\n      <axp-layout-sections>\n        @for (section of vm.activateGroup()?.sections; track section.name) {\n          <ng-container [ngTemplateOutlet]=\"sectionTpl\" [ngTemplateOutletContext]=\"{ section }\"></ng-container>\n        }\n      </axp-layout-sections>\n    }\n    <ng-template #sectionTpl let-section=\"section\">\n      <axp-layout-section>\n        <axp-layout-header>\n          <axp-layout-title>\n            {{ section.title | translate | async }}\n          </axp-layout-title>\n          @if (section.description) {\n            <axp-layout-description>\n              {{ section.description | translate | async }}\n            </axp-layout-description>\n          }\n        </axp-layout-header>\n        <axp-layout-content>\n          <!-- Settings Item -->\n          @for (j of section.settings; track j.name) {\n            <div class=\"--item-container\" [class.!hidden]=\"widget.options()['visibility'] == false\">\n              <!-- Title and Description Section -->\n              <div class=\"col-span-12 md:col-span-4 lg:col-span-4 2xl:col-span-3\">\n                @if (j.title) {\n                  <axp-layout-title>{{ j.title | translate | async }}</axp-layout-title>\n                }\n                @if (j.description) {\n                  <axp-layout-description>{{ j.description | translate | async }}</axp-layout-description>\n                }\n              </div>\n              <ax-form-field class=\"flex w-full\" [axp-grid-layout]=\"j.layout ?? defaultLayout()\">\n                <ng-container axp-widget-renderer [node]=\"j.widget\" [mode]=\"'edit'\" #widget=\"widgetRenderer\">\n                </ng-container>\n              </ax-form-field>\n            </div>\n          }\n        </axp-layout-content>\n      </axp-layout-section>\n    </ng-template>\n  </axp-widgets-container>\n</ax-form>\n"],"names":["i2"],"mappings":"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"}