@foxy.io/elements 1.20.2 → 1.21.0-beta.2

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":"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 * @element 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"]}
+{"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;IAAlE;;QAWE,WAAM,GAAkB,IAAI,CAAC;QAE7B,WAAM,GAAkB,IAAI,CAAC;QAE7B,QAAG,GAAkB,IAAI,CAAC;QAE1B,QAAG,GAAkB,IAAI,CAAC;IAoC5B,CAAC;IApDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,EAAE;YACV,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACrB,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACtB,CAAC;IACJ,CAAC;IAUD,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;;cAEZ,SAAS,OAAC,IAAI,CAAC,GAAG,mCAAI,SAAS,CAAC;cAChC,SAAS,OAAC,IAAI,CAAC,GAAG,mCAAI,SAAS,CAAC;oBAC1B,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;;UAEC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE;UAChE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,+CAA+C,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE;;KAE9F,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 { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { NumberFieldElement } from '@vaadin/vaadin-text-field/vaadin-number-field';\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 * @element foxy-internal-number-control\n */\nexport class InternalNumberControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      prefix: {},\n      suffix: {},\n      min: { type: Number },\n      max: { type: Number },\n    };\n  }\n\n  prefix: string | null = null;\n\n  suffix: string | null = null;\n\n  min: number | null = null;\n\n  max: number | null = null;\n\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        min=${ifDefined(this.min ?? undefined)}\n        max=${ifDefined(this.max ?? undefined)}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${String(this._value)}\n        clear-button-visible\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        ${this.prefix ? html`<div slot=\"prefix\">${this.prefix}</div>` : ''}\n        ${this.suffix ? html`<div class=\"pr-s font-medium\" slot=\"suffix\">${this.suffix}</div>` : ''}\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/InternalPasswordControl/InternalPasswordControl.d.ts

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

package/dist/elements/internal/InternalPasswordControl/InternalPasswordControl.js

@@ -0,0 +1,40 @@
+import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-element';
+/**
+ * Internal control displaying a basic password box.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-password-field-control
+ */
+export class InternalPasswordControl extends InternalEditableControl {
+    renderControl() {
+        return html `
+      <vaadin-password-field
+        error-message=${ifDefined(this._errorMessage)}
+        helper-text=${this.helperText}
+        placeholder=${this.placeholder}
+        label=${this.label}
+        class="w-full"
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        .checkValidity=${this._checkValidity}
+        .value=${this._value}
+        @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}
+        @input=${(evt) => {
+            const area = evt.currentTarget;
+            this._value = area.value;
+        }}
+      >
+      </vaadin-password-field>
+    `;
+    }
+    get _value() {
+        var _a;
+        return (_a = super._value) !== null && _a !== void 0 ? _a : '';
+    }
+    set _value(newValue) {
+        super._value = newValue;
+    }
+}
+//# sourceMappingURL=InternalPasswordControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalPasswordControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalPasswordControl/InternalPasswordControl.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,uBAAwB,SAAQ,uBAAuB;IAClE,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,IAAI,GAAG,GAAG,CAAC,aAAqC,CAAC;YACvD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,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 { PasswordFieldElement } from '@vaadin/vaadin-text-field/vaadin-password-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 password box.\n *\n * @since 1.17.0\n * @element foxy-internal-password-field-control\n */\nexport class InternalPasswordControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-password-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 area = evt.currentTarget as PasswordFieldElement;\n          this._value = area.value;\n        }}\n      >\n      </vaadin-password-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/InternalPasswordControl/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalPasswordControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,iDAAiD,CAAC;AACzD,6CAA0C;AAC1C,OAAO,EAAE,uBAAuB,IAAI,OAAO,EAAE,qCAAkC;AAE/E,cAAc,CAAC,MAAM,CAAC,gCAAgC,EAAE,OAAO,CAAC,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-password-field';\nimport '../InternalEditableControl/index';\nimport { InternalPasswordControl as Control } from './InternalPasswordControl';\n\ncustomElements.define('foxy-internal-password-control', Control);\n\nexport { Control as InternalPasswordControl };\n"]}

package/dist/elements/internal/InternalRadioGroupControl/InternalRadioGroupControl.js

@@ -1,6 +1,24 @@
 import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
+import { classMap } from "../../../utils/class-map.js";
+import { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles';
+import { css } from 'lit-element';
+registerStyles('vaadin-radio-group', css `:host([theme~='list']) label{
+  padding-bottom:var(--lumo-space-xs);
+}
+
+:host([theme~='list']) [part='group-field']{
+  display:flex;
+  border:thin solid var(--lumo-contrast-10pct);
+  border-radius:var(--lumo-border-radius);
+  transition:border-color 0.15s ease;
+}
+
+:host([theme~='list']:not([disabled]):not([readonly]):hover) [part='group-field']{
+  border-color:var(--lumo-contrast-20pct);
+}
+  `);
 /**
  * Internal control wrapper for `vaadin-radio-group` element.
  *
@@ -23,14 +41,18 @@ export class InternalRadioGroupControl extends InternalEditableControl {
         };
     }
     renderControl() {
-        var _a;
+        var _a, _b;
+        const isList = !!((_a = this.theme) === null || _a === void 0 ? void 0 : _a.includes('list'));
         return html `
       <vaadin-radio-group
         error-message=${ifDefined(this._errorMessage)}
         helper-text=${this.helperText}
         label=${this.label}
-        class="w-full"
-        theme=${ifDefined((_a = this.theme) !== null && _a !== void 0 ? _a : undefined)}
+        class=${classMap({
+            'w-full': true,
+            'group divide-y divide-contrast-10': isList,
+        })}
+        theme=${ifDefined((_b = this.theme) !== null && _b !== void 0 ? _b : undefined)}
         ?disabled=${this.disabled || this.readonly}
         .checkValidity=${this._checkValidity}
         .value=${this._value}
@@ -40,7 +62,13 @@ export class InternalRadioGroupControl extends InternalEditableControl {
         }}
       >
         ${this.options.map(option => html `
-            <vaadin-radio-button value=${option.value}>
+            <vaadin-radio-button
+              value=${option.value}
+              class=${classMap({
+            'block p-s transition-colors': isList,
+            'group-hover-divide-contrast-20': isList && !this.disabled && !this.readonly,
+        })}
+            >
               <foxy-i18n infer="" key=${option.label}></foxy-i18n>
             </vaadin-radio-button>
           `)}

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

@@ -1 +1 @@
-{"version":3,"file":"InternalRadioGroupControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalRadioGroupControl/InternalRadioGroupControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC;;;;;GAKG;AACH,MAAM,OAAO,yBAA0B,SAAQ,uBAAuB;IAAtE;;QASE,uCAAuC;QACvC,YAAO,GAAa,EAAE,CAAC;QAEvB,sEAAsE;QACtE,UAAK,GAAkB,IAAI,CAAC;IA4B9B,CAAC;IAxCC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAQD,aAAa;;QACX,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,UAAU;gBACrB,IAAI,CAAC,KAAK;;gBAEV,SAAS,OAAC,IAAI,CAAC,KAAK,mCAAI,SAAS,CAAC;oBAC9B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;yBACzB,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAuB;kBAC3B,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAkC,CAAC;YACrD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;;UAEC,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;yCACiB,MAAM,CAAC,KAAK;wCACb,MAAM,CAAC,KAAK;;WAEzC,CACF;;KAEJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { RadioGroupElement } from '@vaadin/vaadin-radio-button/vaadin-radio-group';\nimport type { Option } from './types';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\n/**\n * Internal control wrapper for `vaadin-radio-group` element.\n *\n * @since 1.17.0\n * @element foxy-internal-radio-group-control\n */\nexport class InternalRadioGroupControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Array },\n      theme: { type: String },\n    };\n  }\n\n  /** List of radio buttons to render. */\n  options: Option[] = [];\n\n  /** Same as the \"theme\" attribute/property of `vaadin-radio-group`. */\n  theme: string | null = null;\n\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-radio-group\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=\"w-full\"\n        theme=${ifDefined(this.theme ?? undefined)}\n        ?disabled=${this.disabled || this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value as string | null}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as RadioGroupElement;\n          this._value = field.value;\n        }}\n      >\n        ${this.options.map(\n          option => html`\n            <vaadin-radio-button value=${option.value}>\n              <foxy-i18n infer=\"\" key=${option.label}></foxy-i18n>\n            </vaadin-radio-button>\n          `\n        )}\n      </vaadin-radio-group>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalRadioGroupControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalRadioGroupControl/InternalRadioGroupControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,cAAc,CACZ,oBAAoB,EACpB,GAAG;;;;;;;;;;;;;;GAeF,CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,OAAO,yBAA0B,SAAQ,uBAAuB;IAAtE;;QASE,uCAAuC;QACvC,YAAO,GAAa,EAAE,CAAC;QAEvB,sEAAsE;QACtE,UAAK,GAAkB,IAAI,CAAC;IAuC9B,CAAC;IAnDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAQD,aAAa;;QACX,MAAM,MAAM,GAAG,CAAC,QAAC,IAAI,CAAC,KAAK,0CAAE,QAAQ,CAAC,MAAM,EAAC,CAAC;QAE9C,OAAO,IAAI,CAAA;;wBAES,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;sBAC/B,IAAI,CAAC,UAAU;gBACrB,IAAI,CAAC,KAAK;gBACV,QAAQ,CAAC;YACf,QAAQ,EAAE,IAAI;YACd,mCAAmC,EAAE,MAAM;SAC5C,CAAC;gBACM,SAAS,OAAC,IAAI,CAAC,KAAK,mCAAI,SAAS,CAAC;oBAC9B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;yBACzB,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,MAAuB;kBAC3B,CAAC,GAAgB,EAAE,EAAE;YAC7B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAkC,CAAC;YACrD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;QAC5B,CAAC;;UAEC,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;sBAEF,MAAM,CAAC,KAAK;sBACZ,QAAQ,CAAC;YACf,6BAA6B,EAAE,MAAM;YACrC,gCAAgC,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;SAC7E,CAAC;;wCAEwB,MAAM,CAAC,KAAK;;WAEzC,CACF;;KAEJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { RadioGroupElement } from '@vaadin/vaadin-radio-button/vaadin-radio-group';\nimport type { Option } from './types';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\nimport { classMap } from '../../../utils/class-map';\n\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles';\nimport { css } from 'lit-element';\n\nregisterStyles(\n  'vaadin-radio-group',\n  css`\n    :host([theme~='list']) label {\n      padding-bottom: var(--lumo-space-xs);\n    }\n\n    :host([theme~='list']) [part='group-field'] {\n      display: flex;\n      border: thin solid var(--lumo-contrast-10pct);\n      border-radius: var(--lumo-border-radius);\n      transition: border-color 0.15s ease;\n    }\n\n    :host([theme~='list']:not([disabled]):not([readonly]):hover) [part='group-field'] {\n      border-color: var(--lumo-contrast-20pct);\n    }\n  `\n);\n\n/**\n * Internal control wrapper for `vaadin-radio-group` element.\n *\n * @since 1.17.0\n * @element foxy-internal-radio-group-control\n */\nexport class InternalRadioGroupControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Array },\n      theme: { type: String },\n    };\n  }\n\n  /** List of radio buttons to render. */\n  options: Option[] = [];\n\n  /** Same as the \"theme\" attribute/property of `vaadin-radio-group`. */\n  theme: string | null = null;\n\n  renderControl(): TemplateResult {\n    const isList = !!this.theme?.includes('list');\n\n    return html`\n      <vaadin-radio-group\n        error-message=${ifDefined(this._errorMessage)}\n        helper-text=${this.helperText}\n        label=${this.label}\n        class=${classMap({\n          'w-full': true,\n          'group divide-y divide-contrast-10': isList,\n        })}\n        theme=${ifDefined(this.theme ?? undefined)}\n        ?disabled=${this.disabled || this.readonly}\n        .checkValidity=${this._checkValidity}\n        .value=${this._value as string | null}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as RadioGroupElement;\n          this._value = field.value;\n        }}\n      >\n        ${this.options.map(\n          option => html`\n            <vaadin-radio-button\n              value=${option.value}\n              class=${classMap({\n                'block p-s transition-colors': isList,\n                'group-hover-divide-contrast-20': isList && !this.disabled && !this.readonly,\n              })}\n            >\n              <foxy-i18n infer=\"\" key=${option.label}></foxy-i18n>\n            </vaadin-radio-button>\n          `\n        )}\n      </vaadin-radio-group>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,18 @@
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import type { Option } from './types';
+import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+/**
+ * Internal control wrapper for `vaadin-select` element.
+ *
+ * @since 1.21.0
+ * @element foxy-internal-select-control
+ */
+export declare class InternalSelectControl extends InternalEditableControl {
+    static get properties(): PropertyDeclarations;
+    /** List of radio buttons to render. */
+    options: Option[];
+    /** Same as the "theme" attribute/property of `vaadin-combo-box`. */
+    theme: string | null;
+    renderControl(): TemplateResult;
+    updated(changes: Map<keyof this, unknown>): void;
+}

