@foxy.io/elements 1.16.0-beta.1 → 1.16.0-beta.12

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 {};

package/dist/elements/internal/InternalDetails/InternalDetails.js

@@ -0,0 +1,71 @@
+import { html, LitElement } from 'lit-element';
+import { InferrableMixin } from "../../../mixins/inferrable.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { classMap } from "../../../utils/class-map.js";
+/**
+ * Internal details/summary control.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-details
+ */
+export class InternalDetails extends ThemeableMixin(InferrableMixin(LitElement)) {
+    constructor() {
+        super(...arguments);
+        /** i18n key for summary text. */
+        this.summary = null;
+        /** Same as `HTMLDetailsElement['open']`. */
+        this.open = false;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            summary: { type: String },
+            open: { type: Boolean },
+        };
+    }
+    render() {
+        var _a;
+        return html `
+      <details
+        class="w-full border border-contrast-10 rounded-t-l rounded-b-l"
+        ?open=${this.open}
+        @toggle=${(evt) => {
+            this.open = evt.currentTarget.open;
+        }}
+      >
+        <summary
+          class=${classMap({
+            'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,
+            'transition-colors cursor-pointer hover-bg-contrast-5': true,
+            'rounded-t-l': true,
+            'rounded-b-l': !this.open,
+        })}
+        >
+          <div class="flex items-center h-m pl-m pr-s">
+            <div class="flex items-center flex-1">
+              <foxy-i18n
+                class="flex items-center text-xs tracking-wide uppercase font-bold text-body"
+                infer=""
+                key=${(_a = this.summary) !== null && _a !== void 0 ? _a : ''}
+              >
+              </foxy-i18n>
+
+              <slot name="actions"></slot>
+            </div>
+
+            <iron-icon
+              class="icon-inline text-xl text-body"
+              icon="icons:expand-${this.open ? 'less' : 'more'}"
+            >
+            </iron-icon>
+          </div>
+        </summary>
+
+        <div class="border-t border-contrast-10">
+          <slot></slot>
+        </div>
+      </details>
+    `;
+    }
+}
+//# sourceMappingURL=InternalDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDetails.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDetails/InternalDetails.ts"],"names":[],"mappings":"AAEA,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,QAAQ,EAAE,oCAAiC;AAEpD;;;;;GAKG;AACH,MAAM,OAAO,eAAgB,SAAQ,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAAhF;;QASE,iCAAiC;QACjC,YAAO,GAAkB,IAAI,CAAC;QAE9B,4CAA4C;QAC5C,SAAI,GAAG,KAAK,CAAC;IA6Cf,CAAC;IAzDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SACxB,CAAC;IACJ,CAAC;IAQD,MAAM;;QACJ,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,IAAI;kBACP,CAAC,GAAU,EAAE,EAAE;YACvB,IAAI,CAAC,IAAI,GAAI,GAAG,CAAC,aAAoC,CAAC,IAAI,CAAC;QAC7D,CAAC;;;kBAGS,QAAQ,CAAC;YACf,wEAAwE,EAAE,IAAI;YAC9E,sDAAsD,EAAE,IAAI;YAC5D,aAAa,EAAE,IAAI;YACnB,aAAa,EAAE,CAAC,IAAI,CAAC,IAAI;SAC1B,CAAC;;;;;;;sBAOU,MAAA,IAAI,CAAC,OAAO,mCAAI,EAAE;;;;;;;;;mCASL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;;;;;;;;KAUzD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { html, LitElement } from 'lit-element';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { classMap } from '../../../utils/class-map';\n\n/**\n * Internal details/summary control.\n *\n * @since 1.17.0\n * @element foxy-internal-details\n */\nexport class InternalDetails extends ThemeableMixin(InferrableMixin(LitElement)) {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      summary: { type: String },\n      open: { type: Boolean },\n    };\n  }\n\n  /** i18n key for summary text. */\n  summary: string | null = null;\n\n  /** Same as `HTMLDetailsElement['open']`. */\n  open = false;\n\n  render(): TemplateResult {\n    return html`\n      <details\n        class=\"w-full border border-contrast-10 rounded-t-l rounded-b-l\"\n        ?open=${this.open}\n        @toggle=${(evt: Event) => {\n          this.open = (evt.currentTarget as HTMLDetailsElement).open;\n        }}\n      >\n        <summary\n          class=${classMap({\n            'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n            'transition-colors cursor-pointer hover-bg-contrast-5': true,\n            'rounded-t-l': true,\n            'rounded-b-l': !this.open,\n          })}\n        >\n          <div class=\"flex items-center h-m pl-m pr-s\">\n            <div class=\"flex items-center flex-1\">\n              <foxy-i18n\n                class=\"flex items-center text-xs tracking-wide uppercase font-bold text-body\"\n                infer=\"\"\n                key=${this.summary ?? ''}\n              >\n              </foxy-i18n>\n\n              <slot name=\"actions\"></slot>\n            </div>\n\n            <iron-icon\n              class=\"icon-inline text-xl text-body\"\n              icon=\"icons:expand-${this.open ? 'less' : 'more'}\"\n            >\n            </iron-icon>\n          </div>\n        </summary>\n\n        <div class=\"border-t border-contrast-10\">\n          <slot></slot>\n        </div>\n      </details>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import '../InternalControl/index';
+import '../../public/I18n/index';
+import { InternalDetails as Control } from './InternalDetails';
+export { Control as InternalDetails };

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

