@abp/ng.cms-kit 10.2.0-rc.1

package/fesm2022/abp-ng.cms-kit-admin.mjs

@@ -0,0 +1,2826 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, Component, Injector, input, output, DestroyRef, ChangeDetectionStrategy, InjectionToken } from '@angular/core';
+import * as i3$1 from '@angular/common';
+import { CommonModule, DatePipe } from '@angular/common';
+import * as i1$1 from '@angular/forms';
+import { FormBuilder, ReactiveFormsModule, FormsModule, FormGroup, FormControl, Validators } from '@angular/forms';
+import * as i3 from '@ng-bootstrap/ng-bootstrap';
+import { NgbDateAdapter, NgbDatepickerModule, NgbNavModule, NgbDropdownModule, NgbNav, NgbNavItem, NgbNavItemRole, NgbNavLink, NgbNavLinkBase, NgbNavContent, NgbNavOutlet } from '@ng-bootstrap/ng-bootstrap';
+import { ConfigStateService, ListService, LocalizationPipe, RestService, PermissionDirective, LocalizationService, ReplaceableRouteContainerComponent, authGuard, permissionGuard, RouterOutletComponent } from '@abp/ng.core';
+import * as i1 from '@abp/ng.components/extensible';
+import { ExtensibleModule, EXTENSIONS_IDENTIFIER, ExtensibleTableComponent, FormPropData, generateFormFromProps, ExtensibleFormComponent, EntityAction, EntityProp, ToolbarAction, FormProp, ExtensionsService, getObjectExtensionEntitiesFromStore, mapEntitiesToContributors, mergeWithDefaultActions, mergeWithDefaultProps } from '@abp/ng.components/extensible';
+import * as i2 from '@abp/ng.components/page';
+import { PageModule, PageComponent } from '@abp/ng.components/page';
+import { ToasterService, ConfirmationService, Confirmation, DateTimeAdapter, FormInputComponent, ButtonComponent, ModalComponent, ModalCloseDirective } from '@abp/ng.theme.shared';
+import { PageAdminService, PageStatus, BlogPostAdminService, CommentAdminService, commentApproveStateOptions, CommentApproveState, TagAdminService, BlogAdminService, BlogFeatureAdminService, BlogPostStatus, MediaDescriptorAdminService, EntityTagAdminService, MenuItemAdminService, GlobalResourceAdminService, pageStatusOptions } from '@abp/ng.cms-kit/proxy';
+import { Router, ActivatedRoute } from '@angular/router';
+import { tap, switchMap, debounceTime, distinctUntilChanged, finalize, map } from 'rxjs/operators';
+import * as i2$1 from '@ngx-validate/core';
+import { NgxValidateCoreModule } from '@ngx-validate/core';
+import { prepareSlugFromControl, CodeMirrorEditorComponent, ToastuiEditorComponent, dasharize } from '@abp/ng.cms-kit';
+import { forkJoin, of, Subject, map as map$1, tap as tap$1 } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { TreeComponent } from '@abp/ng.components/tree';
+
+var eCmsKitAdminComponents;
+(function (eCmsKitAdminComponents) {
+    eCmsKitAdminComponents["CommentList"] = "CmsKit.Admin.CommentList";
+    eCmsKitAdminComponents["CommentDetails"] = "CmsKit.Admin.CommentDetails";
+    eCmsKitAdminComponents["Tags"] = "CmsKit.Admin.Tags";
+    eCmsKitAdminComponents["Pages"] = "CmsKit.Admin.Pages";
+    eCmsKitAdminComponents["PageForm"] = "CmsKit.Admin.PageForm";
+    eCmsKitAdminComponents["Blogs"] = "CmsKit.Admin.Blogs";
+    eCmsKitAdminComponents["BlogPosts"] = "CmsKit.Admin.BlogPosts";
+    eCmsKitAdminComponents["BlogPostForm"] = "CmsKit.Admin.BlogPostForm";
+    eCmsKitAdminComponents["Menus"] = "CmsKit.Admin.Menus";
+    eCmsKitAdminComponents["GlobalResources"] = "CmsKit.Admin.GlobalResources";
+})(eCmsKitAdminComponents || (eCmsKitAdminComponents = {}));
+
+class PageFormService {
+    constructor() {
+        this.pageService = inject(PageAdminService);
+        this.toasterService = inject(ToasterService);
+        this.router = inject(Router);
+    }
+    create(form) {
+        if (!form.valid) {
+            throw new Error('Form is invalid');
+        }
+        return this.pageService.create(form.value).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/pages']);
+        }));
+    }
+    createAsDraft(form) {
+        if (!form.valid) {
+            throw new Error('Form is invalid');
+        }
+        const formValue = { ...form.value, status: PageStatus.Draft };
+        return this.pageService.create(formValue).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/pages']);
+        }));
+    }
+    publish(form) {
+        if (!form.valid) {
+            throw new Error('Form is invalid');
+        }
+        const formValue = { ...form.value, status: PageStatus.Publish };
+        return this.pageService.create(formValue).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/pages']);
+        }));
+    }
+    update(pageId, form, page) {
+        if (!form.valid || !page) {
+            throw new Error('Form is invalid or page is missing');
+        }
+        const formValue = {
+            ...page,
+            ...form.value,
+        };
+        return this.pageService.update(pageId, formValue).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/pages']);
+        }));
+    }
+    updateAsDraft(pageId, form, page) {
+        if (!form.valid || !page) {
+            throw new Error('Form is invalid or page is missing');
+        }
+        const formValue = {
+            ...page,
+            ...form.value,
+            status: PageStatus.Draft,
+        };
+        return this.pageService.update(pageId, formValue).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/pages']);
+        }));
+    }
+    updateAndPublish(pageId, form, page) {
+        if (!form.valid || !page) {
+            throw new Error('Form is invalid or page is missing');
+        }
+        const formValue = {
+            ...page,
+            ...form.value,
+            status: PageStatus.Publish,
+        };
+        return this.pageService.update(pageId, formValue).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/pages']);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PageFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PageFormService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PageFormService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class BlogPostFormService {
+    constructor() {
+        this.blogPostService = inject(BlogPostAdminService);
+        this.toasterService = inject(ToasterService);
+        this.router = inject(Router);
+    }
+    create(form) {
+        if (!form.valid) {
+            throw new Error('Form is invalid');
+        }
+        return this.blogPostService.create(form.value).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/blog-posts']);
+        }));
+    }
+    createAsDraft(form) {
+        if (!form.valid) {
+            throw new Error('Form is invalid');
+        }
+        return this.blogPostService.create(form.value).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/blog-posts']);
+        }));
+    }
+    createAndPublish(form) {
+        if (!form.valid) {
+            throw new Error('Form is invalid');
+        }
+        return this.blogPostService.createAndPublish(form.value).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/blog-posts']);
+        }));
+    }
+    createAndSendToReview(form) {
+        if (!form.valid) {
+            throw new Error('Form is invalid');
+        }
+        return this.blogPostService.createAndSendToReview(form.value).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/blog-posts']);
+        }));
+    }
+    update(blogPostId, form, blogPost) {
+        if (!form.valid || !blogPost) {
+            throw new Error('Form is invalid or blog post is missing');
+        }
+        const formValue = {
+            ...blogPost,
+            ...form.value,
+        };
+        return this.blogPostService.update(blogPostId, formValue).pipe(tap(() => {
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+            this.router.navigate(['/cms/blog-posts']);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogPostFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogPostFormService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogPostFormService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class CommentEntityService {
+    constructor() {
+        this.commentService = inject(CommentAdminService);
+        this.toasterService = inject(ToasterService);
+        this.confirmation = inject(ConfirmationService);
+        this.configState = inject(ConfigStateService);
+        this.router = inject(Router);
+    }
+    get requireApprovement() {
+        return (this.configState.getSetting(CMS_KIT_COMMENTS_REQUIRE_APPROVEMENT).toLowerCase() === 'true');
+    }
+    isCommentReply(commentId) {
+        if (!commentId) {
+            return false;
+        }
+        const id = this.router.url.split('/').pop();
+        return id === commentId;
+    }
+    updateApprovalStatus(id, isApproved, list) {
+        this.commentService
+            .updateApprovalStatus(id, { isApproved: isApproved })
+            .pipe(tap(() => list.get()))
+            .subscribe(() => isApproved
+            ? this.toasterService.success('CmsKit::ApprovedSuccessfully')
+            : this.toasterService.success('CmsKit::ApprovalRevokedSuccessfully'));
+    }
+    delete(id, list) {
+        this.confirmation
+            .warn('CmsKit::CommentDeletionConfirmationMessage', 'AbpUi::AreYouSure', {
+            yesText: 'AbpUi::Yes',
+            cancelText: 'AbpUi::Cancel',
+        })
+            .subscribe(status => {
+            if (status === Confirmation.Status.confirm) {
+                this.commentService.delete(id).subscribe(() => {
+                    list.get();
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CommentEntityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CommentEntityService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CommentEntityService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class CommentListComponent {
+    constructor() {
+        this.data = { items: [], totalCount: 0 };
+        this.list = inject((ListService));
+        this.commentEntityService = inject(CommentEntityService);
+        this.commentService = inject(CommentAdminService);
+        this.fb = inject(FormBuilder);
+        this.commentApproveStateOptions = commentApproveStateOptions;
+    }
+    ngOnInit() {
+        this.createFilterForm();
+        this.hookToQuery();
+        this.requireApprovement = this.commentEntityService.requireApprovement;
+    }
+    createFilterForm() {
+        this.filterForm = this.fb.group({
+            creationStartDate: [null],
+            creationEndDate: [null],
+            author: [''],
+            entityType: [''],
+            commentApproveState: [CommentApproveState.All],
+        });
+    }
+    onFilter() {
+        const formValue = this.filterForm.value;
+        const filters = {
+            author: formValue.author || undefined,
+            entityType: formValue.entityType || undefined,
+            commentApproveState: formValue.commentApproveState,
+            creationStartDate: formValue.creationStartDate || undefined,
+            creationEndDate: formValue.creationEndDate || undefined,
+        };
+        this.list.filter = filters;
+        this.list.get();
+    }
+    hookToQuery() {
+        this.list
+            .hookToQuery(query => {
+            const filters = this.list.filter || {};
+            const input = {
+                ...query,
+                ...filters,
+            };
+            return this.commentService.getList(input);
+        })
+            .subscribe(res => (this.data = res));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CommentListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: CommentListComponent, isStandalone: true, selector: "abp-comment-list", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: eCmsKitAdminComponents.CommentList,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'CmsKit::Comments' | abpLocalization\">\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <form [formGroup]=\"filterForm\" (ngSubmit)=\"onFilter()\">\r\n        <div class=\"row align-items-end\">\r\n          <div class=\"col-lg-4 col-md-12\">\r\n            <div class=\"row\">\r\n              <div class=\"col-lg-6 col-md-6\">\r\n                <div class=\"mb-3\">\r\n                  <label class=\"form-label\" for=\"creationStartDate\">\r\n                    {{ 'CmsKit::StartDate' | abpLocalization }}\r\n                  </label>\r\n                  <input\r\n                    id=\"creationStartDate\"\r\n                    formControlName=\"creationStartDate\"\r\n                    (click)=\"startDatePicker.open()\"\r\n                    (keyup.space)=\"startDatePicker.open()\"\r\n                    ngbDatepicker\r\n                    #startDatePicker=\"ngbDatepicker\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-lg-6 col-md-6\">\r\n                <div class=\"mb-3\">\r\n                  <label class=\"form-label\" for=\"creationEndDate\">\r\n                    {{ 'CmsKit::EndDate' | abpLocalization }}\r\n                  </label>\r\n                  <input\r\n                    id=\"creationEndDate\"\r\n                    formControlName=\"creationEndDate\"\r\n                    class=\"form-control\"\r\n                    ngbDatepicker\r\n                    #endDatePicker=\"ngbDatepicker\"\r\n                    (click)=\"endDatePicker.toggle()\"\r\n                    readonly\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-lg-2 col-md-6\">\r\n            <abp-form-input\r\n              formControlName=\"author\"\r\n              [label]=\"'CmsKit::Username' | abpLocalization\"\r\n              type=\"text\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"col-lg-2 col-md-6\">\r\n            <abp-form-input\r\n              formControlName=\"entityType\"\r\n              [label]=\"'CmsKit::EntityType' | abpLocalization\"\r\n              type=\"text\"\r\n            />\r\n          </div>\r\n          @if (requireApprovement) {\r\n            <div class=\"col-lg-2 col-md-6\">\r\n              <div class=\"mb-3\">\r\n                <label class=\"mb-1 form-label\" for=\"commentApproveState\">\r\n                  {{ 'CmsKit::CommentFilter:ApproveState' | abpLocalization }}\r\n                </label>\r\n                <select\r\n                  id=\"commentApproveState\"\r\n                  formControlName=\"commentApproveState\"\r\n                  class=\"form-control\"\r\n                >\r\n                  @for (option of commentApproveStateOptions; track option.value) {\r\n                    <option [value]=\"option.value\">\r\n                      {{ 'CmsKit::CommentFilter:' + option.value | abpLocalization }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n          }\r\n          <div class=\"col-lg-2 col-md-6\">\r\n            <abp-button class=\"w-100 mb-3\" buttonType=\"Primary\" type=\"submit\">\r\n              <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n            </abp-button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n</abp-page>\r\n", dependencies: [{ kind: "ngmodule", type: ExtensibleModule }, { kind: "component", type: i1.ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate", "selectable", "selectionType", "selected", "infiniteScroll", "isLoading", "scrollThreshold", "tableHeight", "rowDetailTemplate", "rowDetailHeight"], outputs: ["tableActivate", "selectionChange", "loadMore", "rowDetailToggle"], exportAs: ["abpExtensibleTable"] }, { kind: "ngmodule", type: PageModule }, { kind: "component", type: i2.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NgbDatepickerModule }, { kind: "directive", type: i3.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormInputComponent, selector: "abp-form-input", inputs: ["inputId", "inputReadonly", "label", "labelClass", "inputPlaceholder", "inputStyle", "inputClass"], outputs: ["formBlur", "formFocus"] }, { kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }], viewProviders: [
+            {
+                provide: NgbDateAdapter,
+                useClass: DateTimeAdapter,
+            },
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CommentListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-comment-list', providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: eCmsKitAdminComponents.CommentList,
+                        },
+                    ], viewProviders: [
+                        {
+                            provide: NgbDateAdapter,
+                            useClass: DateTimeAdapter,
+                        },
+                    ], imports: [
+                        ExtensibleModule,
+                        PageModule,
+                        ReactiveFormsModule,
+                        NgbDatepickerModule,
+                        CommonModule,
+                        LocalizationPipe,
+                        FormInputComponent,
+                        ButtonComponent,
+                    ], template: "<abp-page [title]=\"'CmsKit::Comments' | abpLocalization\">\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <form [formGroup]=\"filterForm\" (ngSubmit)=\"onFilter()\">\r\n        <div class=\"row align-items-end\">\r\n          <div class=\"col-lg-4 col-md-12\">\r\n            <div class=\"row\">\r\n              <div class=\"col-lg-6 col-md-6\">\r\n                <div class=\"mb-3\">\r\n                  <label class=\"form-label\" for=\"creationStartDate\">\r\n                    {{ 'CmsKit::StartDate' | abpLocalization }}\r\n                  </label>\r\n                  <input\r\n                    id=\"creationStartDate\"\r\n                    formControlName=\"creationStartDate\"\r\n                    (click)=\"startDatePicker.open()\"\r\n                    (keyup.space)=\"startDatePicker.open()\"\r\n                    ngbDatepicker\r\n                    #startDatePicker=\"ngbDatepicker\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-lg-6 col-md-6\">\r\n                <div class=\"mb-3\">\r\n                  <label class=\"form-label\" for=\"creationEndDate\">\r\n                    {{ 'CmsKit::EndDate' | abpLocalization }}\r\n                  </label>\r\n                  <input\r\n                    id=\"creationEndDate\"\r\n                    formControlName=\"creationEndDate\"\r\n                    class=\"form-control\"\r\n                    ngbDatepicker\r\n                    #endDatePicker=\"ngbDatepicker\"\r\n                    (click)=\"endDatePicker.toggle()\"\r\n                    readonly\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-lg-2 col-md-6\">\r\n            <abp-form-input\r\n              formControlName=\"author\"\r\n              [label]=\"'CmsKit::Username' | abpLocalization\"\r\n              type=\"text\"\r\n            />\r\n          </div>\r\n\r\n          <div class=\"col-lg-2 col-md-6\">\r\n            <abp-form-input\r\n              formControlName=\"entityType\"\r\n              [label]=\"'CmsKit::EntityType' | abpLocalization\"\r\n              type=\"text\"\r\n            />\r\n          </div>\r\n          @if (requireApprovement) {\r\n            <div class=\"col-lg-2 col-md-6\">\r\n              <div class=\"mb-3\">\r\n                <label class=\"mb-1 form-label\" for=\"commentApproveState\">\r\n                  {{ 'CmsKit::CommentFilter:ApproveState' | abpLocalization }}\r\n                </label>\r\n                <select\r\n                  id=\"commentApproveState\"\r\n                  formControlName=\"commentApproveState\"\r\n                  class=\"form-control\"\r\n                >\r\n                  @for (option of commentApproveStateOptions; track option.value) {\r\n                    <option [value]=\"option.value\">\r\n                      {{ 'CmsKit::CommentFilter:' + option.value | abpLocalization }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n          }\r\n          <div class=\"col-lg-2 col-md-6\">\r\n            <abp-button class=\"w-100 mb-3\" buttonType=\"Primary\" type=\"submit\">\r\n              <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n            </abp-button>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n</abp-page>\r\n" }]
+        }] });
+
+class CommentDetailsComponent {
+    constructor() {
+        this.comment = null;
+        this.data = { items: [], totalCount: 0 };
+        this.list = inject((ListService));
+        this.commentEntityService = inject(CommentEntityService);
+        this.commentService = inject(CommentAdminService);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.fb = inject(FormBuilder);
+        this.commentApproveStateOptions = commentApproveStateOptions;
+    }
+    ngOnInit() {
+        this.route.params.subscribe(params => {
+            const id = params['id'];
+            if (id) {
+                this.commentId = id;
+                this.loadComment(id);
+                this.createFilterForm();
+                this.hookToQuery();
+            }
+        });
+        this.requireApprovement = this.commentEntityService.requireApprovement;
+    }
+    createFilterForm() {
+        this.filterForm = this.fb.group({
+            creationStartDate: [null],
+            creationEndDate: [null],
+            author: [''],
+            commentApproveState: [CommentApproveState.All],
+        });
+    }
+    loadComment(id) {
+        this.commentService.get(id).subscribe(comment => {
+            this.comment = comment;
+        });
+    }
+    onFilter() {
+        const formValue = this.filterForm.value;
+        const filters = {
+            author: formValue.author || undefined,
+            commentApproveState: formValue.commentApproveState,
+            repliedCommentId: this.commentId,
+            creationStartDate: formValue.creationStartDate || undefined,
+            creationEndDate: formValue.creationEndDate || undefined,
+        };
+        this.list.filter = filters;
+        this.list.get();
+    }
+    hookToQuery() {
+        this.list
+            .hookToQuery(query => {
+            const filters = this.list.filter || {};
+            const input = {
+                repliedCommentId: this.commentId,
+                ...query,
+                ...filters,
+            };
+            return this.commentService.getList(input);
+        })
+            .subscribe(res => (this.data = res));
+    }
+    navigateToReply(id) {
+        this.router.navigate(['/cms/comments', id]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CommentDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: CommentDetailsComponent, isStandalone: true, selector: "abp-comment-details", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: eCmsKitAdminComponents.CommentDetails,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'CmsKit::Comments' | abpLocalization\">\r\n  @if (comment) {\r\n    <div class=\"card mb-4\">\r\n      <div class=\"card-body\">\r\n        <table class=\"table\">\r\n          <tr>\r\n            <td width=\"10%\">\r\n              <b>{{ 'CmsKit::EntityType' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.entityType }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <b>{{ 'CmsKit::EntityId' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.entityId }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <b>{{ 'AbpIdentity::CreationTime' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.creationTime | date }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <b>{{ 'CmsKit::Username' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.author?.name }}</td>\r\n          </tr>\r\n          @if (comment.repliedCommentId) {\r\n            <tr>\r\n              <td>\r\n                <b>{{ 'CmsKit::ReplyTo' | abpLocalization }}</b\r\n                >:\r\n              </td>\r\n              <td>\r\n                <a (click)=\"navigateToReply(comment.repliedCommentId!)\" style=\"cursor: pointer\">\r\n                  {{ comment.repliedCommentId }}\r\n                </a>\r\n              </td>\r\n            </tr>\r\n          }\r\n          <tr>\r\n            <td class=\"align-text-top\">\r\n              <b>{{ 'CmsKit::Text' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.text }}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <form [formGroup]=\"filterForm\" (ngSubmit)=\"onFilter()\">\r\n        <input type=\"hidden\" [value]=\"commentId\" />\r\n        <div class=\"row\">\r\n          <div class=\"col-lg-4 col-md-12\">\r\n            <div class=\"row\">\r\n              <div class=\"col-lg-6 col-md-6\">\r\n                <div class=\"mb-3\">\r\n                  <label class=\"form-label\" for=\"creationStartDate\">\r\n                    {{ 'CmsKit::StartDate' | abpLocalization }}\r\n                  </label>\r\n                  <input\r\n                    id=\"creationStartDate\"\r\n                    formControlName=\"creationStartDate\"\r\n                    (click)=\"startDatePicker.open()\"\r\n                    (keyup.space)=\"startDatePicker.open()\"\r\n                    ngbDatepicker\r\n                    #startDatePicker=\"ngbDatepicker\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-lg-6 col-md-6\">\r\n                <div class=\"mb-3\">\r\n                  <label class=\"form-label\" for=\"creationEndDate\">\r\n                    {{ 'CmsKit::EndDate' | abpLocalization }}\r\n                  </label>\r\n                  <input\r\n                    id=\"creationEndDate\"\r\n                    formControlName=\"creationEndDate\"\r\n                    class=\"form-control\"\r\n                    ngbDatepicker\r\n                    #endDatePicker=\"ngbDatepicker\"\r\n                    (click)=\"endDatePicker.toggle()\"\r\n                    readonly\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-lg-4 col-md-12\">\r\n            <abp-form-input\r\n              formControlName=\"author\"\r\n              [label]=\"'CmsKit::Username' | abpLocalization\"\r\n              type=\"text\"\r\n            />\r\n          </div>\r\n          @if (requireApprovement) {\r\n            <div class=\"col-lg-2 col-md-12\">\r\n              <div class=\"mb-3\">\r\n                <label class=\"mb-1 form-label\" for=\"commentApproveState\">\r\n                  {{ 'CmsKit::CommentFilter:ApproveState' | abpLocalization }}\r\n                </label>\r\n                <select\r\n                  id=\"commentApproveState\"\r\n                  formControlName=\"commentApproveState\"\r\n                  class=\"form-control\"\r\n                >\r\n                  @for (option of commentApproveStateOptions; track option.value) {\r\n                    <option [value]=\"option.value\">\r\n                      {{ 'CmsKit::CommentFilter:' + option.value | abpLocalization }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n          }\r\n\r\n          <div class=\"col-lg-2 col-md-12\">\r\n            <div class=\"d-grid gap-2\">\r\n              <abp-button class=\"mt-md-4\" buttonType=\"Primary\" type=\"submit\">\r\n                <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n              </abp-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  <h3>{{ 'CmsKit::RepliesToThisComment' | abpLocalization }}</h3>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n</abp-page>\r\n", dependencies: [{ kind: "component", type: ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate", "selectable", "selectionType", "selected", "infiniteScroll", "isLoading", "scrollThreshold", "tableHeight", "rowDetailTemplate", "rowDetailHeight"], outputs: ["tableActivate", "selectionChange", "loadMore", "rowDetailToggle"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NgbDatepickerModule }, { kind: "directive", type: i3.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormInputComponent, selector: "abp-form-input", inputs: ["inputId", "inputReadonly", "label", "labelClass", "inputPlaceholder", "inputStyle", "inputClass"], outputs: ["formBlur", "formFocus"] }, { kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i3$1.DatePipe, name: "date" }], viewProviders: [
+            {
+                provide: NgbDateAdapter,
+                useClass: DateTimeAdapter,
+            },
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CommentDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-comment-details', providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: eCmsKitAdminComponents.CommentDetails,
+                        },
+                    ], viewProviders: [
+                        {
+                            provide: NgbDateAdapter,
+                            useClass: DateTimeAdapter,
+                        },
+                    ], imports: [
+                        ExtensibleTableComponent,
+                        PageComponent,
+                        LocalizationPipe,
+                        ReactiveFormsModule,
+                        NgbDatepickerModule,
+                        CommonModule,
+                        DatePipe,
+                        FormInputComponent,
+                        ButtonComponent,
+                    ], template: "<abp-page [title]=\"'CmsKit::Comments' | abpLocalization\">\r\n  @if (comment) {\r\n    <div class=\"card mb-4\">\r\n      <div class=\"card-body\">\r\n        <table class=\"table\">\r\n          <tr>\r\n            <td width=\"10%\">\r\n              <b>{{ 'CmsKit::EntityType' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.entityType }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <b>{{ 'CmsKit::EntityId' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.entityId }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <b>{{ 'AbpIdentity::CreationTime' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.creationTime | date }}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>\r\n              <b>{{ 'CmsKit::Username' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.author?.name }}</td>\r\n          </tr>\r\n          @if (comment.repliedCommentId) {\r\n            <tr>\r\n              <td>\r\n                <b>{{ 'CmsKit::ReplyTo' | abpLocalization }}</b\r\n                >:\r\n              </td>\r\n              <td>\r\n                <a (click)=\"navigateToReply(comment.repliedCommentId!)\" style=\"cursor: pointer\">\r\n                  {{ comment.repliedCommentId }}\r\n                </a>\r\n              </td>\r\n            </tr>\r\n          }\r\n          <tr>\r\n            <td class=\"align-text-top\">\r\n              <b>{{ 'CmsKit::Text' | abpLocalization }}</b\r\n              >:\r\n            </td>\r\n            <td>{{ comment.text }}</td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  }\r\n\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <form [formGroup]=\"filterForm\" (ngSubmit)=\"onFilter()\">\r\n        <input type=\"hidden\" [value]=\"commentId\" />\r\n        <div class=\"row\">\r\n          <div class=\"col-lg-4 col-md-12\">\r\n            <div class=\"row\">\r\n              <div class=\"col-lg-6 col-md-6\">\r\n                <div class=\"mb-3\">\r\n                  <label class=\"form-label\" for=\"creationStartDate\">\r\n                    {{ 'CmsKit::StartDate' | abpLocalization }}\r\n                  </label>\r\n                  <input\r\n                    id=\"creationStartDate\"\r\n                    formControlName=\"creationStartDate\"\r\n                    (click)=\"startDatePicker.open()\"\r\n                    (keyup.space)=\"startDatePicker.open()\"\r\n                    ngbDatepicker\r\n                    #startDatePicker=\"ngbDatepicker\"\r\n                    type=\"text\"\r\n                    class=\"form-control\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"col-lg-6 col-md-6\">\r\n                <div class=\"mb-3\">\r\n                  <label class=\"form-label\" for=\"creationEndDate\">\r\n                    {{ 'CmsKit::EndDate' | abpLocalization }}\r\n                  </label>\r\n                  <input\r\n                    id=\"creationEndDate\"\r\n                    formControlName=\"creationEndDate\"\r\n                    class=\"form-control\"\r\n                    ngbDatepicker\r\n                    #endDatePicker=\"ngbDatepicker\"\r\n                    (click)=\"endDatePicker.toggle()\"\r\n                    readonly\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-lg-4 col-md-12\">\r\n            <abp-form-input\r\n              formControlName=\"author\"\r\n              [label]=\"'CmsKit::Username' | abpLocalization\"\r\n              type=\"text\"\r\n            />\r\n          </div>\r\n          @if (requireApprovement) {\r\n            <div class=\"col-lg-2 col-md-12\">\r\n              <div class=\"mb-3\">\r\n                <label class=\"mb-1 form-label\" for=\"commentApproveState\">\r\n                  {{ 'CmsKit::CommentFilter:ApproveState' | abpLocalization }}\r\n                </label>\r\n                <select\r\n                  id=\"commentApproveState\"\r\n                  formControlName=\"commentApproveState\"\r\n                  class=\"form-control\"\r\n                >\r\n                  @for (option of commentApproveStateOptions; track option.value) {\r\n                    <option [value]=\"option.value\">\r\n                      {{ 'CmsKit::CommentFilter:' + option.value | abpLocalization }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              </div>\r\n            </div>\r\n          }\r\n\r\n          <div class=\"col-lg-2 col-md-12\">\r\n            <div class=\"d-grid gap-2\">\r\n              <abp-button class=\"mt-md-4\" buttonType=\"Primary\" type=\"submit\">\r\n                <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n              </abp-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n\r\n  <h3>{{ 'CmsKit::RepliesToThisComment' | abpLocalization }}</h3>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n</abp-page>\r\n" }]
+        }] });
+
+const CMS_KIT_COMMENTS_REQUIRE_APPROVEMENT = 'CmsKit.Comments.RequireApprovement';
+
+class TagModalComponent {
+    constructor() {
+        this.tagService = inject(TagAdminService);
+        this.injector = inject(Injector);
+        this.toasterService = inject(ToasterService);
+        this.selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : []));
+        this.sectionId = input(...(ngDevMode ? [undefined, { debugName: "sectionId" }] : []));
+        this.visibleChange = output();
+    }
+    ngOnInit() {
+        this.buildForm();
+    }
+    buildForm() {
+        const data = new FormPropData(this.injector, this.selected());
+        this.form = generateFormFromProps(data);
+    }
+    onVisibleChange(visible, refresh = false) {
+        this.visibleChange.emit({ visible, refresh });
+    }
+    save() {
+        if (!this.form.valid) {
+            return;
+        }
+        let observable$ = this.tagService.create(this.form.value);
+        const selectedTag = this.selected();
+        const { id } = selectedTag || {};
+        if (id) {
+            observable$ = this.tagService.update(id, {
+                ...selectedTag,
+                ...this.form.value,
+            });
+        }
+        observable$.subscribe(() => {
+            this.onVisibleChange(false, true);
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TagModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TagModalComponent, isStandalone: true, selector: "abp-tag-modal", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, sectionId: { classPropertyName: "sectionId", publicName: "sectionId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<abp-modal [visible]=\"true\" (visibleChange)=\"onVisibleChange($event)\">\r\n  <ng-template #abpHeader>\r\n    <h3>\r\n      {{ (selected()?.id ? 'AbpUi::Edit' : 'AbpUi::New') | abpLocalization }}\r\n    </h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    @if (form) {\r\n      <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n        <abp-extensible-form [selectedRecord]=\"selected()\" />\r\n      </form>\r\n    } @else {\r\n      <div class=\"text-center\">\r\n        <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n      </div>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-outline-primary\" abpClose>\r\n      {{ 'AbpUi::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button iconClass=\"fa fa-check\" [disabled]=\"form?.invalid\" (click)=\"save()\">\r\n      {{ 'AbpUi::Save' | abpLocalization }}\r\n    </abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n", dependencies: [{ kind: "component", type: ExtensibleFormComponent, selector: "abp-extensible-form", inputs: ["selectedRecord"], exportAs: ["abpExtensibleForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgxValidateCoreModule }, { kind: "directive", type: i2$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TagModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-tag-modal', imports: [
+                        ExtensibleFormComponent,
+                        LocalizationPipe,
+                        ReactiveFormsModule,
+                        CommonModule,
+                        NgxValidateCoreModule,
+                        ModalComponent,
+                        ModalCloseDirective,
+                        ButtonComponent,
+                    ], template: "<abp-modal [visible]=\"true\" (visibleChange)=\"onVisibleChange($event)\">\r\n  <ng-template #abpHeader>\r\n    <h3>\r\n      {{ (selected()?.id ? 'AbpUi::Edit' : 'AbpUi::New') | abpLocalization }}\r\n    </h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    @if (form) {\r\n      <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n        <abp-extensible-form [selectedRecord]=\"selected()\" />\r\n      </form>\r\n    } @else {\r\n      <div class=\"text-center\">\r\n        <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n      </div>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-outline-primary\" abpClose>\r\n      {{ 'AbpUi::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button iconClass=\"fa fa-check\" [disabled]=\"form?.invalid\" (click)=\"save()\">\r\n      {{ 'AbpUi::Save' | abpLocalization }}\r\n    </abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n" }]
+        }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], sectionId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sectionId", required: false }] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }] } });
+
+class TagListComponent {
+    constructor() {
+        this.data = { items: [], totalCount: 0 };
+        this.list = inject((ListService));
+        this.tagService = inject(TagAdminService);
+        this.confirmationService = inject(ConfirmationService);
+        this.filter = '';
+        this.isModalVisible = false;
+        this.tagDefinitions = [];
+    }
+    ngOnInit() {
+        this.loadTagDefinitions();
+        this.hookToQuery();
+    }
+    loadTagDefinitions() {
+        this.tagService.getTagDefinitions().subscribe(definitions => {
+            this.tagDefinitions = definitions;
+        });
+    }
+    onSearch() {
+        this.list.filter = this.filter;
+        this.list.get();
+    }
+    add() {
+        this.selected = {};
+        this.isModalVisible = true;
+    }
+    edit(id) {
+        this.tagService.get(id).subscribe(tag => {
+            this.selected = tag;
+            this.isModalVisible = true;
+        });
+    }
+    hookToQuery() {
+        this.list
+            .hookToQuery(query => {
+            let filters = {};
+            if (this.list.filter) {
+                filters.filter = this.list.filter;
+            }
+            const input = {
+                ...query,
+                ...filters,
+            };
+            return this.tagService.getList(input);
+        })
+            .subscribe(res => {
+            this.data = res;
+        });
+    }
+    onVisibleModalChange(visibilityChange) {
+        if (visibilityChange.visible) {
+            return;
+        }
+        if (visibilityChange.refresh) {
+            this.list.get();
+        }
+        this.selected = null;
+        this.isModalVisible = false;
+    }
+    delete(id, name) {
+        this.confirmationService
+            .warn('CmsKit::TagDeletionConfirmationMessage', 'AbpUi::AreYouSure', {
+            messageLocalizationParams: [name],
+        })
+            .subscribe((status) => {
+            if (status === Confirmation.Status.confirm) {
+                this.tagService.delete(id).subscribe(() => {
+                    this.list.get();
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TagListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TagListComponent, isStandalone: true, selector: "abp-tag-list", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: eCmsKitAdminComponents.Tags,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'CmsKit::Tags' | abpLocalization\" [toolbar]=\"data.items\">\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"input-group\">\r\n            <input\r\n              type=\"search\"\r\n              class=\"form-control\"\r\n              [placeholder]=\"'AbpUi::PagerSearch' | abpLocalization\"\r\n              [(ngModel)]=\"filter\"\r\n              (keyup.enter)=\"onSearch()\"\r\n            />\r\n            <button class=\"btn btn-primary\" type=\"button\" (click)=\"onSearch()\">\r\n              <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n\r\n  @if (isModalVisible) {\r\n    <abp-tag-modal [selected]=\"selected\" (visibleChange)=\"onVisibleModalChange($event)\" />\r\n  }\r\n</abp-page>\r\n", dependencies: [{ kind: "component", type: ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate", "selectable", "selectionType", "selected", "infiniteScroll", "isLoading", "scrollThreshold", "tableHeight", "rowDetailTemplate", "rowDetailHeight"], outputs: ["tableActivate", "selectionChange", "loadMore", "rowDetailToggle"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: TagModalComponent, selector: "abp-tag-modal", inputs: ["selected", "sectionId"], outputs: ["visibleChange"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TagListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-tag-list', providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: eCmsKitAdminComponents.Tags,
+                        },
+                    ], imports: [
+                        ExtensibleTableComponent,
+                        PageComponent,
+                        LocalizationPipe,
+                        FormsModule,
+                        CommonModule,
+                        TagModalComponent,
+                    ], template: "<abp-page [title]=\"'CmsKit::Tags' | abpLocalization\" [toolbar]=\"data.items\">\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"input-group\">\r\n            <input\r\n              type=\"search\"\r\n              class=\"form-control\"\r\n              [placeholder]=\"'AbpUi::PagerSearch' | abpLocalization\"\r\n              [(ngModel)]=\"filter\"\r\n              (keyup.enter)=\"onSearch()\"\r\n            />\r\n            <button class=\"btn btn-primary\" type=\"button\" (click)=\"onSearch()\">\r\n              <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n\r\n  @if (isModalVisible) {\r\n    <abp-tag-modal [selected]=\"selected\" (visibleChange)=\"onVisibleModalChange($event)\" />\r\n  }\r\n</abp-page>\r\n" }]
+        }] });
+
+class PageListComponent {
+    constructor() {
+        this.data = { items: [], totalCount: 0 };
+        this.list = inject((ListService));
+        this.pageService = inject(PageAdminService);
+        this.confirmationService = inject(ConfirmationService);
+        this.toasterService = inject(ToasterService);
+        this.filter = '';
+    }
+    ngOnInit() {
+        this.hookToQuery();
+    }
+    onSearch() {
+        this.list.filter = this.filter;
+        this.list.get();
+    }
+    hookToQuery() {
+        this.list
+            .hookToQuery(query => {
+            let filters = {};
+            if (this.list.filter) {
+                filters.filter = this.list.filter;
+            }
+            const input = {
+                ...query,
+                ...filters,
+            };
+            return this.pageService.getList(input);
+        })
+            .subscribe(res => {
+            this.data = res;
+        });
+    }
+    delete(id) {
+        this.confirmationService
+            .warn('CmsKit::PageDeletionConfirmationMessage', 'AbpUi::AreYouSure', {
+            yesText: 'AbpUi::Yes',
+            cancelText: 'AbpUi::Cancel',
+        })
+            .subscribe((status) => {
+            if (status === Confirmation.Status.confirm) {
+                this.pageService.delete(id).subscribe(() => {
+                    this.list.get();
+                });
+            }
+        });
+    }
+    setAsHomePage(id, isHomePage) {
+        this.pageService.setAsHomePage(id).subscribe(() => {
+            this.list.get();
+            if (isHomePage) {
+                this.toasterService.warn('CmsKit::RemovedSettingAsHomePage');
+            }
+            else {
+                this.toasterService.success('CmsKit::CompletedSettingAsHomePage');
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: PageListComponent, isStandalone: true, selector: "abp-page-list", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: eCmsKitAdminComponents.Pages,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'CmsKit::Pages' | abpLocalization\" [toolbar]=\"data.items\">\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"input-group\">\r\n            <input\r\n              type=\"search\"\r\n              class=\"form-control\"\r\n              [placeholder]=\"'AbpUi::PagerSearch' | abpLocalization\"\r\n              [(ngModel)]=\"filter\"\r\n              (keyup.enter)=\"onSearch()\"\r\n            />\r\n            <button class=\"btn btn-primary\" type=\"button\" (click)=\"onSearch()\">\r\n              <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n</abp-page>\r\n", dependencies: [{ kind: "component", type: ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate", "selectable", "selectionType", "selected", "infiniteScroll", "isLoading", "scrollThreshold", "tableHeight", "rowDetailTemplate", "rowDetailHeight"], outputs: ["tableActivate", "selectionChange", "loadMore", "rowDetailToggle"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PageListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-page-list', providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: eCmsKitAdminComponents.Pages,
+                        },
+                    ], imports: [ExtensibleTableComponent, PageComponent, LocalizationPipe, FormsModule, CommonModule], template: "<abp-page [title]=\"'CmsKit::Pages' | abpLocalization\" [toolbar]=\"data.items\">\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"input-group\">\r\n            <input\r\n              type=\"search\"\r\n              class=\"form-control\"\r\n              [placeholder]=\"'AbpUi::PagerSearch' | abpLocalization\"\r\n              [(ngModel)]=\"filter\"\r\n              (keyup.enter)=\"onSearch()\"\r\n            />\r\n            <button class=\"btn btn-primary\" type=\"button\" (click)=\"onSearch()\">\r\n              <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n</abp-page>\r\n" }]
+        }] });
+
+class PageFormComponent {
+    constructor() {
+        this.pageService = inject(PageAdminService);
+        this.injector = inject(Injector);
+        this.pageFormService = inject(PageFormService);
+        this.route = inject(ActivatedRoute);
+        this.destroyRef = inject(DestroyRef);
+        this.page = null;
+        this.pageId = null;
+        this.isEditMode = false;
+    }
+    ngOnInit() {
+        const id = this.route.snapshot.params['id'];
+        if (id) {
+            this.isEditMode = true;
+            this.pageId = id;
+            this.loadPage(id);
+        }
+        else {
+            this.isEditMode = false;
+            this.buildForm();
+        }
+    }
+    loadPage(id) {
+        this.pageService.get(id).subscribe(page => {
+            this.page = page;
+            this.buildForm();
+        });
+    }
+    buildForm() {
+        const data = new FormPropData(this.injector, this.page || {});
+        const baseForm = generateFormFromProps(data);
+        this.form = new FormGroup({
+            ...baseForm.controls,
+            content: new FormControl(this.page?.content || ''),
+            script: new FormControl(this.page?.script || ''),
+            style: new FormControl(this.page?.style || ''),
+        });
+        prepareSlugFromControl(this.form, 'title', 'slug', this.destroyRef);
+    }
+    executeSaveOperation(operation) {
+        if (this.isEditMode) {
+            if (!this.page || !this.pageId) {
+                return;
+            }
+            switch (operation) {
+                case 'save':
+                    this.pageFormService.update(this.pageId, this.form, this.page).subscribe();
+                    break;
+                case 'draft':
+                    this.pageFormService.updateAsDraft(this.pageId, this.form, this.page).subscribe();
+                    break;
+                case 'publish':
+                    this.pageFormService.updateAndPublish(this.pageId, this.form, this.page).subscribe();
+                    break;
+            }
+            return;
+        }
+        switch (operation) {
+            case 'save':
+                this.pageFormService.create(this.form).subscribe();
+                break;
+            case 'draft':
+                this.pageFormService.createAsDraft(this.form).subscribe();
+                break;
+            case 'publish':
+                this.pageFormService.publish(this.form).subscribe();
+                break;
+        }
+    }
+    save() {
+        this.executeSaveOperation('save');
+    }
+    saveAsDraft() {
+        this.executeSaveOperation('draft');
+    }
+    publish() {
+        this.executeSaveOperation('publish');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PageFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: PageFormComponent, isStandalone: true, selector: "abp-page-form", providers: [
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: eCmsKitAdminComponents.PageForm,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'CmsKit::Pages' | abpLocalization\">\r\n  <div class=\"card\">\r\n    <div class=\"card-body\">\r\n      @if (form && (!isEditMode || page)) {\r\n        <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n          <!-- Basic fields outside tabs -->\r\n          <abp-extensible-form [selectedRecord]=\"page || {}\" />\r\n\r\n          <!-- Tabs for Content, Script, and Style -->\r\n          <ul ngbNav #nav=\"ngbNav\" class=\"nav-tabs mt-3\">\r\n            <li ngbNavItem>\r\n              <a ngbNavLink>{{ 'CmsKit::Content' | abpLocalization }}</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"mt-3\">\r\n                  <abp-toastui-editor formControlName=\"content\" />\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n\r\n            <li ngbNavItem>\r\n              <a ngbNavLink>{{ 'CmsKit::Script' | abpLocalization }}</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"mt-3\">\r\n                  <abp-codemirror-editor formControlName=\"script\" />\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n\r\n            <li ngbNavItem>\r\n              <a ngbNavLink>{{ 'CmsKit::Style' | abpLocalization }}</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"mt-3\">\r\n                  <abp-codemirror-editor formControlName=\"style\" />\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n          </ul>\r\n          <div class=\"mt-2 fade-in-top\" [ngbNavOutlet]=\"nav\"></div>\r\n        </form>\r\n      } @else {\r\n        <div class=\"text-center\">\r\n          <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n        </div>\r\n      }\r\n    </div>\r\n    <div class=\"card-footer\">\r\n      <div class=\"d-flex justify-content-start gap-2\">\r\n        <button class=\"btn btn-secondary\" (click)=\"saveAsDraft()\" [disabled]=\"form?.invalid\">\r\n          {{ 'CmsKit::SaveAsDraft' | abpLocalization }}\r\n        </button>\r\n        <abp-button (click)=\"publish()\" [disabled]=\"form?.invalid\">\r\n          {{ 'CmsKit::Publish' | abpLocalization }}\r\n        </abp-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</abp-page>\r\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: CodeMirrorEditorComponent, selector: "abp-codemirror-editor" }, { kind: "component", type: ExtensibleFormComponent, selector: "abp-extensible-form", inputs: ["selectedRecord"], exportAs: ["abpExtensibleForm"] }, { kind: "component", type: PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: ToastuiEditorComponent, selector: "abp-toastui-editor" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgxValidateCoreModule }, { kind: "directive", type: i2$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i2$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "ngmodule", type: NgbNavModule }, { kind: "directive", type: i3.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i3.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i3.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i3.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i3.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i3.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i3.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PageFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-page-form', providers: [
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: eCmsKitAdminComponents.PageForm,
+                        },
+                    ], imports: [
+                        ButtonComponent,
+                        CodeMirrorEditorComponent,
+                        ExtensibleFormComponent,
+                        PageComponent,
+                        ToastuiEditorComponent,
+                        LocalizationPipe,
+                        ReactiveFormsModule,
+                        CommonModule,
+                        NgxValidateCoreModule,
+                        NgbNavModule,
+                    ], template: "<abp-page [title]=\"'CmsKit::Pages' | abpLocalization\">\r\n  <div class=\"card\">\r\n    <div class=\"card-body\">\r\n      @if (form && (!isEditMode || page)) {\r\n        <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n          <!-- Basic fields outside tabs -->\r\n          <abp-extensible-form [selectedRecord]=\"page || {}\" />\r\n\r\n          <!-- Tabs for Content, Script, and Style -->\r\n          <ul ngbNav #nav=\"ngbNav\" class=\"nav-tabs mt-3\">\r\n            <li ngbNavItem>\r\n              <a ngbNavLink>{{ 'CmsKit::Content' | abpLocalization }}</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"mt-3\">\r\n                  <abp-toastui-editor formControlName=\"content\" />\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n\r\n            <li ngbNavItem>\r\n              <a ngbNavLink>{{ 'CmsKit::Script' | abpLocalization }}</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"mt-3\">\r\n                  <abp-codemirror-editor formControlName=\"script\" />\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n\r\n            <li ngbNavItem>\r\n              <a ngbNavLink>{{ 'CmsKit::Style' | abpLocalization }}</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"mt-3\">\r\n                  <abp-codemirror-editor formControlName=\"style\" />\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n          </ul>\r\n          <div class=\"mt-2 fade-in-top\" [ngbNavOutlet]=\"nav\"></div>\r\n        </form>\r\n      } @else {\r\n        <div class=\"text-center\">\r\n          <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n        </div>\r\n      }\r\n    </div>\r\n    <div class=\"card-footer\">\r\n      <div class=\"d-flex justify-content-start gap-2\">\r\n        <button class=\"btn btn-secondary\" (click)=\"saveAsDraft()\" [disabled]=\"form?.invalid\">\r\n          {{ 'CmsKit::SaveAsDraft' | abpLocalization }}\r\n        </button>\r\n        <abp-button (click)=\"publish()\" [disabled]=\"form?.invalid\">\r\n          {{ 'CmsKit::Publish' | abpLocalization }}\r\n        </abp-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</abp-page>\r\n" }]
+        }] });
+
+class BlogModalComponent {
+    constructor() {
+        this.blogService = inject(BlogAdminService);
+        this.injector = inject(Injector);
+        this.toasterService = inject(ToasterService);
+        this.destroyRef = inject(DestroyRef);
+        this.selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : []));
+        this.visibleChange = output();
+    }
+    ngOnInit() {
+        this.buildForm();
+    }
+    buildForm() {
+        const data = new FormPropData(this.injector, this.selected());
+        this.form = generateFormFromProps(data);
+        prepareSlugFromControl(this.form, 'name', 'slug', this.destroyRef);
+    }
+    onVisibleChange(visible, refresh = false) {
+        this.visibleChange.emit({ visible, refresh });
+    }
+    save() {
+        if (!this.form.valid) {
+            return;
+        }
+        let observable$ = this.blogService.create(this.form.value);
+        const selectedBlog = this.selected();
+        const { id } = selectedBlog || {};
+        if (id) {
+            observable$ = this.blogService.update(id, {
+                ...selectedBlog,
+                ...this.form.value,
+            });
+        }
+        observable$.subscribe(() => {
+            this.onVisibleChange(false, true);
+            this.toasterService.success('AbpUi::SavedSuccessfully');
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: BlogModalComponent, isStandalone: true, selector: "abp-blog-modal", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<abp-modal [visible]=\"true\" (visibleChange)=\"onVisibleChange($event)\">\r\n  <ng-template #abpHeader>\r\n    <h3>\r\n      {{ (selected()?.id ? 'AbpUi::Edit' : 'AbpUi::New') | abpLocalization }}\r\n    </h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    @if (form) {\r\n      <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n        <abp-extensible-form [selectedRecord]=\"selected()\" />\r\n      </form>\r\n    } @else {\r\n      <div class=\"text-center\">\r\n        <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n      </div>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-outline-primary\" abpClose>\r\n      {{ 'AbpUi::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button iconClass=\"fa fa-check\" [disabled]=\"form?.invalid\" (click)=\"save()\">\r\n      {{ 'AbpUi::Save' | abpLocalization }}\r\n    </abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n", dependencies: [{ kind: "component", type: ExtensibleFormComponent, selector: "abp-extensible-form", inputs: ["selectedRecord"], exportAs: ["abpExtensibleForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgxValidateCoreModule }, { kind: "directive", type: i2$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "component", type: ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-blog-modal', imports: [
+                        ExtensibleFormComponent,
+                        LocalizationPipe,
+                        ReactiveFormsModule,
+                        CommonModule,
+                        NgxValidateCoreModule,
+                        ModalComponent,
+                        ModalCloseDirective,
+                        ButtonComponent,
+                    ], template: "<abp-modal [visible]=\"true\" (visibleChange)=\"onVisibleChange($event)\">\r\n  <ng-template #abpHeader>\r\n    <h3>\r\n      {{ (selected()?.id ? 'AbpUi::Edit' : 'AbpUi::New') | abpLocalization }}\r\n    </h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    @if (form) {\r\n      <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n        <abp-extensible-form [selectedRecord]=\"selected()\" />\r\n      </form>\r\n    } @else {\r\n      <div class=\"text-center\">\r\n        <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n      </div>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-outline-primary\" abpClose>\r\n      {{ 'AbpUi::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button iconClass=\"fa fa-check\" [disabled]=\"form?.invalid\" (click)=\"save()\">\r\n      {{ 'AbpUi::Save' | abpLocalization }}\r\n    </abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n" }]
+        }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }] } });
+
+class BlogFeaturesModalComponent {
+    constructor() {
+        this.blogFeatureService = inject(BlogFeatureAdminService);
+        this.fb = inject(FormBuilder);
+        this.toasterService = inject(ToasterService);
+        this.blogId = input(...(ngDevMode ? [undefined, { debugName: "blogId" }] : []));
+        this.visibleChange = output();
+        this.features = [];
+        this.initialFeatureStates = new Map();
+    }
+    ngOnInit() {
+        if (this.blogId()) {
+            this.loadFeatures();
+        }
+    }
+    loadFeatures() {
+        this.blogFeatureService.getList(this.blogId()).subscribe(features => {
+            this.features = features.sort((a, b) => (a.featureName || '').localeCompare(b.featureName || ''));
+            // Store initial states
+            this.initialFeatureStates = new Map(this.features.map(f => [f.featureName || '', f.isEnabled || false]));
+            this.buildForm();
+        });
+    }
+    buildForm() {
+        const featureControls = this.features.map(feature => this.fb.group({
+            featureName: [feature.featureName],
+            isEnabled: [feature.isEnabled],
+            isAvailable: [feature.isAvailable ?? true],
+        }));
+        this.form = this.fb.group({
+            features: this.fb.array(featureControls),
+        });
+    }
+    get featuresFormArray() {
+        return this.form.get('features');
+    }
+    onVisibleChange(visible, refresh = false) {
+        this.visibleChange.emit({ visible, refresh });
+    }
+    save() {
+        if (!this.form.valid || !this.blogId()) {
+            return;
+        }
+        const featuresArray = this.form.get('features');
+        // Only save features that have changed
+        const changedFeatures = featuresArray.controls
+            .map(control => {
+            const featureName = control.get('featureName')?.value;
+            const isEnabled = control.get('isEnabled')?.value;
+            const initialIsEnabled = this.initialFeatureStates.get(featureName);
+            // Only include if the value has changed
+            if (featureName && initialIsEnabled !== isEnabled) {
+                return {
+                    featureName,
+                    isEnabled,
+                };
+            }
+            return null;
+        })
+            .filter((input) => input !== null);
+        // If no features changed, just close the modal
+        if (changedFeatures.length === 0) {
+            this.onVisibleChange(false, false);
+            return;
+        }
+        // Save only changed features
+        const saveObservables = changedFeatures.map(input => this.blogFeatureService.set(this.blogId(), input));
+        // Use forkJoin to save all changed features at once
+        forkJoin(saveObservables).subscribe({
+            next: () => {
+                this.onVisibleChange(false, true);
+                this.toasterService.success('AbpUi::SavedSuccessfully');
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogFeaturesModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: BlogFeaturesModalComponent, isStandalone: true, selector: "abp-blog-features-modal", inputs: { blogId: { classPropertyName: "blogId", publicName: "blogId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<abp-modal [visible]=\"true\" (visibleChange)=\"onVisibleChange($event)\">\r\n  <ng-template #abpHeader>\r\n    <h3>{{ 'CmsKit::Features' | abpLocalization }}</h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    @if (form) {\r\n      <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n        <div formArrayName=\"features\">\r\n          @for (featureControl of featuresFormArray.controls; track $index; let i = $index) {\r\n            <div class=\"mb-3\" [formGroupName]=\"i\">\r\n              @let isAvailable = featureControl.get('isAvailable')?.value;\r\n              @if (isAvailable) {\r\n                <div class=\"form-check\">\r\n                  <input\r\n                    type=\"checkbox\"\r\n                    class=\"form-check-input\"\r\n                    id=\"feature-{{ i }}\"\r\n                    formControlName=\"isEnabled\"\r\n                  />\r\n                  <label class=\"form-check-label\" for=\"feature-{{ i }}\">\r\n                    {{ 'CmsKit::' + features[i]?.featureName | abpLocalization }}\r\n                  </label>\r\n                </div>\r\n              } @else {\r\n                <div\r\n                  data-toggle=\"tooltip\"\r\n                  [title]=\"'CmsKit::BlogFeatureNotAvailable' | abpLocalization\"\r\n                >\r\n                  <div class=\"form-check\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      class=\"form-check-input\"\r\n                      id=\"feature-{{ i }}\"\r\n                      formControlName=\"isEnabled\"\r\n                      disabled\r\n                    />\r\n                    <label class=\"form-check-label\" for=\"feature-{{ i }}\">\r\n                      {{ 'CmsKit::' + features[i]?.featureName | abpLocalization }}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n              }\r\n              <input type=\"hidden\" formControlName=\"featureName\" />\r\n              <input type=\"hidden\" formControlName=\"isAvailable\" />\r\n            </div>\r\n          }\r\n        </div>\r\n      </form>\r\n    } @else {\r\n      <div class=\"text-center\">\r\n        <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n      </div>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-outline-primary\" abpClose>\r\n      {{ 'AbpUi::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button iconClass=\"fa fa-check\" [disabled]=\"form?.invalid\" (click)=\"save()\">\r\n      {{ 'AbpUi::Save' | abpLocalization }}\r\n    </abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgxValidateCoreModule }, { kind: "directive", type: i2$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i2$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogFeaturesModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-blog-features-modal', imports: [
+                        LocalizationPipe,
+                        ReactiveFormsModule,
+                        CommonModule,
+                        NgxValidateCoreModule,
+                        ModalComponent,
+                        ModalCloseDirective,
+                        ButtonComponent,
+                    ], template: "<abp-modal [visible]=\"true\" (visibleChange)=\"onVisibleChange($event)\">\r\n  <ng-template #abpHeader>\r\n    <h3>{{ 'CmsKit::Features' | abpLocalization }}</h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    @if (form) {\r\n      <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n        <div formArrayName=\"features\">\r\n          @for (featureControl of featuresFormArray.controls; track $index; let i = $index) {\r\n            <div class=\"mb-3\" [formGroupName]=\"i\">\r\n              @let isAvailable = featureControl.get('isAvailable')?.value;\r\n              @if (isAvailable) {\r\n                <div class=\"form-check\">\r\n                  <input\r\n                    type=\"checkbox\"\r\n                    class=\"form-check-input\"\r\n                    id=\"feature-{{ i }}\"\r\n                    formControlName=\"isEnabled\"\r\n                  />\r\n                  <label class=\"form-check-label\" for=\"feature-{{ i }}\">\r\n                    {{ 'CmsKit::' + features[i]?.featureName | abpLocalization }}\r\n                  </label>\r\n                </div>\r\n              } @else {\r\n                <div\r\n                  data-toggle=\"tooltip\"\r\n                  [title]=\"'CmsKit::BlogFeatureNotAvailable' | abpLocalization\"\r\n                >\r\n                  <div class=\"form-check\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      class=\"form-check-input\"\r\n                      id=\"feature-{{ i }}\"\r\n                      formControlName=\"isEnabled\"\r\n                      disabled\r\n                    />\r\n                    <label class=\"form-check-label\" for=\"feature-{{ i }}\">\r\n                      {{ 'CmsKit::' + features[i]?.featureName | abpLocalization }}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n              }\r\n              <input type=\"hidden\" formControlName=\"featureName\" />\r\n              <input type=\"hidden\" formControlName=\"isAvailable\" />\r\n            </div>\r\n          }\r\n        </div>\r\n      </form>\r\n    } @else {\r\n      <div class=\"text-center\">\r\n        <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n      </div>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-outline-primary\" abpClose>\r\n      {{ 'AbpUi::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button iconClass=\"fa fa-check\" [disabled]=\"form?.invalid\" (click)=\"save()\">\r\n      {{ 'AbpUi::Save' | abpLocalization }}\r\n    </abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n" }]
+        }], propDecorators: { blogId: [{ type: i0.Input, args: [{ isSignal: true, alias: "blogId", required: false }] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }] } });
+
+class BlogListComponent {
+    constructor() {
+        this.data = { items: [], totalCount: 0 };
+        this.list = inject((ListService));
+        this.blogService = inject(BlogAdminService);
+        this.confirmationService = inject(ConfirmationService);
+        this.filter = '';
+        this.isModalVisible = false;
+        this.isFeaturesModalVisible = false;
+    }
+    ngOnInit() {
+        this.hookToQuery();
+    }
+    onSearch() {
+        this.list.filter = this.filter;
+        this.list.get();
+    }
+    add() {
+        this.selected = {};
+        this.isModalVisible = true;
+    }
+    edit(id) {
+        this.blogService.get(id).subscribe(blog => {
+            this.selected = blog;
+            this.isModalVisible = true;
+        });
+    }
+    delete(id, name) {
+        this.confirmationService
+            .warn('CmsKit::BlogDeletionConfirmationMessage', 'AbpUi::AreYouSure', {
+            messageLocalizationParams: [name],
+        })
+            .subscribe((status) => {
+            if (status === Confirmation.Status.confirm) {
+                this.blogService.delete(id).subscribe(() => {
+                    this.list.get();
+                });
+            }
+        });
+    }
+    openFeatures(id) {
+        this.selectedBlogId = id;
+        this.isFeaturesModalVisible = true;
+    }
+    hookToQuery() {
+        this.list
+            .hookToQuery(query => {
+            let filters = {};
+            if (this.list.filter) {
+                filters.filter = this.list.filter;
+            }
+            const input = {
+                ...query,
+                ...filters,
+            };
+            return this.blogService.getList(input);
+        })
+            .subscribe(res => {
+            this.data = res;
+        });
+    }
+    onVisibleModalChange(visibilityChange) {
+        if (visibilityChange.visible) {
+            return;
+        }
+        if (visibilityChange.refresh) {
+            this.list.get();
+        }
+        this.selected = null;
+        this.isModalVisible = false;
+    }
+    onFeaturesModalChange(visibilityChange) {
+        if (visibilityChange.visible) {
+            return;
+        }
+        if (visibilityChange.refresh) {
+            this.list.get();
+        }
+        this.selectedBlogId = null;
+        this.isFeaturesModalVisible = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: BlogListComponent, isStandalone: true, selector: "abp-blog-list", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: eCmsKitAdminComponents.Blogs,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'CmsKit::Blogs' | abpLocalization\" [toolbar]=\"data.items\">\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n\r\n  @if (isModalVisible) {\r\n    <abp-blog-modal [selected]=\"selected\" (visibleChange)=\"onVisibleModalChange($event)\" />\r\n  }\r\n\r\n  @if (isFeaturesModalVisible) {\r\n    <abp-blog-features-modal\r\n      [blogId]=\"selectedBlogId\"\r\n      (visibleChange)=\"onFeaturesModalChange($event)\"\r\n    />\r\n  }\r\n</abp-page>\r\n", dependencies: [{ kind: "component", type: ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate", "selectable", "selectionType", "selected", "infiniteScroll", "isLoading", "scrollThreshold", "tableHeight", "rowDetailTemplate", "rowDetailHeight"], outputs: ["tableActivate", "selectionChange", "loadMore", "rowDetailToggle"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: BlogModalComponent, selector: "abp-blog-modal", inputs: ["selected"], outputs: ["visibleChange"] }, { kind: "component", type: BlogFeaturesModalComponent, selector: "abp-blog-features-modal", inputs: ["blogId"], outputs: ["visibleChange"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-blog-list', providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: eCmsKitAdminComponents.Blogs,
+                        },
+                    ], imports: [
+                        ExtensibleTableComponent,
+                        PageComponent,
+                        LocalizationPipe,
+                        FormsModule,
+                        CommonModule,
+                        BlogModalComponent,
+                        BlogFeaturesModalComponent,
+                    ], template: "<abp-page [title]=\"'CmsKit::Blogs' | abpLocalization\" [toolbar]=\"data.items\">\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n\r\n  @if (isModalVisible) {\r\n    <abp-blog-modal [selected]=\"selected\" (visibleChange)=\"onVisibleModalChange($event)\" />\r\n  }\r\n\r\n  @if (isFeaturesModalVisible) {\r\n    <abp-blog-features-modal\r\n      [blogId]=\"selectedBlogId\"\r\n      (visibleChange)=\"onFeaturesModalChange($event)\"\r\n    />\r\n  }\r\n</abp-page>\r\n" }]
+        }] });
+
+class BlogPostListComponent {
+    constructor() {
+        this.data = { items: [], totalCount: 0 };
+        this.list = inject((ListService));
+        this.blogPostService = inject(BlogPostAdminService);
+        this.confirmationService = inject(ConfirmationService);
+        this.filter = '';
+        this.statusFilter = null;
+        this.BlogPostStatus = BlogPostStatus;
+    }
+    ngOnInit() {
+        this.hookToQuery();
+    }
+    onSearch() {
+        this.list.filter = this.filter;
+        this.list.get();
+    }
+    onStatusChange() {
+        this.list.get();
+    }
+    hookToQuery() {
+        this.list
+            .hookToQuery(query => {
+            let filters = {};
+            if (this.list.filter) {
+                filters.filter = this.list.filter;
+            }
+            if (this.statusFilter !== null) {
+                filters.status = this.statusFilter;
+            }
+            const input = {
+                ...query,
+                ...filters,
+            };
+            return this.blogPostService.getList(input);
+        })
+            .subscribe(res => (this.data = res));
+    }
+    delete(id, title) {
+        this.confirmationService
+            .warn('CmsKit::BlogPostDeletionConfirmationMessage', 'AbpUi::AreYouSure', {
+            yesText: 'AbpUi::Yes',
+            cancelText: 'AbpUi::Cancel',
+            messageLocalizationParams: [title],
+        })
+            .subscribe((status) => {
+            if (status === Confirmation.Status.confirm) {
+                this.blogPostService.delete(id).subscribe(() => {
+                    this.list.get();
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogPostListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: BlogPostListComponent, isStandalone: true, selector: "abp-blog-post-list", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: eCmsKitAdminComponents.BlogPosts,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'CmsKit::BlogPosts' | abpLocalization\" [toolbar]=\"data.items\">\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <div class=\"row\">\r\n        <div class=\"col-2\">\r\n          <select class=\"form-select\" [(ngModel)]=\"statusFilter\" (change)=\"onStatusChange()\">\r\n            <option [ngValue]=\"null\">{{ 'CmsKit::AllPosts' | abpLocalization }}</option>\r\n            <option [ngValue]=\"BlogPostStatus.Draft\">\r\n              {{ 'CmsKit::' + 'CmsKit.BlogPost.Status.0' | abpLocalization }}\r\n            </option>\r\n            <option [ngValue]=\"BlogPostStatus.Published\">\r\n              {{ 'CmsKit::' + 'CmsKit.BlogPost.Status.1' | abpLocalization }}\r\n            </option>\r\n            <option [ngValue]=\"BlogPostStatus.WaitingForReview\">\r\n              {{ 'CmsKit::' + 'CmsKit.BlogPost.Status.2' | abpLocalization }}\r\n            </option>\r\n          </select>\r\n        </div>\r\n        <div class=\"col-10\">\r\n          <div class=\"input-group\">\r\n            <input\r\n              type=\"search\"\r\n              class=\"form-control\"\r\n              [placeholder]=\"'AbpUi::PagerSearch' | abpLocalization\"\r\n              [(ngModel)]=\"filter\"\r\n              (keyup.enter)=\"onSearch()\"\r\n            />\r\n            <button class=\"btn btn-primary\" type=\"button\" (click)=\"onSearch()\">\r\n              <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n</abp-page>\r\n", dependencies: [{ kind: "component", type: ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate", "selectable", "selectionType", "selected", "infiniteScroll", "isLoading", "scrollThreshold", "tableHeight", "rowDetailTemplate", "rowDetailHeight"], outputs: ["tableActivate", "selectionChange", "loadMore", "rowDetailToggle"], exportAs: ["abpExtensibleTable"] }, { kind: "component", type: PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogPostListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-blog-post-list', providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: eCmsKitAdminComponents.BlogPosts,
+                        },
+                    ], imports: [ExtensibleTableComponent, PageComponent, LocalizationPipe, FormsModule, CommonModule], template: "<abp-page [title]=\"'CmsKit::BlogPosts' | abpLocalization\" [toolbar]=\"data.items\">\r\n  <div class=\"card mb-4\">\r\n    <div class=\"card-body\">\r\n      <div class=\"row\">\r\n        <div class=\"col-2\">\r\n          <select class=\"form-select\" [(ngModel)]=\"statusFilter\" (change)=\"onStatusChange()\">\r\n            <option [ngValue]=\"null\">{{ 'CmsKit::AllPosts' | abpLocalization }}</option>\r\n            <option [ngValue]=\"BlogPostStatus.Draft\">\r\n              {{ 'CmsKit::' + 'CmsKit.BlogPost.Status.0' | abpLocalization }}\r\n            </option>\r\n            <option [ngValue]=\"BlogPostStatus.Published\">\r\n              {{ 'CmsKit::' + 'CmsKit.BlogPost.Status.1' | abpLocalization }}\r\n            </option>\r\n            <option [ngValue]=\"BlogPostStatus.WaitingForReview\">\r\n              {{ 'CmsKit::' + 'CmsKit.BlogPost.Status.2' | abpLocalization }}\r\n            </option>\r\n          </select>\r\n        </div>\r\n        <div class=\"col-10\">\r\n          <div class=\"input-group\">\r\n            <input\r\n              type=\"search\"\r\n              class=\"form-control\"\r\n              [placeholder]=\"'AbpUi::PagerSearch' | abpLocalization\"\r\n              [(ngModel)]=\"filter\"\r\n              (keyup.enter)=\"onSearch()\"\r\n            />\r\n            <button class=\"btn btn-primary\" type=\"button\" (click)=\"onSearch()\">\r\n              <i class=\"fa fa-search\" aria-hidden=\"true\"></i>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"card\">\r\n    <abp-extensible-table [data]=\"data.items\" [recordsTotal]=\"data.totalCount\" [list]=\"list\" />\r\n  </div>\r\n</abp-page>\r\n" }]
+        }] });
+
+class BlogPostFormComponent {
+    constructor() {
+        this.blogPostService = inject(BlogPostAdminService);
+        this.mediaService = inject(MediaDescriptorAdminService);
+        this.entityTagService = inject(EntityTagAdminService);
+        this.restService = inject(RestService);
+        this.injector = inject(Injector);
+        this.blogPostFormService = inject(BlogPostFormService);
+        this.route = inject(ActivatedRoute);
+        this.destroyRef = inject(DestroyRef);
+        this.blogPost = null;
+        this.blogPostId = null;
+        this.isEditMode = false;
+        this.coverImageFile = null;
+        this.coverImagePreview = null;
+        this.tags = '';
+        this.isTagsEnabled = true;
+        this.BLOG_POST_ENTITY_TYPE = 'BlogPost';
+    }
+    ngOnInit() {
+        const id = this.route.snapshot.params['id'];
+        if (id) {
+            this.isEditMode = true;
+            this.blogPostId = id;
+            this.loadBlogPost(id);
+        }
+        else {
+            this.isEditMode = false;
+            this.buildForm();
+        }
+    }
+    loadBlogPost(id) {
+        this.blogPostService.get(id).subscribe(blogPost => {
+            this.blogPost = blogPost;
+            if (blogPost.coverImageMediaId) {
+                this.coverImagePreview = `/api/cms-kit/media/${blogPost.coverImageMediaId}`;
+            }
+            this.buildForm();
+            this.loadTags(id);
+        });
+    }
+    loadTags(blogPostId) {
+        // TODO: use the public service to load the tags
+        this.restService
+            .request({
+            method: 'GET',
+            url: `/api/cms-kit-public/tags/${this.BLOG_POST_ENTITY_TYPE}/${blogPostId}`,
+        })
+            .subscribe(tags => {
+            if (tags && tags.length > 0) {
+                this.tags = tags.map(t => t.name || '').join(', ');
+            }
+        });
+    }
+    buildForm() {
+        const data = new FormPropData(this.injector, this.blogPost || {});
+        const baseForm = generateFormFromProps(data);
+        this.form = new FormGroup({
+            ...baseForm.controls,
+            content: new FormControl(this.blogPost?.content || ''),
+            coverImageMediaId: new FormControl(this.blogPost?.coverImageMediaId || null),
+        });
+        prepareSlugFromControl(this.form, 'title', 'slug', this.destroyRef);
+        // Check if tags feature is enabled for the blog
+        const blogId = this.form.get('blogId')?.value || this.blogPost?.blogId;
+        if (blogId) {
+            this.checkTagsFeature(blogId);
+        }
+        // Listen for blog selection changes
+        this.form
+            .get('blogId')
+            ?.valueChanges.pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(blogId => {
+            if (blogId) {
+                this.checkTagsFeature(blogId);
+            }
+        });
+    }
+    checkTagsFeature(blogId) {
+        this.restService
+            .request({
+            method: 'GET',
+            url: `/api/cms-kit/blogs/${blogId}/features/CmsKit.Tags`,
+        })
+            .subscribe(feature => {
+            const { isEnabled } = feature || {};
+            this.isTagsEnabled = isEnabled;
+        });
+    }
+    onCoverImageChange(event) {
+        const input = event.target;
+        if (input.files && input.files[0]) {
+            this.coverImageFile = input.files[0];
+            const reader = new FileReader();
+            reader.onload = (e) => {
+                this.coverImagePreview = e.target.result;
+            };
+            reader.readAsDataURL(this.coverImageFile);
+        }
+    }
+    removeCoverImage() {
+        this.coverImageFile = null;
+        this.coverImagePreview = null;
+        this.form.patchValue({ coverImageMediaId: null });
+    }
+    uploadCoverImage() {
+        if (!this.coverImageFile) {
+            return of(this.form.value.coverImageMediaId || null);
+        }
+        const input = {
+            name: this.coverImageFile.name,
+            file: this.coverImageFile,
+        };
+        return this.mediaService.create('blogpost', input).pipe(tap(result => {
+            this.form.patchValue({ coverImageMediaId: result.id });
+        }), switchMap(result => of(result.id || null)));
+    }
+    setTags(blogPostId) {
+        if (!this.tags || !this.tags.trim()) {
+            return of(null);
+        }
+        const tagArray = this.tags
+            .split(',')
+            .map(t => t.trim())
+            .filter(t => t.length > 0);
+        if (tagArray.length === 0) {
+            return of(null);
+        }
+        return this.entityTagService.setEntityTags({
+            entityType: this.BLOG_POST_ENTITY_TYPE,
+            entityId: blogPostId,
+            tags: tagArray,
+        });
+    }
+    executeSaveOperation(operation) {
+        // First upload cover image if selected
+        this.uploadCoverImage()
+            .pipe(tap(coverImageMediaId => {
+            if (coverImageMediaId) {
+                this.form.patchValue({ coverImageMediaId });
+            }
+        }), switchMap(() => {
+            if (this.isEditMode) {
+                if (!this.blogPost || !this.blogPostId) {
+                    return of(null);
+                }
+                return this.blogPostFormService.update(this.blogPostId, this.form, this.blogPost);
+            }
+            switch (operation) {
+                case 'save':
+                case 'draft':
+                    return this.blogPostFormService.createAsDraft(this.form);
+                case 'publish':
+                    return this.blogPostFormService.createAndPublish(this.form);
+                case 'sendToReview':
+                    return this.blogPostFormService.createAndSendToReview(this.form);
+                default:
+                    return of(null);
+            }
+        }), switchMap(result => {
+            if (!result || !result.id) {
+                return of(null);
+            }
+            // Set tags after blog post is created/updated
+            return forkJoin([of(result), this.setTags(result.id)]);
+        }))
+            .subscribe();
+    }
+    saveAsDraft() {
+        this.executeSaveOperation('draft');
+    }
+    publish() {
+        this.executeSaveOperation('publish');
+    }
+    sendToReview() {
+        this.executeSaveOperation('sendToReview');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogPostFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: BlogPostFormComponent, isStandalone: true, selector: "abp-blog-post-form", providers: [
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: eCmsKitAdminComponents.BlogPostForm,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'CmsKit::BlogPosts' | abpLocalization\">\r\n  <div class=\"card\">\r\n    <div class=\"card-body\">\r\n      @if (form && (!isEditMode || blogPost)) {\r\n        <form [formGroup]=\"form\" (ngSubmit)=\"saveAsDraft()\" validateOnSubmit>\r\n          <!-- Cover Image -->\r\n          <div class=\"mb-3\">\r\n            @if (coverImagePreview) {\r\n              <div class=\"mb-2\">\r\n                <img [src]=\"coverImagePreview\" height=\"120\" alt=\"Cover Image\" />\r\n                <br />\r\n                <button type=\"button\" class=\"btn btn-link p-0\" (click)=\"removeCoverImage()\">\r\n                  {{ 'CmsKit::RemoveCoverImage' | abpLocalization }}\r\n                </button>\r\n                <br />\r\n              </div>\r\n            }\r\n            <label class=\"form-label\"\r\n              >{{ 'CmsKit::CoverImage' | abpLocalization }}\r\n              <span class=\"badge text-bg-light\">16:9</span></label\r\n            >\r\n            <input\r\n              type=\"file\"\r\n              class=\"form-control\"\r\n              accept=\"image/*\"\r\n              (change)=\"onCoverImageChange($event)\"\r\n            />\r\n          </div>\r\n\r\n          <!-- Basic fields -->\r\n          <abp-extensible-form [selectedRecord]=\"blogPost || {}\" />\r\n\r\n          <!-- Content editor -->\r\n          <div class=\"mt-3\">\r\n            <label class=\"form-label\">{{ 'CmsKit::Content' | abpLocalization }}</label>\r\n            <abp-toastui-editor formControlName=\"content\" />\r\n          </div>\r\n        </form>\r\n\r\n        <!-- Tags Editor -->\r\n        @if (isTagsEnabled) {\r\n          <hr />\r\n          <div class=\"mb-3\">\r\n            <label class=\"form-label\">{{ 'CmsKit::Tags' | abpLocalization }}</label>\r\n            <input\r\n              type=\"text\"\r\n              class=\"form-control\"\r\n              [(ngModel)]=\"tags\"\r\n              [ngModelOptions]=\"{ standalone: true }\"\r\n              [placeholder]=\"'CmsKit::TagsHelpText' | abpLocalization\"\r\n            />\r\n            <div class=\"form-text\">{{ 'CmsKit::TagsHelpText' | abpLocalization }}</div>\r\n          </div>\r\n        }\r\n      } @else {\r\n        <div class=\"text-center\">\r\n          <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n        </div>\r\n      }\r\n    </div>\r\n    <div class=\"card-footer\">\r\n      <div class=\"d-flex justify-content-start gap-2\">\r\n        <button class=\"btn btn-secondary\" (click)=\"saveAsDraft()\" [disabled]=\"form?.invalid\">\r\n          {{ 'CmsKit::SaveAsDraft' | abpLocalization }}\r\n        </button>\r\n        @if (isEditMode) {\r\n          <abp-button (click)=\"publish()\" [disabled]=\"form?.invalid\">\r\n            {{ 'CmsKit::Publish' | abpLocalization }}\r\n          </abp-button>\r\n        } @else {\r\n          <abp-button (click)=\"publish()\" [disabled]=\"form?.invalid\">\r\n            {{ 'CmsKit::Publish' | abpLocalization }}\r\n          </abp-button>\r\n          <abp-button (click)=\"sendToReview()\" [disabled]=\"form?.invalid\">\r\n            {{ 'CmsKit::SendToReviewToPublish' | abpLocalization }}\r\n          </abp-button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</abp-page>\r\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "component", type: ExtensibleFormComponent, selector: "abp-extensible-form", inputs: ["selectedRecord"], exportAs: ["abpExtensibleForm"] }, { kind: "component", type: PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: ToastuiEditorComponent, selector: "abp-toastui-editor" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgxValidateCoreModule }, { kind: "directive", type: i2$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i2$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BlogPostFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-blog-post-form', providers: [
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: eCmsKitAdminComponents.BlogPostForm,
+                        },
+                    ], imports: [
+                        ButtonComponent,
+                        ExtensibleFormComponent,
+                        PageComponent,
+                        ToastuiEditorComponent,
+                        LocalizationPipe,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        CommonModule,
+                        NgxValidateCoreModule,
+                    ], template: "<abp-page [title]=\"'CmsKit::BlogPosts' | abpLocalization\">\r\n  <div class=\"card\">\r\n    <div class=\"card-body\">\r\n      @if (form && (!isEditMode || blogPost)) {\r\n        <form [formGroup]=\"form\" (ngSubmit)=\"saveAsDraft()\" validateOnSubmit>\r\n          <!-- Cover Image -->\r\n          <div class=\"mb-3\">\r\n            @if (coverImagePreview) {\r\n              <div class=\"mb-2\">\r\n                <img [src]=\"coverImagePreview\" height=\"120\" alt=\"Cover Image\" />\r\n                <br />\r\n                <button type=\"button\" class=\"btn btn-link p-0\" (click)=\"removeCoverImage()\">\r\n                  {{ 'CmsKit::RemoveCoverImage' | abpLocalization }}\r\n                </button>\r\n                <br />\r\n              </div>\r\n            }\r\n            <label class=\"form-label\"\r\n              >{{ 'CmsKit::CoverImage' | abpLocalization }}\r\n              <span class=\"badge text-bg-light\">16:9</span></label\r\n            >\r\n            <input\r\n              type=\"file\"\r\n              class=\"form-control\"\r\n              accept=\"image/*\"\r\n              (change)=\"onCoverImageChange($event)\"\r\n            />\r\n          </div>\r\n\r\n          <!-- Basic fields -->\r\n          <abp-extensible-form [selectedRecord]=\"blogPost || {}\" />\r\n\r\n          <!-- Content editor -->\r\n          <div class=\"mt-3\">\r\n            <label class=\"form-label\">{{ 'CmsKit::Content' | abpLocalization }}</label>\r\n            <abp-toastui-editor formControlName=\"content\" />\r\n          </div>\r\n        </form>\r\n\r\n        <!-- Tags Editor -->\r\n        @if (isTagsEnabled) {\r\n          <hr />\r\n          <div class=\"mb-3\">\r\n            <label class=\"form-label\">{{ 'CmsKit::Tags' | abpLocalization }}</label>\r\n            <input\r\n              type=\"text\"\r\n              class=\"form-control\"\r\n              [(ngModel)]=\"tags\"\r\n              [ngModelOptions]=\"{ standalone: true }\"\r\n              [placeholder]=\"'CmsKit::TagsHelpText' | abpLocalization\"\r\n            />\r\n            <div class=\"form-text\">{{ 'CmsKit::TagsHelpText' | abpLocalization }}</div>\r\n          </div>\r\n        }\r\n      } @else {\r\n        <div class=\"text-center\">\r\n          <i class=\"fa fa-pulse fa-spinner\" aria-hidden=\"true\"></i>\r\n        </div>\r\n      }\r\n    </div>\r\n    <div class=\"card-footer\">\r\n      <div class=\"d-flex justify-content-start gap-2\">\r\n        <button class=\"btn btn-secondary\" (click)=\"saveAsDraft()\" [disabled]=\"form?.invalid\">\r\n          {{ 'CmsKit::SaveAsDraft' | abpLocalization }}\r\n        </button>\r\n        @if (isEditMode) {\r\n          <abp-button (click)=\"publish()\" [disabled]=\"form?.invalid\">\r\n            {{ 'CmsKit::Publish' | abpLocalization }}\r\n          </abp-button>\r\n        } @else {\r\n          <abp-button (click)=\"publish()\" [disabled]=\"form?.invalid\">\r\n            {{ 'CmsKit::Publish' | abpLocalization }}\r\n          </abp-button>\r\n          <abp-button (click)=\"sendToReview()\" [disabled]=\"form?.invalid\">\r\n            {{ 'CmsKit::SendToReviewToPublish' | abpLocalization }}\r\n          </abp-button>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n</abp-page>\r\n" }]
+        }] });
+
+// Constants
+const PAGE_LOOKUP_MAX_RESULT = 1000;
+const PAGE_SEARCH_MAX_RESULT = 100;
+const PAGE_SEARCH_DEBOUNCE_MS = 300;
+const TABS = {
+    URL: 'url',
+    PAGE: 'page',
+};
+class MenuItemModalComponent {
+    constructor() {
+        // Injected services
+        this.menuItemService = inject(MenuItemAdminService);
+        this.injector = inject(Injector);
+        this.toasterService = inject(ToasterService);
+        this.destroyRef = inject(DestroyRef);
+        // Inputs/Outputs
+        this.selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : []));
+        this.parentId = input(...(ngDevMode ? [undefined, { debugName: "parentId" }] : []));
+        this.visible = input(true, ...(ngDevMode ? [{ debugName: "visible" }] : []));
+        this.visibleChange = output();
+        this.activeTab = TABS.URL;
+        // Page selection state
+        this.pages = [];
+        this.selectedPage = null;
+        this.pageSearchText = '';
+        this.filteredPages = [];
+        // Search subject for debouncing
+        this.pageSearchSubject = new Subject();
+    }
+    get isPageSelected() {
+        return !!this.form?.get('pageId')?.value;
+    }
+    ngOnInit() {
+        this.setupPageSearch();
+        this.initializeComponent();
+    }
+    /**
+     * Sets up debounced page search functionality
+     */
+    setupPageSearch() {
+        this.pageSearchSubject
+            .pipe(debounceTime(PAGE_SEARCH_DEBOUNCE_MS), distinctUntilChanged(), switchMap(searchText => {
+            if (!searchText?.trim()) {
+                // Show all pages when search is cleared
+                return this.menuItemService.getPageLookup({ maxResultCount: PAGE_LOOKUP_MAX_RESULT });
+            }
+            return this.menuItemService.getPageLookup({
+                filter: searchText.trim(),
+                maxResultCount: PAGE_SEARCH_MAX_RESULT,
+            });
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: result => {
+                this.filteredPages = result.items || [];
+            },
+            error: () => {
+                this.filteredPages = [];
+            },
+        });
+    }
+    /**
+     * Initializes the component based on create or edit mode
+     */
+    initializeComponent() {
+        const selectedItem = this.selected();
+        if (selectedItem?.id) {
+            this.loadMenuItemForEdit(selectedItem.id);
+        }
+        else {
+            this.loadPagesForCreate();
+            this.buildForm();
+        }
+    }
+    /**
+     * Loads menu item data and pages for edit mode
+     */
+    loadMenuItemForEdit(menuItemId) {
+        forkJoin({
+            menuItem: this.menuItemService.get(menuItemId),
+            pages: this.menuItemService.getPageLookup({ maxResultCount: PAGE_LOOKUP_MAX_RESULT }),
+        })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: ({ menuItem, pages }) => {
+                this.pages = pages.items || [];
+                this.filteredPages = this.pages;
+                this.buildForm(menuItem);
+                this.initializePageSelection(menuItem);
+            },
+            error: () => {
+                this.toasterService.error('AbpUi::ErrorMessage');
+            },
+        });
+    }
+    /**
+     * Loads pages for create mode
+     */
+    loadPagesForCreate() {
+        this.menuItemService
+            .getPageLookup({ maxResultCount: PAGE_LOOKUP_MAX_RESULT })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: result => {
+                this.pages = result.items || [];
+                this.filteredPages = this.pages;
+            },
+            error: () => {
+                this.toasterService.error('AbpUi::ErrorMessage');
+            },
+        });
+    }
+    /**
+     * Initializes page selection when editing a menu item with a page
+     */
+    initializePageSelection(menuItem) {
+        if (menuItem.pageId) {
+            this.activeTab = TABS.PAGE;
+            this.selectedPage = this.pages.find(p => p.id === menuItem.pageId) || null;
+            const url = this.selectedPage
+                ? this.generateUrlFromPage(this.selectedPage)
+                : menuItem.url || '';
+            this.form.patchValue({ pageId: menuItem.pageId, url }, { emitEvent: false });
+            this.pageSearchText = this.selectedPage?.title || '';
+        }
+        else if (menuItem.url) {
+            this.activeTab = TABS.URL;
+            this.form.patchValue({ url: menuItem.url, pageId: null }, { emitEvent: false });
+        }
+    }
+    /**
+     * Generates a URL from a page's slug or title
+     */
+    generateUrlFromPage(page) {
+        if (!page)
+            return '';
+        const source = page.slug || page.title;
+        if (!source)
+            return '';
+        return '/' + dasharize(source);
+    }
+    /**
+     * Handles page search input changes
+     */
+    onPageSearchChange(searchText) {
+        this.pageSearchText = searchText;
+        if (!searchText?.trim()) {
+            this.filteredPages = this.pages;
+            return;
+        }
+        this.pageSearchSubject.next(searchText);
+    }
+    /**
+     * Handles dropdown open event
+     */
+    onDropdownOpen() {
+        if (!this.pageSearchText?.trim()) {
+            this.filteredPages = this.pages;
+        }
+    }
+    /**
+     * Handles page selection from dropdown
+     */
+    selectPage(page) {
+        if (!page)
+            return;
+        this.selectedPage = page;
+        const url = this.generateUrlFromPage(page);
+        this.form.patchValue({ pageId: page.id, url }, { emitEvent: false });
+        this.pageSearchText = page.title || '';
+    }
+    /**
+     * Clears the selected page
+     */
+    clearPageSelection() {
+        this.form.patchValue({ pageId: null }, { emitEvent: false });
+        this.selectedPage = null;
+        this.pageSearchText = '';
+        this.filteredPages = this.pages;
+    }
+    /**
+     * Builds the reactive form for menu item creation/editing
+     */
+    buildForm(menuItem) {
+        const data = new FormPropData(this.injector, menuItem || {});
+        const baseForm = generateFormFromProps(data);
+        const parentId = this.parentId() || menuItem?.parentId || null;
+        this.form = new FormGroup({
+            ...baseForm.controls,
+            url: new FormControl(menuItem?.url || ''),
+            pageId: new FormControl(menuItem?.pageId || null),
+            parentId: new FormControl(parentId),
+        });
+        this.loadAvailableOrder(parentId, menuItem?.id);
+    }
+    /**
+     * Loads the available menu order for new menu items
+     */
+    loadAvailableOrder(parentId, menuItemId) {
+        if (menuItemId)
+            return; // Only needed for new items
+        const order$ = parentId
+            ? this.menuItemService.getAvailableMenuOrder(parentId)
+            : this.menuItemService.getAvailableMenuOrder();
+        order$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+            next: order => {
+                this.form.patchValue({ order });
+            },
+        });
+    }
+    /**
+     * Handles modal visibility changes
+     */
+    onVisibleChange(visible, refresh = false) {
+        this.visibleChange.emit({ visible, refresh });
+    }
+    /**
+     * Handles tab changes
+     */
+    onTabChange(activeId) {
+        this.activeTab = activeId;
+    }
+    /**
+     * Handles URL input changes - clears page selection if URL is manually entered
+     */
+    onUrlInput() {
+        const urlValue = this.form.get('url')?.value;
+        if (urlValue && this.form.get('pageId')?.value) {
+            this.clearPageSelection();
+            if (this.activeTab === TABS.PAGE) {
+                this.activeTab = TABS.URL;
+            }
+        }
+    }
+    /**
+     * Saves the menu item (create or update)
+     */
+    save() {
+        if (!this.form.valid) {
+            return;
+        }
+        const formValue = this.prepareFormValue();
+        const selectedItem = this.selected();
+        const isEditMode = !!selectedItem?.id;
+        const observable$ = isEditMode
+            ? this.updateMenuItem(selectedItem.id, formValue, selectedItem)
+            : this.createMenuItem(formValue);
+        observable$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+            next: () => {
+                this.onVisibleChange(false, true);
+                this.toasterService.success('AbpUi::SavedSuccessfully');
+            },
+            error: () => {
+                this.toasterService.error('AbpUi::ErrorMessage');
+            },
+        });
+    }
+    /**
+     * Prepares form value ensuring mutual exclusivity between pageId and url
+     */
+    prepareFormValue() {
+        const formValue = { ...this.form.value };
+        if (formValue.pageId) {
+            // If pageId is set, generate URL from the page
+            const selectedPage = this.pages.find(p => p.id === formValue.pageId);
+            if (selectedPage) {
+                formValue.url = this.generateUrlFromPage(selectedPage);
+            }
+        }
+        else if (formValue.url) {
+            // If URL is manually entered, ensure pageId is cleared
+            formValue.pageId = null;
+        }
+        // Clean up undefined values
+        return {
+            ...formValue,
+            url: formValue.url || undefined,
+            pageId: formValue.pageId || undefined,
+        };
+    }
+    /**
+     * Creates a new menu item
+     */
+    createMenuItem(formValue) {
+        const createInput = formValue;
+        return this.menuItemService.create(createInput);
+    }
+    /**
+     * Updates an existing menu item
+     */
+    updateMenuItem(id, formValue, selectedItem) {
+        const updateInput = {
+            ...formValue,
+            concurrencyStamp: selectedItem.concurrencyStamp,
+        };
+        return this.menuItemService.update(id, updateInput);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MenuItemModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: MenuItemModalComponent, isStandalone: true, selector: "abp-menu-item-modal", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, parentId: { classPropertyName: "parentId", publicName: "parentId", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<abp-modal [visible]=\"visible()\" (visibleChange)=\"onVisibleChange($event)\">\r\n  <ng-template #abpHeader>\r\n    <h3>\r\n      @if (selected()?.id) {\r\n        {{ 'AbpUi::Edit' | abpLocalization }}\r\n      } @else {\r\n        {{ 'AbpUi::New' | abpLocalization }}\r\n      }\r\n    </h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    @if (form) {\r\n      <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n        <ul\r\n          ngbNav\r\n          #nav=\"ngbNav\"\r\n          class=\"nav-tabs\"\r\n          [(activeId)]=\"activeTab\"\r\n          (activeIdChange)=\"onTabChange($event)\"\r\n        >\r\n          <li ngbNavItem=\"url\">\r\n            <a ngbNavLink>{{ 'CmsKit::Url' | abpLocalization }}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"mt-3\">\r\n                <label class=\"form-label\">{{ 'CmsKit::Url' | abpLocalization }}</label>\r\n                <input\r\n                  type=\"text\"\r\n                  class=\"form-control\"\r\n                  formControlName=\"url\"\r\n                  [disabled]=\"isPageSelected\"\r\n                  (input)=\"onUrlInput()\"\r\n                />\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n          <li ngbNavItem=\"page\">\r\n            <a ngbNavLink>{{ 'CmsKit::Page' | abpLocalization }}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"mt-3\">\r\n                <label class=\"form-label\">{{ 'CmsKit::Page' | abpLocalization }}</label>\r\n                <div\r\n                  class=\"position-relative\"\r\n                  ngbDropdown\r\n                  #pageDropdown=\"ngbDropdown\"\r\n                  display=\"static\"\r\n                  (openChange)=\"onDropdownOpen()\"\r\n                >\r\n                  <button\r\n                    class=\"form-select form-control text-start d-flex align-items-center justify-content-between\"\r\n                    type=\"button\"\r\n                    id=\"pageSelectDropdown\"\r\n                    ngbDropdownToggle\r\n                    [class.text-muted]=\"!selectedPage\"\r\n                  >\r\n                    <span>{{ selectedPage?.title || ('CmsKit::Page' | abpLocalization) }}</span>\r\n                  </button>\r\n                  <div\r\n                    class=\"dropdown-menu w-100\"\r\n                    ngbDropdownMenu\r\n                    aria-labelledby=\"pageSelectDropdown\"\r\n                    style=\"max-height: 300px; overflow-y: auto\"\r\n                  >\r\n                    <div class=\"p-2 border-bottom\">\r\n                      <input\r\n                        type=\"text\"\r\n                        class=\"form-control form-control-sm\"\r\n                        [(ngModel)]=\"pageSearchText\"\r\n                        [ngModelOptions]=\"{ standalone: true }\"\r\n                        (input)=\"onPageSearchChange($any($event.target).value)\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        placeholder=\"{{ 'AbpUi::Search' | abpLocalization }}\"\r\n                        autocomplete=\"off\"\r\n                      />\r\n                    </div>\r\n                    @if (filteredPages.length > 0) {\r\n                      @for (page of filteredPages; track page.id) {\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"dropdown-item\"\r\n                          (click)=\"selectPage(page); pageDropdown.close()\"\r\n                        >\r\n                          {{ page.title }}\r\n                        </button>\r\n                      }\r\n                    } @else if (pageSearchText && pageSearchText.length > 0) {\r\n                      <div class=\"dropdown-item text-muted\">\r\n                        {{ 'No results found' }}\r\n                      </div>\r\n                    } @else if (pages.length === 0) {\r\n                      <div class=\"dropdown-item text-muted\">\r\n                        {{ 'No pages found' }}\r\n                      </div>\r\n                    }\r\n                    @if (selectedPage) {\r\n                      <div class=\"dropdown-divider\"></div>\r\n                      <button\r\n                        type=\"button\"\r\n                        class=\"dropdown-item text-danger\"\r\n                        (click)=\"clearPageSelection(); pageDropdown.close()\"\r\n                      >\r\n                        {{ 'AbpUi::Clear' | abpLocalization }}\r\n                      </button>\r\n                    }\r\n                  </div>\r\n                  <input [formControlName]=\"'pageId'\" type=\"hidden\" />\r\n                </div>\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n        </ul>\r\n        <div class=\"mt-2 fade-in-top\" [ngbNavOutlet]=\"nav\"></div>\r\n        <hr />\r\n        <abp-extensible-form [selectedRecord]=\"selected() || {}\" />\r\n      </form>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-outline-primary\" abpClose>\r\n      {{ 'AbpUi::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button (click)=\"save()\" [disabled]=\"form?.invalid\">\r\n      {{ 'AbpUi::Save' | abpLocalization }}\r\n    </abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n", styles: [".dropdown-toggle:after{display:none!important}\n"], dependencies: [{ kind: "component", type: ExtensibleFormComponent, selector: "abp-extensible-form", inputs: ["selectedRecord"], exportAs: ["abpExtensibleForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgxValidateCoreModule }, { kind: "directive", type: i2$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i2$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { kind: "directive", type: ModalCloseDirective, selector: "[abpClose]" }, { kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "ngmodule", type: NgbNavModule }, { kind: "directive", type: i3.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i3.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i3.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i3.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i3.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i3.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i3.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i3.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i3.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i3.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MenuItemModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-menu-item-modal', imports: [
+                        ExtensibleFormComponent,
+                        LocalizationPipe,
+                        ReactiveFormsModule,
+                        CommonModule,
+                        NgxValidateCoreModule,
+                        ModalComponent,
+                        ModalCloseDirective,
+                        ButtonComponent,
+                        NgbNavModule,
+                        NgbDropdownModule,
+                        FormsModule,
+                    ], template: "<abp-modal [visible]=\"visible()\" (visibleChange)=\"onVisibleChange($event)\">\r\n  <ng-template #abpHeader>\r\n    <h3>\r\n      @if (selected()?.id) {\r\n        {{ 'AbpUi::Edit' | abpLocalization }}\r\n      } @else {\r\n        {{ 'AbpUi::New' | abpLocalization }}\r\n      }\r\n    </h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    @if (form) {\r\n      <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n        <ul\r\n          ngbNav\r\n          #nav=\"ngbNav\"\r\n          class=\"nav-tabs\"\r\n          [(activeId)]=\"activeTab\"\r\n          (activeIdChange)=\"onTabChange($event)\"\r\n        >\r\n          <li ngbNavItem=\"url\">\r\n            <a ngbNavLink>{{ 'CmsKit::Url' | abpLocalization }}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"mt-3\">\r\n                <label class=\"form-label\">{{ 'CmsKit::Url' | abpLocalization }}</label>\r\n                <input\r\n                  type=\"text\"\r\n                  class=\"form-control\"\r\n                  formControlName=\"url\"\r\n                  [disabled]=\"isPageSelected\"\r\n                  (input)=\"onUrlInput()\"\r\n                />\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n          <li ngbNavItem=\"page\">\r\n            <a ngbNavLink>{{ 'CmsKit::Page' | abpLocalization }}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"mt-3\">\r\n                <label class=\"form-label\">{{ 'CmsKit::Page' | abpLocalization }}</label>\r\n                <div\r\n                  class=\"position-relative\"\r\n                  ngbDropdown\r\n                  #pageDropdown=\"ngbDropdown\"\r\n                  display=\"static\"\r\n                  (openChange)=\"onDropdownOpen()\"\r\n                >\r\n                  <button\r\n                    class=\"form-select form-control text-start d-flex align-items-center justify-content-between\"\r\n                    type=\"button\"\r\n                    id=\"pageSelectDropdown\"\r\n                    ngbDropdownToggle\r\n                    [class.text-muted]=\"!selectedPage\"\r\n                  >\r\n                    <span>{{ selectedPage?.title || ('CmsKit::Page' | abpLocalization) }}</span>\r\n                  </button>\r\n                  <div\r\n                    class=\"dropdown-menu w-100\"\r\n                    ngbDropdownMenu\r\n                    aria-labelledby=\"pageSelectDropdown\"\r\n                    style=\"max-height: 300px; overflow-y: auto\"\r\n                  >\r\n                    <div class=\"p-2 border-bottom\">\r\n                      <input\r\n                        type=\"text\"\r\n                        class=\"form-control form-control-sm\"\r\n                        [(ngModel)]=\"pageSearchText\"\r\n                        [ngModelOptions]=\"{ standalone: true }\"\r\n                        (input)=\"onPageSearchChange($any($event.target).value)\"\r\n                        (click)=\"$event.stopPropagation()\"\r\n                        placeholder=\"{{ 'AbpUi::Search' | abpLocalization }}\"\r\n                        autocomplete=\"off\"\r\n                      />\r\n                    </div>\r\n                    @if (filteredPages.length > 0) {\r\n                      @for (page of filteredPages; track page.id) {\r\n                        <button\r\n                          type=\"button\"\r\n                          class=\"dropdown-item\"\r\n                          (click)=\"selectPage(page); pageDropdown.close()\"\r\n                        >\r\n                          {{ page.title }}\r\n                        </button>\r\n                      }\r\n                    } @else if (pageSearchText && pageSearchText.length > 0) {\r\n                      <div class=\"dropdown-item text-muted\">\r\n                        {{ 'No results found' }}\r\n                      </div>\r\n                    } @else if (pages.length === 0) {\r\n                      <div class=\"dropdown-item text-muted\">\r\n                        {{ 'No pages found' }}\r\n                      </div>\r\n                    }\r\n                    @if (selectedPage) {\r\n                      <div class=\"dropdown-divider\"></div>\r\n                      <button\r\n                        type=\"button\"\r\n                        class=\"dropdown-item text-danger\"\r\n                        (click)=\"clearPageSelection(); pageDropdown.close()\"\r\n                      >\r\n                        {{ 'AbpUi::Clear' | abpLocalization }}\r\n                      </button>\r\n                    }\r\n                  </div>\r\n                  <input [formControlName]=\"'pageId'\" type=\"hidden\" />\r\n                </div>\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n        </ul>\r\n        <div class=\"mt-2 fade-in-top\" [ngbNavOutlet]=\"nav\"></div>\r\n        <hr />\r\n        <abp-extensible-form [selectedRecord]=\"selected() || {}\" />\r\n      </form>\r\n    }\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-outline-primary\" abpClose>\r\n      {{ 'AbpUi::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button (click)=\"save()\" [disabled]=\"form?.invalid\">\r\n      {{ 'AbpUi::Save' | abpLocalization }}\r\n    </abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n", styles: [".dropdown-toggle:after{display:none!important}\n"] }]
+        }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], parentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentId", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }] } });
+
+class MenuItemListComponent {
+    constructor() {
+        this.menuItemService = inject(MenuItemAdminService);
+        this.confirmationService = inject(ConfirmationService);
+        this.nodes = [];
+        this.selectedNode = null;
+        this.expandedKeys = [];
+        this.draggable = true;
+        this.isModalVisible = false;
+        this.selectedMenuItem = null;
+        this.parentId = null;
+        this.beforeDrop = (event) => {
+            return of(true);
+        };
+    }
+    ngOnInit() {
+        this.loadMenuItems();
+    }
+    loadMenuItems() {
+        this.menuItemService.getList().subscribe(result => {
+            if (result.items && result.items.length > 0) {
+                this.nodes = this.buildTreeNodes(result.items);
+                // Expand all nodes by default
+                this.expandedKeys = this.nodes.map(n => n.key);
+            }
+            else {
+                this.nodes = [];
+            }
+        });
+    }
+    buildTreeNodes(items) {
+        const nodeMap = new Map();
+        const rootNodes = [];
+        // First pass: create all nodes
+        items.forEach(item => {
+            const node = {
+                key: item.id,
+                title: item.displayName || '',
+                entity: item,
+                children: [],
+                isLeaf: false,
+            };
+            nodeMap.set(item.id, node);
+        });
+        // Second pass: build tree structure
+        items.forEach(item => {
+            const node = nodeMap.get(item.id);
+            if (item.parentId) {
+                const parent = nodeMap.get(item.parentId);
+                if (parent) {
+                    parent.children.push(node);
+                    parent.isLeaf = false;
+                }
+                else {
+                    rootNodes.push(node);
+                }
+            }
+            else {
+                rootNodes.push(node);
+            }
+        });
+        // Sort by order
+        const sortByOrder = (nodes) => {
+            nodes.sort((a, b) => (a.entity.order || 0) - (b.entity.order || 0));
+            nodes.forEach(node => {
+                if (node.children && node.children.length > 0) {
+                    sortByOrder(node.children);
+                }
+            });
+        };
+        sortByOrder(rootNodes);
+        return rootNodes;
+    }
+    onSelectedNodeChange(node) {
+        this.selectedNode = node?.entity || null;
+    }
+    onDrop(event) {
+        const node = event.dragNode?.origin?.entity;
+        if (!node) {
+            return;
+        }
+        const newParentId = event.dragNode?.parent?.key === '0' ? null : event.dragNode?.parent?.key;
+        const position = event.dragNode?.pos || 0;
+        const parentNodeName = !newParentId || newParentId === '0'
+            ? 'Root'
+            : event.dragNode?.parent?.origin?.entity?.displayName || 'Root';
+        this.confirmationService
+            .warn('CmsKit::MenuItemMoveConfirmMessage', 'AbpUi::AreYouSure', {
+            messageLocalizationParams: [node.displayName || '', parentNodeName],
+            yesText: 'AbpUi::Yes',
+            cancelText: 'AbpUi::Cancel',
+        })
+            .subscribe((status) => {
+            if (status === Confirmation.Status.confirm) {
+                const input = {
+                    newParentId: newParentId === '0' ? null : newParentId,
+                    position: position,
+                };
+                this.menuItemService.moveMenuItem(node.id, input).subscribe({
+                    next: () => {
+                        this.loadMenuItems();
+                    },
+                    error: () => {
+                        // Reload to rollback
+                        this.loadMenuItems();
+                    },
+                });
+            }
+            else {
+                // Reload to rollback
+                this.loadMenuItems();
+            }
+        });
+    }
+    add() {
+        this.selectedMenuItem = null;
+        this.parentId = null;
+        this.isModalVisible = true;
+    }
+    addSubMenuItem(parentId) {
+        this.selectedMenuItem = null;
+        this.parentId = parentId || null;
+        this.isModalVisible = true;
+    }
+    edit(id) {
+        this.menuItemService.get(id).subscribe(menuItem => {
+            this.selectedMenuItem = menuItem;
+            this.parentId = null;
+            this.isModalVisible = true;
+        });
+    }
+    onVisibleModalChange(visibilityChange) {
+        if (visibilityChange.visible) {
+            return;
+        }
+        if (visibilityChange.refresh) {
+            this.loadMenuItems();
+        }
+        this.selectedMenuItem = null;
+        this.parentId = null;
+        this.isModalVisible = false;
+    }
+    delete(id, displayName) {
+        this.confirmationService
+            .warn('CmsKit::MenuItemDeletionConfirmationMessage', 'AbpUi::AreYouSure', {
+            messageLocalizationParams: [displayName || ''],
+            yesText: 'AbpUi::Yes',
+            cancelText: 'AbpUi::Cancel',
+        })
+            .subscribe((status) => {
+            if (status === Confirmation.Status.confirm) {
+                this.menuItemService.delete(id).subscribe({
+                    next: () => {
+                        this.loadMenuItems();
+                    },
+                });
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MenuItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: MenuItemListComponent, isStandalone: true, selector: "abp-menu-item-list", providers: [
+            ListService,
+            {
+                provide: EXTENSIONS_IDENTIFIER,
+                useValue: eCmsKitAdminComponents.Menus,
+            },
+        ], ngImport: i0, template: "<abp-page [title]=\"'CmsKit::MenuItems' | abpLocalization\" [toolbar]=\"nodes\">\r\n  <div class=\"card\">\r\n    <div class=\"card-body\">\r\n      @if (nodes.length > 0) {\r\n        <abp-tree\r\n          [nodes]=\"nodes\"\r\n          [draggable]=\"draggable\"\r\n          [expandedKeys]=\"expandedKeys\"\r\n          [selectedNode]=\"selectedNode\"\r\n          (selectedNodeChange)=\"onSelectedNodeChange($event)\"\r\n          [beforeDrop]=\"beforeDrop\"\r\n          (dropOver)=\"onDrop($event)\"\r\n        >\r\n          <ng-template #menu let-node>\r\n            <button\r\n              class=\"dropdown-item\"\r\n              (click)=\"edit(node.key)\"\r\n              *abpPermission=\"'CmsKit.Menus.Update'\"\r\n            >\r\n              <i class=\"fa fa-pencil me-2\"></i>\r\n              {{ 'AbpUi::Edit' | abpLocalization }}\r\n            </button>\r\n            <button\r\n              class=\"dropdown-item\"\r\n              (click)=\"addSubMenuItem(node.key)\"\r\n              *abpPermission=\"'CmsKit.Menus.Create'\"\r\n            >\r\n              <i class=\"fa fa-plus me-2\"></i>\r\n              {{ 'CmsKit::AddSubMenuItem' | abpLocalization }}\r\n            </button>\r\n            <button\r\n              class=\"dropdown-item\"\r\n              (click)=\"delete(node.key, node.title)\"\r\n              *abpPermission=\"'CmsKit.Menus.Delete'\"\r\n            >\r\n              <i class=\"fa fa-remove me-2\"></i>\r\n              {{ 'AbpUi::Delete' | abpLocalization }}\r\n            </button>\r\n          </ng-template>\r\n        </abp-tree>\r\n      } @else {\r\n        <div class=\"text-muted text-center\">\r\n          {{ 'CmsKit::NoMenuItems' | abpLocalization }}\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</abp-page>\r\n\r\n@if (isModalVisible) {\r\n  <abp-menu-item-modal\r\n    [selected]=\"selectedMenuItem || undefined\"\r\n    [parentId]=\"parentId\"\r\n    (visibleChange)=\"onVisibleModalChange($event)\"\r\n  />\r\n}\r\n", dependencies: [{ kind: "component", type: PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: TreeComponent, selector: "abp-tree", inputs: ["noAnimation", "draggable", "checkable", "checkStrictly", "checkedKeys", "nodes", "expandedKeys", "selectedNode", "changeCheckboxWithNode", "isNodeSelected", "beforeDrop"], outputs: ["checkedKeysChange", "expandedKeysChange", "selectedNodeChange", "dropOver", "nzExpandChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: MenuItemModalComponent, selector: "abp-menu-item-modal", inputs: ["selected", "parentId", "visible"], outputs: ["visibleChange"] }, { kind: "directive", type: PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MenuItemListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-menu-item-list', imports: [
+                        PageComponent,
+                        TreeComponent,
+                        LocalizationPipe,
+                        CommonModule,
+                        MenuItemModalComponent,
+                        PermissionDirective,
+                    ], providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: eCmsKitAdminComponents.Menus,
+                        },
+                    ], template: "<abp-page [title]=\"'CmsKit::MenuItems' | abpLocalization\" [toolbar]=\"nodes\">\r\n  <div class=\"card\">\r\n    <div class=\"card-body\">\r\n      @if (nodes.length > 0) {\r\n        <abp-tree\r\n          [nodes]=\"nodes\"\r\n          [draggable]=\"draggable\"\r\n          [expandedKeys]=\"expandedKeys\"\r\n          [selectedNode]=\"selectedNode\"\r\n          (selectedNodeChange)=\"onSelectedNodeChange($event)\"\r\n          [beforeDrop]=\"beforeDrop\"\r\n          (dropOver)=\"onDrop($event)\"\r\n        >\r\n          <ng-template #menu let-node>\r\n            <button\r\n              class=\"dropdown-item\"\r\n              (click)=\"edit(node.key)\"\r\n              *abpPermission=\"'CmsKit.Menus.Update'\"\r\n            >\r\n              <i class=\"fa fa-pencil me-2\"></i>\r\n              {{ 'AbpUi::Edit' | abpLocalization }}\r\n            </button>\r\n            <button\r\n              class=\"dropdown-item\"\r\n              (click)=\"addSubMenuItem(node.key)\"\r\n              *abpPermission=\"'CmsKit.Menus.Create'\"\r\n            >\r\n              <i class=\"fa fa-plus me-2\"></i>\r\n              {{ 'CmsKit::AddSubMenuItem' | abpLocalization }}\r\n            </button>\r\n            <button\r\n              class=\"dropdown-item\"\r\n              (click)=\"delete(node.key, node.title)\"\r\n              *abpPermission=\"'CmsKit.Menus.Delete'\"\r\n            >\r\n              <i class=\"fa fa-remove me-2\"></i>\r\n              {{ 'AbpUi::Delete' | abpLocalization }}\r\n            </button>\r\n          </ng-template>\r\n        </abp-tree>\r\n      } @else {\r\n        <div class=\"text-muted text-center\">\r\n          {{ 'CmsKit::NoMenuItems' | abpLocalization }}\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</abp-page>\r\n\r\n@if (isModalVisible) {\r\n  <abp-menu-item-modal\r\n    [selected]=\"selectedMenuItem || undefined\"\r\n    [parentId]=\"parentId\"\r\n    (visibleChange)=\"onVisibleModalChange($event)\"\r\n  />\r\n}\r\n" }]
+        }] });
+
+class CmsSettingsComponent {
+    constructor() {
+        this.commentAdminService = inject(CommentAdminService);
+        this.configState = inject(ConfigStateService);
+        this.toaster = inject(ToasterService);
+        this.commentApprovalControl = new FormControl(false);
+    }
+    ngOnInit() {
+        const isCommentApprovalEnabled = this.configState.getSetting(CMS_KIT_COMMENTS_REQUIRE_APPROVEMENT).toLowerCase() === 'true';
+        this.commentApprovalControl.setValue(isCommentApprovalEnabled);
+    }
+    submit() {
+        this.commentAdminService
+            .updateSettings({ commentRequireApprovement: this.commentApprovalControl.value })
+            .pipe(finalize(() => {
+            this.configState.refreshAppState().subscribe();
+        }))
+            .subscribe(() => this.toaster.success('AbpUi::SavedSuccessfully', null));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CmsSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: CmsSettingsComponent, isStandalone: true, selector: "abp-cms-settings", ngImport: i0, template: "<div id=\"CmsSettingsForm\" class=\"row\">\r\n  <div class=\"col-md-12\">\r\n    <ul ngbNav #nav=\"ngbNav\" class=\"nav-tabs\">\r\n      <!-- Comments -->\r\n      <li ngbNavItem>\r\n        <a ngbNavLink>{{ 'CmsKit::CmsKit:Comment' | abpLocalization }}</a>\r\n        <ng-template ngbNavContent>\r\n          <div class=\"abp-md-form\">\r\n            <div (keyup.enter)=\"submit()\">\r\n              <div class=\"mt-3\">\r\n                <div class=\"form-check mb-2\">\r\n                  <input\r\n                    class=\"form-check-input\"\r\n                    [formControl]=\"commentApprovalControl\"\r\n                    type=\"checkbox\"\r\n                    id=\"EnableCommentApproval\"\r\n                    [checked]=\"commentApprovalControl.value\"\r\n                    (input)=\"commentApprovalControl.setValue($event.target.checked)\"\r\n                  />\r\n                  <label class=\"form-check-label\" for=\"EnableCommentApproval\">\r\n                    {{ 'CmsKit::CmsKitCommentOptions:RequireApprovement' | abpLocalization }}\r\n                  </label>\r\n                  <br />\r\n                  <small class=\"form-text text-muted\">{{\r\n                    'CmsKit::CmsKitCommentOptions:RequireApprovementDescription' | abpLocalization\r\n                  }}</small>\r\n                </div>\r\n              </div>\r\n              <hr class=\"my-3\" />\r\n              <div>\r\n                <abp-button (click)=\"submit()\" iconClass=\"fa fa-save\" [loading]=\"loading\">\r\n                  {{ 'AbpAccount::Save' | abpLocalization }}\r\n                </abp-button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n      </li>\r\n    </ul>\r\n    <div [ngbNavOutlet]=\"nav\"></div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "directive", type: NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "component", type: NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CmsSettingsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-cms-settings', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgbNav,
+                        NgbNavItem,
+                        NgbNavItemRole,
+                        NgbNavLink,
+                        NgbNavLinkBase,
+                        NgbNavContent,
+                        NgbNavOutlet,
+                        LocalizationPipe,
+                        ButtonComponent,
+                        ReactiveFormsModule,
+                    ], template: "<div id=\"CmsSettingsForm\" class=\"row\">\r\n  <div class=\"col-md-12\">\r\n    <ul ngbNav #nav=\"ngbNav\" class=\"nav-tabs\">\r\n      <!-- Comments -->\r\n      <li ngbNavItem>\r\n        <a ngbNavLink>{{ 'CmsKit::CmsKit:Comment' | abpLocalization }}</a>\r\n        <ng-template ngbNavContent>\r\n          <div class=\"abp-md-form\">\r\n            <div (keyup.enter)=\"submit()\">\r\n              <div class=\"mt-3\">\r\n                <div class=\"form-check mb-2\">\r\n                  <input\r\n                    class=\"form-check-input\"\r\n                    [formControl]=\"commentApprovalControl\"\r\n                    type=\"checkbox\"\r\n                    id=\"EnableCommentApproval\"\r\n                    [checked]=\"commentApprovalControl.value\"\r\n                    (input)=\"commentApprovalControl.setValue($event.target.checked)\"\r\n                  />\r\n                  <label class=\"form-check-label\" for=\"EnableCommentApproval\">\r\n                    {{ 'CmsKit::CmsKitCommentOptions:RequireApprovement' | abpLocalization }}\r\n                  </label>\r\n                  <br />\r\n                  <small class=\"form-text text-muted\">{{\r\n                    'CmsKit::CmsKitCommentOptions:RequireApprovementDescription' | abpLocalization\r\n                  }}</small>\r\n                </div>\r\n              </div>\r\n              <hr class=\"my-3\" />\r\n              <div>\r\n                <abp-button (click)=\"submit()\" iconClass=\"fa fa-save\" [loading]=\"loading\">\r\n                  {{ 'AbpAccount::Save' | abpLocalization }}\r\n                </abp-button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n      </li>\r\n    </ul>\r\n    <div [ngbNavOutlet]=\"nav\"></div>\r\n  </div>\r\n</div>\r\n" }]
+        }] });
+
+class GlobalResourcesComponent {
+    constructor() {
+        this.globalResourceService = inject(GlobalResourceAdminService);
+        this.toasterService = inject(ToasterService);
+        this.destroyRef = inject(DestroyRef);
+        this.activeTab = 'script';
+    }
+    ngOnInit() {
+        this.buildForm();
+        this.loadGlobalResources();
+    }
+    buildForm() {
+        this.form = new FormGroup({
+            script: new FormControl(''),
+            style: new FormControl(''),
+        });
+    }
+    loadGlobalResources() {
+        this.globalResourceService
+            .get()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (result) => {
+                this.form.patchValue({
+                    script: result.scriptContent || '',
+                    style: result.styleContent || '',
+                });
+            },
+            error: () => {
+                this.toasterService.error('AbpUi::ErrorMessage');
+            },
+        });
+    }
+    onTabChange(activeId) {
+        this.activeTab = activeId;
+    }
+    save() {
+        if (!this.form.valid) {
+            return;
+        }
+        const formValue = this.form.value;
+        const input = {
+            script: formValue.script || '',
+            style: formValue.style || '',
+        };
+        this.globalResourceService
+            .setGlobalResources(input)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.toasterService.success('AbpUi::SavedSuccessfully');
+            },
+            error: () => {
+                this.toasterService.error('AbpUi::ErrorMessage');
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: GlobalResourcesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: GlobalResourcesComponent, isStandalone: true, selector: "abp-global-resources", ngImport: i0, template: "<abp-page [title]=\"'CmsKit::GlobalResources' | abpLocalization\">\r\n  <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n    <div class=\"card\">\r\n      <div class=\"card-body\">\r\n        <ul\r\n          ngbNav\r\n          #nav=\"ngbNav\"\r\n          class=\"nav-tabs\"\r\n          [(activeId)]=\"activeTab\"\r\n          (activeIdChange)=\"onTabChange($event)\"\r\n        >\r\n          <li ngbNavItem=\"script\">\r\n            <a ngbNavLink>{{ 'CmsKit::Script' | abpLocalization }}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"mt-3\">\r\n                <abp-codemirror-editor formControlName=\"script\" />\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n          <li ngbNavItem=\"style\">\r\n            <a ngbNavLink>{{ 'CmsKit::Style' | abpLocalization }}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"mt-3\">\r\n                <abp-codemirror-editor formControlName=\"style\" />\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n        </ul>\r\n        <div class=\"mt-2 fade-in-top\" [ngbNavOutlet]=\"nav\"></div>\r\n      </div>\r\n      <div class=\"card-footer\">\r\n        <!-- *abpPermission=\"'CmsKit.GlobalResources.Update'\" -->\r\n        <abp-button type=\"submit\" [disabled]=\"form?.invalid\" (click)=\"save()\">\r\n          {{ 'AbpUi::Save' | abpLocalization }}\r\n        </abp-button>\r\n      </div>\r\n    </div>\r\n  </form>\r\n</abp-page>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: NgxValidateCoreModule }, { kind: "directive", type: i2$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i2$1.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "ngmodule", type: NgbNavModule }, { kind: "directive", type: i3.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { kind: "directive", type: i3.NgbNav, selector: "[ngbNav]", inputs: ["activeId", "animation", "destroyOnHide", "orientation", "roles", "keyboard"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { kind: "directive", type: i3.NgbNavItem, selector: "[ngbNavItem]", inputs: ["destroyOnHide", "disabled", "domId", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { kind: "directive", type: i3.NgbNavItemRole, selector: "[ngbNavItem]:not(ng-container)" }, { kind: "directive", type: i3.NgbNavLink, selector: "a[ngbNavLink]" }, { kind: "directive", type: i3.NgbNavLinkBase, selector: "[ngbNavLink]" }, { kind: "component", type: i3.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { kind: "component", type: CodeMirrorEditorComponent, selector: "abp-codemirror-editor" }, { kind: "component", type: PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "formName", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: GlobalResourcesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'abp-global-resources', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        NgxValidateCoreModule,
+                        NgbNavModule,
+                        CodeMirrorEditorComponent,
+                        LocalizationPipe,
+                        PageComponent,
+                        ButtonComponent,
+                    ], template: "<abp-page [title]=\"'CmsKit::GlobalResources' | abpLocalization\">\r\n  <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n    <div class=\"card\">\r\n      <div class=\"card-body\">\r\n        <ul\r\n          ngbNav\r\n          #nav=\"ngbNav\"\r\n          class=\"nav-tabs\"\r\n          [(activeId)]=\"activeTab\"\r\n          (activeIdChange)=\"onTabChange($event)\"\r\n        >\r\n          <li ngbNavItem=\"script\">\r\n            <a ngbNavLink>{{ 'CmsKit::Script' | abpLocalization }}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"mt-3\">\r\n                <abp-codemirror-editor formControlName=\"script\" />\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n          <li ngbNavItem=\"style\">\r\n            <a ngbNavLink>{{ 'CmsKit::Style' | abpLocalization }}</a>\r\n            <ng-template ngbNavContent>\r\n              <div class=\"mt-3\">\r\n                <abp-codemirror-editor formControlName=\"style\" />\r\n              </div>\r\n            </ng-template>\r\n          </li>\r\n        </ul>\r\n        <div class=\"mt-2 fade-in-top\" [ngbNavOutlet]=\"nav\"></div>\r\n      </div>\r\n      <div class=\"card-footer\">\r\n        <!-- *abpPermission=\"'CmsKit.GlobalResources.Update'\" -->\r\n        <abp-button type=\"submit\" [disabled]=\"form?.invalid\" (click)=\"save()\">\r\n          {{ 'AbpUi::Save' | abpLocalization }}\r\n        </abp-button>\r\n      </div>\r\n    </div>\r\n  </form>\r\n</abp-page>\r\n" }]
+        }] });
+
+const DEFAULT_COMMENT_ENTITY_ACTIONS = EntityAction.createMany([
+    {
+        text: 'CmsKit::Details',
+        action: data => {
+            const router = data.getInjected(Router);
+            router.navigate(['/cms/comments', data.record.id]);
+        },
+    },
+    {
+        text: 'CmsKit::Delete',
+        action: data => {
+            const commentEntityService = data.getInjected(CommentEntityService);
+            const list = data.getInjected((ListService));
+            commentEntityService.delete(data.record.id, list);
+        },
+        permission: 'CmsKit.Comments.Delete',
+    },
+    {
+        text: 'CmsKit::Approve',
+        action: data => {
+            const commentEntityService = data.getInjected(CommentEntityService);
+            const list = data.getInjected((ListService));
+            commentEntityService.updateApprovalStatus(data.record.id, true, list);
+        },
+        visible: data => {
+            const commentEntityService = data.getInjected(CommentEntityService);
+            return commentEntityService.requireApprovement && data.record.isApproved === false;
+        },
+    },
+    {
+        text: 'CmsKit::Disapproved',
+        action: data => {
+            const commentEntityService = data.getInjected(CommentEntityService);
+            const list = data.getInjected((ListService));
+            commentEntityService.updateApprovalStatus(data.record.id, false, list);
+        },
+        visible: data => {
+            const commentEntityService = data.getInjected(CommentEntityService);
+            return (commentEntityService.requireApprovement &&
+                (data.record.isApproved || data.record.isApproved === null));
+        },
+    },
+]);
+
+const DEFAULT_COMMENT_ENTITY_PROPS = EntityProp.createMany([
+    {
+        type: "string" /* ePropType.String */,
+        name: 'userName',
+        displayName: 'CmsKit::Username',
+        sortable: false,
+        columnWidth: 150,
+        valueResolver: data => {
+            const userName = data.record.author.userName;
+            return of(userName);
+        },
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'entityType',
+        displayName: 'CmsKit::EntityType',
+        sortable: false,
+        columnWidth: 200,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'url',
+        displayName: 'CmsKit::URL',
+        sortable: false,
+        valueResolver: data => {
+            const url = data.record.url;
+            if (url) {
+                return of(`<a href="${url}#comment-${data.record.id}" target="_blank"><i class="fa fa-location-arrow"></i></a>`);
+            }
+            return of('');
+        },
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'text',
+        displayName: 'CmsKit::Text',
+        sortable: false,
+        valueResolver: data => {
+            const text = data.record.text || '';
+            const maxChars = 64;
+            if (text.length > maxChars) {
+                return of(text.substring(0, maxChars) + '...');
+            }
+            return of(text);
+        },
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'isApproved',
+        displayName: 'CmsKit::ApproveState',
+        sortable: false,
+        columnWidth: 100,
+        columnVisible: getInjected => {
+            const commentEntityService = getInjected(CommentEntityService);
+            return commentEntityService.requireApprovement;
+        },
+        valueResolver: data => {
+            const isApproved = data.record.isApproved;
+            if (isApproved || isApproved === null) {
+                return of('<div class="text-success"><i class="fa fa-check" aria-hidden="true"></i></div>');
+            }
+            return of('<div class="text-danger"><i class="fa fa-times" aria-hidden="true"></i></div>');
+        },
+    },
+    {
+        type: "date" /* ePropType.Date */,
+        name: 'creationTime',
+        displayName: 'CmsKit::CreationTime',
+        sortable: true,
+        columnWidth: 200,
+    },
+]);
+
+const DEFAULT_TAG_ENTITY_ACTIONS = EntityAction.createMany([
+    {
+        text: 'AbpUi::Edit',
+        action: data => {
+            const component = data.getInjected(TagListComponent);
+            component.edit(data.record.id);
+        },
+        permission: 'CmsKit.Tags.Update',
+    },
+    {
+        text: 'AbpUi::Delete',
+        action: data => {
+            const component = data.getInjected(TagListComponent);
+            const { id, name } = data.record;
+            component.delete(id, name);
+        },
+        permission: 'CmsKit.Tags.Delete',
+    },
+]);
+
+const DEFAULT_TAG_ENTITY_PROPS = EntityProp.createMany([
+    {
+        type: "string" /* ePropType.String */,
+        name: 'entityType',
+        displayName: 'CmsKit::EntityType',
+        sortable: true,
+        columnWidth: 200,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'name',
+        displayName: 'CmsKit::Name',
+        sortable: true,
+        columnWidth: 250,
+    },
+]);
+
+const DEFAULT_TAG_TOOLBAR_ACTIONS = ToolbarAction.createMany([
+    {
+        text: 'CmsKit::NewTag',
+        action: data => {
+            const component = data.getInjected(TagListComponent);
+            component.add();
+        },
+        permission: 'CmsKit.Tags.Create',
+        icon: 'fa fa-plus',
+    },
+]);
+
+const DEFAULT_TAG_CREATE_FORM_PROPS = FormProp.createMany([
+    {
+        type: "enum" /* ePropType.Enum */,
+        name: 'entityType',
+        displayName: 'CmsKit::EntityType',
+        id: 'entityType',
+        validators: () => [Validators.required],
+        options: data => {
+            const tagService = data.getInjected(TagAdminService);
+            return tagService.getTagDefinitions().pipe(map((definitions) => definitions.map(def => ({
+                key: def.displayName || def.entityType || '',
+                value: def.entityType || '',
+            }))));
+        },
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'name',
+        displayName: 'CmsKit::Name',
+        id: 'name',
+        validators: () => [Validators.required],
+    },
+]);
+const DEFAULT_TAG_EDIT_FORM_PROPS = DEFAULT_TAG_CREATE_FORM_PROPS.filter(prop => prop.name !== 'entityType');
+
+const DEFAULT_PAGE_ENTITY_ACTIONS = EntityAction.createMany([
+    {
+        text: 'AbpUi::Edit',
+        action: data => {
+            const router = data.getInjected(Router);
+            router.navigate(['/cms/pages/update', data.record.id]);
+        },
+        permission: 'CmsKit.Pages.Update',
+    },
+    {
+        text: 'AbpUi::Delete',
+        action: data => {
+            const component = data.getInjected(PageListComponent);
+            component.delete(data.record.id);
+        },
+        permission: 'CmsKit.Pages.Delete',
+    },
+    {
+        text: 'CmsKit::SetAsHomePage',
+        action: data => {
+            const component = data.getInjected(PageListComponent);
+            const { id, isHomePage } = data.record;
+            component.setAsHomePage(id, isHomePage);
+        },
+        permission: 'CmsKit.Pages.SetAsHomePage',
+    },
+]);
+
+const DEFAULT_PAGE_ENTITY_PROPS = EntityProp.createMany([
+    {
+        type: "string" /* ePropType.String */,
+        name: 'title',
+        displayName: 'CmsKit::Title',
+        sortable: true,
+        columnWidth: 200,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'slug',
+        displayName: 'CmsKit::Slug',
+        sortable: true,
+        columnWidth: 200,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'status',
+        displayName: 'CmsKit::Status',
+        sortable: true,
+        columnWidth: 120,
+        valueResolver: data => {
+            const localization = data.getInjected(LocalizationService);
+            let result = '';
+            switch (data.record.status) {
+                case PageStatus.Draft:
+                    result = localization.instant('CmsKit::Enum:PageStatus:0');
+                    break;
+                case PageStatus.Publish:
+                    result = localization.instant('CmsKit::Enum:PageStatus:1');
+                    break;
+            }
+            return of(result);
+        },
+    },
+    {
+        type: "boolean" /* ePropType.Boolean */,
+        name: 'isHomePage',
+        displayName: 'CmsKit::IsHomePage',
+        sortable: true,
+        columnWidth: 120,
+    },
+    {
+        type: "date" /* ePropType.Date */,
+        name: 'creationTime',
+        displayName: 'AbpIdentity::CreationTime',
+        sortable: true,
+        columnWidth: 200,
+    },
+    {
+        type: "date" /* ePropType.Date */,
+        name: 'lastModificationTime',
+        displayName: 'AbpIdentity::LastModificationTime',
+        sortable: true,
+        columnWidth: 200,
+    },
+]);
+
+const DEFAULT_PAGE_TOOLBAR_ACTIONS = ToolbarAction.createMany([
+    {
+        text: 'CmsKit::NewPage',
+        action: data => {
+            const router = data.getInjected(Router);
+            router.navigate(['/cms/pages/create']);
+        },
+        permission: 'CmsKit.Pages.Create',
+        icon: 'fa fa-plus',
+    },
+]);
+
+const LAYOUT_CONSTANTS = {
+    Account: "account" /* eLayoutType.account */,
+    Public: 'public',
+    Empty: "empty" /* eLayoutType.empty */,
+    Application: "application" /* eLayoutType.application */,
+};
+
+const DEFAULT_PAGE_CREATE_FORM_PROPS = FormProp.createMany([
+    {
+        type: "string" /* ePropType.String */,
+        name: 'title',
+        displayName: 'CmsKit::Title',
+        id: 'title',
+        validators: () => [Validators.required],
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'slug',
+        displayName: 'CmsKit::Slug',
+        id: 'slug',
+        validators: () => [Validators.required],
+        tooltip: {
+            text: 'CmsKit::PageSlugInformation',
+        },
+    },
+    {
+        type: "enum" /* ePropType.Enum */,
+        name: 'layoutName',
+        displayName: 'CmsKit::SelectLayout',
+        id: 'layoutName',
+        options: () => of(Object.values(LAYOUT_CONSTANTS).map(layout => ({
+            key: layout,
+            value: layout.toUpperCase(),
+        }))),
+        validators: () => [Validators.required],
+    },
+    {
+        type: "enum" /* ePropType.Enum */,
+        name: 'status',
+        displayName: 'CmsKit::Status',
+        id: 'status',
+        options: () => of(pageStatusOptions),
+        validators: () => [Validators.required],
+    },
+]);
+const DEFAULT_PAGE_EDIT_FORM_PROPS = DEFAULT_PAGE_CREATE_FORM_PROPS;
+
+const DEFAULT_BLOG_ENTITY_ACTIONS = EntityAction.createMany([
+    {
+        text: 'CmsKit::Features',
+        action: data => {
+            const component = data.getInjected(BlogListComponent);
+            component.openFeatures(data.record.id);
+        },
+        permission: 'CmsKit.Blogs.Features',
+    },
+    {
+        text: 'AbpUi::Edit',
+        action: data => {
+            const component = data.getInjected(BlogListComponent);
+            component.edit(data.record.id);
+        },
+        permission: 'CmsKit.Blogs.Update',
+    },
+    {
+        text: 'AbpUi::Delete',
+        action: data => {
+            const component = data.getInjected(BlogListComponent);
+            component.delete(data.record.id, data.record.name);
+        },
+        permission: 'CmsKit.Blogs.Delete',
+    },
+]);
+
+const DEFAULT_BLOG_ENTITY_PROPS = EntityProp.createMany([
+    {
+        type: "string" /* ePropType.String */,
+        name: 'name',
+        displayName: 'CmsKit::Name',
+        sortable: true,
+        columnWidth: 250,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'slug',
+        displayName: 'CmsKit::Slug',
+        sortable: true,
+        columnWidth: 250,
+    },
+]);
+
+const DEFAULT_BLOG_TOOLBAR_ACTIONS = ToolbarAction.createMany([
+    {
+        text: 'CmsKit::NewBlog',
+        action: data => {
+            const component = data.getInjected(BlogListComponent);
+            component.add();
+        },
+        permission: 'CmsKit.Blogs.Create',
+        icon: 'fa fa-plus',
+    },
+]);
+
+const DEFAULT_BLOG_CREATE_FORM_PROPS = FormProp.createMany([
+    {
+        type: "string" /* ePropType.String */,
+        name: 'name',
+        displayName: 'CmsKit::Name',
+        id: 'name',
+        validators: () => [Validators.required],
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'slug',
+        displayName: 'CmsKit::Slug',
+        id: 'slug',
+        validators: () => [Validators.required],
+        tooltip: {
+            text: 'CmsKit::BlogSlugInformation',
+            // params: ['blogs'],
+        },
+    },
+]);
+const DEFAULT_BLOG_EDIT_FORM_PROPS = DEFAULT_BLOG_CREATE_FORM_PROPS;
+
+const DEFAULT_BLOG_POST_ENTITY_ACTIONS = EntityAction.createMany([
+    {
+        text: 'AbpUi::Edit',
+        action: data => {
+            const router = data.getInjected(Router);
+            router.navigate(['/cms/blog-posts/update', data.record.id]);
+        },
+        permission: 'CmsKit.BlogPosts.Update',
+    },
+    {
+        text: 'AbpUi::Delete',
+        action: data => {
+            const component = data.getInjected(BlogPostListComponent);
+            component.delete(data.record.id, data.record.title);
+        },
+        permission: 'CmsKit.BlogPosts.Delete',
+    },
+]);
+
+const DEFAULT_BLOG_POST_ENTITY_PROPS = EntityProp.createMany([
+    {
+        type: "string" /* ePropType.String */,
+        name: 'blogName',
+        displayName: 'CmsKit::Blog',
+        sortable: true,
+        columnWidth: 150,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'title',
+        displayName: 'CmsKit::Title',
+        sortable: true,
+        columnWidth: 200,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'slug',
+        displayName: 'CmsKit::Slug',
+        sortable: true,
+        columnWidth: 200,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'status',
+        displayName: 'CmsKit::Status',
+        sortable: true,
+        columnWidth: 120,
+        valueResolver: data => {
+            const localization = data.getInjected(LocalizationService);
+            let result = '';
+            switch (data.record.status) {
+                case BlogPostStatus.Draft:
+                    result = localization.instant('CmsKit::CmsKit.BlogPost.Status.0');
+                    break;
+                case BlogPostStatus.Published:
+                    result = localization.instant('CmsKit::CmsKit.BlogPost.Status.1');
+                    break;
+                case BlogPostStatus.WaitingForReview:
+                    result = localization.instant('CmsKit::CmsKit.BlogPost.Status.2');
+                    break;
+            }
+            return of(result);
+        },
+    },
+    {
+        type: "date" /* ePropType.Date */,
+        name: 'creationTime',
+        displayName: 'AbpIdentity::CreationTime',
+        sortable: true,
+        columnWidth: 200,
+    },
+    {
+        type: "date" /* ePropType.Date */,
+        name: 'lastModificationTime',
+        displayName: 'AbpIdentity::LastModificationTime',
+        sortable: true,
+        columnWidth: 200,
+    },
+]);
+
+const DEFAULT_BLOG_POST_TOOLBAR_ACTIONS = ToolbarAction.createMany([
+    {
+        text: 'CmsKit::NewBlogPost',
+        action: data => {
+            const router = data.getInjected(Router);
+            router.navigate(['/cms/blog-posts/create']);
+        },
+        permission: 'CmsKit.BlogPosts.Create',
+        icon: 'fa fa-plus',
+    },
+]);
+
+const DEFAULT_BLOG_POST_CREATE_FORM_PROPS = FormProp.createMany([
+    {
+        type: "enum" /* ePropType.Enum */,
+        name: 'blogId',
+        displayName: 'CmsKit::Blog',
+        id: 'blogId',
+        options: data => {
+            const blogService = data.getInjected(BlogAdminService);
+            return blogService.getList({ maxResultCount: 1000 }).pipe(map(result => result.items.map(blog => ({
+                key: blog.name || '',
+                value: blog.id || '',
+            }))));
+        },
+        validators: () => [Validators.required],
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'title',
+        displayName: 'CmsKit::Title',
+        id: 'title',
+        validators: () => [Validators.required],
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'slug',
+        displayName: 'CmsKit::Slug',
+        id: 'slug',
+        validators: () => [Validators.required],
+        tooltip: {
+            text: 'CmsKit::BlogPostSlugInformation',
+        },
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'shortDescription',
+        displayName: 'CmsKit::ShortDescription',
+        id: 'shortDescription',
+    },
+]);
+const DEFAULT_BLOG_POST_EDIT_FORM_PROPS = DEFAULT_BLOG_POST_CREATE_FORM_PROPS;
+
+const DEFAULT_MENU_ITEM_CREATE_FORM_PROPS = FormProp.createMany([
+    {
+        type: "string" /* ePropType.String */,
+        name: 'displayName',
+        displayName: 'CmsKit::DisplayName',
+        id: 'displayName',
+        validators: () => [Validators.required],
+    },
+    {
+        type: "boolean" /* ePropType.Boolean */,
+        name: 'isActive',
+        displayName: 'CmsKit::IsActive',
+        id: 'isActive',
+        defaultValue: true,
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'icon',
+        displayName: 'CmsKit::Icon',
+        id: 'icon',
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'target',
+        displayName: 'CmsKit::Target',
+        id: 'target',
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'elementId',
+        displayName: 'CmsKit::ElementId',
+        id: 'elementId',
+    },
+    {
+        type: "string" /* ePropType.String */,
+        name: 'cssClass',
+        displayName: 'CmsKit::CssClass',
+        id: 'cssClass',
+    },
+    {
+        type: "enum" /* ePropType.Enum */,
+        name: 'requiredPermissionName',
+        displayName: 'CmsKit::RequiredPermissionName',
+        id: 'requiredPermissionName',
+        options: data => {
+            const menuItemService = data.getInjected(MenuItemAdminService);
+            return menuItemService
+                .getPermissionLookup({
+                filter: '',
+            })
+                .pipe(map((result) => result.items.map(permission => ({
+                key: permission.displayName || permission.name || '',
+                value: permission.name || '',
+            }))));
+        },
+    },
+]);
+const DEFAULT_MENU_ITEM_EDIT_FORM_PROPS = DEFAULT_MENU_ITEM_CREATE_FORM_PROPS;
+
+const DEFAULT_MENU_ITEM_TOOLBAR_ACTIONS = ToolbarAction.createMany([
+    {
+        text: 'CmsKit::NewMenuItem',
+        action: data => {
+            const component = data.getInjected(MenuItemListComponent);
+            component.add();
+        },
+        permission: 'CmsKit.Menus.Create',
+        icon: 'fa fa-plus',
+    },
+]);
+
+const DEFAULT_CMS_KIT_ADMIN_ENTITY_ACTIONS = {
+    [eCmsKitAdminComponents.CommentList]: DEFAULT_COMMENT_ENTITY_ACTIONS,
+    [eCmsKitAdminComponents.CommentDetails]: DEFAULT_COMMENT_ENTITY_ACTIONS,
+    [eCmsKitAdminComponents.Tags]: DEFAULT_TAG_ENTITY_ACTIONS,
+    [eCmsKitAdminComponents.Pages]: DEFAULT_PAGE_ENTITY_ACTIONS,
+    [eCmsKitAdminComponents.Blogs]: DEFAULT_BLOG_ENTITY_ACTIONS,
+    [eCmsKitAdminComponents.BlogPosts]: DEFAULT_BLOG_POST_ENTITY_ACTIONS,
+};
+const DEFAULT_CMS_KIT_ADMIN_ENTITY_PROPS = {
+    [eCmsKitAdminComponents.CommentList]: DEFAULT_COMMENT_ENTITY_PROPS,
+    [eCmsKitAdminComponents.CommentDetails]: DEFAULT_COMMENT_ENTITY_PROPS,
+    [eCmsKitAdminComponents.Tags]: DEFAULT_TAG_ENTITY_PROPS,
+    [eCmsKitAdminComponents.Pages]: DEFAULT_PAGE_ENTITY_PROPS,
+    [eCmsKitAdminComponents.Blogs]: DEFAULT_BLOG_ENTITY_PROPS,
+    [eCmsKitAdminComponents.BlogPosts]: DEFAULT_BLOG_POST_ENTITY_PROPS,
+};
+const DEFAULT_CMS_KIT_ADMIN_TOOLBAR_ACTIONS = {
+    [eCmsKitAdminComponents.Tags]: DEFAULT_TAG_TOOLBAR_ACTIONS,
+    [eCmsKitAdminComponents.Pages]: DEFAULT_PAGE_TOOLBAR_ACTIONS,
+    [eCmsKitAdminComponents.Blogs]: DEFAULT_BLOG_TOOLBAR_ACTIONS,
+    [eCmsKitAdminComponents.BlogPosts]: DEFAULT_BLOG_POST_TOOLBAR_ACTIONS,
+    [eCmsKitAdminComponents.Menus]: DEFAULT_MENU_ITEM_TOOLBAR_ACTIONS,
+};
+const DEFAULT_CMS_KIT_ADMIN_CREATE_FORM_PROPS = {
+    [eCmsKitAdminComponents.Tags]: DEFAULT_TAG_CREATE_FORM_PROPS,
+    [eCmsKitAdminComponents.Pages]: DEFAULT_PAGE_CREATE_FORM_PROPS,
+    [eCmsKitAdminComponents.Blogs]: DEFAULT_BLOG_CREATE_FORM_PROPS,
+    [eCmsKitAdminComponents.PageForm]: DEFAULT_PAGE_CREATE_FORM_PROPS,
+    [eCmsKitAdminComponents.BlogPostForm]: DEFAULT_BLOG_POST_CREATE_FORM_PROPS,
+    [eCmsKitAdminComponents.Menus]: DEFAULT_MENU_ITEM_CREATE_FORM_PROPS,
+};
+const DEFAULT_CMS_KIT_ADMIN_EDIT_FORM_PROPS = {
+    [eCmsKitAdminComponents.Tags]: DEFAULT_TAG_EDIT_FORM_PROPS,
+    [eCmsKitAdminComponents.Pages]: DEFAULT_PAGE_EDIT_FORM_PROPS,
+    [eCmsKitAdminComponents.Blogs]: DEFAULT_BLOG_EDIT_FORM_PROPS,
+    [eCmsKitAdminComponents.PageForm]: DEFAULT_PAGE_EDIT_FORM_PROPS,
+    [eCmsKitAdminComponents.BlogPostForm]: DEFAULT_BLOG_POST_EDIT_FORM_PROPS,
+    [eCmsKitAdminComponents.Menus]: DEFAULT_MENU_ITEM_EDIT_FORM_PROPS,
+};
+const CMS_KIT_ADMIN_ENTITY_ACTION_CONTRIBUTORS = new InjectionToken('CMS_KIT_ADMIN_ENTITY_ACTION_CONTRIBUTORS');
+const CMS_KIT_ADMIN_ENTITY_PROP_CONTRIBUTORS = new InjectionToken('CMS_KIT_ADMIN_ENTITY_PROP_CONTRIBUTORS');
+const CMS_KIT_ADMIN_TOOLBAR_ACTION_CONTRIBUTORS = new InjectionToken('CMS_KIT_ADMIN_TOOLBAR_ACTION_CONTRIBUTORS');
+const CMS_KIT_ADMIN_CREATE_FORM_PROP_CONTRIBUTORS = new InjectionToken('CMS_KIT_ADMIN_CREATE_FORM_PROP_CONTRIBUTORS');
+const CMS_KIT_ADMIN_EDIT_FORM_PROP_CONTRIBUTORS = new InjectionToken('CMS_KIT_ADMIN_EDIT_FORM_PROP_CONTRIBUTORS');
+
+const cmsKitAdminExtensionsResolver = () => {
+    const injector = inject(Injector);
+    const extensions = inject(ExtensionsService);
+    const config = { optional: true };
+    const actionContributors = inject(CMS_KIT_ADMIN_ENTITY_ACTION_CONTRIBUTORS, config) || {};
+    const toolbarContributors = inject(CMS_KIT_ADMIN_TOOLBAR_ACTION_CONTRIBUTORS, config) || {};
+    const propContributors = inject(CMS_KIT_ADMIN_ENTITY_PROP_CONTRIBUTORS, config) || {};
+    const createFormContributors = inject(CMS_KIT_ADMIN_CREATE_FORM_PROP_CONTRIBUTORS, config) || {};
+    const editFormContributors = inject(CMS_KIT_ADMIN_EDIT_FORM_PROP_CONTRIBUTORS, config) || {};
+    return getObjectExtensionEntitiesFromStore(injector, 'CmsKit').pipe(map$1(entities => ({
+        [eCmsKitAdminComponents.CommentList]: entities.Comment,
+        [eCmsKitAdminComponents.CommentDetails]: entities.Comment,
+        [eCmsKitAdminComponents.Tags]: entities.Tag,
+        [eCmsKitAdminComponents.Pages]: entities.Page,
+        [eCmsKitAdminComponents.PageForm]: entities.Page,
+        [eCmsKitAdminComponents.Blogs]: entities.Blog,
+        [eCmsKitAdminComponents.BlogPosts]: entities.BlogPost,
+        [eCmsKitAdminComponents.BlogPostForm]: entities.BlogPost,
+        [eCmsKitAdminComponents.Menus]: entities.MenuItem,
+    })), mapEntitiesToContributors(injector, 'CmsKit'), tap$1(objectExtensionContributors => {
+        mergeWithDefaultActions(extensions.entityActions, DEFAULT_CMS_KIT_ADMIN_ENTITY_ACTIONS, actionContributors);
+        mergeWithDefaultActions(extensions.toolbarActions, DEFAULT_CMS_KIT_ADMIN_TOOLBAR_ACTIONS, toolbarContributors);
+        mergeWithDefaultProps(extensions.entityProps, DEFAULT_CMS_KIT_ADMIN_ENTITY_PROPS, objectExtensionContributors.prop, propContributors);
+        mergeWithDefaultProps(extensions.createFormProps, DEFAULT_CMS_KIT_ADMIN_CREATE_FORM_PROPS, objectExtensionContributors.createForm, createFormContributors);
+        mergeWithDefaultProps(extensions.editFormProps, DEFAULT_CMS_KIT_ADMIN_EDIT_FORM_PROPS, objectExtensionContributors.editForm, editFormContributors);
+    }));
+};
+
+function createRoutes(config = {}) {
+    return [
+        {
+            path: '',
+            component: RouterOutletComponent,
+            providers: provideCmsKitAdminContributors(config),
+            canActivate: [authGuard, permissionGuard],
+            children: [
+                {
+                    path: 'comments',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.Comments',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.CommentList,
+                            defaultComponent: CommentListComponent,
+                        },
+                    },
+                    title: 'CmsKit::Comments',
+                },
+                {
+                    path: 'comments/:id',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.Comments',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.CommentDetails,
+                            defaultComponent: CommentDetailsComponent,
+                        },
+                    },
+                    title: 'CmsKit::Comments',
+                },
+                {
+                    path: 'tags',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.Tags',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.Tags,
+                            defaultComponent: TagListComponent,
+                        },
+                    },
+                    title: 'CmsKit::Tags',
+                },
+                {
+                    path: 'pages',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.Pages',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.Pages,
+                            defaultComponent: PageListComponent,
+                        },
+                    },
+                    title: 'CmsKit::Pages',
+                },
+                {
+                    path: 'pages/create',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.Pages.Create',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.PageForm,
+                            defaultComponent: PageFormComponent,
+                        },
+                    },
+                    title: 'CmsKit::Pages',
+                },
+                {
+                    path: 'pages/update/:id',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.Pages.Update',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.PageForm,
+                            defaultComponent: PageFormComponent,
+                        },
+                    },
+                    title: 'CmsKit::Pages',
+                },
+                {
+                    path: 'blogs',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.Blogs',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.Blogs,
+                            defaultComponent: BlogListComponent,
+                        },
+                    },
+                    title: 'CmsKit::Blogs',
+                },
+                {
+                    path: 'blog-posts',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.BlogPosts',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.BlogPosts,
+                            defaultComponent: BlogPostListComponent,
+                        },
+                    },
+                    title: 'CmsKit::BlogPosts',
+                },
+                {
+                    path: 'blog-posts/create',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.BlogPosts.Create',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.BlogPostForm,
+                            defaultComponent: BlogPostFormComponent,
+                        },
+                    },
+                    title: 'CmsKit::BlogPosts',
+                },
+                {
+                    path: 'blog-posts/update/:id',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.BlogPosts.Update',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.BlogPostForm,
+                            defaultComponent: BlogPostFormComponent,
+                        },
+                    },
+                    title: 'CmsKit::BlogPosts',
+                },
+                {
+                    path: 'menus',
+                    component: ReplaceableRouteContainerComponent,
+                    resolve: {
+                        extensions: cmsKitAdminExtensionsResolver,
+                    },
+                    data: {
+                        requiredPolicy: 'CmsKit.Menus',
+                        replaceableComponent: {
+                            key: eCmsKitAdminComponents.Menus,
+                            defaultComponent: MenuItemListComponent,
+                        },
+                    },
+                    title: 'CmsKit::MenuItems',
+                },
+                {
+                    path: 'global-resources',
+                    component: GlobalResourcesComponent,
+                    data: {
+                        requiredPolicy: 'CmsKit.GlobalResources',
+                    },
+                    title: 'CmsKit::GlobalResources',
+                },
+            ],
+        },
+    ];
+}
+function provideCmsKitAdminContributors(options = {}) {
+    return [
+        {
+            provide: CMS_KIT_ADMIN_ENTITY_ACTION_CONTRIBUTORS,
+            useValue: options.entityActionContributors,
+        },
+        {
+            provide: CMS_KIT_ADMIN_ENTITY_PROP_CONTRIBUTORS,
+            useValue: options.entityPropContributors,
+        },
+        {
+            provide: CMS_KIT_ADMIN_TOOLBAR_ACTION_CONTRIBUTORS,
+            useValue: options.toolbarActionContributors,
+        },
+        {
+            provide: CMS_KIT_ADMIN_CREATE_FORM_PROP_CONTRIBUTORS,
+            useValue: options.createFormPropContributors,
+        },
+        {
+            provide: CMS_KIT_ADMIN_EDIT_FORM_PROP_CONTRIBUTORS,
+            useValue: options.editFormPropContributors,
+        },
+    ];
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BlogFeaturesModalComponent, BlogListComponent, BlogModalComponent, BlogPostFormComponent, BlogPostListComponent, CMS_KIT_ADMIN_CREATE_FORM_PROP_CONTRIBUTORS, CMS_KIT_ADMIN_EDIT_FORM_PROP_CONTRIBUTORS, CMS_KIT_ADMIN_ENTITY_ACTION_CONTRIBUTORS, CMS_KIT_ADMIN_ENTITY_PROP_CONTRIBUTORS, CMS_KIT_ADMIN_TOOLBAR_ACTION_CONTRIBUTORS, CMS_KIT_COMMENTS_REQUIRE_APPROVEMENT, CmsSettingsComponent, CommentDetailsComponent, CommentListComponent, DEFAULT_BLOG_CREATE_FORM_PROPS, DEFAULT_BLOG_EDIT_FORM_PROPS, DEFAULT_BLOG_ENTITY_ACTIONS, DEFAULT_BLOG_ENTITY_PROPS, DEFAULT_BLOG_POST_CREATE_FORM_PROPS, DEFAULT_BLOG_POST_EDIT_FORM_PROPS, DEFAULT_BLOG_POST_ENTITY_ACTIONS, DEFAULT_BLOG_POST_ENTITY_PROPS, DEFAULT_BLOG_POST_TOOLBAR_ACTIONS, DEFAULT_BLOG_TOOLBAR_ACTIONS, DEFAULT_CMS_KIT_ADMIN_CREATE_FORM_PROPS, DEFAULT_CMS_KIT_ADMIN_EDIT_FORM_PROPS, DEFAULT_CMS_KIT_ADMIN_ENTITY_ACTIONS, DEFAULT_CMS_KIT_ADMIN_ENTITY_PROPS, DEFAULT_CMS_KIT_ADMIN_TOOLBAR_ACTIONS, DEFAULT_COMMENT_ENTITY_ACTIONS, DEFAULT_COMMENT_ENTITY_PROPS, DEFAULT_MENU_ITEM_CREATE_FORM_PROPS, DEFAULT_MENU_ITEM_EDIT_FORM_PROPS, DEFAULT_MENU_ITEM_TOOLBAR_ACTIONS, DEFAULT_PAGE_CREATE_FORM_PROPS, DEFAULT_PAGE_EDIT_FORM_PROPS, DEFAULT_PAGE_ENTITY_ACTIONS, DEFAULT_PAGE_ENTITY_PROPS, DEFAULT_PAGE_TOOLBAR_ACTIONS, DEFAULT_TAG_CREATE_FORM_PROPS, DEFAULT_TAG_EDIT_FORM_PROPS, DEFAULT_TAG_ENTITY_ACTIONS, DEFAULT_TAG_ENTITY_PROPS, DEFAULT_TAG_TOOLBAR_ACTIONS, GlobalResourcesComponent, LAYOUT_CONSTANTS, MenuItemListComponent, MenuItemModalComponent, PageFormComponent, PageListComponent, TagListComponent, TagModalComponent, cmsKitAdminExtensionsResolver, createRoutes, eCmsKitAdminComponents };
+//# sourceMappingURL=abp-ng.cms-kit-admin.mjs.map