@candy-kingdom/bonnie-cms 0.1.3

package/lib/generated/index.d.ts

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

package/lib/generated/localized-text-setting-data.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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 { TextSettingType } from "./text-setting-type";
+import { LocalizedString } from "@candy-kingdom/bonnie";
+export interface LocalizedTextSettingData extends SettingData {
+    text: LocalizedString;
+    textType: TextSettingType;
+}

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

@@ -0,0 +1,8 @@
+/**
+ * This is a TypeGen auto-generated file.
+ * Any changes made to this file can be lost when this file is regenerated.
+ */
+export interface SettingBase {
+    id: string;
+    title: string;
+}

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

@@ -0,0 +1,8 @@
+/**
+ * This is a TypeGen auto-generated file.
+ * Any changes made to this file can be lost when this file is regenerated.
+ */
+export interface SettingData {
+    type: string;
+    empty: SettingData;
+}

package/lib/generated/setting-group.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 { Setting } from "./setting";
+export interface SettingGroup {
+    id: string;
+    title: string;
+    records: Setting<any>[];
+}

package/lib/generated/setting.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 { SettingBase } from "./setting-base";
+export interface Setting<T extends SettingData> extends SettingBase {
+    data: T;
+}

package/lib/generated/text-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 { TextSettingType } from "./text-setting-type";
+export interface TextSettingData extends SettingData {
+    text: string;
+    textType: TextSettingType;
+}

package/lib/generated/text-setting-type.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This is a TypeGen auto-generated file.
+ * Any changes made to this file can be lost when this file is regenerated.
+ */
+export declare enum TextSettingType {
+    SingleLine = 0,
+    MultiLine = 1
+}

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

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

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

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

package/lib/seo-form/index.d.ts

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

package/lib/seo-form/seo-form.component.d.ts

