@foxy.io/elements 1.18.0-beta.16 → 1.18.0-beta.17

package/dist/elements/public/I18nEditor/I18nEditor.js

@@ -0,0 +1,173 @@
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { NucleonElement } from "../NucleonElement/NucleonElement.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { classMap } from "../../../utils/class-map.js";
+import { repeat } from 'lit-html/directives/repeat';
+import { html } from 'lit-html';
+const NS = 'i18n-editor';
+const Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(NucleonElement)), NS);
+export class I18nEditor extends Base {
+    constructor() {
+        super(...arguments);
+        this.languageOverrides = 'https://demo.api/hapi/language_overrides';
+        this.selectedLanguage = 'english';
+        this.__selectedTabIndex = 0;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            languageOverrides: { attribute: 'language-overrides' },
+            selectedLanguage: { attribute: 'selected-language' },
+            __selectedTabIndex: { attribute: false },
+        };
+    }
+    render() {
+        var _a, _b, _c;
+        const tabs = this.__tabs;
+        const prefix = tabs[this.__selectedTabIndex];
+        const valuesForLang = (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a.values[(_b = this.selectedLanguage) !== null && _b !== void 0 ? _b : '']) !== null && _c !== void 0 ? _c : {};
+        const filteredValues = {};
+        const isSpinnerVisible = !this.in({ idle: 'snapshot' });
+        if (prefix) {
+            if (prefix.includes('_')) {
+                const group = prefix.substring(0, prefix.indexOf('_'));
+                const subGroup = prefix.substring(prefix.indexOf('_') + 1);
+                const values = valuesForLang[group][subGroup];
+                for (const key in values) {
+                    filteredValues[`${group}_${subGroup}_${key}`] = values[key];
+                }
+            }
+            else {
+                for (const key in valuesForLang) {
+                    if (key.startsWith(prefix))
+                        filteredValues[key] = valuesForLang[key];
+                }
+            }
+        }
+        const overridesLoader = this.__renderOverridesLoader();
+        const overrides = overridesLoader.overrides;
+        return html `
+      ${overridesLoader.template}
+
+      <div aria-busy=${this.in('busy')} aria-live="polite" class="relative">
+        <div
+          class=${classMap({
+            'transition-opacity grid grid-cols-1 gap-s': true,
+            'opacity-0 pointer-events-none': isSpinnerVisible,
+        })}
+        >
+          <vaadin-tabs
+            selected=${this.__selectedTabIndex}
+            class="-mx-l"
+            theme="minimal"
+            @selected-changed=${(evt) => {
+            var _a;
+            const tabsElement = evt.currentTarget;
+            this.__selectedTabIndex = (_a = tabsElement.selected) !== null && _a !== void 0 ? _a : 0;
+        }}
+          >
+            ${tabs.map(name => {
+            const shortName = name.substring(name.indexOf('_') + 1).replace(/_/g, ' ');
+            const label = html `<span class="capitalize">${shortName}</span>`;
+            return html `<vaadin-tab>${label}</vaadin-tab>`;
+        })}
+          </vaadin-tabs>
+
+          ${repeat(Object.entries(filteredValues), ([keyOrGroup]) => keyOrGroup, ([keyOrGroup, translationOrDictionary]) => {
+            var _a;
+            let code;
+            let gateway;
+            let override;
+            if (keyOrGroup.startsWith('gateways_')) {
+                code = keyOrGroup.substring(prefix.length + 1);
+                gateway = prefix.substring(9);
+                override = overrides.find(o => o.code === code && o.gateway === gateway);
+            }
+            else {
+                code = keyOrGroup;
+                gateway = undefined;
+                override = overrides.find(o => o.code === code);
+            }
+            return html `
+                <foxy-internal-i18n-editor-entry
+                  default-value=${translationOrDictionary}
+                  gateway=${ifDefined(gateway)}
+                  parent=${ifDefined((_a = this.languageOverrides) !== null && _a !== void 0 ? _a : void 0)}
+                  code=${code}
+                  infer=""
+                  .data=${override !== null && override !== void 0 ? override : null}
+                >
+                </foxy-internal-i18n-editor-entry>
+              `;
+        })}
+        </div>
+
+        <div
+          data-testid="spinner"
+          class=${classMap({
+            'transition-opacity absolute inset-0 flex': true,
+            'opacity-0 pointer-events-none': !isSpinnerVisible,
+        })}
+        >
+          <foxy-spinner
+            layout=${this.in('busy') ? 'no-label' : 'horizontal'}
+            class="m-auto"
+            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}
+            infer="spinner"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+    get __tabs() {
+        var _a;
+        const values = this.selectedLanguage ? (_a = this.data) === null || _a === void 0 ? void 0 : _a.values[this.selectedLanguage] : undefined;
+        const tabs = Object.entries(values !== null && values !== void 0 ? values : {}).reduce((allKeys, [key, value]) => {
+            if (typeof value === 'string') {
+                const prefix = key.substring(0, key.indexOf('_'));
+                allKeys.add(prefix || key);
+            }
+            else {
+                Object.entries(value).forEach(([subKey, subValue]) => {
+                    if (Object.keys(subValue).length === 0)
+                        return;
+                    allKeys.add(`${key}_${subKey}`);
+                });
+            }
+            return allKeys;
+        }, new Set());
+        return Array.from(tabs);
+    }
+    __renderOverridesLoader() {
+        var _a;
+        const loaders = Array.from(this.renderRoot.querySelectorAll('foxy-nucleon'));
+        const overrides = loaders.reduce((result, loader) => { var _a, _b; return [...result, ...((_b = (_a = loader.data) === null || _a === void 0 ? void 0 : _a._embedded['fx:language_overrides']) !== null && _b !== void 0 ? _b : [])]; }, []);
+        const firstLoader = loaders[0];
+        const loaderTemplates = new Array(Math.ceil((((_a = firstLoader === null || firstLoader === void 0 ? void 0 : firstLoader.data) === null || _a === void 0 ? void 0 : _a.total_items) || 300) / 300))
+            .fill(0)
+            .map((_, index) => {
+            var _a;
+            try {
+                const url = new URL((_a = this.languageOverrides) !== null && _a !== void 0 ? _a : '');
+                url.searchParams.set('offset', String(index * 300));
+                url.searchParams.set('limit', '300');
+                return html `
+            <foxy-nucleon infer="" href=${url.toString()} @update=${() => this.requestUpdate()}>
+            </foxy-nucleon>
+          `;
+            }
+            catch (_b) {
+                return undefined;
+            }
+        });
+        return {
+            template: html `<div class="hidden">${loaderTemplates}</div>`,
+            overrides,
+            loaders,
+        };
+    }
+}
+//# sourceMappingURL=I18nEditor.js.map

package/dist/elements/public/I18nEditor/I18nEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18nEditor.js","sourceRoot":"","sources":["../../../../src/elements/public/I18nEditor/I18nEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { Data, Overrides } from './types';\nimport type { TabsElement } from '@vaadin/vaadin-tabs';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { html } from 'lit-html';\n\nconst NS = 'i18n-editor';\nconst Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(NucleonElement)), NS);\n\nexport class I18nEditor extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      languageOverrides: { attribute: 'language-overrides' },\n      selectedLanguage: { attribute: 'selected-language' },\n      __selectedTabIndex: { attribute: false },\n    };\n  }\n\n  languageOverrides: string | null = 'https://demo.api/hapi/language_overrides';\n\n  selectedLanguage: string | null = 'english';\n\n  private __selectedTabIndex = 0;\n\n  render(): TemplateResult {\n    const tabs = this.__tabs;\n    const prefix = tabs[this.__selectedTabIndex] as string | undefined;\n    const valuesForLang = this.data?.values[this.selectedLanguage ?? ''] ?? {};\n    const filteredValues: Record<string, string> = {};\n    const isSpinnerVisible = !this.in({ idle: 'snapshot' });\n\n    if (prefix) {\n      if (prefix.includes('_')) {\n        const group = prefix.substring(0, prefix.indexOf('_'));\n        const subGroup = prefix.substring(prefix.indexOf('_') + 1);\n        const values = (valuesForLang[group] as Record<string, Record<string, string>>)[subGroup];\n\n        for (const key in values) {\n          filteredValues[`${group}_${subGroup}_${key}`] = values[key];\n        }\n      } else {\n        for (const key in valuesForLang) {\n          if (key.startsWith(prefix)) filteredValues[key] = valuesForLang[key] as string;\n        }\n      }\n    }\n\n    const overridesLoader = this.__renderOverridesLoader();\n    const overrides = overridesLoader.overrides;\n\n    return html`\n      ${overridesLoader.template}\n\n      <div aria-busy=${this.in('busy')} aria-live=\"polite\" class=\"relative\">\n        <div\n          class=${classMap({\n            'transition-opacity grid grid-cols-1 gap-s': true,\n            'opacity-0 pointer-events-none': isSpinnerVisible,\n          })}\n        >\n          <vaadin-tabs\n            selected=${this.__selectedTabIndex}\n            class=\"-mx-l\"\n            theme=\"minimal\"\n            @selected-changed=${(evt: CustomEvent) => {\n              const tabsElement = evt.currentTarget as TabsElement;\n              this.__selectedTabIndex = tabsElement.selected ?? 0;\n            }}\n          >\n            ${tabs.map(name => {\n              const shortName = name.substring(name.indexOf('_') + 1).replace(/_/g, ' ');\n              const label = html`<span class=\"capitalize\">${shortName}</span>`;\n              return html`<vaadin-tab>${label}</vaadin-tab>`;\n            })}\n          </vaadin-tabs>\n\n          ${repeat(\n            Object.entries(filteredValues),\n            ([keyOrGroup]) => keyOrGroup,\n            ([keyOrGroup, translationOrDictionary]) => {\n              let code: string;\n              let gateway: string | undefined;\n              let override: Overrides['_embedded']['fx:language_overrides'][number] | undefined;\n\n              if (keyOrGroup.startsWith('gateways_')) {\n                code = keyOrGroup.substring(prefix!.length + 1);\n                gateway = prefix!.substring(9);\n                override = overrides.find(o => o.code === code && o.gateway === gateway);\n              } else {\n                code = keyOrGroup;\n                gateway = undefined;\n                override = overrides.find(o => o.code === code);\n              }\n\n              return html`\n                <foxy-internal-i18n-editor-entry\n                  default-value=${translationOrDictionary}\n                  gateway=${ifDefined(gateway)}\n                  parent=${ifDefined(this.languageOverrides ?? void 0)}\n                  code=${code}\n                  infer=\"\"\n                  .data=${override ?? null}\n                >\n                </foxy-internal-i18n-editor-entry>\n              `;\n            }\n          )}\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition-opacity absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !isSpinnerVisible,\n          })}\n        >\n          <foxy-spinner\n            layout=${this.in('busy') ? 'no-label' : 'horizontal'}\n            class=\"m-auto\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            infer=\"spinner\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private get __tabs() {\n    const values = this.selectedLanguage ? this.data?.values[this.selectedLanguage] : undefined;\n\n    const tabs = Object.entries(values ?? {}).reduce((allKeys, [key, value]) => {\n      if (typeof value === 'string') {\n        const prefix = key.substring(0, key.indexOf('_'));\n        allKeys.add(prefix || key);\n      } else {\n        Object.entries(value).forEach(([subKey, subValue]) => {\n          if (Object.keys(subValue).length === 0) return;\n          allKeys.add(`${key}_${subKey}`);\n        });\n      }\n\n      return allKeys;\n    }, new Set<string>());\n\n    return Array.from(tabs);\n  }\n\n  private __renderOverridesLoader() {\n    type Loader = NucleonElement<Overrides>;\n\n    const loaders = Array.from(this.renderRoot.querySelectorAll<Loader>('foxy-nucleon'));\n    const overrides = loaders.reduce(\n      (result, loader) => [...result, ...(loader.data?._embedded['fx:language_overrides'] ?? [])],\n      [] as Resource<Rels.LanguageOverride>[]\n    );\n\n    const firstLoader = loaders[0] as Loader | undefined;\n\n    const loaderTemplates = new Array(Math.ceil((firstLoader?.data?.total_items || 300) / 300))\n      .fill(0)\n      .map((_, index) => {\n        try {\n          const url = new URL(this.languageOverrides ?? '');\n\n          url.searchParams.set('offset', String(index * 300));\n          url.searchParams.set('limit', '300');\n\n          return html`\n            <foxy-nucleon infer=\"\" href=${url.toString()} @update=${() => this.requestUpdate()}>\n            </foxy-nucleon>\n          `;\n        } catch {\n          return undefined;\n        }\n      });\n\n    return {\n      template: html`<div class=\"hidden\">${loaderTemplates}</div>`,\n      overrides,\n      loaders,\n    };\n  }\n}\n"]}

