@newsletterstudio/umbraco 14.0.0-rc1

package/dist/core/components/ns-create-form/ns-create-form.element.d.ts

@@ -0,0 +1,28 @@
+import type { UUIInputElement } from '@umbraco-ui/uui-input';
+import './../ns-box/ns-box.element.js';
+import { UUIButtonState } from '@umbraco-ui/uui';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+export declare class NsCreateEvent extends Event {
+    name: string;
+    constructor(name: string);
+}
+/**
+* ns-create-form description
+* @element ns-create-form
+* @event NsCreateEvent#create - Fires a create event when submitted.
+*/
+export declare class NsCreateFormElement extends UmbLitElement {
+    heading?: string;
+    placeholder?: string;
+    cta?: string;
+    _input: UUIInputElement;
+    btnState: UUIButtonState;
+    onSubmit(e: SubmitEvent): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-create-form': NsCreateFormElement;
+    }
+}

package/dist/core/components/ns-create-form/stories/demo-ns-create-form.element.d.ts

@@ -0,0 +1,19 @@
+import type { NsCreateEvent } from './../ns-create-form.element.js';
+import type { NsCheckboxElement } from './../../ns-checkbox/ns-checkbox.element.js';
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+import './../../ns-checkbox/ns-checkbox.element.js';
+import './../ns-create-form.element.js';
+/**
+* demo-ns-create-form
+*/
+export declare class DemoNsCreateFormElement extends LitElement {
+    _checkbox: NsCheckboxElement;
+    onCreated(evt: NsCreateEvent): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'demo-ns-create-form': DemoNsCreateFormElement;
+    }
+}

package/dist/core/components/ns-css/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ns-variables.js';
+export * from './ns-select-style.js';
+export * from './ns-form-styles.js';
+export * from './ns-alert-styles.js';
+export * from './ns-transactional-indicator-styles.js';

package/dist/core/components/ns-css/ns-alert-styles.d.ts

@@ -0,0 +1 @@
+export declare const NsAlertStyles: import("lit").CSSResult;

package/dist/core/components/ns-css/ns-button-group-styles.d.ts

@@ -0,0 +1 @@
+export declare const NsButtonGroupStyle: import("lit").CSSResult;

package/dist/core/components/ns-css/ns-button-styles.d.ts

@@ -0,0 +1,2 @@
+export declare const NSButtonStyles: import("lit").CSSResult;
+export declare const NSButtonResetStyle: import("lit").CSSResult;

package/dist/core/components/ns-css/ns-form-styles.d.ts

@@ -0,0 +1 @@
+export declare const NsFormStyles: import("lit").CSSResult;

package/dist/core/components/ns-css/ns-select-style.d.ts

@@ -0,0 +1 @@
+export declare const NsSelectStyle: import("lit").CSSResult;

package/dist/core/components/ns-css/ns-transactional-indicator-styles.d.ts

@@ -0,0 +1 @@
+export declare const NsTransactionalIndicatorStyle: import("lit").CSSResult;

package/dist/core/components/ns-css/ns-variables.d.ts

@@ -0,0 +1,5 @@
+export declare const NS_COLOR_EMAIL_SENT: string;
+export declare const NS_COLOR_EMAIL_OPENED: string;
+export declare const NS_COLOR_EMAIL_CLICKED: string;
+export declare const NS_COLOR_EMAIL_ERROR: string;
+export declare const NS_COLOR_EMAIL_CTR: string;

package/dist/core/components/ns-days-picker/ns-days-picker.element.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+declare const NsDaysPickerElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-days-picker description
+* Provides a dropdown with a "number of days" picker, used e.g. for selecting log retaintion time.
+* @element ns-days-picker
+* @fires CustomEvent#change - Fires when the selected value changes
+*/
+export declare class NsDaysPickerElement extends NsDaysPickerElement_base {
+    #private;
+    value?: string;
+    selectedOption: string;
+    inputNumber?: HTMLInputElement;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsDaysPickerElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-days-picker': NsDaysPickerElement;
+    }
+}

