@dignite/ng.site 2.1.0 → 2.2.0

package/fesm2022/{dignite-ng.site-dignite-ng.site-BMcNABSG.mjs → dignite-ng.site-dignite-ng.site-CJVw2UzZ.mjs}

@@ -58,6 +58,9 @@ var eSitePolicyNames;
     eSitePolicyNames["Languages"] = "SiteAdmin.Languages";
     /** Setting them: the default language is the one without a URL prefix, so this moves the address of pages. */
     eSitePolicyNames["LanguagesUpdate"] = "SiteAdmin.Languages.Update";
+    eSitePolicyNames["Seo"] = "SiteAdmin.Seo";
+    /** Setting the default share image: the one a page without a share image of its own is shared with. */
+    eSitePolicyNames["SeoUpdate"] = "SiteAdmin.Seo.Update";
 })(eSitePolicyNames || (eSitePolicyNames = {}));
 
 class ContentTypeAdminService {
@@ -511,7 +514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.2", ngImpor
                 }]
         }] });
 
-var index$k = /*#__PURE__*/Object.freeze({
+var index$l = /*#__PURE__*/Object.freeze({
     __proto__: null,
     DirectoryAdminService: DirectoryAdminService,
     FileAdminService: FileAdminService
@@ -1603,6 +1606,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.2", ngImpor
             args: [{ selector: 'site-seo-config', changeDetection: ChangeDetectionStrategy.Eager, imports: [CoreModule, ReactiveFormsModule], template: "<form [formGroup]=\"formEntity\">\n  <div formGroupName=\"configuration\">\n    <div class=\"mb-3\">\n      <label class=\"form-label\">{{ 'FlexFieldsSite::Seo:MetaTitleCharLimit' | abpLocalization }}</label>\n      <input type=\"number\" class=\"form-control\" formControlName=\"Seo.MetaTitleCharLimit\" min=\"1\" />\n    </div>\n    <div class=\"mb-3\">\n      <label class=\"form-label\">{{ 'FlexFieldsSite::Seo:MetaDescriptionCharLimit' | abpLocalization }}</label>\n      <input\n        type=\"number\"\n        class=\"form-control\"\n        formControlName=\"Seo.MetaDescriptionCharLimit\"\n        min=\"1\"\n      />\n    </div>\n    <div class=\"alert alert-light border py-2 mb-0\">\n      <small class=\"text-muted\">{{ 'FlexFieldsSite::Seo:CharLimitAdvisoryHint' | abpLocalization }}</small>\n    </div>\n  </div>\n</form>\n" }]
         }] });
 
+/**
+ * How wide a title or a description is in a search result, in columns: a Chinese, Japanese or Korean character
+ * takes two, any other one. A result is limited by width, not by characters, and the SEO field's limits are in
+ * columns. The same rule as `SeoTextWidth` on the server.
+ */
+function seoTextColumns(text) {
+    let columns = 0;
+    for (const character of text ?? '') {
+        columns += isWide(character.codePointAt(0) ?? 0) ? 2 : 1;
+    }
+    return columns;
+}
+function isWide(c) {
+    return ((c >= 0x1100 && c <= 0x115f) ||
+        (c >= 0x2e80 && c <= 0x303e) ||
+        (c >= 0x3041 && c <= 0x33ff) ||
+        (c >= 0x3400 && c <= 0x4dbf) ||
+        (c >= 0x4e00 && c <= 0x9fff) ||
+        (c >= 0xa000 && c <= 0xa4cf) ||
+        (c >= 0xac00 && c <= 0xd7a3) ||
+        (c >= 0xf900 && c <= 0xfaff) ||
+        (c >= 0xfe30 && c <= 0xfe4f) ||
+        (c >= 0xff00 && c <= 0xff60) ||
+        (c >= 0xffe0 && c <= 0xffe6) ||
+        (c >= 0x20000 && c <= 0x2fffd) ||
+        (c >= 0x30000 && c <= 0x3fffd));
+}
+
 /**
  * Where the share image is picked from and the size it is shared at (GitHub issue #72).
  *
@@ -1676,11 +1707,12 @@ class SeoControlComponent extends FieldTypeControlBase {
     removeOgImage() {
         this.setOgImage('');
     }
+    /** In columns, as the limits are: a Chinese, Japanese or Korean character takes two (seoTextColumns). */
     get metaTitleLength() {
-        return String(this.seoGroup?.get('metaTitle')?.value ?? '').length;
+        return seoTextColumns(String(this.seoGroup?.get('metaTitle')?.value ?? ''));
     }
     get metaDescriptionLength() {
-        return String(this.seoGroup?.get('metaDescription')?.value ?? '').length;
+        return seoTextColumns(String(this.seoGroup?.get('metaDescription')?.value ?? ''));
     }
     get metaTitleCharLimit() {
         return Number(this.fieldValue?.field.configuration['Seo.MetaTitleCharLimit'] ?? 60);
@@ -2080,7 +2112,7 @@ var FlexFieldValueType;
 })(FlexFieldValueType || (FlexFieldValueType = {}));
 const flexFieldValueTypeOptions = mapEnumToOptions(FlexFieldValueType);
 
