@newsletterstudio/umbraco 14.0.0-rc1

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export * from './section.js';

package/dist/core/actions/components/ns-action-dropdown.element.d.ts

@@ -0,0 +1,30 @@
+import type { PermittedControllerType, UmbExtensionManifestInitializer } from '@umbraco-cms/backoffice/extension-api';
+import type { UUIPopoverContainerElement } from '@umbraco-ui/uui';
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+import type { ManifestNsAction } from '@newsletterstudio/umbraco/extensibility';
+declare const NsActionDropdownElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-action-dropdown description
+* @element ns-action-dropdown
+* @cssprop --ns-foo-bar - Color of lorem
+*/
+export declare class NsActionDropdownElement extends NsActionDropdownElement_base {
+    #private;
+    /**
+    * The entity type for which to list actions, eg. 'mailing-list', 'recipients' etc.
+    */
+    entityType?: string;
+    /** Any arguments to pass to the action */
+    args: any;
+    _popover?: UUIPopoverContainerElement;
+    connectedCallback(): void;
+    run(manifest: PermittedControllerType<UmbExtensionManifestInitializer<ManifestNsAction, any>>): Promise<void>;
+    render(): "" | import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsActionDropdownElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-action-dropdown': NsActionDropdownElement;
+    }
+}

package/dist/core/avatars/ns-avatar.context.d.ts

@@ -0,0 +1,14 @@
+import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+export declare const NS_AVATAR_CONTEXT: UmbContextToken<NsAvatarContext, NsAvatarContext>;
+export declare class NsAvatarContext extends UmbContextBase<NsAvatarContext> {
+    #private;
+    constructor(host: UmbControllerHost);
+    getAvatar(email?: string): Promise<NsAvatar>;
+    tryGetAvatarFromCache(email?: string): NsAvatar | undefined;
+}
+export type NsAvatar = {
+    email: string;
+    images?: string[];
+};

package/dist/core/components/drag/index.d.ts

@@ -0,0 +1,4 @@
+export * from './lit-sortable.js';
+export * from './ns-drag-container-controller.js';
+export * from './ns-drag-container.element.js';
+export * from './ns-drag-item.element.js';

package/dist/core/components/drag/lit-sortable.d.ts

@@ -0,0 +1,29 @@
+import Sortable from "sortablejs";
+/**
+ * Lit wrapper for SortableJS
+ * https://sortablejs.github.io/Sortable/
+ */
+export declare const LitSortable: {
+    create: typeof create;
+};
+declare function create(container: HTMLElement, options: Sortable.Options): Sortable;
+export declare class NsDropEvent extends CustomEvent<DropEventDetails> {
+    constructor(details: DropEventDetails);
+}
+export declare class NsStartDragEvent extends CustomEvent<unknown> {
+    constructor();
+}
+export interface DropEventDetails {
+    item: unknown;
+    fromIndex: number;
+    fromContainerId: string;
+    toContainerId: string;
+    toIndex: number;
+}
+export interface LitSortableOptions {
+    swapThreshold?: number;
+    sort?: boolean;
+    /** Element selector for draggable element(s) */
+    handle?: string;
+}
+export {};

package/dist/core/components/drag/ns-drag-container-controller.d.ts

@@ -0,0 +1,11 @@
+import type { ReactiveController } from '@newsletterstudio/umbraco/lit';
+import type Sortable from 'sortablejs';
+import type { NsDragContainerElement } from './ns-drag-container.element.js';
+export declare class NsDragContainerController implements ReactiveController {
+    host: NsDragContainerElement;
+    sortable: Sortable;
+    constructor(host: NsDragContainerElement);
+    hostConnected(): void;
+    hostUpdated(): void;
+    hostDisconnected(): void;
+}

package/dist/core/components/drag/ns-drag-container.element.d.ts

@@ -0,0 +1,31 @@
+import type { TemplateResult } from 'lit';
+import { LitElement } from 'lit';
+import type { LitSortableOptions } from './lit-sortable.js';
+/**
+* Container for dragable items wraps a number of ns-drag-item elements that should be dragable.
+* Can be used for storing, dragging between containers and cloning from one container to another.
+*/
+export declare class NsDragContainerElement extends LitElement {
+    #private;
+    /**
+     * Holds a unique id of the container, this is passed to event handlers using the NsDropEvent.
+    */
+    containerId: string;
+    dragOptions: LitSortableOptions;
+    group: string;
+    clone: boolean;
+    renderItem: (item: unknown) => TemplateResult<1>;
+    /**
+     *
+     */
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-drag-container': NsDragContainerElement;
+    }
+}

