@foxy.io/elements 1.16.0-beta.3 → 1.16.0-beta.4

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

@@ -0,0 +1,47 @@
+import { InternalControl } from "../InternalControl/InternalControl.js";
+import { html } from 'lit-element';
+export class InternalCreateControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.infer = 'create';
+    }
+    renderControl() {
+        return html `
+      <vaadin-button
+        data-testid="create"
+        class="w-full"
+        theme="primary success"
+        ?disabled=${this.disabled || this.__isInvalid}
+        @click=${() => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit(); }}
+      >
+        <foxy-i18n ns=${this.ns} key="create" lang=${this.lang}></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,MAAM,OAAO,qBAAsB,SAAQ,eAAe;IAA1D;;QACE,UAAK,GAAG,QAAQ,CAAC;IA2CnB,CAAC;IAzCC,aAAa;QACX,OAAO,IAAI,CAAA;;;;;oBAKK,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW;iBACpC,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,MAAM,KAAE;;wBAErB,IAAI,CAAC,EAAE,sBAAsB,IAAI,CAAC,IAAI;;KAEzD,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 } from 'lit-element';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html } from 'lit-element';\n\nexport class InternalCreateControl extends InternalControl {\n  infer = 'create';\n\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-button\n        data-testid=\"create\"\n        class=\"w-full\"\n        theme=\"primary success\"\n        ?disabled=${this.disabled || this.__isInvalid}\n        @click=${() => this.nucleon?.submit()}\n      >\n        <foxy-i18n ns=${this.ns} key=\"create\" lang=${this.lang}></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,4 @@
+import '../../public/I18n/index';
+import '@vaadin/vaadin-button';
+import { InternalCreateControl } from './InternalCreateControl';
+export { InternalCreateControl };

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

@@ -0,0 +1,6 @@
+import "../../public/I18n/index.js";
+import '@vaadin/vaadin-button';
+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,oCAAiC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../../public/I18n/index';\nimport '@vaadin/vaadin-button';\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,7 @@
+import { TemplateResult, PropertyDeclarations } from 'lit-element';
+import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+export declare class InternalDateControl extends InternalEditableControl {
+    static get properties(): PropertyDeclarations;
+    format: string;
+    renderControl(): TemplateResult;
+}

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

@@ -0,0 +1,48 @@
+import { html } from 'lit-element';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { serializeDate } from "../../../utils/serialize-date.js";
+import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+export class InternalDateControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        this.format = 'unix';
+    }
+    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));
+        }
+        else {
+            value = this._value;
+        }
+        return html `
+      <vaadin-date-picker
+        error-message=${ifDefined(this._errorMessage)}
+        placeholder=${this.placeholder}
+        label=${this.label}
+        class="w-full"
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        .checkValidity=${this._checkValidity}
+        .value=${value}
+        @change=${(evt) => {
+            var _a;
+            const field = evt.currentTarget;
+            const fieldValue = field.value;
+            if (this.format === 'unix') {
+                (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.edit({ [this.property]: new Date(fieldValue).getTime() });
+            }
+        }}
+      >
+      </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":"AACA,OAAO,EAAkB,IAAI,EAAwB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,yCAAsC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAE7F,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB;IAAhE;;QAQE,WAAM,GAAG,MAAM,CAAC;IAiClB,CAAC;IAxCC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACzB,CAAC;IACJ,CAAC;IAID,aAAa;;QACX,IAAI,KAAa,CAAC;QAElB,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;YAC1B,KAAK,GAAG,aAAa,CAAC,IAAI,IAAI,OAAE,IAAI,CAAC,MAAiB,mCAAI,CAAC,CAAC,CAAC,CAAC;SAC/D;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;gBACtB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;iBAC3B,KAAK;kBACJ,CAAC,GAAgB,EAAE,EAAE;;YAC7B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAkC,CAAC;YACrD,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;YAE/B,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,EAAE;gBAC1B,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE,EAAE;aACzE;QACH,CAAC;;;KAGJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { DatePickerElement } from '@vaadin/vaadin-date-picker';\nimport { TemplateResult, html, PropertyDeclarations } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { serializeDate } from '../../../utils/serialize-date';\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\n\nexport class InternalDateControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      format: { type: String },\n    };\n  }\n\n  format = 'unix';\n\n  renderControl(): TemplateResult {\n    let value: string;\n\n    if (this.format === 'unix') {\n      value = serializeDate(new Date((this._value as number) ?? 0));\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        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${value}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as DatePickerElement;\n          const fieldValue = field.value;\n\n          if (this.format === 'unix') {\n            this.nucleon?.edit({ [this.property]: new Date(fieldValue).getTime() });\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 } from './InternalDateControl';
+export { InternalDateControl };

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

@@ -0,0 +1,6 @@
+import '@vaadin/vaadin-date-picker';
+import "../InternalEditableControl/index.js";
+import { InternalDateControl } from "./InternalDateControl.js";
+customElements.define('foxy-internal-date-control', InternalDateControl);
+export { 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,EAAE,iCAA8B;AAE5D,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,mBAAmB,CAAC,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-date-picker';\nimport '../InternalEditableControl/index';\nimport { InternalDateControl } from './InternalDateControl';\n\ncustomElements.define('foxy-internal-date-control', InternalDateControl);\n\nexport { InternalDateControl };\n"]}

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

@@ -0,0 +1,6 @@
+import type { TemplateResult } from 'lit-element';
+import { InternalControl } from '../InternalControl/InternalControl';
+export declare class InternalDeleteControl extends InternalControl {
+    infer: string;
+    renderControl(): TemplateResult;
+}

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

@@ -0,0 +1,39 @@
+import { InternalControl } from "../InternalControl/InternalControl.js";
+import { html } from 'lit-element';
+export class InternalDeleteControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.infer = 'delete';
+    }
+    renderControl() {
+        return html `
+      <foxy-internal-confirm-dialog
+        data-testid="confirm"
+        message="delete_prompt"
+        confirm="delete"
+        cancel="cancel"
+        header="delete"
+        theme="primary error"
+        lang=${this.lang}
+        ns=${this.ns}
+        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="primary error"
+        class="w-full"
+        ?disabled=${this.disabled || this.readonly}
+        @click=${(evt) => {
+            const confirm = this.renderRoot.querySelector('#confirm');
+            confirm.show(evt.currentTarget);
+        }}
+      >
+        <foxy-i18n ns=${this.ns} key="delete" lang=${this.lang}></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,MAAM,OAAO,qBAAsB,SAAQ,eAAe;IAA1D;;QACE,UAAK,GAAG,QAAQ,CAAC;IAgCnB,CAAC;IA9BC,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;;;eAQA,IAAI,CAAC,IAAI;aACX,IAAI,CAAC,EAAE;;gBAEJ,CAAC,GAAoB,EAAE,EAAE,WAAC,OAAA,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;;;;;;;;oBAQrE,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;;wBAEe,IAAI,CAAC,EAAE,sBAAsB,IAAI,CAAC,IAAI;;KAEzD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { InternalConfirmDialog } from '../InternalConfirmDialog/InternalConfirmDialog';\nimport type { DialogHideEvent } from '../../private/Dialog/DialogHideEvent';\nimport type { TemplateResult } from 'lit-element';\nimport type { ButtonElement } from '@vaadin/vaadin-button';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { html } from 'lit-element';\n\nexport class InternalDeleteControl extends InternalControl {\n  infer = 'delete';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-confirm-dialog\n        data-testid=\"confirm\"\n        message=\"delete_prompt\"\n        confirm=\"delete\"\n        cancel=\"cancel\"\n        header=\"delete\"\n        theme=\"primary error\"\n        lang=${this.lang}\n        ns=${this.ns}\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=\"primary error\"\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 ns=${this.ns} key=\"delete\" lang=${this.lang}></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n}\n"]}

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

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

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

@@ -0,0 +1,7 @@
+import "../InternalConfirmDialog/index.js";
+import "../../public/I18n/index.js";
+import '@vaadin/vaadin-button';
+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,2CAAwC;AACxC,oCAAiC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../InternalConfirmDialog/index';\nimport '../../public/I18n/index';\nimport '@vaadin/vaadin-button';\nimport { InternalDeleteControl } from './InternalDeleteControl';\n\ncustomElements.define('foxy-internal-delete-control', InternalDeleteControl);\n\nexport { InternalDeleteControl };\n"]}

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

@@ -0,0 +1,25 @@
+import type { PropertyDeclarations } from 'lit-element';
+import { InternalControl } from '../InternalControl/InternalControl';
+export declare class InternalEditableControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    private __placeholder;
+    private __helperText;
+    private __v8nPrefix;
+    private __property;
+    private __label;
+    get placeholder(): string;
+    set placeholder(newValue: string);
+    get helperText(): string;
+    set helperText(newValue: string);
+    get v8nPrefix(): string;
+    set v8nPrefix(newValue: string);
+    get property(): string;
+    set property(newValue: string);
+    get label(): string;
+    set label(newValue: string);
+    protected get _value(): unknown | undefined;
+    protected set _value(newValue: unknown | undefined);
+    protected get _error(): string | undefined;
+    protected get _errorMessage(): string | undefined;
+    protected get _checkValidity(): () => boolean;
+}

package/dist/elements/internal/InternalEditableControl/InternalEditableControl.js

@@ -0,0 +1,78 @@
+import { InternalControl } from "../InternalControl/InternalControl.js";
+export class InternalEditableControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.__placeholder = null;
+        this.__helperText = null;
+        this.__v8nPrefix = null;
+        this.__property = null;
+        this.__label = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            __placeholder: { attribute: false },
+            __helperText: { attribute: false },
+            __v8nPrefix: { attribute: false },
+            __property: { attribute: false },
+            __label: { attribute: false },
+            placeholder: { type: String, noAccessor: true },
+            helperText: { type: String, attribute: 'helper-text', noAccessor: true },
+            v8nPrefix: { type: String, attribute: 'v8n-prefix', noAccessor: true },
+            property: { type: String, noAccessor: true },
+            label: { type: String, noAccessor: true },
+        };
+    }
+    get placeholder() {
+        return typeof this.__placeholder === 'string' ? this.__placeholder : this.t('placeholder');
+    }
+    set placeholder(newValue) {
+        this.__placeholder = newValue;
+    }
+    get helperText() {
+        return typeof this.__helperText === 'string' ? this.__helperText : this.t('helper_text');
+    }
+    set helperText(newValue) {
+        this.__helperText = newValue;
+    }
+    get v8nPrefix() {
+        return typeof this.__v8nPrefix === 'string' ? this.__v8nPrefix : `${this.infer}:`;
+    }
+    set v8nPrefix(newValue) {
+        this.__v8nPrefix = newValue;
+    }
+    get property() {
+        return typeof this.__property === 'string' ? this.__property : this.infer.replace(/-/g, '_');
+    }
+    set property(newValue) {
+        this.__property = newValue;
+    }
+    get label() {
+        return typeof this.__label === 'string' ? this.__label : this.t('label');
+    }
+    set label(newValue) {
+        this.__label = newValue;
+    }
+    get _value() {
+        var _a;
+        return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form[this.property];
+    }
+    set _value(newValue) {
+        var _a;
+        const event = new CustomEvent('change', { cancelable: true, detail: newValue });
+        const useDefaultAction = this.dispatchEvent(event);
+        if (useDefaultAction)
+            (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.edit({ [this.property]: newValue });
+    }
+    get _error() {
+        var _a;
+        return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.errors.find(v => v.startsWith(this.v8nPrefix));
+    }
+    get _errorMessage() {
+        return this._error ? this.t(this._error.substring(0, this.v8nPrefix.length)) : undefined;
+    }
+    get _checkValidity() {
+        return () => !this._error;
+    }
+}
+//# sourceMappingURL=InternalEditableControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalEditableControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalEditableControl/InternalEditableControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport { InternalControl } from '../InternalControl/InternalControl';\n\nexport class InternalEditableControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __placeholder: { attribute: false },\n      __helperText: { attribute: false },\n      __v8nPrefix: { attribute: false },\n      __property: { attribute: false },\n      __label: { attribute: false },\n      placeholder: { type: String, noAccessor: true },\n      helperText: { type: String, attribute: 'helper-text', noAccessor: true },\n      v8nPrefix: { type: String, attribute: 'v8n-prefix', noAccessor: true },\n      property: { type: String, noAccessor: true },\n      label: { type: String, noAccessor: true },\n    };\n  }\n\n  private __placeholder: string | null = null;\n\n  private __helperText: string | null = null;\n\n  private __v8nPrefix: string | null = null;\n\n  private __property: string | null = null;\n\n  private __label: string | null = null;\n\n  get placeholder(): string {\n    return typeof this.__placeholder === 'string' ? this.__placeholder : this.t('placeholder');\n  }\n\n  set placeholder(newValue: string) {\n    this.__placeholder = newValue;\n  }\n\n  get helperText(): string {\n    return typeof this.__helperText === 'string' ? this.__helperText : this.t('helper_text');\n  }\n\n  set helperText(newValue: string) {\n    this.__helperText = newValue;\n  }\n\n  get v8nPrefix(): string {\n    return typeof this.__v8nPrefix === 'string' ? this.__v8nPrefix : `${this.infer}:`;\n  }\n\n  set v8nPrefix(newValue: string) {\n    this.__v8nPrefix = newValue;\n  }\n\n  get property(): string {\n    return typeof this.__property === 'string' ? this.__property : this.infer.replace(/-/g, '_');\n  }\n\n  set property(newValue: string) {\n    this.__property = newValue;\n  }\n\n  get label(): string {\n    return typeof this.__label === 'string' ? this.__label : this.t('label');\n  }\n\n  set label(newValue: string) {\n    this.__label = newValue;\n  }\n\n  protected get _value(): unknown | undefined {\n    return this.nucleon?.form[this.property];\n  }\n\n  protected set _value(newValue: unknown | undefined) {\n    const event = new CustomEvent('change', { cancelable: true, detail: newValue });\n    const useDefaultAction = this.dispatchEvent(event);\n    if (useDefaultAction) this.nucleon?.edit({ [this.property]: newValue });\n  }\n\n  protected get _error(): string | undefined {\n    return this.nucleon?.errors.find(v => v.startsWith(this.v8nPrefix));\n  }\n\n  protected get _errorMessage(): string | undefined {\n    return this._error ? this.t(this._error.substring(0, this.v8nPrefix.length)) : undefined;\n  }\n\n  protected get _checkValidity(): () => boolean {\n    return () => !this._error;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+import '../InternalControl/index';
+import { InternalEditableControl } from './InternalEditableControl';
+export { InternalEditableControl };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalEditableControl/index.ts"],"names":[],"mappings":"AAAA,qCAAkC;AAClC,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAEpE,cAAc,CAAC,MAAM,CAAC,gCAAgC,EAAE,uBAAuB,CAAC,CAAC;AAEjF,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import '../InternalControl/index';\nimport { InternalEditableControl } from './InternalEditableControl';\n\ncustomElements.define('foxy-internal-editable-control', InternalEditableControl);\n\nexport { InternalEditableControl };\n"]}

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

@@ -0,0 +1,13 @@
+import type { HALJSONResource } from '../../public/NucleonElement/types';
+import type { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../../public/NucleonElement/NucleonElement';
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+export declare class InternalForm<TData extends HALJSONResource> extends Base<TData> {
+    renderBody(): TemplateResult;
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/internal/InternalForm/InternalForm.js

@@ -0,0 +1,49 @@
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { NucleonElement } from "../../public/NucleonElement/NucleonElement.js";
+import { classMap } from "../../../utils/class-map.js";
+import { html } from 'lit-html';
+const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement)));
+export class InternalForm extends Base {
+    renderBody() {
+        return this.data
+            ? html `
+          <foxy-internal-timestamps-control infer="timestamps"></foxy-internal-timestamps-control>
+          <foxy-internal-delete-control infer="delete"></foxy-internal-delete-control>
+        `
+            : html `<foxy-internal-create-control infer="create"></foxy-internal-create-control>`;
+    }
+    render() {
+        const isSpinnerVisible = !this.in('idle') && (!this.in({ busy: 'fetching' }) || !this.data);
+        return html `
+      <div aria-busy=${this.in('busy')} aria-live="polite" class="relative">
+        <div
+          class=${classMap({
+            'grid grid-cols-1 gap-m': true,
+            'transition-opacity': true,
+            'opacity-0 pointer-events-none': isSpinnerVisible,
+        })}
+        >
+          ${this.renderBody()}
+        </div>
+
+        <div
+          class=${classMap({
+            'transition-opacity absolute inset-0 flex': true,
+            'opacity-0 pointer-events-none': !isSpinnerVisible,
+        })}
+        >
+          <foxy-spinner
+            layout=${this.in('fail') ? 'vertical' : 'no-label'}
+            class="m-auto"
+            state=${this.in('fail') ? 'error' : 'busy'}
+            infer="spinner"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=InternalForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalForm.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/InternalForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,OAAO,YAA4C,SAAQ,IAAW;IAC1E,UAAU;QACR,OAAO,IAAI,CAAC,IAAI;YACd,CAAC,CAAC,IAAI,CAAA;;;SAGH;YACH,CAAC,CAAC,IAAI,CAAA,8EAA8E,CAAC;IACzF,CAAC;IAED,MAAM;QACJ,MAAM,gBAAgB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE5F,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;kBAEpB,QAAQ,CAAC;YACf,wBAAwB,EAAE,IAAI;YAC9B,oBAAoB,EAAE,IAAI;YAC1B,+BAA+B,EAAE,gBAAgB;SAClD,CAAC;;YAEA,IAAI,CAAC,UAAU,EAAE;;;;kBAIX,QAAQ,CAAC;YACf,0CAA0C,EAAE,IAAI;YAChD,+BAA+B,EAAE,CAAC,gBAAgB;SACnD,CAAC;;;qBAGS,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;;oBAE1C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;;;KAMjD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { HALJSONResource } from '../../public/NucleonElement/types';\nimport type { TemplateResult } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement)));\n\nexport class InternalForm<TData extends HALJSONResource> extends Base<TData> {\n  renderBody(): TemplateResult {\n    return this.data\n      ? html`\n          <foxy-internal-timestamps-control infer=\"timestamps\"></foxy-internal-timestamps-control>\n          <foxy-internal-delete-control infer=\"delete\"></foxy-internal-delete-control>\n        `\n      : html`<foxy-internal-create-control infer=\"create\"></foxy-internal-create-control>`;\n  }\n\n  render(): TemplateResult {\n    const isSpinnerVisible = !this.in('idle') && (!this.in({ busy: 'fetching' }) || !this.data);\n\n    return html`\n      <div aria-busy=${this.in('busy')} aria-live=\"polite\" class=\"relative\">\n        <div\n          class=${classMap({\n            'grid grid-cols-1 gap-m': true,\n            'transition-opacity': true,\n            'opacity-0 pointer-events-none': isSpinnerVisible,\n          })}\n        >\n          ${this.renderBody()}\n        </div>\n\n        <div\n          class=${classMap({\n            'transition-opacity absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !isSpinnerVisible,\n          })}\n        >\n          <foxy-spinner\n            layout=${this.in('fail') ? 'vertical' : 'no-label'}\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : 'busy'}\n            infer=\"spinner\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import '../../public/Spinner/index';
+import '../InternalCreateControl/index';
+import '../InternalDeleteControl/index';
+import '../InternalTimestampsControl/index';
+import { InternalForm } from './InternalForm';
+export { InternalForm };

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

@@ -0,0 +1,8 @@
+import "../../public/Spinner/index.js";
+import "../InternalCreateControl/index.js";
+import "../InternalDeleteControl/index.js";
+import "../InternalTimestampsControl/index.js";
+import { InternalForm } from "./InternalForm.js";
+customElements.define('foxy-internal-form', InternalForm);
+export { InternalForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/index.ts"],"names":[],"mappings":"AAAA,uCAAoC;AACpC,2CAAwC;AACxC,2CAAwC;AACxC,+CAA4C;AAC5C,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../../public/Spinner/index';\nimport '../InternalCreateControl/index';\nimport '../InternalDeleteControl/index';\nimport '../InternalTimestampsControl/index';\nimport { InternalForm } from './InternalForm';\n\ncustomElements.define('foxy-internal-form', InternalForm);\n\nexport { InternalForm };\n"]}

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

@@ -0,0 +1,9 @@
+import { CSSResultArray, TemplateResult } from 'lit-element';
+import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+export declare class InternalFrequencyControl extends InternalEditableControl {
+    static get styles(): CSSResultArray;
+    private __i18n;
+    private __getItems;
+    renderControl(): TemplateResult;
+    updated(changes: Map<keyof this, unknown>): void;
+}

package/dist/elements/internal/InternalFrequencyControl/InternalFrequencyControl.js

@@ -0,0 +1,115 @@
+import { css, html } from 'lit-element';
+import memoize from 'lodash-es/memoize';
+import { parseDuration } from "../../../utils/parse-duration.js";
+import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+export class InternalFrequencyControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        this.__i18n = {
+            formatValue: inputValues => inputValues.join(''),
+            parseValue: value => {
+                const { count, units } = parseDuration(value);
+                return [count.toString(), units];
+            },
+        };
+        this.__getItems = memoize((value) => {
+            const count = parseDuration(value).count;
+            return [
+                { value: 'd', label: this.t('day', { count }) },
+                { value: 'w', label: this.t('week', { count }) },
+                { value: 'm', label: this.t('month', { count }) },
+                { value: 'y', label: this.t('year', { count }) },
+            ];
+        });
+    }
+    static get styles() {
+        return [
+            super.styles,
+            css `:host{
+  display:block;
+}
+
+vaadin-custom-field{
+  width:100%;
+  font-size:0;
+  line-height:0;
+  padding-top:0 !important;
+}
+
+vaadin-custom-field::part(label){
+  padding-bottom:var(--lumo-space-s);
+}
+
+vaadin-custom-field::part(error-message)[aria-hidden='false']{
+  padding-top:var(--lumo-space-xs);
+}
+
+vaadin-integer-field,
+        vaadin-combo-box{
+  width:calc(50% - (var(--lumo-space-s) / 2));
+}
+
+vaadin-integer-field{
+  margin-right:var(--lumo-space-s);
+  padding:0;
+}
+
+vaadin-combo-box::part(text-field){
+  padding:0;
+}
+      `,
+        ];
+    }
+    renderControl() {
+        var _a;
+        const value = ((_a = this._value) !== null && _a !== void 0 ? _a : '');
+        return html `
+      <vaadin-custom-field
+        data-testid="field"
+        .i18n=${this.__i18n}
+        .label=${this.label}
+        .value=${value}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        .errorMessage=${this._errorMessage}
+        .checkValidity=${this._checkValidity}
+        @change=${(evt) => {
+            const field = evt.currentTarget;
+            this._value = field.value;
+        }}
+      >
+        <vaadin-integer-field
+          data-testid="value"
+          min="1"
+          max="999"
+          has-controls
+          prevent-invalid-input
+          ?invalid=${!!this._error}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+        >
+        </vaadin-integer-field>
+
+        <vaadin-combo-box
+          data-testid="units"
+          item-value-path="value"
+          item-label-path="label"
+          .items=${this.__getItems(value)}
+          ?invalid=${!!this._error}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+        >
+        </vaadin-combo-box>
+      </vaadin-custom-field>
+    `;
+    }
+    updated(changes) {
+        var _a;
+        super.updated(changes);
+        const field = this.renderRoot.firstElementChild;
+        const value = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.form[this.property];
+        if (field.value !== value)
+            field.value = value;
+    }
+}
+//# sourceMappingURL=InternalFrequencyControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalFrequencyControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalFrequencyControl/InternalFrequencyControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGxE,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,yCAAsC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAE7F,MAAM,OAAO,wBAAyB,SAAQ,uBAAuB;IAArE;;QAyCU,WAAM,GAAoB;YAChC,WAAW,EAAE,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YAChD,UAAU,EAAE,KAAK,CAAC,EAAE;gBAClB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC9C,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC;YACnC,CAAC;SACF,CAAC;QAEM,eAAU,GAAG,OAAO,CAAC,CAAC,KAAa,EAAE,EAAE;YAC7C,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;YAEzC,OAAO;gBACL,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC/C,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBAChD,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;gBACjD,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;aACjD,CAAC;QACJ,CAAC,CAAC,CAAC;IAsDL,CAAC;IA/GC,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiCF;SACF,CAAC;IACJ,CAAC;IAqBD,aAAa;;QACX,MAAM,KAAK,GAAG,OAAC,IAAI,CAAC,MAAM,mCAAI,EAAE,CAAW,CAAC;QAE5C,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,MAAM;iBACV,IAAI,CAAC,KAAK;iBACV,KAAK;oBACF,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;wBACT,IAAI,CAAC,aAAa;yBACjB,IAAI,CAAC,cAAc;kBAC1B,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAmC,CAAC;YACtD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAe,CAAC;QACtC,CAAC;;;;;;;;qBAQY,CAAC,CAAC,IAAI,CAAC,MAAM;sBACZ,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;;;;;;;;mBAQhB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;qBACpB,CAAC,CAAC,IAAI,CAAC,MAAM;sBACZ,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;;;;KAI9B,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,OAAiC;;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEvB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,iBAAuC,CAAC;QACtE,MAAM,KAAK,SAAG,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEhD,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK;YAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IACjD,CAAC;CACF","sourcesContent":["import { CSSResultArray, TemplateResult, css, html } from 'lit-element';\nimport type { CustomFieldElement, CustomFieldI18n } from '@vaadin/vaadin-custom-field';\n\nimport memoize from 'lodash-es/memoize';\nimport { parseDuration } from '../../../utils/parse-duration';\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\n\nexport class InternalFrequencyControl extends InternalEditableControl {\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        :host {\n          display: block;\n        }\n\n        vaadin-custom-field {\n          width: 100%;\n          font-size: 0;\n          line-height: 0;\n          padding-top: 0 !important;\n        }\n\n        vaadin-custom-field::part(label) {\n          padding-bottom: var(--lumo-space-s);\n        }\n\n        vaadin-custom-field::part(error-message)[aria-hidden='false'] {\n          padding-top: var(--lumo-space-xs);\n        }\n\n        vaadin-integer-field,\n        vaadin-combo-box {\n          width: calc(50% - (var(--lumo-space-s) / 2));\n        }\n\n        vaadin-integer-field {\n          margin-right: var(--lumo-space-s);\n          padding: 0;\n        }\n\n        vaadin-combo-box::part(text-field) {\n          padding: 0;\n        }\n      `,\n    ];\n  }\n\n  private __i18n: CustomFieldI18n = {\n    formatValue: inputValues => inputValues.join(''),\n    parseValue: value => {\n      const { count, units } = parseDuration(value);\n      return [count.toString(), units];\n    },\n  };\n\n  private __getItems = memoize((value: string) => {\n    const count = parseDuration(value).count;\n\n    return [\n      { value: 'd', label: this.t('day', { count }) },\n      { value: 'w', label: this.t('week', { count }) },\n      { value: 'm', label: this.t('month', { count }) },\n      { value: 'y', label: this.t('year', { count }) },\n    ];\n  });\n\n  renderControl(): TemplateResult {\n    const value = (this._value ?? '') as string;\n\n    return html`\n      <vaadin-custom-field\n        data-testid=\"field\"\n        .i18n=${this.__i18n}\n        .label=${this.label}\n        .value=${value}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .errorMessage=${this._errorMessage}\n        .checkValidity=${this._checkValidity}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as CustomFieldElement;\n          this._value = field.value as string;\n        }}\n      >\n        <vaadin-integer-field\n          data-testid=\"value\"\n          min=\"1\"\n          max=\"999\"\n          has-controls\n          prevent-invalid-input\n          ?invalid=${!!this._error}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n        >\n        </vaadin-integer-field>\n\n        <vaadin-combo-box\n          data-testid=\"units\"\n          item-value-path=\"value\"\n          item-label-path=\"label\"\n          .items=${this.__getItems(value)}\n          ?invalid=${!!this._error}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n        >\n        </vaadin-combo-box>\n      </vaadin-custom-field>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    const field = this.renderRoot.firstElementChild as CustomFieldElement;\n    const value = this.nucleon?.form[this.property];\n\n    if (field.value !== value) field.value = value;\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+import '@vaadin/vaadin-text-field/vaadin-integer-field';
+import '@vaadin/vaadin-custom-field';
+import '@vaadin/vaadin-combo-box';
+import '../InternalEditableControl/index';
+import '../../public/I18n/index';
+import { InternalFrequencyControl } from './InternalFrequencyControl';
+export { InternalFrequencyControl };

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

@@ -0,0 +1,9 @@
+import '@vaadin/vaadin-text-field/vaadin-integer-field';
+import '@vaadin/vaadin-custom-field';
+import '@vaadin/vaadin-combo-box';
+import "../InternalEditableControl/index.js";
+import "../../public/I18n/index.js";
+import { InternalFrequencyControl } from "./InternalFrequencyControl.js";
+customElements.define('foxy-internal-frequency-control', InternalFrequencyControl);
+export { InternalFrequencyControl };
+//# sourceMappingURL=index.js.map