-var index$j = /*#__PURE__*/Object.freeze({
+var index$k = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get FlexFieldQueryOperator () { return FlexFieldQueryOperator; },
     get FlexFieldValueType () { return FlexFieldValueType; },
@@ -2088,17 +2120,17 @@ var index$j = /*#__PURE__*/Object.freeze({
     flexFieldValueTypeOptions: flexFieldValueTypeOptions
 });
 
-var index$i = /*#__PURE__*/Object.freeze({
+var index$j = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    FlexFields: index$j
+    FlexFields: index$k
 });
 
-var index$h = /*#__PURE__*/Object.freeze({
+var index$i = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ContentTypeAdminService: ContentTypeAdminService
 });
 
-var index$g = /*#__PURE__*/Object.freeze({
+var index$h = /*#__PURE__*/Object.freeze({
     __proto__: null,
     ContentAdminService: ContentAdminService
 });
@@ -2155,7 +2187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.2", ngImpor
                 }]
         }] });
 
-var index$f = /*#__PURE__*/Object.freeze({
+var index$g = /*#__PURE__*/Object.freeze({
     __proto__: null,
     FieldAdminService: FieldAdminService
 });
@@ -2184,7 +2216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.2", ngImpor
                 }]
         }] });
 
-var index$e = /*#__PURE__*/Object.freeze({
+var index$f = /*#__PURE__*/Object.freeze({
     __proto__: null,
     SiteLanguageAdminService: SiteLanguageAdminService
 });
@@ -2232,7 +2264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.2", ngImpor
                 }]
         }] });
 
-var index$d = /*#__PURE__*/Object.freeze({
+var index$e = /*#__PURE__*/Object.freeze({
     __proto__: null,
     PageAdminService: PageAdminService
 });
@@ -2256,11 +2288,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.2", ngImpor
                 }]
         }] });
 