package/dist/core/components/drag/ns-drag-item.element.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+/**
+* ns-drag-item
+*/
+export declare class NsDragItemElement extends LitElement {
+    item: object;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-drag-item': NsDragItemElement;
+    }
+}

package/dist/core/components/index.d.ts

@@ -0,0 +1,50 @@
+export * from './ns-box/ns-box.element.js';
+export * from './ns-email-list/ns-email-list.element.js';
+export * from './ns-email-list/ns-email-list-item.element.js';
+export * from './ns-chart-campaign-stats/ns-chart-campaign-stats.element.js';
+export * from './ns-chart-campaign-doughnut/ns-chart-campaign-doughnut.element.js';
+export * from './ns-chart-funnel/ns-chart-funnel.element.js';
+export * from './ns-chart-subscriber-growth/ns-chart-subscriber-growth.element.js';
+export * from './ns-stats-bullet/ns-stats-bullet.element.js';
+export * from './ns-stats-box/ns-stats-box.element.js';
+export * from './ns-padding-editor/ns-padding-editor.element.js';
+export * from './ns-sending-progress/ns-sending-progress.element.js';
+export * from './ns-campaign-sending-progress/ns-campaign-sending-progress.element.js';
+export * from './ns-timeline/ns-timeline-icon.element.js';
+export * from './ns-timeline/ns-timeline-event.element.js';
+export * from './ns-timeline/ns-timeline-date.element.js';
+export * from './ns-expander/ns-expander.element.js';
+export * from './ns-expandable/ns-expandable.element.js';
+export * from './ns-email-modal-layout/ns-email-modal-layout.element.js';
+export * from './ns-icons/index.js';
+export * from './drag/index.js';
+export * from './ns-email-editor/index.js';
+export * from './ns-json-debug/ns-json-debug.element.js';
+export * from './ns-color-picker/ns-color-picker.element.js';
+export * from './ns-align/ns-align.element.js';
+export * from './ns-size/ns-size.element.js';
+export * from './ns-property/ns-property.models.js';
+export * from './ns-property/ns-property-group.element.js';
+export * from './ns-property/ns-property.element.js';
+export * from './ns-checkbox/ns-checkbox.element.js';
+export * from './ns-checkbox-list/ns-checkbox-list.element.js';
+export * from './ns-font-picker/ns-font-picker.element.js';
+export * from './ns-font-size-picker/ns-font-size-picker.element.js';
+export * from './ns-link-picker/ns-link-picker.element.js';
+export * from './ns-email-preview/ns-email-preview.element.js';
+export * from './ns-license-tag/ns-license-tag.element.js';
+export * from './ns-create-form/ns-create-form.element.js';
+export * from './ns-tree-menu/ns-tree-menu.element.js';
+export * from './ns-filter-dropdown/ns-filter-dropdown.element.js';
+export * from './ns-filter-input/ns-filter-input.element.js';
+export * from './ns-avatar/ns-avatar.element.js';
+export * from './ns-iframe/ns-iframe.element.js';
+export * from './ns-days-picker/ns-days-picker.element.js';
+export * from './ns-email-address-collection/ns-email-address-collection.element.js';
+export * from './ns-mailing-list-picker/ns-mailing-list-picker.element.js';
+export * from './ns-transactional-email-picker/ns-transactional-email-picker.element.js';
+export * from './ns-error-box/ns-error-box.element.js';
+export * from './ns-recipient-list-picker/ns-recipient-list-picker.element.js';
+export * from './ns-email-campaign-send/ns-email-campaign-send.element.js';
+export * from './ns-validation-errors-debug/ns-validation-errors-debug.element.js';
+export * from './ns-select/ns-select.element.js';

package/dist/core/components/ns-align/ns-align.element.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+import '@umbraco-cms/backoffice/components';
+declare const NsAlignElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-align description
+* @element ns-align
+* @fires NsAlignChangeEvent#change - Fired when selection changes
+*/
+export declare class NsAlignElement extends NsAlignElement_base {
+    /**
+    * Description
+    */
+    value: NsAlignValue;
+    setValue(value: NsAlignValue): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsAlignElement;
+export declare class NsAlignChangeEvent extends Event {
+    value: string;
+    constructor(value: string);
+}
+export type NsAlignValue = 'left' | 'center' | 'right';
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-align': NsAlignElement;
+    }
+}

