@foxy.io/elements 1.23.0-beta.2 → 1.23.0-beta.3

package/dist/cdn/translations/template-form/en.json

@@ -1,5 +1,5 @@
 {
-  "cache": "Cache",
+  "cache": "Sync",
   "cancel": "Cancel",
   "create": "Create",
   "date": "{{value, date}}",
@@ -10,12 +10,14 @@
   "delete_prompt": "This resource will be permanently removed. Are you sure?",
   "description": "Description",
   "template": "Template",
-  "template_clipboard": "From clipboard",
-  "template_clipboard_explainer": "Paste the template here to use it",
-  "template_default": "Default",
-  "template_default_explainer": "Use the default template",
-  "template_url": "From URL",
-  "template_url_explainer": "Fetch the template from a public URL",
+  "template_clipboard": "Upload source code",
+  "template_default": "Use default template",
+  "template_url": "Pull from public URL",
+  "url": "URL",
+  "url_source_label": "Cached source",
+  "url_source_placeholder": "Template markup will appear here once cached",
+  "clipboard_source_label": "Source",
+  "clipboard_source_placeholder": "Enter your template markup here",
   "spinner": {
     "loading_busy": "Loading",
     "loading_error": "Failed to load"

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

@@ -0,0 +1,18 @@
+import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';
+import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+/**
+ * Internal control displaying editable source code.
+ *
+ * @since 1.23.0
+ * @element foxy-internal-source-control
+ */
+export declare class InternalSourceControl extends InternalEditableControl {
+    static get properties(): PropertyDeclarations;
+    static get styles(): CSSResultArray;
+    private __hovered;
+    private __focused;
+    renderControl(): TemplateResult;
+    updated(changes: Map<keyof this, unknown>): void;
+    protected get _value(): string;
+    protected set _value(newValue: string);
+}

package/dist/elements/internal/InternalSourceControl/InternalSourceControl.js

@@ -0,0 +1,160 @@
+import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { html, css } from 'lit-element';
+import { repeat } from 'lit-html/directives/repeat';
+/**
+ * Internal control displaying editable source code.
+ *
+ * @since 1.23.0
+ * @element foxy-internal-source-control
+ */
+export class InternalSourceControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        this.__hovered = false;
+        this.__focused = false;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            __hovered: { attribute: false },
+            __focused: { attribute: false },
+        };
+    }
+    static get styles() {
+        return [
+            ...super.styles,
+            css `.monospace{
+  font-family:monospace;
+}
+
+.resize-none{
+  resize:none;
+}
+
+.max-h-16em{
+  max-height:16em;
+}
+
+textarea::selection{
+  background:var(--lumo-contrast-10pct);
+}
+      `,
+        ];
+    }
+    renderControl() {
+        var _a;
+        let lineNumbersClass;
+        let helperTextClass;
+        let containerClass;
+        let textAreaClass;
+        let labelClass;
+        if (this.disabled) {
+            lineNumbersClass = 'bg-contrast-5 text-disabled';
+            helperTextClass = 'text-disabled';
+            textAreaClass = 'text-disabled';
+            labelClass = 'text-disabled';
+            if (this.readonly) {
+                lineNumbersClass += ' border-dashed border-contrast-20';
+                containerClass = 'border-dashed border-contrast-30';
+            }
+            else {
+                lineNumbersClass += ' border-transparent';
+                containerClass = 'border-contrast-10';
+            }
+        }
+        else if (this.readonly) {
+            lineNumbersClass = 'border-dashed border-contrast-30 bg-transparent text-secondary';
+            helperTextClass = 'text-secondary';
+            containerClass = 'border-dashed border-contrast-30';
+            textAreaClass = 'text-secondary';
+            labelClass = 'text-secondary';
+            if (this.__focused)
+                containerClass += ' ring-2 ring-primary-50';
+        }
+        else if (this.__focused) {
+            lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';
+            helperTextClass = 'text-secondary';
+            containerClass = 'border-primary-50 ring-1 ring-primary-50';
+            textAreaClass = 'text-body';
+            labelClass = 'text-primary';
+        }
+        else if (this.__hovered) {
+            lineNumbersClass = 'border-transparent bg-contrast-20 text-tertiary';
+            helperTextClass = 'text-body';
+            containerClass = 'border-contrast-20';
+            textAreaClass = 'text-body';
+            labelClass = 'text-body';
+        }
+        else {
+            lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';
+            helperTextClass = 'text-secondary';
+            containerClass = 'border-contrast-10';
+            textAreaClass = 'text-body';
+            labelClass = 'text-secondary';
+        }
+        return html `
+      <label
+        class="block h-full"
+        @mouseenter=${() => (this.__hovered = true)}
+        @mouseleave=${() => (this.__hovered = false)}
+      >
+        <div
+          class="mb-xs transition-colors leading-none text-s font-medium ${labelClass}"
+          part="label"
+        >
+          ${this.label}
+        </div>
+
+        <div
+          class="max-h-16em h-full transition-colors flex-1 flex bg-base rounded overflow-auto border ${containerClass}"
+          part="editor"
+        >
+          <div
+            class="h-full transition-colors monospace leading-s text-s p-m text-right border-r ${lineNumbersClass}"
+          >
+            ${repeat((_a = this._value.split('\n')) !== null && _a !== void 0 ? _a : [], (_, i) => String(i), (_, i) => html `<div>${i + 1}</div>`)}
+          </div>
+
+          <textarea
+            placeholder=${this.placeholder}
+            class="bg-base whitespace-pre leading-s text-s focus-outline-none monospace resize-none p-m block w-full select-text transition-colors ${textAreaClass}"
+            rows="1"
+            .value=${this._value}
+            ?disabled=${this.disabled}
+            ?readonly=${this.readonly}
+            @focus=${() => (this.__focused = true)}
+            @blur=${() => (this.__focused = false)}
+            @input=${(evt) => {
+            const textarea = evt.currentTarget;
+            this._value = textarea.value;
+        }}
+          >
+          </textarea>
+        </div>
+
+        <div
+          class="mt-xs transition-colors leading-xs text-xs ${helperTextClass}"
+          part="helper-text"
+        >
+          ${this.helperText}
+        </div>
+      </label>
+    `;
+    }
+    updated(changes) {
+        super.updated(changes);
+        this.renderRoot.querySelectorAll('textarea').forEach(textarea => {
+            textarea.style.height = 'auto';
+            textarea.style.height = `${textarea.scrollHeight}px`;
+            textarea.style.overflowY = 'hidden';
+        });
+    }
+    get _value() {
+        var _a;
+        return (_a = super._value) !== null && _a !== void 0 ? _a : '';
+    }
+    set _value(newValue) {
+        super._value = newValue;
+    }
+}
+//# sourceMappingURL=InternalSourceControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalSourceControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSourceControl/InternalSourceControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css } from 'lit-element';\nimport { repeat } from 'lit-html/directives/repeat';\n\n/**\n * Internal control displaying editable source code.\n *\n * @since 1.23.0\n * @element foxy-internal-source-control\n */\nexport class InternalSourceControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __hovered: { attribute: false },\n      __focused: { attribute: false },\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        .max-h-16em {\n          max-height: 16em;\n        }\n\n        textarea::selection {\n          background: var(--lumo-contrast-10pct);\n        }\n      `,\n    ];\n  }\n\n  private __hovered = false;\n\n  private __focused = false;\n\n  renderControl(): TemplateResult {\n    let lineNumbersClass: string;\n    let helperTextClass: string;\n    let containerClass: string;\n    let textAreaClass: string;\n    let labelClass: string;\n\n    if (this.disabled) {\n      lineNumbersClass = 'bg-contrast-5 text-disabled';\n      helperTextClass = 'text-disabled';\n      textAreaClass = 'text-disabled';\n      labelClass = 'text-disabled';\n\n      if (this.readonly) {\n        lineNumbersClass += ' border-dashed border-contrast-20';\n        containerClass = 'border-dashed border-contrast-30';\n      } else {\n        lineNumbersClass += ' border-transparent';\n        containerClass = 'border-contrast-10';\n      }\n    } else if (this.readonly) {\n      lineNumbersClass = 'border-dashed border-contrast-30 bg-transparent text-secondary';\n      helperTextClass = 'text-secondary';\n      containerClass = 'border-dashed border-contrast-30';\n      textAreaClass = 'text-secondary';\n      labelClass = 'text-secondary';\n      if (this.__focused) containerClass += ' ring-2 ring-primary-50';\n    } else if (this.__focused) {\n      lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';\n      helperTextClass = 'text-secondary';\n      containerClass = 'border-primary-50 ring-1 ring-primary-50';\n      textAreaClass = 'text-body';\n      labelClass = 'text-primary';\n    } else if (this.__hovered) {\n      lineNumbersClass = 'border-transparent bg-contrast-20 text-tertiary';\n      helperTextClass = 'text-body';\n      containerClass = 'border-contrast-20';\n      textAreaClass = 'text-body';\n      labelClass = 'text-body';\n    } else {\n      lineNumbersClass = 'border-transparent bg-contrast-10 text-tertiary';\n      helperTextClass = 'text-secondary';\n      containerClass = 'border-contrast-10';\n      textAreaClass = 'text-body';\n      labelClass = 'text-secondary';\n    }\n\n    return html`\n      <label\n        class=\"block h-full\"\n        @mouseenter=${() => (this.__hovered = true)}\n        @mouseleave=${() => (this.__hovered = false)}\n      >\n        <div\n          class=\"mb-xs transition-colors leading-none text-s font-medium ${labelClass}\"\n          part=\"label\"\n        >\n          ${this.label}\n        </div>\n\n        <div\n          class=\"max-h-16em h-full transition-colors flex-1 flex bg-base rounded overflow-auto border ${containerClass}\"\n          part=\"editor\"\n        >\n          <div\n            class=\"h-full transition-colors monospace leading-s text-s p-m text-right border-r ${lineNumbersClass}\"\n          >\n            ${repeat(\n              this._value.split('\\n') ?? [],\n              (_, i) => String(i),\n              (_, i) => html`<div>${i + 1}</div>`\n            )}\n          </div>\n\n          <textarea\n            placeholder=${this.placeholder}\n            class=\"bg-base whitespace-pre leading-s text-s focus-outline-none monospace resize-none p-m block w-full select-text transition-colors ${textAreaClass}\"\n            rows=\"1\"\n            .value=${this._value}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            @focus=${() => (this.__focused = true)}\n            @blur=${() => (this.__focused = false)}\n            @input=${(evt: InputEvent) => {\n              const textarea = evt.currentTarget as HTMLTextAreaElement;\n              this._value = textarea.value;\n            }}\n          >\n          </textarea>\n        </div>\n\n        <div\n          class=\"mt-xs transition-colors leading-xs text-xs ${helperTextClass}\"\n          part=\"helper-text\"\n        >\n          ${this.helperText}\n        </div>\n      </label>\n    `;\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    this.renderRoot.querySelectorAll('textarea').forEach(textarea => {\n      textarea.style.height = 'auto';\n      textarea.style.height = `${textarea.scrollHeight}px`;\n      textarea.style.overflowY = 'hidden';\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/InternalSourceControl/index.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSourceControl/index.ts"],"names":[],"mappings":"AAAA,6CAA0C;AAE1C,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../InternalEditableControl/index';\n\nimport { InternalSourceControl } from './InternalSourceControl';\n\ncustomElements.define('foxy-internal-source-control', InternalSourceControl);\n\nexport { InternalSourceControl };\n"]}

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