-var index$c = /*#__PURE__*/Object.freeze({
+var index$d = /*#__PURE__*/Object.freeze({
     __proto__: null,
     SiteSchemaAdminService: SiteSchemaAdminService
 });
 
+class SiteSeoSettingsAdminService {
+    constructor() {
+        this.restService = inject(RestService);
+        this.apiName = 'SiteAdmin';
+        this.get = (config) => this.restService.request({
+            method: 'GET',
+            headers: { Accept: 'application/json' },
+            url: '/api/site-admin/seo-settings',
+        }, { apiName: this.apiName, ...config });
+        this.update = (input, config) => this.restService.request({
+            method: 'PUT',
+            headers: { Accept: 'application/json' },
+            url: '/api/site-admin/seo-settings',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.2", ngImport: i0, type: SiteSeoSettingsAdminService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.2", ngImport: i0, type: SiteSeoSettingsAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.2", ngImport: i0, type: SiteSeoSettingsAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+var index$c = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    SiteSeoSettingsAdminService: SiteSeoSettingsAdminService
+});
+
 class SiteThemeAdminService {
     constructor() {
         this.restService = inject(RestService);
@@ -2364,22 +2427,75 @@ var SiteThemeUsageKindDto;
 })(SiteThemeUsageKindDto || (SiteThemeUsageKindDto = {}));
 const siteThemeUsageKindDtoOptions = mapEnumToOptions(SiteThemeUsageKindDto);
 
+class SiteThemeTransferAdminService {
+    constructor() {
+        this.restService = inject(RestService);
+        this.apiName = 'SiteAdmin';
+        this.createExportLink = (input, config) => this.restService.request({
+            method: 'POST',
+            headers: { Accept: 'application/json' },
+            url: '/api/site-admin/theme/export-links',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.createImportLink = (input, config) => this.restService.request({
+            method: 'POST',
+            headers: { Accept: 'application/json' },
+            url: '/api/site-admin/theme/import-links',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.downloadByTicket = (ticket, config) => this.restService.request({
+            method: 'GET',
+            responseType: 'blob',
+            headers: { Accept: 'application/octet-stream' },
+            url: `/api/site-admin/theme/download/${ticket}`,
+        }, { apiName: this.apiName, ...config });
+        this.export = (releaseId, config) => this.restService.request({
+            method: 'GET',
+            responseType: 'blob',
+            headers: { Accept: 'application/octet-stream' },
+            url: '/api/site-admin/theme/export',
+            params: { releaseId },
+        }, { apiName: this.apiName, ...config });
+        this.import = (input, config) => this.restService.request({
+            method: 'POST',
+            headers: { Accept: 'application/json' },
+            url: '/api/site-admin/theme/import',
+            body: input,
+        }, { apiName: this.apiName, ...config });
+        this.uploadByTicket = (ticket, config) => this.restService.request({
+            method: 'PUT',
+            headers: { Accept: 'application/json' },
+            url: `/api/site-admin/theme/upload/${ticket}`,
+        }, { apiName: this.apiName, ...config });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.2", ngImport: i0, type: SiteThemeTransferAdminService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.2", ngImport: i0, type: SiteThemeTransferAdminService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.2", ngImport: i0, type: SiteThemeTransferAdminService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 var index$b = /*#__PURE__*/Object.freeze({
     __proto__: null,
     SiteThemeAdminService: SiteThemeAdminService,
+    SiteThemeTransferAdminService: SiteThemeTransferAdminService,
     get SiteThemeUsageKindDto () { return SiteThemeUsageKindDto; },
     siteThemeUsageKindDtoOptions: siteThemeUsageKindDtoOptions
 });
 
 var index$a = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    ContentTypes: index$h,
-    Contents: index$g,
-    Fields: index$f,
-    Files: index$k,
-    Languages: index$e,
-    Pages: index$d,
-    Schema: index$c,
+    ContentTypes: index$i,
+    Contents: index$h,
+    Fields: index$g,
+    Files: index$l,
+    Languages: index$f,
+    Pages: index$e,
+    Schema: index$d,
+    Seo: index$c,
     Themes: index$b
 });
 
@@ -2445,7 +2561,7 @@ var index$4 = /*#__PURE__*/Object.freeze({
 
 var index$3 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    Abp: index$i,
+    Abp: index$j,
     Site: index$4
 });
 
@@ -2636,40 +2752,40 @@ const SITE_ROUTES = [
             },
             {
                 path: 'contents',
-                loadComponent: () => import('./dignite-ng.site-contents.component-Ch5GYIHE.mjs').then(c => c.ContentsComponent),
+                loadComponent: () => import('./dignite-ng.site-contents.component-ht0WYCSN.mjs').then(c => c.ContentsComponent),
                 data: { requiredPolicy: eSitePolicyNames.Contents },
             },
             {
                 // Editing a content is a page, not a dialog: the left half is a form as long as the content
                 // type defines, which a dialog could only scroll.
                 path: 'contents/create',
-                loadComponent: () => import('./dignite-ng.site-content-editor.component-DA6FaJSU.mjs').then(c => c.ContentEditorComponent),
+                loadComponent: () => import('./dignite-ng.site-content-editor.component-DJEBh1ok.mjs').then(c => c.ContentEditorComponent),
                 data: { requiredPolicy: eSitePolicyNames.ContentsCreate },
             },
             {
                 path: 'contents/:id/edit',
-                loadComponent: () => import('./dignite-ng.site-content-editor.component-DA6FaJSU.mjs').then(c => c.ContentEditorComponent),
+                loadComponent: () => import('./dignite-ng.site-content-editor.component-DJEBh1ok.mjs').then(c => c.ContentEditorComponent),
                 data: { requiredPolicy: eSitePolicyNames.ContentsUpdate },
             },
             {
                 path: 'pages',
-                loadComponent: () => import('./dignite-ng.site-pages.component-BwGyK7jw.mjs').then(c => c.PagesComponent),
+                loadComponent: () => import('./dignite-ng.site-pages.component-Dc3kz6EW.mjs').then(c => c.PagesComponent),
                 data: { requiredPolicy: eSitePolicyNames.Pages },
             },
             {
                 path: 'pages/:pageId/content-types',
-                loadComponent: () => import('./dignite-ng.site-content-types.component-Dnqe8A4t.mjs').then(c => c.ContentTypesComponent),
+                loadComponent: () => import('./dignite-ng.site-content-types.component-B3GpUeEa.mjs').then(c => c.ContentTypesComponent),
                 data: { requiredPolicy: eSitePolicyNames.ContentTypes },
             },
             {
                 path: 'fields',
-                loadComponent: () => import('./dignite-ng.site-fields.component-BaK27N9k.mjs').then(c => c.FieldsComponent),
+                loadComponent: () => import('./dignite-ng.site-fields.component-DpKMPRz3.mjs').then(c => c.FieldsComponent),
                 data: { requiredPolicy: eSitePolicyNames.Fields },
             },
             {
                 // The theme is edited on a page of its own: a file tree, a code editor and the check side by side.
                 path: 'theme',
-                loadComponent: () => import('./dignite-ng.site-theme-workbench.component-CA47DnTj.mjs').then(c => c.ThemeWorkbenchComponent),
+                loadComponent: () => import('./dignite-ng.site-theme-workbench.component-HoSTVRBM.mjs').then(c => c.ThemeWorkbenchComponent),
                 data: { requiredPolicy: eSitePolicyNames.Themes },
             },
         ],
@@ -2688,5 +2804,5 @@ const SITE_ROUTES = [
  * Generated bundle index. Do not edit.
  */
 
-export { isMyFilesNode as $, FilePickerComponent as A, FilePreviewComponent as B, ContentAdminService as C, FileUploadComponent as D, FileViewComponent as E, FlexFieldQueryOperator as F, FormatFileSizePipe as G, SEO_FIELD_TYPE as H, IMAGE_TYPE_OPTIONS as I, SEO_FIELD_TYPE_NAME as J, SITE_FILE_CONTAINER_NAMES as K, SITE_FILE_PATH as L, MY_FILES_NODE_KEY as M, SITE_IMAGES_CONTAINER_NAME as N, ObjectUrlService as O, PageAdminService as P, SITE_ROUTES as Q, SeoConfigComponent as R, SiteReferenceDataService as S, SeoConfiguration as T, SeoControlComponent as U, SeoViewComponent as V, SiteCKEditorUploadProvider as W, SiteFileUrlService as X, ValidatorsService as Y, index as Z, absoluteFileUrl as _, ContentQueryService as a, isSiteFileUrl as a0, relativeFileUrl as a1, siteCKEditorConfigContributor as a2, siteCKEditorDisplayContributor as a3, sizedFileUrl as a4, toContentListParams as a5, ContentListStateService as b, ContentTypeAdminService as c, ContentStatus as d, eSitePolicyNames as e, FlexFieldValueType as f, SiteThemeAdminService as g, SiteThemeFileStatus as h, FieldAdminService as i, SiteThemeIssueSeverity as j, SiteThemeUsageKindDto as k, CONTENT_FIELD_TYPE as l, CONTENT_FIELD_TYPE_NAME as m, ContentConfigComponent as n, ContentConfiguration as o, ContentControlComponent as p, ContentViewComponent as q, index$3 as r, FILE_FIELD_CONFIGURATION_NAMES as s, FILE_FIELD_TYPE as t, FILE_FIELD_TYPE_NAME as u, FileConfigComponent as v, FileControlComponent as w, FileDirectoryTreeComponent as x, FileFieldConfiguration as y, FileModalComponent as z };
-//# sourceMappingURL=dignite-ng.site-dignite-ng.site-BMcNABSG.mjs.map
+export { SiteFileUrlService as $, FileModalComponent as A, FilePickerComponent as B, ContentAdminService as C, FilePreviewComponent as D, FileUploadComponent as E, FlexFieldQueryOperator as F, FileViewComponent as G, FormatFileSizePipe as H, IMAGE_TYPE_OPTIONS as I, OG_IMAGE_HEIGHT as J, OG_IMAGE_WIDTH as K, ObjectUrlService as L, MY_FILES_NODE_KEY as M, SEO_FIELD_TYPE as N, OG_IMAGE_CONTAINER_NAME as O, PageAdminService as P, SEO_FIELD_TYPE_NAME as Q, SITE_FILE_CONTAINER_NAMES as R, SiteReferenceDataService as S, SITE_FILE_PATH as T, SITE_IMAGES_CONTAINER_NAME as U, SITE_ROUTES as V, SeoConfigComponent as W, SeoConfiguration as X, SeoControlComponent as Y, SeoViewComponent as Z, SiteCKEditorUploadProvider as _, ContentQueryService as a, ValidatorsService as a0, index as a1, absoluteFileUrl as a2, isMyFilesNode as a3, isSiteFileUrl as a4, relativeFileUrl as a5, siteCKEditorConfigContributor as a6, siteCKEditorDisplayContributor as a7, sizedFileUrl as a8, toContentListParams as a9, ContentListStateService as b, ContentTypeAdminService as c, ContentStatus as d, eSitePolicyNames as e, FlexFieldValueType as f, SiteThemeAdminService as g, SiteThemeFileStatus as h, FieldAdminService as i, SiteThemeTransferAdminService as j, SiteThemeIssueSeverity as k, SiteThemeUsageKindDto as l, CONTENT_FIELD_TYPE as m, CONTENT_FIELD_TYPE_NAME as n, ContentConfigComponent as o, ContentConfiguration as p, ContentControlComponent as q, ContentViewComponent as r, index$3 as s, FILE_FIELD_CONFIGURATION_NAMES as t, FILE_FIELD_TYPE as u, FILE_FIELD_TYPE_NAME as v, FileConfigComponent as w, FileControlComponent as x, FileDirectoryTreeComponent as y, FileFieldConfiguration as z };
+//# sourceMappingURL=dignite-ng.site-dignite-ng.site-CJVw2UzZ.mjs.map