package/dist/core/components/ns-auto-scroll/auto-scroller.d.ts

@@ -0,0 +1,2 @@
+export default function AutoScrollerFactory(element: any, options: any): any;
+export { AutoScrollerFactory as autoScroll };

package/dist/core/components/ns-auto-scroll/ns-auto-scroll.element.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from "@newsletterstudio/umbraco/lit";
+export declare class NsAutoScrollElement extends LitElement {
+    _element: HTMLElement;
+    _scroll?: AutoScroller;
+    constructor();
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+type AutoScroller = {
+    destroy: () => void;
+};
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-auto-scroll': NsAutoScrollElement;
+    }
+}
+export {};

package/dist/core/components/ns-avatar/ns-avatar.element.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+declare const NsAvatarElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-avatar description
+* @element ns-avatar
+* @fires CustomEvent#change - lorem ipsum
+* @cssprop --ns-foo-bar - Color of lorem
+*/
+export declare class NsAvatarElement extends NsAvatarElement_base {
+    #private;
+    email?: string;
+    /** Persons name to create initials */
+    name?: string;
+    status: NsAvatarStatus;
+    size: NsAvatarSize;
+    initials?: string;
+    images?: string[];
+    showImage: boolean;
+    _name: string;
+    _email: string;
+    constructor();
+    connectedCallback(): Promise<void>;
+    willUpdate(): void;
+    initiateAvatar(): Promise<void>;
+    getNameInitials(name?: string): string;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsAvatarElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-avatar': NsAvatarElement;
+    }
+}
+/**
+ * Size Small: 30px, Size Large: 200px
+*/
+export type NsAvatarSize = 's' | 'l';
+export type NsAvatarStatus = 'pending' | 'subscribed' | 'unsubscribed' | 'global-unsubscribed' | 'error' | '';

package/dist/core/components/ns-box/ns-box.element.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+/** ns-box */
+export declare class NsBoxElement extends LitElement {
+    /**
+     * The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode|MDN} for further information
+     * @type {string}
+     * @attr
+     */
+    headline?: string;
+    ctaText?: string;
+    ctaHref?: string;
+    hoverEffect: boolean;
+    hasHeaderSlot: boolean;
+    _handleHeaderSlotChange(e: Event): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-box': NsBoxElement;
+    }
+}

package/dist/core/components/ns-campaign-sending-progress/ns-campaign-sending-progress.element.d.ts

@@ -0,0 +1,35 @@
+import { NsRealtimeContext } from '@newsletterstudio/umbraco/realtime';
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+import type { CampaignEmailProgressResponseFrontendModel } from '@newsletterstudio/umbraco/backend';
+declare const NsCampaignSendingProgressElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-campaign-sending-progress description
+* @element ns-campaign-sending-progress
+* @fires CustomEvent#change - lorem ipsum
+* @cssprop --ns-foo-bar - Color of lorem
+*/
+export declare class NsCampaignSendingProgressElement extends NsCampaignSendingProgressElement_base {
+    #private;
+    realtimeContext: NsRealtimeContext;
+    /**
+    * When set, any progress shown will be limited to this workspace.
+    */
+    workspaceKey?: string;
+    /**
+    * When set, any progress shown will be limited to this Umbraco Content Key.
+    */
+    umbracoContentKey?: string;
+    initial?: CampaignEmailProgressResponseFrontendModel;
+    processed: number;
+    total: number;
+    campaignName: string;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsCampaignSendingProgressElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-campaign-sending-progress': NsCampaignSendingProgressElement;
+    }
+}

package/dist/core/components/ns-chart-campaign-doughnut/ns-chart-campaign-doughnut.element.d.ts

@@ -0,0 +1,25 @@
+import type { PropertyValues } from '@umbraco-cms/backoffice/external/lit';
+import { LitElement } from '@umbraco-cms/backoffice/external/lit';
+import { Chart } from 'chart.js';
+declare const NsChartCampaignDoughnutElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-chart-campaign-doughnut
+*/
+export declare class NsChartCampaignDoughnutElement extends NsChartCampaignDoughnutElement_base {
+    #private;
+    chart: Chart;
+    data?: number[];
+    constructor();
+    firstUpdated(): void;
+    _mountChart(): void;
+    disconnectedCallback(): void;
+    protected update(changedProperties: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-chart-campaign-doughnut': NsChartCampaignDoughnutElement;
+    }
+}
+export {};

