npm - @foxy.io/elements - Versions diffs - 1.16.0-beta.9 → 1.17.1 - Mend

@foxy.io/elements 1.16.0-beta.9 → 1.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (294) hide show

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

@@ -4,8 +4,24 @@ import { NucleonElement } from '../../public/NucleonElement/NucleonElement';
 declare const Base: typeof NucleonElement & {
     styles: import("lit-element").CSSResultArray;
 } & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+/**
+ * An internal base class for any nucleon-powered form. Renders create/delete
+ * buttons and timestamps by default, displays a spinner in non-idle states.
+ *
+ * @element foxy-internal-form
+ * @since 1.17.0
+ */
 export declare class InternalForm<TData extends HALJSONResource> extends Base<TData> {
+    /**
+     * Renders form body. This is the method you should implement in your forms
+     * instead of `.render()`. If you'd like to keep the submit button and the timestamps,
+     * don't forget to add `super.renderBody()` to your template.
+     */
     renderBody(): TemplateResult;
+    /**
+     * Renders the entire form. You should probably implement `.renderBody()`
+     * instead of this method in your form to keep the spinner and the common layout features.
+     */
     render(): TemplateResult;
 }
 export {};

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

@@ -4,7 +4,19 @@ import { NucleonElement } from "../../public/NucleonElement/NucleonElement.js";
 import { classMap } from "../../../utils/class-map.js";
 import { html } from 'lit-html';
 const Base = ConfigurableMixin(ThemeableMixin(NucleonElement));