package/dist/core/components/ns-email-address-collection/ns-email-address-collection.element.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+export type NsEmailAddress = {
+    email: string;
+    displayName: string;
+};
+declare const NsEmailAddressCollectionElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<NsEmailAddress[]>) & typeof LitElement;
+/**
+* ns-email-address-collection description
+* @element ns-email-address-collection
+*/
+export declare class NsEmailAddressCollectionElement extends NsEmailAddressCollectionElement_base {
+    #private;
+    static formAssociated: boolean;
+    validationPath: string;
+    _form: HTMLFormElement;
+    items: NsEmailAddress[];
+    getFormElement(): HTMLFormElement;
+    constructor();
+    connectedCallback(): void;
+    isFormValid(): boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsEmailAddressCollectionElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-email-address-collection': NsEmailAddressCollectionElement;
+    }
+}
+export interface NsEmailAddressCollectionChangedEventArgs {
+    value: NsEmailAddress[];
+}
+export declare class NsEmailAddressCollectionChangedEvent extends CustomEvent<NsEmailAddressCollectionChangedEventArgs> {
+    constructor(detail: NsEmailAddressCollectionChangedEventArgs);
+}

package/dist/core/components/ns-email-campaign-send/ns-email-campaign-send.element.d.ts

@@ -0,0 +1,30 @@
+import '../ns-recipient-list-picker/ns-recipient-list-picker.element.js';
+import { UmbValidationContext } from '@umbraco-cms/backoffice/validation';
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+import type { CampaignSendingValidationResultFrontendModel } from '@newsletterstudio/umbraco/backend';
+type SendType = 'now' | 'schedule';
+declare const NsEmailCampaignSendElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-email-campaign-send description
+* @element ns-email-campaign-send
+*/
+export declare class NsEmailCampaignSendElement extends NsEmailCampaignSendElement_base {
+    #private;
+    readonly validationCtx: UmbValidationContext;
+    workspaceKey: string;
+    sendType?: SendType;
+    recipients?: string[];
+    scheduledDate?: string | undefined | null;
+    validation?: CampaignSendingValidationResultFrontendModel;
+    constructor();
+    destroy(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    renderSending(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsEmailCampaignSendElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-email-campaign-send': NsEmailCampaignSendElement;
+    }
+}

package/dist/core/components/ns-email-editor/actions/ns-email-editor-action-icon.element.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+export type NsEmailEditorActionIcon = "drag" | "duplicate" | "remove";
+declare const NsEmailEditorActionIconElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-email-editor-action-icon description
+* @element ns-email-editor-action-icon
+* @fires CustomEvent#change - lorem ipsum
+* @cssprop --ns-foo-bar - Color of lorem
+*/
+export declare class NsEmailEditorActionIconElement extends NsEmailEditorActionIconElement_base {
+    #private;
+    /**
+    * Description
+    */
+    icon?: NsEmailEditorActionIcon;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsEmailEditorActionIconElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-email-editor-action-icon': NsEmailEditorActionIconElement;
+    }
+}

package/dist/core/components/ns-email-editor/controls/create-control-editor-element.d.ts

@@ -0,0 +1,29 @@
+import type { ManifestEmailControlDisplayUi, NsEmailEditorControlDisplayUiBase, NsEmailEditorControlModelBase } from "@newsletterstudio/umbraco/extensibility";
+import type { ClassConstructor } from "@umbraco-cms/backoffice/extension-api";
+/**
+ * Utility to help email editor render controls without flickering.
+ * Provide a way to get cached element constructors from the Umbraco extension library,
+ * by having cached versions we avoid getting the elements asyncronously which prevents the
+ * flickering in the UI.
+ */
+declare class NsControlDisplayElementFactory {
+    /** Caches manifest for each control type alias */
+    cacheManifests: Record<string, ManifestEmailControlDisplayUi>;
+    /** Caches element ctor for each control type alias */
+    cacheElements: Record<string, ClassConstructor<any>>;
+    /** Indicates if there is a resolved instance of the element,
+     * if yes we can create it synchronously.
+     * otherwise we need to call the async method and wait for promise.
+     * */
+    hasResolved(controlTypeAlias: string): boolean;
+    /**
+     * Creates a new element from cache, this will only work if there is resovled element to mount.
+     * @param controlTypeAlias
+     * @returns
+     */
+    createControlElementFromCache(controlTypeAlias: string): NsEmailEditorControlDisplayUiBase<NsEmailEditorControlModelBase>;
+    createAndCacheControlElement(controlTypeAlias: string): Promise<NsEmailEditorControlDisplayUiBase<NsEmailEditorControlModelBase>>;
+    getManifestFromExtensionRegistry(controlTypeAlias: string): ManifestEmailControlDisplayUi;
+}
+export declare const controlDisplayFactory: NsControlDisplayElementFactory;
+export {};

