@foxy.io/elements 1.16.0 → 1.18.0-beta.2

package/dist/elements/internal/InternalCheckboxGroupControl/InternalCheckboxGroupControl.js

@@ -0,0 +1,51 @@
+import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+/**
+ * Internal control wrapper for `vaadin-checkbox-group` element.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-checkbox-group-control
+ */
+export class InternalCheckboxGroupControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        /** List of checkboxes to render. */
+        this.options = [];
+        /** Same as the "theme" attribute/property of `vaadin-checkbox-group`. */
+        this.theme = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            options: { type: Array },
+            theme: { type: String },
+        };
+    }
+    renderControl() {
+        var _a;
+        return html `
+      <vaadin-checkbox-group
+        error-message=${ifDefined(this._errorMessage)}
+        helper-text=${this.helperText}
+        label=${this.label}
+        class="w-full"
+        theme=${ifDefined((_a = this.theme) !== null && _a !== void 0 ? _a : undefined)}
+        ?disabled=${this.disabled || this.readonly}
+        .checkValidity=${this._checkValidity}
+        .value=${this._value}
+        @change=${(evt) => {
+            const field = evt.currentTarget;
+            this._value = field.value;
+        }}
+      >
+        ${this.options.map(option => html `
+            <vaadin-checkbox value=${option.value}>
+              <foxy-i18n infer="" key=${option.label}></foxy-i18n>
+            </vaadin-checkbox>
+          `)}
+      </vaadin-checkbox-group>
+    `;
+    }
+}
+//# sourceMappingURL=InternalCheckboxGroupControl.js.map

package/dist/elements/internal/InternalCheckboxGroupControl/InternalCheckboxGroupControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCheckboxGroupControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCheckboxGroupControl/InternalCheckboxGroupControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC;;;;;GAKG;AACH,MAAM,OAAO,4BAA6B,SAAQ,uBAAuB;IAAzE;;QASE,oCAAoC;QACpC,YAAO,GAAa,EAAE,CAAC;QAEvB,yEAAyE;QACzE,UAAK,GAAkB,IAAI,CAAC;IA4B9B,CAAC;IAxCC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAQD,aAAa;;QACX,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,UAAU;gBACrB,IAAI,CAAC,KAAK;;gBAEV,SAAS,OAAC,IAAI,CAAC,KAAK,mCAAI,SAAS,CAAC;oBAC9B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;yBACzB,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAkB;kBACtB,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAqC,CAAC;YACxD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;;UAEC,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;qCACa,MAAM,CAAC,KAAK;wCACT,MAAM,CAAC,KAAK;;WAEzC,CACF;;KAEJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { CheckboxGroupElement } from '@vaadin/vaadin-checkbox/vaadin-checkbox-group';\nimport type { Option } from './types';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\n/**\n * Internal control wrapper for `vaadin-checkbox-group` element.\n *\n * @since 1.17.0\n * @element foxy-internal-checkbox-group-control\n */\nexport class InternalCheckboxGroupControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Array },\n      theme: { type: String },\n    };\n  }\n\n  /** List of checkboxes to render. */\n  options: Option[] = [];\n\n  /** Same as the \"theme\" attribute/property of `vaadin-checkbox-group`. */\n  theme: string | null = null;\n\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-checkbox-group\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        theme=${ifDefined(this.theme ?? undefined)}\n        ?disabled=${this.disabled || this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value as string[]}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as CheckboxGroupElement;\n          this._value = field.value;\n        }}\n      >\n        ${this.options.map(\n          option => html`\n            <vaadin-checkbox value=${option.value}>\n              <foxy-i18n infer=\"\" key=${option.label}></foxy-i18n>\n            </vaadin-checkbox>\n          `\n        )}\n      </vaadin-checkbox-group>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalCheckboxGroupControl/index.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin/vaadin-checkbox/vaadin-checkbox-group';
+import '@vaadin/vaadin-checkbox/vaadin-checkbox';
+import '../InternalEditableControl/index';
+import '../../public/I18n/index';
+import { InternalCheckboxGroupControl as Control } from './InternalCheckboxGroupControl';
+export { Control as InternalCheckboxGroupControl };

package/dist/elements/internal/InternalCheckboxGroupControl/index.js