@@ -0,0 +1,18 @@
+import { OnInit } from '@angular/core';
+import { OpenGraphData } from '@candy-kingdom/bonnie';
+import { FormBaseComponent } from '../core-components';
+import * as i0 from "@angular/core";
+import * as i1 from "../core-components/editable.directive";
+export declare class SeoFormComponent extends FormBaseComponent<OpenGraphData> implements OnInit {
+    private _pageId;
+    ogImageUploadUrl: string;
+    label: string;
+    ngOnInit(): void;
+    set pageId(value: string);
+    get pageId(): string;
+    ResToSrc(res: {
+        url: string;
+    }): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SeoFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeoFormComponent, "bonc-seo-form", never, { "label": { "alias": "label"; "required": false; }; "pageId": { "alias": "pageId"; "required": false; }; }, {}, never, never, false, [{ directive: typeof i1.EditableDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/skeleton-editor/BoneEditorMap.d.ts

@@ -0,0 +1,3 @@
+import { Type } from '@angular/core';
+import { IBoneEditor } from './IBoneEditor';
+export type BoneEditorMap = ReadonlyMap<string, Type<IBoneEditor>>;

package/lib/skeleton-editor/ContentPreset.d.ts

@@ -0,0 +1,11 @@
+import { Bone } from '@candy-kingdom/bonnie';
+export interface ContentPreset<out TBone extends Bone> {
+    title: string;
+    isActive(data: TBone): boolean;
+    clean(data: TBone): void;
+    transformer(bone: TBone): void;
+}
+export declare function createPreset<TBone extends Bone>(params: {
+    title: string;
+    style: string;
+}): ContentPreset<TBone>;

package/lib/skeleton-editor/IBoneEditor.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '@angular/core';
+import { Bone } from '@candy-kingdom/bonnie';
+import { DeviceType } from '../core';
+import { ContentPreset } from './ContentPreset';
+export interface IBoneEditor<out TBone extends Bone = Bone> {
+    bone: TBone;
+    locale: string;
+    device: DeviceType;
+    readonly saved: EventEmitter<Bone>;
+    readonly removed: EventEmitter<void>;
+    readonly editing: EventEmitter<boolean>;
+    readonly isDirty: boolean;
+    readonly isEditing: boolean;
+    currentPreset?: ContentPreset<TBone>;
+    noPresets: boolean;
+    save(): void;
+    remove(): void;
+    resetData(): void;
+    startEditing(): void;
+    finishEditing(): void;
+    markAsDirty(): void;
+    updateDirty(): void;
+    nextPreset(): void;
+    onReset(): void;
+    onFinishEditing(): void;
+}

package/lib/skeleton-editor/IBoneTemplate.d.ts

@@ -0,0 +1,5 @@
+import { Bone } from '@candy-kingdom/bonnie';
+export interface IBoneTemplate {
+    readonly title: string;
+    readonly boneFactory: () => Bone;
+}

package/lib/skeleton-editor/bone-editor-container/bone-editor-container.component.d.ts

@@ -0,0 +1,32 @@
+import { ComponentFactoryResolver, EventEmitter, OnChanges } from '@angular/core';
+import { Bone } from '@candy-kingdom/bonnie';
+import { SkeletonEditorAnchorDirective } from '../skeleton-editor-anchor.directive';
+import { DeviceType } from '../../core';
+import { IBoneEditor } from '../IBoneEditor';
+import { BoneEditorMap } from '../BoneEditorMap';
+import * as i0 from "@angular/core";
+export declare class BoneEditorContainerComponent implements OnChanges {
+    private readonly componentFactoryResolver;
+    anchor: SkeletonEditorAnchorDirective;
+    removed: EventEmitter<void>;
+    saved: EventEmitter<Bone>;
+    editing: EventEmitter<boolean>;
+    DeviceType: typeof DeviceType;
+    editor: IBoneEditor;
+    themePopupIsShown: boolean;
+    private _bone;
+    private removeSubscription?;
+    private saveSubscription?;
+    private changedSubscription?;
+    locale: string;
+    device: DeviceType;
+    constructor(componentFactoryResolver: ComponentFactoryResolver);
+    ngOnChanges(): void;
+    map: BoneEditorMap;
+    get bone(): Bone;
+    set bone(newBone: Bone);
+    nextPreset: () => void;
+    get disabled(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BoneEditorContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BoneEditorContainerComponent, "bonc-bone-editor-container", never, { "locale": { "alias": "locale"; "required": true; }; "device": { "alias": "device"; "required": false; }; "map": { "alias": "map"; "required": true; }; "bone": { "alias": "bone"; "required": true; }; }, { "removed": "removed"; "saved": "saved"; "editing": "editing"; }, never, never, false, never>;
+}

package/lib/skeleton-editor/index.d.ts

@@ -0,0 +1,8 @@
+export * from './skeleton-editor-anchor.directive';
+export * from './skeleton-editor.component';
+export * from './BoneEditorMap';
+export * from './IBoneTemplate';
+export * from './IBoneEditor';
+export * from './ContentPreset';
+export * from './skeleton-editor.component';
+export * from './bone-editor-container/bone-editor-container.component';

package/lib/skeleton-editor/skeleton-editor-anchor.directive.d.ts

@@ -0,0 +1,8 @@
+import { ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SkeletonEditorAnchorDirective {
+    viewContainerRef: ViewContainerRef;
+    constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonEditorAnchorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkeletonEditorAnchorDirective, "[boncSkeletonEditorAnchor]", never, {}, {}, never, never, false, never>;
+}

package/lib/skeleton-editor/skeleton-editor.component.d.ts

@@ -0,0 +1,31 @@
+import { OnChanges, OnInit, QueryList } from '@angular/core';
+import { Bone } from '@candy-kingdom/bonnie';
+import { BoneEditorContainerComponent } from './bone-editor-container/bone-editor-container.component';
+import { EditableDirective } from '../core-components/editable.directive';
+import { DeviceType } from '../core';
+import { IBoneTemplate } from './IBoneTemplate';
+import { BoneEditorMap } from './BoneEditorMap';
+import * as i0 from "@angular/core";
+import * as i1 from "../core-components/editable.directive";
+export declare class SkeletonEditorComponent implements OnInit, OnChanges {
+    editable: EditableDirective<Bone[]>;
+    boneEditorContainerList: QueryList<BoneEditorContainerComponent>;
+    locale: string;
+    device: DeviceType;
+    readonly templatesAreShown: boolean[];
+    constructor(editable: EditableDirective<Bone[]>);
+    ngOnInit(): void;
+    map: BoneEditorMap;
+    ngOnChanges(): void;
+    templates: ReadonlyArray<IBoneTemplate>;
+    get bones(): Bone[];
+    boneEditHandler(isEditing: boolean): void;
+    boneChangeHandler(index: number, newBoneValue: Bone): void;
+    removeBone(boneIndex: number): void;
+    moveDown(boneIndex: number): void;
+    moveUp(boneIndex: number): void;
+    createBone(index: number, selectedTemplate: IBoneTemplate): void;
+    private swapBones;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonEditorComponent, [{ host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonEditorComponent, "bonc-skeleton-editor", never, { "locale": { "alias": "locale"; "required": true; }; "device": { "alias": "device"; "required": false; }; "map": { "alias": "map"; "required": true; }; "templates": { "alias": "templates"; "required": true; }; }, {}, never, never, false, [{ directive: typeof i1.EditableDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/text-form/TextInputStyle.d.ts

@@ -0,0 +1,5 @@
+export declare enum TextInputStyle {
+    NotSet = 0,
+    SingleLine = 1,
+    MultiLine = 2
+}

package/lib/text-form/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextInputStyle';
+export * from './text-form.component';

package/lib/text-form/text-form.component.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+import { TextInputStyle } from './TextInputStyle';
+import { FormBaseComponent } from '../core-components/form-base.component';
+import * as i0 from "@angular/core";
+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: {}; }]>;
+}

package/lib/translation-form/index.d.ts

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

package/lib/translation-form/translation-form.component.d.ts

@@ -0,0 +1,14 @@
+import { OnInit } from '@angular/core';
+import { LocalizedString } from '@candy-kingdom/bonnie';
+import { FormBaseComponent } from '../core-components';
+import { TextEditorField } from '../core';
+import * as i0 from "@angular/core";
+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: {}; }]>;
+}

package/lib/translation-input/index.d.ts

@@ -0,0 +1 @@
+export * from './translation-input.component';

package/lib/translation-input/translation-input.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import { DeviceType } from '../core';
+import { LocalizedString } from '@candy-kingdom/bonnie';
+import * as i0 from "@angular/core";
+export declare class TranslationInputComponent {
+    text: LocalizedString;
+    locale: string;
+    device: DeviceType;
+    startEditing: EventEmitter<void>;
+    changed: EventEmitter<void>;
+    blurred: EventEmitter<void>;
+    onClick(): void;
+    onKeyPress(): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationInputComponent, "bonc-translation-input", never, { "text": { "alias": "text"; "required": true; }; "locale": { "alias": "locale"; "required": true; }; "device": { "alias": "device"; "required": false; }; }, { "startEditing": "startEditing"; "changed": "changed"; "blurred": "blurred"; }, never, never, false, never>;
+}

package/lib/translation-textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './translation-textarea.component';

package/lib/translation-textarea/translation-textarea.component.d.ts

@@ -0,0 +1,26 @@
+import { AfterViewInit, EventEmitter, NgZone, OnChanges, QueryList } from '@angular/core';
+import { CdkTextareaAutosize } from '@angular/cdk/text-field';
+import { LocalizedString } from '@candy-kingdom/bonnie';
+import { DeviceType } from '../core';
+import * as i0 from "@angular/core";
+export declare class TranslationTextareaComponent implements OnChanges, AfterViewInit {
+    private ngZone;
+    autosizeList: QueryList<CdkTextareaAutosize>;
+    minRows?: number;
+    maxRows?: number;
+    text: LocalizedString;
+    locale: string;
+    device: DeviceType;
+    startEditing: EventEmitter<void>;
+    changed: EventEmitter<void>;
+    blurred: EventEmitter<void>;
+    constructor(ngZone: NgZone);
+    ngAfterViewInit(): void;
+    ngOnChanges(): void;
+    onClick(): void;
+    onKeyPress(): void;
+    onBlur(): void;
+    private triggerResize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationTextareaComponent, "bonc-translation-textarea", never, { "minRows": { "alias": "minRows"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "text": { "alias": "text"; "required": true; }; "locale": { "alias": "locale"; "required": true; }; "device": { "alias": "device"; "required": false; }; }, { "startEditing": "startEditing"; "changed": "changed"; "blurred": "blurred"; }, never, never, false, never>;
+}

package/lib/unknown-form/index.d.ts

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

package/lib/unknown-form/unknown-form.component.d.ts

@@ -0,0 +1,9 @@
+import { OnInit } from '@angular/core';
+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>;
+}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@candy-kingdom/bonnie-cms",
+  "version": "0.1.3",
+  "peerDependencies": {
+    "@angular/common": "^17.0.0",
+    "@angular/core": "^17.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/candy-kingdom-bonnie-cms.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/candy-kingdom-bonnie-cms.mjs",
+      "esm": "./esm2022/candy-kingdom-bonnie-cms.mjs",
+      "default": "./fesm2022/candy-kingdom-bonnie-cms.mjs"
+    }
+  }
+}

package/styles/admin-styles.scss

@@ -0,0 +1,139 @@
+@import './admin-variables.scss';
+
+body {
+  font-family: $adminFont;
+  color: silver;
+  background-color: #222;
+}
+
+bonc-bone-editor-container .bar a,
+bonc-form-controls .controls a {
+  display: block;
+  padding: 8px;
+  color: #444;
+  user-select: none;
+  cursor: pointer;
+  text-align: right;
+
+  &:hover {
+    color: #666;
+    background-color: #333;
+  }
+
+  &:active {
+    color: #555;
+  }
+
+  &.save,
+  &.close,
+  &.preset {
+    flex: 1;
+  }
+
+  &.preset {
+    font-size: 11px;
+  }
+
+  &.save:hover {
+    color: $adminAccentColor;
+  }
+}
+
+bonc-form-controls {
+  h2 {
+    display: block;
+    margin-bottom: 0.5em;
+  }
+
+  label {
+    display: block;
+    margin-bottom: 0.3em;
+  }
+
+  .form-group+.form-group {
+    margin-top: 14px;
+  }
+}
+
+.page-editor {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: #222;
+  padding-top: 50px;
+  padding-bottom: 200px;
+
+  .form-item {
+    margin-bottom: 10px;
+  }
+
+  .page-title,
+  .seo,
+  .project-preview,
+  .project-title,
+  .address-form,
+  .email,
+  .phone,
+  .url,
+  .category-title {
+    width: 400px;
+  }
+
+  .social-links-form,
+  .subheader,
+  .action {
+    width: 500px;
+  }
+
+  .project-preview .form-group {
+    width: 200px;
+  }
+}
+
+a.delete-entity {
+  width: 200px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: $adminWarningColor;
+  color: white;
+  cursor: pointer;
+
+  user-select: none;
+
+  &:hover {
+    text-decoration: underline;
+    background-color: darken($adminWarningColor, 10%);
+
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.form-select {
+  @include form-select-basic;
+}
+
+.form-select-light {
+  @include form-select-basic;
+
+  color: #222;
+
+  option {
+    background-color: silver;
+
+    &:not(checked) {
+      color: #222;
+    }
+  }
+}
+
+bonc-editable-group>h2 {
+  color: silver;
+  margin-top: 1em;
+  margin-bottom: 0.5em;
+  margin-left: -11em;
+}