+/**
+ * An internal base class for any nucleon-powered form. Renders create/delete
+ * buttons and timestamps by default, displays a spinner in non-idle states.
+ *
+ * @element foxy-internal-form
+ * @since 1.17.0
+ */
 export class InternalForm extends Base {
+    /**
+     * Renders form body. This is the method you should implement in your forms
+     * instead of `.render()`. If you'd like to keep the submit button and the timestamps,
+     * don't forget to add `super.renderBody()` to your template.
+     */
     renderBody() {
         return this.data
             ? html `
@@ -13,6 +25,10 @@ export class InternalForm extends Base {
         `
             : html `<foxy-internal-create-control infer="create"></foxy-internal-create-control>`;
     }
+    /**
+     * Renders the entire form. You should probably implement `.renderBody()`
+     * instead of this method in your form to keep the spinner and the common layout features.
+     */
     render() {
         const isSpinnerVisible = !this.in('idle') && (!this.in({ busy: 'fetching' }) || !this.data);
         return html `
@@ -28,6 +44,7 @@ export class InternalForm extends Base {
         </div>
         <div
+          data-testid="spinner"
           class=${classMap({
             'transition-opacity absolute inset-0 flex': true,
             'opacity-0 pointer-events-none': !isSpinnerVisible,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalForm.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/InternalForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D,MAAM,OAAO,YAA4C,SAAQ,IAAW;IAC1E,UAAU;QACR,OAAO,IAAI,CAAC,IAAI;YACd,CAAC,CAAC,IAAI,CAAA;;;SAGH;YACH,CAAC,CAAC,IAAI,CAAA,8EAA8E,CAAC;IACzF,CAAC;IAED,MAAM;QACJ,MAAM,gBAAgB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE5F,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;kBAEpB,QAAQ,CAAC;YACf,wBAAwB,EAAE,IAAI;YAC9B,oBAAoB,EAAE,IAAI;YAC1B,+BAA+B,EAAE,gBAAgB;SAClD,CAAC;;YAEA,IAAI,CAAC,UAAU,EAAE~~;;;;kBAIX~~,QAAQ,CAAC;YACf,0CAA0C,EAAE,IAAI;YAChD,+BAA+B,EAAE,CAAC,gBAAgB;SACnD,CAAC;;;qBAGS,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;;oBAE1C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;;;KAMjD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { HALJSONResource } from '../../public/NucleonElement/types';\nimport type { TemplateResult } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\nexport class InternalForm<TData extends HALJSONResource> extends Base<TData> {\n renderBody(): TemplateResult {\n return this.data\n ? html`\n <foxy-internal-timestamps-control infer=\"timestamps\"></foxy-internal-timestamps-control>\n <foxy-internal-delete-control infer=\"delete\"></foxy-internal-delete-control>\n `\n : html`<foxy-internal-create-control infer=\"create\"></foxy-internal-create-control>`;\n }\n\n render(): TemplateResult {\n const isSpinnerVisible = !this.in('idle') && (!this.in({ busy: 'fetching' }) \|\| !this.data);\n\n return html`\n <div aria-busy=${this.in('busy')} aria-live=\"polite\" class=\"relative\">\n <div\n class=${classMap({\n 'grid grid-cols-1 gap-m': true,\n 'transition-opacity': true,\n 'opacity-0 pointer-events-none': isSpinnerVisible,\n })}\n >\n ${this.renderBody()}\n </div>\n\n <div\n class=${classMap({\n 'transition-opacity absolute inset-0 flex': true,\n 'opacity-0 pointer-events-none': !isSpinnerVisible,\n })}\n >\n <foxy-spinner\n layout=${this.in('fail') ? 'vertical' : 'no-label'}\n class=\"m-auto\"\n state=${this.in('fail') ? 'error' : 'busy'}\n infer=\"spinner\"\n >\n </foxy-spinner>\n </div>\n </div>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"InternalForm.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalForm/InternalForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,sDAAmD;AAC5E,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE/D;;;;;;GAMG;AACH,MAAM,OAAO,YAA4C,SAAQ,IAAW;IAC1E;;;;OAIG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,IAAI;YACd,CAAC,CAAC,IAAI,CAAA;;;SAGH;YACH,CAAC,CAAC,IAAI,CAAA,8EAA8E,CAAC;IACzF,CAAC;IAED;;;OAGG;IACH,MAAM;QACJ,MAAM,gBAAgB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE5F,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;;kBAEpB,QAAQ,CAAC;YACf,wBAAwB,EAAE,IAAI;YAC9B,oBAAoB,EAAE,IAAI;YAC1B,+BAA+B,EAAE,gBAAgB;SAClD,CAAC;;YAEA,IAAI,CAAC,UAAU,EAAE;;;;;kBAKX,QAAQ,CAAC;YACf,0CAA0C,EAAE,IAAI;YAChD,+BAA+B,EAAE,CAAC,gBAAgB;SACnD,CAAC;;;qBAGS,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;;oBAE1C,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;;;KAMjD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { HALJSONResource } from '../../public/NucleonElement/types';\nimport type { TemplateResult } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../../public/NucleonElement/NucleonElement';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst Base = ConfigurableMixin(ThemeableMixin(NucleonElement));\n\n/*\n An internal base class for any nucleon-powered form. Renders create/delete\n * buttons and timestamps by default, displays a spinner in non-idle states.\n \n @element foxy-internal-form\n * @since 1.17.0\n /\nexport class InternalForm<TData extends HALJSONResource> extends Base<TData> {\n /\n Renders form body. This is the method you should implement in your forms\n * instead of `.render()`. If you'd like to keep the submit button and the timestamps,\n * don't forget to add `super.renderBody()` to your template.\n /\n renderBody(): TemplateResult {\n return this.data\n ? html`\n <foxy-internal-timestamps-control infer=\"timestamps\"></foxy-internal-timestamps-control>\n <foxy-internal-delete-control infer=\"delete\"></foxy-internal-delete-control>\n `\n : html`<foxy-internal-create-control infer=\"create\"></foxy-internal-create-control>`;\n }\n\n /\n Renders the entire form. You should probably implement `.renderBody()`\n * instead of this method in your form to keep the spinner and the common layout features.\n */\n render(): TemplateResult {\n const isSpinnerVisible = !this.in('idle') && (!this.in({ busy: 'fetching' }) \|\| !this.data);\n\n return html`\n <div aria-busy=${this.in('busy')} aria-live=\"polite\" class=\"relative\">\n <div\n class=${classMap({\n 'grid grid-cols-1 gap-m': true,\n 'transition-opacity': true,\n 'opacity-0 pointer-events-none': isSpinnerVisible,\n })}\n >\n ${this.renderBody()}\n </div>\n\n <div\n data-testid=\"spinner\"\n class=${classMap({\n 'transition-opacity absolute inset-0 flex': true,\n 'opacity-0 pointer-events-none': !isSpinnerVisible,\n })}\n >\n <foxy-spinner\n layout=${this.in('fail') ? 'vertical' : 'no-label'}\n class=\"m-auto\"\n state=${this.in('fail') ? 'error' : 'busy'}\n infer=\"spinner\"\n >\n </foxy-spinner>\n </div>\n </div>\n `;\n }\n}\n"]}

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

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

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

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

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

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

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

@@ -4,7 +4,7 @@ import { InternalEditableControl } from '../InternalEditableControl/InternalEdit
  * Internal control displaying a custom field for frequency input.
  *
  * @since 1.17.0
- * @tag foxy-internal-frequency-control
+ * @element foxy-internal-frequency-control
  */
 export declare class InternalFrequencyControl extends InternalEditableControl {
     static get styles(): CSSResultArray;

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

@@ -5,7 +5,7 @@ import { css, html } from 'lit-element';
  * Internal control displaying a custom field for frequency input.
  *
  * @since 1.17.0
- * @tag foxy-internal-frequency-control
+ * @element foxy-internal-frequency-control
  */
 export class InternalFrequencyControl extends InternalEditableControl {
     constructor() {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalFrequencyControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalFrequencyControl/InternalFrequencyControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CustomFieldElement, CustomFieldI18n } from '@vaadin/vaadin-custom-field';\nimport type { CSSResultArray, TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { parseDuration } from '../../../utils/parse-duration';\nimport { css, html } from 'lit-element';\n\n/*\n Internal control displaying a custom field for frequency input.\n \n @since 1.17.0\n * @~~tag~~ foxy-internal-frequency-control\n */\nexport class InternalFrequencyControl extends InternalEditableControl {\n static get styles(): CSSResultArray {\n return [\n super.styles,\n css`\n :host {\n display: block;\n }\n\n vaadin-custom-field {\n width: 100%;\n font-size: 0;\n line-height: 0;\n padding-top: 0 !important;\n }\n\n vaadin-custom-field::part(label) {\n padding-bottom: var(--lumo-space-s);\n }\n\n vaadin-custom-field::part(error-message)[aria-hidden='false'] {\n padding-top: var(--lumo-space-xs);\n }\n\n vaadin-integer-field,\n vaadin-combo-box {\n width: calc(50% - (var(--lumo-space-s) / 2));\n }\n\n vaadin-integer-field {\n margin-right: var(--lumo-space-s);\n padding: 0;\n }\n\n vaadin-combo-box::part(text-field) {\n padding: 0;\n }\n `,\n ];\n }\n\n private __i18n: CustomFieldI18n = {\n formatValue: inputValues => inputValues.join(''),\n parseValue: value => {\n const { count, units } = parseDuration(value);\n return [count.toString(), units];\n },\n };\n\n renderControl(): TemplateResult {\n const value = (this._value ?? '') as string;\n const count = parseDuration(value).count;\n\n return html`\n <vaadin-custom-field\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n .checkValidity=${this._checkValidity}\n .errorMessage=${this._errorMessage ?? ''}\n .helperText=${this.helperText}\n .label=${this.label}\n .value=${value}\n .i18n=${this.__i18n}\n @change=${(evt: CustomEvent) => {\n const field = evt.currentTarget as CustomFieldElement;\n this._value = field.value as string;\n }}\n >\n <vaadin-integer-field\n max=\"999\"\n min=\"1\"\n prevent-invalid-input\n has-controls\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?invalid=${!this._checkValidity()}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n >\n </vaadin-integer-field>\n\n <vaadin-combo-box\n item-value-path=\"value\"\n item-label-path=\"label\"\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?invalid=${!this._checkValidity()}\n .items=${[\n { value: 'd', label: this.t('day', { count }) },\n { value: 'w', label: this.t('week', { count }) },\n { value: 'm', label: this.t('month', { count }) },\n { value: 'y', label: this.t('year', { count }) },\n ]}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n >\n </vaadin-combo-box>\n </vaadin-custom-field>\n `;\n }\n\n updated(changes: Map<keyof this, unknown>): void {\n super.updated(changes);\n const field = this.renderRoot.firstElementChild as CustomFieldElement;\n if (field.value !== this._value) field.value = this._value as string;\n }\n}\n"]}
1	+ {"version":3,"file":"InternalFrequencyControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalFrequencyControl/InternalFrequencyControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CustomFieldElement, CustomFieldI18n } from '@vaadin/vaadin-custom-field';\nimport type { CSSResultArray, TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { parseDuration } from '../../../utils/parse-duration';\nimport { css, html } from 'lit-element';\n\n/*\n Internal control displaying a custom field for frequency input.\n \n @since 1.17.0\n * @element foxy-internal-frequency-control\n */\nexport class InternalFrequencyControl extends InternalEditableControl {\n static get styles(): CSSResultArray {\n return [\n super.styles,\n css`\n :host {\n display: block;\n }\n\n vaadin-custom-field {\n width: 100%;\n font-size: 0;\n line-height: 0;\n padding-top: 0 !important;\n }\n\n vaadin-custom-field::part(label) {\n padding-bottom: var(--lumo-space-s);\n }\n\n vaadin-custom-field::part(error-message)[aria-hidden='false'] {\n padding-top: var(--lumo-space-xs);\n }\n\n vaadin-integer-field,\n vaadin-combo-box {\n width: calc(50% - (var(--lumo-space-s) / 2));\n }\n\n vaadin-integer-field {\n margin-right: var(--lumo-space-s);\n padding: 0;\n }\n\n vaadin-combo-box::part(text-field) {\n padding: 0;\n }\n `,\n ];\n }\n\n private __i18n: CustomFieldI18n = {\n formatValue: inputValues => inputValues.join(''),\n parseValue: value => {\n const { count, units } = parseDuration(value);\n return [count.toString(), units];\n },\n };\n\n renderControl(): TemplateResult {\n const value = (this._value ?? '') as string;\n const count = parseDuration(value).count;\n\n return html`\n <vaadin-custom-field\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n .checkValidity=${this._checkValidity}\n .errorMessage=${this._errorMessage ?? ''}\n .helperText=${this.helperText}\n .label=${this.label}\n .value=${value}\n .i18n=${this.__i18n}\n @change=${(evt: CustomEvent) => {\n const field = evt.currentTarget as CustomFieldElement;\n this._value = field.value as string;\n }}\n >\n <vaadin-integer-field\n max=\"999\"\n min=\"1\"\n prevent-invalid-input\n has-controls\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?invalid=${!this._checkValidity()}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n >\n </vaadin-integer-field>\n\n <vaadin-combo-box\n item-value-path=\"value\"\n item-label-path=\"label\"\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?invalid=${!this._checkValidity()}\n .items=${[\n { value: 'd', label: this.t('day', { count }) },\n { value: 'w', label: this.t('week', { count }) },\n { value: 'm', label: this.t('month', { count }) },\n { value: 'y', label: this.t('year', { count }) },\n ]}\n @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n >\n </vaadin-combo-box>\n </vaadin-custom-field>\n `;\n }\n\n updated(changes: Map<keyof this, unknown>): void {\n super.updated(changes);\n const field = this.renderRoot.firstElementChild as CustomFieldElement;\n if (field.value !== this._value) field.value = this._value as string;\n }\n}\n"]}

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

@@ -4,7 +4,7 @@ import { InternalEditableControl } from '../InternalEditableControl/InternalEdit
  * Internal control displaying a basic integer box.
  *
  * @since 1.17.0
- * @tag foxy-internal-integer-control
+ * @element foxy-internal-integer-control
  */
 export declare class InternalIntegerControl extends InternalEditableControl {
     renderControl(): TemplateResult;

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

@@ -5,7 +5,7 @@ import { html } from 'lit-element';
  * Internal control displaying a basic integer box.
  *
  * @since 1.17.0
- * @tag foxy-internal-integer-control
+ * @element foxy-internal-integer-control
  */
 export class InternalIntegerControl extends InternalEditableControl {
     renderControl() {

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"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 * @element 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/InternalNumberControl/InternalNumberControl.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { InternalEditableControl } from '../InternalEditableControl/InternalEdit
  * Internal control displaying a basic number box.
  *
  * @since 1.17.0
- * @tag foxy-internal-number-control
+ * @element foxy-internal-number-control
  */
 export declare class InternalNumberControl extends InternalEditableControl {
     renderControl(): TemplateResult;

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

@@ -5,7 +5,7 @@ import { html } from 'lit-element';
  * Internal control displaying a basic number box.
  *
  * @since 1.17.0
- * @tag foxy-internal-number-control
+ * @element foxy-internal-number-control
  */
 export class InternalNumberControl extends InternalEditableControl {
     renderControl() {

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

	@@ -1 +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 * @~~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"]}
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"]}

package/dist/elements/internal/InternalRadioGroupControl/InternalRadioGroupControl.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import { InternalEditableControl } from '../InternalEditableControl/InternalEdit
  * Internal control wrapper for `vaadin-radio-group` element.
  *
  * @since 1.17.0
- * @tag foxy-internal-radio-group-control
+ * @element foxy-internal-radio-group-control
  */
 export declare class InternalRadioGroupControl extends InternalEditableControl {
     static get properties(): PropertyDeclarations;

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

@@ -5,7 +5,7 @@ import { html } from 'lit-html';
  * Internal control wrapper for `vaadin-radio-group` element.
  *
  * @since 1.17.0
- * @tag foxy-internal-radio-group-control
+ * @element foxy-internal-radio-group-control
  */
 export class InternalRadioGroupControl extends InternalEditableControl {
     constructor() {

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

	@@ -1 +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 * @~~tag~~ 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"]}
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"]}

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

@@ -4,7 +4,7 @@ import { InternalEditableControl } from '../InternalEditableControl/InternalEdit
  * Internal control displaying a basic text box.
  *
  * @since 1.17.0
- * @tag foxy-internal-text-control
+ * @element foxy-internal-text-control
  */
 export declare class InternalTextControl extends InternalEditableControl {
     renderControl(): TemplateResult;

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

@@ -5,7 +5,7 @@ import { html } from 'lit-element';
  * Internal control displaying a basic text box.
  *
  * @since 1.17.0
- * @tag foxy-internal-text-control
+ * @element foxy-internal-text-control
  */
 export class InternalTextControl extends InternalEditableControl {
     renderControl() {

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

	@@ -1 +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 * @~~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"]}
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"]}

package/dist/elements/internal/InternalTimestampsControl/InternalTimestampsControl.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { CSSResultArray } from 'lit-element';
+import { TemplateResult } from 'lit-html';
+import { InternalControl } from '../InternalControl/InternalControl';
+/**
+ * Internal control displaying creation and last modification date
+ * for a hAPI resource in a table.
+ *
+ * @element foxy-internal-timestamps-control
+ * @since 1.17.0
+ */
+export declare class InternalTimestampsControl extends InternalControl {
+    static get styles(): CSSResultArray;
+    renderControl(): TemplateResult;
+}

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

@@ -1,12 +1,15 @@
 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";
+/**
+ * Internal control displaying creation and last modification date
+ * for a hAPI resource in a table.
+ *
+ * @element foxy-internal-timestamps-control
+ * @since 1.17.0
+ */
 export class InternalTimestampsControl extends InternalControl {
-    constructor() {
-        super(...arguments);
-        this.infer = 'timestamps';
-    }
     static get styles() {
         return [
             super.styles,
@@ -22,28 +25,26 @@ export class InternalTimestampsControl extends InternalControl {
         <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=${this.lang} key="date_created" ns=${this.ns}></foxy-i18n>
+              <foxy-i18n infer="" key="date_created"></foxy-i18n>
             </td>
             <td class="max-w-0 truncate py-s text-body w-2-3">
               <foxy-i18n
                 options=${JSON.stringify({ value: get(this, 'nucleon.form.date_created') })}
-                lang=${this.lang}
+                infer=""
                 key="date"
-                ns=${this.ns}
               >
               </foxy-i18n>
             </td>
           </tr>
           <tr>
             <td class="max-w-0 truncate py-s text-secondary w-1-3 pr-m">
-              <foxy-i18n lang=${this.lang} key="date_modified" ns=${this.ns}></foxy-i18n>
+              <foxy-i18n infer="" key="date_modified"></foxy-i18n>
             </td>
             <td class="max-w-0 truncate py-s text-body w-2-3">
               <foxy-i18n
                 options=${JSON.stringify({ value: get(this, 'nucleon.form.date_modified') })}
-                lang=${this.lang}
+                infer=""
                 key="date"
-                ns=${this.ns}
               >
               </foxy-i18n>
             </td>

package/dist/elements/internal/InternalTimestampsControl/InternalTimestampsControl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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;;;;;;GAMG;AACH,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAC5D,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;OAIF;SACF,CAAC;IACJ,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAA;;;;;;;;;0BASW,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,2BAA2B,CAAC,EAAE,CAAC;;;;;;;;;;;;;0BAajE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,4BAA4B,CAAC,EAAE,CAAC;;;;;;;;;KASvF,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\n/**\n * Internal control displaying creation and last modification date\n * for a hAPI resource in a table.\n *\n * @element foxy-internal-timestamps-control\n * @since 1.17.0\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 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 infer=\"\" key=\"date_created\"></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 infer=\"\"\n key=\"date\"\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 infer=\"\" key=\"date_modified\"></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 infer=\"\"\n key=\"date\"\n >\n </foxy-i18n>\n </td>\n </tr>\n </tbody>\n </table>\n `;\n }\n}\n"]}

package/dist/elements/internal/{InternalForm/internal/InternalTimestampsControl → InternalTimestampsControl}/index.d.ts RENAMED Viewed

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

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

@@ -1,3 +1,5 @@
+import "../../public/I18n/index.js";
+import "../InternalControl/index.js";
 import { InternalTimestampsControl } from "./InternalTimestampsControl.js";
 customElements.define('foxy-internal-timestamps-control', InternalTimestampsControl);
 export { InternalTimestampsControl };

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

@@ -0,0 +1 @@

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

package/dist/elements/public/ApiBrowser/ApiBrowser.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
     defaultNS: string;
 } & {
     styles: import("lit-element").CSSResultArray;
-};
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
 /**
  * Interactive hAPI explorer.
  *

package/dist/elements/public/ApiBrowser/ApiBrowser.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { NucleonElement } from "../NucleonElement/NucleonElement.js";
 import { html } from 'lit-element';
 import debounce from 'lodash-es/debounce';
 const NS = 'api-browser';
-const Base = ThemeableMixin(TranslatableMixin(NucleonElement, NS));
+const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));
 /**
  * Interactive hAPI explorer.
  *
@@ -63,7 +64,7 @@ export class ApiBrowser extends Base {
             title=${this.t('go_back')}
             theme="icon contrast"
             class="p-0"
-            ?disabled=${!this.__canGoBack}
+            ?disabled=${this.disabled || !this.__canGoBack}
             @click=${() => this.__goBack()}
           >
             <iron-icon class="icon-inline text-m" icon="icons:arrow-back"></iron-icon>
@@ -73,7 +74,7 @@ export class ApiBrowser extends Base {
             title=${this.t('go_home')}
             theme="icon contrast"
             class="p-0"
-            ?disabled=${!this.__canGoHome}
+            ?disabled=${this.disabled || !this.__canGoHome}
             @click=${() => this.__goHome()}
           >
             <iron-icon class="icon-inline text-m" icon="icons:home"></iron-icon>
@@ -81,7 +82,10 @@ export class ApiBrowser extends Base {
           <vaadin-text-field
             placeholder="https://api.foxy.io/stores/0"
+            aria-label=${this.t('current_url')}
             class="flex-1"
+            ?disabled=${this.disabled}
+            ?readonly=${this.readonly}
             .value=${this.href || this.parent}
             @input=${(evt) => {
             const field = evt.currentTarget;
@@ -96,7 +100,7 @@ export class ApiBrowser extends Base {
             title=${this.t('refresh')}
             theme="icon contrast"
             class="p-0"
-            ?disabled=${this.in('busy')}
+            ?disabled=${this.disabled || this.in('busy')}
             @click=${() => this.refresh()}
           >
             <iron-icon class="icon-inline text-m" icon="icons:refresh"></iron-icon>
@@ -104,18 +108,20 @@ export class ApiBrowser extends Base {
           <div class="grid grid-cols-2">
             <vaadin-button
+              title=${this.t('get_mode')}
               theme=${this.href ? 'contrast primary' : 'contrast'}
               class="rounded-r-none p-0"
-              ?disabled=${this.__mode === 'get'}
+              ?disabled=${this.disabled || this.__mode === 'get'}
               @click=${() => (this.__mode = 'get')}
             >
               GET
             </vaadin-button>
             <vaadin-button
+              title=${this.t('post_mode')}
               theme=${this.href ? 'contrast' : 'contrast primary'}
               class="rounded-l-none p-0"
-              ?disabled=${this.__mode === 'post'}
+              ?disabled=${this.disabled || this.__mode === 'post'}
               @click=${() => (this.__mode = 'post')}
             >
               POST

package/dist/elements/public/ApiBrowser/ApiBrowser.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ApiBrowser.js","sourceRoot":"","sources":["../../../../src/elements/public/ApiBrowser/ApiBrowser.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { InternalApiBrowserResourceForm } from './internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm';\nimport type { ItemRendererContext } from '../CollectionPage/types';\nimport type { FetchEvent } from '../NucleonElement/FetchEvent';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { html } from 'lit-element';\n\nimport debounce from 'lodash-es/debounce';\n\nconst NS = 'api-browser';\nconst Base = ThemeableMixin(TranslatableMixin(NucleonElement, NS));\n\n/*\n Interactive hAPI explorer.\n \n @element foxy-api-explorer\n * @since 1.17.0\n /\nexport class ApiBrowser extends Base<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __history: { attribute: false },\n home: { type: String },\n };\n }\n\n /* Bookmark URL of your API. */\n home: string \| null = null;\n\n private __history: { href: string; parent: string }[] = [];\n\n private __debounce = debounce((callback: () => void) => callback(), 250);\n\n private __renderItem = ({ href, html }: ItemRendererContext<Data>) => {\n if (!href) return html``;\n return html`\n <foxy-internal-api-browser-resource-form infer=\"\" href=${href}>\n </foxy-internal-api-browser-resource-form>\n `;\n };\n\n private __handleExistingResourceFetch = (evt: FetchEvent) => {\n if (evt.request.method === 'DELETE') {\n evt.preventDefault();\n evt.respondWith(\n new ApiBrowser.API(this).fetch(evt.request).then(response => {\n if (response.ok) {\n if (this.__canGoBack) {\n this.__goBack();\n } else if (this.__canGoHome) {\n this.__goHome();\n } else {\n this.parent = '';\n this.href = '';\n }\n }\n\n return response;\n })\n );\n }\n };\n\n render(): TemplateResult {\n return html`\n <div class=\"space-y-m\">\n <div class=\"flex items-center gap-s flex-wrap-reverse\">\n <vaadin-button\n title=${this.t('go_back')}\n theme=\"icon contrast\"\n class=\"p-0\"\n ?disabled=${!this.__canGoBack}\n @click=${() => this.__goBack()}\n >\n <iron-icon class=\"icon-inline text-m\" icon=\"icons:arrow-back\"></iron-icon>\n </vaadin-button>\n\n <vaadin-button\n title=${this.t('go_home')}\n theme=\"icon contrast\"\n class=\"p-0\"\n ?disabled=${!this.__canGoHome}\n @click=${() => this.__goHome()}\n >\n <iron-icon class=\"icon-inline text-m\" icon=\"icons:home\"></iron-icon>\n </vaadin-button>\n\n <vaadin-text-field\n placeholder=\"https://api.foxy.io/stores/0\"\n class=\"flex-1\"\n .value=${this.href \|\| this.parent}\n @input=${(evt: CustomEvent) => {\n const field = evt.currentTarget as TextFieldElement;\n const value = field.value;\n const property = this.href ? 'href' : 'parent';\n\n this.__debounce(() => (this[property] = value));\n }}\n >\n </vaadin-text-field>\n\n <vaadin-button\n title=${this.t('refresh')}\n theme=\"icon contrast\"\n class=\"p-0\"\n ?disabled=${this.in('busy')}\n @click=${() => this.refresh()}\n >\n <iron-icon class=\"icon-inline text-m\" icon=\"icons:refresh\"></iron-icon>\n </vaadin-button>\n\n <div class=\"grid grid-cols-2\">\n <vaadin-button\n theme=${this.href ? 'contrast primary' : 'contrast'}\n class=\"rounded-r-none p-0\"\n ?disabled=${this.__mode === 'get'}\n @click=${() => (this.__mode = 'get')}\n >\n GET\n </vaadin-button>\n\n <vaadin-button\n theme=${this.href ? 'contrast' : 'contrast primary'}\n class=\"rounded-l-none p-0\"\n ?disabled=${this.__mode === 'post'}\n @click=${() => (this.__mode = 'post')}\n >\n POST\n </vaadin-button>\n </div>\n </div>\n\n <div\n @navigate:get=${(evt: CustomEvent<string>) => {\n evt.stopPropagation();\n this.__history.push({ href: this.href, parent: this.parent });\n this.parent = '';\n this.href = evt.detail;\n }}\n @navigate:post=${(evt: CustomEvent<string>) => {\n evt.stopPropagation();\n this.__history.push({ href: this.href, parent: this.parent });\n this.parent = evt.detail;\n this.href = '';\n }}\n >\n ${this.href\n ? html`\n ${this.data?._links.first\n ? html`\n <foxy-pagination first=${this.href} infer=\"\">\n <foxy-collection-page\n class=\"block space-y-m mb-m\"\n infer=\"\"\n .item=${this.__renderItem as any}\n >\n </foxy-collection-page>\n </foxy-pagination>\n `\n : html`\n <foxy-internal-api-browser-resource-form\n infer=\"\"\n href=${this.href}\n open\n @fetch=${this.__handleExistingResourceFetch}\n >\n </foxy-internal-api-browser-resource-form>\n `}\n `\n : html`\n <foxy-internal-api-browser-resource-form\n infer=\"\"\n parent=${this.parent}\n open\n @update=${(evt: CustomEvent) => {\n const form = evt.currentTarget as InternalApiBrowserResourceForm;\n if (form.in({ idle: 'snapshot' })) {\n this.href = form.data._links.self.href;\n this.parent = '';\n }\n }}\n >\n </foxy-internal-api-browser-resource-form>\n `}\n </div>\n </div>\n `;\n }\n\n private get __canGoBack() {\n return this.__history.length > 0;\n }\n\n private get __canGoHome() {\n return this.href !== this.home;\n }\n\n private get __mode() {\n return this.href ? 'get' : 'post';\n }\n\n private set __mode(newValue: 'get' \| 'post') {\n if (newValue === 'get') {\n this.href = this.parent;\n this.parent = '';\n } else {\n this.parent = this.href;\n this.href = '';\n }\n }\n\n private __goBack() {\n const index = this.__history.length - 1;\n const entry = this.__history[index];\n\n this.parent = entry?.parent ?? '';\n this.href = entry?.href ?? '';\n this.__history = this.__history.slice(0, index);\n }\n\n private __goHome() {\n this.__history = [];\n this.parent = '';\n this.href = this.home ?? '';\n }\n}\n"]}
1	+ {"version":3,"file":"ApiBrowser.js","sourceRoot":"","sources":["../../../../src/elements/public/ApiBrowser/ApiBrowser.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,MAAM,EAAE,GAAG,aAAa,CAAC;AACzB,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtF;;;;;GAKG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAU;IAA1C;;QASE,gCAAgC;QAChC,SAAI,GAAkB,IAAI,CAAC;QAEnB,cAAS,GAAuC,EAAE,CAAC;QAEnD,eAAU,GAAG,QAAQ,CAAC,CAAC,QAAoB,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,CAAC;QAEjE,iBAAY,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAA6B,EAAE,EAAE;YACnE,IAAI,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAA,EAAE,CAAC;YACzB,OAAO,IAAI,CAAA;+DACgD,IAAI;;KAE9D,CAAC;QACJ,CAAC,CAAC;QAEM,kCAA6B,GAAG,CAAC,GAAe,EAAE,EAAE;YAC1D,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,QAAQ,EAAE;gBACnC,GAAG,CAAC,cAAc,EAAE,CAAC;gBACrB,GAAG,CAAC,WAAW,CACb,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;oBAC1D,IAAI,QAAQ,CAAC,EAAE,EAAE;wBACf,IAAI,IAAI,CAAC,WAAW,EAAE;4BACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;yBACjB;6BAAM,IAAI,IAAI,CAAC,WAAW,EAAE;4BAC3B,IAAI,CAAC,QAAQ,EAAE,CAAC;yBACjB;6BAAM;4BACL,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;4BACjB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;yBAChB;qBACF;oBAED,OAAO,QAAQ,CAAC;gBAClB,CAAC,CAAC,CACH,CAAC;aACH;QACH,CAAC,CAAC;IAyKJ,CAAC;IApNC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC/B,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACvB,CAAC;IACJ,CAAC;IAuCD,MAAM;;QACJ,OAAO,IAAI,CAAA;;;;oBAIK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;;;wBAGb,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW;qBACrC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;;;;;;oBAMtB,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;;;wBAGb,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW;qBACrC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;;;;;;;yBAOjB,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC;;wBAEtB,IAAI,CAAC,QAAQ;wBACb,IAAI,CAAC,QAAQ;qBAChB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM;qBACxB,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;YACpD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;YAE/C,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAClD,CAAC;;;;;oBAKO,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;;;wBAGb,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC;qBACnC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;;;;;;;sBAOnB,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;sBAClB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU;;0BAEvC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK;uBACzC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;;;;;sBAM5B,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;sBACnB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB;;0BAEvC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM;uBAC1C,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;;;;;;;;0BAQzB,CAAC,GAAwB,EAAE,EAAE;YAC3C,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAC9D,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;YACjB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC;QACzB,CAAC;2BACgB,CAAC,GAAwB,EAAE,EAAE;YAC5C,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAC9D,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;YACzB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACjB,CAAC;;YAEC,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;kBACA,OAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,KAAK,EACvB,CAAC,CAAC,IAAI,CAAA;+CACuB,IAAI,CAAC,IAAI;;;;kCAItB,IAAI,CAAC,YAAmB;;;;qBAIrC;gBACH,CAAC,CAAC,IAAI,CAAA;;;+BAGO,IAAI,CAAC,IAAI;;iCAEP,IAAI,CAAC,6BAA6B;;;qBAG9C;eACN;YACH,CAAC,CAAC,IAAI,CAAA;;;2BAGS,IAAI,CAAC,MAAM;;4BAEV,CAAC,GAAgB,EAAE,EAAE;gBAC7B,MAAM,IAAI,GAAG,GAAG,CAAC,aAA+C,CAAC;gBACjE,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE;oBACjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;oBACvC,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;iBAClB;YACH,CAAC;;;eAGJ;;;KAGV,CAAC;IACJ,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IACnC,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC;IACjC,CAAC;IAED,IAAY,MAAM;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IACpC,CAAC;IAED,IAAY,MAAM,CAAC,QAAwB;QACzC,IAAI,QAAQ,KAAK,KAAK,EAAE;YACtB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;SAClB;aAAM;YACL,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;YACxB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAChB;IACH,CAAC;IAEO,QAAQ;;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAEpC,IAAI,CAAC,MAAM,SAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,SAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,EAAE,CAAC;QAC9B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;IAEO,QAAQ;;QACd,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,IAAI,SAAG,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;IAC9B,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { InternalApiBrowserResourceForm } from './internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm';\nimport type { ItemRendererContext } from '../CollectionPage/types';\nimport type { FetchEvent } from '../NucleonElement/FetchEvent';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { html } from 'lit-element';\n\nimport debounce from 'lodash-es/debounce';\n\nconst NS = 'api-browser';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/*\n Interactive hAPI explorer.\n \n @element foxy-api-explorer\n * @since 1.17.0\n /\nexport class ApiBrowser extends Base<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n __history: { attribute: false },\n home: { type: String },\n };\n }\n\n /* Bookmark URL of your API. */\n home: string \| null = null;\n\n private __history: { href: string; parent: string }[] = [];\n\n private __debounce = debounce((callback: () => void) => callback(), 250);\n\n private __renderItem = ({ href, html }: ItemRendererContext<Data>) => {\n if (!href) return html``;\n return html`\n <foxy-internal-api-browser-resource-form infer=\"\" href=${href}>\n </foxy-internal-api-browser-resource-form>\n `;\n };\n\n private __handleExistingResourceFetch = (evt: FetchEvent) => {\n if (evt.request.method === 'DELETE') {\n evt.preventDefault();\n evt.respondWith(\n new ApiBrowser.API(this).fetch(evt.request).then(response => {\n if (response.ok) {\n if (this.__canGoBack) {\n this.__goBack();\n } else if (this.__canGoHome) {\n this.__goHome();\n } else {\n this.parent = '';\n this.href = '';\n }\n }\n\n return response;\n })\n );\n }\n };\n\n render(): TemplateResult {\n return html`\n <div class=\"space-y-m\">\n <div class=\"flex items-center gap-s flex-wrap-reverse\">\n <vaadin-button\n title=${this.t('go_back')}\n theme=\"icon contrast\"\n class=\"p-0\"\n ?disabled=${this.disabled \|\| !this.__canGoBack}\n @click=${() => this.__goBack()}\n >\n <iron-icon class=\"icon-inline text-m\" icon=\"icons:arrow-back\"></iron-icon>\n </vaadin-button>\n\n <vaadin-button\n title=${this.t('go_home')}\n theme=\"icon contrast\"\n class=\"p-0\"\n ?disabled=${this.disabled \|\| !this.__canGoHome}\n @click=${() => this.__goHome()}\n >\n <iron-icon class=\"icon-inline text-m\" icon=\"icons:home\"></iron-icon>\n </vaadin-button>\n\n <vaadin-text-field\n placeholder=\"https://api.foxy.io/stores/0\"\n aria-label=${this.t('current_url')}\n class=\"flex-1\"\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n .value=${this.href \|\| this.parent}\n @input=${(evt: CustomEvent) => {\n const field = evt.currentTarget as TextFieldElement;\n const value = field.value;\n const property = this.href ? 'href' : 'parent';\n\n this.__debounce(() => (this[property] = value));\n }}\n >\n </vaadin-text-field>\n\n <vaadin-button\n title=${this.t('refresh')}\n theme=\"icon contrast\"\n class=\"p-0\"\n ?disabled=${this.disabled \|\| this.in('busy')}\n @click=${() => this.refresh()}\n >\n <iron-icon class=\"icon-inline text-m\" icon=\"icons:refresh\"></iron-icon>\n </vaadin-button>\n\n <div class=\"grid grid-cols-2\">\n <vaadin-button\n title=${this.t('get_mode')}\n theme=${this.href ? 'contrast primary' : 'contrast'}\n class=\"rounded-r-none p-0\"\n ?disabled=${this.disabled \|\| this.__mode === 'get'}\n @click=${() => (this.__mode = 'get')}\n >\n GET\n </vaadin-button>\n\n <vaadin-button\n title=${this.t('post_mode')}\n theme=${this.href ? 'contrast' : 'contrast primary'}\n class=\"rounded-l-none p-0\"\n ?disabled=${this.disabled \|\| this.__mode === 'post'}\n @click=${() => (this.__mode = 'post')}\n >\n POST\n </vaadin-button>\n </div>\n </div>\n\n <div\n @navigate:get=${(evt: CustomEvent<string>) => {\n evt.stopPropagation();\n this.__history.push({ href: this.href, parent: this.parent });\n this.parent = '';\n this.href = evt.detail;\n }}\n @navigate:post=${(evt: CustomEvent<string>) => {\n evt.stopPropagation();\n this.__history.push({ href: this.href, parent: this.parent });\n this.parent = evt.detail;\n this.href = '';\n }}\n >\n ${this.href\n ? html`\n ${this.data?._links.first\n ? html`\n <foxy-pagination first=${this.href} infer=\"\">\n <foxy-collection-page\n class=\"block space-y-m mb-m\"\n infer=\"\"\n .item=${this.__renderItem as any}\n >\n </foxy-collection-page>\n </foxy-pagination>\n `\n : html`\n <foxy-internal-api-browser-resource-form\n infer=\"\"\n href=${this.href}\n open\n @fetch=${this.__handleExistingResourceFetch}\n >\n </foxy-internal-api-browser-resource-form>\n `}\n `\n : html`\n <foxy-internal-api-browser-resource-form\n infer=\"\"\n parent=${this.parent}\n open\n @update=${(evt: CustomEvent) => {\n const form = evt.currentTarget as InternalApiBrowserResourceForm;\n if (form.in({ idle: 'snapshot' })) {\n this.href = form.data._links.self.href;\n this.parent = '';\n }\n }}\n >\n </foxy-internal-api-browser-resource-form>\n `}\n </div>\n </div>\n `;\n }\n\n private get __canGoBack() {\n return this.__history.length > 0;\n }\n\n private get __canGoHome() {\n return this.href !== this.home;\n }\n\n private get __mode() {\n return this.href ? 'get' : 'post';\n }\n\n private set __mode(newValue: 'get' \| 'post') {\n if (newValue === 'get') {\n this.href = this.parent;\n this.parent = '';\n } else {\n this.parent = this.href;\n this.href = '';\n }\n }\n\n private __goBack() {\n const index = this.__history.length - 1;\n const entry = this.__history[index];\n\n this.parent = entry?.parent ?? '';\n this.href = entry?.href ?? '';\n this.__history = this.__history.slice(0, index);\n }\n\n private __goHome() {\n this.__history = [];\n this.parent = '';\n this.href = this.home ?? '';\n }\n}\n"]}

package/dist/elements/public/ApiBrowser/index.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import '../CollectionPage/index';
 import '../Pagination/index';
+import '../I18n/index';
 import './internal/InternalApiBrowserResourceForm/index';
 import { ApiBrowser } from './ApiBrowser';
 export { ApiBrowser };

package/dist/elements/public/ApiBrowser/index.js CHANGED Viewed

@@ -4,6 +4,7 @@ import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import "../CollectionPage/index.js";
 import "../Pagination/index.js";
+import "../I18n/index.js";
 import "./internal/InternalApiBrowserResourceForm/index.js";
 import { ApiBrowser } from "./ApiBrowser.js";
 customElements.define('foxy-api-browser', ApiBrowser);

package/dist/elements/public/ApiBrowser/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ApiBrowser/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,oCAAiC;AACjC,gCAA6B;~~AAE7B~~,4DAAyD;AAEzD,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field';\nimport '@vaadin/vaadin-button';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../CollectionPage/index';\nimport '../Pagination/index';\n\nimport './internal/InternalApiBrowserResourceForm/index';\n\nimport { ApiBrowser } from './ApiBrowser';\n\ncustomElements.define('foxy-api-browser', ApiBrowser);\n\nexport { ApiBrowser };\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ApiBrowser/index.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,oCAAiC;AACjC,gCAA6B;AAC7B,0BAAuB;AAEvB,4DAAyD;AAEzD,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field';\nimport '@vaadin/vaadin-button';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../CollectionPage/index';\nimport '../Pagination/index';\nimport '../I18n/index';\n\nimport './internal/InternalApiBrowserResourceForm/index';\n\nimport { ApiBrowser } from './ApiBrowser';\n\ncustomElements.define('foxy-api-browser', ApiBrowser);\n\nexport { ApiBrowser };\n"]}

package/dist/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm.d.ts CHANGED Viewed

@@ -6,10 +6,17 @@ import { InternalForm } from '../../../../internal/InternalForm/InternalForm';
 declare const InternalApiBrowserResourceForm_base: typeof InternalForm & import("lit-element").Constructor<import("../../../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
+/**
+ * Internal raw resource JSON editor for use with ApiBrowser.
+ *
+ * @element foxy-internal-api-browser-resource-form
+ * @since 1.17.0
+ */
 export declare class InternalApiBrowserResourceForm extends InternalApiBrowserResourceForm_base<Data> {
     static get properties(): PropertyDeclarations;
     static get styles(): CSSResultArray;
     static get v8n(): NucleonV8N<any>;
+    /** Same as the "open" attribute/property of the details element. */
     open: boolean;
     renderBody(): TemplateResult;
     updated(changes: Map<keyof this, unknown>): void;