@@ -0,0 +1,8 @@
+import '@vaadin/vaadin-checkbox/vaadin-checkbox-group';
+import '@vaadin/vaadin-checkbox/vaadin-checkbox';
+import "../InternalEditableControl/index.js";
+import "../../public/I18n/index.js";
+import { InternalCheckboxGroupControl as Control } from "./InternalCheckboxGroupControl.js";
+customElements.define('foxy-internal-checkbox-group-control', Control);
+export { Control as InternalCheckboxGroupControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalCheckboxGroupControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCheckboxGroupControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AACvD,OAAO,yCAAyC,CAAC;AAEjD,6CAA0C;AAC1C,oCAAiC;AAEjC,OAAO,EAAE,4BAA4B,IAAI,OAAO,EAAE,0CAAuC;AAEzF,cAAc,CAAC,MAAM,CAAC,sCAAsC,EAAE,OAAO,CAAC,CAAC;AAEvE,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-checkbox/vaadin-checkbox-group';\nimport '@vaadin/vaadin-checkbox/vaadin-checkbox';\n\nimport '../InternalEditableControl/index';\nimport '../../public/I18n/index';\n\nimport { InternalCheckboxGroupControl as Control } from './InternalCheckboxGroupControl';\n\ncustomElements.define('foxy-internal-checkbox-group-control', Control);\n\nexport { Control as InternalCheckboxGroupControl };\n"]}

package/dist/elements/internal/InternalCheckboxGroupControl/types.d.ts

@@ -0,0 +1,6 @@
+export declare type Option = {
+    /** I18n label key for the checkbox. */
+    label: string;
+    /** Checkbox value. */
+    value: string;
+};

package/dist/elements/internal/InternalCheckboxGroupControl/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/internal/InternalCheckboxGroupControl/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCheckboxGroupControl/types.ts"],"names":[],"mappings":"","sourcesContent":["export type Option = {\n  /** I18n label key for the checkbox. */\n  label: string;\n  /** Checkbox value. */\n  value: string;\n};\n"]}

package/dist/elements/internal/InternalControl/InternalControl.d.ts

@@ -0,0 +1,41 @@
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import { LitElement } from 'lit-element';
+import { NucleonElement } from '../../public/NucleonElement/NucleonElement';
+declare const InternalControl_base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+/**
+ * An internal base class for any control in a Nucleon form. That control can be as simple as a text field bound
+ * to a property or as complex as a query builder, and it infers property values from the
+ * parent Nucleon/Configurable/Translatable element, saving the need to manually calculate
+ * and bind properties in Lit templates. Each control renders before and after slots in the regular DOM + its
+ * own layout in the shadow DOM. When hidden via `hiddencontrols` in the parent,
+ * uses `display: none` to hide itself.
+ *
+ * @element foxy-internal-control
+ * @since 1.17.0
+ */
+export declare class InternalControl extends InternalControl_base {
+    static get inferredProperties(): string[];
+    static get properties(): PropertyDeclarations;
+    /** NucleonElement instance this control is bound to. */
+    nucleon: NucleonElement<any> | null;
+    inferFromElement(key: string, element: HTMLElement): unknown | undefined;
+    applyInferredProperties(context: Map<string, unknown>): void;
+    updated(changes: Map<keyof this, unknown>): void;
+    /**
+     * Renders the control itself. In most cases, you will need to implement
+     * this method instead of `.render()` in your class to keep the before and after templates/slots.
+     */
+    renderControl(): TemplateResult;
+    /**
+     * Renders the control (if visible) and the before/after templates/slots.
+     * You should probably implement `.renderControl()` method instead of this one in your class.
+     */
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/internal/InternalControl/InternalControl.js

@@ -0,0 +1,74 @@
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { html, LitElement } from 'lit-element';
+import { InferrableMixin } from "../../../mixins/inferrable.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { NucleonElement } from "../../public/NucleonElement/NucleonElement.js";
+import { render } from 'lit-html';
+/**
+ * An internal base class for any control in a Nucleon form. That control can be as simple as a text field bound
+ * to a property or as complex as a query builder, and it infers property values from the
+ * parent Nucleon/Configurable/Translatable element, saving the need to manually calculate
+ * and bind properties in Lit templates. Each control renders before and after slots in the regular DOM + its
+ * own layout in the shadow DOM. When hidden via `hiddencontrols` in the parent,
+ * uses `display: none` to hide itself.
+ *
+ * @element foxy-internal-control
+ * @since 1.17.0
+ */
+export class InternalControl extends ConfigurableMixin(TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)))) {
+    constructor() {
+        super(...arguments);
+        /** NucleonElement instance this control is bound to. */
+        this.nucleon = null;
+    }
+    static get inferredProperties() {
+        return [...super.inferredProperties, 'nucleon'];
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            nucleon: { attribute: false },
+        };
+    }
+    inferFromElement(key, element) {
+        if (key === 'nucleon' && element instanceof NucleonElement)
+            return element;
+        return super.inferFromElement(key, element);
+    }
+    applyInferredProperties(context) {
+        var _a;
+        super.applyInferredProperties(context);
+        this.nucleon = (_a = context.get('nucleon')) !== null && _a !== void 0 ? _a : null;
+    }
+    updated(changes) {
+        super.updated(changes);
+        if (typeof this.infer === 'string') {
+            const lightDomTemplate = html `
+        <slot name="${this.infer}:before" slot="before"></slot>
+        <slot name="${this.infer}:after" slot="after"></slot>
+      `;
+            render(lightDomTemplate, this);
+        }
+    }
+    /**
+     * Renders the control itself. In most cases, you will need to implement
+     * this method instead of `.render()` in your class to keep the before and after templates/slots.
+     */
+    renderControl() {
+        return html ``;
+    }
+    /**
+     * Renders the control (if visible) and the before/after templates/slots.
+     * You should probably implement `.renderControl()` method instead of this one in your class.
+     */
+    render() {
+        if (this.hidden)
+            return html ``;
+        return html `
+      ${this.renderTemplateOrSlot('before', this.nucleon)} ${this.renderControl()}
+      ${this.renderTemplateOrSlot('after', this.nucleon)}
+    `;
+    }
+}
+//# sourceMappingURL=InternalControl.js.map