package/dist/core/components/ns-chart-campaign-doughnut/stories/demo-ns-chart-campaign-doughnut.element.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+import './../ns-chart-campaign-doughnut.element.js';
+declare const DemoNsChartCampaignDoughnutElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* demo-ns-chart-campaign-doughnut description
+* @element demo-ns-chart-campaign-doughnut
+* @fires CustomEvent#change - lorem ipsum
+* @cssprop --ns-foo-bar - Color of lorem
+*/
+export declare class DemoNsChartCampaignDoughnutElement extends DemoNsChartCampaignDoughnutElement_base {
+    #private;
+    /**
+    * Description
+    */
+    workspaceKey?: string;
+    data: number[];
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default DemoNsChartCampaignDoughnutElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'demo-ns-chart-campaign-doughnut': DemoNsChartCampaignDoughnutElement;
+    }
+}

package/dist/core/components/ns-chart-campaign-stats/ns-chart-campaign-stats.element.d.ts

@@ -0,0 +1,39 @@
+import type { TemplateResult } from '@umbraco-cms/backoffice/external/lit';
+import { LitElement } from '@umbraco-cms/backoffice/external/lit';
+import { Chart } from 'chart.js';
+declare const NsChartCampaignStatsElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-chart-campaign-stats
+*/
+export declare class NsChartCampaignStatsElement extends NsChartCampaignStatsElement_base {
+    chart: Chart;
+    type: Chart.ChartType;
+    data: Array<Array<number>>;
+    dates?: string[];
+    options: Chart.ChartOptions;
+    /**
+     *
+     */
+    constructor();
+    /**
+     * Called when the dom first time updated. init chart.js data, add observe, and add resize listener
+     */
+    firstUpdated(): void;
+    /**
+     * Use lit-html render Elements
+     */
+    render(): void | TemplateResult;
+    /**
+     * Get update state,when element update completed will return true
+     */
+    /**
+     * Manually update chart
+     */
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-chart-campaign-stats': NsChartCampaignStatsElement;
+    }
+}
+export {};

package/dist/core/components/ns-chart-funnel/ns-chart-funnel.element.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from '@newsletterstudio/umbraco/lit';
+declare const NsChartFunnelElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-chart-funnel description
+* @element ns-chart-funnel
+*/
+export declare class NsChartFunnelElement extends NsChartFunnelElement_base {
+    recipients: number;
+    opened: number;
+    clicked: number;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsChartFunnelElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-chart-funnel': NsChartFunnelElement;
+    }
+}

package/dist/core/components/ns-chart-subscriber-growth/ns-chart-subscriber-growth.element.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from '@umbraco-cms/backoffice/external/lit';
+import { Chart } from 'chart.js';
+export interface IChartItem {
+    day: string;
+    count: number;
+}
+declare const NsChartSubscriberGrowthElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
+/**
+* ns-chart-subscriber-growth
+*/
+export declare class NsChartSubscriberGrowthElement extends NsChartSubscriberGrowthElement_base {
+    #private;
+    chart: Chart;
+    data: IChartItem[];
+    constructor();
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-chart-subscriber-growth': NsChartSubscriberGrowthElement;
+    }
+}
+export {};

package/dist/core/components/ns-checkbox/ns-checkbox.element.d.ts

@@ -0,0 +1,43 @@
+import { LitElement } from "@newsletterstudio/umbraco/lit";
+/**
+ * Checkbox element, this is the description in the element it self.
+ *
+ * **Try** some markdown `to se` if it works.
+ * @element ns-checkbox
+ * @fires CustomEvent#change - fires when the color changes
+ * @cssprop --ns-checkbox-color-checked - Color when checkbox is checked
+ */
+export declare class NsCheckboxElement extends LitElement {
+    /**
+    * Indicates if checked or not
+    * @type {Boolean}
+    * @attr
+    * @default false
+    */
+    checked: boolean;
+    /**
+    * Label for the checkbox
+    * @type {String}
+    * @attr
+    * @default ''
+    */
+    label: string;
+    disabled: boolean;
+    _input: HTMLInputElement;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    _handleChange(e: InputEvent): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-checkbox': NsCheckboxElement;
+    }
+}
+export interface NsCheckboxChangedEventArgs {
+    checked: boolean;
+}
+export declare class NsCheckboxChangedEvent extends CustomEvent<NsCheckboxChangedEventArgs> {
+    constructor(detail: NsCheckboxChangedEventArgs);
+}