package/dist/elements/internal/InternalSelectControl/InternalSelectControl.js

@@ -0,0 +1,61 @@
+import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+/**
+ * Internal control wrapper for `vaadin-select` element.
+ *
+ * @since 1.21.0
+ * @element foxy-internal-select-control
+ */
+export class InternalSelectControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        /** List of radio buttons to render. */
+        this.options = [];
+        /** Same as the "theme" attribute/property of `vaadin-combo-box`. */
+        this.theme = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            options: { type: Array },
+            theme: { type: String },
+        };
+    }
+    renderControl() {
+        var _a;
+        return html `
+      <vaadin-combo-box
+        item-value-path="value"
+        item-label-path="label"
+        error-message=${ifDefined(this._errorMessage)}
+        item-id-path="value"
+        helper-text=${this.helperText}
+        placeholder=${this.placeholder}
+        label=${this.label}
+        class="w-full"
+        theme=${ifDefined((_a = this.theme) !== null && _a !== void 0 ? _a : undefined)}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        clear-button-visible
+        .checkValidity=${this._checkValidity}
+        .items=${this.options.map(({ value, label }) => ({ value, label: this.t(label) }))}
+        .value=${this._value}
+        @change=${(evt) => {
+            evt.stopPropagation();
+            const comboBox = evt.currentTarget;
+            this._value = comboBox.value;
+            comboBox.validate();
+        }}
+      >
+      </vaadin-combo-box>
+    `;
+    }
+    updated(changes) {
+        super.updated(changes);
+        const comboBox = this.renderRoot.querySelector('vaadin-combo-box');
+        if (comboBox && comboBox.value !== this._value)
+            comboBox.value = this._value;
+    }
+}
+//# sourceMappingURL=InternalSelectControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalSelectControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSelectControl/InternalSelectControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC;;;;;GAKG;AACH,MAAM,OAAO,qBAAsB,SAAQ,uBAAuB;IAAlE;;QASE,uCAAuC;QACvC,YAAO,GAAa,EAAE,CAAC;QAEvB,oEAAoE;QACpE,UAAK,GAAkB,IAAI,CAAC;IAoC9B,CAAC;IAhDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAQD,aAAa;;QACX,OAAO,IAAI,CAAA;;;;wBAIS,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC;;sBAE/B,IAAI,CAAC,UAAU;sBACf,IAAI,CAAC,WAAW;gBACtB,IAAI,CAAC,KAAK;;gBAEV,SAAS,OAAC,IAAI,CAAC,KAAK,mCAAI,SAAS,CAAC;oBAC9B,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;;yBAER,IAAI,CAAC,cAAc;iBAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;iBACzE,IAAI,CAAC,MAAM;kBACV,CAAC,GAAgB,EAAE,EAAE;YAC7B,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAgC,CAAC;YACtD,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;YAC7B,QAAQ,CAAC,QAAQ,EAAE,CAAC;QACtB,CAAC;;;KAGJ,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,OAAiC;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACnE,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,MAAM;YAAE,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,MAAgB,CAAC;IACzF,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { ComboBoxElement } from '@vaadin/vaadin-combo-box';\nimport type { Option } from './types';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\n/**\n * Internal control wrapper for `vaadin-select` element.\n *\n * @since 1.21.0\n * @element foxy-internal-select-control\n */\nexport class InternalSelectControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Array },\n      theme: { type: String },\n    };\n  }\n\n  /** List of radio buttons to render. */\n  options: Option[] = [];\n\n  /** Same as the \"theme\" attribute/property of `vaadin-combo-box`. */\n  theme: string | null = null;\n\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-combo-box\n        item-value-path=\"value\"\n        item-label-path=\"label\"\n        error-message=${ifDefined(this._errorMessage)}\n        item-id-path=\"value\"\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        theme=${ifDefined(this.theme ?? undefined)}\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        clear-button-visible\n        .checkValidity=${this._checkValidity}\n        .items=${this.options.map(({ value, label }) => ({ value, label: this.t(label) }))}\n        .value=${this._value}\n        @change=${(evt: CustomEvent) => {\n          evt.stopPropagation();\n          const comboBox = evt.currentTarget as ComboBoxElement;\n          this._value = comboBox.value;\n          comboBox.validate();\n        }}\n      >\n      </vaadin-combo-box>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    const comboBox = this.renderRoot.querySelector('vaadin-combo-box');\n    if (comboBox && comboBox.value !== this._value) comboBox.value = this._value as string;\n  }\n}\n"]}

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