package/dist/elements/public/I18nEditor/index.d.ts

@@ -0,0 +1,7 @@
+import '@vaadin/vaadin-tabs';
+import '../NucleonElement/index';
+import '../Spinner/index';
+import '../I18n/index';
+import './internal/InternalI18nEditorEntry/index';
+import { I18nEditor } from './I18nEditor';
+export { I18nEditor };

package/dist/elements/public/I18nEditor/index.js

@@ -0,0 +1,9 @@
+import '@vaadin/vaadin-tabs';
+import "../NucleonElement/index.js";
+import "../Spinner/index.js";
+import "../I18n/index.js";
+import "./internal/InternalI18nEditorEntry/index.js";
+import { I18nEditor } from "./I18nEditor.js";
+customElements.define('foxy-i18n-editor', I18nEditor);
+export { I18nEditor };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/I18nEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/I18nEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,oCAAiC;AACjC,6BAA0B;AAC1B,0BAAuB;AAEvB,qDAAkD;AAElD,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-tabs';\n\nimport '../NucleonElement/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport './internal/InternalI18nEditorEntry/index';\n\nimport { I18nEditor } from './I18nEditor';\n\ncustomElements.define('foxy-i18n-editor', I18nEditor);\n\nexport { I18nEditor };\n"]}

package/dist/elements/public/I18nEditor/internal/InternalI18nEditorEntry/InternalI18nEditorEntry.d.ts

