@candy-kingdom/bonnie-cms 0.1.8 → 0.3.0

package/index.d.ts

@@ -1,14 +1,12 @@
 export * from './lib/generated';
 export * from './lib/core';
+export * from './lib/forms';
 export * from './lib/services';
 export * from './lib/core-components';
 export * from './lib/admin-controls';
 export * from './lib/form-controls';
+export * from './lib/file-uploader';
 export * from './lib/media-uploader';
-export * from './lib/text-form';
-export * from './lib/seo-form';
-export * from './lib/unknown-form';
-export * from './lib/translation-form';
 export * from './lib/translation-input';
 export * from './lib/translation-textarea';
 export * from './lib/skeleton-editor';

package/lib/bonnie-cms.module.d.ts

@@ -1,26 +1,31 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./translation-input/translation-input.component";
-import * as i2 from "./translation-textarea/translation-textarea.component";
-import * as i3 from "./admin-controls/admin-controls.component";
-import * as i4 from "./core-components/editable-group";
-import * as i5 from "./form-controls/form-controls.component";
-import * as i6 from "./translation-form/translation-form.component";
-import * as i7 from "./text-form/text-form.component";
-import * as i8 from "./seo-form/seo-form.component";
-import * as i9 from "./unknown-form/unknown-form.component";
-import * as i10 from "./skeleton-editor/skeleton-editor.component";
-import * as i11 from "./skeleton-editor/skeleton-editor-anchor.directive";
-import * as i12 from "./skeleton-editor/bone-editor-container/bone-editor-container.component";
-import * as i13 from "./bone-editors/unknown-bone-editor/unknown-bone-editor.component";
-import * as i14 from "./media-uploader/media-uploader.component";
-import * as i15 from "./core-components/link-popup/link-popup.component";
-import * as i16 from "@angular/common";
-import * as i17 from "@angular/forms";
-import * as i18 from "@angular/cdk/text-field";
-import * as i19 from "@candy-kingdom/bonnie";
-import * as i20 from "./core-components/editable.directive";
+import * as i1 from "./forms/translation-form/translation-form.component";
+import * as i2 from "./forms/text-form/text-form.component";
+import * as i3 from "./forms/seo-form/seo-form.component";
+import * as i4 from "./forms/svg-form/svg-form.component";
+import * as i5 from "./forms/file-form/file-form.component";
+import * as i6 from "./forms/lottie-form/lottie-form.component";
+import * as i7 from "./forms/unknown-form/unknown-form.component";
+import * as i8 from "./translation-input/translation-input.component";
+import * as i9 from "./translation-textarea/translation-textarea.component";
+import * as i10 from "./admin-controls/admin-controls.component";
+import * as i11 from "./core-components/editable-group";
+import * as i12 from "./form-controls/form-controls.component";
+import * as i13 from "./skeleton-editor/skeleton-editor.component";
+import * as i14 from "./skeleton-editor/skeleton-editor-anchor.directive";
+import * as i15 from "./skeleton-editor/bone-editor-container/bone-editor-container.component";
+import * as i16 from "./bone-editors/unknown-bone-editor/unknown-bone-editor.component";
+import * as i17 from "./media-uploader/media-uploader.component";
+import * as i18 from "./file-uploader/file-uploader.component";
+import * as i19 from "./core-components/link-popup/link-popup.component";
+import * as i20 from "@angular/common";
+import * as i21 from "@angular/forms";
+import * as i22 from "@angular/cdk/text-field";
+import * as i23 from "@candy-kingdom/bonnie";
+import * as i24 from "ngx-lottie";
+import * as i25 from "./core-components/editable.directive";
 export declare class BonnieCmsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BonnieCmsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BonnieCmsModule, [typeof i1.TranslationInputComponent, typeof i2.TranslationTextareaComponent, typeof i3.AdminControlsComponent, typeof i4.EditableGroupComponent, typeof i5.FormControlsComponent, typeof i6.TranslationFormComponent, typeof i7.TextFormComponent, typeof i8.SeoFormComponent, typeof i9.UnknownFormComponent, typeof i10.SkeletonEditorComponent, typeof i11.SkeletonEditorAnchorDirective, typeof i12.BoneEditorContainerComponent, typeof i13.UnknownBoneEditorComponent, typeof i14.MediaUploaderComponent, typeof i15.LinkPopupComponent], [typeof i16.CommonModule, typeof i17.FormsModule, typeof i18.CdkTextareaAutosize, typeof i19.BonnieModule, typeof i20.EditableDirective], [typeof i16.CommonModule, typeof i17.FormsModule, typeof i19.BonnieModule, typeof i1.TranslationInputComponent, typeof i2.TranslationTextareaComponent, typeof i3.AdminControlsComponent, typeof i4.EditableGroupComponent, typeof i5.FormControlsComponent, typeof i6.TranslationFormComponent, typeof i7.TextFormComponent, typeof i8.SeoFormComponent, typeof i9.UnknownFormComponent, typeof i10.SkeletonEditorComponent, typeof i11.SkeletonEditorAnchorDirective, typeof i12.BoneEditorContainerComponent, typeof i13.UnknownBoneEditorComponent, typeof i14.MediaUploaderComponent, typeof i15.LinkPopupComponent, typeof i20.EditableDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BonnieCmsModule, [typeof i1.TranslationFormComponent, typeof i2.TextFormComponent, typeof i3.SeoFormComponent, typeof i4.SvgFormComponent, typeof i5.FileFormComponent, typeof i6.LottieFormComponent, typeof i7.UnknownFormComponent, typeof i8.TranslationInputComponent, typeof i9.TranslationTextareaComponent, typeof i10.AdminControlsComponent, typeof i11.EditableGroupComponent, typeof i12.FormControlsComponent, typeof i13.SkeletonEditorComponent, typeof i14.SkeletonEditorAnchorDirective, typeof i15.BoneEditorContainerComponent, typeof i16.UnknownBoneEditorComponent, typeof i17.MediaUploaderComponent, typeof i18.FileUploaderComponent, typeof i19.LinkPopupComponent], [typeof i20.CommonModule, typeof i21.FormsModule, typeof i22.CdkTextareaAutosize, typeof i23.BonnieModule, typeof i24.LottieComponent, typeof i25.EditableDirective], [typeof i20.CommonModule, typeof i21.FormsModule, typeof i23.BonnieModule, typeof i6.LottieFormComponent, typeof i1.TranslationFormComponent, typeof i2.TextFormComponent, typeof i3.SeoFormComponent, typeof i4.SvgFormComponent, typeof i5.FileFormComponent, typeof i6.LottieFormComponent, typeof i7.UnknownFormComponent, typeof i8.TranslationInputComponent, typeof i9.TranslationTextareaComponent, typeof i10.AdminControlsComponent, typeof i11.EditableGroupComponent, typeof i12.FormControlsComponent, typeof i13.SkeletonEditorComponent, typeof i14.SkeletonEditorAnchorDirective, typeof i15.BoneEditorContainerComponent, typeof i16.UnknownBoneEditorComponent, typeof i17.MediaUploaderComponent, typeof i18.FileUploaderComponent, typeof i19.LinkPopupComponent, typeof i25.EditableDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BonnieCmsModule>;
 }

package/lib/core-components/form-base.component.d.ts

@@ -1,15 +1,13 @@
-import { HttpClient } from '@angular/common/http';
 import { EditableDirective } from './editable.directive';
 import * as i0 from "@angular/core";
 export declare abstract class FormBaseComponent<TData = unknown> {
-    editable: EditableDirective<TData>;
-    readonly http: HttpClient;
+    readonly editable: EditableDirective<TData>;
     static readonly inputs: string[];
     protected name: string;
     private _locale;
-    constructor(editable: EditableDirective<TData>, http: HttpClient);
+    constructor(editable: EditableDirective<TData>);
     set locale(value: string);
     get locale(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FormBaseComponent<any>, [{ host: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormBaseComponent<any>, [{ host: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormBaseComponent<any>, "ng-component", never, { "locale": { "alias": "locale"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/file-uploader/file-uploader.component.d.ts

@@ -0,0 +1,32 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
+import { HttpClient } from '@angular/common/http';
+import { FileMeta, FileSrc } from '@candy-kingdom/bonnie';
+import * as i0 from "@angular/core";
+export declare class FileUploaderComponent {
+    private sanitizer;
+    private http;
+    private readonly cd;
+    fileInput: ElementRef<HTMLInputElement>;
+    srcChange: EventEmitter<FileSrc<FileMeta>>;
+    uploadUrlMap: ReadonlyMap<string, string>;
+    progress: number;
+    isUploading: boolean;
+    autoplay: boolean;
+    clipStyle?: SafeStyle;
+    fileTypeMask?: string;
+    private _uploadTypes;
+    private _src?;
+    constructor(sanitizer: DomSanitizer, http: HttpClient, cd: ChangeDetectorRef);
+    set src(newSrc: FileSrc<FileMeta> | undefined);
+    get src(): FileSrc<FileMeta> | undefined;
+    set uploadTypes(newUploadType: string[]);
+    get uploadTypes(): string[];
+    onFileSelect(fileInput: HTMLInputElement): void;
+    selectFile(event: Event): void;
+    private getEventMessage;
+    private updateClip;
+    private handleError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploaderComponent, "bonc-file-uploader", never, { "uploadUrlMap": { "alias": "uploadUrlMap"; "required": true; }; "src": { "alias": "src"; "required": false; }; "uploadTypes": { "alias": "uploadTypes"; "required": false; }; }, { "srcChange": "srcChange"; }, never, ["*"], false, never>;
+}

package/lib/file-uploader/index.d.ts

@@ -0,0 +1 @@
+export * from './file-uploader.component';

package/lib/forms/file-form/file-form.component.d.ts

@@ -0,0 +1,14 @@
+import { OnInit } from '@angular/core';
+import { FormBaseComponent } from '../../core-components/form-base.component';
+import { FileMeta, FileSrc } from '@candy-kingdom/bonnie';
+import * as i0 from "@angular/core";
+import * as i1 from "../../core-components/editable.directive";
+export declare class FileFormComponent extends FormBaseComponent<FileSrc<FileMeta>> implements OnInit {
+    label: string;
+    ngOnInit(): void;
+    uploadTypes: string[];
+    uploadMap: Map<string, string>;
+    onFileUploaded(fileSrc: FileSrc<FileMeta>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileFormComponent, "bonc-file-form", never, { "label": { "alias": "label"; "required": false; }; "uploadTypes": { "alias": "uploadTypes"; "required": true; }; "uploadMap": { "alias": "uploadMap"; "required": true; }; }, {}, never, never, false, [{ directive: typeof i1.EditableDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/forms/file-form/index.d.ts

@@ -0,0 +1 @@
+export * from './file-form.component';

package/lib/forms/index.d.ts

@@ -0,0 +1,7 @@
+export * from './seo-form';
+export * from './svg-form';
+export * from './file-form';
+export * from './text-form';
+export * from './lottie-form';
+export * from './translation-form';
+export * from './unknown-form';

package/lib/forms/lottie-form/index.d.ts

@@ -0,0 +1 @@
+export * from './lottie-form.component';

package/lib/forms/lottie-form/lottie-form.component.d.ts

@@ -0,0 +1,16 @@
+import { OnInit } from '@angular/core';
+import { FileMeta, FileSrc } from '@candy-kingdom/bonnie';
+import { FormBaseComponent } from '../../core-components/form-base.component';
+import { AnimationOptions } from 'ngx-lottie';
+import * as i0 from "@angular/core";
+import * as i1 from "../../core-components/editable.directive";
+export declare class LottieFormComponent extends FormBaseComponent<FileSrc<FileMeta>> implements OnInit {
+    readonly LottieMimeType = "application/json";
+    animOptions?: AnimationOptions;
+    label: string;
+    ngOnInit(): void;
+    uploadMap: Map<string, string>;
+    onFileUploaded(fileSrc: FileSrc<FileMeta>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LottieFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LottieFormComponent, "bonc-lottie-form", never, { "label": { "alias": "label"; "required": false; }; "uploadMap": { "alias": "uploadMap"; "required": true; }; }, {}, never, never, false, [{ directive: typeof i1.EditableDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/{seo-form → forms/seo-form}/seo-form.component.d.ts

@@ -1,8 +1,8 @@
 import { OnInit } from '@angular/core';
 import { OpenGraphData } from '@candy-kingdom/bonnie';
-import { FormBaseComponent } from '../core-components';
+import { FormBaseComponent } from '../../core-components';
 import * as i0 from "@angular/core";
-import * as i1 from "../core-components/editable.directive";
+import * as i1 from "../../core-components/editable.directive";
 export declare class SeoFormComponent extends FormBaseComponent<OpenGraphData> implements OnInit {
     private _pageId;
     ogImageUploadUrl: string;

package/lib/forms/svg-form/index.d.ts

@@ -0,0 +1 @@
+export * from './svg-form.component';

package/lib/forms/svg-form/svg-form.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { FormBaseComponent } from '../../core-components/form-base.component';
+import { EditableDirective } from '../../core-components';
+import { FileMeta, FileSrc, SvgMeta } from '@candy-kingdom/bonnie';
+import * as i0 from "@angular/core";
+import * as i1 from "../../core-components/editable.directive";
+export declare class SvgFormComponent extends FormBaseComponent<FileSrc<SvgMeta>> implements OnInit {
+    private readonly cd;
+    readonly SvgMime = "image/svg+xml";
+    label: string;
+    uploadMap: Map<string, string>;
+    private _uploadUrl;
+    constructor(editable: EditableDirective<FileSrc<SvgMeta>>);
+    ngOnInit(): void;
+    set uploadUrl(newValue: string);
+    onFileUploaded(fileSrc: FileSrc<FileMeta>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SvgFormComponent, [{ host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SvgFormComponent, "bonc-svg-form", never, { "label": { "alias": "label"; "required": false; }; "uploadUrl": { "alias": "uploadUrl"; "required": false; }; }, {}, never, never, false, [{ directive: typeof i1.EditableDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/{text-form → forms/text-form}/text-form.component.d.ts

@@ -1,13 +1,13 @@
 import { OnInit } from '@angular/core';
 import { TextInputStyle } from './TextInputStyle';
-import { FormBaseComponent } from '../core-components/form-base.component';
+import { FormBaseComponent } from '../../core-components/form-base.component';
 import * as i0 from "@angular/core";
-import * as i1 from "../core-components/editable.directive";
+import * as i1 from "../../core-components/editable.directive";
 export declare class TextFormComponent extends FormBaseComponent<string> implements OnInit {
     readonly TextInputStyle: typeof TextInputStyle;
     label: string;
     type: TextInputStyle;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextFormComponent, "bonc-text-form", never, { "locale": { "alias": "locale"; "required": false; }; "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, [{ directive: typeof i1.EditableDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextFormComponent, "bonc-text-form", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, [{ directive: typeof i1.EditableDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/{translation-form → forms/translation-form}/translation-form.component.d.ts

@@ -1,14 +1,14 @@
 import { OnInit } from '@angular/core';
 import { LocalizedString } from '@candy-kingdom/bonnie';
-import { FormBaseComponent } from '../core-components';
-import { TextEditorField } from '../core';
+import { FormBaseComponent } from '../../core-components';
+import { TextEditorField } from '../../core';
 import * as i0 from "@angular/core";
-import * as i1 from "../core-components/editable.directive";
+import * as i1 from "../../core-components/editable.directive";
 export declare class TranslationFormComponent extends FormBaseComponent<LocalizedString> implements OnInit {
     readonly TextEditorField: typeof TextEditorField;
     field: TextEditorField;
     label?: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TranslationFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationFormComponent, "bonc-translation-form", never, { "locale": { "alias": "locale"; "required": false; }; "field": { "alias": "field"; "required": true; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, false, [{ directive: typeof i1.EditableDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationFormComponent, "bonc-translation-form", never, { "field": { "alias": "field"; "required": true; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, false, [{ directive: typeof i1.EditableDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/{unknown-form → forms/unknown-form}/unknown-form.component.d.ts

@@ -1,9 +1,9 @@
 import { OnInit } from '@angular/core';
-import { FormBaseComponent } from '../core-components/form-base.component';
+import { FormBaseComponent } from '../../core-components/form-base.component';
 import * as i0 from "@angular/core";
 export declare class UnknownFormComponent extends FormBaseComponent<string> implements OnInit {
     label: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UnknownFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UnknownFormComponent, "bonc-unknown-form", never, { "locale": { "alias": "locale"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UnknownFormComponent, "bonc-unknown-form", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/generated/file-setting-data.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This is a TypeGen auto-generated file.
+ * Any changes made to this file can be lost when this file is regenerated.
+ */
+import { SettingData } from "./setting-data";
+import { FileSrcFileMeta } from "@candy-kingdom/bonnie";
+export interface FileSettingData extends SettingData {
+    allowedMimeTypes: string[];
+    src: FileSrcFileMeta;
+}

package/lib/generated/i-setting.d.ts

@@ -4,5 +4,7 @@
  */
 import { SettingData } from "./setting-data";
 export interface ISetting<T extends SettingData> {
+    id: string;
+    title: string;
     data: T;
 }

package/lib/generated/index.d.ts

@@ -2,12 +2,15 @@
  * This is a TypeGen auto-generated file.
  * Any changes made to this file can be lost when this file is regenerated.
  */
+export * from './file-setting-data';
 export * from './i-equatable';
 export * from './i-setting';
 export * from './localized-text-setting-data';
+export * from './lottie-setting-data';
 export * from './setting-base';
 export * from './setting-data';
 export * from './setting-group';
 export * from './setting';
+export * from './svg-setting-data';
 export * from './text-setting-data';
 export * from './text-setting-type';

package/lib/generated/lottie-setting-data.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This is a TypeGen auto-generated file.
+ * Any changes made to this file can be lost when this file is regenerated.
+ */
+import { SettingData } from "./setting-data";
+import { FileSrcFileMeta } from "@candy-kingdom/bonnie";
+export interface LottieSettingData extends SettingData {
+    src: FileSrcFileMeta;
+}

package/lib/generated/svg-setting-data.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This is a TypeGen auto-generated file.
+ * Any changes made to this file can be lost when this file is regenerated.
+ */
+import { SettingData } from "./setting-data";
+import { FileSrcImageMeta } from "@candy-kingdom/bonnie";
+export interface SvgSettingData extends SettingData {
+    src: FileSrcImageMeta;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@candy-kingdom/bonnie-cms",
-  "version": "0.1.8",
+  "version": "0.3.0",
   "peerDependencies": {
     "@angular/common": "^17.0.0",
     "@angular/core": "^17.0.0"