npm - @foxy.io/elements - Versions diffs - 1.16.0-beta.11 → 1.16.0-beta.12 - Mend

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

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 (183) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalAsyncDetailsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncDetailsControl/InternalAsyncDetailsControl.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;;GAMG;AACH,MAAM,OAAO,2BAA4B,SAAQ,eAAe;IAAhE;;QAaE,0DAA0D;QAC1D,YAAO,GAAG,EAAc,CAAC;QAEzB,yDAAyD;QACzD,UAAK,GAAG,EAAE,CAAC;QAEX,+DAA+D;QAC/D,UAAK,GAAG,EAAE,CAAC;QAEX,6FAA6F;QAC7F,SAAI,GAAuB,EAAE,CAAC;QAE9B,uDAAuD;QACvD,SAAI,GAAgC,EAAE,CAAC;QAEvC,wDAAwD;QACxD,SAAI,GAAG,KAAK,CAAC;QAEL,mBAAc,GAAiB,GAAG,CAAC,EAAE;YAC3C,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;YAE7D,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;YAE/D,OAAO,IAAI,CAAA;;oBAEK,UAAU;gBACd,QAAQ,CAAC;gBACf,wEAAwE,EAAE,IAAI;gBAC9E,0CAA0C,EAAE,IAAI;gBAChD,qBAAqB,EAAE,CAAC,UAAU;aACnC,CAAC;iBACO,CAAC,GAAU,EAAE,EAAE;gBACtB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;gBACtD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;gBAE7B,MAAM,CAAC,MAAM,GAAG,eAAe,CAAC;gBAChC,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;gBACvB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;;UAEC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;;KAE7B,CAAC;QACJ,CAAC,CAAC;~~IA+EJ~~,CAAC;~~IAtIC~~,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;YACvB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SACxB,CAAC;IACJ,CAAC;~~IA+CD~~,aAAa;QACX,IAAI,KAAa,CAAC;QAElB,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YAClD,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACxB;QAAC,WAAM;YACN,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SACpB;QAED,OAAO,IAAI,CAAA;;;;gBAIC,IAAI,CAAC,IAAI;kBACP,CAAC,GAAU,EAAE,EAAE,CACvB,CAAC,IAAI,CAAC,IAAI,GAAI,GAAG,CAAC,aAA6C,CAAC,IAAI,CAAC;;UAErE,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;yBAES,KAAK;;;2BAGH,IAAI,CAAC,OAAO;wBACf,IAAI,CAAC,IAAW;;;;gBAIxB,IAAI,CAAC,QAAQ;gBACb,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,IAAI,CAAA~~;;;;+BAIS~~,CAAC,GAAU,EAAE,EAAE;oBACtB,GAAG,CAAC,cAAc,EAAE,CAAC;oBACrB,GAAG,CAAC,eAAe,EAAE,CAAC;oBAEtB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;oBAC7B,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;oBAEtD,MAAM,CAAC,MAAM,GAAG,eAAe,CAAC;oBAChC,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;oBACjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBACtB,CAAC;;;;mBAIJ;aACN;YACH,CAAC,CAAC,EAAE;;mDAEqC,KAAK;;;;uBAIjC,IAAI,CAAC,OAAO;oBACf,IAAI,CAAC,cAAqB;;;;;KAKzC,CAAC;IACJ,CAAC;IAED,IAAY,QAAQ;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAe,CAAC;IAC9D,CAAC;IAED,IAAY,cAAc;QACxB,~~OAAO~~,IAAI,QAAQ,~~CACjB~~,KAAK,EACL,qBAAqB,IAAI,CAAC,IAAI,wGAAwG,IAAI,CAAC,IAAI,KAAK,CACrI,CAAC;~~IACpB~~,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { CollectionPage } from '../../public';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\n/*\n Internal control displaying a collapsible card with\n * optionally editable hAPI collection items.\n \n @element foxy-internal-async-details-control\n * @since 1.17.0\n /\nexport class InternalAsyncDetailsControl extends InternalControl {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n related: { type: Array },\n first: { type: String },\n limit: { type: Number },\n form: { type: String },\n item: { type: String },\n open: { type: Boolean },\n };\n }\n\n /* Same as the `related` property of `NucleonElement`. /\n related = [] as string[];\n\n /* Limit query parameter to apply to the `first` URL. /\n limit = 20;\n\n /* URI of the first page of the hAPI collection to display. /\n first = '';\n\n /* Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. /\n form: FormDialog['form'] = '';\n\n /* Same as the `item` property of `CollectionPage`. /\n item: CollectionPage<any>['item'] = '';\n\n /* Same as the `open` property of `InternalDetails`. */\n open = false;\n\n private __itemRenderer: ItemRenderer = ctx => {\n if (!this.form \|\| !ctx.data) return this.__cardRenderer(ctx);\n\n const isDisabled = this.disabledSelector.matches('card', true);\n\n return html`\n <button\n ?disabled=${isDisabled}\n class=${classMap({\n 'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n 'text-left w-full block transition-colors': true,\n 'hover-bg-contrast-5': !isDisabled,\n })}\n @click=${(evt: Event) => {\n const button = evt.currentTarget as HTMLButtonElement;\n const dialog = this.__dialog;\n\n dialog.header = 'header_update';\n dialog.href = ctx.href;\n dialog.show(button);\n }}\n >\n ${this.__cardRenderer(ctx)}\n </button>\n `;\n };\n\n renderControl(): TemplateResult {\n let first: string;\n\n try {\n const url = new URL(this.first);\n url.searchParams.set('limit', String(this.limit));\n first = url.toString();\n } catch {\n first = this.first;\n }\n\n return html`\n <foxy-internal-details\n summary=\"title\"\n infer=\"\"\n ?open=${this.open}\n @toggle=${(evt: Event) =>\n (this.open = (evt.currentTarget as InternalAsyncDetailsControl).open)}\n >\n ${this.form\n ? html`\n <foxy-form-dialog\n parent=${first}\n infer=\"dialog\"\n id=\"form\"\n .related=${this.related}\n .form=${this.form as any}\n >\n </foxy-form-dialog>\n\n ${this.readonly\n ? ''\n : html`\n <button\n class=\"h-xs w-xs rounded-full text-success flex items-center justify-center text-l focus-outline-none focus-ring-2 focus-ring-primary-50\"\n slot=\"actions\"\n @click=${(evt: Event) => {\n evt.preventDefault();\n evt.stopPropagation();\n\n const dialog = this.__dialog;\n const button = evt.currentTarget as HTMLButtonElement;\n\n dialog.header = 'header_create';\n dialog.href = '';\n dialog.show(button);\n }}\n >\n <iron-icon class=\"icon-inline\" icon=\"icons:add\"></iron-icon>\n </button>\n `}\n `\n : ''}\n\n <foxy-pagination class=\"px-m pb-s\" first=${first} infer=\"pagination\">\n <foxy-collection-page\n class=\"-mx-m block divide-y divide-contrast-10 mb-s\"\n infer=\"card\"\n .related=${this.related}\n .item=${this.__itemRenderer as any}\n >\n </foxy-collection-page>\n </foxy-pagination>\n </foxy-internal-details>\n `;\n }\n\n private get __dialog() {\n return this.renderRoot.querySelector('#form') as FormDialog;\n }\n\n private get __cardRenderer() {\n ~~return~~ new Function(\n 'ctx',\n `return ctx.html\\`<${this.item} related=\\${JSON.stringify(ctx.related)} parent=\\${ctx.parent} class=\"p-m\" infer href=\\${ctx.href}></${this.item}>\\``\n ) as ItemRenderer;\n }\n}\n"]}
1	+ {"version":3,"file":"InternalAsyncDetailsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncDetailsControl/InternalAsyncDetailsControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { CollectionPage } from '../../public';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\n/*\n Internal control displaying a collapsible card with\n * optionally editable hAPI collection items.\n \n @element foxy-internal-async-details-control\n * @since 1.17.0\n /\nexport class InternalAsyncDetailsControl extends InternalControl {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n related: { type: Array },\n first: { type: String },\n limit: { type: Number },\n form: { type: String },\n item: { type: String },\n open: { type: Boolean },\n };\n }\n\n /* Same as the `related` property of `NucleonElement`. /\n related = [] as string[];\n\n /* Limit query parameter to apply to the `first` URL. /\n limit = 20;\n\n /* URI of the first page of the hAPI collection to display. /\n first = '';\n\n /* Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. /\n form: FormDialog['form'] = '';\n\n /* Same as the `item` property of `CollectionPage`. /\n item: CollectionPage<any>['item'] = '';\n\n /* Same as the `open` property of `InternalDetails`. */\n open = false;\n\n private __cachedCardRenderer: {\n item: InternalAsyncDetailsControl['item'];\n render: ItemRenderer;\n } \| null = null;\n\n private __itemRenderer: ItemRenderer = ctx => {\n if (!this.form \|\| !ctx.data) return this.__cardRenderer(ctx);\n\n const isDisabled = this.disabledSelector.matches('card', true);\n\n return html`\n <button\n ?disabled=${isDisabled}\n class=${classMap({\n 'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n 'text-left w-full block transition-colors': true,\n 'hover-bg-contrast-5': !isDisabled,\n })}\n @click=${(evt: Event) => {\n const button = evt.currentTarget as HTMLButtonElement;\n const dialog = this.__dialog;\n\n dialog.header = 'header_update';\n dialog.href = ctx.href;\n dialog.show(button);\n }}\n >\n ${this.__cardRenderer(ctx)}\n </button>\n `;\n };\n\n renderControl(): TemplateResult {\n let first: string;\n\n try {\n const url = new URL(this.first);\n url.searchParams.set('limit', String(this.limit));\n first = url.toString();\n } catch {\n first = this.first;\n }\n\n return html`\n <foxy-internal-details\n summary=\"title\"\n infer=\"\"\n ?open=${this.open}\n @toggle=${(evt: Event) =>\n (this.open = (evt.currentTarget as InternalAsyncDetailsControl).open)}\n >\n ${this.form\n ? html`\n <foxy-form-dialog\n parent=${first}\n infer=\"dialog\"\n id=\"form\"\n .related=${this.related}\n .form=${this.form as any}\n >\n </foxy-form-dialog>\n\n ${this.readonly\n ? ''\n : html`\n <button\n class=\"h-xs w-xs rounded-full text-success flex items-center justify-center text-l focus-outline-none focus-ring-2 focus-ring-primary-50\"\n slot=\"actions\"\n ?disabled=${this.disabled}\n @click=${(evt: Event) => {\n evt.preventDefault();\n evt.stopPropagation();\n\n const dialog = this.__dialog;\n const button = evt.currentTarget as HTMLButtonElement;\n\n dialog.header = 'header_create';\n dialog.href = '';\n dialog.show(button);\n }}\n >\n <iron-icon class=\"icon-inline\" icon=\"icons:add\"></iron-icon>\n </button>\n `}\n `\n : ''}\n\n <foxy-pagination class=\"px-m pb-s\" first=${first} infer=\"pagination\">\n <foxy-collection-page\n class=\"-mx-m block divide-y divide-contrast-10 mb-s\"\n infer=\"card\"\n .related=${this.related}\n .item=${this.__itemRenderer as any}\n >\n </foxy-collection-page>\n </foxy-pagination>\n </foxy-internal-details>\n `;\n }\n\n private get __dialog() {\n return this.renderRoot.querySelector('#form') as FormDialog;\n }\n\n private get __cardRenderer() {\n if (this.__cachedCardRenderer?.item !== this.item) {\n this.__cachedCardRenderer = {\n item: this.item,\n render: new Function(\n 'ctx',\n `return ctx.html\\`<${this.item} related=\\${JSON.stringify(ctx.related)} parent=\\${ctx.parent} class=\"p-m\" infer href=\\${ctx.href}></${this.item}>\\``\n ) as ItemRenderer,\n };\n }\n\n return this.__cachedCardRenderer.render;\n }\n}\n"]}

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