package/dist/elements/internal/InternalControl/InternalControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalControl/InternalControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,OAAO,eAAgB,SAAQ,iBAAiB,CACpD,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAC/D;IAFD;;QAcE,wDAAwD;QACxD,YAAO,GAA+B,IAAI,CAAC;IA6C7C,CAAC;IAzDC,MAAM,KAAK,kBAAkB;QAC3B,OAAO,CAAC,GAAG,KAAK,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC9B,CAAC;IACJ,CAAC;IAKD,gBAAgB,CAAC,GAAW,EAAE,OAAoB;QAChD,IAAI,GAAG,KAAK,SAAS,IAAI,OAAO,YAAY,cAAc;YAAE,OAAO,OAAO,CAAC;QAC3E,OAAO,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED,uBAAuB,CAAC,OAA6B;;QACnD,KAAK,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,SAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAqC,mCAAI,IAAI,CAAC;IACrF,CAAC;IAED,OAAO,CAAC,OAAiC;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEvB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,MAAM,gBAAgB,GAAG,IAAI,CAAA;sBACb,IAAI,CAAC,KAAK;sBACV,IAAI,CAAC,KAAK;OACzB,CAAC;YAEF,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;SAChC;IACH,CAAC;IAED;;;OAGG;IACH,aAAa;QACX,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC;IAED;;;OAGG;IACH,MAAM;QACJ,IAAI,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE/B,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE;QACzE,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;KACnD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { html, LitElement } from 'lit-element';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { render } from 'lit-html';\n\n/**\n * An internal base class for any control in a Nucleon form. That control can be as simple as a text field bound\n * to a property or as complex as a query builder, and it infers property values from the\n * parent Nucleon/Configurable/Translatable element, saving the need to manually calculate\n * and bind properties in Lit templates. Each control renders before and after slots in the regular DOM + its\n * own layout in the shadow DOM. When hidden via `hiddencontrols` in the parent,\n * uses `display: none` to hide itself.\n *\n * @element foxy-internal-control\n * @since 1.17.0\n */\nexport class InternalControl extends ConfigurableMixin(\n  TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)))\n) {\n  static get inferredProperties(): string[] {\n    return [...super.inferredProperties, 'nucleon'];\n  }\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      nucleon: { attribute: false },\n    };\n  }\n\n  /** NucleonElement instance this control is bound to. */\n  nucleon: NucleonElement<any> | null = null;\n\n  inferFromElement(key: string, element: HTMLElement): unknown | undefined {\n    if (key === 'nucleon' && element instanceof NucleonElement) return element;\n    return super.inferFromElement(key, element);\n  }\n\n  applyInferredProperties(context: Map<string, unknown>): void {\n    super.applyInferredProperties(context);\n    this.nucleon = (context.get('nucleon') as NucleonElement<any> | undefined) ?? null;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    if (typeof this.infer === 'string') {\n      const lightDomTemplate = html`\n        <slot name=\"${this.infer}:before\" slot=\"before\"></slot>\n        <slot name=\"${this.infer}:after\" slot=\"after\"></slot>\n      `;\n\n      render(lightDomTemplate, this);\n    }\n  }\n\n  /**\n   * Renders the control itself. In most cases, you will need to implement\n   * this method instead of `.render()` in your class to keep the before and after templates/slots.\n   */\n  renderControl(): TemplateResult {\n    return html``;\n  }\n\n  /**\n   * Renders the control (if visible) and the before/after templates/slots.\n   * You should probably implement `.renderControl()` method instead of this one in your class.\n   */\n  render(): TemplateResult {\n    if (this.hidden) return html``;\n\n    return html`\n      ${this.renderTemplateOrSlot('before', this.nucleon)} ${this.renderControl()}\n      ${this.renderTemplateOrSlot('after', this.nucleon)}\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalControl/index.d.ts

@@ -0,0 +1,4 @@
+import '../InternalSandbox/index';
+import '../../public/I18n/index';
+import { InternalControl } from './InternalControl';
+export { InternalControl };

package/dist/elements/internal/InternalControl/index.js

@@ -0,0 +1,6 @@
+import "../InternalSandbox/index.js";
+import "../../public/I18n/index.js";
+import { InternalControl } from "./InternalControl.js";
+customElements.define('foxy-internal-control', InternalControl);
+export { InternalControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalControl/index.ts"],"names":[],"mappings":"AAAA,qCAAkC;AAClC,oCAAiC;AAEjC,OAAO,EAAE,eAAe,EAAE,6BAA0B;AAEpD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,eAAe,CAAC,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import '../InternalSandbox/index';\nimport '../../public/I18n/index';\n\nimport { InternalControl } from './InternalControl';\n\ncustomElements.define('foxy-internal-control', InternalControl);\n\nexport { InternalControl };\n"]}

package/dist/elements/internal/InternalCreateControl/InternalCreateControl.d.ts

@@ -0,0 +1,22 @@
+import type { TemplateResult, PropertyDeclarations } from 'lit-element';
+import { InternalControl } from '../InternalControl/InternalControl';
+/**
+ * Internal control displaying a "Create" button that triggers Nucleon form
+ * submission on click. The button is disabled if the form is invalid.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-create-control
+ */
+export declare class InternalCreateControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    /** Same as the "theme" attribute of the `vaadin-button` element. */
+    theme: string;
+    renderControl(): TemplateResult;
+    private get __isCleanTemplateInvalid();
+    private get __isDirtyTemplateInvalid();
+    private get __isCleanSnapshotInvalid();
+    private get __isDirtySnapshotInvalid();
+    private get __isTemplateInvalid();
+    private get __isSnapshotInvalid();
+    private get __isInvalid();
+}

package/dist/elements/internal/InternalCreateControl/InternalCreateControl.js

@@ -0,0 +1,60 @@
+import { InternalControl } from "../InternalControl/InternalControl.js";
+import { html } from 'lit-element';
+/**
+ * Internal control displaying a "Create" button that triggers Nucleon form
+ * submission on click. The button is disabled if the form is invalid.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-create-control
+ */
+export class InternalCreateControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        /** Same as the "theme" attribute of the `vaadin-button` element. */
+        this.theme = 'primary success';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            theme: { type: String },
+        };
+    }
+    renderControl() {
+        return html `
+      <vaadin-button
+        class="w-full"
+        theme=${this.theme}
+        ?disabled=${this.disabled || this.__isInvalid}
+        @click=${() => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit(); }}
+      >
+        <foxy-i18n infer="" key="create"></foxy-i18n>
+      </vaadin-button>
+    `;
+    }
+    get __isCleanTemplateInvalid() {
+        var _a;
+        return !!((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.in({ idle: { template: { clean: 'invalid' } } }));
+    }
+    get __isDirtyTemplateInvalid() {
+        var _a;
+        return !!((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.in({ idle: { template: { dirty: 'invalid' } } }));
+    }
+    get __isCleanSnapshotInvalid() {
+        var _a;
+        return !!((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.in({ idle: { snapshot: { clean: 'invalid' } } }));
+    }
+    get __isDirtySnapshotInvalid() {
+        var _a;
+        return !!((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.in({ idle: { snapshot: { dirty: 'invalid' } } }));
+    }
+    get __isTemplateInvalid() {
+        return this.__isCleanTemplateInvalid || this.__isDirtyTemplateInvalid;
+    }
+    get __isSnapshotInvalid() {
+        return this.__isCleanSnapshotInvalid || this.__isDirtySnapshotInvalid;
+    }
+    get __isInvalid() {
+        return this.__isSnapshotInvalid || this.__isTemplateInvalid;
+    }
+}
+//# sourceMappingURL=InternalCreateControl.js.map

package/dist/elements/internal/InternalCreateControl/InternalCreateControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCreateControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCreateControl/InternalCreateControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;;GAMG;AACH,MAAM,OAAO,qBAAsB,SAAQ,eAAe;IAA1D;;QAQE,oEAAoE;QACpE,UAAK,GAAG,iBAAiB,CAAC;IA0C5B,CAAC;IAlDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAKD,aAAa;QACX,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,KAAK;oBACN,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW;iBACpC,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,MAAM,KAAE;;;;KAIxC,CAAC;IACJ,CAAC;IAED,IAAY,wBAAwB;;QAClC,OAAO,CAAC,QAAC,IAAI,CAAC,OAAO,0CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,CAAC;IAC1E,CAAC;IAED,IAAY,wBAAwB;;QAClC,OAAO,CAAC,QAAC,IAAI,CAAC,OAAO,0CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,CAAC;IAC1E,CAAC;IAED,IAAY,wBAAwB;;QAClC,OAAO,CAAC,QAAC,IAAI,CAAC,OAAO,0CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,CAAC;IAC1E,CAAC;IAED,IAAY,wBAAwB;;QAClC,OAAO,CAAC,QAAC,IAAI,CAAC,OAAO,0CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,CAAC;IAC1E,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,wBAAwB,CAAC;IACxE,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,wBAAwB,CAAC;IACxE,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,mBAAmB,CAAC;IAC9D,CAAC;CACF","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a \"Create\" button that triggers Nucleon form\n * submission on click. The button is disabled if the form is invalid.\n *\n * @since 1.17.0\n * @element foxy-internal-create-control\n */\nexport class InternalCreateControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      theme: { type: String },\n    };\n  }\n\n  /** Same as the \"theme\" attribute of the `vaadin-button` element. */\n  theme = 'primary success';\n\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-button\n        class=\"w-full\"\n        theme=${this.theme}\n        ?disabled=${this.disabled || this.__isInvalid}\n        @click=${() => this.nucleon?.submit()}\n      >\n        <foxy-i18n infer=\"\" key=\"create\"></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  private get __isCleanTemplateInvalid() {\n    return !!this.nucleon?.in({ idle: { template: { clean: 'invalid' } } });\n  }\n\n  private get __isDirtyTemplateInvalid() {\n    return !!this.nucleon?.in({ idle: { template: { dirty: 'invalid' } } });\n  }\n\n  private get __isCleanSnapshotInvalid() {\n    return !!this.nucleon?.in({ idle: { snapshot: { clean: 'invalid' } } });\n  }\n\n  private get __isDirtySnapshotInvalid() {\n    return !!this.nucleon?.in({ idle: { snapshot: { dirty: 'invalid' } } });\n  }\n\n  private get __isTemplateInvalid() {\n    return this.__isCleanTemplateInvalid || this.__isDirtyTemplateInvalid;\n  }\n\n  private get __isSnapshotInvalid() {\n    return this.__isCleanSnapshotInvalid || this.__isDirtySnapshotInvalid;\n  }\n\n  private get __isInvalid() {\n    return this.__isSnapshotInvalid || this.__isTemplateInvalid;\n  }\n}\n"]}

package/dist/elements/internal/InternalCreateControl/index.d.ts

@@ -0,0 +1,5 @@
+import '@vaadin/vaadin-button';
+import '../../public/I18n/index';
+import '../InternalControl/index';
+import { InternalCreateControl } from './InternalCreateControl';
+export { InternalCreateControl };

package/dist/elements/internal/InternalCreateControl/index.js

@@ -0,0 +1,7 @@
+import '@vaadin/vaadin-button';
+import "../../public/I18n/index.js";
+import "../InternalControl/index.js";
+import { InternalCreateControl } from "./InternalCreateControl.js";
+customElements.define('foxy-internal-create-control', InternalCreateControl);
+export { InternalCreateControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalCreateControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalCreateControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,oCAAiC;AACjC,qCAAkC;AAElC,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../public/I18n/index';\nimport '../InternalControl/index';\n\nimport { InternalCreateControl } from './InternalCreateControl';\n\ncustomElements.define('foxy-internal-create-control', InternalCreateControl);\n\nexport { InternalCreateControl };\n"]}

package/dist/elements/internal/InternalDateControl/InternalDateControl.d.ts

@@ -0,0 +1,14 @@
+import type { TemplateResult, PropertyDeclarations } from 'lit-element';
+import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+/**
+ * Internal control displaying a basic date picker box.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-date-control
+ */
+export declare class InternalDateControl extends InternalEditableControl {
+    static get properties(): PropertyDeclarations;
+    /** Date format. If `unix`, expects and outputs a UNIX timestamp (number), otherwise defaults to ISO 8601 date. */
+    format: 'unix' | null;
+    renderControl(): TemplateResult;
+}

package/dist/elements/internal/InternalDateControl/InternalDateControl.js

@@ -0,0 +1,60 @@
+import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { serializeDate } from "../../../utils/serialize-date.js";
+import { parseDate } from "../../../utils/parse-date.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-element';
+/**
+ * Internal control displaying a basic date picker box.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-date-control
+ */
+export class InternalDateControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        /** Date format. If `unix`, expects and outputs a UNIX timestamp (number), otherwise defaults to ISO 8601 date. */
+        this.format = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            format: { type: String },
+        };
+    }
+    renderControl() {
+        var _a;
+        let value;
+        if (this.format === 'unix') {
+            value = serializeDate(new Date(((_a = this._value) !== null && _a !== void 0 ? _a : 0) * 1000));
+        }
+        else {
+            value = this._value;
+        }
+        return html `
+      <vaadin-date-picker
+        error-message=${ifDefined(this._errorMessage)}
+        placeholder=${this.placeholder}
+        helper-text=${this.helperText}
+        label=${this.label}
+        class="w-full"
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        .checkValidity=${this._checkValidity}
+        .value=${value}
+        @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}
+        @change=${(evt) => {
+            var _a, _b;
+            const field = evt.currentTarget;
+            if (this.format === 'unix') {
+                this._value = Math.floor(((_b = (_a = parseDate(field.value)) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : 0) / 1000);
+            }
+            else {
+                this._value = field.value;
+            }
+        }}
+      >
+      </vaadin-date-picker>
+    `;
+    }
+}
+//# sourceMappingURL=InternalDateControl.js.map

package/dist/elements/internal/InternalDateControl/InternalDateControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDateControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDateControl/InternalDateControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,aAAa,EAAE,yCAAsC;AAC9D,OAAO,EAAE,SAAS,EAAE,qCAAkC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB;IAAhE;;QAQE,kHAAkH;QAClH,WAAM,GAAkB,IAAI,CAAC;IAoC/B,CAAC;IA5CC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACzB,CAAC;IACJ,CAAC;IAKD,aAAa;;QACX,IAAI,KAAa,CAAC;QAElB,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;YAC1B,KAAK,GAAG,aAAa,CAAC,IAAI,IAAI,CAAC,OAAE,IAAI,CAAC,MAAiB,mCAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;SACxE;aAAM;YACL,KAAK,GAAG,IAAI,CAAC,MAAgB,CAAC;SAC/B;QAED,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,WAAW;sBAChB,IAAI,CAAC,UAAU;gBACrB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;iBAC3B,KAAK;mBACH,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;kBACtE,CAAC,GAAgB,EAAE,EAAE;;YAC7B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAkC,CAAC;YAErD,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;gBAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,aAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,0CAAE,OAAO,qCAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;aAC3E;iBAAM;gBACL,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;aAC3B;QACH,CAAC;;;KAGJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\nimport type { DatePickerElement } from '@vaadin/vaadin-date-picker';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { serializeDate } from '../../../utils/serialize-date';\nimport { parseDate } from '../../../utils/parse-date';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a basic date picker box.\n *\n * @since 1.17.0\n * @element foxy-internal-date-control\n */\nexport class InternalDateControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      format: { type: String },\n    };\n  }\n\n  /** Date format. If `unix`, expects and outputs a UNIX timestamp (number), otherwise defaults to ISO 8601 date. */\n  format: 'unix' | null = null;\n\n  renderControl(): TemplateResult {\n    let value: string;\n\n    if (this.format === 'unix') {\n      value = serializeDate(new Date(((this._value as number) ?? 0) * 1000));\n    } else {\n      value = this._value as string;\n    }\n\n    return html`\n      <vaadin-date-picker\n        error-message=${ifDefined(this._errorMessage)}\n        placeholder=${this.placeholder}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${value}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as DatePickerElement;\n\n          if (this.format === 'unix') {\n            this._value = Math.floor((parseDate(field.value)?.getTime() ?? 0) / 1000);\n          } else {\n            this._value = field.value;\n          }\n        }}\n      >\n      </vaadin-date-picker>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalDateControl/index.d.ts