@@ -19,9 +19,7 @@ export declare class InternalApiBrowserResourceForm extends InternalApiBrowserRe
     /** Same as the "open" attribute/property of the details element. */
     open: boolean;
     renderBody(): TemplateResult;
-    updated(changes: Map<keyof this, unknown>): void;
     protected _fetch<TResult = any>(...args: Parameters<Window['fetch']>): Promise<TResult>;
-    private __setTextAreaHeight;
     private __renderTitle;
     private __renderForm;
     private get __links();

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

@@ -26,15 +26,7 @@ export class InternalApiBrowserResourceForm extends TranslatableMixin(InternalFo
     static get styles() {
         return [
             ...super.styles,
-            css `.monospace{
-  font-family:monospace;
-}
-
-.resize-none{
-  resize:none;
-}
-
-.resource{
+            css `.resource{
   display:grid;
   grid-template-columns:repeat(auto-fill, minmax(calc(18.75 * var(--lumo-space-m)), 1fr));
   grid-gap:1px;
@@ -45,8 +37,25 @@ export class InternalApiBrowserResourceForm extends TranslatableMixin(InternalFo
   grid-column-end:-2;
 }
 
-textarea::selection{
-  background:var(--lumo-contrast-10pct);
+foxy-internal-source-control::part(editor){
+  border-radius:0;
+  max-height:none;
+  box-shadow:none;
+  border:none;
+}
+
+foxy-internal-source-control::part(label),
+        foxy-internal-source-control::part(helper-text){
+  position:absolute;
+  width:1px;
+  height:1px;
+  padding-top:0px;
+  margin-top:-1px;
+  overflow-x:hidden;
+  overflow-y:hidden;
+  clip:rect(0px, 0px, 0px, 0px);
+  white-space:nowrap;
+  border-top-width:0px;
 }
       `,
         ];
@@ -114,10 +123,6 @@ textarea::selection{
       </details>
     `;
     }
-    updated(changes) {
-        super.updated(changes);
-        this.__setTextAreaHeight();
-    }
     async _fetch(...args) {
         var _a;
         try {
@@ -131,14 +136,6 @@ textarea::selection{
             throw ['invalid_json'];
         }
     }
-    __setTextAreaHeight() {
-        const textarea = this.renderRoot.querySelector('textarea');
-        if (textarea) {
-            textarea.style.height = 'auto';
-            textarea.style.height = `${textarea.scrollHeight}px`;
-            textarea.style.overflowY = 'hidden';
-        }
-    }
     __renderTitle() {
         if (!this.href) {
             return html `
@@ -177,26 +174,13 @@ textarea::selection{
         return html `
       <div class="bg-base">
         <div class="${this.data ? 'resource' : ''} border-t border-contrast-5 bg-contrast-10">
-          <div class="flex-1 flex bg-base">
-            <div class="monospace bg-contrast-5 leading-s text-s p-m text-tertiary text-right">
-              ${this.__formAsString.split('\n').map((_, index) => html `<div>${index + 1}</div>`)}
-            </div>
-
-            <textarea
-              class=${classMap({
-            'whitespace-pre leading-s text-s focus-outline-none': true,
-            'monospace resize-none p-m block w-full select-text': true,
-            'bg-error-10': this.errors.length > 0,
-            'bg-base': this.errors.length === 0,
-        })}
-              .value=${this.__formAsString}
-              @input=${(evt) => {
-            const textarea = evt.currentTarget;
-            this.__formAsString = textarea.value;
-        }}
-            >
-            </textarea>
-          </div>
+          <foxy-internal-source-control
+            infer="editor"
+            class="flex-1 bg-base"
+            .getValue=${() => this.__formAsString}
+            .setValue=${(newValue) => (this.__formAsString = newValue)}
+          >
+          </foxy-internal-source-control>
 
           ${this.data
             ? html `

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

@@ -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\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-medium 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-medium\">${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"]}
+{"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        .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        foxy-internal-source-control::part(editor) {\n          border-radius: 0;\n          max-height: none;\n          box-shadow: none;\n          border: none;\n        }\n\n        foxy-internal-source-control::part(label),\n        foxy-internal-source-control::part(helper-text) {\n          position: absolute;\n          width: 1px;\n          height: 1px;\n          padding-top: 0px;\n          margin-top: -1px;\n          overflow-x: hidden;\n          overflow-y: hidden;\n          clip: rect(0px, 0px, 0px, 0px);\n          white-space: nowrap;\n          border-top-width: 0px;\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-medium 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  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 __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          <foxy-internal-source-control\n            infer=\"editor\"\n            class=\"flex-1 bg-base\"\n            .getValue=${() => this.__formAsString}\n            .setValue=${(newValue: string) => (this.__formAsString = newValue)}\n          >\n          </foxy-internal-source-control>\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-medium\">${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

@@ -3,6 +3,7 @@ import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import '../../../../internal/InternalDeleteControl/index';
 import '../../../../internal/InternalCreateControl/index';
+import '../../../../internal/InternalSourceControl/index';
 import '../../../../internal/InternalForm/index';
 import '../../../CopyToClipboard/index';
 import '../../../SwipeActions/index';

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

@@ -3,6 +3,7 @@ import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import "../../../../internal/InternalDeleteControl/index.js";
 import "../../../../internal/InternalCreateControl/index.js";
+import "../../../../internal/InternalSourceControl/index.js";
 import "../../../../internal/InternalForm/index.js";
 import "../../../CopyToClipboard/index.js";
 import "../../../SwipeActions/index.js";

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

@@ -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;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"]}
+{"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,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/InternalSourceControl/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/EmailTemplateForm/EmailTemplateForm.d.ts

@@ -1,11 +1,11 @@
-import { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';
-import { Data, Templates } from './types';
-import { ScopedElementsMap } from '@open-wc/scoped-elements';
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import type { ScopedElementsMap } from '@open-wc/scoped-elements';
+import type { Data, Templates } from './types';
 import { NucleonElement } from '../NucleonElement/NucleonElement';
 declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 } & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
-    styles: CSSResultArray;
+    styles: import("lit-element").CSSResultArray;
 } & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/src/types").ScopedElementsHost>;
 /**
  * Form element for creating or editing email templates (`fx:email_template`).
@@ -33,13 +33,15 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
  */
 export declare class EmailTemplateForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
-    static get styles(): CSSResultArray;
     static get scopedElements(): ScopedElementsMap;
     templates: Templates;
-    private __cacheState;
-    private __contentChoice;
     private __templateLanguageOptions;
+    private __textContentChoice;
+    private __htmlContentChoice;
+    private __cacheState;
     render(): TemplateResult;
+    protected _sendPost(edits: Partial<Data>): Promise<Data>;
+    protected _sendPatch(edits: Partial<Data>): Promise<Data>;
     private __renderDescription;
     private __renderContent;
     private __renderContentVariant;