package/dist/core/components/ns-email-editor/controls/ns-email-editor-control-display-ui.element.d.ts

@@ -0,0 +1,28 @@
+import type { NsEmailEditorControl, NsEmailEditorControlDisplayUiBase, NsEmailEditorControlModelBase } from '@newsletterstudio/umbraco/extensibility';
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+declare const NsEmailEditorControlDisplayUiElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-email-editor-control-ui description
+* @element ns-email-editor-control-ui
+* @cssprop --ns-foo-bar - Color of lorem
+*/
+export declare class NsEmailEditorControlDisplayUiElement extends NsEmailEditorControlDisplayUiElement_base {
+    #private;
+    control: NsEmailEditorControl;
+    _element?: NsEmailEditorControlDisplayUiBase<NsEmailEditorControlModelBase>;
+    _lastControlAlias?: string;
+    /**
+     *
+     */
+    constructor();
+    connectedCallback(): void;
+    protected updated(_changedProperties: Map<PropertyKey, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsEmailEditorControlDisplayUiElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-email-editor-control-display-ui': NsEmailEditorControlDisplayUiElement;
+    }
+}

package/dist/core/components/ns-email-editor/index.d.ts

@@ -0,0 +1 @@
+export * from './ns-email-editor.element.js';

package/dist/core/components/ns-email-editor/ns-email-editor-add-row.element.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+/**
+* ns-email-editor-add-row description
+* @element ns-email-editor-add-row
+* @fires CustomEvent#change - lorem ipsum
+* @cssprop --ns-foo-bar - Color of lorem
+*/
+type State = 'init' | 'pick';
+export declare class NsEmailEditorAddRowEvent extends CustomEvent<RowsToAdd> {
+    constructor(details: RowsToAdd);
+}
+type RowsToAdd = {
+    columns: number;
+};
+declare const NsEmailEditorAddRowElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+export declare class NsEmailEditorAddRowElement extends NsEmailEditorAddRowElement_base {
+    #private;
+    state: State;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsEmailEditorAddRowElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-email-editor-add-row': NsEmailEditorAddRowElement;
+    }
+}

package/dist/core/components/ns-email-editor/ns-email-editor-columns.element.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from "@newsletterstudio/umbraco/lit";
+import "./ns-email-editor-controls.element.js";
+import type { NsEmailEditorColumn, NsEmailEditorRow } from "@newsletterstudio/umbraco/extensibility";
+import type { BehaviorSubject } from "@umbraco-cms/backoffice/external/rxjs";
+declare const NsEmailEditorColumnsElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+ * ns-email-editor-column
+ */
+export declare class NsEmailEditorColumnsElement extends NsEmailEditorColumnsElement_base {
+    #private;
+    columns: BehaviorSubject<Array<NsEmailEditorColumn>>;
+    row: NsEmailEditorRow;
+    _columns?: NsEmailEditorColumn[];
+    _selectedRow?: NsEmailEditorRow | undefined;
+    dragging: boolean;
+    /**
+     *
+     */
+    constructor();
+    connectedCallback(): void;
+    /**
+     * Indicates if the parent row is selected
+     */
+    selected: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ns-email-editor-columns": NsEmailEditorColumnsElement;
+    }
+}
+export {};