@@ -0,0 +1,5 @@
+import '@vaadin/vaadin-combo-box';
+import '../InternalEditableControl/index';
+import '../../public/I18n/index';
+import { InternalSelectControl as Control } from './InternalSelectControl';
+export { Control as InternalSelectControl };

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

@@ -0,0 +1,7 @@
+import '@vaadin/vaadin-combo-box';
+import "../InternalEditableControl/index.js";
+import "../../public/I18n/index.js";
+import { InternalSelectControl as Control } from "./InternalSelectControl.js";
+customElements.define('foxy-internal-select-control', Control);
+export { Control as InternalSelectControl };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSelectControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,6CAA0C;AAC1C,oCAAiC;AAEjC,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-combo-box';\n\nimport '../InternalEditableControl/index';\nimport '../../public/I18n/index';\n\nimport { InternalSelectControl as Control } from './InternalSelectControl';\n\ncustomElements.define('foxy-internal-select-control', Control);\n\nexport { Control as InternalSelectControl };\n"]}

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

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

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

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

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

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

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

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

package/dist/elements/internal/InternalTextAreaControl/InternalTextAreaControl.js

@@ -0,0 +1,40 @@
+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 area box.
+ *
+ * @since 1.17.0
+ * @element foxy-internal-text-area-control
+ */
+export class InternalTextAreaControl extends InternalEditableControl {
+    renderControl() {
+        return html `
+      <vaadin-text-area
+        error-message=${ifDefined(this._errorMessage)}
+        helper-text=${this.helperText}
+        placeholder=${this.placeholder}
+        label=${this.label}
+        class="w-full"
+        ?disabled=${this.disabled}
+        ?readonly=${this.readonly}
+        .checkValidity=${this._checkValidity}
+        .value=${this._value}
+        @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}
+        @input=${(evt) => {
+            const area = evt.currentTarget;
+            this._value = area.value;
+        }}
+      >
+      </vaadin-text-area>
+    `;
+    }
+    get _value() {
+        var _a;
+        return (_a = super._value) !== null && _a !== void 0 ? _a : '';
+    }
+    set _value(newValue) {
+        super._value = newValue;
+    }
+}
+//# sourceMappingURL=InternalTextAreaControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTextAreaControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextAreaControl/InternalTextAreaControl.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,uBAAwB,SAAQ,uBAAuB;IAClE,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,IAAI,GAAG,GAAG,CAAC,aAAgC,CAAC;YAClD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3B,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 { TextAreaElement } from '@vaadin/vaadin-text-field/vaadin-text-area';\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 area box.\n *\n * @since 1.17.0\n * @element foxy-internal-text-area-control\n */\nexport class InternalTextAreaControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    return html`\n      <vaadin-text-area\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 area = evt.currentTarget as TextAreaElement;\n          this._value = area.value;\n        }}\n      >\n      </vaadin-text-area>\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/InternalTextAreaControl/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalTextAreaControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,4CAA4C,CAAC;AACpD,6CAA0C;AAC1C,OAAO,EAAE,uBAAuB,IAAI,OAAO,EAAE,qCAAkC;AAE/E,cAAc,CAAC,MAAM,CAAC,iCAAiC,EAAE,OAAO,CAAC,CAAC;AAElE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-text-area';\nimport '../InternalEditableControl/index';\nimport { InternalTextAreaControl as Control } from './InternalTextAreaControl';\n\ncustomElements.define('foxy-internal-text-area-control', Control);\n\nexport { Control as InternalTextAreaControl };\n"]}

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