@@ -0,0 +1,17 @@
+import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';
+import type { Data } from './types';
+import { NucleonElement } from '../../../NucleonElement/NucleonElement';
+declare const Base: typeof NucleonElement & {
+    styles: CSSResultArray;
+} & import("lit-element").Constructor<import("../../../../../mixins/configurable").ConfigurableMixinHost> & import("lit-element").Constructor<import("../../../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class InternalI18nEditorEntry extends Base<Data> {
+    static get properties(): PropertyDeclarations;
+    static get styles(): CSSResultArray;
+    defaultValue: string | null;
+    gateway: string | null;
+    code: string | null;
+    render(): TemplateResult;
+}
+export {};

package/dist/elements/public/I18nEditor/internal/InternalI18nEditorEntry/InternalI18nEditorEntry.js

@@ -0,0 +1,169 @@
+import { ConfigurableMixin } from "../../../../../mixins/configurable.js";
+import { TranslatableMixin } from "../../../../../mixins/translatable.js";
+import { ResponsiveMixin } from "../../../../../mixins/responsive.js";
+import { ThemeableMixin } from "../../../../../mixins/themeable.js";
+import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
+import { html, css } from 'lit-element';
+import { classMap } from "../../../../../utils/class-map.js";
+const Base = ResponsiveMixin(TranslatableMixin(ConfigurableMixin(ThemeableMixin(NucleonElement))));
+export class InternalI18nEditorEntry extends Base {
+    constructor() {
+        super(...arguments);
+        this.defaultValue = null;
+        this.gateway = null;
+        this.code = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            defaultValue: { attribute: 'default-value' },
+            gateway: {},
+            code: {},
+        };
+    }
+    static get styles() {
+        return [
+            super.styles,
+            css `:host{
+  --button-height:1.703rem;
+}
+
+textarea{
+  -webkit-text-fill-color:var(--lumo-body-text-color);
+}
+
+vaadin-button{
+  height:var(--button-height);
+  --lumo-primary-color-50pct:var(--lumo-success-contrast-color);
+}
+
+.h-bottom-bar{
+  height:calc(var(--button-height) + (var(--lumo-space-xs) * 2));
+}
+
+.h-0{
+  height:0;
+}
+      `,
+        ];
+    }
+    render() {
+        var _a, _b, _c;
+        const value = (_a = this.form.custom_value) !== null && _a !== void 0 ? _a : this.defaultValue;
+        const isSnapshot = this.in({ idle: 'snapshot' });
+        const isTemplate = this.in({ idle: 'template' });
+        const isSnapshotDirty = this.in({ idle: { snapshot: 'dirty' } });
+        const isTemplateDirty = this.in({ idle: { template: 'dirty' } });
+        const isDirty = isSnapshotDirty || isTemplateDirty;
+        const isDisabled = !this.in('idle') || this.disabled;
+        const isReadonly = this.readonly;
+        const isInteractive = !isDisabled && !isReadonly;
+        const isFailed = this.in('fail');
+        return html `
+      <div
+        class=${classMap({
+            'transition-all rounded ring-1 leading-s text-secondary': true,
+            'ring-contrast-10': !isFailed && (!isDirty || isReadonly),
+            'ring-success': !isFailed && isDirty && !isReadonly,
+            'ring-error': isFailed,
+            'opacity-75': isDisabled,
+            'hover-ring-contrast-20': !isFailed && !isDirty && isInteractive,
+            'hover-text-body': !isFailed && isInteractive,
+        })}
+      >
+        <label class="group flex flex-col sm-flex-row">
+          <div class="flex-1 p-xs break-all" style="max-width: 20rem">
+            <span class="inline-block rounded text-s p-xs font-semibold">
+              ${(_c = (_b = this.data) === null || _b === void 0 ? void 0 : _b.code) !== null && _c !== void 0 ? _c : this.code}
+            </span>
+          </div>
+
+          <div class="flex-1 flex">
+            <div class="relative flex-1">
+              <div class="opacity-0 text-s p-s font-semibold break-all">
+                <span class="whitespace-pre-wrap">${value}&ZeroWidthSpace;</span>
+              </div>
+
+              <textarea
+                class=${classMap({
+            'absolute inset-0 p-s resize-none': true,
+            'sm-border-l sm-border-transparent': true,
+            'break-all text-body transition-colors text-s font-semibold': true,
+            'rounded-b sm-rounded-bl-none sm-rounded-tr': isTemplate && !isDirty,
+            'rounded-bl sm-rounded-bl-none': isSnapshot && !isDirty,
+            'sm-rounded-tr': isTemplate && isDirty,
+            'sm-border-contrast-10': isReadonly,
+            'bg-contrast-10': !isReadonly,
+            'group-hover-bg-contrast-20': isInteractive,
+            'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,
+        })}
+                .value=${value}
+                ?disabled=${isDisabled}
+                ?readonly=${isReadonly}
+                @input=${(evt) => {
+            const textarea = evt.currentTarget;
+            if (this.gateway)
+                this.edit({ gateway: this.gateway });
+            if (this.code)
+                this.edit({ code: this.code });
+            this.edit({ custom_value: textarea.value });
+        }}
+              >
+              </textarea>
+            </div>
+
+            ${isSnapshot
+            ? html `
+                  <button
+                    class=${classMap({
+                'flex-shrink-0 w-m flex items-center justify-center': true,
+                'transition-colors text-tertiary ring-inset': true,
+                'rounded-br sm-rounded-tr': !isDirty,
+                'sm-rounded-tr': isDirty,
+                'bg-contrast-10': !isReadonly,
+                'cursor-default': !isInteractive,
+                'cursor-pointer': isInteractive,
+                'group-hover-bg-contrast-20 hover-text-body': isInteractive,
+                'focus-outline-none focus-ring-2 focus-ring-primary-50': true,
+            })}
+                    title=${this.t('delete_button_title')}
+                    theme="contrast icon"
+                    ?disabled=${isDisabled || isReadonly}
+                    @click=${() => this.delete()}
+                  >
+                    <iron-icon class="icon-inline text-xl" icon="icons:restore"></iron-icon>
+                  </button>
+                `
+            : ''}
+          </div>
+        </label>
+
+        <div
+          class=${classMap({
+            'transition-all bg-success rounded-b overflow-hidden': true,
+            'flex items-center justify-end gap-xs px-xs': true,
+            'h-bottom-bar': isDirty && !isReadonly,
+            'h-0': !isDirty || isReadonly,
+        })}
+        >
+          <vaadin-button
+            theme="primary success small"
+            ?disabled=${!isInteractive}
+            @click=${() => this.undo()}
+          >
+            <foxy-i18n infer="" key="undo_button"></foxy-i18n>
+          </vaadin-button>
+
+          <vaadin-button
+            theme="primary success small"
+            ?disabled=${!isInteractive}
+            @click=${() => this.submit()}
+          >
+            <foxy-i18n infer="" key="save_button"></foxy-i18n>
+          </vaadin-button>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=InternalI18nEditorEntry.js.map

package/dist/elements/public/I18nEditor/internal/InternalI18nEditorEntry/InternalI18nEditorEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalI18nEditorEntry.js","sourceRoot":"","sources":["../../../../../../src/elements/public/I18nEditor/internal/InternalI18nEditorEntry/InternalI18nEditorEntry.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { ConfigurableMixin } from '../../../../../mixins/configurable';\nimport { TranslatableMixin } from '../../../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../../../mixins/themeable';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport { html, css } from 'lit-element';\nimport { classMap } from '../../../../../utils/class-map';\n\nconst Base = ResponsiveMixin(TranslatableMixin(ConfigurableMixin(ThemeableMixin(NucleonElement))));\n\nexport class InternalI18nEditorEntry extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      defaultValue: { attribute: 'default-value' },\n      gateway: {},\n      code: {},\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        :host {\n          --button-height: 1.703rem;\n        }\n\n        textarea {\n          -webkit-text-fill-color: var(--lumo-body-text-color);\n        }\n\n        vaadin-button {\n          height: var(--button-height);\n          --lumo-primary-color-50pct: var(--lumo-success-contrast-color);\n        }\n\n        .h-bottom-bar {\n          height: calc(var(--button-height) + (var(--lumo-space-xs) * 2));\n        }\n\n        .h-0 {\n          height: 0;\n        }\n      `,\n    ];\n  }\n\n  defaultValue: string | null = null;\n\n  gateway: string | null = null;\n\n  code: string | null = null;\n\n  render(): TemplateResult {\n    const value = this.form.custom_value ?? this.defaultValue;\n\n    const isSnapshot = this.in({ idle: 'snapshot' });\n    const isTemplate = this.in({ idle: 'template' });\n    const isSnapshotDirty = this.in({ idle: { snapshot: 'dirty' } });\n    const isTemplateDirty = this.in({ idle: { template: 'dirty' } });\n    const isDirty = isSnapshotDirty || isTemplateDirty;\n\n    const isDisabled = !this.in('idle') || this.disabled;\n    const isReadonly = this.readonly;\n    const isInteractive = !isDisabled && !isReadonly;\n    const isFailed = this.in('fail');\n\n    return html`\n      <div\n        class=${classMap({\n          'transition-all rounded ring-1 leading-s text-secondary': true,\n          'ring-contrast-10': !isFailed && (!isDirty || isReadonly),\n          'ring-success': !isFailed && isDirty && !isReadonly,\n          'ring-error': isFailed,\n          'opacity-75': isDisabled,\n          'hover-ring-contrast-20': !isFailed && !isDirty && isInteractive,\n          'hover-text-body': !isFailed && isInteractive,\n        })}\n      >\n        <label class=\"group flex flex-col sm-flex-row\">\n          <div class=\"flex-1 p-xs break-all\" style=\"max-width: 20rem\">\n            <span class=\"inline-block rounded text-s p-xs font-semibold\">\n              ${this.data?.code ?? this.code}\n            </span>\n          </div>\n\n          <div class=\"flex-1 flex\">\n            <div class=\"relative flex-1\">\n              <div class=\"opacity-0 text-s p-s font-semibold break-all\">\n                <span class=\"whitespace-pre-wrap\">${value}&ZeroWidthSpace;</span>\n              </div>\n\n              <textarea\n                class=${classMap({\n                  'absolute inset-0 p-s resize-none': true,\n                  'sm-border-l sm-border-transparent': true,\n                  'break-all text-body transition-colors text-s font-semibold': true,\n                  'rounded-b sm-rounded-bl-none sm-rounded-tr': isTemplate && !isDirty,\n                  'rounded-bl sm-rounded-bl-none': isSnapshot && !isDirty,\n                  'sm-rounded-tr': isTemplate && isDirty,\n                  'sm-border-contrast-10': isReadonly,\n                  'bg-contrast-10': !isReadonly,\n                  'group-hover-bg-contrast-20': isInteractive,\n                  'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n                })}\n                .value=${value}\n                ?disabled=${isDisabled}\n                ?readonly=${isReadonly}\n                @input=${(evt: InputEvent) => {\n                  const textarea = evt.currentTarget as HTMLTextAreaElement;\n\n                  if (this.gateway) this.edit({ gateway: this.gateway });\n                  if (this.code) this.edit({ code: this.code });\n                  this.edit({ custom_value: textarea.value });\n                }}\n              >\n              </textarea>\n            </div>\n\n            ${isSnapshot\n              ? html`\n                  <button\n                    class=${classMap({\n                      'flex-shrink-0 w-m flex items-center justify-center': true,\n                      'transition-colors text-tertiary ring-inset': true,\n                      'rounded-br sm-rounded-tr': !isDirty,\n                      'sm-rounded-tr': isDirty,\n                      'bg-contrast-10': !isReadonly,\n                      'cursor-default': !isInteractive,\n                      'cursor-pointer': isInteractive,\n                      'group-hover-bg-contrast-20 hover-text-body': isInteractive,\n                      'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n                    })}\n                    title=${this.t('delete_button_title')}\n                    theme=\"contrast icon\"\n                    ?disabled=${isDisabled || isReadonly}\n                    @click=${() => this.delete()}\n                  >\n                    <iron-icon class=\"icon-inline text-xl\" icon=\"icons:restore\"></iron-icon>\n                  </button>\n                `\n              : ''}\n          </div>\n        </label>\n\n        <div\n          class=${classMap({\n            'transition-all bg-success rounded-b overflow-hidden': true,\n            'flex items-center justify-end gap-xs px-xs': true,\n            'h-bottom-bar': isDirty && !isReadonly,\n            'h-0': !isDirty || isReadonly,\n          })}\n        >\n          <vaadin-button\n            theme=\"primary success small\"\n            ?disabled=${!isInteractive}\n            @click=${() => this.undo()}\n          >\n            <foxy-i18n infer=\"\" key=\"undo_button\"></foxy-i18n>\n          </vaadin-button>\n\n          <vaadin-button\n            theme=\"primary success small\"\n            ?disabled=${!isInteractive}\n            @click=${() => this.submit()}\n          >\n            <foxy-i18n infer=\"\" key=\"save_button\"></foxy-i18n>\n          </vaadin-button>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/I18nEditor/internal/InternalI18nEditorEntry/index.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin/vaadin-button';
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import '../../../I18n/index';
+import { InternalI18nEditorEntry } from './InternalI18nEditorEntry';
+export { InternalI18nEditorEntry };

package/dist/elements/public/I18nEditor/internal/InternalI18nEditorEntry/index.js

@@ -0,0 +1,8 @@
+import '@vaadin/vaadin-button';
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import "../../../I18n/index.js";
+import { InternalI18nEditorEntry } from "./InternalI18nEditorEntry.js";
+customElements.define('foxy-internal-i18n-editor-entry', InternalI18nEditorEntry);
+export { InternalI18nEditorEntry };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/I18nEditor/internal/InternalI18nEditorEntry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/I18nEditor/internal/InternalI18nEditorEntry/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,gCAA6B;AAE7B,OAAO,EAAE,uBAAuB,EAAE,qCAAkC;AAEpE,cAAc,CAAC,MAAM,CAAC,iCAAiC,EAAE,uBAAuB,CAAC,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../../I18n/index';\n\nimport { InternalI18nEditorEntry } from './InternalI18nEditorEntry';\n\ncustomElements.define('foxy-internal-i18n-editor-entry', InternalI18nEditorEntry);\n\nexport { InternalI18nEditorEntry };\n"]}

package/dist/elements/public/I18nEditor/internal/InternalI18nEditorEntry/types.d.ts

@@ -0,0 +1,3 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.LanguageOverride>;

package/dist/elements/public/I18nEditor/internal/InternalI18nEditorEntry/types.js

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

package/dist/elements/public/I18nEditor/internal/InternalI18nEditorEntry/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/elements/public/I18nEditor/internal/InternalI18nEditorEntry/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.LanguageOverride>;\n"]}

package/dist/elements/public/I18nEditor/types.d.ts

@@ -0,0 +1,4 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.LanguageStrings>;
+export declare type Overrides = Resource<Rels.LanguageOverrides>;

package/dist/elements/public/I18nEditor/types.js

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

package/dist/elements/public/I18nEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/I18nEditor/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.LanguageStrings>;\nexport type Overrides = Resource<Rels.LanguageOverrides>;\n"]}

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/InternalItemCategoryFormTaxesControlItem.js

@@ -65,8 +65,6 @@ export class InternalItemCategoryFormTaxesControlItem extends TaxCard {
             const resource = this.renderRoot.querySelector('#resource');
             if (checkbox.checked) {
                 resource.edit({
-                    // TODO remove the directive below once sdk type have been corrected
-                    // @ts-expect-error SDK types are wrong
                     tax_uri: this.data._links.self.href,
                     item_category_uri: this.itemCategory,
                 });

package/dist/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/InternalItemCategoryFormTaxesControlItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalItemCategoryFormTaxesControlItem.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/InternalItemCategoryFormTaxesControlItem.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { CheckboxElement } from '@vaadin/vaadin-checkbox';\nimport type { NucleonElement } from '../../../NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { TaxCard } from '../../../TaxCard/TaxCard';\nimport { html } from 'lit-html';\n\ntype TaxItemCategories = Resource<Rels.TaxItemCategories>;\ntype TaxItemCategory = Resource<Rels.TaxItemCategory>;\n\nexport class InternalItemCategoryFormTaxesControlItem extends TaxCard {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      taxItemCategories: { type: String, attribute: 'tax-item-categories' },\n      itemCategory: { type: String, attribute: 'item-category' },\n    };\n  }\n\n  taxItemCategories: string | null = null;\n\n  itemCategory: string | null = null;\n\n  private __resourceElementIsBusy = false;\n\n  private __queryElementData: TaxItemCategories | null = null;\n\n  render(): TemplateResult {\n    const taxItemCategory = this.__queryElementData?._embedded?.['fx:tax_item_categories']?.[0];\n    let taxItemCategories: string | undefined;\n\n    try {\n      const url = new URL(this.taxItemCategories ?? '');\n      const hrefAsUrl = new URL(this.href);\n      const id = hrefAsUrl.pathname.split('/').pop();\n\n      if (!id) throw new Error();\n\n      url.searchParams.set('tax_id', id);\n      url.searchParams.set('limit', '1');\n      taxItemCategories = url.toString();\n    } catch {\n      taxItemCategories = undefined;\n    }\n\n    return html`\n      <foxy-nucleon\n        href=${ifDefined(taxItemCategories)}\n        id=\"query\"\n        @update=${(evt: CustomEvent) => {\n          const nucleon = evt.currentTarget as NucleonElement<TaxItemCategories>;\n          this.__queryElementData = nucleon.data;\n          this.requestUpdate();\n        }}\n      >\n        <foxy-nucleon\n          parent=${ifDefined(this.taxItemCategories ?? undefined)}\n          href=${ifDefined(taxItemCategory?._links.self.href)}\n          id=\"resource\"\n          @update=${(evt: CustomEvent) => {\n            const nucleon = evt.currentTarget as NucleonElement<TaxItemCategories>;\n            this.__resourceElementIsBusy = !nucleon.in('idle');\n            this.requestUpdate();\n          }}\n        >\n        </foxy-nucleon>\n      </foxy-nucleon>\n\n      <vaadin-checkbox\n        class=\"px-m py-s block overflow-hidden\"\n        ?disabled=${!this.__queryElementData || this.__resourceElementIsBusy || this.disabled}\n        ?checked=${!!taxItemCategory}\n        @change=${(evt: CustomEvent) => {\n          type ResourceElement = NucleonElement<TaxItemCategory>;\n\n          const checkbox = evt.currentTarget as CheckboxElement;\n          const resource = this.renderRoot.querySelector('#resource') as ResourceElement;\n\n          if (checkbox.checked) {\n            resource.edit({\n              // TODO remove the directive below once sdk type have been corrected\n              // @ts-expect-error SDK types are wrong\n              tax_uri: this.data!._links.self.href,\n              item_category_uri: this.itemCategory!,\n            });\n\n            resource.submit();\n          } else {\n            resource.delete();\n          }\n        }}\n      >\n        ${super.render()}\n      </vaadin-checkbox>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemCategoryFormTaxesControlItem.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemCategoryForm/internal/InternalItemCategoryFormTaxesControlItem/InternalItemCategoryFormTaxesControlItem.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { CheckboxElement } from '@vaadin/vaadin-checkbox';\nimport type { NucleonElement } from '../../../NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { TaxCard } from '../../../TaxCard/TaxCard';\nimport { html } from 'lit-html';\n\ntype TaxItemCategories = Resource<Rels.TaxItemCategories>;\ntype TaxItemCategory = Resource<Rels.TaxItemCategory>;\n\nexport class InternalItemCategoryFormTaxesControlItem extends TaxCard {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      taxItemCategories: { type: String, attribute: 'tax-item-categories' },\n      itemCategory: { type: String, attribute: 'item-category' },\n    };\n  }\n\n  taxItemCategories: string | null = null;\n\n  itemCategory: string | null = null;\n\n  private __resourceElementIsBusy = false;\n\n  private __queryElementData: TaxItemCategories | null = null;\n\n  render(): TemplateResult {\n    const taxItemCategory = this.__queryElementData?._embedded?.['fx:tax_item_categories']?.[0];\n    let taxItemCategories: string | undefined;\n\n    try {\n      const url = new URL(this.taxItemCategories ?? '');\n      const hrefAsUrl = new URL(this.href);\n      const id = hrefAsUrl.pathname.split('/').pop();\n\n      if (!id) throw new Error();\n\n      url.searchParams.set('tax_id', id);\n      url.searchParams.set('limit', '1');\n      taxItemCategories = url.toString();\n    } catch {\n      taxItemCategories = undefined;\n    }\n\n    return html`\n      <foxy-nucleon\n        href=${ifDefined(taxItemCategories)}\n        id=\"query\"\n        @update=${(evt: CustomEvent) => {\n          const nucleon = evt.currentTarget as NucleonElement<TaxItemCategories>;\n          this.__queryElementData = nucleon.data;\n          this.requestUpdate();\n        }}\n      >\n        <foxy-nucleon\n          parent=${ifDefined(this.taxItemCategories ?? undefined)}\n          href=${ifDefined(taxItemCategory?._links.self.href)}\n          id=\"resource\"\n          @update=${(evt: CustomEvent) => {\n            const nucleon = evt.currentTarget as NucleonElement<TaxItemCategories>;\n            this.__resourceElementIsBusy = !nucleon.in('idle');\n            this.requestUpdate();\n          }}\n        >\n        </foxy-nucleon>\n      </foxy-nucleon>\n\n      <vaadin-checkbox\n        class=\"px-m py-s block overflow-hidden\"\n        ?disabled=${!this.__queryElementData || this.__resourceElementIsBusy || this.disabled}\n        ?checked=${!!taxItemCategory}\n        @change=${(evt: CustomEvent) => {\n          type ResourceElement = NucleonElement<TaxItemCategory>;\n\n          const checkbox = evt.currentTarget as CheckboxElement;\n          const resource = this.renderRoot.querySelector('#resource') as ResourceElement;\n\n          if (checkbox.checked) {\n            resource.edit({\n              tax_uri: this.data!._links.self.href,\n              item_category_uri: this.itemCategory!,\n            });\n\n            resource.submit();\n          } else {\n            resource.delete();\n          }\n        }}\n      >\n        ${super.render()}\n      </vaadin-checkbox>\n    `;\n  }\n}\n"]}

package/dist/elements/public/StoreForm/StoreForm.js

@@ -41,21 +41,13 @@ export class StoreForm extends Base {
             return this.form.bcc_on_receipt_email ? ['checked'] : [];
         };
         this.__setBccOnReceiptEmailValue = (newValue) => {
-            this.edit({
-                // TODO: remove the directive below when SDK types are fixed
-                // @ts-expect-error SDK types are incorrect
-                bcc_on_receipt_email: newValue.includes('checked'),
-            });
+            this.edit({ bcc_on_receipt_email: newValue.includes('checked') });
         };
         this.__getUseEmailDnsValue = () => {
             return this.form.use_email_dns ? ['checked'] : [];
         };
         this.__setUseEmailDnsValue = (newValue) => {
-            this.edit({
-                // TODO: remove the directive below when SDK types are fixed
-                // @ts-expect-error SDK types are incorrect
-                use_email_dns: newValue.includes('checked'),
-            });
+            this.edit({ use_email_dns: newValue.includes('checked') });
         };
         this.__getUseSmtpConfigValue = () => {
             return this.form.smtp_config ? ['checked'] : [];