@@ -2,6 +2,7 @@ import '../../public/CollectionPage/index';
 import '../../public/FormDialog/index';
 import '../../public/Pagination/index';
 import '../../public/I18n/index';
+import '../InternalControl/index';
 import '../InternalDetails/index';
 import { InternalAsyncDetailsControl as Control } from './InternalAsyncDetailsControl';
 export { Control as InternalAsyncDetailsControl };

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

@@ -2,6 +2,7 @@ import "../../public/CollectionPage/index.js";
 import "../../public/FormDialog/index.js";
 import "../../public/Pagination/index.js";
 import "../../public/I18n/index.js";
+import "../InternalControl/index.js";
 import "../InternalDetails/index.js";
 import { InternalAsyncDetailsControl as Control } from "./InternalAsyncDetailsControl.js";
 customElements.define('foxy-internal-async-details-control', Control);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncDetailsControl/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAC3C,0CAAuC;AACvC,0CAAuC;AACvC,oCAAiC;AAEjC,qCAAkC;AAElC,OAAO,EAAE,2BAA2B,IAAI,OAAO,EAAE,yCAAsC;AAEvF,cAAc,CAAC,MAAM,CAAC,qCAAqC,EAAE,OAAO,CAAC,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,CAAC","sourcesContent":["import '../../public/CollectionPage/index';\nimport '../../public/FormDialog/index';\nimport '../../public/Pagination/index';\nimport '../../public/I18n/index';\n\nimport '../InternalDetails/index';\n\nimport { InternalAsyncDetailsControl as Control } from './InternalAsyncDetailsControl';\n\ncustomElements.define('foxy-internal-async-details-control', Control);\n\nexport { Control as InternalAsyncDetailsControl };\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncDetailsControl/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAC3C,0CAAuC;AACvC,0CAAuC;AACvC,oCAAiC;AAEjC,qCAAkC;AAClC,qCAAkC;AAElC,OAAO,EAAE,2BAA2B,IAAI,OAAO,EAAE,yCAAsC;AAEvF,cAAc,CAAC,MAAM,CAAC,qCAAqC,EAAE,OAAO,CAAC,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,CAAC","sourcesContent":["import '../../public/CollectionPage/index';\nimport '../../public/FormDialog/index';\nimport '../../public/Pagination/index';\nimport '../../public/I18n/index';\n\nimport '../InternalControl/index';\nimport '../InternalDetails/index';\n\nimport { InternalAsyncDetailsControl as Control } from './InternalAsyncDetailsControl';\n\ncustomElements.define('foxy-internal-async-details-control', Control);\n\nexport { Control as InternalAsyncDetailsControl };\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":"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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 { 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;

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

@@ -5,15 +5,22 @@ import { html } from 'lit-html';
 import { css } from 'lit-element';
 const InvalidValueSymbol = Symbol();
 const ValidValueSymbol = Symbol();
+/**
+ * Internal raw resource JSON editor for use with ApiBrowser.
+ *
+ * @element foxy-internal-api-browser-resource-form
+ * @since 1.17.0
+ */
 export class InternalApiBrowserResourceForm extends TranslatableMixin(InternalForm) {
     constructor() {
         super(...arguments);
+        /** Same as the "open" attribute/property of the details element. */
         this.open = false;
     }
     static get properties() {
         return {
             ...super.properties,
-            open: { type: Boolean },
+            open: { type: Boolean, reflect: true },
         };
     }
     static get styles() {
@@ -85,6 +92,7 @@ textarea::selection{
             ${this.in({ idle: { snapshot: 'dirty' } }) || this.in({ idle: { template: 'dirty' } })
             ? html `
                   <vaadin-button
+                    data-testid="undo"
                     theme="tertiary-inline contrast"
                     class="px-xs"
                     @click=${() => this.undo()}
@@ -111,11 +119,12 @@ textarea::selection{
         this.__setTextAreaHeight();
     }
     async _fetch(...args) {
+        var _a;
         try {
             const request = args[0] instanceof Request ? args[0] : new Request(...args);
             if (request.method !== 'POST')
                 return await super._fetch(...args);
-            const body = this.form[ValidValueSymbol];
+            const body = (_a = this.form[ValidValueSymbol]) !== null && _a !== void 0 ? _a : JSON.stringify(this.form);
             return await super._fetch(request.url, { method: 'POST', body });
         }
         catch (err) {
@@ -238,7 +247,10 @@ textarea::selection{
     }
     __renderLink(curie, href, title) {
         return html `
-      <li class="m-xs rounded overflow-hidden transition-colors hover-bg-contrast-5">
+      <li
+        data-testclass="link"
+        class="m-xs rounded overflow-hidden transition-colors hover-bg-contrast-5"
+      >
         <foxy-swipe-actions>
           <button
             class=${classMap({

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

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalApiBrowserResourceForm.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../../../NucleonElement/types';\nimport type { Data } from '../../types';\n\nimport { TranslatableMixin } from '../../../../../mixins/translatable';\nimport { InternalForm } from '../../../../internal/InternalForm/InternalForm';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\nimport { css } from 'lit-element';\n\nconst InvalidValueSymbol = Symbol() as symbol;\nconst ValidValueSymbol = Symbol() as symbol;\n\nexport class InternalApiBrowserResourceForm extends TranslatableMixin(InternalForm)<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n open: { type: Boolean },\n };\n }\n\n static get styles(): CSSResultArray {\n return [\n ...super.styles,\n css`\n .monospace {\n font-family: monospace;\n }\n\n .resize-none {\n resize: none;\n }\n\n .resource {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(calc(18.75 * var(--lumo-space-m)), 1fr));\n grid-gap: 1px;\n }\n\n .resource > :first-child {\n grid-column-start: 1;\n grid-column-end: -2;\n }\n\n textarea::selection {\n background: var(--lumo-contrast-10pct);\n }\n `,\n ];\n }\n\n static get v8n(): NucleonV8N<any> {\n return [\n ...super.v8n,\n v => (typeof (v as any)[InvalidValueSymbol] === 'string' ? 'invalid_json' : true),\n ];\n }\n\n open = false;\n\n renderBody(): TemplateResult {\n return html`\n <details\n class=\"select-none rounded-t-l rounded-b-l overflow-hidden border border-contrast-10\"\n ?open=${this.open}\n @toggle=${(evt: Event) => {\n const details = evt.currentTarget as HTMLDetailsElement;\n this.open = details.open;\n }}\n >\n <summary\n class=${classMap({\n 'ring-inset ring-primary-50 rounded-t-l': true,\n 'focus-outline-none focus-ring-2': true,\n 'rounded-b-l': !this.open,\n })}\n >\n <div\n class=\"flex items-center space-x-s p-s pr-m transition-colors cursor-pointer bg-contrast-5 hover-bg-contrast-10\"\n >\n <foxy-copy-to-clipboard infer=\"copy-to-clipboard\" text=${this.href \|\| this.parent}>\n </foxy-copy-to-clipboard>\n\n <span class=\"font-semibold truncate\">${this.__renderTitle()}</span>\n <span class=\"flex-1\"></span>\n\n ${this.in({ idle: { snapshot: 'dirty' } }) \|\| this.in({ idle: 'template' })\n ? html`\n <foxy-internal-create-control infer=\"create\" theme=\"tertiary-inline success\">\n </foxy-internal-create-control>\n `\n : ''}\n ${this.in({ idle: { snapshot: 'dirty' } }) \|\| this.in({ idle: { template: 'dirty' } })\n ? html`\n <vaadin-button\n theme=\"tertiary-inline contrast\"\n class=\"px-xs\"\n @click=${() => this.undo()}\n >\n <foxy-i18n infer=\"\" key=\"undo\"></foxy-i18n>\n </vaadin-button>\n `\n : ''}\n ${this.in({ idle: 'snapshot' })\n ? html`\n <foxy-internal-delete-control infer=\"delete\" theme=\"tertiary-inline error\">\n </foxy-internal-delete-control>\n `\n : ''}\n </div>\n </summary>\n\n ${this.open ? this.__renderForm() : ''}\n </details>\n `;\n }\n\n updated(changes: Map<keyof this, unknown>): void {\n super.updated(changes);\n this.__setTextAreaHeight();\n }\n\n protected async _fetch<TResult = any>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n try {\n const request = args[0] instanceof Request ? args[0] : new Request(...args);\n if (request.method !== 'POST') return await super._fetch(...args);\n\n const body = (this.form as any)[ValidValueSymbol];\n return await super._fetch(request.url, { method: 'POST', body });\n } catch (err) {\n throw ['invalid_json'];\n }\n }\n\n private __setTextAreaHeight() {\n const textarea = this.renderRoot.querySelector<HTMLTextAreaElement>('textarea');\n\n if (textarea) {\n textarea.style.height = 'auto';\n textarea.style.height = `${textarea.scrollHeight}px`;\n textarea.style.overflowY = 'hidden';\n }\n }\n\n private __renderTitle() {\n if (!this.href) {\n return html`\n <span class=\"text-tertiary\">POST</span>\n <span>${this.parent}</span>\n `;\n }\n\n let pathname = '';\n let identifier = '';\n let search = '';\n\n try {\n const url = new URL(this.href);\n\n pathname = url.pathname;\n if (pathname.startsWith('/')) pathname = pathname.substring(1);\n\n const splitPathname = pathname.split('/');\n pathname = splitPathname.slice(0, splitPathname.length - 1).join('/');\n\n if (splitPathname.length > 1) {\n pathname = `${pathname}/`;\n identifier = splitPathname[splitPathname.length - 1];\n }\n\n search = url.search;\n } catch {\n pathname = this.href;\n }\n\n return html`\n ${[\n html`<span>${pathname}</span>`,\n html`<span class=\"text-primary\">${identifier}</span>`,\n html`<span class=\"text-tertiary\">${search}</span>`,\n ]}\n `;\n }\n\n private __renderForm() {\n return html`\n <div class=\"bg-base\">\n <div class=\"${this.data ? 'resource' : ''} border-t border-contrast-5 bg-contrast-10\">\n <div class=\"flex-1 flex bg-base\">\n <div class=\"monospace bg-contrast-5 leading-s text-s p-m text-tertiary text-right\">\n ${this.__formAsString.split('\\n').map((_, index) => html`<div>${index + 1}</div>`)}\n </div>\n\n <textarea\n class=${classMap({\n 'whitespace-pre leading-s text-s focus-outline-none': true,\n 'monospace resize-none p-m block w-full select-text': true,\n 'bg-error-10': this.errors.length > 0,\n 'bg-base': this.errors.length === 0,\n })}\n .value=${this.__formAsString}\n @input=${(evt: InputEvent) => {\n const textarea = evt.currentTarget as HTMLTextAreaElement;\n this.__formAsString = textarea.value;\n }}\n >\n </textarea>\n </div>\n\n ${this.data\n ? html`\n <div class=\"bg-base\">\n <ul class=\"bg-contrast-5 p-xs h-full\">\n ${this.__links.map(([curie, link]) =>\n this.__renderLink(curie, link.href, link.title)\n )}\n </ul>\n </div>\n `\n : ''}\n </div>\n </div>\n `;\n }\n\n private get __links() {\n const linksAsEntries = Object.entries(this.data?._links ?? {});\n const relevantLinks = linksAsEntries.filter(\n ([curie, link]) => curie !== 'self' && !Array.isArray(link) && !(link as any).templated\n );\n\n try {\n relevantLinks.sort(([curie1], [curie2]) => curie1.localeCompare(curie2, this.lang));\n } catch {\n relevantLinks.sort(([curie1], [curie2]) => curie1.localeCompare(curie2));\n }\n\n return relevantLinks;\n }\n\n private get __formAsString() {\n const form = this.form as any;\n const validValue = form[ValidValueSymbol];\n const invalidValue = form[InvalidValueSymbol];\n\n if (typeof invalidValue === 'string') return invalidValue;\n if (typeof validValue === 'string') return validValue;\n\n return JSON.stringify(form, (key, value) => (key.startsWith('_') ? undefined : value), 2);\n }\n\n private set __formAsString(newValue: string) {\n this.undo();\n\n try {\n const parsedNewValue = JSON.parse(newValue);\n if (typeof parsedNewValue === 'object') this.edit(parsedNewValue);\n this.edit({ [ValidValueSymbol]: newValue });\n } catch {\n this.edit({ [InvalidValueSymbol]: newValue });\n }\n }\n\n private __renderLink(curie: string, href: string, title?: string) {\n return html`\n <li class=\"m-xs rounded overflow-hidden transition-colors hover-bg-contrast-5\">\n <foxy-swipe-actions>\n <button\n class=${classMap({\n 'rounded leading-none space-y-xs block text-left w-full py-s': true,\n 'ring-inset ring-primary-50': true,\n 'focus-outline-none focus-ring-2 ': true,\n })}\n @click=${() => {\n const evt = new CustomEvent('navigate:get', { bubbles: true, detail: href });\n this.dispatchEvent(evt);\n }}\n >\n <div class=\"flex items-center\">\n <div class=\"flex-1 space-y-xs px-s min-w-0 text-s\">\n <div class=\"truncate font-semibold\">${title \|\| href}</div>\n <div class=\"opacity-75 truncate\">${curie}</div>\n </div>\n\n <iron-icon\n class=\"icon-inline text-xl text-tertiary mr-s flex-shrink-0\"\n icon=\"icons:chevron-right\"\n >\n </iron-icon>\n </div>\n </button>\n\n <div slot=\"action\" class=\"h-full flex\">\n <vaadin-button\n theme=\"secondary success\"\n class=\"h-full rounded-none\"\n @click=${() => {\n const evt = new CustomEvent('navigate:post', { bubbles: true, detail: href });\n this.dispatchEvent(evt);\n }}\n >\n POST\n </vaadin-button>\n </div>\n </foxy-swipe-actions>\n </li>\n `;\n }\n}\n"]}
1	+ {"version":3,"file":"InternalApiBrowserResourceForm.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../../../NucleonElement/types';\nimport type { Data } from '../../types';\n\nimport { TranslatableMixin } from '../../../../../mixins/translatable';\nimport { InternalForm } from '../../../../internal/InternalForm/InternalForm';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\nimport { css } from 'lit-element';\n\nconst InvalidValueSymbol = Symbol() as symbol;\nconst ValidValueSymbol = Symbol() as symbol;\n\n/*\n Internal raw resource JSON editor for use with ApiBrowser.\n \n @element foxy-internal-api-browser-resource-form\n * @since 1.17.0\n /\nexport class InternalApiBrowserResourceForm extends TranslatableMixin(InternalForm)<Data> {\n static get properties(): PropertyDeclarations {\n return {\n ...super.properties,\n open: { type: Boolean, reflect: true },\n };\n }\n\n static get styles(): CSSResultArray {\n return [\n ...super.styles,\n css`\n .monospace {\n font-family: monospace;\n }\n\n .resize-none {\n resize: none;\n }\n\n .resource {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(calc(18.75 var(--lumo-space-m)), 1fr));\n grid-gap: 1px;\n }\n\n .resource > :first-child {\n grid-column-start: 1;\n grid-column-end: -2;\n }\n\n textarea::selection {\n background: var(--lumo-contrast-10pct);\n }\n `,\n ];\n }\n\n static get v8n(): NucleonV8N<any> {\n return [\n ...super.v8n,\n v => (typeof (v as any)[InvalidValueSymbol] === 'string' ? 'invalid_json' : true),\n ];\n }\n\n /** Same as the \"open\" attribute/property of the details element. */\n open = false;\n\n renderBody(): TemplateResult {\n return html`\n <details\n class=\"select-none rounded-t-l rounded-b-l overflow-hidden border border-contrast-10\"\n ?open=${this.open}\n @toggle=${(evt: Event) => {\n const details = evt.currentTarget as HTMLDetailsElement;\n this.open = details.open;\n }}\n >\n <summary\n class=${classMap({\n 'ring-inset ring-primary-50 rounded-t-l': true,\n 'focus-outline-none focus-ring-2': true,\n 'rounded-b-l': !this.open,\n })}\n >\n <div\n class=\"flex items-center space-x-s p-s pr-m transition-colors cursor-pointer bg-contrast-5 hover-bg-contrast-10\"\n >\n <foxy-copy-to-clipboard infer=\"copy-to-clipboard\" text=${this.href \|\| this.parent}>\n </foxy-copy-to-clipboard>\n\n <span class=\"font-semibold truncate\">${this.__renderTitle()}</span>\n <span class=\"flex-1\"></span>\n\n ${this.in({ idle: { snapshot: 'dirty' } }) \|\| this.in({ idle: 'template' })\n ? html`\n <foxy-internal-create-control infer=\"create\" theme=\"tertiary-inline success\">\n </foxy-internal-create-control>\n `\n : ''}\n ${this.in({ idle: { snapshot: 'dirty' } }) \|\| this.in({ idle: { template: 'dirty' } })\n ? html`\n <vaadin-button\n data-testid=\"undo\"\n theme=\"tertiary-inline contrast\"\n class=\"px-xs\"\n @click=${() => this.undo()}\n >\n <foxy-i18n infer=\"\" key=\"undo\"></foxy-i18n>\n </vaadin-button>\n `\n : ''}\n ${this.in({ idle: 'snapshot' })\n ? html`\n <foxy-internal-delete-control infer=\"delete\" theme=\"tertiary-inline error\">\n </foxy-internal-delete-control>\n `\n : ''}\n </div>\n </summary>\n\n ${this.open ? this.__renderForm() : ''}\n </details>\n `;\n }\n\n updated(changes: Map<keyof this, unknown>): void {\n super.updated(changes);\n this.__setTextAreaHeight();\n }\n\n protected async _fetch<TResult = any>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n try {\n const request = args[0] instanceof Request ? args[0] : new Request(...args);\n if (request.method !== 'POST') return await super._fetch(...args);\n\n const body = (this.form as any)[ValidValueSymbol] ?? JSON.stringify(this.form);\n return await super._fetch(request.url, { method: 'POST', body });\n } catch (err) {\n throw ['invalid_json'];\n }\n }\n\n private __setTextAreaHeight() {\n const textarea = this.renderRoot.querySelector<HTMLTextAreaElement>('textarea');\n\n if (textarea) {\n textarea.style.height = 'auto';\n textarea.style.height = `${textarea.scrollHeight}px`;\n textarea.style.overflowY = 'hidden';\n }\n }\n\n private __renderTitle() {\n if (!this.href) {\n return html`\n <span class=\"text-tertiary\">POST</span>\n <span>${this.parent}</span>\n `;\n }\n\n let pathname = '';\n let identifier = '';\n let search = '';\n\n try {\n const url = new URL(this.href);\n\n pathname = url.pathname;\n if (pathname.startsWith('/')) pathname = pathname.substring(1);\n\n const splitPathname = pathname.split('/');\n pathname = splitPathname.slice(0, splitPathname.length - 1).join('/');\n\n if (splitPathname.length > 1) {\n pathname = `${pathname}/`;\n identifier = splitPathname[splitPathname.length - 1];\n }\n\n search = url.search;\n } catch {\n pathname = this.href;\n }\n\n return html`\n ${[\n html`<span>${pathname}</span>`,\n html`<span class=\"text-primary\">${identifier}</span>`,\n html`<span class=\"text-tertiary\">${search}</span>`,\n ]}\n `;\n }\n\n private __renderForm() {\n return html`\n <div class=\"bg-base\">\n <div class=\"${this.data ? 'resource' : ''} border-t border-contrast-5 bg-contrast-10\">\n <div class=\"flex-1 flex bg-base\">\n <div class=\"monospace bg-contrast-5 leading-s text-s p-m text-tertiary text-right\">\n ${this.__formAsString.split('\\n').map((_, index) => html`<div>${index + 1}</div>`)}\n </div>\n\n <textarea\n class=${classMap({\n 'whitespace-pre leading-s text-s focus-outline-none': true,\n 'monospace resize-none p-m block w-full select-text': true,\n 'bg-error-10': this.errors.length > 0,\n 'bg-base': this.errors.length === 0,\n })}\n .value=${this.__formAsString}\n @input=${(evt: InputEvent) => {\n const textarea = evt.currentTarget as HTMLTextAreaElement;\n this.__formAsString = textarea.value;\n }}\n >\n </textarea>\n </div>\n\n ${this.data\n ? html`\n <div class=\"bg-base\">\n <ul class=\"bg-contrast-5 p-xs h-full\">\n ${this.__links.map(([curie, link]) =>\n this.__renderLink(curie, link.href, link.title)\n )}\n </ul>\n </div>\n `\n : ''}\n </div>\n </div>\n `;\n }\n\n private get __links() {\n const linksAsEntries = Object.entries(this.data?._links ?? {});\n const relevantLinks = linksAsEntries.filter(\n ([curie, link]) => curie !== 'self' && !Array.isArray(link) && !(link as any).templated\n );\n\n try {\n relevantLinks.sort(([curie1], [curie2]) => curie1.localeCompare(curie2, this.lang));\n } catch {\n relevantLinks.sort(([curie1], [curie2]) => curie1.localeCompare(curie2));\n }\n\n return relevantLinks;\n }\n\n private get __formAsString() {\n const form = this.form as any;\n const validValue = form[ValidValueSymbol];\n const invalidValue = form[InvalidValueSymbol];\n\n if (typeof invalidValue === 'string') return invalidValue;\n if (typeof validValue === 'string') return validValue;\n\n return JSON.stringify(form, (key, value) => (key.startsWith('_') ? undefined : value), 2);\n }\n\n private set __formAsString(newValue: string) {\n this.undo();\n\n try {\n const parsedNewValue = JSON.parse(newValue);\n if (typeof parsedNewValue === 'object') this.edit(parsedNewValue);\n this.edit({ [ValidValueSymbol]: newValue });\n } catch {\n this.edit({ [InvalidValueSymbol]: newValue });\n }\n }\n\n private __renderLink(curie: string, href: string, title?: string) {\n return html`\n <li\n data-testclass=\"link\"\n class=\"m-xs rounded overflow-hidden transition-colors hover-bg-contrast-5\"\n >\n <foxy-swipe-actions>\n <button\n class=${classMap({\n 'rounded leading-none space-y-xs block text-left w-full py-s': true,\n 'ring-inset ring-primary-50': true,\n 'focus-outline-none focus-ring-2 ': true,\n })}\n @click=${() => {\n const evt = new CustomEvent('navigate:get', { bubbles: true, detail: href });\n this.dispatchEvent(evt);\n }}\n >\n <div class=\"flex items-center\">\n <div class=\"flex-1 space-y-xs px-s min-w-0 text-s\">\n <div class=\"truncate font-semibold\">${title \|\| href}</div>\n <div class=\"opacity-75 truncate\">${curie}</div>\n </div>\n\n <iron-icon\n class=\"icon-inline text-xl text-tertiary mr-s flex-shrink-0\"\n icon=\"icons:chevron-right\"\n >\n </iron-icon>\n </div>\n </button>\n\n <div slot=\"action\" class=\"h-full flex\">\n <vaadin-button\n theme=\"secondary success\"\n class=\"h-full rounded-none\"\n @click=${() => {\n const evt = new CustomEvent('navigate:post', { bubbles: true, detail: href });\n this.dispatchEvent(evt);\n }}\n >\n POST\n </vaadin-button>\n </div>\n </foxy-swipe-actions>\n </li>\n `;\n }\n}\n"]}

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

@@ -6,5 +6,6 @@ import '../../../../internal/InternalCreateControl/index';
 import '../../../../internal/InternalForm/index';
 import '../../../CopyToClipboard/index';
 import '../../../SwipeActions/index';
+import '../../../I18n/index';
 import { InternalApiBrowserResourceForm as Form } from './InternalApiBrowserResourceForm';
 export { Form as InternalApiBrowserResourceForm };

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

@@ -6,6 +6,7 @@ import "../../../../internal/InternalCreateControl/index.js";
 import "../../../../internal/InternalForm/index.js";
 import "../../../CopyToClipboard/index.js";
 import "../../../SwipeActions/index.js";
+import "../../../I18n/index.js";
 import { InternalApiBrowserResourceForm as Form } from "./InternalApiBrowserResourceForm.js";
 customElements.define('foxy-internal-api-browser-resource-form', Form);
 export { Form as InternalApiBrowserResourceForm };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,6DAA0D;AAC1D,6DAA0D;AAC1D,oDAAiD;AACjD,2CAAwC;AACxC,wCAAqC;~~AAErC~~,OAAO,EAAE,8BAA8B,IAAI,IAAI,EAAE,4CAAyC;AAE1F,cAAc,CAAC,MAAM,CAAC,yCAAyC,EAAE,IAAI,CAAC,CAAC;AAEvE,OAAO,EAAE,IAAI,IAAI,8BAA8B,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../../../internal/InternalDeleteControl/index';\nimport '../../../../internal/InternalCreateControl/index';\nimport '../../../../internal/InternalForm/index';\nimport '../../../CopyToClipboard/index';\nimport '../../../SwipeActions/index';\n\nimport { InternalApiBrowserResourceForm as Form } from './InternalApiBrowserResourceForm';\n\ncustomElements.define('foxy-internal-api-browser-resource-form', Form);\n\nexport { Form as InternalApiBrowserResourceForm };\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,6DAA0D;AAC1D,6DAA0D;AAC1D,oDAAiD;AACjD,2CAAwC;AACxC,wCAAqC;AACrC,gCAA6B;AAE7B,OAAO,EAAE,8BAA8B,IAAI,IAAI,EAAE,4CAAyC;AAE1F,cAAc,CAAC,MAAM,CAAC,yCAAyC,EAAE,IAAI,CAAC,CAAC;AAEvE,OAAO,EAAE,IAAI,IAAI,8BAA8B,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../../../internal/InternalDeleteControl/index';\nimport '../../../../internal/InternalCreateControl/index';\nimport '../../../../internal/InternalForm/index';\nimport '../../../CopyToClipboard/index';\nimport '../../../SwipeActions/index';\nimport '../../../I18n/index';\n\nimport { InternalApiBrowserResourceForm as Form } from './InternalApiBrowserResourceForm';\n\ncustomElements.define('foxy-internal-api-browser-resource-form', Form);\n\nexport { Form as InternalApiBrowserResourceForm };\n"]}

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

@@ -593,6 +593,7 @@ export class CouponForm extends Base {
         </code>
         <foxy-copy-to-clipboard
+          data-testid="rules:url:copy"
           text=${urlParameter}
           lang=${this.lang}
           ns="${this.ns} copy-to-clipboard"