@@ -0,0 +1,4 @@
+import '@vaadin/vaadin-date-picker';
+import '../InternalEditableControl/index';
+import { InternalDateControl as Control } from './InternalDateControl';
+export { Control as InternalDateControl };

package/dist/elements/internal/InternalDateControl/index.js

@@ -0,0 +1,6 @@
+import '@vaadin/vaadin-date-picker';
+import "../InternalEditableControl/index.js";
+import { InternalDateControl as Control } from "./InternalDateControl.js";
+customElements.define('foxy-internal-date-control', Control);
+export { Control as InternalDateControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalDateControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDateControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,6CAA0C;AAC1C,OAAO,EAAE,mBAAmB,IAAI,OAAO,EAAE,iCAA8B;AAEvE,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-date-picker';\nimport '../InternalEditableControl/index';\nimport { InternalDateControl as Control } from './InternalDateControl';\n\ncustomElements.define('foxy-internal-date-control', Control);\n\nexport { Control as InternalDateControl };\n"]}

package/dist/elements/internal/InternalDeleteControl/InternalDeleteControl.d.ts

@@ -0,0 +1,15 @@
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import { InternalControl } from '../InternalControl/InternalControl';
+/**
+ * Internal control displaying a "Delete" button that triggers resource
+ * deletion in Nucleon on click.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-delete-control
+ */
+export declare class InternalDeleteControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    /** Same as the "theme" attribute of the `vaadin-button` element. */
+    theme: string;
+    renderControl(): TemplateResult;
+}