package/dist/core/components/ns-email-editor/ns-email-editor-controls.element.d.ts

@@ -0,0 +1,32 @@
+import type { BehaviorSubject } from '@umbraco-cms/backoffice/external/rxjs';
+import './../drag/ns-drag-container.element.js';
+import './../drag/ns-drag-item.element.js';
+import '../../../modules/email-editor/controls/text/ns-email-editor-control-text-display.element.js';
+import './controls/ns-email-editor-control-display-ui.element.js';
+import './actions/ns-email-editor-action-icon.element.js';
+import type { NsEmailEditorColumn, NsEmailEditorControl } from '@newsletterstudio/umbraco/extensibility';
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+declare const NsEmailEditorControlsElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-email-editor-control
+*/
+export declare class NsEmailEditorControlsElement extends NsEmailEditorControlsElement_base {
+    #private;
+    controls?: BehaviorSubject<Array<NsEmailEditorControl>>;
+    column?: NsEmailEditorColumn;
+    _controls?: NsEmailEditorControl[];
+    selectedControl: NsEmailEditorControl | undefined;
+    /**
+     *
+     */
+    constructor();
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-email-editor-controls': NsEmailEditorControlsElement;
+    }
+}
+export {};

package/dist/core/components/ns-email-editor/ns-email-editor-rows.element.d.ts

@@ -0,0 +1,31 @@
+import "./ns-email-editor-columns.element.js";
+import { LitElement, nothing } from "@newsletterstudio/umbraco/lit";
+import { type NsEmailEditorRow } from "@newsletterstudio/umbraco/extensibility";
+import type { LitSortableOptions } from "../drag/lit-sortable.js";
+declare const NsEmailEditorRowsElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+ * ns-email-editor-row
+ */
+export declare class NsEmailEditorRowsElement extends NsEmailEditorRowsElement_base {
+    #private;
+    rows?: NsEmailEditorRow[];
+    dragging: boolean;
+    /** Indicates if something is beeing dragged (does not have to be this row) */
+    draggingSomething: boolean;
+    _selectedRow: NsEmailEditorRow | undefined;
+    dragOptions: LitSortableOptions;
+    /**
+     *
+     */
+    constructor();
+    connectedCallback(): void;
+    protected updated(_changedProperties: Map<PropertyKey, unknown>): void;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ns-email-editor-rows": NsEmailEditorRowsElement;
+    }
+}
+export {};

package/dist/core/components/ns-email-editor/ns-email-editor.controller.d.ts

@@ -0,0 +1,8 @@
+import type { ReactiveController } from "lit";
+import type { NsEmailEditorElement } from './ns-email-editor.element.js';
+export declare class NsEmailEditorController implements ReactiveController {
+    host: NsEmailEditorElement;
+    constructor(host: NsEmailEditorElement);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/dist/core/components/ns-email-editor/ns-email-editor.element.d.ts

@@ -0,0 +1,32 @@
+import './ns-email-editor-rows.element.js';
+import './../drag/ns-drag-container.element.js';
+import './../drag/ns-drag-item.element.js';
+import './../ns-auto-scroll/ns-auto-scroll.element.js';
+import './sidebar/ns-email-editor-sidebar.element.js';
+import './ns-email-editor-add-row.element.js';
+import type { Observable } from '@umbraco-cms/backoffice/observable-api';
+import { LitElement, nothing } from '@newsletterstudio/umbraco/lit';
+import type { NsEmailEditorModel, NsEmailEditorRow } from '@newsletterstudio/umbraco/extensibility';
+declare const NsEmailEditorElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+ * ns-email-editor
+ */
+export declare class NsEmailEditorElement extends NsEmailEditorElement_base {
+    #private;
+    model?: NsEmailEditorModel;
+    _rows?: NsEmailEditorRow[];
+    _rowsObservable?: Observable<NsEmailEditorRow[]>;
+    /**
+     *
+     */
+    constructor();
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-email-editor': NsEmailEditorElement;
+    }
+}
+export {};