package/dist/core/components/ns-checkbox-list/ns-checkbox-list.element.d.ts

@@ -0,0 +1,37 @@
+import '@newsletterstudio/umbraco/components';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+declare const NsCheckboxListElement_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/validation").UmbFormControlMixinElement<string[]>> & typeof UmbLitElement;
+/**
+* Provides a list of ns-checkbox elements and keeps the alias of selected items in an array.
+* @element ns-checkbox-list
+* @fires NsCheckboxListChangedEvent#change - Fired when changed, contains values in event.detail
+* @cssprop --ns-foo-bar - Color of lorem
+*/
+export declare class NsCheckboxListElement extends NsCheckboxListElement_base {
+    /** List of checkbox options */
+    options?: NsCheckboxListOption[];
+    columns: boolean;
+    required: boolean;
+    requiredMessage: string;
+    isDirty: boolean;
+    _handleChange(e: Event): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export default NsCheckboxListElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-checkbox-list': NsCheckboxListElement;
+    }
+}
+export type NsCheckboxListOption = {
+    alias: string;
+    localizationKey?: string;
+    label?: string;
+};
+export interface NsCheckboxListChangedEventArgs {
+    value: string[];
+}
+export declare class NsCheckboxListChangedEvent extends CustomEvent<NsCheckboxListChangedEventArgs> {
+    constructor(detail: NsCheckboxListChangedEventArgs);
+}

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

@@ -0,0 +1,79 @@
+import { LitElement } from "lit";
+import { NsClickOutsideController } from '../../ns-click-outside.controller.js';
+export type NsColorPickerPalettePosition = 'right' | 'left' | 'top';
+export type NsColorPickerPickerPosition = 'bottom' | 'top';
+/**
+ * @element ns-color-picker
+ * @fires NsColorChangeEvent#change - fires when the color changes contains color-property
+ * @cssprop --ns-button-color - Sets the button color
+ * @cssprop --ns-button-background-color - Sets the button background color
+ * @cssprop --ns-button-color-hover - Sets the button color on hover
+ * @cssprop --ns-button-background-color-hover - Sets the button background color on hover
+ * @cssprop --ns-control-border-width - Sets the border width
+ * @cssprop --ns-control-border-color - Set the border color
+ * @cssprop --ns-control-border-color-hover - Set the hover border color
+ * @cssprop --ns-color-border - Fallback for border colors
+ */
+export declare class NsColorPickerElement extends LitElement {
+    /**
+    * Holds the value color hex value
+    * @type {string}
+    * @attr
+    * @default 0
+    */
+    value?: string;
+    /**
+    * Comma separated list of hex-colors to be pickable.
+    * @type {string}
+    * @attr
+    * @default 0
+    */
+    colorList: string;
+    /**
+    * Indicates the position of the color palette
+    * @type {"right" | "left"}
+    * @attr
+    * @default "right"
+    */
+    palettePosition: NsColorPickerPalettePosition;
+    /**
+    * Indicates the position of the color picker
+    * @type {"bottom" | "top"}
+    * @attr
+    * @default "bottom"
+    */
+    pickerPosition: NsColorPickerPickerPosition;
+    private paletteLoaded;
+    private showPalette;
+    /**
+     * Property to know if the color picker (Pickr) should be shown or not.
+     * We need this for the styles.
+     */
+    private showPicker;
+    /**
+     * Holds the Pickr-instance once created when the palette is opened.
+     */
+    private pickr?;
+    _colorList: string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _clickOutside: () => void;
+    private _handleButton;
+    private _ensurePaletteLoaded;
+    _setValue(colorHex: string): void;
+    _pickColor(color: string): void;
+    _handleTextboxClick(e: MouseEvent): void;
+    _handleTextboxKeyup(e: KeyboardEvent): void;
+    _clickOutsideCtrl: NsClickOutsideController;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+export declare class NsColorChangeEvent extends Event {
+    color: string;
+    constructor(color: string);
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ns-color-picker': NsColorPickerElement;
+    }
+}

package/dist/core/components/ns-color-picker/ns-color-picker.helpers.d.ts

@@ -0,0 +1 @@
+export declare function isLightColor(inputColor: string): boolean;