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

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

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

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

@@ -1 +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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/index.ts"],"names":[],"mappings":"AAAA,uCAAoC;AACpC,mDAAgD;AAChD,mDAAgD;AAChD,uDAAoD;AACpD,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 './internal/InternalCreateControl/index';\nimport './internal/InternalDeleteControl/index';\nimport './internal/InternalTimestampsControl/index';\nimport { InternalForm } from './InternalForm';\n\ncustomElements.define('foxy-internal-form', InternalForm);\n\nexport { InternalForm };\n"]}

package/dist/elements/internal/{InternalCreateControl → InternalForm/internal/InternalCreateControl}/InternalCreateControl.d.ts

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

package/dist/elements/internal/{InternalCreateControl → InternalForm/internal/InternalCreateControl}/InternalCreateControl.js

@@ -1,4 +1,4 @@
-import { InternalControl } from "../InternalControl/InternalControl.js";
+import { InternalControl } from "../../../InternalControl/InternalControl.js";
 import { html } from 'lit-element';
 export class InternalCreateControl extends InternalControl {
     constructor() {

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCreateControl.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalCreateControl/InternalCreateControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,oDAAiD;AAC3E,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 → InternalForm/internal/InternalCreateControl}/index.d.ts

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

package/dist/elements/internal/{InternalCreateControl → InternalForm/internal/InternalCreateControl}/index.js

@@ -1,4 +1,4 @@
-import "../../public/I18n/index.js";
+import "../../../../public/I18n/index.js";
 import '@vaadin/vaadin-button';
 import { InternalCreateControl } from "./InternalCreateControl.js";
 customElements.define('foxy-internal-create-control', InternalCreateControl);

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalCreateControl/index.ts"],"names":[],"mappings":"AAAA,0CAAuC;AACvC,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/{InternalDeleteControl → InternalForm/internal/InternalDeleteControl}/InternalDeleteControl.d.ts

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

package/dist/elements/internal/{InternalDeleteControl → InternalForm/internal/InternalDeleteControl}/InternalDeleteControl.js

@@ -1,4 +1,4 @@
-import { InternalControl } from "../InternalControl/InternalControl.js";
+import { InternalControl } from "../../../InternalControl/InternalControl.js";
 import { html } from 'lit-element';
 export class InternalDeleteControl extends InternalControl {
     constructor() {

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalDeleteControl.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalDeleteControl/InternalDeleteControl.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,oDAAiD;AAC3E,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 → InternalForm/internal/InternalDeleteControl}/index.d.ts

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

package/dist/elements/internal/{InternalDeleteControl → InternalForm/internal/InternalDeleteControl}/index.js

@@ -1,5 +1,5 @@
-import "../InternalConfirmDialog/index.js";
-import "../../public/I18n/index.js";
+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);

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalDeleteControl/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,0CAAuC;AACvC,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/{InternalTimestampsControl → InternalForm/internal/InternalTimestampsControl}/InternalTimestampsControl.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultArray } from 'lit-element';
 import { TemplateResult } from 'lit-html';