@@ -1,4 +1,4 @@
-import type { TemplateResult } from 'lit-element';
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
 import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
 /**
  * Internal control displaying a basic text box.
@@ -7,6 +7,9 @@ import { InternalEditableControl } from '../InternalEditableControl/InternalEdit
  * @element foxy-internal-text-control
  */
 export declare class InternalTextControl extends InternalEditableControl {
+    static get properties(): PropertyDeclarations;
+    prefix: string | null;
+    suffix: string | null;
     renderControl(): TemplateResult;
     protected get _value(): string;
     protected set _value(newValue: string);

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

@@ -8,6 +8,18 @@ import { html } from 'lit-element';
  * @element foxy-internal-text-control
  */
 export class InternalTextControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        this.prefix = null;
+        this.suffix = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            prefix: {},
+            suffix: {},
+        };
+    }
     renderControl() {
         return html `
       <vaadin-text-field
@@ -16,6 +28,7 @@ export class InternalTextControl extends InternalEditableControl {
         placeholder=${this.placeholder}
         label=${this.label}
         class="w-full"
+        ?clear-button-visible=${!this.suffix}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
         .checkValidity=${this._checkValidity}
@@ -26,6 +39,8 @@ export class InternalTextControl extends InternalEditableControl {
             this._value = field.value;
         }}
       >
+        ${this.prefix ? html `<div slot="prefix">${this.prefix}</div>` : ''}
+        ${this.suffix ? html `<div class="pr-s font-medium" slot="suffix">${this.suffix}</div>` : ''}
       </vaadin-text-field>
     `;
     }

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":"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 * @element 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"]}
+{"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;IAAhE;;QASE,WAAM,GAAkB,IAAI,CAAC;QAE7B,WAAM,GAAkB,IAAI,CAAC;IAkC/B,CAAC;IA5CC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,EAAE;SACX,CAAC;IACJ,CAAC;IAMD,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;;gCAEM,CAAC,IAAI,CAAC,MAAM;oBACxB,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;;UAEC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE;UAChE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,+CAA+C,IAAI,CAAC,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE;;KAE9F,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 { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { TextFieldElement } from '@vaadin/vaadin-text-field';\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 * @element foxy-internal-text-control\n */\nexport class InternalTextControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      prefix: {},\n      suffix: {},\n    };\n  }\n\n  prefix: string | null = null;\n\n  suffix: string | null = null;\n\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        ?clear-button-visible=${!this.suffix}\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        ${this.prefix ? html`<div slot=\"prefix\">${this.prefix}</div>` : ''}\n        ${this.suffix ? html`<div class=\"pr-s font-medium\" slot=\"suffix\">${this.suffix}</div>` : ''}\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/private/Dialog/Dialog.d.ts

@@ -43,6 +43,8 @@ export declare abstract class Dialog extends Base {
     header: string;
     /** When true, centers a dialog on the screen and does not animate the stack under. */
     alert: boolean;
+    /** When true, dialog window will a larger maximum width. */
+    wide: boolean;
     private __returnFocusTo?;
     private __handleKeyDown;
     private __connected;

package/dist/elements/private/Dialog/Dialog.js

@@ -22,6 +22,8 @@ export class Dialog extends Base {
         this.header = '';
         /** When true, centers a dialog on the screen and does not animate the stack under. */
         this.alert = false;
+        /** When true, dialog window will a larger maximum width. */
+        this.wide = false;
         this.__handleKeyDown = (evt) => {
             if (evt.key === 'Escape' && Dialog.openDialogs[0] === this && this.closable)
                 this.hide(this.editable);
@@ -40,6 +42,7 @@ export class Dialog extends Base {
             editable: { type: Boolean },
             header: { type: String },
             alert: { type: Boolean },
+            wide: { type: Boolean },
             open: { type: Boolean, noAccessor: true },
         };
     }
@@ -121,7 +124,9 @@ export class Dialog extends Base {
           role="dialog"
           aria-labelledby="dialog-title"
           class=${classMap({
-            'transform origin-bottom ease-in-out transition duration-500 relative h-full ml-auto sm-origin-center sm-max-w-modal': true,
+            'transform origin-bottom ease-in-out transition duration-500 relative h-full ml-auto sm-origin-center': true,
+            'sm-max-w-modal': !this.wide,
+            'sm-max-w-modal-wide': this.wide,
             'flex justify-center items-end sm-items-center mr-auto': this.alert,
             'translate-y-full sm-translate-y-0': !this.__visible,
             'sm-translate-x-full': !this.alert && !this.__visible,
@@ -137,6 +142,7 @@ export class Dialog extends Base {
             'overflow-hidden flex flex-col bg-base rounded-t-l sm-rounded-b-l': true,
             'absolute inset-0 mt-xl sm-m-xl': !this.alert,
             'shadow-xxl': this.__visible,
+            'flex-1': this.alert,
         })}
           >
             <div

package/dist/elements/private/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/elements/private/Dialog/Dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultArray, LitElement, PropertyDeclarations, css } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { API } from '../../public/NucleonElement/API';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from './DialogHideEvent';\nimport { DialogShowEvent } from './DialogShowEvent';\nimport { DialogWindow } from './DialogWindow';\nimport { FetchEvent } from '../../public/NucleonElement/FetchEvent';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nconst Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(InferrableMixin(LitElement))));\n\nexport abstract class Dialog extends Base {\n  /**\n   * Selector of an element that will serve as a mounting point to all dialog windows.\n   * It's `<body>` by default, but you can add your own element with `id=\"foxy-dialog-windows-host\"`\n   * anywhere in the light DOM to render dialogs there.\n   */\n  static readonly dialogWindowsHost = '#foxy-dialog-windows-host, body';\n\n  /** Map of all dialog windows linked to their dialog elements. */\n  static readonly dialogWindows = new WeakMap<Dialog, DialogWindow>();\n\n  /** List of all currently open dialogs. */\n  static readonly openDialogs: Dialog[] = [];\n\n  /**\n   * Instance of this event will be dispatched on a dialog when it finishes entering the screen.\n   * This event does not bubble and can't cross shadow DOM boundary.\n   */\n  static readonly ShowEvent = DialogShowEvent;\n\n  /**\n   * Instance of this event will be dispatched on a dialog when it finishes leaving the screen.\n   * This event does not bubble and can't cross shadow DOM boundary.\n   */\n  static readonly HideEvent = DialogHideEvent;\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __connected: { attribute: false },\n      __visible: { attribute: false },\n      centered: { type: Boolean },\n      closable: { type: Boolean },\n      editable: { type: Boolean },\n      header: { type: String },\n      alert: { type: Boolean },\n      open: { type: Boolean, noAccessor: true },\n    };\n  }\n\n  /** @readonly */\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .grid-cols-header {\n          grid-template-columns: 1fr auto 1fr;\n        }\n\n        .scale-85 {\n          --tw-scale-x: 0.85;\n          --tw-scale-y: 0.85;\n        }\n      `,\n    ];\n  }\n\n  /** When true, renders Close button in the header. */\n  closable = false;\n\n  /** When true, renders Save button in the header. */\n  editable = false;\n\n  /** Header text or a i18next key for it. */\n  header = '';\n\n  /** When true, centers a dialog on the screen and does not animate the stack under. */\n  alert = false;\n\n  private __returnFocusTo?: HTMLElement;\n\n  private __handleKeyDown = (evt: KeyboardEvent) => {\n    if (evt.key === 'Escape' && Dialog.openDialogs[0] === this && this.closable)\n      this.hide(this.editable);\n  };\n\n  private __connected = false;\n\n  private __visible = false;\n\n  /** True if dialog is mounted and has finished entering the screen. */\n  get open(): boolean {\n    return this.__visible && this.__connected;\n  }\n\n  set open(newValue: boolean) {\n    newValue === this.open ? void 0 : newValue ? this.show() : this.hide(this.editable);\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    addEventListener('keydown', this.__handleKeyDown);\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    removeEventListener('keydown', this.__handleKeyDown);\n\n    Dialog.dialogWindows.get(this)?.remove();\n    Dialog.dialogWindows.delete(this);\n  }\n\n  /** @readonly */\n  createRenderRoot(): Element | ShadowRoot {\n    const dialogWindow = new DialogWindow();\n    const dialogWindowsHosts = document.querySelectorAll(Dialog.dialogWindowsHost);\n    const dialogWindowsHost = Array.from(dialogWindowsHosts).pop();\n\n    dialogWindow.addEventListener('fetch', (evt: Event) => {\n      if (evt instanceof FetchEvent) {\n        evt.stopImmediatePropagation();\n        evt.preventDefault();\n        evt.respondWith(new API(this).fetch(evt.request));\n      }\n    });\n\n    dialogWindowsHost?.appendChild(dialogWindow);\n    Dialog.dialogWindows.set(this, dialogWindow);\n\n    return dialogWindow.shadowRoot!;\n  }\n\n  /** @readonly */\n  render(content?: () => TemplateResult): TemplateResult {\n    if (!this.__connected) return html``;\n\n    const isFirst = Dialog.openDialogs[0] === this;\n    const isSecond = Dialog.openDialogs[1] === this;\n    const isThird = Dialog.openDialogs[2] === this;\n    const isForthAndGreater = !isFirst && !isSecond && !isThird;\n\n    return html`\n      <div\n        class=${classMap({ 'z-50 fixed inset-0': true, 'pointer-events-none': !this.__visible })}\n      >\n        <div\n          id=\"backdrop\"\n          class=${classMap({\n            'select-none ease-in-out transition duration-500 absolute inset-0 bg-shade-50 focus-outline-none':\n              true,\n            'opacity-100': this.__visible,\n            'opacity-0': !this.__visible,\n          })}\n          tabindex=\"-1\"\n          @click=${() => this.closable && this.hide(this.editable)}\n        ></div>\n\n        <div\n          role=\"dialog\"\n          aria-labelledby=\"dialog-title\"\n          class=${classMap({\n            'transform origin-bottom ease-in-out transition duration-500 relative h-full ml-auto sm-origin-center sm-max-w-modal':\n              true,\n            'flex justify-center items-end sm-items-center mr-auto': this.alert,\n            'translate-y-full sm-translate-y-0': !this.__visible,\n            'sm-translate-x-full': !this.alert && !this.__visible,\n            'sm-opacity-0 sm-scale-110': this.alert && !this.__visible,\n            'translate-y-0 translate-x-0': isFirst && this.__visible,\n            'scale-95 -translate-y-s sm-translate-y-0': isSecond && this.__visible,\n            'scale-90 -translate-y-m sm-translate-y-0': isThird && this.__visible,\n            'opacity-0 scale-85 -translate-y-l sm-translate-y-0':\n              isForthAndGreater && this.__visible,\n          })}\n        >\n          <div\n            class=${classMap({\n              'overflow-hidden flex flex-col bg-base rounded-t-l sm-rounded-b-l': true,\n              'absolute inset-0 mt-xl sm-m-xl': !this.alert,\n              'shadow-xxl': this.__visible,\n            })}\n          >\n            <div\n              class=\"h-l grid grid-cols-header text-m font-lumo font-medium border-b border-contrast-10\"\n            >\n              ${this.closable && !this.hiddenSelector.matches('close-button', true)\n                ? html`\n                    <vaadin-button\n                      id=\"close-button\"\n                      theme=\"tertiary-inline\"\n                      class=\"mr-auto m-s px-s\"\n                      ?disabled=${this.disabledSelector.matches('close-button', true)}\n                      @click=${() => this.hide(this.editable)}\n                    >\n                      <foxy-i18n\n                        lang=${this.lang}\n                        key=${this.editable ? 'cancel' : 'close'}\n                        ns=${this.ns}\n                      >\n                      </foxy-i18n>\n                    </vaadin-button>\n                  `\n                : html`<div></div>`}\n\n              <h1 id=\"dialog-title\" class=\"truncate self-center text-center\">\n                <foxy-i18n ns=${this.ns} lang=${this.lang} key=${this.header}></foxy-i18n>\n              </h1>\n\n              ${this.editable && !this.hiddenSelector.matches('save-button', true)\n                ? html`\n                    <vaadin-button\n                      data-testid=\"save-button\"\n                      ?disabled=${this.disabledSelector.matches('save-button', true)}\n                      theme=\"primary\"\n                      class=\"ml-auto h-auto min-h-0 min-w-0 m-xs px-m\"\n                      @click=${this.save}\n                    >\n                      <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"save\"></foxy-i18n>\n                    </vaadin-button>\n                  `\n                : html`<div></div>`}\n            </div>\n\n            <div class=\"flex-1 overflow-y-auto overflow-x-hidden overscroll-contain\">\n              <div class=\"p-m relative\">${content?.()}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * Hides the dialog. Returns a promise that resolves when the dialog\n   * finishes leaving the screen.\n   *\n   * @param cancelled Set this to `true` if closing an editable dialog without saving changes.\n   */\n  async hide(cancelled = false): Promise<void> {\n    this.__returnFocusTo?.focus();\n\n    await this.__setOpenDialogs(Dialog.openDialogs.filter(d => d !== this));\n    await this.__setConnected(false);\n\n    this.dispatchEvent(new Dialog.HideEvent(!!cancelled));\n  }\n\n  /**\n   * Shows the dialog. Returns a promise that resolves when the dialog\n   * finishes entering the screen.\n   *\n   * @param returnFocusTo If provided, the dialog will call `.focus()` on that element once it's closed.\n   */\n  async show(returnFocusTo?: HTMLElement): Promise<void> {\n    this.__returnFocusTo = returnFocusTo;\n\n    await this.__setConnected(true);\n    await this.__setOpenDialogs([this, ...Dialog.openDialogs]);\n\n    const closeButton = this.renderRoot.querySelector('#close-button') as HTMLButtonElement;\n    closeButton?.focus();\n\n    this.dispatchEvent(new Dialog.ShowEvent());\n  }\n\n  /** Alias for `dialog.hide(false)`. */\n  async save(): Promise<void> {\n    await this.hide(false);\n  }\n\n  private async __setOpenDialogs(newValue: Dialog[]) {\n    Dialog.openDialogs.length = 0;\n    Dialog.openDialogs.push(...newValue);\n\n    await Promise.all([\n      // animate dialog stack\n      Promise.all(Dialog.openDialogs.map(dialog => dialog.requestUpdate())),\n\n      // trigger exit transition\n      new Promise(resolve => {\n        const backdrop = this.renderRoot.querySelector('#backdrop') as HTMLDivElement;\n        backdrop.addEventListener('transitionend', resolve, { once: true });\n        this.__visible = Dialog.openDialogs.includes(this);\n      }),\n    ]);\n  }\n\n  private async __setConnected(newValue: boolean) {\n    this.__connected = newValue;\n    await this.updateComplete.then(() => this.getBoundingClientRect());\n  }\n}\n\ncustomElements.define('foxy-dialog-window', DialogWindow);\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/elements/private/Dialog/Dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultArray, LitElement, PropertyDeclarations, css } from 'lit-element';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { API } from '../../public/NucleonElement/API';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { DialogHideEvent } from './DialogHideEvent';\nimport { DialogShowEvent } from './DialogShowEvent';\nimport { DialogWindow } from './DialogWindow';\nimport { FetchEvent } from '../../public/NucleonElement/FetchEvent';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nconst Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(InferrableMixin(LitElement))));\n\nexport abstract class Dialog extends Base {\n  /**\n   * Selector of an element that will serve as a mounting point to all dialog windows.\n   * It's `<body>` by default, but you can add your own element with `id=\"foxy-dialog-windows-host\"`\n   * anywhere in the light DOM to render dialogs there.\n   */\n  static readonly dialogWindowsHost = '#foxy-dialog-windows-host, body';\n\n  /** Map of all dialog windows linked to their dialog elements. */\n  static readonly dialogWindows = new WeakMap<Dialog, DialogWindow>();\n\n  /** List of all currently open dialogs. */\n  static readonly openDialogs: Dialog[] = [];\n\n  /**\n   * Instance of this event will be dispatched on a dialog when it finishes entering the screen.\n   * This event does not bubble and can't cross shadow DOM boundary.\n   */\n  static readonly ShowEvent = DialogShowEvent;\n\n  /**\n   * Instance of this event will be dispatched on a dialog when it finishes leaving the screen.\n   * This event does not bubble and can't cross shadow DOM boundary.\n   */\n  static readonly HideEvent = DialogHideEvent;\n\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __connected: { attribute: false },\n      __visible: { attribute: false },\n      centered: { type: Boolean },\n      closable: { type: Boolean },\n      editable: { type: Boolean },\n      header: { type: String },\n      alert: { type: Boolean },\n      wide: { type: Boolean },\n      open: { type: Boolean, noAccessor: true },\n    };\n  }\n\n  /** @readonly */\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .grid-cols-header {\n          grid-template-columns: 1fr auto 1fr;\n        }\n\n        .scale-85 {\n          --tw-scale-x: 0.85;\n          --tw-scale-y: 0.85;\n        }\n      `,\n    ];\n  }\n\n  /** When true, renders Close button in the header. */\n  closable = false;\n\n  /** When true, renders Save button in the header. */\n  editable = false;\n\n  /** Header text or a i18next key for it. */\n  header = '';\n\n  /** When true, centers a dialog on the screen and does not animate the stack under. */\n  alert = false;\n\n  /** When true, dialog window will a larger maximum width. */\n  wide = false;\n\n  private __returnFocusTo?: HTMLElement;\n\n  private __handleKeyDown = (evt: KeyboardEvent) => {\n    if (evt.key === 'Escape' && Dialog.openDialogs[0] === this && this.closable)\n      this.hide(this.editable);\n  };\n\n  private __connected = false;\n\n  private __visible = false;\n\n  /** True if dialog is mounted and has finished entering the screen. */\n  get open(): boolean {\n    return this.__visible && this.__connected;\n  }\n\n  set open(newValue: boolean) {\n    newValue === this.open ? void 0 : newValue ? this.show() : this.hide(this.editable);\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    addEventListener('keydown', this.__handleKeyDown);\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    removeEventListener('keydown', this.__handleKeyDown);\n\n    Dialog.dialogWindows.get(this)?.remove();\n    Dialog.dialogWindows.delete(this);\n  }\n\n  /** @readonly */\n  createRenderRoot(): Element | ShadowRoot {\n    const dialogWindow = new DialogWindow();\n    const dialogWindowsHosts = document.querySelectorAll(Dialog.dialogWindowsHost);\n    const dialogWindowsHost = Array.from(dialogWindowsHosts).pop();\n\n    dialogWindow.addEventListener('fetch', (evt: Event) => {\n      if (evt instanceof FetchEvent) {\n        evt.stopImmediatePropagation();\n        evt.preventDefault();\n        evt.respondWith(new API(this).fetch(evt.request));\n      }\n    });\n\n    dialogWindowsHost?.appendChild(dialogWindow);\n    Dialog.dialogWindows.set(this, dialogWindow);\n\n    return dialogWindow.shadowRoot!;\n  }\n\n  /** @readonly */\n  render(content?: () => TemplateResult): TemplateResult {\n    if (!this.__connected) return html``;\n\n    const isFirst = Dialog.openDialogs[0] === this;\n    const isSecond = Dialog.openDialogs[1] === this;\n    const isThird = Dialog.openDialogs[2] === this;\n    const isForthAndGreater = !isFirst && !isSecond && !isThird;\n\n    return html`\n      <div\n        class=${classMap({ 'z-50 fixed inset-0': true, 'pointer-events-none': !this.__visible })}\n      >\n        <div\n          id=\"backdrop\"\n          class=${classMap({\n            'select-none ease-in-out transition duration-500 absolute inset-0 bg-shade-50 focus-outline-none':\n              true,\n            'opacity-100': this.__visible,\n            'opacity-0': !this.__visible,\n          })}\n          tabindex=\"-1\"\n          @click=${() => this.closable && this.hide(this.editable)}\n        ></div>\n\n        <div\n          role=\"dialog\"\n          aria-labelledby=\"dialog-title\"\n          class=${classMap({\n            'transform origin-bottom ease-in-out transition duration-500 relative h-full ml-auto sm-origin-center':\n              true,\n            'sm-max-w-modal': !this.wide,\n            'sm-max-w-modal-wide': this.wide,\n            'flex justify-center items-end sm-items-center mr-auto': this.alert,\n            'translate-y-full sm-translate-y-0': !this.__visible,\n            'sm-translate-x-full': !this.alert && !this.__visible,\n            'sm-opacity-0 sm-scale-110': this.alert && !this.__visible,\n            'translate-y-0 translate-x-0': isFirst && this.__visible,\n            'scale-95 -translate-y-s sm-translate-y-0': isSecond && this.__visible,\n            'scale-90 -translate-y-m sm-translate-y-0': isThird && this.__visible,\n            'opacity-0 scale-85 -translate-y-l sm-translate-y-0':\n              isForthAndGreater && this.__visible,\n          })}\n        >\n          <div\n            class=${classMap({\n              'overflow-hidden flex flex-col bg-base rounded-t-l sm-rounded-b-l': true,\n              'absolute inset-0 mt-xl sm-m-xl': !this.alert,\n              'shadow-xxl': this.__visible,\n              'flex-1': this.alert,\n            })}\n          >\n            <div\n              class=\"h-l grid grid-cols-header text-m font-lumo font-medium border-b border-contrast-10\"\n            >\n              ${this.closable && !this.hiddenSelector.matches('close-button', true)\n                ? html`\n                    <vaadin-button\n                      id=\"close-button\"\n                      theme=\"tertiary-inline\"\n                      class=\"mr-auto m-s px-s\"\n                      ?disabled=${this.disabledSelector.matches('close-button', true)}\n                      @click=${() => this.hide(this.editable)}\n                    >\n                      <foxy-i18n\n                        lang=${this.lang}\n                        key=${this.editable ? 'cancel' : 'close'}\n                        ns=${this.ns}\n                      >\n                      </foxy-i18n>\n                    </vaadin-button>\n                  `\n                : html`<div></div>`}\n\n              <h1 id=\"dialog-title\" class=\"truncate self-center text-center\">\n                <foxy-i18n ns=${this.ns} lang=${this.lang} key=${this.header}></foxy-i18n>\n              </h1>\n\n              ${this.editable && !this.hiddenSelector.matches('save-button', true)\n                ? html`\n                    <vaadin-button\n                      data-testid=\"save-button\"\n                      ?disabled=${this.disabledSelector.matches('save-button', true)}\n                      theme=\"primary\"\n                      class=\"ml-auto h-auto min-h-0 min-w-0 m-xs px-m\"\n                      @click=${this.save}\n                    >\n                      <foxy-i18n ns=${this.ns} lang=${this.lang} key=\"save\"></foxy-i18n>\n                    </vaadin-button>\n                  `\n                : html`<div></div>`}\n            </div>\n\n            <div class=\"flex-1 overflow-y-auto overflow-x-hidden overscroll-contain\">\n              <div class=\"p-m relative\">${content?.()}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * Hides the dialog. Returns a promise that resolves when the dialog\n   * finishes leaving the screen.\n   *\n   * @param cancelled Set this to `true` if closing an editable dialog without saving changes.\n   */\n  async hide(cancelled = false): Promise<void> {\n    this.__returnFocusTo?.focus();\n\n    await this.__setOpenDialogs(Dialog.openDialogs.filter(d => d !== this));\n    await this.__setConnected(false);\n\n    this.dispatchEvent(new Dialog.HideEvent(!!cancelled));\n  }\n\n  /**\n   * Shows the dialog. Returns a promise that resolves when the dialog\n   * finishes entering the screen.\n   *\n   * @param returnFocusTo If provided, the dialog will call `.focus()` on that element once it's closed.\n   */\n  async show(returnFocusTo?: HTMLElement): Promise<void> {\n    this.__returnFocusTo = returnFocusTo;\n\n    await this.__setConnected(true);\n    await this.__setOpenDialogs([this, ...Dialog.openDialogs]);\n\n    const closeButton = this.renderRoot.querySelector('#close-button') as HTMLButtonElement;\n    closeButton?.focus();\n\n    this.dispatchEvent(new Dialog.ShowEvent());\n  }\n\n  /** Alias for `dialog.hide(false)`. */\n  async save(): Promise<void> {\n    await this.hide(false);\n  }\n\n  private async __setOpenDialogs(newValue: Dialog[]) {\n    Dialog.openDialogs.length = 0;\n    Dialog.openDialogs.push(...newValue);\n\n    await Promise.all([\n      // animate dialog stack\n      Promise.all(Dialog.openDialogs.map(dialog => dialog.requestUpdate())),\n\n      // trigger exit transition\n      new Promise(resolve => {\n        const backdrop = this.renderRoot.querySelector('#backdrop') as HTMLDivElement;\n        backdrop.addEventListener('transitionend', resolve, { once: true });\n        this.__visible = Dialog.openDialogs.includes(this);\n      }),\n    ]);\n  }\n\n  private async __setConnected(newValue: boolean) {\n    this.__connected = newValue;\n    await this.updateComplete.then(() => this.getBoundingClientRect());\n  }\n}\n\ncustomElements.define('foxy-dialog-window', DialogWindow);\n"]}

package/dist/elements/private/Group/Group.js

@@ -22,7 +22,7 @@ export class Group extends LitElement {
           <slot name="header"></slot>
         </h3>
 
-        <div class="rounded-t-l rounded-b-l ${this.frame ? frameClass : ''}">
+        <div class="rounded ${this.frame ? frameClass : ''}">
           <slot></slot>
         </div>
       </section>