package/dist/elements/internal/InternalDeleteControl/InternalDeleteControl.js

@@ -0,0 +1,51 @@
+import { InternalControl } from "../InternalControl/InternalControl.js";
+import { html } from 'lit-element';
+/**
+ * Internal control displaying a "Delete" button that triggers resource
+ * deletion in Nucleon on click.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-delete-control
+ */
+export class InternalDeleteControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        /** Same as the "theme" attribute of the `vaadin-button` element. */
+        this.theme = 'primary error';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            theme: { type: String },
+        };
+    }
+    renderControl() {
+        return html `
+      <foxy-internal-confirm-dialog
+        message="delete_prompt"
+        confirm="delete"
+        cancel="cancel"
+        header="delete"
+        theme="primary error"
+        infer=""
+        id="confirm"
+        @hide=${(evt) => { var _a; return !evt.detail.cancelled && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.delete()); }}
+      >
+      </foxy-internal-confirm-dialog>
+
+      <vaadin-button
+        data-testid="delete"
+        theme=${this.theme}
+        class="w-full"
+        ?disabled=${this.disabled || this.readonly}
+        @click=${(evt) => {
+            const confirm = this.renderRoot.querySelector('#confirm');
+            confirm.show(evt.currentTarget);
+        }}
+      >
+        <foxy-i18n infer="" key="delete"></foxy-i18n>
+      </vaadin-button>
+    `;
+    }
+}
+//# sourceMappingURL=InternalDeleteControl.js.map