-import { InternalControl } from '../InternalControl/InternalControl';
+import { InternalControl } from '../../../InternalControl/InternalControl';
 export declare class InternalTimestampsControl extends InternalControl {
     static get styles(): CSSResultArray;
     infer: string;

package/dist/elements/internal/{InternalTimestampsControl → InternalForm/internal/InternalTimestampsControl}/InternalTimestampsControl.js

@@ -1,7 +1,7 @@
 import { css } from 'lit-element';
 import { html } from 'lit-html';
 import { get } from 'lodash-es';
-import { InternalControl } from "../InternalControl/InternalControl.js";
+import { InternalControl } from "../../../InternalControl/InternalControl.js";
 export class InternalTimestampsControl extends InternalControl {
     constructor() {
         super(...arguments);

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTimestampsControl.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalTimestampsControl/InternalTimestampsControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,oDAAiD;AAE3E,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAA9D;;QAYE,UAAK,GAAG,YAAY,CAAC;IAsCvB,CAAC;IAjDC,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAID,aAAa;QACX,OAAO,IAAI,CAAA;;;;;gCAKiB,IAAI,CAAC,IAAI,0BAA0B,IAAI,CAAC,EAAE;;;;0BAIhD,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,EAAE,CAAC;uBACpE,IAAI,CAAC,IAAI;;qBAEX,IAAI,CAAC,EAAE;;;;;;;gCAOI,IAAI,CAAC,IAAI,2BAA2B,IAAI,CAAC,EAAE;;;;0BAIjD,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,EAAE,CAAC;uBACrE,IAAI,CAAC,IAAI;;qBAEX,IAAI,CAAC,EAAE;;;;;;;KAOvB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { css, CSSResultArray } from 'lit-element';\nimport { html, TemplateResult } from 'lit-html';\nimport { get } from 'lodash-es';\nimport { InternalControl } from '../../../InternalControl/InternalControl';\n\nexport class InternalTimestampsControl extends InternalControl {\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-0 {\n          max-width: 0;\n        }\n      `,\n    ];\n  }\n\n  infer = 'timestamps';\n\n  renderControl(): TemplateResult {\n    return html`\n      <table class=\"font-lumo text-m leading-m w-full\">\n        <tbody class=\"divide-y divide-contrast-10\">\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">\n              <foxy-i18n lang=${this.lang} key=\"date_created\" ns=${this.ns}></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <foxy-i18n\n                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_created') })}\n                lang=${this.lang}\n                key=\"date\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n            </td>\n          </tr>\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">\n              <foxy-i18n lang=${this.lang} key=\"date_modified\" ns=${this.ns}></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <foxy-i18n\n                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_modified') })}\n                lang=${this.lang}\n                key=\"date\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/internal/InternalForm/internal/InternalTimestampsControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,uCAAoC;AAExE,cAAc,CAAC,MAAM,CAAC,kCAAkC,EAAE,yBAAyB,CAAC,CAAC;AAErF,OAAO,EAAE,yBAAyB,EAAE,CAAC","sourcesContent":["import { InternalTimestampsControl } from './InternalTimestampsControl';\n\ncustomElements.define('foxy-internal-timestamps-control', InternalTimestampsControl);\n\nexport { InternalTimestampsControl };\n"]}

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

@@ -1,5 +1,13 @@
-import { TemplateResult } from 'lit-element';
+import type { TemplateResult } from 'lit-element';
 import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+/**
+ * Internal control displaying a basic integer box.
+ *
+ * @since 1.17.0
+ * @tag foxy-internal-integer-control
+ */
 export declare class InternalIntegerControl extends InternalEditableControl {
     renderControl(): TemplateResult;
+    protected get _value(): number;
+    protected set _value(newValue: number);
 }

package/dist/elements/internal/InternalIntegerControl/InternalIntegerControl.js

@@ -1,6 +1,12 @@
-import { html } from 'lit-element';
-import { ifDefined } from 'lit-html/directives/if-defined';
 import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-element';
+/**
+ * Internal control displaying a basic integer box.
+ *
+ * @since 1.17.0
+ * @tag foxy-internal-integer-control
+ */
 export class InternalIntegerControl extends InternalEditableControl {
     renderControl() {
         return html `
@@ -13,7 +19,7 @@ export class InternalIntegerControl extends InternalEditableControl {
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
         .checkValidity=${this._checkValidity}
-        .value=${this._value}
+        .value=${String(this._value)}
         has-controls
         @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}
         @change=${(evt) => {
@@ -24,5 +30,12 @@ export class InternalIntegerControl extends InternalEditableControl {
       </vaadin-integer-field>
     `;
     }
+    get _value() {
+        var _a;
+        return (_a = super._value) !== null && _a !== void 0 ? _a : 0;
+    }
+    set _value(newValue) {
+        super._value = newValue;
+    }
 }
 //# sourceMappingURL=InternalIntegerControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InternalIntegerControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalIntegerControl/InternalIntegerControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAE7F,MAAM,OAAO,sBAAuB,SAAQ,uBAAuB;IACjE,aAAa;QACX,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,IAAI,CAAC,MAAM;;mBAET,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,aAAoC,CAAC;YACvD,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;;;KAGJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { IntegerFieldElement } from '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport { TemplateResult, html } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\n\nexport class InternalIntegerControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-integer-field\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=${this._value}\n        has-controls\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as IntegerFieldElement;\n          this._value = parseInt(field.value);\n        }}\n      >\n      </vaadin-integer-field>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalIntegerControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalIntegerControl/InternalIntegerControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,OAAO,sBAAuB,SAAQ,uBAAuB;IACjE,aAAa;QACX,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,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;;mBAEjB,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,aAAoC,CAAC;YACvD,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,CAAC,CAAC;IACnD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;CACF","sourcesContent":["import type { IntegerFieldElement } from '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport type { TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a basic integer box.\n *\n * @since 1.17.0\n * @tag foxy-internal-integer-control\n */\nexport class InternalIntegerControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-integer-field\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=${String(this._value)}\n        has-controls\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as IntegerFieldElement;\n          this._value = parseInt(field.value);\n        }}\n      >\n      </vaadin-integer-field>\n    `;\n  }\n\n  protected get _value(): number {\n    return (super._value as number | undefined) ?? 0;\n  }\n\n  protected set _value(newValue: number) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
 import '@vaadin/vaadin-text-field/vaadin-integer-field';
 import '../InternalEditableControl/index';
-import { InternalIntegerControl } from './InternalIntegerControl';
-export { InternalIntegerControl };
+import { InternalIntegerControl as Control } from './InternalIntegerControl';
+export { Control as InternalIntegerControl };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalIntegerControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAC;AACxD,6CAA0C;AAC1C,OAAO,EAAE,sBAAsB,EAAE,oCAAiC;AAElE,cAAc,CAAC,MAAM,CAAC,+BAA+B,EAAE,sBAAsB,CAAC,CAAC;AAE/E,OAAO,EAAE,sBAAsB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport '../InternalEditableControl/index';\nimport { InternalIntegerControl } from './InternalIntegerControl';\n\ncustomElements.define('foxy-internal-integer-control', InternalIntegerControl);\n\nexport { InternalIntegerControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalIntegerControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAC;AACxD,6CAA0C;AAC1C,OAAO,EAAE,sBAAsB,IAAI,OAAO,EAAE,oCAAiC;AAE7E,cAAc,CAAC,MAAM,CAAC,+BAA+B,EAAE,OAAO,CAAC,CAAC;AAEhE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport '../InternalEditableControl/index';\nimport { InternalIntegerControl as Control } from './InternalIntegerControl';\n\ncustomElements.define('foxy-internal-integer-control', Control);\n\nexport { Control as InternalIntegerControl };\n"]}

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

@@ -1,5 +1,13 @@
-import { TemplateResult } from 'lit-element';
+import type { TemplateResult } from 'lit-element';
 import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+/**
+ * Internal control displaying a basic number box.
+ *
+ * @since 1.17.0
+ * @tag foxy-internal-number-control
+ */
 export declare class InternalNumberControl extends InternalEditableControl {
     renderControl(): TemplateResult;
+    protected get _value(): number;
+    protected set _value(newValue: number);
 }

package/dist/elements/internal/InternalNumberControl/InternalNumberControl.js

@@ -1,6 +1,12 @@
-import { html } from 'lit-element';
-import { ifDefined } from 'lit-html/directives/if-defined';
 import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-element';
+/**
+ * Internal control displaying a basic number box.
+ *
+ * @since 1.17.0
+ * @tag foxy-internal-number-control
+ */
 export class InternalNumberControl extends InternalEditableControl {
     renderControl() {
         return html `
@@ -13,7 +19,7 @@ export class InternalNumberControl extends InternalEditableControl {
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
         .checkValidity=${this._checkValidity}
-        .value=${this._value}
+        .value=${String(this._value)}
         has-controls
         @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}
         @change=${(evt) => {
@@ -24,5 +30,12 @@ export class InternalNumberControl extends InternalEditableControl {
       </vaadin-number-field>
     `;
     }
+    get _value() {
+        var _a;
+        return (_a = super._value) !== null && _a !== void 0 ? _a : 0;
+    }
+    set _value(newValue) {
+        super._value = newValue;
+    }
 }
 //# sourceMappingURL=InternalNumberControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InternalNumberControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNumberControl/InternalNumberControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAE7F,MAAM,OAAO,qBAAsB,SAAQ,uBAAuB;IAChE,aAAa;QACX,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,IAAI,CAAC,MAAM;;mBAET,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,aAAmC,CAAC;YACtD,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;;;KAGJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { NumberFieldElement } from '@vaadin/vaadin-text-field/vaadin-number-field';\nimport { TemplateResult, html } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\n\nexport class InternalNumberControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-number-field\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=${this._value}\n        has-controls\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as NumberFieldElement;\n          this._value = parseFloat(field.value);\n        }}\n      >\n      </vaadin-number-field>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalNumberControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNumberControl/InternalNumberControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,OAAO,qBAAsB,SAAQ,uBAAuB;IAChE,aAAa;QACX,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,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;;mBAEjB,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,aAAmC,CAAC;YACtD,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,CAAC,CAAC;IACnD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;CACF","sourcesContent":["import type { NumberFieldElement } from '@vaadin/vaadin-text-field/vaadin-number-field';\nimport type { TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a basic number box.\n *\n * @since 1.17.0\n * @tag foxy-internal-number-control\n */\nexport class InternalNumberControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-number-field\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=${String(this._value)}\n        has-controls\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as NumberFieldElement;\n          this._value = parseFloat(field.value);\n        }}\n      >\n      </vaadin-number-field>\n    `;\n  }\n\n  protected get _value(): number {\n    return (super._value as number | undefined) ?? 0;\n  }\n\n  protected set _value(newValue: number) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
 import '@vaadin/vaadin-text-field/vaadin-number-field';
-import '../InternalNumberControl/index';
-import { InternalNumberControl } from './InternalNumberControl';
-export { InternalNumberControl };
+import '../InternalEditableControl/index';
+import { InternalNumberControl as Control } from './InternalNumberControl';
+export { Control as InternalNumberControl };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNumberControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AACvD,2CAAwC;AACxC,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-text-field/vaadin-number-field';\nimport '../InternalNumberControl/index';\nimport { InternalNumberControl } from './InternalNumberControl';\n\ncustomElements.define('foxy-internal-number-control', InternalNumberControl);\n\nexport { InternalNumberControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNumberControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AACvD,6CAA0C;AAC1C,OAAO,EAAE,qBAAqB,IAAI,OAAO,EAAE,mCAAgC;AAE3E,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,OAAO,CAAC,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-number-field';\nimport '../InternalEditableControl/index';\nimport { InternalNumberControl as Control } from './InternalNumberControl';\n\ncustomElements.define('foxy-internal-number-control', Control);\n\nexport { Control as InternalNumberControl };\n"]}

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

@@ -1,5 +1,13 @@
-import { TemplateResult } from 'lit-element';
+import type { TemplateResult } from 'lit-element';
 import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+/**
+ * Internal control displaying a basic text box.
+ *
+ * @since 1.17.0
+ * @tag foxy-internal-text-control
+ */
 export declare class InternalTextControl extends InternalEditableControl {
     renderControl(): TemplateResult;
+    protected get _value(): string;
+    protected set _value(newValue: string);
 }

package/dist/elements/internal/InternalTextControl/InternalTextControl.js

@@ -1,6 +1,12 @@
-import { html } from 'lit-element';
-import { ifDefined } from 'lit-html/directives/if-defined';
 import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-element';
+/**
+ * Internal control displaying a basic text box.
+ *
+ * @since 1.17.0
+ * @tag foxy-internal-text-control
+ */
 export class InternalTextControl extends InternalEditableControl {
     renderControl() {
         return html `
@@ -23,5 +29,12 @@ export class InternalTextControl extends InternalEditableControl {
       </vaadin-text-field>
     `;
     }
+    get _value() {
+        var _a;
+        return (_a = super._value) !== null && _a !== void 0 ? _a : '';
+    }
+    set _value(newValue) {
+        super._value = newValue;
+    }
 }
 //# sourceMappingURL=InternalTextControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InternalTextControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextControl/InternalTextControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAE7F,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB;IAC9D,aAAa;QACX,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,UAAU;sBACf,IAAI,CAAC,WAAW;gBACtB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAM;mBACT,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;iBACvE,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;YACpD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;;;KAGJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { TemplateResult, html } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\n\nexport class InternalTextControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-text-field\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\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=${this._value}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @input=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as TextFieldElement;\n          this._value = field.value;\n        }}\n      >\n      </vaadin-text-field>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalTextControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextControl/InternalTextControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB;IAC9D,aAAa;QACX,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,UAAU;sBACf,IAAI,CAAC,WAAW;gBACtB,IAAI,CAAC,KAAK;;oBAEN,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;yBACR,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAM;mBACT,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;iBACvE,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;YACpD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,EAAE,CAAC;IACpD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;CACF","sourcesContent":["import type { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport type { TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a basic text box.\n *\n * @since 1.17.0\n * @tag foxy-internal-text-control\n */\nexport class InternalTextControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-text-field\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\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=${this._value}\n        @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n        @input=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as TextFieldElement;\n          this._value = field.value;\n        }}\n      >\n      </vaadin-text-field>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
 import '@vaadin/vaadin-text-field/vaadin-text-field';
 import '../InternalEditableControl/index';
-import { InternalTextControl } from './InternalTextControl';
-export { InternalTextControl };
+import { InternalTextControl as Control } from './InternalTextControl';
+export { Control as InternalTextControl };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,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-text-field/vaadin-text-field';\nimport '../InternalEditableControl/index';\nimport { InternalTextControl } from './InternalTextControl';\n\ncustomElements.define('foxy-internal-text-control', InternalTextControl);\n\nexport { InternalTextControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,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-text-field/vaadin-text-field';\nimport '../InternalEditableControl/index';\nimport { InternalTextControl as Control } from './InternalTextControl';\n\ncustomElements.define('foxy-internal-text-control', Control);\n\nexport { Control as InternalTextControl };\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foxy.io/elements",
   "type": "module",
-  "version": "1.16.0-beta.4",
+  "version": "1.16.0-beta.5",
   "description": "E-commerce web components by Foxy.",
   "repository": {
     "type": "git",

package/dist/cdn/shared-072abf87.js

@@ -1 +0,0 @@
-import"./shared-5097c880.js";import"./shared-60e98fbf.js";import{h as e}from"./shared-7f33a83a.js";import{i as t}from"./shared-d3bf9ac0.js";import{_ as r}from"./shared-2eee69db.js";import{I as n}from"./shared-935ba2fc.js";import"./foxy-spinner.js";import{C as i}from"./shared-06014421.js";import{T as s,a as l}from"./shared-ea9af4b0.js";import{N as o}from"./shared-1b064836.js";import{c as a}from"./shared-4e709717.js";customElements.define("foxy-internal-control",n);class h extends n{constructor(){super(...arguments),this.__placeholder=null,this.__helperText=null,this.__v8nPrefix=null,this.__property=null,this.__label=null}static get properties(){return r(r({},super.properties),{},{__placeholder:{attribute:!1},__helperText:{attribute:!1},__v8nPrefix:{attribute:!1},__property:{attribute:!1},__label:{attribute:!1},placeholder:{type:String,noAccessor:!0},helperText:{type:String,attribute:"helper-text",noAccessor:!0},v8nPrefix:{type:String,attribute:"v8n-prefix",noAccessor:!0},property:{type:String,noAccessor:!0},label:{type:String,noAccessor:!0}})}get placeholder(){return"string"==typeof this.__placeholder?this.__placeholder:this.t("placeholder")}set placeholder(e){this.__placeholder=e}get helperText(){return"string"==typeof this.__helperText?this.__helperText:this.t("helper_text")}set helperText(e){this.__helperText=e}get v8nPrefix(){return"string"==typeof this.__v8nPrefix?this.__v8nPrefix:`${this.infer}:`}set v8nPrefix(e){this.__v8nPrefix=e}get property(){return"string"==typeof this.__property?this.__property:this.infer.replace(/-/g,"_")}set property(e){this.__property=e}get label(){return"string"==typeof this.__label?this.__label:this.t("label")}set label(e){this.__label=e}get _value(){var e;return null===(e=this.nucleon)||void 0===e?void 0:e.form[this.property]}set _value(e){var t;const r=new CustomEvent("change",{cancelable:!0,detail:e});this.dispatchEvent(r)&&(null===(t=this.nucleon)||void 0===t||t.edit({[this.property]:e}))}get _error(){var e;return null===(e=this.nucleon)||void 0===e?void 0:e.errors.find((e=>e.startsWith(this.v8nPrefix)))}get _errorMessage(){return this._error?this.t(this._error.substring(0,this.v8nPrefix.length)):void 0}get _checkValidity(){return()=>!this._error}}customElements.define("foxy-internal-editable-control",h);let d,c=e=>e;customElements.define("foxy-internal-number-control",class extends h{renderControl(){return e(d||(d=c` <vaadin-number-field error-message="${0}" placeholder="${0}" helper-text="${0}" label="${0}" class="w-full" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" has-controls @keydown="${0}" @change="${0}"> </vaadin-number-field> `),t(this._errorMessage),this.placeholder,this.helperText,this.label,this.disabled,this.readonly,this._checkValidity,this._value,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{const t=e.currentTarget;this._value=parseFloat(t.value)}))}});let p,u=e=>e;customElements.define("foxy-internal-text-control",class extends h{renderControl(){return e(p||(p=u` <vaadin-text-field error-message="${0}" helper-text="${0}" placeholder="${0}" label="${0}" class="w-full" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> `),t(this._errorMessage),this.helperText,this.placeholder,this.label,this.disabled,this.readonly,this._checkValidity,this._value,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{const t=e.currentTarget;this._value=t.value}))}});let f,_,y,m=e=>e;const v=i(s(l(o)));class x extends v{renderBody(){return this.data?e(f||(f=m` <foxy-internal-timestamps-control infer="timestamps"></foxy-internal-timestamps-control> <foxy-internal-delete-control infer="delete"></foxy-internal-delete-control> `)):e(_||(_=m`<foxy-internal-create-control infer="create"></foxy-internal-create-control>`))}render(){const t=!(this.in("idle")||this.in({busy:"fetching"})&&this.data);return e(y||(y=m` <div aria-busy="${0}" aria-live="polite" class="relative"> <div class="${0}"> ${0} </div> <div class="${0}"> <foxy-spinner layout="${0}" class="m-auto" state="${0}" infer="spinner"> </foxy-spinner> </div> </div> `),this.in("busy"),a({"grid grid-cols-1 gap-m":!0,"transition-opacity":!0,"opacity-0 pointer-events-none":t}),this.renderBody(),a({"transition-opacity absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!t}),this.in("fail")?"vertical":"no-label",this.in("fail")?"error":"busy")}}customElements.define("foxy-internal-form",x);let b,g=e=>e;class $ extends(l(x,"item-option-form")){static get v8n(){return[({name:e})=>!!e||"name:v8n_required",({name:e})=>!!e&&e.length<=100||"name:v8n_too_long",({value:e})=>!!e||"value:v8n_required",({value:e})=>!!e&&e.length<=1024||"value:v8n_too_long"]}renderBody(){return e(b||(b=g` <foxy-internal-text-control infer="name"></foxy-internal-text-control> <foxy-internal-text-control infer="value"></foxy-internal-text-control> <foxy-internal-number-control infer="price-mod"></foxy-internal-number-control> <foxy-internal-number-control infer="weight-mod"></foxy-internal-number-control> ${0} `),super.renderBody())}}customElements.define("foxy-item-option-form",$);export{h as I,x as a,$ as b};

package/dist/cdn/shared-935ba2fc.js

@@ -1 +0,0 @@
-import"./shared-4e63d6e0.js";import"./shared-757bb517.js";import{L as e,f as t,h as n,c as s}from"./shared-7f33a83a.js";import"./shared-92d6f937.js";import{I as i,_ as r}from"./shared-2eee69db.js";import{C as a}from"./shared-06014421.js";import{a as l,T as o}from"./shared-ea9af4b0.js";import{N as d}from"./shared-1b064836.js";import{a6 as c}from"./shared-3026cee0.js";let u,h,m,p,f=e=>e;class y extends(a(l(o(i(e))))){constructor(){super(...arguments),this.nucleon=null,this.infer=""}static get inferredProperties(){return[...super.inferredProperties,"nucleon"]}static get properties(){return r(r({},super.properties),{},{nucleon:{attribute:!1}})}inferFromElement(e,t){return"nucleon"===e&&t instanceof d?t:super.inferFromElement(e,t)}applyInferredProperties(e){var t;super.applyInferredProperties(e),this.nucleon=null!==(t=e.get("nucleon"))&&void 0!==t?t:null}updated(e){super.updated(e),this.style.display=this.hidden?"none":"",t(n(u||(u=f` <slot name="${0}:before" slot="before"></slot> <slot name="${0}:after" slot="after"></slot> `),this.infer,this.infer),this)}renderControl(){return n(h||(h=f``))}render(){return this.hidden?n(m||(m=f``)):n(p||(p=f` ${0} ${0} ${0} `),this.renderTemplateOrSlot("before",this.nucleon),this.renderControl(),this.renderTemplateOrSlot("after",this.nucleon))}}let v,_=e=>e;customElements.define("foxy-internal-create-control",class extends y{constructor(){super(...arguments),this.infer="create"}renderControl(){return n(v||(v=_` <vaadin-button data-testid="create" class="w-full" theme="primary success" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="create" lang="${0}"></foxy-i18n> </vaadin-button> `),this.disabled||this.__isInvalid,(()=>{var e;return null===(e=this.nucleon)||void 0===e?void 0:e.submit()}),this.ns,this.lang)}get __isCleanTemplateInvalid(){var e;return!!(null===(e=this.nucleon)||void 0===e?void 0:e.in({idle:{template:{clean:"invalid"}}}))}get __isDirtyTemplateInvalid(){var e;return!!(null===(e=this.nucleon)||void 0===e?void 0:e.in({idle:{template:{dirty:"invalid"}}}))}get __isCleanSnapshotInvalid(){var e;return!!(null===(e=this.nucleon)||void 0===e?void 0:e.in({idle:{snapshot:{clean:"invalid"}}}))}get __isDirtySnapshotInvalid(){var e;return!!(null===(e=this.nucleon)||void 0===e?void 0:e.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}});let x,g=e=>e;customElements.define("foxy-internal-delete-control",class extends y{constructor(){super(...arguments),this.infer="delete"}renderControl(){return n(x||(x=g` <foxy-internal-confirm-dialog data-testid="confirm" message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <vaadin-button data-testid="delete" theme="primary error" class="w-full" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="delete" lang="${0}"></foxy-i18n> </vaadin-button> `),this.lang,this.ns,(e=>{var t;return!e.detail.cancelled&&(null===(t=this.nucleon)||void 0===t?void 0:t.delete())}),this.disabled||this.readonly,(e=>{this.renderRoot.querySelector("#confirm").show(e.currentTarget)}),this.ns,this.lang)}});let $,b,I=e=>e;customElements.define("foxy-internal-timestamps-control",class extends y{constructor(){super(...arguments),this.infer="timestamps"}static get styles(){return[super.styles,s($||($=I`.max-w-0{max-width:0}`))]}renderControl(){return n(b||(b=I` <table class="font-lumo text-m leading-m w-full"> <tbody class="divide-y divide-contrast-10"> <tr> <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m"> <foxy-i18n lang="${0}" key="date_created" ns="${0}"></foxy-i18n> </td> <td class="max-w-0 truncate py-s text-body w-2-3"> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"> </foxy-i18n> </td> </tr> <tr> <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m"> <foxy-i18n lang="${0}" key="date_modified" ns="${0}"></foxy-i18n> </td> <td class="max-w-0 truncate py-s text-body w-2-3"> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"> </foxy-i18n> </td> </tr> </tbody> </table> `),this.lang,this.ns,JSON.stringify({value:c(this,"nucleon.form.date_created")}),this.lang,this.ns,this.lang,this.ns,JSON.stringify({value:c(this,"nucleon.form.date_modified")}),this.lang,this.ns)}});export{y as I};

package/dist/cdn/shared-d3ffe0ef.js

@@ -1 +0,0 @@
-import"./foxy-spinner.js";import"./shared-935ba2fc.js";import{C as i}from"./shared-06014421.js";import{T as e,a as t}from"./shared-ea9af4b0.js";import{N as s}from"./shared-1b064836.js";import{c as r}from"./shared-4e709717.js";import{h as a}from"./shared-7f33a83a.js";import"./shared-4e63d6e0.js";import{_ as n}from"./shared-2eee69db.js";import{i as l}from"./shared-d3bf9ac0.js";let o,d,c=i=>i;const h=i(e(t(s)));class p extends h{renderBody(){return a(o||(o=c``))}render(){return a(d||(d=c` <div aria-busy="${0}" aria-live="polite" class="relative"> <div class="${0}"> ${0} </div> <div class="${0}"> <foxy-spinner layout="${0}" class="m-auto" state="${0}" lang="${0}" ns="${0} spinner"> </foxy-spinner> </div> </div> `),this.in("busy"),r({"transition duration-500 ease-in-out":!0,"opacity-0 pointer-events-none":!this.in({idle:"snapshot"})}),this.renderBody(),r({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":this.in({idle:"snapshot"})}),this.in("busy")?"no-label":"horizontal",this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns)}}customElements.define("foxy-internal-card",p);let u,f,y,v,m,x,_=i=>i;class $ extends(t(p,"item-card")){constructor(){super(...arguments),this.__currencyDisplay="",this.__currency=""}static get properties(){return n(n({},super.properties),{},{__currencyDisplay:{attribute:!1},__currency:{attribute:!1}})}renderBody(){var i,e,t,s,r,n,o,d,c;const h=null!==(e=null===(i=this.data)||void 0===i?void 0:i.quantity)&&void 0!==e?e:0,p=null!==(s=null===(t=this.data)||void 0===t?void 0:t.price)&&void 0!==s?s:0,w=h*p,L=null===(n=null===(r=this.data)||void 0===r?void 0:r._embedded)||void 0===n?void 0:n["fx:item_options"];return a(u||(u=_` <div class="flex items-start space-x-m leading-m"> <div class="w-l h-l relative flex-shrink-0"> <img class="relative w-full h-full object-cover rounded" src="${0}" alt="" @error="${0}"> <div class="border border-contrast-10 absolute inset-0 rounded"></div> </div> <div class="flex-1"> <div class="flex-1 h-l flex items-center"> <div class="flex-1 leading-s"> <div class="font-semibold text-m">${0}</div> <div class="text-secondary text-m"> ${0} &times; <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> &equals; <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> </div> </div> ${0} </div> ${0} </div> </div> `),l(null===(o=this.data)||void 0===o?void 0:o.image),(i=>{i.currentTarget.src=$.__placeholder}),null===(d=this.data)||void 0===d?void 0:d.name,h,JSON.stringify({amount:`${p} ${this.__currency}`,currencyDisplay:this.__currencyDisplay}),JSON.stringify({amount:`${w} ${this.__currency}`,currencyDisplay:this.__currencyDisplay}),(null===(c=this.data)||void 0===c?void 0:c.subscription_frequency)?a(f||(f=_` <div class="w-xs h-xs flex items-center justify-center rounded-full bg-contrast-5"> <iron-icon icon="icons:autorenew" class="icon-inline text-s"></iron-icon> </div> `)):"",L&&L.length>0?a(y||(y=_` <div class="mt-s"> ${0} </div> `),L.map((i=>a(v||(v=_` <div class="flex items-center text-m space-x-xs leading-m"> <div class="flex-1 text-tertiary">${0}: ${0}</div> ${0} ${0} </div> `),i.name,i.value,i.price_mod?a(m||(m=_` <div class="${0} rounded px-xs"> <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> </div> `),i.price_mod>0?"text-success":"text-error",JSON.stringify({amount:`${i.price_mod} ${this.__currency}`,currencyDisplay:this.__currencyDisplay})):"",i.weight_mod?a(x||(x=_` <div class="${0} rounded px-xs"> ${0} <foxy-i18n key="wgt" infer></foxy-i18n> </div> `),i.price_mod>0?"text-success":"text-error",i.weight_mod):"")))):"")}async _sendGet(){const i=await super._sendGet(),[e,t]=await Promise.all([super._fetch(i._links["fx:transaction"].href),super._fetch(i._links["fx:store"].href)]);return this.__currency=e.currency_code,this.__currencyDisplay=t.use_international_currency_symbol?"code":"symbol",i}}$.__placeholder='data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="40" height="40" fill="%23E8E8E8"/%3E%3Cpath d="M31.5143 0H24.5476L0 24.5476V31.5143L11.7046 19.8097L11.9841 17.0782C12.0983 15.9624 13.0131 15.1154 14.1038 15.1154H15.7373V12.1923C15.7373 10.9815 16.6915 10 17.8687 10H21.5143L31.5143 0Z" fill="white"/%3E%3Cpath d="M11.5434 21.3852L0 32.9285V39.8953L11.5822 28.3131C11.172 27.8663 10.9438 27.2444 11.012 26.5782L11.5434 21.3852Z" fill="white"/%3E%3Cpath d="M12.4305 28.879L1.30951 40H8.27631L19.2763 29H13.1316C12.8853 29 12.6495 28.9573 12.4305 28.879Z" fill="white"/%3E%3Cpath d="M28.3113 19.965L28.0159 17.0782C27.9116 16.0591 27.1395 15.2642 26.1754 15.1341L40 1.3095V8.27627L28.3113 19.965Z" fill="white"/%3E%3Cpath d="M20.6905 29L9.69049 40H16.6572L27.9755 28.6817C27.6541 28.8832 27.2756 29 26.8684 29H20.6905Z" fill="white"/%3E%3Cpath d="M28.6572 28C28.9128 27.5952 29.0415 27.1003 28.988 26.5782L28.4426 21.2479L40 9.69053V16.6572L28.6572 28Z" fill="white"/%3E%3Cpath d="M25.0381 40H18.0715L40 18.0715V25.0381L25.0381 40Z" fill="white"/%3E%3Cpath d="M26.4524 40H33.4191L40 33.4191V26.4524L26.4524 40Z" fill="white"/%3E%3Cpath d="M40 40H34.8333L40 34.8333V40Z" fill="white"/%3E%3Cpath d="M16.1666 0H23.1334L0 23.1334V16.1666L16.1666 0Z" fill="white"/%3E%3Cpath d="M14.7524 0H7.78571L0 7.78573V14.7524L14.7524 0Z" fill="white"/%3E%3Cpath d="M0 0H6.37152L0 6.37151V0Z" fill="white"/%3E%3Cpath d="M21.467 11.4615H17.8687C17.4763 11.4615 17.1582 11.7887 17.1582 12.1923V15.1154H22.8418V12.1923C22.8418 11.7887 22.5237 11.4615 22.1313 11.4615H21.467Z" fill="white"/%3E%3Cpath d="M24.7798 15.1154H24.2627V12.1923C24.2627 11.227 23.6562 10.4075 22.8138 10.1148L32.9286 0H39.89L24.7798 15.1154Z" fill="white"/%3E%3C/svg%3E',customElements.define("foxy-item-card",$);export{p as I,$ as a};

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

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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/InternalDeleteControl/InternalDeleteControl.js.map

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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/InternalTimestampsControl/InternalTimestampsControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InternalTimestampsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTimestampsControl/InternalTimestampsControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAkB,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,8CAA2C;AAErE,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAA9D;;QAYE,UAAK,GAAG,YAAY,CAAC;IAsCvB,CAAC;IAjDC,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAID,aAAa;QACX,OAAO,IAAI,CAAA;;;;;gCAKiB,IAAI,CAAC,IAAI,0BAA0B,IAAI,CAAC,EAAE;;;;0BAIhD,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,EAAE,CAAC;uBACpE,IAAI,CAAC,IAAI;;qBAEX,IAAI,CAAC,EAAE;;;;;;;gCAOI,IAAI,CAAC,IAAI,2BAA2B,IAAI,CAAC,EAAE;;;;0BAIjD,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,EAAE,CAAC;uBACrE,IAAI,CAAC,IAAI;;qBAEX,IAAI,CAAC,EAAE;;;;;;;KAOvB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { css, CSSResultArray } from 'lit-element';\nimport { html, TemplateResult } from 'lit-html';\nimport { get } from 'lodash-es';\nimport { InternalControl } from '../InternalControl/InternalControl';\n\nexport class InternalTimestampsControl extends InternalControl {\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-0 {\n          max-width: 0;\n        }\n      `,\n    ];\n  }\n\n  infer = 'timestamps';\n\n  renderControl(): TemplateResult {\n    return html`\n      <table class=\"font-lumo text-m leading-m w-full\">\n        <tbody class=\"divide-y divide-contrast-10\">\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">\n              <foxy-i18n lang=${this.lang} key=\"date_created\" ns=${this.ns}></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <foxy-i18n\n                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_created') })}\n                lang=${this.lang}\n                key=\"date\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n            </td>\n          </tr>\n          <tr>\n            <td class=\"max-w-0 truncate py-s text-secondary w-1-3 pr-m\">\n              <foxy-i18n lang=${this.lang} key=\"date_modified\" ns=${this.ns}></foxy-i18n>\n            </td>\n            <td class=\"max-w-0 truncate py-s text-body w-2-3\">\n              <foxy-i18n\n                options=${JSON.stringify({ value: get(this, 'nucleon.form.date_modified') })}\n                lang=${this.lang}\n                key=\"date\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    `;\n  }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTimestampsControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,uCAAoC;AAExE,cAAc,CAAC,MAAM,CAAC,kCAAkC,EAAE,yBAAyB,CAAC,CAAC;AAErF,OAAO,EAAE,yBAAyB,EAAE,CAAC","sourcesContent":["import { InternalTimestampsControl } from './InternalTimestampsControl';\n\ncustomElements.define('foxy-internal-timestamps-control', InternalTimestampsControl);\n\nexport { InternalTimestampsControl };\n"]}