@@ -0,0 +1,8 @@
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import "../InternalControl/index.js";
+import "../../public/I18n/index.js";
+import { InternalDetails as Control } from "./InternalDetails.js";
+customElements.define('foxy-internal-details', Control);
+export { Control as InternalDetails };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalDetails/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,qCAAkC;AAClC,oCAAiC;AAEjC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,6BAA0B;AAE/D,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../InternalControl/index';\nimport '../../public/I18n/index';\n\nimport { InternalDetails as Control } from './InternalDetails';\n\ncustomElements.define('foxy-internal-details', Control);\n\nexport { Control as InternalDetails };\n"]}

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

@@ -0,0 +1,77 @@
+import type { PropertyDeclarations } from 'lit-element';
+import { InternalControl } from '../InternalControl/InternalControl';
+/**
+ * An internal base class for controls that have editing functionality, e.g. a text field.
+ * Instances of this class will provide shortcuts for translatable placeholder, label, helper
+ * text and more. Unlike a regular control, editable control can not only read from a NucleonElement
+ * instance up the DOM tree, but also send changes to it and trigger validation process.
+ *
+ * @element foxy-internal-editable-control
+ * @since 1.17.0
+ */
+export declare class InternalEditableControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    private __placeholder;
+    private __helperText;
+    private __v8nPrefix;
+    private __property;
+    private __label;
+    /**
+     * Translated placeholder text for this control. You can set your own placeholder text
+     * if the default key in the inferred namespace doesn't work for you. Use `.resetPlaceholder()`
+     * to restore the default translation.
+     */
+    get placeholder(): string;
+    set placeholder(newValue: string);
+    /**
+     * Translated helper text for this control. You can set your own helper text
+     * if the default key in the inferred namespace doesn't work for you. Use `.resetHelperText()`
+     * to restore the default translation.
+     */
+    get helperText(): string;
+    set helperText(newValue: string);
+    /**
+     * A prefix for all v8n errors related to this control. You can set your own v8n prefix
+     * if the default one doesn't work for you. Use `.resetV8nPrefix()`
+     * to restore the default v8n prefix.
+     */
+    get v8nPrefix(): string;
+    set v8nPrefix(newValue: string);
+    /**
+     * Name of the property to bind to inferred from the control name by converting it to snake_case.
+     * You can set your own property name if the default inference method produces an incorrect result.
+     * Use `.resetProperty()` to restore the default property name.
+     */
+    get property(): string;
+    set property(newValue: string);
+    /**
+     * Translated label for this control. You can set your own label if the default key in the inferred
+     * namespace doesn't work for you. Use `.resetLabel()` to restore the default translation.
+     */
+    get label(): string;
+    set label(newValue: string);
+    /** Restores the default placeholder translation. */
+    resetPlaceholder(): void;
+    /** Restores the default helper text translation. */
+    resetHelperText(): void;
+    /** Restores the default v8n prefix for errors. */
+    resetV8nPrefix(): void;
+    /** Restores the default property name. */
+    resetProperty(): void;
+    /** Restores the default label translation. */
+    resetLabel(): void;
+    /**
+     * A shortcut to get the inferred value from the NucleonElement instance
+     * up the DOM tree. If no such value or instance exists, returns `undefined`.
+     * Assigning a value to this property will dispatch a cancelable `change` event
+     * with the new value in the detail and write changes to the NucleonElement instance if permitted.
+     */
+    protected get _value(): unknown | undefined;
+    protected set _value(newValue: unknown | undefined);
+    /** A shortcut returning the first v8n error associated with this control. */
+    protected get _error(): string | undefined;
+    /** A shortcut returning the localized text of the first v8n error associated with this control. */
+    protected get _errorMessage(): string | undefined;
+    /** A helper returning a `.checkValidity()` function for use with Vaadin elements. */
+    protected get _checkValidity(): () => boolean;
+}