package/dist/elements/internal/InternalDeleteControl/InternalDeleteControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDeleteControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDeleteControl/InternalDeleteControl.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;;GAMG;AACH,MAAM,OAAO,qBAAsB,SAAQ,eAAe;IAA1D;;QAQE,oEAAoE;QACpE,UAAK,GAAG,eAAe,CAAC;IA8B1B,CAAC;IAtCC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAKD,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;;;;gBASC,CAAC,GAAoB,EAAE,EAAE,WAAC,OAAA,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;;;;;;gBAMzE,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;iBACjC,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAA0B,CAAC;YACnF,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,aAA8B,CAAC,CAAC;QACnD,CAAC;;;;KAIJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { InternalConfirmDialog } from '../InternalConfirmDialog/InternalConfirmDialog';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { ButtonElement } from '@vaadin/vaadin-button';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a \"Delete\" button that triggers resource\n * deletion in Nucleon on click.\n *\n * @since 1.17.0\n * @element foxy-internal-delete-control\n */\nexport class InternalDeleteControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      theme: { type: String },\n    };\n  }\n\n  /** Same as the \"theme\" attribute of the `vaadin-button` element. */\n  theme = 'primary error';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-confirm-dialog\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        infer=\"\"\n        id=\"confirm\"\n        @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.nucleon?.delete()}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <vaadin-button\n        data-testid=\"delete\"\n        theme=${this.theme}\n        class=\"w-full\"\n        ?disabled=${this.disabled || this.readonly}\n        @click=${(evt: CustomEvent) => {\n          const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n          confirm.show(evt.currentTarget as ButtonElement);\n        }}\n      >\n        <foxy-i18n infer=\"\" key=\"delete\"></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n}\n"]}

package/dist/elements/internal/InternalDeleteControl/index.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin/vaadin-button';
+import '../../public/I18n/index';
+import '../InternalConfirmDialog/index';
+import '../InternalControl/index';
+import { InternalDeleteControl } from './InternalDeleteControl';
+export { InternalDeleteControl };

package/dist/elements/internal/InternalDeleteControl/index.js

@@ -0,0 +1,8 @@
+import '@vaadin/vaadin-button';
+import "../../public/I18n/index.js";
+import "../InternalConfirmDialog/index.js";
+import "../InternalControl/index.js";
+import { InternalDeleteControl } from "./InternalDeleteControl.js";
+customElements.define('foxy-internal-delete-control', InternalDeleteControl);
+export { InternalDeleteControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalDeleteControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDeleteControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,oCAAiC;AACjC,2CAAwC;AACxC,qCAAkC;AAElC,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../public/I18n/index';\nimport '../InternalConfirmDialog/index';\nimport '../InternalControl/index';\n\nimport { InternalDeleteControl } from './InternalDeleteControl';\n\ncustomElements.define('foxy-internal-delete-control', InternalDeleteControl);\n\nexport { InternalDeleteControl };\n"]}

package/dist/elements/internal/InternalDetails/InternalDetails.d.ts

@@ -0,0 +1,22 @@
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import { LitElement } from 'lit-element';
+declare const InternalDetails_base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & {
+    styles: import("lit-element").CSSResultArray;
+};
+/**
+ * Internal details/summary control.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-details
+ */
+export declare class InternalDetails extends InternalDetails_base {
+    static get properties(): PropertyDeclarations;
+    /** i18n key for summary text. */
+    summary: string | null;
+    /** Same as `HTMLDetailsElement['open']`. */
+    open: boolean;
+    render(): TemplateResult;
+}
+export {};